@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit b{display:block;font-size: 40px;color: #333;height: 40px;line-height: 40px;padding-bottom: 18px;}
.tit span{display:inline-block;font-size: 24px;color: #333;line-height: 24px;position: relative;}
.tit span:before{position: absolute;width: 174px;height: 5px;background: url(../images/tit1.png) no-repeat;content: "";left: -210px;top: 9px;}
.tit span:after{position: absolute;width: 174px;height: 5px;background: url(../images/tit2.png) no-repeat;content: "";right: -210px;top: 9px;}
.tit em{color: #e82319;}
/*banner*/
.banner{height: 660px;overflow: hidden;}
.banner .bd li{height: 660px;background: url(../images/banner1.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 660px;}
/*search*/
.search{height: 74px;border-bottom:2px solid #f3f3f3;}
.search p{float: left;height: 74px;line-height: 74px;font-size: 12px;color: #171717;}
.search p a{margin-right:10px;color: #474747;font-size: 12px;}
.s_box{float: right;margin-top: 21px;width: 270px;height: 32px;background: #f3f3f3;border-radius: 16px;}
.s_box .input1{float:left;width:220px;padding-left: 20px;height:32px;line-height: 32px;font-size:14px;color:#333;border:0;background: none;outline: 0;}
.s_box .input2{float: left;width:20px;height: 32px;border: 0;background: url(../images/sou.png) no-repeat center;outline: 0;cursor: pointer;}
/*pro*/
.pro{padding: 78px 0 0;}
.pro h2{margin-bottom: 60px;}
.pro{height: 948px;}
.pro h3{height: 85px; text-align: center; margin-bottom: 30px;}
.pro_nav{width: 284px; background: #eee;}
.pro_nav h4{height: 79px;font-size: 22px;font-weight: normal; line-height: 78px;color: #fff; text-align: center; background: url(/images/pro_icon1.gif) no-repeat center top;}
.pro_nav h4 a{color: #fff;}
.pro_nav ul{padding: 0 20px;}
.pro_nav li{height: 52px; font-size: 18px; line-height:20px; padding:15px 0 0 18px; background: url(/images/pro_icon2.png) no-repeat 210px 26px; border-bottom: 1px solid #cecece;}
.pro_nav li a{color: #333;text-decoration:none;}
.pro_nav li span{display: block; font-size: 12px;font-weight: normal; color: #999; text-transform: uppercase;}
.pro_nav .pro_n1{ border-bottom: 0;}
.pro_nav .pro_n1 a{ color: #cc0000;font-weight: bold; }
.pro_con{width: 896px;}
.pro_txt{border: 2px solid #eee; height: 450px; margin-bottom: 26px; }
.pro_txt dt{width: 487px; height: 450px; float: left;}
.pro_txt dt img{width: 487px; height: 450px; display:block;}
.pro_txt dd{width: 360px; float: right; padding-right: 20px; font-size: 16px; line-height: 40px; color: #666; padding-top: 70px;}
.pro_txt h4{height: 50px; font-size: 24px;font-weight: normal; color: #333; line-height: 50px;}
.pro_txt h4 a{color: #cc0000;}
.pro_t2{margin-bottom: 20px; 	}
.pro_t2 em{margin-right:8px;}
.pro_txt dd span{width: 160px; height: 48px; display: inline-block; line-height: 48px; text-align: center; background: #333;}
.pro_txt dd span a{display: block; color: #fff;}
.pro_img li{width: 281px; float: left; margin-right: 26px; font-size: 14px; line-height: 38px; text-align: center;}
.pro_img li.c_none{margin-right: 0;}
.pro_img li b{display: block; width: 277px; height: 144px; border: 2px solid #eee; margin-bottom: 22px;text-align: center; overflow:hidden;}
.pro_img li img{display: block; width:156px; height:144px;margin:0 auto;}
.pro_img span{width: 118px; height: 38px; background: #cc0000; margin: 0 12px; display: inline-block;overflow:hidden;}
.pro_img em{width: 118px; height: 38px; background: #333; display: inline-block;overflow:hidden;}
.pro_img em a,.pro_img span a{display: block; color: #fff; overflow:hidden;}
.pro_img li:hover b,.pro_img li.cur b{border-color:#cc0000; }
.w1200{width:1200px;margin:0 auto; }



/*case*/
.case{padding: 70px 0 0;background: url(../images/case_bg.jpg) no-repeat bottom center;}
.case h2{margin-bottom:30px;}
.case h3{margin: 45px 0 27px;height: 42px;background: #f2f2f2;font-weight: normal;padding: 0 30px;}
.case h3 a{float: left;font-size: 15px;color: #333;line-height: 39px;height: 39px;margin: 0 24px;position: relative;}
.case h3 a:hover{color: #ffc600;border-bottom: 3px solid #ffc600;font-weight: bold;}
.case h3 a:last-child{float: right;}
.case_list{position: relative;height: 445px;}
.case_list li{float: left;width: 383px;margin-right: 25.5px;}
.case_list li i{display: block;width: 363px;height: 252px;border: 10px solid #fff;overflow: hidden;box-shadow:0px 8px 21px 0px rgba(0, 0, 0, 0.17);}
.case_list li img{width: 363px;height: 252px;transition: all 0.5s;}
.case_list li i:hover img{transform: scale(1.05);}
.case_list li h4{font-size: 20px;line-height: 20px;padding: 22px 10px 14px;}
.case_list li h4 a{color: #fff;}
.case_list li p{font-size: 14px;color: #fff;line-height: 22px;padding: 0 10px;}
.case_list .prev{position: absolute;left: -25px;top: 120px;z-index: 10;}
.case_list .next{position: absolute;right: -25px;top: 120px;z-index: 10;}
.case_list .tempWrap{width: 100% !important;}
/*coop*/
.coop{padding: 0 0 25px;position:relative;}
.coop ul{}
.coop li{float: left;width: 226px;text-align: center;border: 1px solid #e4e4e4;margin-right: 15px;font-size:0;line-height:0;background:#fff;}
.coop li img{height: 115px;}
.coop .prev{position:absolute;left:-60px;top:36px;width:45px;}
.coop .next{position:absolute;right:-60px;top:36px;width:45px;}
/*ys*/
.ys{padding: 90px 0 20px;}
.ys h2{margin-bottom: 55px;}
.ys_con{position: relative;}
.ys_con:before{position: absolute;width: 1px;height: 1148px;background: #d9261d;content: "";left: 50%;top: 0;}
.ys_con dl{float: left;width: 486px;margin-bottom: 50px;}
.ys_con dt img{display: block;width: 486px;height: 325px;}
.ys_con dd{border-top: 8px solid #d9261d;height: 216px;position: relative;padding: 0 20px;}
.ys_con dd h3{font-size: 28px;color: #333;line-height: 28px;padding: 34px 0 20px;}
.ys_con dd h3 i{display: inline-block;height: 20px;font-size: 44px;overflow: hidden;line-height: 36px;font-family: Arial;margin: 4px 4px 0 0;vertical-align: top;}
.ys_con dd p{font-size: 16px;color: #666;line-height: 22px;margin-bottom: 20px;}
.ys_con dl:nth-child(2n){float: right;}
.ys_con dl:nth-child(2n) dd{height: 216px;border-top: 0;border-bottom: 8px solid #d9261d;margin-top: 0;}
.ys_con dl:nth-child(2n) dd h3{padding: 22px 0 20px;}
.ys_con dl:nth-child(odd) dd:after{position: absolute;width: 29px;height: 33px;content: "";background: url(../images/san3.png) no-repeat;right: -22px;top: 80px;}
.ys_con dl:nth-child(2n) dd:after{position: absolute;width: 29px;height: 33px;content: "";background: url(../images/san4.png) no-repeat;left: -22px;top: 80px;}
.ys_con dl:nth-child(odd) em{position: absolute;width: 75px;height: 75px;right: -150px;top: 80px;background: #fff;padding: 5px 0;}
.ys_con dl:nth-child(2n) em{position: absolute;width: 75px;height: 75px;left: -150px;top: 80px;background: #fff;padding: 5px 0;}

/*ser*/
.ser{padding: 80px 0 30px;}
.ser h2{margin-bottom: 50px;}
.ser_l{float: left;width: 520px;height: 383px;}
.ser_r{float: left;width: 678px;height: 380px;border-top: 1px solid #d8d8d8;border-left: 0;}
.ser_r li{float: left;width: 165px;padding:0 30px;height: 190px;border-bottom: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8;background: #f5f5f5;}
.ser_r li b{display: block;font-size: 24px;color: #333;line-height: 24px;padding: 40px 0 24px;}
.ser_r li p{font-size: 14px;color: #666;line-height: 20px;}
.ser_r li .zx{display: block;width: 120px;height: 28px;text-align: center;line-height: 28px;font-size: 16px;color: #e82319;border: 1px solid #e82319;margin: 80px auto 0;font-weight: bold;}
/*cus*/
.cus{padding: 60px 0 60px;background: #f9f9f9;}
.cus h2{margin-bottom: 50px;}
.cus_list{position: relative;}
.cus_bd dl{float: left;width: 363px;margin-right: 55.5px;}
.cus_bd dt{border: 4px solid #a6a6a6;height: 264px;overflow: hidden;}
.cus_bd dt img{width: 355px;height: 264px;transition: all 0.5s;}
.cus_bd dt:hover img{transform: scale(1.05);}
.cus_bd dd{height: 165px;background: #fff;padding: 0 30px;border: 1px solid #e8e8e8;}
.cus_bd dd h3{height: 64px;line-height: 64px;border-bottom: 1px solid #d9d9d9;margin-bottom: 12px;}
.cus_bd dd h3 a{font-size: 18px;color: #333;}
.cus_bd dd h3 i{float: right;font-size: 14px;color: #333;font-weight: normal;}
.cus_bd dd p{font-size: 14px;color: #666;line-height: 22px;}
.cus_bd dl:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.cus_bd dl:hover dd{border-color: #fff;}
.cus_list .prev{position: absolute;width: 50px;height: 50px;background: url(../images/prev2.png) no-repeat;left: -25px;top: 128px;z-index: 10;}
.cus_list .next{position: absolute;width: 50px;height: 50px;background: url(../images/next2.png) no-repeat;right: -25px;top: 128px;z-index: 10;}
.cus_list .prev:hover{background: url(../images/prev1.png) no-repeat;}
.cus_list .next:hover{background: url(../images/next1.png) no-repeat;}
.cus_bd{padding: 0 0 20px !important;}
/*cess*/
.cess{padding: 0 0 100px;}
.cess h2{margin-bottom: 35px;}
.cess h2 span{font-size: 40px;line-height: 40px;font-weight: bold;}
.cess h2 span:before,.cess h2 span:after{top: 18px;}
.cess li{float: left;width: 102px;height: 102px;background: #ffc600;border-radius: 50%;margin-right: 54px;transition:all 0.3s linear;position: relative;}
.cess li:after{position: absolute;width: 11px;height: 17px;background:url(../images/jt2.png) no-repeat;content: "";top: 44px;right: -32px;}
.cess li:last-child{margin-right: 0;}
.cess li:last-child:after{display:none;}
.cess li i{display:block;width: 35px;height: 35px;overflow: hidden;margin:23px auto 0;}
.cess li img{transition:all 0.3s linear;transform:translateY(-35px);}
.cess li b{display:block;font-size: 15px;color: #333;line-height: 25px;text-align: center;transition:all 0.3s linear;}
.cess li:hover{background: #e8e8e8;}
.cess li:hover img{transform:translateY(0);}
/*xban*/
.xban{height: 280px;background: url(../images/b5.jpg) no-repeat center 0;}
.xban .content{height: 280px;position:relative;}
.xban .tel{position:absolute;left:65px;bottom:45px;padding-top: 12px;width: 430px;}
.xban .tel i{display: block;padding-left: 28px;font-size: 15px;color: #333;line-height: 20px;background: url(../images/tel2.png) no-repeat left center;}
.xban .tel em{display: block;font-size: 42px;color: #333;line-height: 50px;font-family: Arial;}
/*news*/
.news{padding: 30px 0 40px;}
.news h2{margin-bottom: 50px;}
.news h2 span{color: #666;font-size: 20px;}
.new_l{float: left;width: 600px;}
.new_l dl{height: 146px;margin-bottom: 60px;}
.new_l dt img{display: block;width: 258px;height: 146px;}
.new_l dd{float: right;width: 280px;}
.new_l dd h4{font-size: 16px;line-height: 16px;margin-bottom: 15px;}
.new_l dd p{font-size: 14px;color: #666;line-height: 20px;}
.new_l dd .xq{display: block;width: 92px;height: 25px;line-height: 25px;text-align: center;color: #fff;background: #e82319;margin-top: 30px;}
.new_r{float: right;width: 510px;padding-left: 50px;height: 352px;border-left: 1px solid #e5e5e5;}
.new_r h3{font-weight: normal;height: 16px;line-height: 16px;margin-left: -30px;margin-bottom: 6px;}
.new_r h3 a{float: left;font-size: 16px;padding: 0 30px;color: #000;}
.new_r h3 a.on{font-weight: bold;}
.new_r h3 span a{border-right: 1px solid #898989;}
.new_r li{padding: 22px 0 0;height: 98px;border-bottom: 1px dashed #dcdcdc;}
.new_r li h4{font-size: 16px;font-weight: normal;line-height: 16px;margin-bottom: 12px;}
.new_r li p{font-size: 14px;color: #333;line-height: 22px;opacity: 0.6;width: 390px;margin-left: 8px;}
.new_r li:last-child{border: 0;}
.new_r li h4:hover a,.new_l dd h4:hover a{color: #e82319;}
/*abt*/
.abt{background: url(../images/abt_bg.jpg) no-repeat center 0;padding: 377px 0 80px;}
.abt_con{background: #fff;padding: 80px 0 0;}
.abt_con h2{margin-bottom: 30px;}
.abt_con h2 span{color: #666;font-size: 20px;}
.abt_con p{font-size: 14px;color: #666;line-height: 27px;text-align: center;padding: 0 80px;}
.abt_con h3{height: 40px;text-align: center;margin-top: 30px;font-weight: normal;}
.abt_con h3 a{display: inline-block;width: 160px;height: 40px;line-height: 40px;font-size: 14px;color: #333;background: #e8e8e8;border-radius: 20px;margin: 0 10px;}
.abt_con h3 a i{display: inline-block;width: 20px;height: 20px;vertical-align: top;margin: 10px 6px 0 0;overflow: hidden;}
.abt_con h3 a img{transition:all 0.3s linear;transform:translateY(-20px);}
.abt_con h3 a:hover{background: #e82319;color: #fff;}
.abt_con h3 a:hover img{transform:translateY(0);}