@import url("iconfont.css");
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }
body{min-width: 1200px; width: 100%;overflow-x: hidden;}
/*头部*/
.top_bg{ height:7.5rem;z-index: 10; width:100%;background:#fff;position:relative;overflow:hidden;}
.top_bg:before{content: "";width: 100%;height: 1px;position: absolute;bottom: 2px;left: 0;background: rgba(255,255,255,1);}
.top_line{width: 84.375%;margin: 0px auto;height: 7.5rem;position: relative;}
.h_top {
    height: 3rem;
    line-height: 3rem;
	position: absolute;
    right: 0;
}
.h_tel{padding-right: 1.2rem;}
.h_tel em{width: 1.5rem;height: 1.5rem;display: block;float: left;line-height: 0;padding: 0.8rem 0.5rem 0 0;}
.h_tel em img{width: 1.5rem;height: 1.5rem;}
.h_tel b{font-size: 1.1rem;color: #666;}
.search{width:1.1rem;height:1.1rem;cursor:pointer;position: relative;padding: 0 1.3rem;margin-top: 1.9rem;}
.search:before{content: "";width: 1px;height: 0.8rem;position: absolute;top: 2px;left: 0;background: rgba(255,255,255,1);}
.sea_icon i{display:block;width:1.1rem;height:1.1rem;float: left;line-height: 0;}
.sea_icon i img{width: 1.1rem;height: 1.1rem;}
.sea_icon:hover i{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.sea_box{position: absolute;width: 345px;right: 1rem;top:30px;z-index: 100;display: none;}
.sea_box input {float: left;border: 2px solid #a55315;font-size: 14px;color: #999;}
.sea_box input.txt {width: 250px;padding: 0 10px;line-height: 34px;height: 34px;margin-top: 15px;}
.sea_box input.btn {width: 70px;background-color: #a55315;color: #fff;cursor: pointer;height: 38px;margin-top: 15px;}
input::-webkit-input-placeholder {color: #999;}
.h_code{margin-top: 2rem;cursor: pointer;position: relative;}
.h_code em{width: 1rem;height: 1rem;display: block;line-height: 0;}
.h_code em img{width: 1rem;height: 1rem;}
.h_code p{width: 4.5rem;height: 4.5rem;position: absolute;top: -10rem;right: -5rem;-webkit-transition:all .5s;transition:all .5s;}
.h_code p img{width: 4.5rem;height: 4.5rem;}
.h_code:hover p{top: -1.5rem;}
.logo{ padding: 1.5rem 0 0 0;}
.logo img {
    width: 5rem;
}
.h_dw{
	font-size: 1.4rem;
    color: #333333;
    line-height: 2rem;
    float: left;
    padding: 2.5rem 0 0 0;
}
.h_dw b{color: #f6ad3c;}
.h_dw i{display: block;font-size:0.8rem;}
.h_nav{
	height: 4rem;
    overflow: hidden;
    padding-top: 1.5rem;
	padding-left: 4rem;
	}
.h_nav li{ float:left;  
  height: 4rem;
    line-height: 4rem;
	overflow: hidden;
	padding: 0 20px;
	}	
	
.h_nav li a{ font-size:17px; color:#333333;display:block; float:left;position: relative;vertical-align: middle;text-align: center;    height: 4rem;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
  
  
  
  
  @media screen and (max-width: 1550px){	
	.h_nav li{  padding: 0 8px;}
	.h_nav li a{ font-size:16px;}
	
	
}  
  
    
@media screen and (max-width: 1340px){	
	.h_nav li{  padding: 0 8px;}
	.h_nav li a{ font-size:14px;}
	
	.top_line{width: 100%; padding:0 10px;}
	
	
}  
  
.h_nav li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #f8c303;
  height: 0.15rem;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.h_nav li a:hover:before, .h_nav li a:focus:before, .h_nav li a:active:before,.h_nav li.cur a:before {
  right: 0;
}
.h_ico{width: 1.9rem;height: 1.1rem; line-height: 0;padding: 1.6rem 0 0;}
.h_ico img{width: 1.9rem;height: 1.1rem;}
em,i{ font-style:normal;}
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.bk-title{position:relative;text-align:center;padding-bottom:30px;font-size:50px;font-weight:700;line-height:52px;color:#333;margin-top: 100px;}
.bk-title b {color:#f6ad3c;}
.bk-title span{display:block;font-size:18px;font-weight:lighter;line-height:20px;color:#666;margin-top:14px}
.bk-title:before{content:"";display:block;width:20px;height:2px;background:#f6ad3c;position:absolute;left:50%;bottom:0;margin-left:-10px;transition:.35s}
.bk-title:after{content:"";display:block;width:30px;height:2px;background:#f6ad3c;position:absolute;left:50%;bottom:5px;margin-left:-15px;transition:.35s}
.bk-title:hover::before{width:40px;margin-left:-15px}
.bk-title:hover::after{width:50px;margin-left:-20px}
/*幻灯片*/
.banner{ max-height:746px;height:auto;width:100%; position:relative; z-index:1;}
.banner img{ display:block; width:100%; margin:0 auto;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;  z-index:12; width: 24px;height: 7px; border: 0;}
.banner .slick-dots{ width:160px; height:15px;position:absolute; bottom:30px;left:50%; margin-left:-50px; z-index:8;}
.banner .slick-dots li {display: inline-block; outline: none;}
.banner .slick-dots li button{ width:15px; height:15px; float:left; display:inline;background:#fff;opacity:1; border-radius:15px; margin:0 8px; font-size:0; box-sizing:border-box;outline: none; color:#fff; border:0;}
.banner .slick-dots .slick-active button{ background:none; border:3px solid #fff; box-sizing:border-box;}
.banner .slick-prev{ display:none; background:none; width:104px;height:104px; position:absolute; top:38%; left:5%; z-index:8; margin-left:0; font-size:0; border:0;opacity:0.8;outline:none;}
.banner .slick-next{display:none;background:none; width:104px;height:104px; position:absolute; top:38%; right:5%;z-index:8; margin-right:0;font-size:0; border:0;opacity:0.8;outline:none;}



/**/
.about{background:url(../image/ab_bg.gif) no-repeat center 0;height: 593px;overflow: hidden;padding: 120px 0 0;}
.ab_l{width: 135px;background: #f0f0f0;}
.ab_l h3{background:url(../image/ab_tbg.jpg) no-repeat;width: 135px;height: 131px;overflow: hidden;line-height: 30px;text-align: center;}
.ab_l h3 a{font-size: 20px;color: #fff;display: block;font-weight: normal;padding: 35px 0 0;}
.ab_l h3 i{display: block;font-size: 18px;color: #f8f8f8b8;text-transform: uppercase;font-weight: bold;font-family:Arial, Helvetica, sans-serif;}
.ab_l ul li{width: 135px;height: 72px;text-align: center;padding: 12px 0 0;}
.ab_l ul li em{display: block;width: 30px;height: 30px;line-height: 0;overflow: hidden;margin: 0 auto 5px;}
.ab_l ul li em img{width: 30px;height: 60px;-webkit-transition:all .5s;transition:all .5s;}
.ab_l ul li a{display: block;font-size: 16px;color: #333;}
.ab_l ul li:hover em img{margin-top: -30px;}
.ab_l ul li:hover a{color: #f6ad3c;}
.ab_r{width: 1052px;}
.ab_r dl dt{width: 600px;height: 470px;line-height: 0;overflow: hidden;float: left;background:#333;}
.ab_r dl dt img{width: 600px;height: 470px;}
.ab_r dl dd{width: 405px;float: right;}
.ab_r dl dd h5{height: 100px;background:url(../image/ab_line.jpg) no-repeat 0 95px;line-height: 42px;overflow: hidden;font-weight: normal;margin-bottom: 20px;}
.ab_r dl dd h5 a{font-size: 30px;color: #333;}
.ab_r dl dd h5 i{display: block;font-size: 18px;color: #666;}
.ab_r dl dd h5 a:hover,.cp_t a:hover,.cp_t:hover{color: #f6ad3c;}

.ab_r ul li{height: 56px;line-height: 56px;overflow: hidden; float:left;width: 242px; padding:0 10px 0 0;}
.ab_r ul li a{display: block;font-size: 16px;color: #333;background:url(../image/ab_ico05.gif) no-repeat 0 24px;padding-left: 30px;white-space:nowrap; text-overflow:ellipsis;width: 170px;}
.ab_r ul li a:hover{color: #f6ad3c;background:url(../image/ab_ico06.gif) no-repeat 0 24px;}






.design{padding-top:1px;background:
#ffffff}
.design .design-t{margin-top:63px;position:relative;background:#ffffff url(../image/dz-bg.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;padding-bottom:5.9rem}
.design .design-t:before{content:"";display:block;background-repeat:no-repeat;background-position:center top;background-size:auto auto;width:1170px;height:278px;top:-114px;position:absolute;z-index:-1;left:50%;transform:translateX(-50%)}
.design .design-t dl{float:left;width:24.2%;margin-right:1.05%;box-sizing:border-box}
.design .design-t dl dt img{display:block;max-width:100%;transition:.35s}
.design .design-t dl dd{margin-top:1.5rem;position:relative}
.design .design-t dl dd h4{font-size:1.3rem;font-weight:500;line-height:1.4rem;color:#333;transition:.25s}
.design .design-t dl dd h4 span{display:block;font-size:.7rem;font-weight:400;line-height:.8rem;color:#666;text-transform:uppercase;margin-top:.3rem}
.design .design-t dl dd em{position:absolute;right:.5rem;top:0;width:2rem;height:2rem;border-radius:50%;border:.1rem solid #e6e6e6;cursor:pointer;overflow:hidden;transition:.1s;line-height:0;}
.design .design-t dl dd em img{width:100%;position:relative;top:0;left:0;transition:all .35s linear}
.design .design-t dl dd em img:last-of-type {position: absolute;left: -100%; top: 0;}
.design .design-t dl:last-of-type{margin-right:0;float:right}
.design .design-t dl:hover dt img{filter:contrast(120%)}
.design .design-t dl:hover dd h4{text-indent:.5rem;color:#f6ad3c}
.design .design-t dl:hover dd em{background:#f6ad3c;border-color:#f6ad3c}
.design .design-t dl:hover dd em img {left: 100%;}
.design .design-t dl:hover dd em img:last-of-type {left: 0;}
.design .design-t::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}


.tdbj{height: 824px;overflow: hidden; background:url(../image/cpysbg.jpg) no-repeat center top;background-size: cover; padding:135px 0 0; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto; }
.td{ width:1400px;margin:0 auto;position: relative;margin-top: 80px;}
.td li{ font-size: 16px;color: #000000;text-align: left; line-height: 28px;position: absolute;}
.td li:after{content:'';position:absolute;height:22px;width:22px;background:#aeaeae;border-radius: 100%;}
.td li h4{font-size: 34px;color: #242424;line-height: 62px; position: relative; font-weight: normal;}
.td li p b{color: #000000; font-weight: normal;}
.td li p{margin-bottom: 30px;}
.td li .td_btn{width:118px;height:36px;line-height: 36px;text-align: center;color: #fff;font-size: 16px;background:#f6ad3c;display: block;opacity: 0;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.td li:nth-child(1){width:292px;padding-right: 80px;left:50px;top:0;}
.td li:nth-child(1):before{content:'';position:absolute;width:86px; height:122px;background:url(../image/td_line1.png) no-repeat;right: -74px;top: 30px;}
.td li:nth-child(1):after{right:0;top:20px;}
.td li:nth-child(2){width:287px;padding-left: 66px;right:40px;top:70px;}
.td li:nth-child(2):before{content:'';position:absolute;width:66px; height:132px;background:url(../image/td_line2.png) no-repeat;left: -55px;top: 30px;}
.td li:nth-child(2):after{left:0;top:20px;}
.td li:nth-child(3){width:270px;padding-right: 32px;left:102px;top:282px;}
.td li:nth-child(3):before{content:'';position:absolute;width:105px; height:127px;background:url(../image/td_line3.png) no-repeat;right: -94px;top: -15px;}
.td li:nth-child(3):after{right:0;top:110px;}
.td li:nth-child(4){width:282px;padding-left: 45px;right:75px;top:318px;}
.td li:nth-child(4):before{content:'';position:absolute;width:55px; height:97px;background:url(../image/td_line4.png) no-repeat;left: -44px;top: 10px;}
.td li:nth-child(4):after{left:0;top:110px;}
.td li:nth-child(3) p,.td li:nth-child(4) p{margin-bottom: 5px;}
.td li:nth-child(3) h4,.td li:nth-child(4) h4{margin-bottom: 15px;}
.td li.cur  h4{color: #f6ad3c;}
.td li.cur::after{background:#f6ad3c;}
.td li.cur p b{font-weight: bold;}
.td li.cur .td_btn{opacity: 1;}
@media screen and (max-width:1401px) {
.tdbj{background:url(../image/cpysbg.jpg) no-repeat center top;background-size: cover;}
.td{width: 1200px;}
.td li:nth-child(1){left:38px;}
.td li:nth-child(2):after{top:98px;}
.td li:nth-child(3){left:108px;}
.td li:nth-child(4){right:35px;top:312px;}
.td li:nth-child(1):before,.td li:nth-child(2):before,.td li:nth-child(3):before,.td li:nth-child(4):before{width:0;}
}



.ban01{background:url(../image/ban01.jpg) no-repeat center 0;height: 300px;overflow: hidden;}
.ban01_t{font-size: 18px;color: #fff;text-align: center;line-height: 50px;padding: 65px 0 0;height: 145px;}
.ban01_t b{display: block;font-size: 42px;padding: 10px 0;}
.ban01_t i{display: block;font-size: 14px;text-transform: uppercase;color: rgba(255,255,255,0.6);font-family:Arial, Helvetica, sans-serif;}
.ban01 p em{display: block;float: left;width: 80px;margin:0 30px 0 392px;}
.ban01 p em a{display: block;width: 120px;text-align: center;height: 40px;line-height: 40px;font-size: 18px;color: #f6ad3c;overflow: hidden;border-radius: 5px;}
.ban01 p span{display: block;float: left;font-size: 30px;color: #f6ad3c;line-height: 40px;}





/**/
.ysbj{ position: relative; box-sizing: border-box; background:#fff; overflow: hidden; clear: both; font-family:"Microsoft Yahei";}
.ysbj h2{ margin-bottom: 60px;}
.ys{width:100%; height: 596px; position: relative;background:#f6f6f6;clear: both;overflow: hidden;}
.ys_video{width:50%; float: left;position: relative;}
.ys_video img{width:100%; display: block;position: absolute;left:0;top:0;z-index: 1;cursor: pointer;}
.ys_nr{width:50%;float: right;}
.yss dl{width:624px;position:relative;float: left;margin-left: 3.645vw;}
.yss dt{ height: 11.197vw;margin-top: 2.041vw;}
.yss dt img{ display:block;width:14.635vw; float: left;margin-right: 0.3645vw;}
.yss dd{ box-sizing: border-box;padding:4.375vw 0 0;}
.yss dd  h4{font-size: 1.7rem;color:#333333; background:url(../image/ys_line.png) no-repeat left bottom;margin-bottom: 1.041vw;padding-bottom: 1.041vw;}
.yss dd p{font-size:16px; color:#333333;  line-height: 30px; text-align: left;padding-left: 20px;background:url(../image/ysico.png) no-repeat left 0.4vw;}
.yss dd span{ display: block;float: right;margin-top:1.145vw;}
.yss dd span img{width:4.166vw;height:4.166vw; display: block;float: left;margin-left: 0.9375vw;}
.ys_hd{width:100%;height: 160px;border-bottom: 1px solid #e6e6e6;}
.ys_hd ul{width:1400px;margin:0 auto;}
.ys_hd ul li{float:left;width:20%;height: 160px;cursor:pointer;border-right: 1px solid #e6e6e6;box-sizing: border-box;padding:50px 20px 0 40px;}
.ys_hd ul li h4{ font-size:22px;color: #000000;height: 35px;}
.ys_hd ul li h4 em{display: block;float: right;color: rgba(169, 169, 169, 0.49); font-size: 26px;}
.ys_hd ul li p{ font-size: 22px;color: #000000;}
.ys_hd ul .on h4{font-size: 28px;color: #f6ad3c;}
.ys_hd ul .on p{font-size: 24px;color: #f6ad3c;}
.ys_hd ul .on  em{ color: #004532;background: linear-gradient(to right, #ffb23d, #d18f33);
-webkit-background-clip: text;
color: transparent;color: #004532\9\0;}
@media screen and (max-width:1401px) {
.yss dl{width:524px;}
.ys_hd ul{width: 1200px;}
.ys_hd ul li{padding:50px 20px 0;}
}




.about2{background-image:url(../image/abt-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;box-sizing:border-box}
.about2 .about2-t dl dt{float:right;width:960px;margin-right:-360px}
.about2 .about2-t dl dd{padding-top:92px}
.about2 .about2-t dl dd h2{font-size:50px;font-weight:700;line-height:52px;color:#333;display:block}
.about2 .about2-t dl dd h2 span{display:block;font-size:18px;font-weight:400;line-height:20px;color:#666;margin-top:14px}
.about2 .about2-t dl dd h2::after{content:"";display:block;width:50px;height:3px;background:#f6ad3c;margin-top:18px}
.about2 .about2-t dl dd ul{margin-top:44px;margin-bottom:56px}
.about2 .about2-t dl dd ul li{display:inline-block;padding:0 38px;margin-right:-10px;border-right:1px solid #ccc;height:120px;font-size:60px;font-weight:lighter;line-height:80%;color:#333;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif,Arial,Helvetica;letter-spacing:3px;padding-top:25px}
.about2 .about2-t dl dd ul li em{display:inline-block;width:28px;height:28px;background:#f6ad3c;text-align:center;font-size:12px;font-weight:400;line-height:28px;color:#fff;border-radius:50%;overflow:hidden;letter-spacing:0}
.about2 .about2-t dl dd ul li i{font-size:24px;font-weight:400;line-height:100%;color:#333;display:inline-block;vertical-align:top}
.about2 .about2-t dl dd ul li b{font-size:16px;font-weight:400;line-height:18px;color:#666;display:block;margin-top:18px}
.about2 .about2-t dl dd ul li:first-of-type{padding-left:0}
.about2 .about2-t dl dd ul li:last-of-type{padding-right:0;border-right:none}
.about2 .about2-t dl dd ul li:nth-of-type(2) em{font-size:12px;line-height:24px}
.about2 .about2-t dl dd p{width:464px;font-size:16px;font-weight:400;line-height:30px;color:#666;display:block}
.about2 .about2-t dl::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.about2 .about2-b h3{float:left;font-size:32px;font-weight:400;line-height:32px;color:#333;text-transform:uppercase;background-image:url(../image/abt-line.png);background-repeat:no-repeat;background-position:left top;background-size:auto auto;height:220px;padding-left:45px;padding-top:126px;width:260px;box-sizing:border-box}
.about2 .about2-b h3 span{display:block;font-size:36px;font-weight:400;line-height:38px;color:#333;margin-top:12px}
.about2 .about2-b .about2-b-con{float:left;width:940px;margin-top:80px;padding-bottom:80px;position:relative}
.about2 .about2-b .about2-b-con .tempWrap{width:940px!important}
.about2 .about2-b .about2-b-con ul li{float:left;width:300px;margin-right:20px;display:block;position:relative;overflow:hidden}
.about2 .about2-b .about2-b-con ul li img{display:block;width:300px;height:210px;transition:1s}
.about2 .about2-b .about2-b-con ul li h4{position:absolute;left:0;bottom:-34px;width:100%;font-size:16px;font-weight:400;line-height:34px;color:#fff;text-align:center;z-index:1;background:rgba(194,146,111,.8);transition:.5s}
.about2 .about2-b .about2-b-con ul li:last-of-type{margin-right:0}
.about2 .about2-b .about2-b-con ul li:hover img{transform:scale(1.05)}
.about2 .about2-b .about2-b-con ul li:hover h4{bottom:0}
.about2 .about2-b .about2-b-con ul::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.about2 .about2-b .about2-b-con .prev{position:absolute;margin-top: 50px; width:40px;height:40px;border:2px solid #ddd;border-radius:50%;right:-74px;top:0;transform:rotateY(180deg);cursor:pointer;transition:.35s}
.about2 .about2-b .about2-b-con .prev img{width:100%;display:block}
.about2 .about2-b .about2-b-con .prev:hover{top:5px}
.about2 .about2-b .about2-b-con .next{position:absolute;margin-top: 50px;width:40px;height:40px;border:2px solid #ddd;border-radius:50%;right:-74px;top:60px;cursor:pointer;transition:.35s}
.about2 .about2-b .about2-b-con .next img{width:100%;display:block}
.about2 .about2-b .about2-b-con .next:hover{top:65px}
.about2 .about2-b::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.index-video{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 99;display:none;}
.index-video video{position:absolute;left:50%;top:50%;width:1000px;height:600px;margin-left:-500px;margin-top:-300px;}






.index-produce{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden}
.index-produce .produce-box{display:block;width:27.8125%;-webkit-transition:all .9s;-o-transition:all .9s;-moz-transition:all .9s;transition:all .9s;height:654px;cursor:pointer}
@media screen and (max-width: 750px){.index-produce .produce-box{height:270px}
}
@media screen and (max-width: 500px){.index-produce .produce-box{height:150px}
}
.index-produce .produce-box .active{display:none;position:relative;height:100%;width:100%;-webkit-transition:all .9s;-o-transition:all .9s;-moz-transition:all .9s;transition:all .9s;background-size:cover}
.index-produce .produce-box .active .img-bk{position:absolute;top:0;left:0;z-index:9;width:100%;height:100%;opacity:.6}
.index-produce .produce-box .active .img-bk img{width:100%;height:100%}
.index-produce .produce-box .active .dsc{position:absolute;left:79px;bottom:55px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:99;width:100%}
@media screen and (max-width: 1400px){.index-produce .produce-box .active .dsc{left:30px;bottom:30px}
}
@media screen and (max-width: 750px){.index-produce .produce-box .active .dsc{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:.075rem}
}
.index-produce .produce-box .active .dsc .icon{position:relative;display:block;width:58px;height:58px;background:-webkit-gradient(linear, left top, left bottom, from(#f6ad3c), to(#f6ad3c));background:-webkit-linear-gradient(#f6ad3c, #f6ad3c);background:-moz-linear-gradient(#f6ad3c, #f6ad3c);background:-o-linear-gradient(#f6ad3c, #f6ad3c);background:linear-gradient(#f6ad3c, #f6ad3c)}
@media screen and (max-width: 750px){.index-produce .produce-box .active .dsc .icon{width:.3rem;height:.3rem}
}
.index-produce .produce-box .active .dsc .icon:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:.15rem;color:#fff}
@media screen and (max-width: 500px){.index-produce .produce-box .active .dsc .icon:before{font-size:20px}
}
.index-produce .produce-box .active .dsc .r-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:15px}
.index-produce .produce-box .active .dsc .r-box .name{font-size:24px;line-height:32px;color:#fff}
@media screen and (max-width: 750px){.index-produce .produce-box .active .dsc .r-box .name{white-space:nowrap;font-size:24px;line-height:24px}
}
@media screen and (max-width: 750px){.index-produce .produce-box .active .dsc .r-box .name{font-size:16px;line-height:16px}
}
.index-produce .produce-box .active .dsc .r-box .sm{font-size:14px;line-height:24px;color:rgba(255,255,255,0.4)}
@media screen and (max-width: 750px){.index-produce .produce-box .active .dsc .r-box .sm{display:none}
}
.index-produce .produce-box .static{width:100%;height:100%;background-position:center center !important;background-size:cover !important;background-repeat:no-repeat !important;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .9s;-o-transition:all .9s;-moz-transition:all .9s;transition:all .9s}
@media screen and (max-width: 750px){.index-produce .produce-box .static{background-position:center center !important;background-size:cover !important;background-repeat:no-repeat !important}
}
.index-produce .produce-box .static .icon{font-size:60px;color:#666;margin-top:220px}
@media screen and (max-width: 750px){.index-produce .produce-box .static .icon{margin-top:60px}
}
@media screen and (max-width: 500px){.index-produce .produce-box .static .icon{margin-top:34px;font-size:30px}
}
.index-produce .produce-box .static .dsc-box{margin-top:115px}
@media screen and (max-width: 750px){.index-produce .produce-box .static .dsc-box{margin-top:40px}
}
@media screen and (max-width: 500px){.index-produce .produce-box .static .dsc-box{margin-top:30px}
}
.index-produce .produce-box .static .dsc-box .name{text-align:center;font-size:24px;line-height:24px;color:#444}
@media screen and (max-width: 750px){.index-produce .produce-box .static .dsc-box .name{font-size:26px;line-height:26px}
}
@media screen and (max-width: 500px){.index-produce .produce-box .static .dsc-box .name{font-size:16px;line-height:18px}
}
.index-produce .produce-box .static .dsc-box .cn{font-size:16px;line-height:24px;color:#a2a2a2;font-family:Arial;text-align:center}
@media screen and (max-width: 500px){.index-produce .produce-box .static .dsc-box .cn{font-size:12px;line-height:16px}
}
@media screen and (max-width: 750px){.index-produce .produce-box:nth-of-type(2) .static{background-position:center center !important;background-size:cover !important;background-repeat:no-repeat !important}
}
.index-produce .on{width:44.375%}
.index-produce .on .active{display:block}
.index-produce .on .static{display:none}
@-moz-keyframes b2t{0%{-moz-transform:translateY(20px);transform:translateY(20px);opacity:0}
100%{-moz-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes b2t{0%{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);transform:translateY(20px);opacity:0}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes b2t{0%{-webkit-transform:translateY(20px);opacity:0}
100%{-webkit-transform:translateY(0);opacity:1}
}
/*展会风采*/
.zhfc{padding-top:120px;}
.zhfc .zhfc-b{background:#fff;padding-top:80px;padding-bottom:80px}
.zhfc .zhfc-b .content{text-align:center;}
.process-box{ width: 1140px;height: 450px;margin: 0 auto;}
.process-box ul{width: 1140px;}
.process-box ul li{
  width: 196px;
  height: 196px;
  float: left;
  cursor: pointer;
  position: relative;
}
.process-box ul li .kuang{
  position: absolute;
  width: 196px;
  height: 196px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  border:1px solid #ddd;
  margin-top: 42px;
  margin-left: 42px;
}
.process-box ul li .kuang1{
  top: 0;
  left: 0;
  z-index: 1;
}
.process-box ul li .kuang2{
  left: 5px;
  top: 0px;
  z-index: 2;
}
.process-box ul li .text1{ width: 276px; height: 276px; text-align:center;z-index: 3; position: absolute; left: 7px; top:2px;}
.process-box ul li .text1 .bg{width: 276px; height: 276px; }
.process-box ul li .text1 .bg1{ background: url(../image/process-img1.png) no-repeat;}
.process-box ul li .text1 .bg2{ background: url(../image/process-img2.png) no-repeat;}
.process-box ul li .text1 .bg3{ background: url(../image/process-img3.png) no-repeat;}
.process-box ul li .text1 .bg4{ background: url(../image/process-img4.png) no-repeat;}
.process-box ul li .text1 .bg5{ background: url(../image/process-img5.png) no-repeat;}
.process-box ul li .text1 .bg6{ background: url(../image/process-img6.png) no-repeat;}
.process-box ul li .text1 .bg7{ background: url(../image/process-img7.png) no-repeat;}
.process-box ul li .text1 .num{ padding-top: 50px; font-size: 86px; color: #f6ad3c; font-weight: 700; }
.process-box ul li .text1 .title{ font-size: 15px; color: #422710; }
.process-box ul li .text1 .eng{ font-size: 12px; color: #f6ad3c; }
.process-box ul li .text2{ width: 276px; height: 276px; z-index: 4; position: absolute; left: 5px; top:0px;display: none; }
.process-box ul li .text2 .mengban{ border:1px solid #666666;
  position: absolute;
  z-index: 1;
  width: 196px;
  height: 196px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  background: #f8f8f8f7;
  margin-top: 42px;
  margin-left: 42px;
}
.process-box ul li .text2 .desc{ position: absolute; z-index: 2; width: 140px; height: 110px; top: 88px; left:70px; font-size: 12px; color: #666666; text-align: center; line-height: 24px;}
.process-box ul li{ margin-right: 89px; }
.process-box ul.two li{ margin-top: -40px;}
.process-box ul li:hover .text2{
  display: block;
}
/* 案例 */
.case{ background: url(../image/newsbg.jpg) no-repeat center top; padding-top:10px;overflow:hidden}
.case .case-con{margin-top:43px;width:1660px;margin-left:-100px}
.case .case-con .tempWrap{margin-left:-1760px!important}
.case .case-con dl{width:1660px;float:left;background:#fff;margin-right:100px}
.case .case-con dl dt{float:right;width:960px;height:680px;overflow:hidden;line-height:0}
.case .case-con dl dt img{width:960px;height:680px;display:block;transition:1s}
.case .case-con dl dt:hover img{transform:scale(1.03)}
.case .case-con dl dd{float:left;width:700px;height:680px;background:#fff;padding-left:100px;box-sizing:border-box;padding-top:100px}
.case .case-con dl dd h4 a{display:block;font-size:36px;font-weight:400;line-height:36px;color:#333;text-transform:uppercase;margin-bottom:34px;position:relative;top:0;transition:.25s}
.case .case-con dl dd h4 a:hover{top:10px}
.case .case-con dl dd b{width:195px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;height:60px;float: left;}
.case .case-con dl dd b span{font-size:18px;font-weight:400;line-height:60px;color:#333;float:left}
.case .case-con dl dd b span:first-of-type{background-repeat:no-repeat;background-position:left center;background-size:auto auto;padding-left:27px;margin-left:6px}
.case .case-con dl dd b span:last-of-type{float:right;background-image:url(../image/case-ic2.png);background-repeat:no-repeat;background-position:left center;background-size:auto auto;padding-left:30px;width:166px}
.case .case-con dl dd p{width:442px;text-align:justify;font-size:16px;font-weight:400;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;line-height:30px;height:180px;margin-bottom:10px;margin-top:32px}
.case .case-con dl dd p span{font-weight:700;color:#f6ad3c}
.case .case-con dl dd em a{font-size:18px;font-weight:400;line-height:45px;color:#fff;display:block;background:#f6ad3c url(../image/team-more.png);background-repeat:no-repeat;background-position:right 29px center;background-size:auto auto;width:180px;border-radius:23px;text-indent:32px;transition:.35s}
.case .case-con dl dd em a:hover{text-indent:35px;background-position:right 35px center}
.case .case-con dl::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.case .case-con::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.case .case-tit{width:1400px;margin-left:-100px;background:#fff;height:140px;z-index:1;margin-top:-140px;position:relative}
.case .case-tit ul{width:1200px;position:absolute;left:100px;top:0;text-align:center}
.case .case-tit ul li{font-size:20px;font-weight:400;line-height:140px;color:#666;display:inline-block;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif,Arial,Helvetica;margin-right:56px;vertical-align:middle}
.case .case-tit ul li:last-of-type{margin-right:0}
.case .case-tit ul li::before{content:"";width:0;height:2px;background:#666;display:inline-block;vertical-align:middle;transition:.5s;margin-top:-10px}
.case .case-tit ul li:first-of-type::before{display:none}
.case .case-tit ul li:first-of-type::after{content:"";width:0;height:2px;background:#666;display:inline-block;vertical-align:middle;transition:.5s;margin-top:-10px}
.case .case-tit ul li:first-of-type.cur::after,.case .case-tit ul li:first-of-type:hover::after{margin-left:50px;width:100px}
.case .case-tit ul li.cur,.case .case-tit ul li:hover{font-size:36px;font-weight:400;line-height:140px;color:#333}
.case .case-tit ul li.cur::before,.case .case-tit ul li:hover::before{width:100px;margin-right:55px}
.case .case-tit .prev{position:absolute;left:100px;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;transition:.25s}
.case .case-tit .prev:hover{top:calc(50% + 5px)}
.case .case-tit .next{position:absolute;right:100px;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;transition:.25s}
.case .case-tit .next:hover{top:calc(50% + 5px)}
/* 合作客户 */
.partner{background-image:url(../image/hz-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:780px;box-sizing:border-box;}
.partner .partner-c dl dt{padding-top:144px;float:left;width:540px}
.partner .partner-c dl dt h2{font-size:45px;line-height:80px;color:#ccc;display:block;text-transform:uppercase;transition:.35s;font-weight: bold;}
.partner .partner-c dl dt h2 a{color:#000000;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif,Arial,Helvetica;display:block;}
.partner .partner-c dl dt h2 span{font-size:24px;line-height:25px;color:#333;display:block;margin-top:5px;}
.partner .partner-c dl dt h2:hover{padding-left:10px}
.partner .partner-c dl dt p{font-size:16px;font-weight:lighter;color:#666;display:block;margin-top:42px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:36px;height:144px}
.partner .partner-c dl dt em a{font-size:18px;font-weight:400;line-height:45px;color:#fff;display:block;background:#f6ad3c url(../image/team-more.png);background-repeat:no-repeat;background-position:right 29px center;background-size:auto auto;width:180px;border-radius:23px;text-indent:32px;transition:.35s;margin-top:70px}
.partner .partner-c dl dt em a:hover{text-indent:35px;background-position:right 35px center}
.partner .partner-c dl dd{float:right;width:648px;line-height:0;padding-top:78px}
.partner .partner-c dl dd img{width:100%;height:auto;display:block}
/* 服务流程 start */
.bflow {
    width: 100%;
    height: 500px;
    overflow: hidden;
    background: #ffffff;
}
.bflow .bflow_content {
    width: 1200px;
    height: auto;
    position: relative;
    margin: 0 auto;
}
.bflow .bflow_in {
    width: 100%;
    height: 157px;
    margin-top: 80px;
    
}
.bflow .bflow_in ul li {
    width: 115px;
    height: 157px;
    float: left;
    margin-right: 40px;
    position: relative;
}
.bflow .bflow_in ul li::before {
    content: "";
    width: 58px;
    height: 115px;
    background: url(../image/bf_bg001.png)center no-repeat;
    position: absolute;
    right: -50px;
    top: 0;
}
.bflow .bflow_in ul li .bflow_logo {
    width: 115px;
    height: 115px;
    padding-top: 60px;
    position: relative;
    border-radius: 50%;
    border: 1px solid #f6ad3c;
    box-sizing: border-box;
}
.bflow .bflow_in ul li .bflow_logo p {
    font-size: 14px;
    color: #111111;
    line-height: 40px;
    text-align: center;
}
.bflow .bflow_in ul li .bflow_logo::before {
	
    content: "";
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
}
.bflow .bflow_in ul li:nth-child(1) .bflow_logo::before {
    background: url(../image/bf_logo001.png)bottom center no-repeat;
}
.bflow .bflow_in ul li:nth-child(2) .bflow_logo::before {
    background: url(../image/bf_logo002.png)bottom center no-repeat;
}
.bflow .bflow_in ul li:nth-child(3) .bflow_logo::before {
    background: url(../image/bf_logo003.png)bottom center no-repeat;
}
.bflow .bflow_in ul li:nth-child(4) .bflow_logo::before {
    background: url(../image/bf_logo004.png)bottom center no-repeat;
}
.bflow .bflow_in ul li:nth-child(5) .bflow_logo::before {
    background: url(../image/bf_logo005.png)bottom center no-repeat;
}
.bflow .bflow_in ul li:nth-child(6) .bflow_logo::before {
    background: url(../image/bf_logo006.png)bottom center no-repeat;
}
.bflow .bflow_in ul li:nth-child(7) .bflow_logo::before {
    background: url(../image/bf_logo007.png)bottom center no-repeat;
}

.bflow .bflow_in ul li:nth-child(8) .bflow_logo::before {
    background: url(../image/bf_logo008.png)bottom center no-repeat;
}
.bflow .bflow_in ul li:nth-last-child(1) {
    margin-right: 0;
}
.bflow .bflow_in ul li:nth-last-child(1)::before {
    display: none;
}
.bflow .bflow_in ul li::after {
    content: "";
    width: 100%;
    height: 31px;
    background: url(../image/bf_bg002.png)center no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
}
.bflow .bflow_in ul li:nth-child(1):hover .bflow_logo::before {
    background: url(../image/bf_logo001_active.png)bottom center no-repeat;
}
.bflow .bflow_in ul li:nth-child(2):hover .bflow_logo::before {
    background: url(../image/bf_logo002_active.png)bottom center no-repeat;
}
.bflow .bflow_in ul li:nth-child(3):hover .bflow_logo::before {
    background: url(../image/bf_logo003_active.png)bottom center no-repeat;
}
.bflow .bflow_in ul li:nth-child(4):hover .bflow_logo::before {
    background: url(../image/bf_logo004_active.png)bottom center no-repeat;
}
.bflow .bflow_in ul li:nth-child(5):hover .bflow_logo::before {
    background: url(../image/bf_logo005_active.png)bottom center no-repeat;
}
.bflow .bflow_in ul li:nth-child(6):hover .bflow_logo::before {
    background: url(../image/bf_logo006_active.png)bottom center no-repeat;
}
.bflow .bflow_in ul li:nth-child(7):hover .bflow_logo::before {
    background: url(../image/bf_logo007_active.png)bottom center no-repeat;
}
.bflow .bflow_in ul li:hover::after {
    display: block;
}
.bflow .bflow_in ul li .bflow_logo:hover {
    background: #f6ad3c;
}
.bflow .bflow_in ul li:hover .bflow_logo p {
    color: #fff;
}
/* 服务流程 end */
   .reg_bg {
            height: 485px;
            overflow: hidden;
            background: #f8f8f8;
        }
        
        .reg_l {
            float: left;
            width: 700px;
        }
        
        .reg_l h2 {
            margin: 0;
            font: 36px/90px "Microsoft Yahei";
            color: #333333;
            height: 80px;
        }
		
		.reg_l .reg_subtitle {
            height:30px;
			line-height:15px;
			display:block;
			padding-bottom:20px;
			font-size:24px;
			margin-left:52px;
		
			color: #f6ad3c;
			
			
        }
        
        .reg_l h2 img {
            vertical-align: top;
            margin-top: 23px;
            width: 55px;
            height: 45px;
        }
        
        .reg_l h2 i {
            color: #333333;
        }
        
        .reg_l ul {
            width: 700px;
            margin: 0 auto;
        }
        
        .reg_l li {
            float: left;
            height: 50px;
            width: 345px;
            margin: 0 10px 10px 0;
            color: #3f3f3f;
            line-height: 50px;
            background: #ffffff;
        }
        
        .reg_l li label {
            float: left;
            display: inline-block;
            width: 65px;
            height: 50px;
            text-align: center;
        }
        
        .reg_l .li03,
        .reg_l .li02 {
            margin-right: 0px;
        }
        
        .reg_l .inp1 input {
            width: 280px;
            height: 50px;
            border: 0px;
            font-size: 14px;
            line-height: 50px;
            overflow: hidden;
            background: none;
            color: #000;
            outline: none;
        }
        
        .reg_l .li01 {
            margin-right: 0px;
        }
        
        .reg_l .li02 {
            width: 700px;
            height: 85px;
        }
        
        .reg_l .li02 label {
            width: 120px;
            float: left;
            height: 50px;
        }
        
        .reg_l .li02 textarea {
            float: left;
            width: 575px;
            height: 50px;
            border: 0px;
            font-size: 14px;
            line-height: 50px;
            overflow: hidden;
            background: none;
            resize: none;
            color: #000;
            outline: none;
        }
        
        .reg_l li.reg_p {
            clear: both;
            background: none;
            width: 700px;
            overflow: hidden;
            height: 46px;
            line-height: 46px;
            font-size: 14px;
            color: #666666;
            margin-bottom: 10px;
        }
.butt-inp .butt-inp1 {
    font-size: 18px;
    font-weight: 400;
    line-height: 49px;
    color: #fff;
    border: 0;
    display: block;
    background: #f6ad3c url(../image/team-more.png);
    background-repeat: no-repeat;
    background-position: right 26px center;
    background-size: auto auto;
    width: 180px;
    border-radius: 23px;
    text-indent: 11px;
    transition: .35s;
    margin-top: 30px;
	outline:none;
}
.butt-inp .butt-inp1:hover {
    text-indent: 5px;
    background-size: auto auto;
}
        .reg_r {
            width: 400px;
            height: 420px;
            float: right;
            margin-top: 30px;
        }
        
        .reg_r h3 {
            font: 24px/60px "Microsoft Yahei";
            color: #f2f2f2;
            height: 60px;
            background: #828282;
            text-align: center;
        }
        
        .reg_r h3 i {
            color: #f6ad3c;
        }
        
        .reg_r .reg_ul {
            width: 320px;
            margin: 15px auto 0;
            height: 340px;
            overflow: hidden;
        }
        
        .reg_r ul li {
            line-height: 45px;
            color: #424242;
            font-size: 14px;
            height: 45px;
            border-bottom: 1px solid #dddddd;
            padding-left: 16px;
        }
.news{padding-bottom:80px}
.news .news-c{margin-top:33px;position:relative}
.news .news-c::before{content:"";display:block;width:2px;height:560px;background:#fcfcfc;position:absolute;left:384px;top:0;z-index:-1}
.news .news-c::after{content:"";display:block;width:2px;height:560px;background:#fcfcfc;position:absolute;right:384px;top:0;z-index:-1}
.news .news-c .tempWrap{width:1200px!important}
.news .news-c ul li{float:left;width:340px;margin-right:90px;padding-top:33px;height:560px;box-sizing:border-box}
.news .news-c ul li i{font-size:20px;font-weight:400;line-height:100%;color:#333;display:block;margin-bottom:23px}
.news .news-c ul li em{display:block;width:340px;height:220px;overflow:hidden;line-height:0}
.news .news-c ul li em img{display:block;width:340px;height:220px;transition:all .25s ease}
.news .news-c ul li h4{font-size:24px;font-weight:400;color:#333;display:block;margin-top:25px;margin-bottom:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:36px;height:72px;transition:all .25s ease}
.news .news-c ul li p{font-size:14px;font-weight:400;color:#666;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:26px;height:52px;margin-bottom:76px;transition:all .25s ease}
.news .news-c ul li span{display:inline-block;font-size:16px;font-weight:400;line-height:18px;color:#333;padding-right:38px;background-image:url(../image/news-more.png);background-repeat:no-repeat;background-position:right center;background-size:auto auto}
.news .news-c ul li:last-of-type{margin-right:0}
.news .news-c ul li:hover em img{filter:contrast(80%)}
.news .news-c ul li:hover h4{margin-top:20px;color:#f6ad3c}
.news .news-c ul li:hover p{padding-top:10px}
.news .news-c ul::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.news .news-c .prev{position:absolute;width:40px;height:40px;border:2px solid #ddd;border-radius:50%;left:-80px;top:134px;transform:rotateY(180deg);cursor:pointer;transition:.35s}
.news .news-c .prev img{width:100%;display:block}
.news .news-c .prev:hover{left:-85px}
.news .news-c .next{position:absolute;width:40px;height:40px;border:2px solid #ddd;border-radius:50%;right:-80px;top:134px;cursor:pointer;transition:.35s}
.news .news-c .next img{width:100%;display:block}
.news .news-c .next:hover{right:-85px}
/**/











.cutbj{height: 580px;box-sizing: border-box;}
.help_nav{ height: 129px;clear: both;  margin-bottom: 28px;position: relative;box-shadow:0 2px 6px #f0eeee;}
.help_nav li{height: 129px;  text-align: left; font-size:26px; color: #333333; display: block; float: left; width: 400px;background: #fff; font-weight: normal;padding-left:90px;padding-top:35px; box-sizing: border-box;}
.help_nav li a{color: #666666; text-decoration: none;}
.help_nav li  em{display: block;width: 61px; height: 56px; float: left;margin-right: 9px;position: relative;overflow: hidden;}
.help_nav li img{height: 56px; display: block;position: absolute;left:-61px;top:0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.help_nav li i{font-size: 14px;color:#cccccc; display: block;}
.help_nav li.cur{background:#f6ad3c;}
.help_nav li.cur a{color: #ffffff;}
.help_nav li.cur em img{left:0;}
.help_nav li.cur i{color:#fff;}
.m_help{ width: 1200px; position: relative; }
.xc_l{position: absolute;left:-42px;top:43%;width:26px;height:26px;}
.xc_r{position: absolute;right:-42px;top:43%;width:26px;height:26px;}
.xc{width:1200px;  overflow: hidden;}
.xc li{ width:278px; position:relative;margin-right: 29px; float: left; }
.xc li img{ display:block;width:278px; box-sizing: border-box;}
.xc li em{height:40px;  font:16px "Microsoft YaHei"; line-height:40px; color:#666666; overflow:hidden; display: block; text-align: center; -webkit-transition:width .5s;transition:width .5s;}
.xc li a{ text-decoration: none; }
.xc li.nones{margin-right: 0;}
.xc li:hover em{color: #f6ad3c;z-index: 1;}
.xc li img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.xc li:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
		
.link{height:100px;font-size:16px;font-weight:400;line-height:100px;color:#666;overflow:hidden;/* margin-top:-100px; */width:1200px;position:relative;z-index:1;left:50%;margin-left:-600px}
.link b{margin-right:10px;vertical-align:top;font-weight:400}
.link em{display:inline-block;width:1100px;vertical-align:top;line-height: 25px;margin-top: 40px;}
.link em a{margin-right:12px;color:#666; font-size:12px;display:block;float:left}
.link em a:hover{color:#c2926f;text-decoration:underline}
.link em a:last-of-type{margin-right:0}



    