/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:' '; }
/* p{line-height:1.8em; padding:5px 0;} */
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
img{max-width: 100%;}

.head{height: 110px;}
.head .logo{width: 15%;float: left;line-height: 110px;}
.head .logo img{vertical-align: middle;}
.head .menu{width:80%;float: right;position: relative;}
.head .menu ul{text-align: right;position: absolute;width: 100%;z-index: 5;}
.head .menu ul li{width: 13%;display: inline-block;text-align: center;padding: 3% 0 0 0;  margin: 0 1%;position: relative;}
.head .menu ul li.cur{padding: 3% 0 5% 0; background: url(../images/menuhoverbj.png) no-repeat top center;background-size: 100%;}
.head .menu ul li:hover{padding: 3% 0 5% 0; background: url(../images/menuhoverbj.png) no-repeat top center;background-size: 100%;}
/* .head .menu ul li .zhezhao{background: url(../images/menuhoverbj.png) no-repeat top center;box-shadow: 0 0 5px #ddd;display: none;height: 120px;position: absolute;top: 0;left: 0;width: 100%;z-index: -1;}
.head .menu ul li:hover .zhezhao{display: block;} */
.head .menu ul li .img1{}
.head .menu ul li.cur .img1{display: none;}
.head .menu ul li:hover .img1{display: none;}
.head .menu ul li .img1 img{}
.head .menu ul li .img2{display: none;}
.head .menu ul li.cur .img2{display: block;}
.head .menu ul li:hover .img2{display: block;}
.head .menu ul li .img2 img{}
.head .menu ul li .zi{}
.head .menu ul li .zi p{font-size: 18px;color: #333333;line-height: 1.5em;padding: 0;font-weight: bold;}
.head .menu ul li.cur .zi p{color: #FFFFFF;}
.head .menu ul li:hover .zi p{color: #FFFFFF;}

.lbt{}
.lbt .swiper-slide{}
.lbt .swiper-slide .img{position: relative;}
.lbt .swiper-slide .img img{max-width: 100%;}
.lbt .swiper-slide .img .dwbott{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(161,121,61,0.8);padding: 1% 0;}
.lbt .swiper-slide .img .dwbott ul{width: 35%;margin: 0 auto;}
.lbt .swiper-slide .img .dwbott ul li{width: 46%;float: left;margin: 0 8% 0 0;}
.lbt .swiper-slide .img .dwbott ul li:nth-child(2n){margin: 0 0 0 0;}
.lbt .swiper-slide .img .dwbott ul li .imglt{width: 60px;float: left;}
.lbt .swiper-slide .img .dwbott ul li .imglt img{}
.lbt .swiper-slide .img .dwbott ul li .zi{width: calc(100% - 70px);float: right;}
.lbt .swiper-slide .img .dwbott ul li .zi h2{font-size: 22px;color: #FFFFFF;line-height: 1.5em;font-weight: normal;text-align: left;}

.title{width: 250px;margin: 0 auto;}
.title .img{width: 30%;float: left;}
.title .img img{max-width: 100%;}
.title .zi{width: 68%;float: right;margin-top: 13px;}
.title .zi h2{font-size: 12px;color: #333333;line-height: 1.25em;}
.title .zi h3{font-size: 12px;color: #999999;line-height: 1.5em;font-weight: normal;}

.index1{padding: 3% 0;}
.index1 .index1bt{}
.index1 .index1nr{margin-top: 3%;}
.index1 .index1nr .left{width: 35%;float: left;}
.index1 .index1nr .left video{max-width: 100%;border-radius: 10px;}
.index1 .index1nr .right{width: 60%;float: right;}
.index1 .index1nr .right h2{font-size: 22px;color: #333;font-weight: normal;}
.index1 .index1nr .right p{font-size: 15px;color: #333333;line-height: 1.5em;padding: 20px 0;}
.index1 .index1nr .right .an{}
.index1 .index1nr .right .an a{font-size: 18px;color: #FFFFFF;display: inline-block;padding: 15px 30px;background: #55ACEE;border-radius: 40px ;}

.index2{padding: 3% 0;}
.index2 .index2bt{}
.index2 .index2nr{margin-top: 3%;}
.index2 .index2nr ul{padding: 0 8%;text-align: center;}
.index2 .index2nr ul li{width: 23.9%;display: inline-block;margin: 0 1% 1% 0;text-align: center;border-radius: 10px;background: #FFFFFF;overflow: hidden;}
.index2 .index2nr ul li:nth-child(4n){margin: 0 0 1% 0;}
.index2 .index2nr ul li:hover{background: #FFBD00;}
.index2 .index2nr ul li .img{}
.index2 .index2nr ul li .img img{max-width: 100%;}
.index2 .index2nr ul li:hover .img img{max-width: 99%;margin-top: 1px;}
.index2 .index2nr ul li .zi{padding: 3% 5% 10% 5%;}
.index2 .index2nr ul li .zi h2{font-size: 20px;color: #333333;line-height: 2em;}
.index2 .index2nr ul li .zi p{font-size: 14px;color: #999999;line-height: 1.5em;}

.index3bg{width: 1440px;margin: 0 auto 3% auto;background: #FFFFFF;border-radius: 30px;box-shadow: 0 0 80px rgba(0,0,0,0.1);}

.index3{padding: 3% 0;}
.index3 .index3bt{ }
.index3 .index3nr{ margin-top: 3%;}
.index3 .index3nr .nlbj{text-align: center;position: relative;}
.index3 .index3nr .nlbj img{max-width: 100%;}

.index3 .index3nr .text1{position: absolute;top: 6%;left: 70%;text-align: left;}
.index3 .index3nr .text1 h2{font-size: 22px;color: #333333;line-height: 1.5em;}
.index3 .index3nr .text1 p{font-size: 16px;color: #999999;line-height: 1.5em;}

.index3 .index3nr .text2{position: absolute;top: 2%;left: 22%;text-align: right;}
.index3 .index3nr .text2 h2{font-size: 22px;color: #333333;line-height: 1.5em;}
.index3 .index3nr .text2 p{font-size: 16px;color: #999999;line-height: 1.5em;}

.index3 .index3nr .text3{position: absolute;top: 18%;left: 8%;text-align: right;}
.index3 .index3nr .text3 h2{font-size: 22px;color: #333333;line-height: 1.5em;}
.index3 .index3nr .text3 p{font-size: 16px;color: #999999;line-height: 1.5em;}

.index3 .index3nr .text4{position: absolute;top: 80%;left: 10%;text-align: center;}
.index3 .index3nr .text4 h2{font-size: 22px;color: #333333;line-height: 1.5em;}
.index3 .index3nr .text4 p{font-size: 16px;color: #999999;line-height: 1.5em;}

.index3 .index3nr .text5{position: absolute;bottom: -5%;left: 41%;text-align: center;}
.index3 .index3nr .text5 h2{font-size: 22px;color: #333333;line-height: 1.5em;}
.index3 .index3nr .text5 p{font-size: 16px;color: #999999;line-height: 1.5em;}

.index3 .index3nr .text6{position: absolute;top: 80%;right: 17%;text-align: center;}
.index3 .index3nr .text6 h2{font-size: 22px;color: #333333;line-height: 1.5em;}
.index3 .index3nr .text6 p{font-size: 16px;color: #999999;line-height: 1.5em;}

.index3 .index3nr .text7{position: absolute;top: 16%;right: 13%;text-align: left;}
.index3 .index3nr .text7 h2{font-size: 22px;color: #333333;line-height: 1.5em;}
.index3 .index3nr .text7 p{font-size: 16px;color: #999999;line-height: 1.5em;}

.index3 .index3nr .an{text-align: center;margin-top: 100px;margin-bottom: 30px;}
.index3 .index3nr .an a{font-size: 18px;color: #FFFFFF;padding: 10px 30px;background: #FFBD00;border-radius: 40px;display: inline-block;}

.index4{background: url(../images/index4bj.png) no-repeat ;background-size: cover;padding: 1% 0;}
.index4 .left{float: left;}
.index4 .left .logo{}
.index4 .left .logo img{}
.index4 .left .p{}
.index4 .left .p p{font-size: 30px;color: #333333;font-weight: bold; line-height: 2em;letter-spacing: 5px;}
.index4 .left .p p font{font-size: 30px;color: #55ACEE;}
.index4 .left .p p span{font-size: 60px;color: #55ACEE;}
.index4 .right{float: right;margin-top: 3%;}
.index4 .right a{font-size: 16px;color: #FFFFFF;padding: 15px 40px;background: #007AFF;display: inline-block;border-radius: 40px;}


.index5{padding: 5% 0 3% 0;background: #F6F7FA;}
.index5 .index5bt{ }
.index5 .index5nr{ margin-top: 3%;}
.index5 .index5nr ul{ }
.index5 .index5nr ul li{ padding: 2% 0;}
.index5 .index5nr ul li .img{width: 50%;float: left; }
.index5 .index5nr ul li .img img{ border-radius: 10px;}
.index5 .index5nr ul li .zi{ width: 40%;float: right;padding:2% 5%;}
.index5 .index5nr ul li .zi h2{ font-size: 26px;color: #333333;line-height: 1.5em;font-weight: ;}
.index5 .index5nr ul li .zi p{ font-size: 16px;color: #999999;line-height: 1.5em;padding: 10px 0;}
.index5 .index5nr ul li .zi .an{ }
.index5 .index5nr ul li .zi .an a{ font-size: 20px;color: #FFFFFF;padding: 10px 30px;border-radius: 40px;display: inline-block;}

.index5 .index5nr ul li:nth-child(even) .img{float: right;}
.index5 .index5nr ul li:nth-child(even) .zi{float: left;text-align: right;}

.index5 .index5nr ul li:nth-child(odd) .zi .an a{background: #55ACEE;}
.index5 .index5nr ul li:nth-child(even) .zi .an a{background: #FFBD00;}

.index6{text-align: center;padding: 3% 0;}
.index6 img{max-width: 100%;}

.index7{padding: 3% 0;}
.index7 .index7bt{}
.index7 .index7bt .title h2{color: #FFFFFF;}
.index7 .index7bt .title h3{color: #FFFFFF;}
.index7 .index7nr{margin-top: 3%;}
.index7 .index7nr ul{}
.index7 .index7nr ul li{width: 31.33%;float: left;margin: 0 3% 29px 0;background: #FFFFFF;border-radius: 10px;overflow: hidden;}
.index7 .index7nr ul li:hover{background: #FFC000;}
.index7 .index7nr ul li:nth-child(3n){margin: 0 0 0 0;}
.index7 .index7nr ul li .img{border-radius: 10px;overflow: hidden;position: relative;}
.index7 .index7nr ul li .img img{max-width: 100%;}
.index7 .index7nr ul li .img .bf{position: absolute;top: 0;left: 0;width: 100%;text-align: center;margin-top: 20%;}
.index7 .index7nr ul li .img .bf img{}
.index7 .index7nr ul li .zi {padding: 5%;text-align: center;}
.index7 .index7nr ul li .zi h2{font-size: 22px;color: #333333;line-height: 1.5em;}
.index7 .index7nr ul li:hover .zi h2{color: #FFFFFF;}
.index7 .index7nr ul li .zi p{font-size: 16px;color: #999999;}
.index7 .index7nr ul li:hover .zi p{color: #FFFFFF;}

.index8bg{width: 1440px;margin: 0 auto 3% auto;background: #FFFFFF;border-radius: 30px;box-shadow: 0 0 80px rgba(0,0,0,0.1);}
.index8{padding: 3% 0;}
.index8 .index8bt{}
.index8 .index8nr{margin-top: 3%;}
.index8 .index8nr ul{}
.index8 .index8nr ul li{width: 31.33%;float: left;margin: 0 3% 0 0;box-shadow: 0 0 30px #EEEEEE;}
.index8 .index8nr ul li:hover{box-shadow: 0 0 40px rgba(0,0,0,0.3);background: #00A7EA;}
.index8 .index8nr ul li:nth-child(3n){margin: 0 0 0 0;}
.index8 .index8nr ul li .img{}
.index8 .index8nr ul li .img img{max-width: 100%;}
.index8 .index8nr ul li .bot{padding: 5%;}
.index8 .index8nr ul li .bot .tx{width: 20%;float: left;width: 50%;}
.index8 .index8nr ul li .bot .tx img{}
.index8 .index8nr ul li .bot .rt{width: 76%;float: right;width: 50%;text-align: right;}
.index8 .index8nr ul li .bot .rt h2{font-size: 20px;color: #333333;line-height: 1.5em;font-weight: normal;}
.index8 .index8nr ul li:hover .bot .rt h2{color: #FFFFFF;}
.index8 .index8nr ul li .bot .rt p{font-size: 14px;color: #999999;}
.index8 .index8nr ul li:hover .bot .rt p{color: #FFFFFF;}
.index8 .index8nr ul li .bot .yll{}
.index8 .index8nr ul li .bot .yll .lt{float: left;}
.index8 .index8nr ul li .bot .yll .lt p{font-size: 14px;color: #999;line-height: 1.5em;}
.index8 .index8nr ul li:hover .bot .yll .lt p{color: #FFFFFF;}
.index8 .index8nr ul li .bot .yll .rt{float: right;}
.index8 .index8nr ul li .bot .yll .rt p{font-size: 14px;color: #999999;line-height: 1.5em;background: url(../images/yanjinglan.png) no-repeat right 50px center;padding-left: 25px;}
.index8 .index8nr ul li:hover .bot .yll .rt p{background: url(../images/yanjingbai.png) no-repeat right 50px center;}
.index8 .index8nr ul li:hover .bot .yll .rt p{color: #FFFFFF;}
.index8 .index8nr .an{text-align: center;margin-top: 60px;}
.index8 .index8nr .an a{font-size: 18px;color: #FFFFFF;display: inline-block;padding: 10px 30px;background: #00A7EA;border-radius: 40px;}

.index9bg{width: 1440px;margin: 0 auto 3% auto;background: #FFFFFF;border-radius: 30px;box-shadow: 0 0 80px rgba(0,0,0,0.1);}

.index9{padding: 3% 0;}
.index9 .index9bt{}
.index9 .index9nr{margin-top: 3%;}
.index9 .index9nr ul{}
.index9 .index9nr ul li{padding: 2% 0;border-bottom: 1px solid #DDDDDD;}
.index9 .index9nr ul li .img{width: 20%;float: left;display: none;}
.index9 .index9nr ul li:hover .img{display: block;}
.index9 .index9nr ul li .img img{max-width: 100%;}
.index9 .index9nr ul li .zi{width: 60%;float: left;margin-left: 2%;}
.index9 .index9nr ul li .zi h2{font-size: 18px;color: #333;line-height: 2em;}
.index9 .index9nr ul li:hover .zi h2{color: #007AFF;}
.index9 .index9nr ul li .zi p{font-size: 14px;color: #999;}
.index9 .index9nr ul li:hover .zi p{color: #2B76E8;}
.index9 .index9nr ul li .rq{width: 5%;float: right;text-align: right;}
.index9 .index9nr ul li .rq h2{font-size: 22px;color: #333333;line-height: 1.5em;font-weight: normal;}
.index9 .index9nr ul li .rq h3{font-size: 13px;color: #333333;font-weight: normal;}

.index10{background: url(../images/index10bj.png) no-repeat ;background-size: cover;padding: 1% 0;}
.index10 .left{float: left;}
.index10 .left .logo{}
.index10 .left .logo img{}
.index10 .left .p{}
.index10 .left .p p{font-size: 30px;color: #FFFFFF;font-weight: bold; line-height: 2em;letter-spacing: 5px;}
.index10 .left .p p font{font-size: 30px;color: #FEE502;}
.index10 .left .p p span{font-size: 60px;color: #FEE502;}
.index10 .right{float: right;margin-top: 3%;}
.index10 .right a{font-size: 16px;color: #333;padding: 15px 40px;background: #FEE502;display: inline-block;border-radius: 40px;}

.index11{padding:5% 0 3% 0;background: url(../images/index11bj.png) #F7F7F7 no-repeat right center;}
.index11 .index11bt{text-align: center;}
.index11 .index11bt p{font-size: 24px;color: #333333;font-weight: bold;}
.index11 .index11bt p span{font-size: 26px;color: #00A7EA;border-bottom: 10px solid #FFBD00;-moz-border-radius-bottomleft: 10px;}
.index11 .index11nr{margin-top: 8%;}
.index11 .index11nr ul{}
.index11 .index11nr ul li{width: 20%;float: left;text-align: center;margin: 0 0 3% 0;}
.index11 .index11nr ul li .img{}
.index11 .index11nr ul li .img img{}
.index11 .index11nr ul li .zi{}
.index11 .index11nr ul li .zi p{font-size: 18px;color: #333333;line-height: 2em;font-weight: bold;}

.index12{padding: 3% 0;}
.index12 .index12bt{}
.index12 .index12nr{margin-top: 3%;}
.index12 .index12nr .diimg{position: relative;}
.index12 .index12nr .diimg img{max-width: 100%; border-radius: 20px;}
.index12 .index12nr .diimg .inpk{position: absolute;top: 20%;left: 5%;width: 90%;background: #FFFFFF;border-radius: 20px;text-align: center;padding: 3% 0;box-shadow: 0 0 40px rgba(0,0,0,0.1);}
.index12 .index12nr .diimg .inpk p{font-size: 30px;color: #333333;font-weight: bold;text-align: center;}
.index12 .index12nr .diimg .inpk p font{color: #ff0000;}
.index12 .index12nr .diimg .inpk p span{color: #ff0000;font-size: 60px;}
.index12 .index12nr .diimg .inpk ul{padding: 5% 10%;}
.index12 .index12nr .diimg .inpk ul li{width: 46%;float: left;padding: 1% 2%;}
.index12 .index12nr .diimg .inpk ul li .text8{width: 94%;height: 40px;border: 1px solid #DDDDDD;font-size: 14px;color: #999;padding-left: 5%;border-radius: 40px;}
.index12 .index12nr .diimg .inpk .btn3{height: 50px;width: 50%;text-align: center;background: #00A7EA;border-radius: 40px;font-size: 16px;color: #FFFFFF;line-height: 50px;margin-top: 0px;}

.in_foot{background: #F7F7F7;padding: 3% 0;text-align: center;margin-top: 14%;}
.in_foot p{font-size: 14px;color: #333333; }
.in_foot p a{font-size: 14px;color: #333333; }

@media only screen and (max-width: 768px) {
	.wapper{width: 92%;}
	
	.head{display: none;}
	
	.lbt .swiper-slide .img .dwbott{display: none;}
	
	
	
}


@media only screen and (max-width: 480px) {
	
	.title{width: 50%;}
	
	.index1 .index1nr .left{width: 100%;}
	.index1 .index1nr .right{width: 100%;margin-top: 3%;}
	
	
	.index2 .index2nr ul{padding: 0;}
	.index2 .index2nr ul li{width: 47.9%;float: left;margin: 0 2% 2% 0;}
	.index2 .index2nr ul li:nth-child(2n){margin: 0 0 2% 0;}
	.index2 .index2nr ul li:nth-child(4n){margin: 0 0 2% 0;}
	.index2 .index2nr ul li:hover .img img{max-width: 100%;margin-top: 0;}
	
	.index3bg{width: 90%;}
	.index3 .index3nr{margin-top: 10%;}
	.index3 .index3nr .text1{top: -11%;left: 58%;}
	.index3 .index3nr .text1 h2{font-size: 14px;}
	.index3 .index3nr .text1 p{font-size: 12px;}
	
	.index3 .index3nr .text2{top: -8%;}
	.index3 .index3nr .text2 h2{font-size: 14px;}
	.index3 .index3nr .text2 p{font-size: 12px;}
	
	.index3 .index3nr .text3{top: 11%;left: -1%;}
	.index3 .index3nr .text3 h2{font-size: 14px;}
	.index3 .index3nr .text3 p{font-size: 12px;}
	
	.index3 .index3nr .text4{left: 0;}
	.index3 .index3nr .text4 h2{font-size: 14px;}
	.index3 .index3nr .text4 p{font-size: 12px;}
	
	.index3 .index3nr .text5{bottom: -15%;left: 33%;}
	.index3 .index3nr .text5 h2{font-size: 14px;}
	.index3 .index3nr .text5 p{font-size: 12px;}
	
	.index3 .index3nr .text6{right: 7%;}
	.index3 .index3nr .text6 h2{font-size: 14px;}
	.index3 .index3nr .text6 p{font-size: 12px;}
	
	.index3 .index3nr .text7{top: 9%;right: 0;}
	.index3 .index3nr .text7 h2{font-size: 14px;}
	.index3 .index3nr .text7 p{font-size: 12px;}
	
	.index4{padding: 5% 0;}
	.index4 .left{float: none;}
	.index4 .left .p p{font-size: 20px;}
	.index4 .left .p p font{font-size: 20px;}
	.index4 .left .p p span{font-size: 40px;}
	.index4 .right{float: none;text-align: center;}
	
	.index5 .index5nr ul li .img{width: 100%;}
	.index5 .index5nr ul li .zi{width: 90%;padding: 5%;}
	.index5 .index5nr ul li .zi h2{font-size: 20px;}
	.index5 .index5nr ul li .zi .an a{font-size: 16px;}
	.index5 .index5nr ul li:nth-child(even) .zi{text-align: left;}
	
	.index7 .index7nr ul li{width: 100%;margin: 0 0 3% 0;}
	.index7 .index7nr ul li:nth-child(3n){margin: 0 0 3% 0;}
	
	.index8bg{width: 90%;}
	.index8 .index8nr ul li{width: 100%;margin: 0 0 3% 0;}
	.index8 .index8nr ul li:nth-child(3n){margin: 0 0 3% 0;}
	
	.index9bg{width: 90%;}
	.index9 .index9nr ul li .zi h2{font-size: 17px;}
	.index9 .index9nr ul li .zi p{font-size: 12px;}
	.index9 .index9nr ul li .rq{width: 15%;}
	.index9 .index9nr ul li .rq h2{font-size: 18px;}
	.index9 .index9nr ul li .rq h3{font-size: 12px;}
	
	.index10{padding: 5% 0;}
	.index10 .left{float: none;}
	.index10 .left .p p{font-size: 20px;}
	.index10 .left .p p font{font-size: 20px;}
	.index10 .left .p p span{font-size: 40px;}
	.index10 .right{float: none;text-align: center;}
	
	.index11 .index11nr ul li{width: 50%;}
	.index12 .index12nr .diimg .inpk{top: 70%;}
	.index12 .index12nr .diimg .inpk p{font-size: 20px;}
	.index12 .index12nr .diimg .inpk p span{font-size: 40px;}
	.index12 .index12nr .diimg .inpk ul li{width: 100%;padding: 2% 2%;}
	
	.in_foot{margin-top: 30rem;}
	
	
	
	
	
	
	
	
	
	
	
	
}