@charset "utf-8";
/*end*/
body{overflow:hidden;}






/**/
.guide{padding:3.15rem 0 5.55rem;background:url(../images/guide.jpg) no-repeat center top;background-size:100% 38rem;}
.guide h2{text-align: center; line-height: 6.4rem; font-size: 2.5rem; color:#333333; font-weight: bold;}
.guide p{text-align: center; line-height: 2.5rem; font-size: 1.2rem; color:#333333; margin-bottom: 3.85rem;letter-spacing: 2px;}
.guide p span{display: inline-block; line-height: 1.2rem; font-size:1.2rem;letter-spacing:2px;font-weight: bold;}
.guide p i{display: block;font-size:1.5rem;}
.guide .gui-bot{text-align: center;}
.guide .gui-bot b{display: inline-block; width:9.1rem; line-height: 0; overflow: hidden; vertical-align: top; transition:.5s;}
.guide .gui-bot b img{width:100%;}
.guide .gui-bot b:hover{margin-top:-10px;}
.guide .gui-bot span{display: inline-block; width:7.0rem;padding-top:7.15rem; text-align: center; vertical-align: top;}
.guide .gui-bot span i{display: inline-block; line-height: 1.35rem; font-size:1.1rem;color:#ff2131;font-weight: bold;padding-bottom:14px; border-bottom:2px solid #232323;}
/**/
.product{display: none;padding:4.2rem 0 4.9rem;background:#F2F2F2;}
.product h2{ text-align: center;line-height: 5.35rem; margin-bottom: 1.45rem;}
.product h2 a{font-size:2.5rem; color:#333333; font-weight: bold;}
.product .pro-nav{width:100%; height:13rem;background:url(../images/pro-tit.jpg) no-repeat center;background-size:100% 13rem; margin-bottom: 1.3rem;padding-top:1.55rem; box-sizing: border-box;}
.product .pro-nav ul li{float:left; width:25%;padding-left:2.2rem; box-sizing: border-box; border-right:1px dashed rgba(204,204,204,.2);}
.product .pro-nav ul li h4{ line-height: 2.05rem; margin-bottom: 1.15rem;}
.product .pro-nav ul li h4 i{display: block;width:1.8rem; line-height: 0; overflow: hidden;float:left; margin-top: 0.5rem;}
.product .pro-nav ul li h4 i img{width:100%;}
.product .pro-nav ul li h4 em{display: block; line-height: 2.05rem;float:left;font-size:1.4rem;color:#ffffff; font-weight: normal;margin-left: 0.5rem;}
.product .pro-nav ul li p{padding-left:1.8rem;}
.product .pro-nav ul li p em{display: block;}
.product .pro-nav ul li p em a{display: inline-block; line-height: 1.5rem;font-size: 0.9rem; color:#ffffff;}
.product .pro-nav ul li p em a:hover{font-weight:bold;}
.product .pro-cen{margin-bottom: 1.2rem;}
.product .pro-cen ul li{float:left;width:49.1%;}
.product .pro-cen ul li:nth-child(2n){float:right;}
.product .pro-cen ul li dl{position: relative;}
.product .pro-cen ul li dl dt{width: 100%; line-height: 0; overflow: hidden;}
.product .pro-cen ul li dl dt img{width:100%; transition: 1s;}
.product .pro-cen ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.product .pro-cen ul li dl dd{padding:2.7rem 0 0 2.05rem; position: absolute;left:0;top:0;width:13rem; box-sizing: border-box;}
.product .pro-cen ul li dl dd h4{line-height: 2.1rem; margin-bottom: 0.85rem; font-size: 1.5rem; color:#333333; font-weight: bold;}
.product .pro-cen ul li dl dd p{line-height: 1.45rem;font-size: 0.8rem; color:#333333; margin-bottom: 3.4rem;}
.product .pro-cen ul li dl dd span{display: block; width:50px;height:50px;line-height: 0; overflow: hidden;}
.product .pro-cen ul li dl dd span i{display:block; width:50px; height:50px; transition:.5s;}
.product .pro-cen ul li dl dd span i img{width:100%;}
.product .pro-bot ul li{float:left;width: 16.6rem; margin-right: 1.2rem; position: relative;}
.product .pro-bot ul li:last-child{margin-right: 0;}
.product .pro-bot ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.product .pro-bot ul li span img{width:100%; transition: 1s;}
.product .pro-bot ul li em{display: block; width:100%; line-height: 3.95rem; text-align: center;font-size:1.2rem; color:#333333; height: 3.95rem;padding:0 4%; box-sizing:border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product .pro-bot ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.product .pro-cen ul li:hover i.default{margin-top:-50px;}    
/**/
.tdbj{display: none;position: relative;height:800px;background:url(../images/tdbj.jpg) no-repeat center top;}
.tdbj .td-con{width:100%; position: absolute;left:0;top:0;}
.tdbj .td-con .left{width:18.4rem;float:left;padding-top:135px;}
.tdbj .td-con .left h4{line-height: 3.4rem;padding-bottom:1.5rem;position: relative;font-size: 2.5rem; color:#ffffff; font-weight: bold; margin-bottom: 2.5rem;}
.tdbj .td-con .left h4:before{width:2.5rem;height:0.1rem; background:rgba(255,255,255,.5);content:""; position: absolute;left:0;bottom:0;}
.tdbj .td-con .left p{line-height: 1.75rem;font-size: 0.9rem; color:#ffffff; margin-bottom: 5.25rem;}
.tdbj .td-con .left strong{display: block; width:9rem;height:2.7rem; background:#FFF; transition:.5s;}
.tdbj .td-con .left strong a{display: block; height:2.7rem; text-align: center;}
.tdbj .td-con .left strong a i{display: inline-block; line-height: 2.7rem; font-size: 0.9rem; color:#333333;padding-right:2.1rem;background:url(../images/td-jt.png) no-repeat right;background-size:1rem 0.6rem; font-weight: normal}
.tdbj .td-con .left strong:hover{margin-top:-10px;background:#136736;}
.tdbj .td-con .left strong:hover i{color:#FFF;background:url(../images/td-jt_h.png) no-repeat right;background-size:1rem 0.6rem;}
.tdbj .td-con .rig{width:46.8rem;float:right; position: relative;height:800px;}
.tdbj .td-con .rig em{display: block;line-height: 2rem;font-size: 1.4rem; color:#ffffff; font-family: "MiSans"; position: absolute; transition:.5s;}
.tdbj .td-con .rig em:hover{margin-top:-10px;}
.tdbj .td-con .rig em.td1{    top: 112px;
    right: 198px;}
.tdbj .td-con .rig em.td2{    top: 261px;
    right: -18px;}
.tdbj .td-con .rig em.td3{    top: 425px;
    left: 0px;}
.tdbj .td-con .rig em.td4{    top: 640px;
    left: 155px;}
    
.tdbj .td-con .rig i{display:block; width:12px; height:12px;background:#1d3cd6;position: absolute; transition: .5s; border-radius: 50%; -webkit-animation:ripplee .7s linear infinite;    animation:ripplee .7s linear infinite;}
.tdbj .td-con .rig .t1{left: 479px;top: 444px;}
.tdbj .td-con .rig .t2{bottom: 62px;right:225px;}
.tdbj .td-con .rig .t3{left: 290px;top: 342px;}
.tdbj .td-con .rig .t4{right: 360px;top: 560px;}

.tdbj .td-con .rig i:before{width:12px; height:12px;content:"";position: absolute;left:0;top:0;background:rgba(255,255,255,0.36);    border-radius: 50%;-webkit-animation: living 2s linear infinite;}
.tdbj .td-con .rig i:after{width:12px; height:12px;content:"";position: absolute;left:0;top:0;background:rgba(255,255,255,0.36);    border-radius: 50%;-webkit-animation: living 2s linear infinite;}

@keyframes living {
    0% {transform: scale(1);opacity: 1;}
    100%{transform: scale(4);opacity: 0;}
}
@keyframes living {
    0% {transform: scale(1);opacity: 1;}
    100%{transform: scale(4);opacity: 0;}
}
@media screen and (max-width:1300px){
    .tdbj .td-con .rig em.td1{top: 8.9rem;    right: 0.9rem;}
    .tdbj .td-con .rig em.td2{    top: 20.05rem;    right: -15rem;}
    .tdbj .td-con .rig em.td3{    top: 30.25rem;    left: -5rem;}
    .tdbj .td-con .rig em.td4{    top: 47rem;    left: 7.75rem;}
    
    .tdbj .td-con .rig .t1{left: 401px;top: 444px;}
.tdbj .td-con .rig .t2{bottom: 72px;right:-9px;}
.tdbj .td-con .rig .t3{left: 215px;top: 342px;}
.tdbj .td-con .rig .t4{right: 133px;top: 560px;}
}

/**/
.case{padding:4.6rem 0 6rem;background:#F5F5F5;}
.case .content{margin-left: 13rem;}
.case .cas-tit{height:9.4rem;}
.case .cas-tit h2{float:left;}
.case .cas-tit h2 a{display:block;line-height: 3.55rem;font-size: 1.5rem; color:#333333;font-weight: bold;}
.case .cas-tit .cas-nav{width:44.55rem;float:right;padding-top:2.4rem;}
.case .cas-tit .cas-nav a{display: block;float:left; width:10rem;height:2.7rem; line-height: 2.6rem; font-size: 1.3rem;color:#333333; text-align: center; background:#FFF; border: 1px solid #DDDDDD; box-sizing: border-box;border-radius: 27px; margin-left: 0.5rem; transition: .5s;}
.case .cas-tit .cas-nav a:first-child{margin-left: 0;}
.case .cas-tit .cas-nav a.cur{background:#136736;border: 1px solid #136736;color:#FFF;}
.case .cas-list{margin-left: 13rem;}
.case .cas-list dl{background:#FFF;}
.case .cas-list dl dt{width:74.5%;float:right;background:#f5f5f5;}
.case .cas-list dl dt em{display: block; width:47%; line-height: 0; overflow: hidden;float:left;}
.case .cas-list dl dt img{width:100%; transition:1s;}
.case .cas-list dl dt em:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case .cas-list dl dt i{display: block; width:38.8%; line-height: 0; overflow: hidden;float:right;}
.case .cas-list dl dd{width:25.5%;float:left;padding:3.25rem 3.1rem 0 2rem; box-sizing: border-box; }
.case .cas-list dl dt i:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case .cas-list dl dd h4{line-height: 2.1rem;margin-bottom: 1.75rem;}
.case .cas-list dl dd h4 a{font-size: 2rem; color:#333333; font-weight: normal;}
.case .cas-list dl dd p{line-height: 1.75rem;font-size: 1.3rem; color:#555555;}
.case .cas-list .cas-jt{width:6.45rem;position: absolute;left:2.5rem;bottom:3rem;z-index:200;}
.case .cas-list .cas-jt i{display: block;float:left; width:3rem;height:3rem; }
.case .cas-list .cas-jt i.cas-prev{background:url(../images/cas-prev.png) no-repeat center;background-size:3rem 3rem;}
.case .cas-list .cas-jt i.cas-next{background:url(../images/cas-next.png) no-repeat center;background-size:3rem 3rem;float:right;}

.case .cas-list .cas-jt i.cas-prev:hover{background:url(../images/cas-prev_h.png) no-repeat center;background-size:3rem 3rem;}
.case .cas-list .cas-jt i.cas-next:hover{background:url(../images/cas-next_h.png) no-repeat center;background-size:3rem 3rem;}
/**/
.super{padding:2.75rem 0 0;}
.super h2{line-height: 9.25rem; text-align: center;font-size: 2.5rem; color:#333333;font-weight: bold;}
.super .sup-con{position: relative;}
.super dl{position: relative;}
.super dl dt{width:100%; line-height: 0; overflow: hidden;}
.super dl dt img{width:100%; transition:1s;}
.super dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.super dl dd{width:24rem;height:100%;background:rgba(0,0,0,.7); position: absolute;right:0;top:0;padding:4.6rem 3.6rem 0 4.05rem; box-sizing: border-box;}
.super dl dd h4{padding-bottom:1.1rem; border-bottom:1px solid rgba(255,255,255,.5); margin-bottom: 33px;}
.super dl dd h4 span{display: block; line-height: 3rem;font-size: 2rem; color:#FFF; font-weight: bold;}
.super dl dd h4 em{display: block; line-height: 2.3rem;font-size: 1.3rem; color:#ffffff; font-weight: normal;}
.super dl dd p{line-height: 1.6rem;font-size: 0.9rem; color:#FFF; margin-bottom: 2.85rem;}
.super dl dd strong{display: block; width:8.5rem;height:2.5rem;background:#FFF; transition:.5s;}
.super dl dd strong a{display: block; height:2.5rem; text-align: center;}
.super dl dd strong a i{display: inline-block; line-height: 2.5rem;font-size: 0.8rem; color:#333333;padding-right:2.2rem;background:url(../images/td-jt.png) no-repeat right;background-size:1rem 0.6rem; font-weight: normal;}
.super dl dd strong:hover{margin-top:-10px;background:#136736;}
.super dl dd strong:hover i{color:#FFF;background:url(../images/td-jt_h.png) no-repeat right;background-size:1rem 0.6rem;}
.super .sup-nav{width:50%; position: absolute;right:0;bottom:0;z-index:200;}
.super .sup-nav ul li{float:left; width:25%; height:10rem;background:#F4F6FF;padding-top:1.65rem; box-sizing: border-box;border-right:1px solid #FFF;}
.super .sup-nav ul li:first-child,.super .sup-nav ul li:nth-child(3){background:#e9edfc;}
.super .sup-nav ul li i{display: block; width:2.8rem; line-height: 0; overflow: hidden;margin:0 auto 0.9rem;}
.super .sup-nav ul li i img{width:100%;}
.super .sup-nav ul li i .hover{display: none;}
.super .sup-nav ul li h4{text-align: center;}
.super .sup-nav ul li h4 span{display: block; line-height: 1.8rem; font-size: 1.2rem; color:#333333;}
.super .sup-nav ul li h4 em{display: block; line-height: 1.15rem;font-size: 0.6rem; color:#999999; font-family: "Verdana"; font-weight: normal;}
.super .sup-nav ul li.cur{background:#136736 url(../images/sup-yy.png) no-repeat center;background-size:100% 10rem;}
.super .sup-nav ul li.cur h4 span{color:#FFF;}
.super .sup-nav ul li.cur h4 em{color:rgba(255,255,255,.5);}
.super .sup-nav ul li.cur .default{display: none;}
.super .sup-nav ul li.cur .hover{display: block;}
/**/
.loop{height:38rem;/*background:url(../images/lopbj.jpg) no-repeat center top;*/background:#fff;background-size:100% 38rem;padding-top:5.65rem; box-sizing: border-box;}
.loop .lop-left{width:19.5rem;float:left;}
.loop .lop-left h2{line-height: 7.45rem;font-size: 2.5rem;color:#ffffff; font-weight: bold;}
.loop .lop-left .lop-desc{line-height: 1.8rem;font-size: 0.9rem; color:#ffffff; margin-bottom: 4.4rem;}
.loop .lop-left ul li{float:left; border-right:1px solid rgba(255,255,255,.2);padding-right:37px;}
.loop .lop-left ul li span{display: block;height:2.9rem;}
.loop .lop-left ul li span em,.loop .lop-left ul li span i{display: inline-block;line-height: 2.9rem;font-size: 2.8rem;color:#FFF; vertical-align: top; font-weight: bold; font-family: "DINPro";}
.loop .lop-left ul li p{line-height: 1.8rem;font-size: 0.9rem; color:#FFF;}
.loop .lop-left ul li:last-child{padding-left:37px; padding-right:0;border-right:0;}
.loop .lop-rig{width:47.1rem;height:26.7rem;float:right;position: relative;}
.loop .lop-rig em{display: block; line-height: 0; overflow: hidden;position: absolute;box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);background:#FFF;border-radius:50%; transition:.5s;}
.loop .lop-rig em a{display:block;position:relative;height:100%;}
.loop .lop-rig em:hover{margin-top:-10px;}
.loop .lop-rig em.w1{width:6rem;height:6rem;}
.loop .lop-rig em.w2{width:7rem;height:7rem;}
.loop .lop-rig em.w3{width:5rem;height:5rem;}
.loop .lop-rig em img{width:100%;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%)}
.loop .lop-rig em.lop1{left:0;top:9.15rem;}
.loop .lop-rig em.lop2{left:8.7rem;top:1.7rem;}
.loop .lop-rig em.lop3{left:8.55rem;top:13.4rem;}
.loop .lop-rig em.lop4{left:6.6rem; bottom:0;}
.loop .lop-rig em.lop4:hover{margin-bottom:10px;}
.loop .lop-rig em.lop5{top:8.55rem;left:15.35rem;}
.loop .lop-rig em.lop6{top:15.7rem;left:18.1rem;}
.loop .lop-rig em.lop7{top:4.8rem;left:23.35rem;}
.loop .lop-rig em.lop8{top:12.7rem;right:13.75rem;}
.loop .lop-rig em.lop9{top:0.8rem;right:8.8rem;}
.loop .lop-rig em.lop10{top:8.15rem;right:3.85rem;}
.loop .lop-rig em.lop11{bottom:1.45rem;right:4.15rem;}
.loop .lop-rig em.lop12{top:2.35rem; right:0;}
.loop .lop-rig em.lop11:hover{margin-bottom:10px;}
/**/
.ban{height:27rem;background:url(../images/banbj.jpg) no-repeat center top;background-size:100% 27rem;padding-top:6.1rem; box-sizing: border-box; overflow: hidden;}
.ban h2{ line-height: 3.55rem;font-size: 2.5rem; color:#333333; font-weight: bold; margin-bottom: 3.8rem;}
.ban .ban-tel{height:10rem;}
.ban .ban-tel em{display: block; line-height: 10rem;float:left;padding-left:1.3rem;background:url(../images/ban-tel.png) no-repeat left;background-size:0.95rem 0.95rem; font-size: 0.9rem; color:#ffffff; font-weight: bold;}
.ban .ban-tel span{display: block; float:left; line-height: 10rem;font-size: 1.8rem; color:#ffffff; font-family: "DINPro"; font-weight: bold; margin-left: 1rem;}
.ban .ban-tel span i{display: inline-block;line-height: 10rem;vertical-align: top;font-size: 1.8rem; color:rgba(255,255,255,.5); font-family: "MiSans";margin:0 0.5rem; font-weight: 100;}
/**/
.news{padding:4.7rem 0 5.5rem;}
.news .news-tit{height:6.8rem;}
.news .news-tit h2{line-height: 5.35rem;float:left;}
.news .news-tit h2 a{font-size: 2.5rem; color:#333333; font-weight: bold;}
.news .news-tit .news-nav{float:right;padding-top:1.3rem;}
.news .news-tit .news-nav a{display: block;float:left; width:7.5rem; height:2.7rem; line-height: 2.6rem; text-align: center; border:1px solid #DDDDDD; box-sizing: border-box;font-size: 0.9rem; color:#333333; transition: .5s; margin-left: 0.5rem;border-radius: 27px;}
.news .news-tit .news-nav a.n.cur{background:#136736;border:1px solid #136736; color:#FFF;}
.news .news-tit .news-nav a:last-child:hover{background:#136736;border:1px solid #136736; color:#FFF;}
.news .news-con .left{width:37.5rem;float:left;}
.news .news-con .left dl{width:18rem;float:left;background:#F5F5F5;padding:1rem; box-sizing: border-box;}
.news .news-con .left dl:nth-child(2n){float:right;}
.news .news-con .left dl dt{width: 100%; line-height: 0; overflow: hidden;}
.news .news-con .left dl dt img{width:100%; transition: 1s;}
.news .news-con .left dl dd{height:11rem;padding:1.25rem 0 0 0.5rem; box-sizing: border-box;}
.news .news-con .left dl dd h4{line-height: 1.9rem; margin-bottom: 0.55rem;}
.news .news-con .left dl dd h4 a{font-size: 1.2rem;color:#333333; font-weight: bold; }
.news .news-con .left dl dd p{line-height: 1.45rem;font-size: 0.8rem;color:#555555;}
.news .news-con .left dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-con .rig{width:31rem;float:right;}
.news .news-con .rig dl{width:100%;height:12rem; background:#F5F5F5; margin-bottom: 1rem;padding:1.5rem 0 0 1.5rem; box-sizing: border-box;}
.news .news-con .rig dl:nth-child(2n){margin-bottom: 0;}
.news .news-con .rig dl dt{width:12rem; line-height: 0; overflow: hidden;float:left;}
.news .news-con .rig dl dt img{width:100%; transition: 1s;}
.news .news-con .rig dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-con .rig dl dd{width:17.5rem;float:left;padding:0.25rem 1.9rem 0 2rem; box-sizing: border-box;}
.news .news-con .rig dl dd h4{line-height: 1.9rem;margin-bottom: 1.05rem;}
.news .news-con .rig dl dd h4 a{font-size: 1.2rem; color:#333333; font-weight: bold;}
.news .news-con .rig dl dd p{line-height: 1.5rem; font-size: 0.8rem; color:#555555;}
.news .news-con .left dl:hover dd h4 a{color:#136736;}
.news .news-con .rig dl:hover dd h4 a{color:#136736;}
/**/
.about{height:43rem;background:url(../images/about.jpg) no-repeat center;background-size:100% 43rem;padding-top:8.85rem; box-sizing: border-box;max-width:1920px;margin:0 auto;}
.about .left{width:50%;}
.about .left h2{line-height: 3.05rem; margin-bottom: 18.85rem;margin-left: 1rem;}
.about .left h2 a{font-size:2.5rem; color:#fff; font-weight: bold;}
.about .left .abo-last{margin-bottom: 2.85rem;}
.about .left .abo-last p{line-height: 1.35rem;width:30.3rem; font-size: 0.9rem; color:#333333;text-indent:2em;}
.about .left p:last-child{margin-bottom: 0;}
.about .left ul li{float:left;padding:0 2rem;border-right:1px solid #e3e3e4;}
.about .left ul li i{display: block; width:2.6rem; line-height: 0; overflow: hidden;margin:0 auto 0.95rem; transition:.8s;}
.about .left ul li i img{width:100%;}
.about .left ul li em{display: block; line-height: 1.1rem; font-size: 1.1rem;color:#fff;}
.about .left ul li:first-child{padding-left:0;}
.about .left ul li:last-child{border-right:0;}
.about .left ul li:hover i{transform:rotateY(360deg);}
.about .left ul li:hover em{color:#136736;font-weight:bold;}


































html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}