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






/**/
.product{background:url(../images/product.jpg) no-repeat center;background-size:100% 100%;padding:4.35rem 0 4.9rem; box-sizing: border-box;}
.product h2{ margin-bottom: .9rem; text-align: center; }
.product h2 span{display: block; line-height: 2.5rem;font-size: 2rem;color:#013b97;font-weight: bold;}
.product h2 span b{color:#8fc400; margin-right: .5rem;}
.product h2 i{display: block;width:51.2rem;height:.8rem;margin:0 auto .7rem;background:url(../images/pro-ico.png) no-repeat center;background-size:100% 100%;}
.product h2 em{display: block; line-height: 1.2rem;font-size: .6rem;color:#666666; font-family: "Verdana"; text-transform: uppercase;font-weight: normal; letter-spacing: 0.05rem;}
.product .pro-desc{line-height: 1.45rem;text-align: center;font-size: .8rem;color:#333333; margin-bottom: 2.1rem;}
.product .pro-con{position: relative; margin-bottom: 1.95rem;}
.product .pro-con dl{position: relative;}
.product .pro-con dl dt{width:100%; line-height: 0; overflow: hidden;}
.product .pro-con dl dt img{width:100%;}
.product .pro-con dl dd{width:42.5%;position: absolute;left:4.15rem;top:3.5rem;}
.product .pro-con dl dd h4{height: 5.05rem; line-height: 5.05rem;}
.product .pro-con dl dd h4 a{font-size: 1.8rem;color:#ffffff; font-weight: bold;}
.product .pro-con dl dd b{display: block;width:2.5rem;height:.1rem; background:#89bc00;}
.product .pro-con dl dd p{line-height: 1.75rem; margin:2rem auto 3.5rem;font-size: .8rem;color:#ffffff;}
.product .pro-con dl dd em{display: block;height:2.5rem;}
.product .pro-con dl dd em a{display: block;width:8rem;height:2.5rem;float:left; margin-right: .5rem;text-align: center;border-radius: 1.25rem;}
.product .pro-con dl dd em a i{display: inline-block; line-height: 2.5rem;font-size: .8rem;color:#ffffff;padding-right:1.8rem;}
.product .pro-con dl dd em a:first-child{background:#0054A6;}
.product .pro-con dl dd em a:first-child i{background:url(../images/pro-gd.png) no-repeat right;background-size:1.2rem 1.2rem;}
.product .pro-con dl dd em a:last-child{background:#83B300;}
.product .pro-con dl dd em a:last-child i{background:url(../images/pro-sp.png) no-repeat right;background-size:1.2rem 1.2rem;}
.product .pro-con .pro-jt i{display: block;width:3.5rem;height:3.5rem;cursor: pointer;z-index:300;}
.product .pro-con .pro-jt i.pro-prev{background:url(../images/pro-prev.png) no-repeat center;background-size:3.5rem 3.5rem;position:absolute;left:-5.05rem; top:13.25rem;}
.product .pro-con .pro-jt i.pro-next{background:url(../images/pro-next.png) no-repeat center;background-size:3.5rem 3.5rem;position:absolute;right:-5.05rem; top:13.25rem;}
.product .pro-ul ul li{float:left;width: 19%;margin-left: 1.2%;background:#FFF;}
.product .pro-ul ul li:first-child{margin-left: 0;}
.product .pro-ul ul li span{display: block;width:100%; overflow: hidden;}
.product .pro-ul ul li span img{width:100%;transition: 1s;}
.product .pro-ul ul li em{display: block;height:3.6rem;padding:0 1rem;}
.product .pro-ul ul li em i{display: block;height:3.6rem;border-top:.05rem solid #dddddd; box-sizing: border-box; line-height: 3.55rem;font-size: .9rem;color:#333333;background: url(../images/pro-jt.png) no-repeat right;background-size:1.2rem .6rem;}
.product .pro-ul ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.hfbj{height:27rem;background:url(../images/hfbj.jpg) no-repeat center;background-size:100% 100%;padding:4.7rem 0 0; box-sizing: border-box;}
.hfbj h2{text-align: center; line-height: 2.8rem;font-size: 2rem;color:#ffffff;font-weight: bold; margin-bottom: 1.65rem;}
.hfbj p{line-height: 1.8rem;font-size: .9rem;color:#ffffff; text-align: center; margin-bottom: 2.45rem;}
.hfbj p b{color:#B7DD63;}
.hfbj a{display: block;width:9rem;height:2.5rem; line-height: 2.5rem;text-align: center;border-radius: 1.25rem;margin:0 auto;background:#83B300;font-size: .8rem;color:#ffffff; font-weight: bold;}
/**/
.case{padding:4.85rem 0 2.25rem;}
.case h2{ margin-bottom: .9rem; text-align: center; }
.case h2 span{display: block; line-height: 2.5rem;font-size: 2rem;color:#013b97;font-weight: bold;}
.case h2 span b{color:#8fc400;}
.case h2 i{display: block;width:35.2rem;height:.8rem;margin:0 auto .7rem;background:url(../images/cas-ico.png) no-repeat center;background-size:100% 100%;}
.case h2 em{display: block; line-height: 1.2rem;font-size: .6rem;color:#666666; font-family: "Verdana"; text-transform: uppercase;font-weight: normal; letter-spacing: 0.05rem;}
.case .cas-desc{line-height: 1.45rem;text-align: center;font-size: .8rem;color:#333333; margin-bottom: 2.1rem;}
.case .cas-con{position:relative;}
.case .cas-nav{width:100%;}
.case .cas-nav ul li{float:left; width:15.2%;height:6.65rem;margin-bottom: .1rem;background:#F5F5F5;margin-right:68%;}
.case .cas-nav ul li:nth-child(2n){float:right;margin-right:0;}
.case .cas-nav ul li a{display: block;height:6.65rem;padding-top:1.15rem; box-sizing: border-box;}
.case .cas-nav ul li em{display: block;width:2.6rem;height:2.5rem;margin:0 auto; position: relative;}
.case .cas-nav ul li em i{display: block;width:2.55rem; height:2.5rem; line-height: 0;position: absolute;left:0;top:0;}
.case .cas-nav ul li em i img{width:100%;}
.case .cas-nav ul li em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case .cas-nav ul li em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.case .cas-nav ul li span{display: block;line-height: 2.55rem;text-align: center;font-size: .9rem;color:#333333;}
.case .cas-nav ul li.cur{background:url(../images/cas-yy.png) no-repeat center;background-size:100% 100%;}
.case .cas-nav ul li.cur em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.case .cas-nav ul li.cur em i.hover{opacity: 1; transform: scale(1);}
.case .cas-nav ul li.cur span{color:#FFF;}
.case .cas-rig{width:68.5%;position:absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.case .cas-rig .cas-vid{width:100%; height:27rem; line-height: 0;cursor: pointer;}
.case .cas-rig .cas-vid img{width:100%;}
.case .cas-rig .cas-vid p{height:100%;}
/**/
.loop{padding-bottom:5.4rem;padding-top:3rem;}
.loop h2{height:3.9rem;position: relative; line-height: 3.9rem;text-align: center;font-size: 1.6rem;color:#333333; font-weight: bold; margin-bottom: 24px;}
.loop h2:before{width:37.1%; height:1px;background:#dddddd;content:""; position:absolute; left:0; top:1.95rem;}
.loop h2:after{width:37.1%; height:1px;background:#dddddd;content:""; position:absolute; right:0; top:1.95rem;}
.loop .lop-con{position: relative;height: 310px;}
.loop .lop-con .lop-list .jzli{width: 23%;margin-right: 2.6%;float: left;margin-bottom: 30px;}
.loop .lop-con .lop-list .jzli:nth-child(4){margin-right:0;}
.loop .lop-con .lop-list .jzli:nth-child(8){margin-right:0;}
.loop .lop-con .lop-list span{display: block;width:100%; line-height: 0; box-shadow: 0px 0px 10px rgba(0,0,0,.1);}
.loop .lop-con .lop-list span img{width:100%;}
.loop .lop-con .lop-jt i{display: block;width:3rem;height: 3rem; cursor: pointer;}
.loop .lop-con .lop-jt i.lop-prev{background:url(../images/lop-prev.png) no-repeat center;background-size:100% 100%; position:absolute; left:-4.5rem;top:1.65rem;}
.loop .lop-con .lop-jt i.lop-next{background:url(../images/lop-next.png) no-repeat center;background-size:100% 100%; position:absolute; right:-4.5rem;top:1.65rem;}
/**/
.super{position: relative;background:url(../images/sup-tit.jpg) no-repeat left top;background-size:100% 100%;}
.super .sup-tit{position:absolute;top:4.1rem;left:5.2%;line-height:3rem;font-size: 2rem;color:#ffffff;font-weight: bold;z-index:300;}
.super .sup-left{width:33.3%;height:43.45rem;float:left;padding:4.1rem 0 0 5.2%; box-sizing: border-box;}
.super .sup-left h2{height:6rem; margin-bottom: 4.55rem;}
.super .sup-left span{display: block; line-height: 2.35rem; margin-bottom: 1.1rem;font-size: 1.5rem;color:#ffffff;}
.super .sup-left i{display: block;width:2.5rem;height:.1rem; background:#89bc00; margin-bottom: 1.95rem;}
.super .sup-left em{display: block; line-height: 1.8rem;font-size: .9rem;color:#ffffff;}
.super .sup-rig{width:66.7%;float:right;}
.super .sup-rig .sup-list span{display: block;width:100%; line-height: 0; overflow: hidden;}
.super .sup-rig .sup-list span img{width:100%;}
.super .sup-nav{width:100%; height:11rem; position: absolute;left:0;bottom:0;border-top:.05rem solid rgba(255,255,255,.15); box-sizing: border-box;z-index:300;}
.super .sup-nav ul li{float:left;width:16.66%;height:10.95rem; border-right:.05rem solid rgba(255,255,255,.15); box-sizing: border-box;padding:1.85rem 1.45rem 0 2rem;}
.super .sup-nav ul li:last-child{border-right:0;}
.super .sup-nav ul li span{display: block;height:2.6rem; margin-bottom: 1.7rem;}
.super .sup-nav ul li span i{display: block;width:2.8rem; line-height: 0; overflow: hidden;float:left;}
.super .sup-nav ul li span i img{width:100%;}
.super .sup-nav ul li span em{display: block;line-height: 2.6rem;float:right;font-size: 1rem;color:rgba(255,255,255,.5); font-family: "Arial";}
.super .sup-nav ul li p{line-height: 2.95rem;font-size: 1.2rem;color:#ffffff;transition: .5s;}
.super .sup-nav ul li.cur p{padding-left:5%;font-weight: bold;}
/**/
.about{height:960px;background:url(../images/about.jpg) no-repeat center;background-size:100% 100%;padding-top:3.45rem; box-sizing: border-box;}
.about h2{margin-bottom: 37px;text-align: center;}
.about h2 span{display: block; line-height: 106px;font-size: 2rem;color:#333333; font-weight: bold;}
.about h2 i{display: block;width:3rem;height: .1rem;background:#89bc00;margin:0 auto;}
.about .abo-desc{line-height: 29px;text-align: center;margin-bottom: 32px;font-size: 16px;color:#333333;}
.about strong{display: block;height:50px;text-align: center;margin-bottom: 215px;}
.about strong a{display: inline-block;vertical-align: top;border-radius: 25px;margin:0 10px;}
.about strong a.gd{background:#0054A6;width:8rem;}
.about strong a.zx{width:9.5rem;background:#83B300;}
.about strong a i{display: inline-block; line-height: 2.5rem;font-size: .8rem;color:#ffffff;font-weight: normal;padding-right:1.9rem;}
.about strong a.gd i{background:url(../images/abo-gd.png) no-repeat right;background-size:1.2rem 1.2rem;}
.about strong a.zx i{background:url(../images/abo-zx.png) no-repeat right;background-size:1.2rem 1.2rem;}
.about .abo-vid{width:5rem;height:5rem; margin:0 auto;}
.about .abo-vid span{display: block;width:100%; line-height: 0; cursor: pointer;}
.about .abo-vid span img{width:100%;}
/**/
.news{padding:5.3rem 0 4.95rem;}
.news .news-tit{height:6.2rem;}
.news .news-tit h2{float:left;}
.news .news-tit h2 span{display: block; line-height: 2.55rem;font-size: 2rem;color:#333333;font-weight: bold;}
.news .news-tit h2 i{display: block;line-height: 1.15rem;font-size: .7rem;color:rgba(153,153,153,.9);text-transform: uppercase; font-family: "Verdana";font-weight: normal;}
.news .news-tit ul{width:24.5rem;float:right;}
.news .news-tit ul li{float:left; width:7.5rem;height:2.5rem; line-height: 2.5rem; text-align: center; background:#F5F5F5;border-radius: 2.5rem;margin-left: 1rem;}
.news .news-tit ul li:first-child{margin-left: 0;}
.news .news-tit ul li a{display: block;font-size: .9rem;color:#333333;}
.news .news-tit ul li.cur{background:#0D4194;}
.news .news-tit ul li.cur a{color:#FFF;}
.news .left{width:42.8%;height:33.5rem;float:left;background:#F5F5F5;padding:2.5rem 2rem 0; box-sizing: border-box;}
.news .left dl{width:100%;}
.news .left dl dd{height:14rem;}
.news .left dl dd span{display: block;height:2.5rem; margin-bottom: 2.25rem;}
.news .left dl dd span em{display: block;float:left; line-height: 2.5rem;font-size: 1.5rem;color:#333333;}
.news .left dl dd span a{display: block;width:2.5rem;height:2.5rem;float:right;background:url(../images/news-jt.png) no-repeat right;background-size:100% 100%;}
.news .left dl dd h4{line-height: 1.8rem; margin-bottom: .7rem;}
.news .left dl dd h4 a{font-size: 1.2rem;color:#333333;font-weight: normal;}
.news .left dl dd p{line-height: 1.35rem;font-size: .8rem;color:#666666;}
.news .left dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .left dl dt img{width:100%;transition:1s;}
.news .left dl:hover dd em{color:#0054A6;}
.news .left dl:hover dd h4 a{color:#0054A6;}
.news .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 .rig{width:52.8%;float:right;}
.news .rig ul li{height:12rem;border-bottom:.05rem solid #dddddd; box-sizing: border-box;padding-top:2.2rem;}
.news .rig ul li:first-child{padding-top:0;height:9.8rem;}
.news .rig ul li dl dd{float:left; width:60.8%;}
.news .rig ul li dl dd h4{line-height: 1.8rem; margin-bottom: .65rem;}
.news .rig ul li dl dd h4 a{font-size: 1.2rem;color:#333333; font-weight: normal;}
.news .rig ul li dl dd p{line-height: 1.45rem; margin-bottom: .8rem;font-size: .8rem;color:#666666;}
.news .rig ul li dl dd span a{display: inline-block; line-height: 1.5rem;font-size: .9rem;color:#333333;padding-right:1.85rem;background:url(../images/news-jt1.png) no-repeat right;background-size:.9rem .5rem;}
.news .rig ul li dl dt{float:right; width:32.4%; line-height: 0; overflow: hidden;}
.news .rig ul li dl dt img{width:100%; transition: 1s;}
.news .rig ul li:hover dd h4 a{color:#0054A6;}
.news .rig 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);}

html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width: 800px) {html {font-size: 12.6px;}}
@media screen and (min-width: 900px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1000px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1100px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.4px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.2px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.6px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}