@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";background:#e7e8ea;} /*网站字体颜色*/
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;}
.tit b{display: block;font-size: 40px;line-height: 40px;color: #000;}
.tit span{display: block;font-size: 18px;color: #666;line-height: 18px;padding-top: 24px;}
.tit em{color: #E35414;}


/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.ban_pg{position: absolute;left: 0;bottom: 30px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #333;border-radius: 100%;margin: 0 15px;vertical-align: top;}
.ban_pg i.on{background: #E35414;}

/*yz*/
.yz{height: 570px;padding-top: 80px;box-sizing: border-box;background: url(/images/yz_bg.jpg) no-repeat center 0;position: relative;}
.yz h2{font-size: 18px;color: #000;line-height: 40px;text-align: center;height: 62px;position: relative; font-weight:normal;}
.yz h2:after{position: absolute;width: 130px;height: 2px;content: "";background: #E35414;left: 50%;margin-left: -65px;bottom: 0;}
.yz h2 em{color: #E35414;font-size: 40px; display:block;font-weight:bold;padding-bottom:27px;}
.yz_desc{font-size: 14px;color: #666;line-height: 30px;padding: 289px 80px 20px;text-align: center;}
.yz .vd{width: 1195px;height: 308px;margin: 0 auto;}
.yz_sz{position: absolute;width: 1200px;height: 163px;background: #fff;left: 50%;margin-left: -600px;bottom: 179px;box-shadow:0px 7px 8px 0px rgba(0, 0, 0, 0.07);}
.yz_sz li{float: left;width: 200px;text-align: center;height: 163px;position: relative;margin: 0 20px;padding-top: 20px;box-sizing: border-box;}
.yz_sz li span{display: block;font-size: 24px;line-height: 60px;color: #E35414;height: 70px;border-bottom: 1px solid #C4C4C4;}
.yz_sz li b{display: inline-block;font-size: 40px;line-height: 70px;font-family: Airal;vertical-align: bottom;}
.yz_sz li p{font-size: 16px;color: #000;line-height: 48px;}

/*pro*/
.pro{padding: 90px  0 40px;}
.pro h2{margin-bottom: 70px;}
.pro_ctg{height: 260px;margin-bottom: 20px;}
.pro_ctg li{float: left;width: 240px;height: 260px;position: relative;border-right: 1px solid #DBDBDB;box-sizing: border-box;}
.pro_ctg li h3{padding: 15px 0 0;height: 110px;text-align: center;box-sizing: border-box;border-bottom: 1px solid rgba(0,0,0,0.14);width: 154px;margin: 0 auto 12px;}
.pro_ctg li h3 i{display: block;height: 50px;overflow: hidden;}
.pro_ctg li h3 span{display: block;font-size: 18px;color: #000;line-height: 34px;}
.pro_ctg li p a{display: block;font-size: 16px;color: #000;line-height: 40px;text-align: center;}
.pro_ctg li p a:hover{ text-decoration:underline;font-size: 18px;}


.pro_ctg li:last-child p{padding: 0 10px;}
.pro_ctg li:last-child p a{float: left;width: 50%;}
.pro_ctg li:hover{background: #E35414;}
.pro_ctg li:hover h3{border-bottom: 1px solid rgba(255,255,255,0.3);}
.pro_ctg li:hover h3 span,.pro_ctg li:hover p a{color: #fff;}
.pro_ctg li:hover h3 i img{position: relative;top: -50px;}
.pro_ctg li:last-child{border: 0;}
.pro_list li{float: left;width: 286px;margin-right: 18px;margin-bottom: 20px;}
.pro_list li:nth-child(4n){margin-right: 0;}
.pro_list li i{display: block;height: 215px;overflow: hidden;}
.pro_list li img{width: 286px;height: 215px;transition: all 0.5s;}
.pro_list li i:hover img{transform: scale(1.05);}
.pro_list li span{display: block;font-size: 16px;height: 60px;line-height: 60px;text-align: center;color: #000;background: #F7F7F7;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_list li:hover span{color: #E35414;}
.pro_t{height: 50px;line-height: 50px;background: #E3540B;text-align: center;font-size: 16px;color: #fff;}



/*ys*/
.ys{padding: 40px 0 0;}
.ys h2{margin-bottom: 26px;}
.ys_con{height: 698px;padding-bottom: 70px;position: relative;}
.ys_con dl{height: 698px;position: relative;}
.ys_con dt img{position: relative;width: 1920px;height: 698px;left: 50%;margin-left: -960px;}
.ys_con dd{position: absolute;width: 600px;left: 50%;top: 124px;margin-left: -600px;}
.ys_con dd h3{height: 42px;padding-bottom: 20px;position: relative;font-size: 40px;color: #fff;line-height: 42px;}
.ys_con dd h3 img{float: left;margin-right: 14px;}
.ys_con dd h3:after{position: absolute;width: 214px;height: 1px;content: "";background: #E3540B;left: 0;bottom: 0;}
.ys_con dd h4{font-size: 24px;color: #fff;line-height: 24px;font-weight: normal;padding: 42px 0 30px;}
.ys_con dd .ys_desc{font-size: 16px;color: #fff;line-height: 24px;}
.ys_con dd .zx{display: block;width: 114px;height: 42px;line-height: 42px;font-size: 16px;color: #fff;background: url(/images/zx1.png) no-repeat 10px center #E3540B;padding-left: 40px;margin-top: 75px;box-sizing: border-box;}
.ys_con dd .zx:hover{animation: shake 1.5s linear;}
.ys_con ul{position: absolute;width: 1200px;height: 150px;background: url(/images/ys_ul.jpg) no-repeat;left: 50%;margin-left: -600px;bottom: 0;box-shadow:0px 0px 49px 0px rgba(0, 0, 0, 0.16);}
.ys_con li{float: left;width: 33.3%;text-align: center;height: 150px;position: relative;}
.ys_con li:after{position: absolute;width: 0;height: 2px;content: "";background: #E3540B;left: 0;bottom: 0;transition: all 0.3s;}
.ys_con li i{display: block;height: 42px;overflow: hidden;margin: 34px 0 22px;}
.ys_con li span{display: block;font-size: 20px;color: #000;line-height: 20px;font-weight: bold;}
.ys_con li.on i img{position: relative;top: -42px;}
.ys_con li.on span{color: #E3540B;}
.ys_con li.on:after{width: 100%;}

.ys_con dl.nones dd h3{color: #E3540B;}
.ys_con dl.nones h4,.ys_con dl.nones .ys_desc{color: #000;}




/*ser*/
.ser{padding: 80px 0 10px;}
.ser h2{margin-bottom: 30px;}
.ser_con dl{background:rgba(244,244,244,1);margin-bottom: 40px;height: 435px; overflow:hidden;}
.ser_con dt{float: left;width: 600px;height: 458px;}
.ser_con dd{float: left;width: 530px;height: 458px;padding: 0 35px;}
.ser_con dd h3{padding: 40px 0 0;}
.ser_con dd h3 img{display: block;height: 58px; float:left;}
.ser_con dd h3 span{display: block;font-size: 24px;color: #000;line-height: 27px;padding-top: 0;font-weight: normal;float:left; margin-left:20px;}
.ser_con dd h3 em{color: #E3540B;}
.ser_desc{font-size: 16px;color: #666;line-height: 30px;padding: 22px 0;height: 120px;}
.ser_pic{height: 122px;}
.ser_pic img{float: left;margin-right: 13px;}
.ser_con dl:nth-child(2) dt{float: right;}




/*case*/
.case{background:rgba(243,243,243,1);padding: 80px 0 40px;}
.case h2{margin-bottom: 24px;}
.case_l{float: left;width: 268px;background: #E35313;position: relative;}
.case_l:after{position: absolute;width: 6px;height: 100%;content: "";background: rgba(0,0,0,0.1);left: 0;top: 0;}
.case_l li a{display: block;height: 84px;margin: 0 25px;border-bottom: 1px dashed rgba(0,0,0,0.34);}
.case_l li:last-child a{border: 0;}
.case_l li i{float: left;width: 60px;height: 38px;padding-left: 5px;margin: 23px 0 0;}
.case_l li span{display: block;font-size: 18px;color: #fff;line-height: 18px;padding: 23px 0 0;}
.case_l li em{display: block;font-size: 10px;color: #fff;line-height: 30px;opacity: 0.66;text-transform: uppercase;}
.case_l li.on{background: #C14100;}
.case_l li.on a{border-color: #C14100;}
.case_r{float: right;width: 904px;}
.case_r dl{height: 510px;overflow: hidden;position: relative;}
.case_r dt img{display: block;width: 904px;height: 510px;transition: all 0.5s;}
.case_r dt:hover img{transform: scale(1.05);}
.case_r dd{position: absolute;left: 0;bottom: 0;width: 100%;height: 147px;background: rgba(255,255,255,0.9);padding: 0 32px;box-sizing: border-box;}
.case_r dd h4{font-size: 16px;color: #000;line-height: 16px;padding: 34px 0 18px;}
.case_r dd p{font-size: 14px;color: #656565;line-height: 25px;width: 685px;}
.case_r dd .zx{position: absolute;width: 126px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;background: #E3530B;border-radius: 20px;bottom: 32px;right: 32px;}
.case_r dd .zx:hover{animation: shake 1.5s linear;}
.coop{position: relative;margin-top: 18px;}
.coop li{float: left;width: 170px;border:1px solid rgba(227, 227, 227, 1);margin-right: -1px;}
.coop li img{display: block;width: 100%;}
.coop .prev{position: absolute;width: 15px;height: 26px;left: -35px;top: 58px;}
.coop .next{position: absolute;width: 15px;height: 26px;right: -35px;top: 58px;}
.coop .tempWrap{padding-right: 1px;}

/*news*/
.news{padding: 80px 0 10px;}
.news h2{margin-bottom: 30px;}
.news h3{height: 40px;border-bottom: 2px solid #CDCDCD;margin-bottom: 20px;font-weight: normal;}
.news h3 a{display: inline-block;margin-right: 20px;height: 40px;line-height: 30px;font-size: 24px;color: #000;}
.news h3 a i{float: left;height: 30px;overflow: hidden;margin-right: 10px;}
.news h3 a.on{color: #E3530B;border-bottom: 2px solid #E3530B;}
.news h3 a.on i img{position: relative;top: -30px;}
.new_l{float: left;width: 800px;}
.new_l dl{height: 174px;padding-bottom: 26px;border-bottom: 1px dashed #656565;}
.new_l dt{float: left;width: 232px;height: 174px;}
.new_l dt img{width: 232px;height: 174px;}
.new_l dd{float: right;width: 545px;height: 174px;box-sizing: border-box;padding-top: 4px;}
.new_l dd h4,.new_l dd i{display: block;height: 30px;line-height: 30px;font-size: 18px;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: normal;}
.new_l dd h4 a{color: #000;}
.new_l dd p{font-size: 14px;color: #656565;line-height: 24px;margin-top: 20px;}
.new_list p{float: left;width: 386px;height: 60px;line-height: 60px;border-bottom: 1px dashed #656565;font-size: 14px;color: #656565;}
.new_list p:nth-child(2n){float: right;}
.new_list p a{color: #656565;}
.new_list p i{float: right;}
.new_list p:hover a,.new_l dd h4:hover a,.new_r li h4:hover a{color: #E3530B;}
.new_r{float: right;width: 370px;}
.new_r li{height: 108px;border: 2px solid #CDCDCD;margin-bottom: 30px;padding: 15px 15px 0;box-sizing: border-box;}
.new_r li h4{font-size: 18px;color: #000;line-height: 20px;height: 20px;font-weight: normal;padding-left: 27px;background: url(/images/q.png) no-repeat left center;margin-bottom: 6px;}
.new_r li h4 a{color: #000;}
.new_r li p{padding-left: 27px;background: url(/images/a.png) no-repeat left 2px;font-size: 14px;color: #656565;line-height: 24px;}


/*abt*/
.abt{height: 585px;background: url(/images/abt_bg.jpg) no-repeat center 0; margin-top:30px;}
.abt_l{float: left;width: 540px;margin-top: 70px;}
.abt_l h2{text-align: left;padding-bottom: 35px;border-bottom: 1px solid rgba(0,0,0,0.18);}
.abt_desc{font-size: 14px;color: #656565;line-height: 24px;margin: 34px 0 0;}
.abt_l .more{display: block;width: 106px;border-bottom: 3px solid #E3530B;font-size: 16px;color: #656565;padding-bottom: 18px;margin-top: 60px;height: 20px;line-height: 20px;background: url(/images/abt_jt.png) no-repeat right 0;}


.bgy{background:url(/images/bgy.jpg) no-repeat center 0; height: 594px; padding-top: 49px; box-sizing: border-box; margin-bottom:40px;}
.bgy_l{ float: left; width: 160px; }
.bgy_l ul li a{ display: block; padding-top: 25px; text-align: center; color: #fff; font-size: 16px; line-height: 100%; transition: all 0.2s;}
.bgy_l ul li a:hover{ text-decoration:underline; font-size:17px;}
.bgy_l ul li.cur a:hover{ text-decoration:none; font-size:16px;}

.bgy_l ul li.cur a{ padding-bottom: 20px; border-bottom: 1px solid #eb8854; font-weight: bold; padding-top: 55px;}


.bgy_l ul li.zz1 a{background:url(/images/pro_ic1.png) no-repeat center 0; }
.bgy_l ul li.zz3 a{background:url(/images/pro_ic2.png) no-repeat center 0; }
.bgy_l ul li.zz4 a{background:url(/images/pro_ic3.png) no-repeat center 0; }
.bgy_l ul li.zz5 a{background:url(/images/pro_ic4.png) no-repeat center 0; }
.bgy_l ul li.zz6 a{background:url(/images/pro_ic5.png) no-repeat center 0; }



.bgy_r{ margin-right: -207px; width: 1206px;position: relative; overflow: hidden; float: right;}
.bgy_r ul li{ float: left; width: 388px; background: #f7f7f7; height: 495px; border-bottom: 5px solid #e2540a;}
.bgy_r ul li:nth-of-type(2n){ margin: 0 18px;}
.bgy_r ul li i{ display: block; margin: 0 20px; padding-top: 28px; font-size: 18px; color: #000000; font-weight: bold;}
.bgy_r ul li span{ display: block; margin: 0 20px 25px; padding-top: 12px; height: 66px; overflow: hidden; font-size: 14px; color: #000; border-bottom: 1px solid #bbbec3;}
.bgy_r ul li em{ display: block; color: #e2540a; font-size: 14px; margin: 0 20px;}
.bgy_r ul li img{ width:388px; height:291px;}