@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:rgba(255,255,255,0.5);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; background:rgba(255,255,255,1);border-radius: 30px; }




/**/
.guide{height:36.8rem;}
.gui{padding:2.75rem 4% 0;}
.gui h2{text-align: center; margin-bottom: 1.1rem;}
.gui h2 span{display:block;height:3.35rem; line-height: 3.35rem;font-size: 2.4rem;color:#000000; font-weight: normal; font-weight: bold;}
.gui h2 em{display:block;height:2.4rem; line-height: 2.4rem;font-size: 1.5rem;color:#ff9800; font-weight: bold;}
.gui h2 em i{color:#214a96;}
.gui .gui-vid{width:95.5%;height:17.4rem;margin:0 auto 2.1rem; line-height: 0;position: relative;z-index:200;}
.gui .gui-vid img{width:100%;}
.gui .gui-vid iframe{position:relative;}
.gui .gui-vid:before{width:100%; height:17.4rem; content:"";position: absolute;right:-0.15rem;bottom:-0.2rem;}
.gui .gui-vid{width:95.5%;height:17.4rem;margin:0 auto 2.1rem; line-height: 0;position: relative;}
.gui .gui-vid img{width:100%;position: relative;z-index:200;}
.gui ul li{float:left;width:25%;}
.gui ul li span{display:block; height:3.2rem; text-align: center;}
.gui ul li span em{display:inline-block;height:3.2rem; line-height: 3.2rem;font-size: 3.0rem;color:#000000;}
.gui ul li span i{display:inline-block;width:1.4rem;height:1.4rem; background:#ff9800;border-radius: 50%; text-align: center; line-height: 1.4rem;font-size: 1.05rem;color:#FFF;}
.gui ul li p{line-height: 1.8rem; font-size: 1.1rem;color: #000000; text-align: center;}
/**/
.pro-con{background:rgba(123,123,123,0.08);padding:1.65rem 4% 0;}
.pro-con h2{text-align: center; }
.pro-con h2 span{display:block; height:5.15rem; line-height: 5.15rem;font-size: 2.25rem;color:#ff9800;font-weight: bold;}
.pro-con h2 span i{color:#000000;}
.pro-con h2 em{display:block; width:3.35rem;height:0.2rem; background:#000000;margin:0 auto;}
.pro-con .pro-fl{padding-bottom:2.6rem;}
.pro-con .pro-fl .pro-tit{height:6.9rem; margin-bottom: 1.35rem;background:#FFF;}
.pro-con .pro-fl .pro-tit h4{width:20%;height:6.9rem;float:left;background:#214a96;padding:0.35rem 0.4rem 0.4rem 0.45rem; box-sizing: border-box;}
.pro-con .pro-fl .pro-tit h4 a{display:block; width:100%; height:100%; text-align: center;border:0.05rem solid #FFF; box-sizing: border-box;padding-top:0.8rem;}
.pro-con .pro-fl .pro-tit h4 a i{display:block; width:2.4rem; height:2.4rem; line-height: 0; overflow:hidden;margin:0 auto;}
.pro-con .pro-fl .pro-tit h4 a i img{width:100%;}
.pro-con .pro-fl .pro-tit h4 a em{display:block;height:2.6rem; line-height: 2.6rem; text-align: center;font-size: 1.2rem;color:#FFFFFF;}
.pro-con .pro-fl .pro-tit .rig{width:80%;height:6.9rem;float:left; border:0.05rem solid #d8d8d8; border-left:0; padding:0.25rem 0 0 1.2rem; box-sizing: border-box;}
.pro-con .pro-fl .pro-tit .rig h5{height:3.1rem; line-height: 3.1rem;font-size: 1.2rem;color:#333333;position: relative; margin-bottom: 0.75rem;}
.pro-con .pro-fl .pro-tit .rig h5:before{width:15.25rem;height:0.05rem; background:#e5e5e5;content:"";position: absolute;left:0;bottom:-0.05rem;}
.pro-con .pro-fl .pro-tit .rig h5:after{width:4.2rem;height: 0.1rem; background:#214a96;content:""; position: absolute;left:0;bottom:-0.1rem;}
.pro-con .pro-fl .pro-tit .rig h5 i{color:#214a96; font-weight: bold;}
.pro-con .pro-fl .pro-tit .rig p em{display:block;font-size: 1.1rem;color:#333333;padding:0 0.5rem; font-weight: bold;float:left; border-right:0.05rem solid #333333;}
.pro-con .pro-fl .pro-tit .rig p em:first-child{padding-left:0;}
.pro-con .pro-fl .pro-tit .rig p em:last-child{border-right:0;}
.pro-con .pro-fl .pro-tit .rig p em a{font-size: 0.8rem;color:#333333;font-weight:normal;}
.pro-con .pro-fl ul{height:20rem;margin-bottom:1.5rem; overflow:hidden;}
.pro-con .pro-fl ul li{float:left;width:48.6%; margin-bottom: 0.75rem;}
.pro-con .pro-fl ul li:nth-child(2n){float:right;}
.pro-con .pro-fl ul li span{display:block; width:100%; line-height: 0; overflow:hidden;}
.pro-con .pro-fl ul li span img{width:100%;}
.pro-con .pro-fl ul li em{display:block; height:3.25rem; line-height: 3.25rem;text-align: center;background:#888888; font-size: 1.3rem;color:#FFFFFF;}
.pro-con .pro-fl .abo-btn{width:3.0rem; height:3.0rem; margin:0 auto;}
.pro-con .pro-fl .abo-btn i{display:block; width:100%; height:100%; background:url(../images/pro-gd.png) no-repeat center;background-size:100% 100%;}
.pro-bot{background:rgba(123,123,123,0.08);padding:2.25rem 4% 0;}
.pro-bot .pro-nav{height:7.95rem;}
.pro-bot .pro-nav ul li{float:left; width:24.3%;height:2.65rem; text-align: center; line-height: 2.55rem;border:0.05rem solid #214a96; border-radius: 1.3rem; margin:0 0 0.3rem 0.3rem; box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-bot .pro-nav ul li a{display:block;font-size: 1.3rem;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-bot .pro-nav ul li:first-child,.pro-bot .pro-nav ul li:nth-child(5){margin-left: 0;}
.pro-bot .pro-nav ul li:last-child a{background:url(../images/pro-jia.jpg) no-repeat 80%;background-size:16%;}
.pro-bot .pro-ul{padding-bottom:3.65rem;}
.pro-bot .pro-ul ul li{float:left; width:47.9%;margin-bottom: 1.75rem;}
.pro-bot .pro-ul ul li:nth-child(2n){float:right;}
.pro-bot .pro-ul ul li span{display:block; width:100%; line-height: 0; overflow:hidden;}
.pro-bot .pro-ul ul li span img{width:100%;}
.pro-bot .pro-ul ul li em{display:block; height:3.15rem; line-height: 3.15rem; text-align: center; font-size: 1.2rem;color:#FFFFFF;background:#888888;}
/**/
.ysbj{}
.ys{padding:0.65rem 0 0;}
.ys h2{text-align: center; margin-bottom: 2.8rem;}
.ys h2 span{display:block; height:5.15rem; line-height: 5.15rem;font-size: 2.25rem;color:#000000; font-weight: bold;}
.ys h2 span i{color:#ff9800;}
.ys h2 em{display:block; width:3.35rem; height:0.2rem;margin:0 auto;background:#000000;}
.ys .ys-nav{height:3.65rem;}
.ys .ys-nav ul li{float:left; width:25%; line-height: 1.4rem;font-size: 1.0rem;color:#2e2e2e;font-weight: bold;box-sizing: border-box; border-right:0.05rem solid #cdcdcd; text-align: center;}
.ys .ys-nav ul li:last-child{border-right:0;}
.ys .ys-nav ul li.y-on{color:#ff9800;}
.ys .ys-list dl dt{width:100%; line-height: 0; overflow:hidden;}
.ys .ys-list dl dt img{width:100%;}
.ys .ys-list dl dd{height:20.5rem;padding:27px 4% 0; box-sizing: border-box;background:#FFF;}
.ys .ys-list dl dd h4{margin-bottom: 1.25rem;}
.ys .ys-list dl h4.ys-sz1{background:url(../images/ys-sz1.png) no-repeat right;background-size:10%;}
.ys .ys-list dl h4.ys-sz2{background:url(../images/ys-sz2.png) no-repeat right;background-size:10%;}
.ys .ys-list dl h4.ys-sz3{background:url(../images/ys-sz3.png) no-repeat right;background-size:10%;}
.ys .ys-list dl h4.ys-sz4{background:url(../images/ys-sz4.png) no-repeat right;background-size:10%;}
.ys .ys-list dl dd h4 span{display:block; height:2.55rem; line-height: 2.55rem;font-size: 2.0rem;color:#282828; font-weight: bold; letter-spacing: 0.1rem;}
.ys .ys-list dl dd h4 span i{color:#ff9800;}
.ys .ys-list dl dd h4 p{line-height: 2.0rem;font-size: 1.4rem;color:#333333;}
.ys .ys-list dl dd ul li{line-height:1.5rem;padding-left:1.5rem;font-size: 1.0rem;color:#363636; background:url(../images/ys-jt.png) no-repeat left 0.4rem; background-size:1.5%; margin-bottom: 0.8rem;}
.ys .ys-list .swiper-pagination{bottom:2rem;}
.ys .ys-list .swiper-pagination .swiper-pagination-bullet{ width:0.55rem; height:0.55rem; background:#282828;border-radius: 50%;margin:0 0.25rem;transition:0.5s;}
.ys .ys-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.75rem; height:0.6rem; background:#214a96;border-radius: 0.25rem; }
.ys .ys-list b{display:block; height:2.4rem;position: absolute;width:100%; left:0;bottom:2rem;z-index:300;}
.ys .ys-list b .shou{display:block; width:13.25rem;height:2.4rem;margin:0 auto; background:url(../images/ys-shou.png) no-repeat center;background-size:100%;}
/**/
.case{background:rgba(1123,123,123,0.08);padding:1.9rem 4% 4.3rem; }
.case h2{text-align: center; margin-bottom:2.05rem;}
.case h2 span{display:block; height:5.4rem; line-height: 5.4rem;font-size: 2.25rem;color:#000000; font-weight:bold;}
.case h2 span i{color:#ff9800;}
.case h2 em{display:block; width:3.35rem;height:0.2rem; background:#000000;margin:0 auto;}
.case .cas-nav{height:7.2rem;}
.case .cas-nav ul li{float:left;width:32.6%;height:2.65rem;line-height: 2.55rem;text-align: center;border:0.05rem solid #214a96; border-radius: 1.3rem; box-sizing: border-box; margin: 0 0 0.3rem 0.3rem;font-size: 1.2rem;color:#333333;}
.case .cas-nav ul li a{display:block;color:#333333; }
.case .cas-nav ul li:first-child,.case .cas-nav ul li:nth-child(4){margin-left: 0;}
.case .cas-nav ul li.con.c-on{background:#ff9800;color:#FFF;border:0.05rem solid #ff9800; }
.case .cas-nav ul li:last-child:hover{background:#ff9800;color:#FFF;}
.case .cas-nav ul li:last-child:hover a{color:#FFF;}
.case .cas-list dl dt{width:100%; line-height: 0; overflow:hidden;}
.case .cas-list dl dt img{width:100%;}
.case .cas-list dl dd{height:9.5rem;background:rgba(0,0,0,0.8);padding:0.8rem 1.75rem 0 0.75rem; box-sizing: border-box;}
.case .cas-list dl dd h4{height:2.35rem; line-height: 2.35rem;background:url(../images/cas-jt.png) no-repeat right; background-size:5%;margin-bottom: 0.25rem;}
.case .cas-list dl dd h4 a{font-size: 1.2rem;color:rgba(255,255,255,0.8); font-weight: bold;}
.case .cas-list dl dd p{line-height: 1.8rem;font-size: 1.1rem;color:rgba(255,255,255,0.6);}
.case .cas-ul{margin-top: 1.3rem;}
.case .cas-ul ul li{float:left; width:48.2%;}
.case .cas-ul ul li:nth-child(2n){float:right;}
.case .cas-ul ul li span{display:block;width:100%; line-height: 0; overflow:hidden;}
.case .cas-ul ul li span img{width:100%;}
.case .cas-ul ul li em{display:block; height:2.2rem; line-height: 2.2rem;text-align: center;font-size: 1.2rem;color:#213045;background:rgba(223,223,223,0.5);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/**/
.newsbj{height:48.85rem;}
.news{padding:2.2rem 4% 0;}
.news h2{text-align: center; margin-bottom: 1.8rem;}
.news h2 span{display:block; height:5.15rem; line-height: 5.15rem; font-size: 2.25rem;color:#000000; font-weight: bold;}
.news h2 span i{color:#ff9800;}
.news h2 em{display:block;width:3.35rem; height:0.2rem; background:#000000;margin:0 auto;}
.news .news-nav{height:5.45rem;}
.news .news-nav ul li{float:left; width:48.6%;height:2.95rem;border:0.05rem solid #214a96;border-radius: 1.5rem; text-align: center; line-height: 2.85rem;font-size: 1.2rem;color:#333333; }
.news .news-nav ul li:last-child{float:right;}
.news .news-nav ul li.n-on{background:#214a96;color:#FFF;}
.news .news-list ul li{height:6.7rem;border:0.05rem solid #EBEBEB;padding:0.35rem; box-sizing: border-box;margin-bottom: 1.05rem;}
.news .news-list ul li dl dt{width:33.6%;height:5.8rem; line-height: 0; overflow:hidden;float:left;}
.news .news-list ul li dl dt img{width:100%;}
.news .news-list ul li dl dd{float:left; width:61.8%;padding:0.35rem 0 0 1.4rem;}
.news .news-list ul li dl dd h4{height:1.8rem; line-height: 1.8rem;margin-bottom: 0.25rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-list ul li dl dd h4 a{font-size: 1.1rem;color:#444444; font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-list ul li dl dd p{line-height:1.4rem;font-size: 1.1rem;color:#666666;}
/**/
.about{height:51.5rem;}
.abo .abo-tit{padding-top:1.95rem;height:9.4rem; background:#F2F2F2; box-sizing: border-box;}
.abo .abo-tit h2{text-align: center;}
.abo .abo-tit h2 span{display:block; height:5.15rem; line-height: 5.15rem;font-size: 2.25rem;color:#000000; font-weight: bold;}
.abo .abo-tit h2 span i{color:#ff9800;}
.abo .abo-tit h2 em{display:block; width:3.35rem; height:0.2rem; background:#000000;margin:0 auto;}
.abo dl dt{width:100%; line-height: 0; overflow:hidden;}
.abo dl dt img{width:100%; }
.abo dl dd{padding:0 4%;}
.abo dl dd .abo-con{height:17.0rem;background:#FFF;margin:-4.85rem 0 2.4rem;padding:1.55rem 1.0rem 0; box-sizing: border-box;background:#FFF url(../images/abo-yy.png) no-repeat center bottom;position: relative;z-index:200;background-size:100%;}
.abo dl dd .abo-con p{line-height: 1.6rem;font-size: 1.1rem;color:rgba(0,0,0,0.69); text-align: center; margin-bottom: 1.65rem;}
.abo dl dd .abo-con span{display:block; width:10.35rem;height:2.65rem; background:#ff9800; border-radius: 1.3rem; text-align: center; line-height: 2.65rem;margin:0 auto;}
.abo dl dd .abo-con span a{display:block; font-size: 0.8rem;color:#FFFFFF;}
.abo dl dd ul li{float:left; width:33.3%; height:2.5rem; line-height: 2.5rem;padding-left:2.95rem; box-sizing: border-box;}
.abo dl dd ul li.ab1{background:url(../images/abo-ico1.png) no-repeat left;background-size:21%;}
.abo dl dd ul li.ab2{background:url(../images/abo-ico2.png) no-repeat left;background-size:21%;}
.abo dl dd ul li.ab3{background:url(../images/abo-ico3.png) no-repeat left;background-size:21%;}
.abo dl dd ul li a{font-size: 1.7rem;color:#333333;}
.abo dl dd ul li.ab1:hover{background:url(../images/abo-ico1_h.png) no-repeat left;background-size:21%;}
.abo dl dd ul li.ab2:hover{background:url(../images/abo-ico2_h.png) no-repeat left;background-size:21%;}
.abo dl dd ul li.ab3:hover{background:url(../images/abo-ico3_h.png) no-repeat left;background-size:21%;}
.abo dl dd ul li:hover a{color:#0146aa;}