@charset "utf-8";
html{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul li{list-style: none;}
body{font-family:"Microsoft Yahei","微软雅黑","sans-serif";}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0; padding:0px;}
img{border: none;}
a{text-decoration: none; color: #000;}
a:hover{text-decoration: none;}
i{font-style: normal;}
.clearfix{clear: both;}
.clearfix::after { height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden; content: "."; }
/*index*/
.topside{position: fixed;z-index: 99999; top: 0; width: 100%; height: 70px; background:rgba(83,83,83,0.50)}
.topside .logo{margin-top: 10px; position: relative;}
.topside .logo span{position: absolute; left: 66px; top: 14px; font-size: 18px; font-weight: bold; color: #fff; letter-spacing: 2px;}
.wechat{position: relative; margin: 20px 0px 0px 25px;}
.wechat .flip{display: none;}
.wechat .flip:before{position: absolute; width: 11px; height: 10px; background: url(../images/p3_03.png) no-repeat; left: 0; right: 0; top: -10px; margin: 0 auto; content:"";}
.wechat:hover .flip{display: block; background: #fff; position: absolute; top: 76px; left: -55px; z-index: 99999; width: 145px;; padding-bottom: 8px;} 
.wechat .flip img{margin-top: 12px; margin-bottom: 10px;}
.wechat .flip p{font-size: 13px; line-height: 20.13px; color: #363636; text-align: center;}
.topside nav{float: left;}
.topside nav ul li{float: left;}
.topside nav ul li.none{display: none;}
.topside nav ul li a{display: block; color: #fff; font-size: 17px; padding: 0 30px; line-height: 70px;}
.topside nav ul li a:hover{color: #fada00;}
.topside p.tel{float: left; margin-left: 36px;}
.topside p.tel a{font-size: 18px; line-height: 70px; font-weight: bold; color: #fff;}
.mbtn{display: none;}
nav dl{display: none;}
nav li.hover{position: relative;}
nav li.hover:hover a{background: rgba(27,27,27,0.22); border-top-left-radius: 5px; border-top-right-radius: 5px;}
nav li.hover:hover dl{display: block; position: absolute; width: 128px; top: 70px; background: rgba(27,27,27,0.22); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 4px 7px;}
nav li.hehuoren:hover dl{width: 145px;}
nav li.hover:hover dl dd{border-bottom: 1px solid #aaaaaa; margin-top: 5px;}
nav li.hover:hover dl dd a{padding: 11px 0; text-align: center; background: none; border: none; line-height: 23px;}
nav li.hover:hover dl dd:last-child{border: none;}
footer{background: rgba(0,0,0,0.73); padding: 76px 0 0px 0; margin-top: 0;}
footer p.title{font-size: 25px; color: #fff; position: relative;}
footer p.bg:after{position: absolute; width: 161px; height: 13px; background: url(../images/p24_03.png) no-repeat; bottom: -29px; left: 0; content: "";}
footer .zixun .info{margin-top: 25px;}
footer .zixun .bg{margin-bottom: 58px;}
footer .zixun img{float: left; margin-top: 3px;}
footer .zixun .r{float: left; margin-left: 15px;}
footer .zixun .r p{font-size: 20px; color: #fff;line-height: 30px;}
footer .zixun .r p a{color: #fff;}
footer .zixun .r .small{font-size: 13px; line-height: 30px; margin: 0;}
footer .guanzhu{margin-left: 267px;}
footer .guanzhu p.images{border: 6px solid #fff; margin-top: 50px;width: 140px; height: 140px;}
footer .guanzhu p.images img{width: 100%;}
footer .guanzhu p.tips{font-size: 17px; color: #fff; margin-top: 19px; text-align:center;}
footer .guanzhu p.bg:after{left: -12px;}
footer .guanzhu .title{text-align: center;}
footer .lb .list{float: left; margin-left: 90px;}
footer .lb .list ul{margin-top: 5px;}
footer .lb .list ul li{font-size: 16.5px; line-height: 36px; text-align: center;}
footer .lb .list ul li a{color: #fff;}
.copyright{color: #aaa; margin-top: 40px; background:#343333; text-align:center; padding:13px 0;}
.copyright a{color: #aaa; margin-left: 10px;}
#leftbar{position: fixed; left: 43px; top: 40%; width: 140px; height: 173px; background: url(../images/online_03.png) no-repeat;}
#leftbar .con{position: absolute;top: 108px; left: 0;right: 0; margin: 0 auto;}
#leftbar p{font-size: 15px; text-align: center;}
#leftbar a{font-size: 15px; text-align: center; display: block; width: 86px; height: 24px; background: #ffae00; color: #fff; line-height: 24px; margin: 0 auto; margin-top: 4px;}
.side-right{width: 80px;position: fixed; right: 11px; top:40%;}
.side-right .list{width: 80px; height: 80px; background: #85c31b;margin-top: 3px; position: relative;}
.side-right .list:hover a{background: #097c25;}
.side-right .list a{display: block;width: 80px;height: 80px; text-align: center; cursor: pointer;}
.side-right .list a span{display: block;}
.side-right .list a i{display: block; font-style: normal; text-align: center; font-size: 13.5px; color: #fff; margin-top: 5px;}
.side-right .lb span{width: 30px; height: 30px;background: url(../images/p28_07.png) no-repeat;position: relative; top: 15px; left: 28px;}
.side-right .lb a i{padding-top: 16px;}
.side-right .ld span{width: 39px; height: 33px;background: url(../images/p27_03.png) no-repeat;position: relative; top: 17px; left: 24px;}
.side-right .ld a i{padding-top: 16px;}
.side-right .lb:hover #lbcontent{display: block;}
.side-right .ld:hover #ldcontent{display: block;}
.side-right #lbcontent{display: none; width:auto; padding:10px 14px 10px 14px; height: 80px; border: 1px solid #097c25;position: absolute; background: #fff;left: -171px; top:0px;}
.side-right #lbcontent p{font-size: 12px; line-height: 20px;}
.side-right #ldcontent{display: none; padding: 5px; border: 1px solid #097c25;position: absolute; background: #fff;left: -132px; top:0px;}
.side-right #ldcontent img{width: 118px; height: 118px;}
.side-right #ldcontent i{display: block; font-style: normal; text-align: center; font-size: 12px;margin-top: 10px;}
#goTopBtn{width: 80px; height: 80px;margin-top: 3px; cursor:pointer;display:none; background: #85c31b;} 
#goTopBtn:hover{background: #097c25;}
#goTopBtn p{display: block;width: 39px; height: 26px;background:url(../images/p29_03.png) no-repeat; position: relative;top: 30px; left: 23px;}
/*sub*/
.w1137{width: 1137px; margin: 0 auto;}
.wrap{float: left;position: relative;left: 50%;}
.inner {position: relative;left: -50%; }
.bg{background: #45cdff;}
.single-zhaoshang{max-width: 1920px; margin: 0 auto; overflow: hidden;}
.section1{padding-bottom: 94px;}
.section1 h3{text-align: center; font-size: 58px; color: #fff; font-weight: bold;}
.section1{padding-top: 68px;}
.common-desc{text-align: center; font-size: 26px; letter-spacing: 5px;}
.common-desc u{color: #ffff00;}
.common-desc.mt12{margin-top: 12px;}
.section1 .common-desc{ color: #fff; margin-top: 22px;}
.section1 .common-desc.mt12{margin-top: 12px;}
.section1 .w1137{background: #fff;margin-top: 25px; position: relative;}
.section1 .box{width: 722px; margin: 0 auto; padding: 42px 0;}
.section1 form{width: 493px; float: left;}
.section1 .form-group{margin-bottom: 18px;}
.section1 input{ height: 48px; background: #eee;}
.section1 form .submit{background:url(../images/bt2_04.png) no-repeat; width: 100%; height: 51px; border: none;}
.section1 .address input{float: left; width: 49%;}
.section1 .address input:first-child{ margin-right: 2%;}
.section1 .address input:last-child{}
.section1 .weixin{float: left; margin: 30px 0 0 65px;}
.section1 .weixin span{text-align: center; display: block; margin-top: 10px;}
.section1 p.hongqi{position: absolute; left: -60px; top: -39px;}
.block414{display: none;}
.section2{}
.sbg1{height: 68px; background: url(https://fastercdn.oss-cn-beijing.aliyuncs.com/kuwa/images/bg1_03.png) no-repeat;}
.section2 .btitle{margin-top: 86px;}
.btitle{position: relative; text-align: center; font-size: 56px; color: #0babe6; font-weight: bold;}
.btitle.cl{color: #fff;}
.btitle i{width: 59px; height: 6px; background: #0babe6; display: inline-block; position: relative; top: -18px;}
.btitle.cl i{background: #fff;}
.btitle i.l{ left: -21px;}
.btitle i.rr{ right: -21px;}
.section2 .wrap ul{margin-top: 28px;}
.section2 .wrap ul li{float: left; font-size: 22px; margin: 0 9px;}
.section2 .wrap ul li a{color: #4a381e; background: #fccc44; border-radius: 13px; padding: 4px 15px; font-weight: bold;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;
-webkit-align-items: center;align-items: center;}
.scroll{width: 1352px; margin: 0 auto; position: relative;}
.section2 .swiper-container, .section6 .swiper-container{width: 1137px; margin: 0 auto; margin-top: 48px;}
.section2 .swiper-button-next, .section2 .swiper-button-prev, .section6 .swiper-button-next, .section6 .swiper-button-prev{width: 32px; height: 43px; color: #d3f0fa; top: 55%;}
.swiper-button-prev{background: url(../images/left_05.png) no-repeat;}
.swiper-button-next{background: url(../images/right_05.png) no-repeat;}
.section2 .swiper-slide p{font-size: 18px; color: #333; margin-top: 18px; text-align: center;}
.section2 .swiper-slide p span{color: #0babe6;}
.sbg2{height: 68px; background: url(https://fastercdn.oss-cn-beijing.aliyuncs.com/kuwa/images/bg2_04.png) no-repeat;}
.section3{margin-top: 80px; padding-bottom: 67px;}
.section3 .w1137{padding-top: 80px;}
.section3 .common-desc{color: #fff;}
.section3 ul{margin-top: 10px;}
.section3 ul li{width: 33.3%; float: left; margin-top: 35px; padding: 0 18px; position: relative;}
.section3 ul li div{position: absolute; top: 100px; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 17px; line-height: 1.9; font-weight: bold;color: #333;}
.section3 ul li div i{display: block;}

.section4 .w1137{margin-top: 77px; padding: 0 30px;}
.section4 .common-desc{color: #0babe6;}
.section4 .btitle.cl{color: #0babe6;}
.section4 .btitle.cl i{background: #0babe6;}
.section4 .js_tab{margin-top: 46px;}
.section4 .top{background: #45cdff;}
.section4 .js_tab_detail{width: 51.9%;}
.section4 .js_tab_detail img{width: 100%;}
.section4 .r{width: 48.1%; }
.section4 .r p{font-size: 18px; color: #fff; line-height: 30px; margin-top: 34px; padding: 0 37px;}
.section4 ul{margin: 10px -4px 0 -4px;}
.section4 ul li{float: left; width: 25%; padding: 0 4px;}
.section5{margin-top: 86px; padding-bottom: 53px;}
.section5 h3{margin-top: 53px;}
.section5 .common-desc{color: #fff;}
.section5 .icolist{width: 1014px; margin: 0 auto; margin-top: 45px;}
.section5 .icolist p{float: left;}
.section6 h3{ margin-top: 80px;}
.section6 .common-desc{color: #0babe6;}
.section6 .btitle.cl{color: #0babe6;}
.section6 .btitle.cl i{background: #0babe6;}
.section6 .swiper-slide img{width: 100%;}
.section6 p.fugou{text-align: center; font-size: 16.5px; font-weight: bold;color: #333; margin-top: 35px;}
.section6 p.fugou i{color: #e20000;}
.section7{margin-top: 78px; padding-bottom: 110px;}
.section7 .w1137{padding: 0 4px; margin-top: 35px;}
.section7 h3{margin-top: 84px;}
.section7 .common-desc{color: #fff;}
.section7 .desc{text-align: center; font-size: 26px; color: #fff; margin-top: 12px; letter-spacing: 5px;}
.section7 .desc u{color: #ffff00;}
.section7 .pull-left{background: #fff; width: 821px; border-radius: 15px; height: 291px; padding-top: 30px;}
.section7 .pull-left p{font-size: 17px; color: #333; line-height: 1.6; margin-top: 10px; position: relative; margin-left: 102px;}
.section7 .pull-left p:before{position: absolute; width: 24px; height: 22px; content: ""; left: -37px; top: 4px; background: url(../images/duihao_20.png) no-repeat;}
.section7 .pull-left p i{color: #fe5339; font-weight: bold;}
.section7 .pull-right{width: 294px; height: 291px; background: #fff; border-radius: 15px; padding: 52px 23px 0 23px;}
.section7 .pull-right p{font-size: 23px; font-weight: bold; color: #333; line-height: 40px; margin-top: 13px; margin-left: 3px;}
.section7 .pull-right i{display: inline-block; width: 57px; height: 57px; line-height: 57px; text-align: center; color: #fff; font-size: 30px; background: #0babe6; border-radius: 50%; margin:0 2px;}



footer .bg{background: none;}

@media (max-width: 1366px){
	.container{width: 90%; margin: 0 5%;}
	footer .guanzhu{margin-left: 120px;}
}
@media (max-width: 1024px){
	.container{width: 94%; margin: 0 3%;}
	.topside nav ul li a{font-size: 15px; padding: 0 10px;}
	footer{padding: 30px 0 0px 0; margin-top: 80px;}
	footer p.title{font-size: 20px;}
	footer p.bg:after{width: 130px; height: 10px; bottom: -20px; background-size: 100%;}
	footer .zixun .info{margin-top: 25px;}
	footer .zixun .bg{margin-bottom: 50px;}
	footer .zixun .r p{font-size: 18px;line-height: 26px;}
	footer .zixun .r .small{font-size: 12px; line-height: 26px;}
	footer .guanzhu{margin-left: 100px;}
	footer .guanzhu p.images{margin-top: 40px;width: 100px; height: 100px;}
	footer .guanzhu p.tips{font-size: 14px; color: #fff; margin-top: 10px;}
	footer .lb .list{float: left; margin-left: 60px;}
	footer .lb .list ul li{font-size: 14px; line-height: 26px;}
}
@media (max-width: 768px){
	.none768{display: none;}
	.block768{display: block;}
	.container{width: 100%; margin: 0 auto; padding: 0 15px; overflow: hidden;}
	.mbtn{display: block; width: 40px; height: 40px; margin-top: 15px; background: url(../images/btn.png) no-repeat; background-size: cover; cursor: pointer;}
	nav{display: none;}
	.topside nav{ float: none;position: absolute; margin-right: 0; top: 70px; right: 15px; z-index: 9999; width: auto; padding: 0; height: 100%;}
	.topside nav ul{ background: #f4f4f4; border: 1px solid #ddd; padding: 10px 0; border-radius: 10px;}
	.topside nav ul li{float: none;}
	.topside nav ul li.none{display: block;}
	.topside nav ul li a{font-size: 17px; padding: 0 30px; line-height: 60px; color: #000; text-align: center; border-bottom: 1px solid #ddd;}
	.topside nav ul li:last-child a{border: none;}
	.topside .wechat{display: none;}
	nav li.hover{position: relative;}
	nav li.hover:hover a{background: none; border-radius: 0;}
	nav li.hover:hover dl{display: none;}
	footer{padding: 20px 0 0px 0; margin-top: 40px;}
	footer p.title{font-size: 20px;}
	footer p.bg:after{width: 90px; height: 8px;}
	footer .zixun .info{margin-top: 20px;}
	footer .zixun .bg{margin-bottom: 50px;}
	footer .guanzhu{display: none;}
	footer .guanzhu p.images{margin-top: 40px;width: 100px; height: 100px;}
	footer .guanzhu p.tips{font-size: 14px; color: #fff; margin-top: 10px;}
	#leftbar{display: none;}
	.side-right .ld, .side-right .lb{display: none;}
	.side-right{right: 10px; top: 85%;}
	#goTopBtn{ bottom: 10%;}
}
@media (max-width: 414px){
	.container{padding: 0 10px;}
	.topside{height: 60px;}
	.mbtn{width: 35px; height: 35px; margin-top: 12px;}
	.topside .logo{margin-top: 8px;}
	.topside .logo img{width: 150px;}
	.topside .logo span{left: 50px; top: 10px; font-size: 15px;letter-spacing: 0px;}
	.topside nav{top: 60px; right: 10px;}
	.topside nav ul li a{font-size: 16px;}
	footer{padding: 20px 0 0px 0; margin-top: 30px;}
	footer p.title{font-size: 20px;}
	footer .zixun .info{margin-top: 10px;}
	footer .zixun .bg{margin-bottom: 40px;}
	footer .lb{display: none;}
	.copyright{font-size: 12px; margin-top: 10px;}
	.copyright a{color: #aaa; margin-left: 0px; display: block;}
	.side-right{right: -30px;}
	#goTopBtn{width: 40px; height: 40px;background: url(../images/mgotop.png) no-repeat; background-size: cover;} 
	#goTopBtn p{background: none;}
	.banner{margin-top: 60px;}
	.btitle{font-size: 30px;}
	.btitle i{width: 35px; height: 4px; top: -9px;}
	.btitle i.l{left: -14px;}
	.btitle i.rr{right: -14px;}
	.common-desc{font-size: 15px;}
	.section1{padding-top: 30px; padding-bottom: 30px;}
	.section1 .w1137{padding-bottom: 10px;}
	.section1 h3{font-size: 28px;}
	.section1 .desc, .section7 .desc{font-size: 17px;}
	.section1 p.hongqi{display: none;}
	.w1137{width: 100%; padding: 0 5px;}
	.section1 .box{width: 100%;}
	.section1 .form-group{margin-bottom: 10px;}
	.section1 form{width: 100%;}
	.section1 .box{padding: 20px 0 10px 0;}
	.section1 input{height: 40px;}
	.section1 form .submit{background-size:contain;}
	.section1 .weixin{float: none; margin: 0; padding: 0;}
	.section1 .weixin img{width: 50%;}
	.block414{display: block; text-align: center; font-size: 15px; color: #333;}
	.sbg1{background-size: contain; height: 15px;}
	.section2 .btitle{margin-top: 35px;}
	.btitle img{width: 280px;}
	.section2 .wrap ul{margin-top: 20px;}
	.section2 .wrap ul li{width: 50%; font-size: 16px; text-align:center;margin: 5px 0 0 0; padding: 0 5px;}
	.section2 .wrap ul li a{padding: 8px 5px; display:block;}
	.scroll{width: 100%;}
	.section2 .swiper-container, .section6 .swiper-container{width: 200%; margin-top: 20px;}
	.section2 .swiper-slide p{font-size: 14px; margin-top: 8px;}
	.section3{margin-top: 30px;}
	.sbg2{background-size: contain; height: 15px;}
	.section3{padding-bottom: 40px;}
	.section3 .w1137{padding-top: 35px;}
	.section3 ul li{width: 50%; padding: 0 5px; margin-top: 10px;}
	.section3 ul li div{font-size: 12px; line-height: 1.5; top: 57px;}
	.section4 .w1137{margin-top: 30px; padding: 0 5px;}
	.section4 .js_tab_detail{width: 100%;}
	.section4 .r{width: 100%; padding-bottom: 10px;}
	.section4 .js_tab{margin-top: 15px;}
	.section4 .r p{font-size: 14px; line-height: 1.7; margin-top: 10px; padding: 0 15px;}
	.section4 ul li{width: 50%; margin-bottom: 10px;}
	.section5{padding-bottom: 35px;}
	.section5, .section5 h3, .section6 h3, .section7, .section7 h3{margin-top: 35px;}
	.section5 .icolist{width: 100%;}
	.section5 .icolist p{width: 16.6%;}
	.section5 .icolist{margin-top: 28px;}
	.section6 p{padding: 0 10px; line-height: 1.6; margin-top: 20px;}
	.section7{padding-bottom: 20px;}
	.section7 .w1137{margin-top: 17px;}
	.section7 .desc{letter-spacing: 2px;}
	.section7 .pull-left{width: 100%; height: auto; padding: 15px 10px;}
	.section7 .pull-left p{font-size: 14px; margin: 0; margin-top: 8px;}
	.section7 .pull-left p:before{background: none;}
	.section7 .pull-right{width: 100%; height: auto; margin-top: 5px; padding: 15px 10px;}
	.section7 .pull-right p{font-size: 18px; line-height: 1.6;}
	.section7 .pull-right img{width: 55%;}
	
	
	
	
	
}
@media (max-width: 400px){
	.section3 ul li div{top: 53px;}
}
@media (max-width: 385px){
	.section3 ul li div{top: 50px;}
}

@media (max-width: 375px){
	.topside{height: 55px;}
	.mbtn{width: 32px; height: 32px; margin-top: 11px;}
	.topside .logo img{width: 130px;}
	.topside .logo span{left: 40px; top: 7px; font-size: 14px;letter-spacing: 0px;}
	.topside nav{top: 55px; right: 10px;}
	.topside nav ul{padding: 5px 0;}
	.topside nav ul li a{font-size: 14px; line-height: 50px;}
	.section1 h3{font-size: 26px;}
}
@media (max-width: 360px){
	.section3 ul li div{top: 46px;}
}
@media (max-width: 338px){
	.section3 ul li div{top: 43px;}
}
@media (max-width: 330px){
	.section3 ul li div{top: 41px;}
}
		
@media (max-width: 320px){
	.section1 h3{font-size: 22px;}
	.btitle img{width: 240px;}
	.section2 .wrap ul li{font-size: 14px;}
	.section2 .wrap ul li a{padding: 6px 5px;}
}