@charset "utf-8";

html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667‬px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


.container{
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    min-width: 320px;
    overflow:hidden;
    position:relative;  
}




.banner .swiper-pagination .swiper-pagination-bullet{ width:0.6rem; height:0.6rem; background:#0b84dd;border-radius: 50%;margin:0 0.575rem;transition:0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.4rem; height:0.6rem;border-radius: 30px; }
/**/
.guide{min-height:47.85rem;}
.gui{padding:0.6rem 4% 0;}
.gui h2{height:5.7rem; line-height: 5.7rem; text-align: center;font-size: 2.2rem;color:#0B84DD; font-weight: bold;}
.gui .gui-vid{height:19.95rem; line-height: 0;position: relative;margin-bottom: 2.15rem;}
.gui .gui-vid img{width:100%;}
.gui .gui-vid i{display:block; width:100%; height:2.25rem; background:url(../images/gui-yy.png) no-repeat center; background-size:100%; position:absolute;left:0; bottom:-2.25rem;}
.gui .gui-desc{line-height: 2.1rem;font-size: 1.1rem; color:#666666;margin-bottom: 1.6rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.gui .gui-rm{height:3.45rem;background:url(../images/gui-rmbj.jpg) no-repeat center; background-size:100%; padding-right:2.5rem; text-align: right; margin-bottom: 2.05rem;}
.gui .gui-rm em{display:inline-block; height:2.25rem; line-height: 2.25rem;font-size: 1.2rem;color:#666666;}
.gui .gui-rm i{display:inline-block; width:6.8rem;height:2.85rem; vertical-align: middle;}
.gui .gui-rm i img{width:100%;}
.gui ul li{float:left; width:23%;border-right:1px solid #d9d9d9;height:3.4rem;}
.gui ul li span{display:block;height:1.6rem; text-align: center; margin-bottom: 0.55rem;}
.gui ul li span em{display:inline-block; height:2rem; line-height: 1.7rem; font-size: 2rem; color:#0B84DD; font-family: "Arial";}
.gui ul li span i{display:inline-block;font-size: 1rem; color:#1D1D1D;}
.gui ul li p{font-size: 1.2rem;color:#666666; line-height: 1.2rem; text-align: center;}
.gui ul li:last-child{width:30%; border-right:0;}
/**/
.casebj{background:#F5F5F5;}
.case{padding:2.45rem 4% 5%;}
.case h2{text-align: center; margin-bottom: 1.65rem;}
.case h2 span{display:block; height:2.8rem; line-height: 2.8rem;font-size: 2.3rem; color:#333333; font-weight: bold;}
.case h2 em{display:block; height:1.7rem; line-height: 1.7rem;font-size: 1.2rem; color:#666666;font-weight: normal;}
.case .cas-nav{height:12.95rem;}
.case .cas-nav ul li{float:left;width:33.3%; height:6.05rem;border:0.05rem solid #CCCCCC; box-sizing: border-box;padding-top:1.05rem;}
.case .cas-nav ul li i{display:block; width:2.7rem; height:2.2rem; margin:0 auto;}
.case .cas-nav ul li .cas-ico1{background:url(../images/cas-ico1.png) no-repeat center;background-size:100%;}
.case .cas-nav ul li .cas-ico2{background:url(../images/cas-ico2.png) no-repeat center;background-size:100%;}
.case .cas-nav ul li .cas-ico3{background:url(../images/cas-ico3.png) no-repeat center;background-size:100%;}
.case .cas-nav ul li .cas-ico4{background:url(../images/cas-ico4.png) no-repeat center;background-size:100%;}
.case .cas-nav ul li .cas-ico5{background:url(../images/cas-ico5.png) no-repeat center;background-size:100%;}
.case .cas-nav ul li .cas-ico6{background:url(../images/cas-ico6.png) no-repeat center;background-size:100%;}
.case .cas-nav ul li span{display:block;height:1.95rem; line-height: 1.95rem; text-align: center;font-size: 1.2rem; color:#333333;}
.case .cas-nav ul li.c-on{background:#0B84DD;border:0.05rem solid #0B84DD;}
.case .cas-nav ul li.c-on .cas-ico1{background:url(../images/cas-ico1_h.png) no-repeat center;background-size:100%;}
.case .cas-nav ul li.c-on .cas-ico2{background:url(../images/cas-ico2_h.png) no-repeat center;background-size:100%;}
.case .cas-nav ul li.c-on .cas-ico3{background:url(../images/cas-ico3_h.png) no-repeat center;background-size:100%;}
.case .cas-nav ul li.c-on .cas-ico4{background:url(../images/cas-ico4_h.png) no-repeat center;background-size:100%;}
.case .cas-nav ul li.c-on .cas-ico5{background:url(../images/cas-ico5_h.png) no-repeat center;background-size:100%;}
.case .cas-nav ul li.c-on .cas-ico6{background:url(../images/cas-ico6_h.png) no-repeat center;background-size:100%;}
.case .cas-nav ul li.c-on span{color:#FFF;}
.case .cas-list dl{height:29.5rem;}
.case .cas-list dl dt{height:21.4rem; line-height: 0; overflow:hidden;}
.case .cas-list dl dt img{width:100%; height:100%;}
.case .cas-list dl dd{padding-top:0.7rem;}
.case .cas-list dl dd h4{height:2.3rem; line-height: 2.3rem;margin-bottom: 0.1rem;}
.case .cas-list dl dd h4 a{font-size: 1.3rem;color:#222630;}
.case .cas-list dl dd p{line-height: 1.7rem; font-size: 1.0rem;color:#666666; }
.case .cas-list dl dd p a{color:#0B84DD;}
.case .cas-bot h4{height:2.95rem; line-height: 2.95rem;border-bottom:0.05rem solid #d5d5d5;margin-bottom: 1.0rem;}
.case .cas-bot h4 i{display:inline-block; height:2.9rem;border-bottom:0.15rem solid #2197ee;font-size: 1.5rem;color:#333333;}
.case .cas-bot ul{margin-bottom: 3.05rem;}
.case .cas-bot ul li{float:left; width:32.4%;margin-left: 0.4rem;}
.case .cas-bot ul li:first-child{margin-left: 0;}
.case .cas-bot ul li span{display:block; width:100%; border:0.05rem solid #dadada; box-sizing: border-box;border-bottom:0;}
.case .cas-bot ul li span img{width:100%;}
.case .cas-bot ul li em{display:block; height:1.85rem; line-height: 1.75rem;text-align: center; border:0.05rem solid #dadada; box-sizing: border-box;font-size: 1.0rem; color:#666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case .cas-bot strong{display:block; height:2.85rem;background:url(../images/cas-gd.png) no-repeat center; background-size:100%;position: relative;}
.case .cas-bot strong a{display:block; width:42%; height:2.85rem; line-height: 2.85rem;text-align: center;font-size: 1.2rem;color:#FFFFFF; font-weight: normal;margin:0 auto;}

/**/
.pro{padding:3.75rem 4% 5%;}
.pro h2{text-align: center; margin-bottom: 1.25rem;}
.pro h2 span{display:block; height:2.8rem; line-height: 2.8rem; font-size: 2.3rem; color:#333333; font-weight: bold;}
.pro h2 em{display:block; height:1.7rem; line-height: 1.7rem;font-size: 1.2rem;color:#666666; font-weight: normal;}
.pro .pro-nav{height:4.25rem;padding:0 1.95rem;}
.pro .pro-nav ul li{float:left; width:48.3%;height:2.85rem; text-align: center; line-height: 2.85rem; position: relative;font-size: 1.5rem;color:#333333;background: linear-gradient(0deg, #DCDCDC, #F0F0F0);border: 1px solid #FFFFFF;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.11);border-radius: 1.2rem;}
.pro .pro-nav ul li:last-child{float:right;}
.pro .pro-nav ul li.p-on{background:url(../images/p-wzbj.png) no-repeat center; background-size:100%;color:#FFF;}
.pro .pro-nav ul li.p-on:before{width:100%; height:0.55rem;background:url(../images/pro-dbx.png) no-repeat center;background-size:100%;content:"";position:absolute; left:0; bottom:-0.5rem;}
.pro .pro-list1 ul{height:6.7rem;background:#2197EE; margin-bottom: 0.95rem;}
.pro .pro-list1 ul li{float:left; width:23.3%;height:3.35rem;text-align: center; line-height: 3.35rem;box-sizing: border-box; border-top:0.05rem solid #1f89d7;border-left:0.05rem solid #1f89d7;border-right:0.05rem solid #81c7fa;border-bottom:0.05rem solid #81c7fa;}
.pro .pro-list1 ul li a{display:block;font-size: 1.2rem;color:#FFFFFF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro .pro-list1 ul li:hover{background:#f0f0f0;}
.pro .pro-list1 ul li:hover a{color:#333333;}
.pro .pro-list1 ul li:first-child,.pro .pro-list1 ul li:nth-child(5){width:30%;}
.pro .pro-list2{margin-bottom: 0.65rem;}
.pro .pro-list2 .pro-pic{height:19.1rem; line-height: 0;}
.pro .pro-list2 .pro-pic img{width:100%; height:100%;}
.pro .pro-list2 .swiper-pagination{text-align: left;padding-left:2.05rem; bottom:3.6rem;}
.pro .pro-list2 .swiper-pagination .swiper-pagination-bullet{width:0.6rem; height:0.6rem; background:#333333; transition:.5s;}
.pro .pro-list2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.6rem; background:#2197EE;border-radius: 0.3rem;}
.pro .pro-list3{position: relative;}
.pro .pro-list3 ul li{float:left;width:48.9%;}
.pro .pro-list3 ul li:last-child{float:right;}
.pro .pro-list3 ul li span{display:block; width:100%;border:0.05rem solid #DADADA; box-sizing: border-box;border-bottom:0;}
.pro .pro-list3 ul li span img{width:100%;}
.pro .pro-list3 ul li em{display:block; height:2.7rem; line-height: 2.7rem;border:0.05rem solid #DADADA;font-size: 1.2rem; color:#666666;background:#f3f3f3; text-align: center;}
.pro .pro-list3 .pro-jt i{display:block; width:1.7rem;height:3.0rem;}
.pro .pro-list3 .pro-jt .pro-prev{background:url(../images/pro-prev.jpg) no-repeat center; background-size:100% 100%; position:absolute;top:5.05rem; left:0;z-index:100;}
.pro .pro-list3 .pro-jt .pro-next{background:url(../images/pro-next.jpg) no-repeat center; background-size:100% 100%; position:absolute;top:5.05rem; right:0;z-index:100;}
/**/
.super{height:55.6rem;background:url(../images/super.jpg) no-repeat center top;background-size:100%; padding:2.2rem 4% 0; box-sizing: border-box;}
.super h2{text-align: center; margin-bottom: 1.1rem;}
.super h2 span{display:block; height:2.8rem; line-height: 2.8rem; text-align: center;font-size: 2.3rem; color:#FFFFFF; font-weight: bold;}
.super h2 span i{font-weight: normal;}
.super h2 em{display:block; height:1.7rem; line-height: 1.7rem;font-size: 1.2rem; color:#FFFFFF; font-weight: normal;}
.super .sup-ul{height:4.0rem;}
.super .sup-ul .s-cnt{height:2.8rem;border-radius: 1.3rem;background:#FFF;}
.super .sup-ul .s-cnt li{float:left;height:2.8rem; line-height: 2.8rem;padding:0 5.65%;font-size: 1.2rem; color:#333333;position: relative;border-radius:1.3rem;}
.super .sup-ul .s-cnt li.cur{background:#0B84DD;color:#FFF; font-weight: bold;}
.super .sup-ul .s-cnt li.cur:before{width:1.05rem;height:0.55rem; background:url(../images/sup-dbx.png) no-repeat center; background-size:100%; content:""; position:absolute;left:42%; bottom:-0.55rem;} 
.super .sup-pic{height:18.95rem;line-height: 0;}
.super .sup-pic img{width:100%; height:100%;}
.super .sup-fl ul{margin-bottom:1.6rem;}
.super .sup-fl ul li{height:3.05rem;border-bottom:0.05rem solid rgba(255,255,255,0.2);}
.super .sup-fl ul li:last-child{border-bottom:0;}
.super .sup-fl ul li i{display:block; width:1.95rem; height:3.05rem;float:left;line-height:4.5rem;margin-right:0.25rem;}
.super .sup-fl ul li i img{width:100%;display:inline-block;}
.super .sup-fl ul li span{display:block; height:3.05rem; line-height: 3.05rem; font-size: 1.15rem;color:#FFFFFF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.super .sup-tel{height:2.25rem;}
.super .sup-tel em{display:block; height:2.25rem; line-height: 2.25rem;float:left;padding-left:2.95rem; background:url(../images/sup-tel.png) no-repeat left;background-size:25%;font-size: 1.2rem; color:#FFFFFF;}
.super .sup-tel span{display:block; height:2.25rem;line-height: 2.25rem;float:left;font-size: 1.65rem; color:#FFFFFF; }
.super .sup-tel span a{font-size: 1.65rem; color:#FFFFFF; font-weight: bold;font-family: "Arial";}
/**/
.ysbj{padding:2.25rem 4% 7%; box-sizing: border-box;}
.ysbj h2{text-align: center; margin-bottom: 1.25rem;}
.ysbj h2 span{display:block; height:2.8rem; line-height: 2.8rem; font-size: 2.3rem; color:#333333; font-weight: bold;}
.ysbj h2 em{display:block; height:1.65rem; line-height: 1.65rem;font-size: 1.2rem;color:#666666; font-weight: normal; }
.ysbj .ys-nav{height:3.7rem;background: linear-gradient(0deg, #DCDCDC, #F0F0F0);border: 0.05rem solid #FFFFFF;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.11);}
.ysbj .ys-nav ul li{float:left;width:25%; height:3.7rem; line-height: 3.7rem; text-align: center;font-size: 1.4rem;color:#333333; box-sizing: border-box;border-left:0.05rem solid #c5c5c5; border-right:0.05rem solid #FFF;}
.ysbj .ys-nav ul li.y-on{background:#2197EE;color:#FFF; font-weight: bold;}
.ysbj .ys-list{padding-bottom:4rem;}
.ysbj .ys-list dl dt{height:23.3rem;line-height: 0;overflow:hidden;}
.ysbj .ys-list dl dt img{width:100%; height:100%;}
.ysbj .ys-list dl dd{padding:0.75rem 4% 0;}
.ysbj .ys-list dl dd h4{height:4.1rem; border-bottom:0.1rem solid #e2e2e2;margin-bottom: 0.85rem;}
.ysbj .ys-list dl dd h4 b{display:inline-block; height:4.1rem; line-height: 4.1rem;font-size: 1.55rem; color:#2197ee;}
.ysbj .ys-list dl dd h4 em{display:inline-block; height:4.1rem; line-height: 4.1rem;font-size: 1rem; color:#333333; font-weight: bold; margin-left: 0.5rem;}
.ysbj .ys-list dl dd .ys-desc{margin-bottom: 1.45rem;}
.ysbj .ys-list dl dd .ys-desc ul li{font-size: 1.0rem;color:#666666; line-height: 1.8rem; margin-bottom: 0.9rem;}
.ysbj .ys-list dl dd .ys-desc ul li b{color:#2197EE;}
.ysbj .ys-list dl dd .ys-sz{height:5rem;}
.ysbj .ys-list dl dd .ys-sz ul li{float:left; width:40%;height:5rem; box-sizing: border-box;}
.ysbj .ys-list dl dd .ys-sz ul li span{display:block; height:3.1rem;}
.ysbj .ys-list dl dd .ys-sz ul li span em{display:inline-block; height:3.1rem; line-height: 3.1rem;font-size: 3.2rem;color:#2197EE; font-weight: bold; font-family: "Arial";}
.ysbj .ys-list dl dd .ys-sz ul li span i{display:inline-block; font-size: 1rem; color:#1D1D1D;}
.ysbj .ys-list dl dd .ys-sz ul li p{height:1.9rem; line-height: 1.9rem;font-size: 1.2rem;color:#666666;}
.ysbj .ys-list dl dd .ys-sz ul li:last-child{width:56%;padding-left:5.0rem;border-left:0.05rem solid #d6d6d6;}
.ysbj .ys-list .swiper-pagination{bottom:0;}
.ysbj .ys-list .swiper-pagination .swiper-pagination-bullet{width:0.8rem; height:0.8rem; background:#000000;margin:0 0.4rem;}
.ysbj .ys-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0B84DD;}
.ysbj .shou{display:block;width:37.5%;height:2.2rem;background:url(../images/ys-shou.png) no-repeat center; background-size:100%;margin:-2rem auto 0;}
/**/
.lcbj{height:34.8rem;background:url(../images/lcbj.jpg) no-repeat center top;background-size:100% 100%; }
.lc{padding:2.7rem 4% 0;}
.lc h2{text-align: center; margin-bottom: 1.75rem;}
.lc h2 span{display:block; height:3.15rem; line-height: 3.15rem;font-size: 2.3rem;color:#FFFFFF; font-weight: bold;}
.lc h2 em{display:block; height:2.1rem; line-height: 2.1rem;font-size: 1.2rem;color:#FFFFFF;font-weight: normal;}
.lc .lc-desc{line-height:1.8rem;font-size: 1.0rem;color:#FFFFFF; text-align: center;}
.lc .dzlc h4{height:5.45rem; line-height: 5.45rem;font-size: 1.8rem;color:#FFFFFF;position: relative; font-weight: bold; text-align: center;}
.lc .dzlc h4:before{width:11.7rem;height:0.05rem; background:rgba(255,255,255,0.5); content:""; position:absolute;left:0; top:2.7rem;}
.lc .dzlc h4:after{width:11.7rem;height:0.05rem; background:rgba(255,255,255,0.5); content:""; position:absolute;right:0; top:2.7rem;}
.lc .dzlc ul li{float:left; margin-right: 5.0rem;margin-bottom: 1rem;position: relative;}
.lc .dzlc ul li:before{width:2.05rem; height:1.1rem;background:url(../images/lc-jt.png) no-repeat center; background-size:100%; content:""; position:absolute; right:-3.55rem; bottom:0.35rem;}
.lc .dzlc ul li i{display:block;width:3.1rem; height:2.75rem; margin:0 auto;}
.lc .dzlc ul li i img{width:100%;}
.lc .dzlc ul li span{display:block;height:2.0rem; line-height: 2.0rem; font-size: 1.2rem;color:#FFFFFF;}
.lc .dzlc ul li:nth-child(4),.lc .dzlc ul li:last-child{margin-right: 0;}
.lc .dzlc ul li:nth-child(5){margin-left: 5.0rem;}
.lc .dzlc ul li:nth-child(4):before,.lc .dzlc ul li:last-child:before{display:none;}
.lc .dzlc ul li:nth-child(5):after{width:2.05rem; height:1.1rem;background:url(../images/lc-jt.png) no-repeat center; background-size:100%; content:""; position:absolute; left:-3.55rem; bottom:0.35rem;}
/**/
.newsbj{height:39.4rem;}
.news{padding:3.05rem 4% 0;}
.news h2{text-align: center;margin-bottom: 1.5rem;}
.news h2 span{display:block; height:2.65rem; line-height: 2.65rem;font-size: 2.3rem; color:#333333;font-weight: bold;}
.news h2 em{display:block; height:1.6rem; line-height: 1.6rem;font-size: 1.2rem;color:#666666; font-weight: normal;}
.news .news-nav{height:3.25rem; margin-bottom: 1.15rem;}
.news .news-nav ul li{float:left; width:33.3%; height:3.25rem; border:0.05rem solid #CCCCCC; box-sizing: border-box;background:#F4F6F8; text-align: center;}
.news .news-nav ul li i{display:inline-block; height:3.15rem; line-height: 3.15rem;font-size: 1.2rem;color:#595959;padding-left:2.05rem;font-weight: bold;}
.news .news-nav ul li .n1{background:url(../images/news-ico1.png) no-repeat left; background-size:30%;}
.news .news-nav ul li .n2{background:url(../images/news-ico2.png) no-repeat left; background-size:30%;}
.news .news-nav ul li .n3{background:url(../images/news-ico3.png) no-repeat left; background-size:30%;}
.news .news-nav ul li.n-on{background:#2197EE;border:0.05rem solid #2197EE;}
.news .news-nav ul li.n-on i{color:#FFF;}
.news .news-nav ul li.n-on .n1{background:url(../images/news-ico1_h.png) no-repeat left; background-size:30%;}
.news .news-nav ul li.n-on .n2{background:url(../images/news-ico2_h.png) no-repeat left; background-size:30%;}
.news .news-nav ul li.n-on .n3{background:url(../images/news-ico3_h.png) no-repeat left; background-size:30%;}
.news .news-list dl{height:6.5rem; margin-bottom: 1.4rem;}
.news .news-list dl dt{width:37.9%; height:6.5rem;float:left;}
.news .news-list dl dt img{width:100%; height:100%;}
.news .news-list dl dd{width:62%; float:left; padding-left:1.3rem; box-sizing: border-box;}
.news .news-list dl dd h4{height:2.4rem; line-height: 2.4rem;margin-bottom: 0.2rem;}
.news .news-list dl dd h4 a{font-size: 1.3rem; color:#333333; font-weight: bold;}
.news .news-list dl dd p{line-height: 1.9rem;font-size: 1.2rem;color:#7F7F7F;}
.news .news-list ul li{height:4rem;border-top:0.05rem dashed #b6b6b6;}
.news .news-list ul li a{display:block;}
.news .news-list ul li em{display:block; height:4rem; line-height: 4em;float:left; font-size: 1.1rem; color:#666666;}
.news .news-list ul li i{display:block; float:right; height:4rem; line-height: 4rem;font-size: 1.0rem; color:#999999; font-family: "Arial";}
/**/
.about{height:67.0rem;}
.abo-top{height:29.95rem;background:url(../images/abo-bj.jpg) no-repeat center top;background-size:100%;padding:2.85rem 4% 0; box-sizing: border-box; text-align: center;}
.abo-top h2{display:inline-block;}
.abo-top h2 a{display:block; padding-left:9.15rem;background:url(../images/abo-logo.png) no-repeat left; background-size:44%;}
.abo-top h2 span{display:block; height:2.8rem; line-height: 2.8rem; font-size: 2.3rem; line-height: 2.3rem; font-weight: bold; color:#FFFFFF;}
.abo-top h2 em{display:block;height:0.9rem; line-height: 0.9rem; letter-spacing: 0.2rem;font-size: 0.6rem; color:rgba(255,255,255,0.5); text-transform: uppercase;font-family: Acrom; font-weight: bold;}
.abo-top strong{display:block; height:4.25rem; line-height: 4.25rem;font-size: 1.6rem; color:#FFFFFF;font-weight: bold;margin-bottom: 1.15rem;}
.abo-top .abo-desc{line-height: 1.7rem;font-size: 1.05rem;color:#FFFFFF;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; margin-bottom: 1.35rem;}
.abo-top .abo-gd{width:22.6%; height:2.25rem;background:#2197EE;margin:0 auto;border-radius: 0.1rem;}
.abo-top .abo-gd a{display:block; text-align: center; height:2.25rem; text-align: center;}
.abo-top .abo-gd a i{display:inline-block; height:2.25rem; line-height: 2.25rem;font-size: 1.0rem;color:#FFFFFF;padding-right: 1.35rem;background:url(../images/abo-dbx.png) no-repeat right; background-size:10%;}
.abo-bot{padding:0.75rem 4% 0;}
.abo-bot h4{height:4.15rem; line-height: 4.15rem;font-size: 1.5rem; color:#333333;text-align: center; position: relative;}
.abo-bot h4:before{width:10.5rem;height:0.05rem; background:rgba(49,49,49,0.39); content:""; position:absolute;left:0; top:2.05rem;}
.abo-bot h4:after{width:10.5rem;height:0.05rem; background:rgba(49,49,49,0.39); content:""; position:absolute;right:0; top:2.05rem;}
.abo-bot .abo-list{height:9.85rem;padding:0 0.7rem;position: relative;}
.abo-bot .abo-list ul li{float:left;width:32.7%;margin-right: 0.25rem;}
.abo-bot .abo-list ul li i{display:block; width:100%; border:0.05rem solid #dddddd; box-sizing: border-box;}
.abo-bot .abo-list ul li i img{width:100%;}
.abo-bot .abo-list ul li em{display:block; height:1.95rem; line-height: 1.95rem; text-align: center;font-size: 1.2rem;color:#333333;}
.abo-bot .abo-list ul li:last-child{margin-right: 0;}
.abo-bot .abo-list .abo-jt i{display:block; width:1.3rem;height:2.2rem; z-index:100;}
.abo-bot .abo-list .abo-jt .abo-prev{background:url(../images/abo-prev.jpg) no-repeat center; background-size:100%; position:absolute; left:0; top:1.85rem;}
.abo-bot .abo-list .abo-jt .abo-next{background:url(../images/abo-next.jpg) no-repeat center; background-size:100%; position:absolute; right:0; top:1.85rem;}
.abo-bot .abo2-nav{height:3.9rem;}
.abo-bot .abo2-nav .a-cnt{height:2.9rem;background:#F2F6F7;}
.abo-bot .abo2-nav .a-cnt li{float:left;width:25%; height:2.9rem; box-sizing: border-box;border:0.05rem solid #DCDCDC; text-align: center;}
.abo-bot .abo2-nav .a-cnt li i{display:inline-block; height:2.8rem; line-height: 2.8rem;font-size: 1.2rem; color:#333333;padding-left:1.8rem;}
.abo-bot .abo2-nav .a-cnt li .ab1{background:url(../images/abo-ico1.png) no-repeat left; background-size:27%;}
.abo-bot .abo2-nav .a-cnt li .ab2{background:url(../images/abo-ico2.png) no-repeat left; background-size:27%;}
.abo-bot .abo2-nav .a-cnt li .ab3{background:url(../images/abo-ico3.png) no-repeat left; background-size:27%;}
.abo-bot .abo2-nav .a-cnt li .ab4{background:url(../images/abo-ico4.png) no-repeat left; background-size:27%;}
.abo-bot .abo2-nav .a-cnt li.a-on{border:0.05rem solid #2197EE;background:#2197EE;}
.abo-bot .abo2-nav .a-cnt li.a-on i{color:#FFF;font-weight: bold;}
.abo-bot .abo2-nav .a-cnt li.a-on .ab1{background:url(../images/abo-ico1_h.png) no-repeat left; background-size:27%;}
.abo-bot .abo2-nav .a-cnt li.a-on .ab2{background:url(../images/abo-ico2_h.png) no-repeat left; background-size:27%;}
.abo-bot .abo2-nav .a-cnt li.a-on .ab3{background:url(../images/abo-ico3_h.png) no-repeat left; background-size:27%;}
.abo-bot .abo2-nav .a-cnt li.a-on .ab4{background:url(../images/abo-ico4_h.png) no-repeat left; background-size:27%;}
.abo-bot .abo-list2 ul li{float:left;width:48.5%; border:0.05rem solid #d1d1d1;padding:0.2rem 0.2rem 0 0.2rem; box-sizing: border-box;}
.abo-bot .abo-list2 ul li span{display:block; width:100%; line-height: 0;}
.abo-bot .abo-list2 ul li span img{width:100%;}
.abo-bot .abo-list2 ul li em{display:block; width:100%; height:2.65rem; line-height: 2.65rem; text-align: center;font-size: 1.2rem;color:#333333;}
.abo-bot .abo-list2 ul li:last-child{float:right;}