@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;}
.tit b{display: block;font-size: 42px;color: #231f20;line-height: 42px;}
.tit i{display: block;font-size: 20px;color: #666;line-height: 20px;padding-top: 14px;}


/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.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: #fff;border-radius: 100%;margin: 0 15px;vertical-align: top;}
.ban_pg i.on{background: #ef7c00;}

/*search*/
.search{height: 68px;border-bottom: 1px solid #ededed;}
.search p{float: left;height: 68px;line-height: 88px;font-size: 14px;color: #999;}
.search p a{margin-right: 20px;color: #999;}
.search p a:hover{color: #ef7c00;}
.s_box{float: right;margin-top: 21px;}
.s_box .input1{float:left;width:240px;padding-left: 15px;height:26px;line-height: 26px;font-size:14px;color:#333;border:0;border-left: 1px solid #ddd;background: none;outline: 0;}
.s_box .input2{float: right;width:26px;height: 26px;border: 0;background: url(../images/sou.png) no-repeat center;outline: 0;cursor: pointer;}

/*yz*/
.yz{padding: 80px 0;}
.yz dl{height: 383px;}
.yz dt{float: left;width: 600px;height: 383px;}
.yz dd{float: right;width: 522px;height: 383px;}
.yz dd h2{font-weight: normal;height: 130px;position: relative;background: url(../images/yz_t.png) no-repeat;margin-top: -13px;}
.yz dd h2:after{position: absolute;width: 117px;height: 3px;content: "";background: #ef7c00;left: 0;bottom: 0;}
.yz dd h2 b{display: block;font-size: 38px;color: #1f1f1f;line-height: 38px;padding: 25px 0 13px;}
.yz dd h2 i{display: block;font-size: 20px;color: #3c3b3b;line-height: 20px;}
.yz_desc{font-size: 16px;color: #666;line-height: 31px;margin: 18px 0 37px;}
.yz dd .more{display: block;width: 140px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;color: #fff;background: #ef7c00;border-radius: 24px;}
.yz_sz{height: 85px;margin-top: 34px;}
.yz_sz li{float: left;width: 340px;height: 71px;padding-top: 14px;border-right: 1px solid #f4f4f4;text-align: center;}
.yz_sz li:nth-child(1){width: auto;border: 0;}
.yz_sz li:nth-child(2){margin-left: 74px;border-left: 1px solid #f4f4f4;}
.yz_sz li:nth-child(4){float: right;width: auto;border: 0;margin-right: 18px;}
.yz_sz li span{display: block;height: 40px;}
.yz_sz li b{display: inline-block;font-size: 50px;line-height: 40px;color: #231F20;font-family: Arial;}
.yz_sz li i{display: inline-block;width: 28px;height: 28px;font-size: 18px;line-height: 28px;color: #fff;background: #949494;border-radius: 100%;vertical-align: bottom;}
.yz_sz li p{font-size: 18px;color: #444;line-height: 44px;}

/*pro*/
.pro{padding: 78px 0 40px;background: url(../images/pro_bg.jpg) no-repeat center 0;}
.pro h2{margin-bottom: 27px;}
.pro_l{float: left;width: 360px;}
.pro_con{background: #fff;padding: 7px 9px 0 0;width: 1200px;}
.pro_l{float: left;width: 360px;}
.pro_l h3{height: 47px;line-height: 47px;border-bottom: 1px solid #efefef;background: url(../images/pro_jt1.png) no-repeat 292px center;}
.pro_l h3 a{display: block;padding-left: 120px;font-size: 16px;color: #231f20;font-weight: normal;background: url(../images/pro_ic1.png) no-repeat 62px center;border-left: 4px solid transparent;}
.pro_l h3.on{background: url(../images/pro_jt2.png) no-repeat 292px center #231f20;}
.pro_l h3.on a{border-color: #ef7c00;color: #ef7c00;font-weight: bold;background: url(../images/pro_ic1h.png) no-repeat 62px center;}
.pro_r{float: right;width: 834px;}
.pro_r dt{height: 475px;overflow: hidden;}
.pro_r dt img{display: block;width: 834px;height: 475px;transition: all 0.5s;}
.pro_r dt:hover img{transform: scale(1.05);}
.pro_r dd{height: 113px;box-shadow:0px 4px 2px 0px rgba(224,224,224,0.45);padding: 0 48px;position: relative;}
.pro_r dd h3{font-size: 22px;color: #231f20;line-height: 22px;padding: 26px 0 8px;letter-spacing: 3px;}
.pro_r dd h3 a{color: #231f20;}
.pro_r dd p{font-size: 14px;color: #888;line-height: 24px;}
.pro_r dd .xq{position: absolute;width: 93px;font-size: 14px;color: #ef7c00;line-height: 14px;right: 62px;top: 30px;background: url(../images/pro_jt3.png) no-repeat 67px center;transition: all 0.5s;}
.pro_r dd .xq:hover{background-position: 72px center;}
.pro_list{margin-top: 27px;position: relative;}
.pro_list li{float: left;width: 290px;margin-right: 13px;position: relative;overflow: hidden;}
.pro_list li i{display: block;height: 218px;overflow: hidden;}
.pro_list li img{display: block;width: 290px;height: 218px;transition: all 0.5s;}
.pro_list li i:hover img{transform: scale(1.05);}
.pro_list li h4{height: 55px;line-height: 55px;font-size: 16px;color: #666;text-align: center;font-weight: normal;border-bottom: 1px solid #cdcdcd;}
.pro_list li .hv{position: absolute;left: 0;top: -100%;width: 290px;height: 218px;background: rgba(239,124,0,0.8);transition: all 0.5s;}
.pro_list li .hv p{color: #fff;font-size: 16px;line-height: 32px;text-align: center;padding: 64px 40px 0;}
.pro_list li:hover h4{color: #ef7c00;font-weight: bold;text-align: left;border-color: #ef7c00;padding: 0 35px;background: url(../images/pro_jt3.png) no-repeat 252px center;}
.pro_list li:hover .hv{top: 0;}
.pro_list .prev{position: absolute;width: 45px;height: 45px;left: -70px;top: 90px;overflow: hidden;}
.pro_list .next{position: absolute;width: 45px;height: 45px;right: -70px;top: 90px;overflow: hidden;}
.pro_list .prev:hover img,.pro_list .next:hover img{position: relative;top: -45px;}
.pro_list .tempWrap{width: 100% !important;}


/*fea*/
.fea{padding: 50px 0 0;width: 100%;}
.fea h2{margin-bottom: 37px;}
.fea_l{float: left;width: 960px;margin-left: -360px;}
.fea_r{float: right;width: 960px;height: 610px;padding-top: 30px;margin-right: -360px;background: #edecea;}
.fea_r li{height: 145px;border-left: 3px solid transparent;}
.fea_r li i{float: left;width: 80px;height: 80px;overflow: hidden;border: 1px solid #c6c6c6;border-radius: 15px;margin: 31px 35px 31px 60px;}
.fea_r li h3{font-size: 18px;color: #231f20;line-height: 18px;padding: 22px 0 14px;}
.fea_r li p{font-size: 14px;color: #666;line-height: 24px;padding-right: 360px;}
.fea_r li p em{color: #ef7c00;}
.fea_r li.on{background: #fff;border-color: #ef7c00;}
.fea_r li.on i{background: #ef7c00;border-color: #ef7c00;}
.fea_r li.on i img{top: -80px;position: relative;}
@media screen and (min-width:1600px) {
    .fea_r li h3{padding: 34px 0 14px;}
    .fea_r li p{padding-right: 240px;}
}


/*way*/
.way{padding: 80px 0;}
.way h2{margin-bottom: 35px;}
.way_l{float: left;width: 395px;}
.way_l li{float: left;width: 195px;height: 146px;margin-bottom: 5px;background: #edecea;}
.way_l li:nth-child(2n){float: right;}
.way_l li a{display: block;height: 146px;padding-left: 46px;}
.way_l li i{display: block;height: 28px;overflow: hidden;margin: 20px 0;}
.way_l li span{display: block;font-size: 16px;color: #333333;line-height: 24px;}
.way_l li.on{background: #ef7c00;}
.way_l li.on i img{position: relative;top: -28px;}
.way_l li.on span{color: #fff;}
.way_r{float: right;width: 800px;}
.way_r dl{height: 600px;position: relative;overflow: hidden;}
.way_r dt img{display: block;width: 800px;height: 600px;transition: all 0.5s;}
.way_r dt:hover img{transform: scale(1.05);}
.way_r dd{position: absolute;width: 100%;left: 0;bottom: 0;background: rgba(0,0,0,0.7);height: 146px;padding: 0 45px 0 58px;box-sizing: border-box;}
.way_r dd h4{font-size: 20px;color: #fff;line-height: 20px;padding: 30px 0 14px;}
.way_r dd h4 a{color: #fff;}
.way_r dd p{font-size: 14px;color: #fff;line-height: 24px;}
.way_r dd p a{color: #ef7c00;}


/*xban*/
.xban{height: 285px;background: url(../images/xban.jpg) no-repeat center 0;}
.xban .tel{float: right;margin-top: 88px;text-align: right;}
.xban .tel i{display: block;font-size: 16px;color: #fff;line-height: 16px;}
.xban .tel b{display: block;font-size: 36px;color: #ef7c00;line-height: 52px;font-family: Arial;}
.xban .tel .zx{display: inline-block;width: 140px;height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #fff;background: #ef7c00;border-radius: 21px;margin-top: 10px;}
.xban .tel .zx:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*ys*/
.ys{padding: 60px 0 80px;}
.ys h2{margin-bottom: 33px;}
.ys_con{position: relative;}
.ys_con dt img{display: block;width: 1200px;height: 534px;}
.ys_con dd{height: 194px;padding: 0 60px;box-shadow:0px 2px 6px 0px rgba(204,204,204,0.21);}
.ys_con dd h3{font-size: 24px;color: #231f20;line-height: 24px;padding: 44px 0 15px;}
.ys_con dd p{font-size: 14px;color: #666;line-height: 24px;width: 896px;}
.ys_con dd p em{color: #ef7c00;}
.ys_t{position: absolute;width: 100%;left: 0;top: 480px;z-index: 10;text-align: center;font-size: 0;line-height: 0;}
.ys_t li{display: inline-block;width: 200px;height: 54px;line-height: 54px;border-radius: 14px 14px 0 0;background: #231f20;font-size: 20px;color: #fff;font-weight: bold;margin: 0 14px;}
.ys_t li i{font-size: 24px;opacity: 0.5;font-family: Arial;margin-right: 12px;font-weight: normal;}
.ys_t li.on{background: #ef7c00;}
.ys_con .prev{position: absolute;width: 45px;height: 45px;right: 116px;bottom: 63px;z-index: 10;overflow: hidden;}
.ys_con .next{position: absolute;width: 45px;height: 45px;right: 62px;bottom: 63px;z-index: 10;overflow: hidden;}
.ys_con .prev:hover img,.ys_con .next:hover img{position: relative;top: -45px;}

/*case*/
.case{padding: 80px 0;background: #f1f1f1;}
.case h2{margin-bottom: 34px;}
.case_bd dl{float: left;width: 360px;padding: 16px 16px 0;background: #fff;margin-right: 12px;}
.case_bd dt{height: 270px;overflow: hidden;}
.case_bd dt img{display: block;width: 360px;height: 270px;transition: all 0.5s;}
.case_bd dt:hover img{transform: scale(1.05);}
.case_bd dd{height: 160px;padding: 0 20px 0 45px;position: relative;}
.case_bd dd:after{position: absolute;width: 1px;height: 105px;content: "";background: #ababab;left: 20px;top: -50px;}
.case_bd dd i{position: absolute;width: 106px;height: 106px;border: 2px solid rgba(255,255,255,0.8);border-radius: 100%;top: -60px;right: 18px;overflow: hidden;}
.case_bd dd i img{width: 106px;height: 106px;}
.case_bd dd h4{font-size: 20px;color: #231f20;line-height: 20px;font-weight: normal;padding: 34px 0 20px;}
.case_bd dd h4 a{color: #231f20;}
.case_bd dd p{font-size: 14px;color: #666;line-height: 24px;}
.case_bd dl:hover{background: #ef7c00;}
.case_bd dl:hover dd h4 a,.case_bd dl:hover dd p{color: #fff;}
.case_bd dl:hover dd:after{background: #fff;}
.case_list .tempWrap{width: 100% !important;}



/*cess*/
.cess{padding: 80px 0;}
.cess h2{margin-bottom: 44px;}
.cess_list{position: relative;height: 193px;}
.cess_list:after{position: absolute;width: 100%;height: 1px;content: "";background: #dfdfdf;left: 0;top: 114px;z-index: -1;}
.cess_list li{float: left;width: 138px;height: 193px;border-radius: 8px;margin-right: 13.5px;transition: all 0.3s;}
.cess_list li span{display:block;width: 78px;height: 78px;overflow: hidden;position: relative;margin: 15px auto 0;}
.cess_list li em,.cess_list li i{position:absolute;width:70px;height:70px;border: 4px solid #dcdcdc;top:0;left:0; -webkit-transition:all .5s linear;transition:all .5s linear;background: #231f20;border-radius: 100%;}
.cess_list li i{background: #fff;border-color: #f1f1f1;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.cess_list li:hover i{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.cess_list li:hover em{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.cess_list li p{font-size: 18px;color: #333;line-height: 34px;padding-top: 5px;text-align: center;transition: all 0.3s;}
.cess_list li:hover{background: #ef7c00;}
.cess_list li:hover p{color: #fff;}
.cess_list li:last-child{margin-right: 0;}
.cess .tel{margin-top: 48px;text-align: center;font-size: 0;line-height: 0;}
.cess .tel p{display: inline-block;text-align: left;padding-left: 66px;background: url(../images/tel2.png) no-repeat 2px center;vertical-align: top;}
.cess .tel p i{display: block;font-size: 16px;color: #282828;line-height: 16px;}
.cess .tel p em{display: block;font-size: 36px;color: #282828;font-family: Arial;line-height: 44px;font-weight: bold;}
.cess .tel .zx{display: inline-block;width: 140px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;color: #fff;background: #ef7c00;border-radius: 24px;margin-top: 2px;vertical-align: top;margin-left: 24px;}
.cess .tel .zx:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*news*/
.news{padding: 80px 0;background: #f1f1f1;}
.news h2{margin-bottom: 30px;}
.news h3{height: 26px;line-height: 26px;font-size: 22px;color: #231f20;font-weight: normal;}
.news h3 i{display: inline-block;height: 26px;overflow: hidden;margin-right: 14px;vertical-align: top;}
.news h3 em{float: right;font-size: 14px;color: #999;}
.news h3:hover a,.news h3 em:hover{color: #ef7c00;}
.news h3:hover i img{position: relative;top: -26px;}
.new_l{float: left;width: 596px;height: 490px;background: #fff;padding: 0 28px;box-sizing: border-box;}
.new_l h3{padding: 28px 0 17px;}
.new_l dl{height: 163px;margin-bottom: 15px;}
.new_l dt{float: left;width: 218px;height: 163px;position: relative;}
.new_l dt:after{position: absolute;width: 135px;height: 2px;content: "";background: #ef7c00;right: -89px;top: 52px;}
.new_l dt img{display: block;width: 218px;height: 163px;}
.new_l dd{float: right;width: 294px;height: 163px;}
.new_l dd h4{font-size: 18px;color: #ef7c00;line-height: 18px;font-weight: normal;padding: 12px 0 36px;}
.new_l dd h4 a,.new_l dd p a{color: #ef7c00;}
.new_l dd p{font-size: 14px;color: #666;line-height: 27px;}
.new_list p{height: 43px;line-height: 43px;border-bottom: 1px dashed #e0e0e0;}
.new_list p a{display: block;height: 43px;font-size: 14px;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.new_list p:last-child{border: 0;}
.new_list p:hover a{color: #ef7c00;}
.new_r{float: right;width: 595px;height: 490px;background: #fff;}
.new_ct{padding: 0 44px;}
.new_ct:nth-child(1){height: 245px;border-bottom: 1px solid #e1e1e1;}
.new_ct:nth-child(1) h3{padding: 28px 0 20px;}
.new_ct:nth-child(2) h3{padding: 24px 0 12px;}
.new_r .new_list p{height: 39px;line-height: 39px;}

/*abt*/
.abt{padding: 0 0 80px;}
.abt dt img{display: block;width: 100%;}
.abt dd{width: 1200px;height: 177px;background: #fff;box-shadow:0px 2px 6px 0px rgba(204,204,204,0.21);margin: -94px auto 0;position: relative;z-index: 10;}
.abt dd h2{float: left;padding-left: 58px;text-align: left;width: 408px;box-sizing: border-box;height: 71px;border-right: 1px solid #d5d5d5;margin-top: 50px;}
.abt dd h2 b{font-size: 38px;line-height: 38px;}
.abt dd h2 i{font-size: 18px;line-height: 18px;padding-top: 16px;}
.abt_dsec{float: left;font-size: 14px;color: #666;line-height: 29px;margin-left: 33px;width: 704px;margin-top: 44px;}
.abt_dsec a{color: #ef7c00;}
.hn{padding: 58px 0 0;}
.hn h3{height: 72px;text-align: center;font-size: 0;line-height: 0;margin-bottom: 18px;font-weight: normal;}
.hn h3 a{display: inline-block;height: 72px;line-height: 72px;font-size: 22px;color: #231f20;margin: 0 35px;vertical-align: top;}
.hn h3 a i{display: inline-block;width: 70px;height: 70px;background: #f1f1f1;border-radius: 100%;vertical-align: top;overflow: hidden;margin-right: 12px;border: 1px solid #d2d2d2;}
.hn h3 a.on{color: #ef7c00;}
.hn h3 a.on i{background: #ef7c00;border-color: #ef7c00;}
.hn h3 a.on i img{top: -70px;position: relative;}
.hn_list li{float: left;width: 284px;height: 216px;margin-right: 18.5px;overflow: hidden;border:1px solid #eee;}
.hn_list li img{width: 284px;height: 216px;transition: all 0.5s;}
.hn_list li:hover img{transform: scale(1.05);}
.hn_list{position: relative;}
.hn_list .sprev,.ryzz .sprev{position: absolute;width: 45px;height: 45px;left: -70px;top: 86px;overflow: hidden;}
.hn_list .snext,.ryzz .snext{position: absolute;width: 45px;height: 45px;right: -70px;top: 86px;overflow: hidden;}
.hn_list .sprev:hover img,.hn_list .snext:hover img,.ryzz .sprev:hover img,.ryzz .snext:hover img{position: relative;top: -45px;}
.hn_list .tempWrap,.ryzz .tempWrap{width: 100% !important;}
.ryzz li{float: left;width: 170px;margin-right: 36px;height: 231px;background: url(../images/hn_li.jpg) no-repeat;}
.ryzz li img{display: block;width: 154px;height:215px;margin: 8px auto 0;}