.mobile, .m-modal,#m-slide{display: none;}
.banner{ text-align: center; position: relative; box-sizing: border-box; font-family: PingFang SC; width: 100%;}
.banner h3{color: #2a2a2a; font-size: 30px; line-height: 42px; padding-top: 20px;    display: inline-block; border-bottom: 1px solid #a2a2a2;}
.banner h4{}
.banner p{color: #3e3e3e; font-size: 18px; line-height: 40px;}
.banner .btn{display: inline-block; padding: 0 20px; background: none; border: 1px solid #cccccc; font-size: 16px; line-height: 40px; color: #3e3e3e; font-family: PingFang SC; border-radius: 3px;}
.banner .btn:hover{color: white; background: #0c86d4; border: 1px solid #0c86d4;  transform: scale(1.04); transition: transform 0.5s;}

#fullpage{position: relative;}
#fullpage .section{position: relative; overflow: hidden;}
.slide-nav{position: absolute; top: 300px; left: 30px; z-index: 999;}
.slide-nav li{font-size: 14px; color: #777777; background: white; line-height: 38px; border-radius: 4px; margin-bottom: 15px; cursor: pointer; font-family: PingFang SC; padding: 0 30px; text-align: center;}
.slide-nav a{display: block;color: #777777;}
.slide-nav2 {top: 200px;}
.slide-nav2 li{padding: 0 10px;}
.slide-nav li.active{/*background: #f6eb12;*/ color: white; background: #0c86d4;}
.slide-nav li.active a{color: white}
#slide{position: absolute; top: 60px; left: 0; width: 100%;}
#slide .banner-header{width: 100%;  background: #0c86d4;}
#slide .banner-header img{display: block; width: 100%; height: auto; margin: 0 auto;cursor: pointer;}
/*#slide .banner-header.one{background: url(../images/bigBanner1.jpg) no-repeat center top;}
#slide .banner-header.two{background: url(../images/bigBanner2.jpg) no-repeat center top;}
#slide .banner-header.three{background: url(../images/bigBanner3.jpg) no-repeat center top;}*/
.section-heade {box-sizing: border-box; height: 100%;}
.section-header ul{clear: both; overflow: hidden; padding: 30px 0 0; text-align: center; margin: 0 auto;}
.section-header ul li{display: inline-block;  padding: 0 32px 32px; box-sizing: border-box; text-align: center;}
.section-header ul li img{display: block; width: 80%; margin: 0 auto;}
.section-header ul li p{font-size: 16px; color: #2694dc; line-height: 40px;}
.owl-theme .owl-nav.disabled + .owl-dots{margin: 0; position: absolute; bottom: 0; text-align: center; z-index: 9; width: 100%;}


.banner1{text-align: center;}
.banner1 .btns{text-align: center; margin-top: 20px}
.banner1 img{display: block; margin: 0 auto; padding: 30px 0 0;}
.banner1 .btns{padding-bottom: 30px;}
.banner1 .btn:first-child{margin-left: 0; color: white; background: #0c86d4; border-color: #0c86d4;}
.banner1 .btn:hover{color: #f6eb12; background: #000; border-color: #000;}

.slide2{background: url(../images/section2_08.jpg) no-repeat center center; background-size: 100% 100%;}
.banner2{}
.banner2 h3, .banner2 p{color: #fff;}
.banner2 ul{overflow: hidden; clear: both; padding: 50px 55px 90px; width: 870px; margin: 20px auto 0; box-sizing: border-box;}
.banner2 ul li{width: 232px; height: 287px; margin-right: 20px; box-sizing: border-box; float: left; }
.banner2 ul li:hover{background: url(../images/section2_07.png) no-repeat center center;}
.banner2 ul li a{display: block; background: url(../images/section2_01.png) no-repeat;padding: 150px 0 0; color: #fff;}
.banner2 ul li a:hover{}
.banner2 ul li a.one{background: url(../images/section2_01.png) no-repeat; background-position: center 50px; }
.banner2 ul li a.one:hover{background: url(../images/section2_02.png) no-repeat; background-position: center 50px; }
.banner2 ul li a.two{background: url(../images/section2_03.png) no-repeat; background-position: center 50px; }
.banner2 ul li a.two:hover{background: url(../images/section2_04.png) no-repeat; background-position: center 50px; }
.banner2 ul li a.three{background: url(../images/section2_05.png) no-repeat; background-position: center 50px; }
.banner2 ul li a.three:hover{background: url(../images/section2_06.png) no-repeat; background-position: center 50px; }
.banner2 ul li img{}
.banner2 ul li h4{color: #fff; font-size: 24px;}
.banner2 ul li h5{color: #fff; font-size: 16px; line-height: 22px; padding: 15px 0 60px;}
.banner2 .btn {margin-bottom: 50px; padding: 0 55px; color: white; background: #0c86d4; border: 1px solid #0c86d4;/*background: #f6eb12; border: 1px solid #f6eb12;*/ }

.slide3{background: url(../images/section3_10.png) no-repeat center center; background-size: 100% 100%;}
.banner3{}
.banner3 .con{width: 1080px; margin: 0 auto; padding: 50px 0; text-align: center; position: relative;}
.banner3 .con .img1{position: absolute; bottom: -320px; left: -110px;}
.banner3 ul{width: 100%; box-sizing: border-box; padding-left: 480px; clear: both; overflow: hidden;}
.banner3 ul li{float: left; text-align: center; width: 25%; padding-bottom: 40px;}
.banner3 ul li p{color: #000; font-size: 16px; line-height: 30px;}
.banner3 .btn{background: #51ccff; color: #fff; padding: 0 40px; margin: 40px 0 0 450px; border: 1px solid #51ccff;}

.banner4{}
.b4-content{clear: both; overflow: hidden; width: 647px; height: 310px; margin: 0 auto; position: relative; margin-top: 30px; background: url(../images/section4_02.png) no-repeat;}
.b4-content .left, .b4-content .right{width: 50%; box-sizing: border-box; text-align: left;  padding: 50px 70px; }
.b4-content .right{text-align: right; padding: 50px 70px 0 0;}
.b4-content h3{font-size: 24px; color: #000; padding: 50px 0 10px;}
.b4-content p{font-size: 15px; line-height: 24px; color: #000;}
.banner4 ul{width: 809px; height: 30px; position: relative; margin: 30px auto 10px; clear: both; overflow: hidden;}
.banner4 ul li{float: left; padding-right: 75px; z-index: 99; }
.banner4 ul li:last-child{padding: 0;}
.banner4 ul li span{color: #2a2a2a; font-size: 16px; background: #fff;}
.banner4 ul li.line{z-index: -1; float: none; position: absolute; top: 12px; width: 100%; height: 0; border:1px dashed #666; padding-right: 75px; }
.banner4 ul li img{padding-right:5px; background: #fff;}
.banner4 .img1{padding-top: 20px; display: block; margin: 0 auto;}
.banner4 .btn-play{text-align: center; padding: 20px 0 40px; display: block;}
.banner4 .btn-play img{}
.banner4 .btn-play img:hover{ transform: scale(1.04); transition: transform 0.5s;}

.slide5{background: url(../images/section5_01.jpg) no-repeat center center; background-size: 100% 100%;}
.banner5{}
.banner5 .con{width: 960px; margin: 0 auto; padding: 30px 0 30px; overflow: hidden; clear: both;}
.banner5 .con .left img{padding-top: 30px;}
.banner5 .ul1{overflow: hidden; clear: both;}
.banner5 .ul1 li{float: left; width: 113px; height: 113px; margin-right: 15px; color: #fff; font-size: 24px; padding-top: 50px;}
.banner5 .ul1 li.one{background: url(../images/section5_03.png) no-repeat center center;}
.banner5 .ul1 li.two{background: url(../images/section5_04.png) no-repeat center center; margin-top: 50px;}
.banner5 .ul1 li.three{background: url(../images/section5_05.png) no-repeat center center; margin: 0;}
.banner5 .ul2{clear: both; overflow: hidden; width: 385px; margin: 50px auto 80px;}
.banner5 .ul2 li{float: left; width: 180px; height: 45px;  line-height: 45px; background: rgba(0,0,0,0.05); color: #000; text-align: center; margin: 0 15px 15px 0; font-size: 18px; }
.banner5 .ul2 li:nth-child(even){margin-right: 0;}
.banner5 .btn{background: #ffda31; border: 0; padding: 0 40px;}

.slide6{background: url(../images/section6_01.jpg) no-repeat center center; background-size: 100% 100%;}
.banner6{}
.banner6 .con{width: 960px; margin: 0 auto; padding: 40px 0 30px; overflow: hidden; clear: both;}
.banner6 .con-r{background: rgba(0,0,0,0.1); color: #323232; margin: 60px auto 20px;}
.banner6 .title{font-size: 24px; padding-left: 20px; line-height: 80px; font-size: 24px; text-align: left;}
.banner6 ul{clear: both; overflow: hidden; width:390px; padding-bottom: 30px; margin: 0 20px 55px;}
.banner6 ul li{font-size: 16px; border-right:1px solid #000; border-bottom:1px solid #000; text-align: center; width: 130px; padding: 15px 0; float: left; box-sizing: border-box; border-color: rgba(0,0,0,0.5);}
.banner6 ul li:nth-child(3),.banner6 ul li:nth-child(6){border-right: 0;}
.banner6 ul li:nth-child(4),.banner6 ul li:nth-child(5){border-bottom: 0;}
.banner6 ul li:nth-child(6){border-bottom: 0;}
.banner6 ul li span{display: block;}
.banner6 .btn{background: #323230; color: #f6eb12; border: 0; padding: 0 40px;}

.section7{}
.banner7{}
.banner7 table{width: 1080px; height: 490px; margin: 30px auto 0; background: #fff; border: 1px solid #efefef; table-layout:fixed;}
.banner7 td{border: 1px solid #efefef; color: #323232;}
.banner7 .td1, .banner7 .td2, .banner7 .td3, .banner7 .td4, .banner7 .td6{cursor: pointer;}
.banner7 .td-hover.active{background: #f6eb12;}
.banner7 .td1{width: 140px;}
.banner7 .td2,.td3,.td4{width: 200px;}
.banner7 .td7{width: 30px; padding: 0 10px; color: #000;}
.banner7 .td7 a{color: #000;}
.banner7 .td-con{vertical-align: top; padding: 10px 10px 20px; text-align: left;}
.banner7 .td-con .content{display: none;}
.banner7 .td-con .content.active{display: block;}
.banner7 .td-con h3{font-size: 16px; line-height: 24px; padding-bottom: 20px;}
.banner7 .td-con p{font-size: 13px; line-height: 20px; }
.banner7 .td-con .btn{color: #f6eb12; background: #000; background: #323230; border: 0; border-radius: 0; margin: 20px  0; line-height: 33px;}
.banner7 .td-con img{display: block; width: 100%;}

.section8{background: #f8f8f8;}
.banner8{}
.banner8 .h-list {}
.banner8 .ul-list{width: 420px; overflow: hidden; margin: 25px auto 15px; clear: both;}
.banner8 .ul-list li{text-align: center; float: left; width: 140px; height: 40px; border-bottom: 3px solid #ececec;line-height: 43px; font-size: 18px; color: #2a2a2a; margin-top: -3px; cursor: pointer;}
.banner8 .ul-list li.active{border-bottom: 3px solid #0c86d4;}
.banner8 .slide-container{width: 1100px; margin: 0 auto; overflow: hidden;}
.banner8 .slide-con{width: 300%; clear: both; overflow: hidden;}
.banner8 .slide-ul{width: 1100px; float: left;color: #595959;}
.banner8 .slide-ul ul{width: 100%; margin: 0 auto; overflow: hidden; clear: both; padding-top: 25px;}
.banner8 .slide-ul ul li{float: left; width: 100%; text-align: left; box-sizing: border-box; height: 200px; border-bottom: 1px solid #ccc;display: inline-block;}
.banner8 .slide-ul ul li:last-child{border: none;}
.banner8 .slide-ul ul li > a{display: inline-block; background: #fff;     width: 100%;}
.banner8 .slide-ul ul li > a:hover{box-shadow: 0 0 15px 2px #ddd;}
.banner8 .slide-ul img{display: block; width: 100%  ;float: left;}
.banner8 .slide-ul .title{padding: 12px 15px; line-height: 22px; font-size: 20px; color: #000; height: 44px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.banner8 .slide-ul .text{padding: 10px 15px 5px 15px; line-height: 22px; font-size: 16px; color: #000; height: 66px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.banner8 .slide-ul .time{padding: 10px 15px; line-height: 28px; font-size: 14px; color: #2993da; height: 28px; overflow: hidden;}
.banner8 .slide-ul .time span:nth-child(1){width: 96px;height: 27px;line-height:27px;background: #2793d9;color: white;display: block;text-align: center;float: left;}
.banner8 .slide-ul .time span{cursor: pointer;}
.banner8 .slide-ul .list {padding-top: 25px;}
.banner8 .slide-ul .list > a{display: block; font-size: 14px; line-height: 28px; color: #000;}
.banner8 .btns-container{position: absolute; bottom: 30px; width: 100%; z-index: 99;}
.banner8 .btns{width: 1080px; margin: 20px auto 0; text-align: right;}
.banner8 .btn{font-size: 14px; color: #000; display: inline-block; background: #ececec; border: 1px solid #ececec;    margin-top: 50px;}

.slide9{background: url(../images/section9_06.png) no-repeat center center; background-size: 100% 100%;}
.banner9{}
.banner9 .ul1{padding: 100px 0; width: 1000px; clear: both; overflow: hidden; margin: 0 auto;}
.banner9 .ul1 li{width: 25%; float: left; text-align: center;}
.banner9 .ul1 li span{color: #3e3e3e; display: block; line-height: 30px;}
.banner9 .ul2{width: 850px; clear: both; overflow: hidden; margin: 5px auto 40px; }
.banner9 .ul2 li{width: 270px; margin-right: 20px; float: left; box-sizing: border-box; text-align: center; background: rgba(0,0,0,0.4); padding: 18px 0; }
.banner9 .ul2 li:last-child{border: 0; margin: 0;}
.banner9 .ul2 li h3{font-size: 16px; line-height: 24px; color: #fff; padding: 0;}
.banner9 .ul2 li p{font-size: 13px; line-height: 18px; color: #fff;}
.banner9 img{padding-top: 20px;}
.banner9 .btn{background: #f07769; color: #fff; border-color: #f07769; padding: 0 50px;}
.banner9 p.p1{color: #fff;}


.banner10{}
.banner10 .img1{display: block; margin: 0 auto; padding: 30px 0 0;}
.banner10 ul{width: 930px; margin: 20px auto; clear: both; overflow: hidden;}
.banner10 ul li{float: left; width: 33.3333%; box-sizing: border-box; text-align: left;}
.banner10 ul li h3{font-size: 16px; line-height: 35px; background: #0c86d4; color: #fff; width: 70%; margin: 0 auto 10px; text-indent: 30px; padding-top: 0;}
.banner10 ul li p{font-size: 13px; line-height: 28px; color: #111; margin: 0 auto;}
.banner10 .btn{background: #0c86d4; color: #fff; padding: 0 40px; border: 1px solid #0c86d4; margin-left: 0;}

.banner11{}
.banner11 ul.links{width: 1100px; padding: 10px; margin: 0 auto 0; clear: both; overflow: hidden;}
.banner11 ul.links li{width: 180px; float: left; box-sizing: border-box;}
.banner11 ul.links li a{display: block;  background: #fff;}
.banner11 ul.links li a:hover{box-shadow: 0 0 30px 2px #f5f5f5; transform: scale(1.04);}
.banner11 ul.links li img{vertical-align: middle; display: block; width: 100%;}
.banner11 .btn{display: block; width: 150px; margin: 20px auto;}

.slide12{background: #fbfcf7;}
.banner12 > img{display: block; margin: 0 auto;}
.banner12 a.btn{background: #2bc97d; color: #fff; border-color: #2bc97d; padding: 0 40px; margin: 20px auto;}

.fp-controlArrow.fp-prev, .fp-controlArrow.fp-next{display: none;}

@media screen and (min-width: 641px) and (max-height: 768px){
    .banner1 img{max-width: 500px;}
    .banner1 .btns{margin-top: 0;}
    .banner2 ul{padding: 20px 55px 40px;}
    .banner5 .con .left img{padding-top: 0; max-width: 500px;}
    .banner5 .ul2{margin: 10px auto 20px;}
    .banner9 img{max-width: 680px; padding-top: 0;}
    .banner9 .ul2{margin: 5px auto 30px;}
    .banner10 .img1{padding:20px 0 0 ; max-width: 400px;}
    .banner10 ul{margin: 10px auto;}
    .banner6 .con{padding: 20px 0 0;}
    .banner6 .con .left img{max-width: 460px;}
    .banner6 .con-r{margin: 20px auto;}
    .banner7 table{margin: 0 auto; height: 460px;}
    .banner7 .td-con h3 {padding: 0 0 10px;}
    .banner7 .td-con img{width: 200px; display: block; margin: 0 auto;}
    .banner4 .img1{padding-top: 10px; max-width: 700px;}
    .banner4 .btn-play img{max-width: 80px;}
    .banner8 .slide-ul img{max-width: 90%; margin: 0 auto;}
    .banner12 > img{max-width: 650px;}
}

@media screen and (max-width: 640px){
    html{font-size:62.5%;}
    .banner, .section-header .pc ul, .pc{display: none;}
    #m-slide{display: block;}
    .fp-controlArrow.fp-prev, .fp-controlArrow.fp-next{display: block; border: 0; margin-top: -14px; width: 16px; height: 28px; background: url(../images/left_slide.png) no-repeat;}
    .fp-controlArrow.fp-prev{}
    .fp-controlArrow.fp-next{background: url(../images/right_slide.png) no-repeat;}
    .mobile{display: block; font-family: PingFang SC;}
    .mobile{position: relative; width: 100%; text-align: center;}
    .mobile h3{padding-top: 1rem; color: #2a2a2a; font-size: 2rem;}
    .mobile p{color: #838383; font-size: 1.6rem; line-height: 2rem; padding: 0.6rem 0;}
    .mobile a{font-family: PingFang SC;}
    .mobile a.btn{display: inline-block; box-sizing: border-box; border-radius: 4px; color: #000000; font-size: 1.4rem; line-height: 2rem; padding: 8px 50px; border: 1px solid #b2b2b2;}
    .slide{background: none;}

    .mobile1 ul{clear: both; overflow: hidden; padding: 3rem 0 0; width: auto;}
    .mobile1 ul li{float: left; width:33.3333%; padding: 0 2rem 2rem; box-sizing: border-box;}
    .mobile1 ul li img{display: block; width: 100%;}
    .mobile1 ul li p{font-size: 1.4rem; color: #1a1a1a; line-height: 2.4rem;}

    .mobile2 img{display: block; width: 82%; margin: 0 auto;}
    .mobile2 a.btn{padding: 8px 50px; background: #0c86d4; color: white; border-color: #0c86d4; margin: 2rem 0 0;}

    .slide2{background: url(../images/mobile/banner03_01.jpg) no-repeat center bottom; background-size: 100% 100%;}
    .mobile3-con{position: relative; padding:2rem 0 6rem;}
    .mobile3-con img{display: block; width: 70%; box-sizing: border-box; margin: 0 auto;}
    .mobile3-con a.btn {width: 8rem; height: 9rem; line-height: 9rem; background:  url(../images/mobile/banner03_03.png) no-repeat center bottom; background-size: 100% 100%; position: absolute; right: 10%; bottom: 4%; border:0; padding: 0;}

    .slide3{background: url(../images/mobile/banner04_01.jpg) no-repeat center bottom; background-size: 100% 100%;}
    .mobile4{}
    .mobile4 ul{width: 90%; margin: 2rem auto; background: url(../images/mobile/banner04_02.png) no-repeat right bottom; background-size: auto 100%;}
    .mobile4 li{width: 50%; color: #000; border-bottom: 1px dashed #ededee; padding-left: 2.3rem; font-size: 1.6rem; line-height: 4rem; box-sizing: border-box; position: relative; text-align: left;}
    .mobile4 li span{position: absolute; top: 1.3rem; width: 0.4em; height: 0.4em; left: 1rem; background: #51bffc; border-radius: 50%;}
    .mobile4 img{position: absolute; top: 10rem; right: 0; max-width: 100%; max-height: 28rem;}
    .mobile4 a.btn{background: #51bffc; color: #fff; padding: 8px 50px; border-color: #51bffc; margin-bottom: 3rem;}

    .slide5{background: url(../images/mobile/banner05_01.jpg) no-repeat center bottom; background-size: 100% auto;}
    .mobile5{}
    .mobile5 img{display: block; width: 90%; margin: 0 auto; box-sizing: border-box;}
    .mobile5 img.img1{padding: 3rem 2%;}
    .mobile5 a.btn{background: #2a2f33; color: #fff; padding: 8px 50px; margin: 4rem auto 2.4rem; border-color: #2a2f33;}

    .slide9 {background: url(../images/mobile/banner06_01.jpg) no-repeat center bottom; background-size: 100% auto;}
    .mobile6{}
    .mobile6 ul{clear: both; overflow: hidden; width: 96%; margin: 0 auto; padding: 1rem 0;}
    .mobile6 ul li{width: 25%; float: left; box-sizing: border-box; padding: 0 3%;}
    .mobile6 ul li img{display: block; width: 70%; margin: 0 auto; max-width: 5rem;}
    .mobile6 ul li p{font-size: 1.4rem;}
    .mobile6 img{display: block; width: 90%; margin: 0 auto;}
    .mobile6 a.btn{background: #ff6565; color: #fff; border-color:#ff6565; padding: 8px 50px; margin: 1rem auto 2.4rem;}

    
    .mobile7 img{display: block; width: 100%;}
    .mobile7 a.btn{background: #0c86d4; border-color: #0c86d4; color: #fff; margin: 1rem auto 2.4rem;}

    .slide6 {background: url(../images/mobile/banner08_01.jpg) no-repeat center bottom; background-size: 100% auto;}
    .mobile8{}
    .mobile8 img{display: block; width: 85%; margin: 0 auto; padding: 1rem 0;}
    .mobile8 ul{clear:both; overflow: hidden; background: rgba(255,255,255,0.3); width: 80%; margin: 1rem auto;}
    .mobile8 ul li{font-size: 1.4rem; line-height: 3.6rem; width: 25%; float: left; color: #2a2a2a; }
    .mobile8 a.btn{background: #0c86d4; border-color: #0c86d4; color: #fff; margin: 0 auto 2.4rem;}

    .section7{background: #f8f8f8;}
    .mobile9 {}
    .mobile9 table{width: 100%; margin: 10px auto; background: #fff; border: 1px solid #efefef; table-layout:fixed;}
    .mobile9 td{border: 1px solid #efefef; color: #323232; padding: 1.5rem;}
    .mobile9 td img{}
    .mobile9 td p{font-size: 1.2rem; line-height: 1.2rem; padding: 0.3rem 0;}

    .mobile10 img{display: block; margin: 0 auto;}
    .mobile10 img.img1{width: 50%; padding: 0.5rem 0; max-height: 420px;}
    .mobile10 img.img2{width: 60%; padding: 1rem 0; max-width: 293px;}
    .mobile10 img.img3{max-width: 6.4rem; padding-bottom: 2rem;}
    .mobile10 .clear{clear: both; overflow: hidden;}
    .mobile10 .left, .mobile10 .right{float: left; width: 50%; text-align: right; box-sizing: border-box; padding-right: 0.5rem;}
    .mobile10 .right{text-align: left; padding-right: 0; padding-left: 0.5rem;}
    .mobile10 .clear h4{font-weight: normal; font-size: 1.4rem; padding-bottom: 0.5rem; color: #232323;}
    .mobile10 .clear h5{font-weight: normal; font-size: 1.2rem; line-height: 1.6rem; color: #232323;}

    .section8{background: white;}
    .mobile11{}
    .mobile11 h-list{}
    .mobile11 .ul-list{width: 90%; overflow: hidden; margin: 2rem auto;}
    .mobile11 .ul-list li{text-align: center; float: left; width: 33.3333%; height: 3rem; border-bottom: 2px solid #ececec;line-height: 3.3rem; font-size: 1.6rem; color: #2a2a2a; margin-top: -2px; cursor: pointer;}
    .mobile11 .ul-list li.active{border-bottom: 2px solid #f6eb12;}
    .mobile11 .ul-list-body{width: 90%; margin: 0 auto; clear: both; overflow: hidden}
    .mobile11 .ul-list-body li{text-align: left; box-sizing: border-box; padding: 0; width: 100%; display: none;}
    .mobile11 .ul-list-body li.active{display: block;}
    .mobile11 .ul-list-body li > a{display: block; background: #fff; box-sizing: border-box; border: 1px solid #efefef;}
    .mobile11 .ul-list-body li img{display: block; width: 100%;}
    .mobile11 .ul-list-body li .title{padding: 0.5rem 1rem; line-height: 1.8rem; font-size: 1.4rem; color: #000; overflow: hidden; background: #fff;}
    .mobile11 .ul-list-body li .time{padding: 0 1rem 1rem; line-height: 1.2em; font-size: 1.2rem; color: #888888; background: #fff;}
    .mobile11 .ul-list-body li .list {padding:1rem;}
    .mobile11 .ul-list-body li .list > a{display: block; font-size: 1.4rem; line-height: 2rem; padding: 0.5rem 0 0; color: #000;}
    .mobile11 a.btn{margin: 2rem auto 2rem; background: #ececec; border-color: #ececec;}

    .mobile12 img{display: block; width: 90%; margin: 0 auto; padding-bottom: 0;}
    .mobile12 a.btn{margin: 0 auto; padding: 8px 20px; display: inline-block; width: auto;}
    .mobile12 ul{overflow: hidden; clear: both;}
    .mobile12 ul li{float: left; width: 33.3333%}
    .mobile12 ul li a{display: block;}
    .mobile12 ul li img{display: block; width: 100%;}

    .slide{background: #FFFFFF!important}
    .mobile13 > img{display: block; width: 90%;}
    .mobile13 ul{overflow: hidden; clear: both; width: 94%; margin: 0 auto 1em;}
    .mobile13 ul li{float: left; width: 24%; text-align: center;}
    .mobile13 ul li img{display: block; text-align: center; width: 60%; margin: 0 auto;}
    .mobile13 ul li p{color: #000;}
    .mobile13 a.btn{background: #2bc97d; border-color: #2bc97d; color: #fff;}

    .m-modal{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 101; padding: 7rem 1rem 3rem;}
    .m-modal-close{position: absolute; top: 1rem; right: 1rem; font-size: 3rem; width: 3rem; height: 3rem; text-align: center; line-height: 3rem; color: #fff; z-index: 999;}
    .m-modal-body{color: #fff;}
    .m-mobile9 .content{display: none;}
    .m-mobile9 .content h3{font-size: 16px; line-height: 24px; padding-bottom: 20px;}
    .m-mobile9 .content p{font-size: 13px; line-height: 20px; }
    .m-mobile9 .content .btn{color: #f6eb12; background: #000; background: #323230; border: 0; border-radius: 0; margin: 20px  0; line-height: 33px; display: inline-block; padding: 0.2rem 2rem;}
    .m-mobile9 .content img{display: block; width: 100%;}
}

@media screen and (max-width: 375px){
    .mobile h3{font-size: 2rem;}
    .mobile p{font-size: 1.6rem; line-height: 2rem;}
    .mobile a.btn{font-size: 1.6rem;}

    .mobile2 img{width: 75%;}
    .mobile4 ul{margin: 4rem auto;}
    .mobile4 li{font-size: 1.6rem; line-height: 3rem;}

    .mobile5 a.btn{margin: 2.4rem auto;}

    .mobile6 img{width: 90%;}

    .mobile7 img{max-height: 460px;    width: 100%;
    padding: 5rem 0;}
    .mobile7 a.btn{margin: 0 auto 2.4rem;}

    .mobile8 img{width: 85%;}
    .mobile8 ul li{font-size: 1.6rem;}

    .mobile9 td{padding: 1rem;}
    .mobile9 td img{width: auto;}

    .mobile10 img.img1{width: 50%;}
    .mobile10 img.img2{width: 60%;}
    .mobile10 img.img3{max-width: 4.4rem;}

    .mobile11 .ul-list{margin: 1.5rem;}
    .mobile11 .ul-list li{font-size: 1.6rem;}
    .mobile11 a.btn{margin: 2rem auto;}
    .mobile11 .ul-list-body li .list > a{font-size: 1.4rem;}
}

@media screen and (max-width: 320px){
    .section-header ul li{padding: 0 1rem;}
    .section-header ul li img{width: 70%;}

    .mobile h3{font-size: 1.8rem;}
    .mobile p{font-size: 1.4rem;}

    .mobile2 img,.mobile3-con img,.mobile6 img,.mobile8 img{width: 70%;}
    .mobile4 ul{margin: 2rem auto;}
    .mobile4 li{font-size: 1.4rem;}
    .mobile5 img.img1{padding: 1rem 2%;}
    .mobile5 a.btn{margin: 2rem auto;}
    .mobile7 img{max-height: 364px;}
    .mobile8 ul li{font-size: 1.4rem;}
    .mobile9 td{padding: 0.6rem;}
    .mobile9 td img{width: 2.6rem;}
    .mobile10 img.img1{width: 40%;}
    .mobile10 img.img2{width: 55%;}
    .mobile11 .ul-list-body li .list > a{height: 1.4rem;}
    .mobile11 a.btn{margin: 1rem auto;}

    .mobile13 > img{width: 80%; margin: 0 auto;}
}

@media screen and (max-width: 320px) and (max-height: 480px){
    .mobile a.btn{font-size: 1.2rem; padding: 2px 15px;}

    .section-header ul li{padding: 0;}
    .section-header ul li img{max-width: 54%;}

    .mobile2 img{width: 62%;}
    .mobile2 a.btn{margin: 1rem auto;}

    .mobile3-con{padding: 0 0 6rem;}
    .mobile3-con img{width: 65%;}

    .mobile3-con a.btn{width: 7rem; height: 8rem; line-height: 8rem; bottom: 11%;}

    .mobile4 ul{margin: 0 auto 1rem;}

    .mobile5 img{width: 80%;}
    .mobile5 a.btn{margin: 0 auto;}

    .mobile6 ul{padding: 0;}
    .mobile6 img{width: 60%;}
    .mobile7 img{height: 310px;}

    .mobile8 img{padding: 0; width: 60%;}

    .mobile9 table{margin: 0 auto;}
    .mobile9 td{padding: 0.1rem 0;}

    .mobile10 img.img1{padding: 0; width: 30%;}
    .mobile10 img.img2{padding: 0.4rem 0;}
    .mobile10 img.img3{width: 2.4rem;}

    .mobile11 .ul-list{margin: 0.5rem auto;}
    .mobile11 .ul-list li{height: 2rem; line-height: 2rem; font-size: 1.4rem;}
    .mobile11 .ul-list-body li .list{padding: 0.5rem 1rem 0;}

    .mobile11 .ul-list-body li .title{font-size: 1.2rem; line-height: 1.4rem;}
    .mobile11 .ul-list-body li .list > a{font-size: 1.2rem; padding: 0; height: 1.6rem; line-height: 1.6rem;}

}

@media screen and (max-width: 640px) and (max-height: 640px){
    .mobile h3{font-size: 1.8rem;}
    .mobile p{font-size: 1.4rem; line-height: 2rem;}
    .mobile a.btn{font-size: 1.6rem;}

    .mobile2 img{width: 60%;}

    .mobile3-con{padding: 1rem 0;}
    .mobile3-con img{width: 70%;}
    .mobile3-con a.btn{font-size: 1.4rem; width: 6rem; height: 7rem; bottom: 0%; line-height: 7rem;}

    .mobile4 ul{margin: 2rem auto;}
    .mobile4 li{font-size: 1.4rem; line-height: 2.6rem;}

    .mobile5 img{width: 80%;}
    .mobile5 img.img1{padding: 1rem 2%;}
    .mobile5 a.btn{margin: 1rem auto;}

    .mobile6 ul{padding: 0.5rem auto;}
    .mobile6 img{width: 65%;}
    .mobile5 a.btn{margin: 1rem auto;}

    .mobile7 img{max-height: 350px;}

    .mobile8 img{padding: 0; width: 70%;}
    .mobile8 ul li{font-size: 1.4rem; line-height: 2.8rem;}

    .mobile9 td{padding: 0.1rem 0; font-size: 1.2rem;}

    .mobile10 img.img1{width: 35%;}
    .mobile10 img.img2{width: 40%;}

    .mobile11 .ul-list{margin: 0.5rem auto;}
    .mobile11 .ul-list li{height: 2rem; line-height: 2rem; font-size: 1.4rem;}
    .mobile11 .ul-list-body li .list{padding: 0.5rem 1rem 0;}

    .mobile11 .ul-list-body li .title{font-size: 1.4rem; line-height: 1.8rem;}
    .mobile11 .ul-list-body li .list > a{font-size: 1.4rem; padding: 0; height: 1.8rem; line-height: 1.6rem;}

    .mobile13 > img{width: 70%; margin: 0 auto;}
}