@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body {color: #666666;font-family:Arial,Georgia,"Times New Roman",Times,serif;font-size: 14px;line-height: 22px;width:100%;}
.clear{ clear:both;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
a:link, a:visited {color: #666666;text-decoration: none;}
a:hover{ cursor:pointer}
fieldset,img {border: none;}
ul, li {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%;}
.fl{ float:left}
.fr{ float:right}
.wrap{margin: 0 auto;width: 1200px;}
.minwidth{min-width:1200px;}
#container{ background:#fff}
.font16{ font-size: 16px;}
.textc{ text-align: center;}
.textl{ text-align: left;}
.textr{ text-align: right;}
.mb{ margin-bottom: 30px;}
.pr{ position: relative;}
.pa{ position: absolute;}
div{ outline:none;}
input{outline:none;}
textarea {outline:none;}
/*加载*/
.load{margin-top:10px;height:31px;background:#f0f0f0;color:#707c85;text-align:center;font-size:12px;line-height:31px}
.load a{color:#707c85}
.load a:hover{color:#870407}

/*新闻详细页*/
.title{padding-bottom:10px;color:#333;text-align:center;font-weight:bold;font-size:21px}
.time{margin-bottom:20px;padding-bottom:5px;border-bottom:1px dotted #aaa;text-align:center}
.hits{margin-left:20px}
.operate{margin-top:20px;padding-top:10px;border-top:1px dotted #aaa;text-align:right}

/*留言*/
#guestform{margin-top:20px;padding:20px;border:dotted 1px #ddd}
.ajaxtable td{vertical-align:middle}
.tdinput{text-align:left;font-weight:normal;font-size:12px;line-height:30px}


/*招聘*/
.jobs {color: #225fa9;font-weight: bold;padding-bottom: 20px;}
.jobtitle {cursor: pointer;height: 25px;margin-bottom: 0;padding-top: 10px;width: 705px;}
.jobtitle td {border-bottom: 1px solid #dadada;line-height: 26px;}
.jobtitle .subgif {background: url(../images/mini.gif) no-repeat scroll right center;}
.jobsub {background-color: #fafafa; border: 1px dotted #dadada;border-top: none;display: none;overflow: hidden; padding: 10px;}
#job .th {background-color:#eFF; margin:10px 0 3px 0; padding:5px 3px; font-weight:bold}



/*顶部*/
.top{ background:#f2f2f2;height: 36px; line-height:36px; border-top:2px solid #e60027}
.topright{ background:#dadada;padding:0 6px 0 10px}
.topright a{ display:block; float:left;margin:9px 5px;}
/*头部*/

.logo{ padding:15px 0 16px 0;}
.headright { text-align:right;}
/*导航*/
.menu { padding-left:10px;}
.menu  li{  float:left; width:110px; text-align:center; line-height:87px; position:relative}
.menu  li a{ display:block; font-size:16px;  border-bottom:2px solid #fff; text-transform:uppercase}
.menu  li a:hover{ border-bottom:2px solid #e60027;background:#f2f2f2;}
.menu .first a{ background:#f2f2f2;border-bottom:2px solid #e60027; }
.menu .first .first a{ background:none; border:0;}
.menu .first li a{ background:none; border:0;}
.menu li .first a{background:none; border:0;}
.menu .first ul li{ border-bottom:0;}
.menu ul{background:#f5f5f5;display:none;left:-50px;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:89px;width:210px;z-index:40;}
.menu ul li { float: none; line-height: 36px; margin-left: 0; text-transform: capitalize;width:210px; border:0; }
.menu .subnav { display: block; }
.menu .first li a { color: #666; font-size: 14px; }
.menu ul li a { color: #666; font-size: 14px;border:0; }
.menu ul li a:hover { color: #e60027;border:0; }
.menu ul li.first a { color: #e60027; }
.menu .first li a:hover { color: #e60027; }




/*banner*/
#ban {height: 500px; }
#ban .banner {height: 500px;position: relative;}
.banner ul.imglist li {position: absolute;}
#ban .imglist li {background: none no-repeat center top;height: 500px;width: 100%;}
#ban a {display: block;}
.banner .imglist li a{ height:100%}
.btn_left, .btn_right {cursor: pointer;display: block;height: 134px;position: absolute;top: 12px;width: 52px;z-index: 1;}
.btn_left {background: url(../images/btn_left.png) no-repeat  center center ;left: 15%;}
.btn_right {background: url(../images/btn_right.png) no-repeat  center center ;right: 15%;}
.pagelist {bottom: 20px;height: 17px;position: absolute;right: 0;text-align: center;width: 100%; z-index: 1;}
.pagelist li {color: transparent; background:#ffffff; cursor: pointer;display: inline-block; *display:inline;margin-right:10px;height: 14px;line-height: 14px;position: relative;width: 14px;}
.pagelist li.on {color: transparent; background:#e60027}
/*首页主体*/
#main{}
.main1{margin-top:20px; overflow:hidden;margin-bottom:31px;height:308px;}
.main1 .wrap{}
.main1left{ width:590px;margin-right:23px;}
.maintop{ font-size:20px; text-transform:uppercase; color:#444;height:35px;}
.indexabout{ overflow:hidden;height:273px;}
.indexabout img{ margin-right:17px;}
.aboutinfo{font-size:13px;}
.abouttop{ font-size:16px; font-weight:bold; color:#e60027; line-height:30px;margin-bottom:12px;}
.indexbottom{width:610px;}
.indexbottom li { float:left;margin-right:16px;}
.indexbottom li a{height:98px;width:135px; display:block; text-align:center; border-radius:5px;}
.indexbottom li .p1{ background:#f4f4f4 url(../images/p1.png) no-repeat center 20px;}
.indexbottom li .p2{ background:#f4f4f4 url(../images/p2.png) no-repeat center 20px;}
.indexbottom li .p3{ background:#f4f4f4 url(../images/p3.png) no-repeat center 20px;}
.indexbottom li .p4{ background:#f4f4f4 url(../images/p4.png) no-repeat center 20px;}
.indexbottom li a:hover h3{ color:#fff;}
.indexbottom li .p1:hover{ background:#e60027 url(../images/p1h.png) no-repeat center 20px;}
.indexbottom li .p2:hover{ background:#e60027 url(../images/p2h.png) no-repeat center 20px;}
.indexbottom li .p3:hover{ background:#e60027 url(../images/p3h.png) no-repeat center 20px;}
.indexbottom li .p4:hover{ background:#e60027 url(../images/p4h.png) no-repeat center 20px;}
.indexbottom li h3{ padding-top:60px;font-size:18px;}

.main1center{width:280px;margin-right:24px;}
.proinfo{padding:10px; overflow:hidden;}
.indexpro{ position: relative}
.indexpro ul li{border:1px solid #f4f4f4;width:280px;}
.indexpro ul li a{ display:block;height:273px; background:#f4f4f4}
.indexpro ul li a:hover h3{ color:#e60027;}
.indexpro ul li img{width:280px;}
.indexpro ul li h3{ font-size:16px; color:#333;}
.indexpro ul li p{ font-size:13px; color:#777;}
.btnleft, .btnright {cursor: pointer;display: block;height: 22px;position: absolute;bottom: 10px;width: 22px;z-index: 1;}
.btnleft {background: url(../images/left.jpg) no-repeat  center center ;right:40px;}
.btnright {background: url(../images/right.jpg) no-repeat  center center ;right: 10px;}
.btnleft:hover {background: url(../images/lefthover.jpg) no-repeat  center center ;right:40px;}
.btnright:hover {background: url(../images/righthover.jpg) no-repeat  center center ;right: 10px;}

.main1right{width:280px;}
.main1right ul li{ overflow:hidden;margin-bottom:11px;}
.main1right ul li img{margin-right:6px;}
.main1right ul li .rightinfo{width:106px;height:80px;margin-top:13px;}
.main1right ul li h3{ color:#333; font-size:16px;}
.main1right ul li p{ font-size:12px; color:#999898;}
.main1right ul li a{ display:block;border:1px solid #eaeaea; overflow:hidden}
.main1right ul li a:hover{border:1px solid #e60027;}
.main1right ul li a:hover h3{ color:#e60027}
.main2{padding:31px 0; overflow:hidden; background:#eee;}
.main2 .wrap{ position:relative;}
.main2 ul{width:1230px;}
.main2 ul li{ position:relative;width:282px;margin-right:24px; float:left}
.main2 ul li a{ display:block}
.main2 ul li img{width:282px;height:159px;}
.main2info{ background:url(../images/hoverbg.png) repeat center center;height:35px; line-height:35px; position:absolute;bottom:0;left:0;width:100%;}
.main2info h3{padding-left:10px; color:#fff; font-size:16px;}
.main2info .more{ background:url(../images/more.jpg) no-repeat center center;height:35px; width:35px;}
.main2 .btnl, .main2 .btnr {cursor: pointer;display: block;height:159px;position: absolute;bottom:0;width: 20px;z-index: 10;}
.main2 .btnl {background: url(../images/left.png) no-repeat  center center ;left:-40px;}
.main2 .btnr {background: url(../images/right.png) no-repeat  center center ;right:-40px;}
.main2top{height:36px; background:url(../images/bg.png) no-repeat center right; font-size:20px;text-transform:uppercase; color:#444;}

/*底部*/
#footer{padding:10px 0; overflow:hidden; background:#eee;}
.foottop{width:1090px;}
.foottop h3{ font-size:16px; color:#333;margin-bottom:10px;}
.foottop ul{padding-bottom:15px; border-bottom:1px solid #e3e3e3;margin-bottom:15px; overflow:hidden}
.foottop ul li{ float:left; border-right:1px solid #a7a7a7; padding-right:5px; margin-right:5px; line-height:1;}

.footbottom{ width:100px;}

hr {
    border: 1px dashed #cccccc;
    height: 1px;
}

#ban1{ background:url(../images/inbanner01.jpg) no-repeat center center;height:200px;}
#ban2{ background:url(../images/inbanner02.jpg) no-repeat center center;height:200px;}
#ban3{ background:url(../images/inbanner03.jpg) no-repeat center center;height:200px;}
#ban4{ background:url(../images/inbanner04.jpg) no-repeat center center;height:200px;}
#ban5{ background:url(../images/inbanner05.jpg) no-repeat center center;height:200px;}
#ban6{ background:url(../images/inbanner06.jpg) no-repeat center center;height:200px;}
#inmain { padding: 25px 0; overflow: hidden;}
.inmainleft { margin-right: 30px; width: 257px; box-shadow:0 0 5px #dfdfdf; }
.inmainltop { overflow: hidden;  text-transform:uppercase; color: #fff; padding-left: 30px; background: url(../images/ileftbg.jpg) no-repeat center center; height: 83px; }
.inmainltop h3{font-size: 25px;padding-top:20px}
.inmainltop p{ font-size:16px;}
.inmainbottom ul { background:#fff;padding: 0 10px;}
.inmainbottom ul li a { border-bottom: 1px solid #eaeaea; background: url(../images/dot.png) no-repeat  10px center ; display: block; font-size: 15px; height: 49px; line-height: 49px; padding-left: 20px;text-transform: capitalize; }
.inmainbottom ul li a:hover { background: #fff url(../images/dot.jpg) no-repeat 10px center ; color: #e60027 }
.inmainbottom ul .cur a { background: #fff url(../images/dot.jpg) no-repeat 10px center ; color: #e60027 }
.inmainbottom ul .cur ul li a{ color:#666; background:url(../images/dot.png) no-repeat  10px center }
.inmainbottom ul .cur ul li a:hover{ background: #fff url(../images/dot.jpg) no-repeat 10px center ; color: #e60027}
.inmainright { width: 900px; }

.mainrtop {overflow: hidden;border-top: 1px solid #ececec; }

.mainrtop h3 { font-size: 28px;height: 83px; line-height: 83px;  color:#262626; text-transform:uppercase;}
.mainrtop img{margin-top:26px; margin-left:10px;}
.mainrtop span { font-size: 18px; line-height: 55px; margin-right: 10px; text-transform: uppercase; }

.content { overflow: hidden; padding-top: 20px; border-top: 1px solid #ececec; }


.newslist li{overflow:hidden;padding-bottom:20px;margin-bottom:20px; border-bottom:1px dashed #ccc;}
.newslist li img{width:226px;height:127px;margin-right:14px;}
.newslist li a{ display:block}
.newinfo{width:610px;height:127px; position:relative;}
.newinfo span{margin:5px 0 10px 0;  overflow:hidden; display:block;color:#8e8e8e;}
.newinfo h3{ color:#333; font-size:16px;}
.newinfo p{ color:#ababab; font-size:12px;}
.newslist li a:hover .newinfo h3{ color:#e60027}



.reportlist li{overflow:hidden;padding-bottom:10px;margin-bottom:10px; border-bottom:1px dashed #ccc;}
.reportlist li a{ display:block}
.reportlist span{overflow:hidden; display:block;color:#8e8e8e;}
.reportlist h3{ color:#333; font-size:16px;}
.reportlist li a:hover  h3{ color:#e60027}



.productslist { overflow: hidden; width: 925px; }
.productslist li { border: 1px solid #dedede; background:#eee; float: left;  height: 285px; margin: 0 19px 19px 0; position: relative; width: 283px;padding:1px; }
.productslist li a { display: block; height:270px;}
.productslist li h3 {  font-size: 16px; padding-bottom: 5px; }
.productslist li p{ font-size:13px;}
.productslist li a:hover h3{ color:#e60027}
.productslist .more1 { background: url(../images/more.png) no-repeat  center center; bottom: 10px; color: #fff; font-size: 12px; height: 24px; left: 10px; line-height: 24px; position: absolute; text-align: center; width: 90px; }
.productslist .caseimg { height: 160px; width:283px; }
.productslist .proinfo{padding:15px; overflow:hidden}
.productslist .productslist li a:hover h3{ color:#194680;}



.caselist{width:980px; overflow:hidden}
.caselist li { position: relative; overflow: hidden; float:left; margin-bottom: 20px;width:283px;margin-right:25px; }
.caselist li img { width: 283px; height: 160px; }
.caselist li a{ display:block}
.caselist li h3 { font-size: 18px; color: #333;height:40px; line-height:40px; text-align:center; background:#f5f5f5; }