body {
	
	font-family: 思源黑体SC-Regular;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.7;
	color: #828282;
	overflow-x: hidden;
	background: #fff;
}
@font-face {
	font-family: 思源黑体SC-Regular;
	src: url("");
}
.clear {
	clear: both;
}
ul,li,dd,dl,h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}
ul,li,dd,dl{
	list-style: none;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.js .animate-box{
	opacity: 0;
}
.nav{
	width: 100%;
	position: absolute;
	left: 0px;
	top:0px;
	background-color: #fff;
	z-index: 999;
}
.logo{
	float: left;
	height: 50px;
	overflow: hidden;
	margin-left: 2.6%;
	margin-top: 10px;
}
.logo img{
	height: 100%;
}
.nav-list{
	width: 80%;
	float: right;  
}
.nav-list li{
	float: right;
	display: block;
	font-size: 16px;
	color: #666666;
	line-height: 70px;
	
	
}

.nav-list li.on:after{
	display: block;
}
.nav-list li > a{
	color: #666666; float:left;
	padding:0 50px;
	box-sizing: border-box;
	height:70px; line-height:70px;
	position: relative;overflow: hidden;
	
}
.nav-list li.on > a{
	
	color: #0054a8;
	font-weight: bold; float:left;
	height:70px; line-height:70px;
	
}
.nav-list li:hover > a{
	color: #fff !important;
	font-weight: bold; float:left;
	height:70px;
	line-height:70px;
	
}
.nav-list li >a:after{
	content: '';
	width: 100%;
	height: 70px;
	background-color: #0054a8;
	position: absolute;
	left: 0;
	bottom: -70px;
	z-index: -1;
	transition: all 0.5s ease;
}
.nav-list li:hover > a:after{
	bottom:0;
}
.tel{
	width: 15%;
	float: right;
	
	height: 68px;
	background-color: #0054a8;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.tel-icon{
	width:28px ;
	height: 40px;
	margin-right: 10%;
}
.tel-icon img{
	width: 100%;
	height: 100%;
}
.tel-h1{
	font-size: 24px;
	color: #fff;
}
.nav-list li:hover .xiala-fw{
	display: block;
    
    z-index:-3;
    max-height: 700px;
-webkit-transition: max-height 0.5s ease;
	-moz-transition: max-height 0.5s ease;
	-ms-transition: max-height 0.5s ease;
	-o-transition: max-height 0.5s ease;
	transition: max-height 1s ease;  opacity:1;
}
.xiala-fw{
	position: absolute;
	width:100%; z-index:-3;
	border-top:1px solid #e6e6e6;
	left: 0px;
	top:70px;
	
    max-height: 0px;
	
	background: none;
	box-sizing: border-box;
	display: block;  opacity:0;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	overflow: hidden;
}
.nav-list li.on  .xiala-fw  .xiala dl > a{
	color:#fff;
	font-weight: normal;
	height:40px; line-height:40px; border-bottom:4px solid transparent;
}
.xiala{
	
	
	width: 43.1%;
	background-color: rgba(0, 0, 0, 0.6);
	float: right;
	padding-left: 1.5%;
	box-sizing: border-box;
	max-height: 0px;
	transition: max-height 1s;
}
.la2{
	width: 34.4%;
}
.nav-list li:hover .xiala-fw .xiala{
	max-height: 700px;
}
.xiala dl{
	float: left;
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	line-height: 40px;
	margin-right: 5%;
	position: relative;
	padding:5px 0;
}
.xiala dl:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #e7e7e7;
	left: 0px;
	bottom: 0px;
	display: none;
}
.xiala dl > a{
	color: #fff;
    line-height: 40px;
    height: 40px;
}
.xiala dl:hover a{
	color: #e7e7e7;
}
.xiala dl.on a{
    color: #e7e7e7;
}
.xiala dl.on:after{
    display: block;
}
.nav-list li.on  .xiala-fw  .xiala dl:hover a{
	color: #e7e7e7;
}
.xiala dl:hover:after{
	display: block;
}
.head{
	width: 100%;
	overflow: hidden;
}
.swiper-slide img{
	display:block;
	width:100%;
}
.swiper-pagination-bullet{
	background-color:#fff;
	opacity: 1;
	width: 40px;
	height:4px;
	border-radius: 3px;
}
.swiper-pagination-bullet-active{
	background-color:#2c68df;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 30px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px;
}
.banner{
	width: 100%;
	position: relative;
}
.banner-dw{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 23%;
	height: 80px;
	background-color: #fff;
	z-index: 10;
}
.prev1.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url("404.png");  
	left: 60px;
}
.next1.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	right:60px;
	background-image: url("../image/6.png");  
}
.next1.swiper-button-next, .prev1.swiper-button-prev{
	position: absolute;
	top: 50%;
	width: 68px;
	height: 68px;
	margin-top: -39px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 68px 68px;
	-webkit-background-size: 68px 68px;
	background-size: 68px 68px;
	background-position: center;
	background-repeat: no-repeat;
}

 
.prev1.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next{
	background-image: url("../image/71.png");
}
.next1.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev{
	background-image: url("../image/61.png");
}
.next1.swiper-button-next:before{
	content: '';
	height: 15px;
	width: 100%;
	position: absolute;
	left: 0px;
	top:-15px; 
	display: none;
}
.prev1.swiper-button-prev:before{
	content: '';
	height: 15px;
	width: 100%;
	position: absolute;
	left: 0px;
	top:-15px; 
	display: none;
}
.prev1.swiper-button-prev:hover:before{
	display: block;
}
.next1.swiper-button-next:hover:before{
	display: block; 
} 
.phone{
	width: 100%;
	height: 70px;
	background-color: #fff;
	position: absolute;
	left: 0px;
	top:0px;
	padding:0px 10px;
	box-sizing: border-box;
	z-index: 99;
	border-bottom: 1px solid #eaeaea;
	display: none;
}
.phone-logo{
	height: 40px;
	float: left;
	overflow: hidden;
	margin-top: 15px;
}
.phone-logo img{
	height: 100%;
}
.phone-nav{
	width: 35px;
	height: 35px;
	background: url("404.png")no-repeat;
	background-size: 100% 100%;
	float: right;
	margin-top: 17px;
	opacity: 0.9;
}
.phone-height{
	width: 100%;
	height: 70px;
	overflow: hidden;
}
.phone-meu{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top:0px;
	background-color: #fff;
	z-index: 90;
	padding-top:120px;
	box-sizing: border-box;
	display: none;
}
.meu-list{
	width: 50%;
	margin: 0 auto;
	overflow: hidden;
}
.meu-list li{
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #333;
	overflow: hidden;
	margin-bottom: 30px;
}
.meu-list li a{
	color: #333;
}
@media screen and (max-width: 1000px){
	.nav{
		display: none;
	}
	.phone{
		display: block;
	}
	.banner-dw{
		display: none;
	}
	.swiper-pagination-bullet{
		background-color:#fff;
		opacity: 1;
		width: 30px;
		height: 4px;
		border-radius: 2px;
	}
	.swiper-pagination-bullet-active{
		background-color:#2c68df;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 15px;
	}
}
@media screen and (max-width: 1440px){
	.tel-h1{
		font-size: 18px;
	}
	.nav-list{
		width: 70%;
	}
	.nav-list li{
		margin-right: 0;
	}
}
@media screen and (max-width: 1200px){
	.nav-list li{
		margin-right:0;
		font-size: 14px;
	}
	.tel-h1{
		font-size: 15px;
	}
	.logo{
		margin-left: 2%;
	}
	.tel-icon {
		width: 20px;
		height: 30px;
		margin-right: 6%;
	}
}
.gundong{
	width: 85%;
	margin: 0 auto;
	overflow: hidden;
	padding:85px 0px;
	box-sizing: border-box;
}
.gundong-list{
	width: 100%;
	overflow: hidden;
}
.gundong-list li{
	float: left;
	overflow: hidden;
	
	width: 25%;
}
.gundong-list li:last-child{
	margin-right: 0px;
}
.gundong-top{
	overflow: hidden;
	text-align: center;
	font-size: 0px;
}
.big{
	
	font-size: 44px;
	color: #0054a8;
	font-weight: bold;
	
	display: inline-block;
}
.small{
	font-size: 12px;
	color: #0054a8;
	
	margin-top: 15px;
	display: inline-block;position: absolute;
}
.gundong-bottom{
	overflow: hidden;
	
	font-size: 18px;
	color: #666666;
	margin-top: -10px;
	text-align: center;
}
.about{
	width: 100%;
	overflow: hidden;
	background-color: #0054a8;
}
.about-left{
	width: 50%;
	float: left;
	overflow: hidden;
	padding-top:60px;
	box-sizing: border-box;
}
.about-right{
	width: 50%;
	float: right;
	overflow: hidden;
}
.about-right img{
	width: 100%;
}
.about-fw{
	width: 90%;
	overflow: hidden;
}
.about-bt{
	width: 100%;
	overflow: hidden;
	padding-left: 35%;
	box-sizing: border-box;
	margin-bottom: 25px;
}
.bt-china{
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}
.china-icon{
	width: 22px;
	float: left;
	margin-right: 20px;
	margin-top: 5px;
}
.china-icon img{
	width: 100%;
}
.china-zi{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	float: left;
}
.bt-eng{
	width: 100%;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	padding-left: 7%;
}
.line{
	width: 42%;
	height: 1px;
	background-color: #7aa6d2;
	position: relative;
	margin-bottom: 40px;
}
.line:after{
	content: '';
	width: 26px;
	height: 4px;
	background-color: #fff;
	border-radius: 2px;
	position: absolute;
	right: 0px;
	top:50%;
	margin-top: -2px;
}
.about-p{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	padding-left: 39.5%;
	box-sizing: border-box;
	margin-bottom: 60px;
}
.about-more{
	width: 100%;
	padding-left: 39.5%;
	height: 60px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}
.about-more:after{
	content: '';
	position: absolute;
	left: 0px;
	top:0px;
	width: 0;
	height: 100%;
	background-color: #005cb8;
	transition: all .5s;
}
.about-more:hover:after{
	width: 100%;
}
.more-zi{
	float: left;
	font-size: 16px;
	color: #ffffff;
	line-height: 60px;
	text-transform: uppercase;
}
.more-icon{
	width: 16px;
	float: right;
	margin-right: 5%;
	margin-top: 15px;
}
.more-icon img{
	width: 100%;
}
.more-dw{
	position: absolute;
	width: 100%;
	overflow: hidden;
	top:0px;
	left: 0px;
	z-index:10;
	padding-left: 39.5%;
	box-sizing: border-box;
}
.product{
	width: 100%;
	overflow: hidden;
	background-color: #f2f2f2;
	padding:120px 0px;
	box-sizing: border-box;
}
.product-bt{
	overflow: hidden;
	width: 39%;
}
.zi2{
	color: #333333;
}
.eng2{
	color: #999999;
	font-weight: bold;
}
.line2{
	background-color: #d9d9d9;
	position: relative;
	width: 48%;
}
.line:after{
	content: '';
	width: 26px;
	height: 4px;
	background-color: #999999;
	border-radius: 2px;
	position: absolute;
	right: 0px;
	top:50%;
	margin-top: -2px;
}
.bt2{
	padding-left: 40.4%;
	box-sizing: border-box;
}
.product-swip{
	width: 74.9%;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.pro-lunbo{
	width: 91%;
	margin: 0 auto;
	overflow: hidden;
}
.next2.swiper-button-next, .prev2.swiper-button-prev{
	position: absolute;
	top: 50%;
	width: 54px;
	height:224px;
	margin-top: -112px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 54px 224px;
	-webkit-background-size: 54px 224px;
	background-size: 54px 224px;
	background-position: center;
	background-repeat: no-repeat;
}
.prev2.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url("../image/20.png");
	left:0px;
	opacity: 1;
	transition: all 1s;
}
.next2.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url("404.png");
	right: 0px;
	opacity: 1;
	transition: all 1s;
}
.next2.swiper-button-next:hover{
	
	opacity: 0;
}
.prev2.swiper-button-prev:hover{
	
	opacity: 0;
}
.next22.swiper-button-next, .prev22.swiper-button-prev{
	position: absolute;
	top: 50%;
	width: 54px;
	height:224px;
	margin-top: -112px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 54px 224px;
	-webkit-background-size: 54px 224px;
	background-size: 54px 224px;
	background-position: center;
	background-repeat: no-repeat;
}
.prev22.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url("404.png");
	left:0px;
	opacity: 0;
	transition: all 1s;
}
.next22.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url("../image/18.png");
	right: 0px;
	opacity: 0;
	transition: all 1s;
}
.next22.swiper-button-next:hover{
	
	opacity: 1;
}
.prev22.swiper-button-prev:hover{
	
	opacity: 1;
}
.pro-one{
	border-radius: 15px;
	overflow: hidden;
	position: relative;
}
.pro-one img{
	width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.product-dw{
	width: 100%;
	height: 0;
	overflow: hidden;
	background-color: #fff;
	position: absolute;
	left: 0px;
	top:0px;
	transition: all .5s;
}
.pro-one:hover .product-dw{
	height: 100%;
}
.pro-more{
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #0054a8;
	height: 22%;
	width: 100%;
	padding-top:15px;
	box-sizing: border-box;
}
.pro-more img{
	width: 30px;
	height: 24px;
	margin: 0 auto;
	overflow: hidden;
}
.pro-bt{
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 30px;
}
.pro-p{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #808080;
	line-height: 24px;
	padding:0px 10%;
	box-sizing: border-box;
}
.news{
	width: 100%;
	overflow: hidden;
	background-color: #f2f2f2;
	position: relative;
}
.news-nr{
	width: 100%;
	background-color: #fff;
	padding:80px 0px;
	box-sizing: border-box;
}
.news-fw{
	width: 69%;
	margin: 0 auto;
	overflow: hidden;
}
.news-left{
	width: 32.5%;
	float: left;
	overflow: hidden;
}
.news-pic{
	width: 100%;
	overflow: hidden;
	margin-bottom: 25px;
}
.news-pic img{
	width: 100%;
}
.news-xq{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #3385ff;
	padding-bottom: 25px;
	box-sizing: border-box;
}
.xq-left{
	float: left;
	width: 17%;
	overflow: hidden;
}
.date{
	width: 100%;
	text-align: center;
	font-size: 36px;
	color: #0054a8;
	font-weight: bold;
	margin-top: -15px;
}
.yaer{
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #666666;
}
.xq-right{
	width: 72%;
	float: right;
	overflow: hidden;
}
.xq-right h2{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 25px;
}
.xq-right:hover h2{
	color: #0054a8;
}
.news-p{
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}
.news-more{
	width: 100%;
	overflow: hidden;
	padding:0px 20%;
	box-sizing: border-box;
}
.news-more img{
	width: 100%;
}
.news-right{
	width: 60%;
	float: right;
	overflow: hidden;
}
.news-list{
	width: 100%;
	overflow: hidden;
}
.news-list li{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 30px;
	padding-bottom: 25px;
	box-sizing: border-box;
}
.news-list li:hover{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #0054a8;  
	box-sizing: border-box;
}
.news-list li:last-child{
	margin-bottom: 0px;
}
.news-dw{
	width: 62%;
	overflow: hidden;
	background-color: #fff;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 140px;
	padding-right: 15.6%;
	padding-top: 3.5%;
	box-sizing: border-box;
	
	text-align: left;
	padding-left: 4%;
	box-sizing: border-box;
}
.news-dw li{
	font-size: 16px;
	line-height: 35px;
	color: #333333;
	padding:0px 30px;
	box-sizing: border-box;
	display: inline-block;
	background-color: #f1f1f1;
	border-radius: 5px;
	margin-left: 5%;
	cursor: pointer;
}
.news-dw li.on{
	background-color: #0054a8;
	color: #fff;
}
.yc{
	display: none;
}
.bottom{
	width: 100%;
	overflow: hidden;
	background-color: #242424;
}
.bottom-fw{
	width: 87%;
	overflow: hidden;
	margin: 0 auto;
	
	padding: 10px 4% 5px 0px;
	box-sizing: border-box;
}
.bottom-list{
	width: 100%;
	overflow: hidden;
}
.bottom-list li{ 
	overflow: hidden; 
	float: left;
	width: 33.3%;
	display: flex;
	align-items: center;
	justify-content: center;
}



.bottom-list li:last-child{
	overflow: hidden; 
	float: left;
	width: 24%;
	margin-right: 0px;
}

.bottom-list li:nth-child(2){
	overflow: hidden; 
	float: left;
	width: 23%;
}
.bottom-list li:nth-child(3){
	overflow: hidden; 
	float: left;
	width: 43%;
}

.bottom-icon{
	width: 40px;
	overflow: hidden;
	float: left;
	margin-right: 14px;
}
.bottom-icon img{
	width: 100%;
}
.bottom-list li h4{
	font-size: 13px;
	line-height: 34px;
	color: #999999;
	float: left;
}
.zhichi{
	width: 100%;
	text-align: left;
	font-size: 14px;
	line-height: 30px;
	color: #5c5c5c;
	background-color: #242424;
	padding:0px 15px;
	box-sizing: border-box;
}
.zhi-fw{
	width: 71%;
	overflow: hidden;
	margin: 0 auto;
}
.swi2{
	display: none;
}
.swi3{
	display: none;
}
@media screen and (max-width: 1840px){
	.xiala{
		
		width: 44.5%;
	}
	.la2{
		width: 35.7%;
	}
}
@media screen and (max-width: 1760px){
	.xiala{
		
		width: 46.6%;
	}
	.la2{
		width: 37.5%;
	}
}
@media screen and (max-width: 1700px){
	.xiala{
		
		
		width: 48.5%;
	}
	.la2{
		width:38.7%;
	}
}
@media screen and (max-width: 1740px){
	.next22.swiper-button-next, .prev22.swiper-button-prev{
		width: 48px;
		height: 210px;
		margin-top: -105px;
		-moz-background-size: 48px 210px;
		-webkit-background-size: 48px 210px;
		background-size: 48px 210px;
		background-position: center;
		background-repeat: no-repeat;
	}
	.next2.swiper-button-next, .prev2.swiper-button-prev{
		width: 48px;
		height: 210px;
		margin-top: -105px;
		-moz-background-size: 48px 210px;
		-webkit-background-size: 48px 210px;
		background-size: 48px 210px;
		background-position: center;
		background-repeat: no-repeat;
	}
}
@media screen and (max-width: 1660px){
	.xiala{
		
		width: 49.5%;
	}
	.la2{
		width:39.7%;
	}
	.zhi-fw{
		width: 73%;
	}
}
@media screen and (max-width: 1640px){
	.xiala{
		
		width: 50%;
	}
	.la2{
		width:40%;
	}
}
@media screen and (max-width: 1600px){
	.next22.swiper-button-next, .prev22.swiper-button-prev{
		width: 42px;
		height: 180px;
		margin-top: -90px;
		-moz-background-size: 42px 180px;
		-webkit-background-size: 42px 180px;
		background-size: 42px 180px;
		background-position: center;
		background-repeat: no-repeat;
	}
	.next2.swiper-button-next, .prev2.swiper-button-prev{
		width: 42px;
		height: 180px;
		margin-top: -90px;
		-moz-background-size: 42px 180px;
		-webkit-background-size: 42px 180px;
		background-size: 42px 180px;
		background-position: center;
		background-repeat: no-repeat;
	}
}
@media screen and (max-width: 1560px){
	.xiala{
	width: 52.7%;
	}
	.la2{
		width:42.1%;
	}
}
@media screen and (max-width: 1500px){
	.xiala{
		width: 54.7%;
	}
	.la2{
		width:43.8%;
	}
}
@media screen and (max-width: 1440px){
	.xiala{
		width: 52.8%;
		
	}
	.la2{
		width:42.2%;
	}
	.nav-list li > a{
		padding:0 44px;
	}
	.zhi-fw{
		width: 84%;
	}
}
@media screen and (max-width: 1400px){
	.xiala{
		width: 54.5%;
	}
	.la2{
		width:43.5%;
	}
	.next22.swiper-button-next, .prev22.swiper-button-prev{
		width: 37px;
		height: 160px;
		margin-top: -80px;
		-moz-background-size: 37px 160px;
		-webkit-background-size: 37px 160px;
		background-size: 37px 160px;
		background-position: center;
		background-repeat: no-repeat;
	}
	.next2.swiper-button-next, .prev2.swiper-button-prev{
		width: 37px;
		height: 160px;
		margin-top: -80px;
		-moz-background-size: 37px 160px;
		-webkit-background-size: 37px 160px;
		background-size: 37px 160px;
		background-position: center;
		background-repeat: no-repeat;
	}
}
@media screen and (max-width: 1366px){
	.xiala{
		
		
		width: 55.7%;
	}
	.la2{
		width:44.9%;
	}
	.nav-list{
		width: 75%;
	}
	.zhi-fw{
		width: 85%;
	}
}
@media screen and (max-width: 1320px){
	.xiala{
		
		
		width: 57.7%;
	}
	.la2{
		width:46%;
	}
}
@media screen and (max-width: 1280px){
	.xiala{
		
		
		width: 59.5%;
	}
	.la2{
		width:47.8%;
	}
	.next2.swiper-button-next:hover{
		
		opacity: 1;
	}
	.prev2.swiper-button-prev:hover{
		
		opacity: 1;
	}
}
@media screen and (max-width: 1200px){
	.xiala{
		
		width: 48.5%;
	}
	.xiala dl{
		margin-right: 3%;
	}
	.la2{
		width:38.7%;
	}
	.nav-list li > a{
		padding:0 30px;
	}
}
@media screen and (max-width: 1140px){
	.xiala{
		
		
		width: 51%;
	}
	.la2{
		width:40.7%;
	}
}
@media screen and (max-width: 1080px){
	.xiala{
		
		width: 54%;
	}
	.la2{
		width:43%;
	}
}
@media screen and (max-width: 1660px){
	.about-left{
		padding-top:40px
	}
	.about-p{
		margin-bottom: 30px;
	}
	.line{
		margin-bottom: 25px;
	}
	.product{
		padding:100px 0px;
	}
	.left2{
		width: 12%;
	}
	.right2{
		width: 86%;
	}
	.news-list li{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.next2.swiper-button-next, .prev2.swiper-button-prev{
		width: 52px;
		height: 222px;
		position: absolute;
		top: 50%;
		margin-top: -111px;
		z-index: 10;
		cursor: pointer;
		-moz-background-size: 52px 222px;
		-webkit-background-size: 52px 222px;
		background-size: 52px 222px;
		background-position: center;
		background-repeat: no-repeat;
	}
}
@media screen and (max-width: 1440px){
	.about-left{
		padding-top:20px
	}
	.about-p{
		margin-bottom: 20px;
		font-size: 12px;
	}
	.line{
		margin-bottom: 20px;
	}
	.product{
		padding:80px 0px;
	}
	.news-dw li{
		margin-left: 3%;
	}
	.duan2{
		font-size: 12px;
	}
	.next2.swiper-button-next, .prev2.swiper-button-prev {
		width: 42px;
		height: 160px;
		position: absolute;
		top: 50%;
		margin-top: -80px;
		z-index: 10;
		cursor: pointer;
		-moz-background-size: 42px 160px;
		-webkit-background-size: 42px 160px;
		background-size: 42px 160px;
		background-position: center;
		background-repeat: no-repeat;
	}
	.next2.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		right:0px;
	}
	.prev2.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
		left: 0px;
	}
	.pro-bt{
		margin-top: 15px;
	}
	.pro-p{
		font-size: 12px;
		line-height: 20px;
	}
	.bottom-fw{
		width: 100%;
	}
}
@media screen and (max-width: 1280px){
	.about-left{
		padding-top:15px
	}
	.about-p{
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 20px;
	}
	.line{
		margin-bottom: 10px;
	}
	.about-bt{
		margin-bottom: 10px;
	}
	.china-icon{
		width: 18px;
		margin-top: 0px;
		margin-right: 6px;
	}
	.china-zi{
		font-size: 18px;
	}
	.bt-eng{
		font-size: 12px;
	}
	.more-zi{
		line-height: 30px;
		font-size: 12px;
	}
	.about-more{
		height: 30px;
	}
	.more-icon{
		margin-top: 0px;
	}
	.product-swip{
		display: none;
	}
	.swi2{
		display: block;
	}
	.news-dw{
		padding-top:1.5%;
		height: 100px;
	}
	.news-dw li{
		font-size: 14px;
		padding:0px 20px;
	}
	.date{
		font-size: 30px;
	}
	.xq-right h2{
		margin-bottom: 18px;
	}
	.xq-left{
		width: 23%;
	}
	.left2{
		width: 12%;
	}
	.news-list li{
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.bottom-icon{
		width: 30px;
		margin-right: 6px;
	}
	.bottom-list li h4{
		font-size: 12px;
	}
}
@media screen and (max-width: 1000px){
	.about-left{
		width: 100%;
	}
	.about-right{
		width: 100%;
	}
	.china-icon{
		width: 22px;
		margin-right: 17px;
	}
	.bt-eng{
		font-size: 14px;
	}
	.about-p{
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 28px;
	}
	.about-more{
		margin-bottom: 30px;
	}
	.product-swip{
		display: none;
	}
	.swi2{
		display: none;
	}
	.swi3{
		display: block;
	}
	.bottom-list li{
		margin-bottom: 15px;
	}
	.zhichi{
		text-align: center;
	}
	.zhi-fw{
		width: 100%;
	}
	.news-dw{
		width: 100%;
		position: inherit;
		text-align: center;
		padding-right: 0px;
		height: 50px;
	}
	.news-nr{
		padding:40px 0px;
	}
	.news-left{
		display: none;
	}
	.news-right{
		width: 100%;
	}
	.product-bt{
		width: 41%;
	}
	.bottom-list li{
		width: 100%;
	}
    .bottom-list li:nth-child(2){
        overflow: hidden;
        float: inherit;
        width:100%;
    }
    .bottom-list li:nth-child(3){
        overflow: hidden;
        float: inherit;
        width: 100%;
    }

}
@media screen and (max-width: 768px){
	.about-bt{
		padding:0px 15px;
		box-sizing: border-box;
	}
	.line{
		display: none;
	}
	.about-p{
		padding-left: 9.5%;
	}
	.more-dw{
		padding-left: 9.5%;
	}
	.pro-lunbo{
		width: 100%;
	}
	.product-swip{
		width: 90%;
	}
	.news-fw {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		padding: 0px 15px;
		box-sizing: border-box;
	}
	.news-dw li {
		font-size: 12px;
		padding: 0px 15px;
	}
	.product-bt {
		width: 100%;
	}
	.gundong{
		width: 100%;
		padding:40px 0px;
		box-sizing: border-box;
	}
	.big{
		font-size: 24px;
	}
	.gundong-bottom{
		font-size: 12px;
	}
}
@media screen and (max-width: 600px){
	.bottom-fw{
		width: 95%;
	}
	.bottom-list li{
		width: 100%;
		margin-right: 0px;
        align-items: inherit;
        justify-content: inherit;
	}
	.bottom-list li h4{
		font-size: 12px;
	}
	.bottom-icon{
		width: 20px;
		margin-right: 10px;
	}
	.right2{
		width: 80%;
	}
	.left2{
		width: 18%;
	}
}
.center-pic{
	width: 100%;
	position: relative;
}
.center-pic img{
	width: 100%;
}




.center-dw{
	width: 1320px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -660px;
	top:30%;
}
.center-h1{
	width: 100%;
	overflow: hidden;
	color: #fff;
	font-size: 48px;
	line-height: 68px;
	margin-bottom: 8%;
}
.center-h2{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
}
.center-h2 a{
	color: #fff;
}
.chanpin{
	width: 100%;
	overflow: hidden;
	padding:100px 0px;
	box-sizing: border-box;
}
.chanpin-list{
	width: 100%;
	overflow: hidden;
	padding-top:15px;
	box-sizing: border-box;
}
.chanpin-list li{
	margin-bottom: 30px;
}
.chan-all{
	width: 100%;
	overflow: hidden;
	border-radius: 25px;
	position: relative;
	box-shadow: 0px 0px 10px #e6e6e6;
}
.chan-all >img{
	width: 100%;
    border-radius: 27px;
    overflow: hidden;
}
.chan-dw{
	width: 100%;
	height: 0;
	position: absolute;
	left: 0px;
	top:0px;
	overflow: hidden;
	background-color: #fff;
	transition: all .5s;
}
.chanpin-list li:hover .chan-dw{
	height: 100%;
}
.chan-bt{
	width: 100%;
	overflow: hidden;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-top: 10%;
	margin-bottom: 5%;
	text-align: center;
}
.chan-p{
	width: 100%;
	padding:0px 15%;
	box-sizing: border-box;
	font-size: 14px;
	color: #808080;
	
}
.chanpin-more{
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #0054a8;
	height: 22%;
	width: 100%;
	padding-top:15px;
	box-sizing: border-box;
}
.juzhong{
	width: 30px;
	margin: 0 auto;
	overflow: hidden;
}
.juzhong img{
	width: 100%;
}
.pagination{
	width: 100%;
	text-align: center;
	font-size: 0px;
}
.pagination li{
	display: inline-block;
	font-size: 14px;
	line-height: 36px;
	color: #0054a8;
	border-radius: 18px;
	overflow: hidden;
	border:1px solid #0054a8;
	text-align: center;
	padding:0px 1px;
	box-sizing: border-box;
	margin: 0px 5px;
}
.pagination li a{
	color: #0054a8;
	border: none;
	background: none;
}
.pagination .active{
	background-color: #0054a8;
	color: #fff;
}
.pagination li .active{
	background-color: #0054a8;
	color: #fff;
}
.pagination li:hover {
	background-color: #0054a8;
	color: #fff;
}
.pagination li:hover a{
	background-color: #0054a8;
	color: #fff;
}
.qiu{
	width: 100px;
	height: 100px;
	background-color: #fff;
	border-radius: 50px;
	overflow: hidden;
	position: absolute;
	right:16%;
	bottom: -80px;
	cursor: pointer;
}
.huadong{
	width: 24px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 38px;
	
    animation: qiudong 2s linear  infinite;
}
.huadong img{
	width: 100%;
}
.qiu:hover .huadong{
	margin-top: 10px;
}

@keyframes qiudong {
    0%{
        margin-top: 38px;
    }50%{
             margin-top: 10px;
     }100%{
                   margin-top: 38px;
               }

}


@media screen and (max-width: 1660px){
	.center-h1{
		margin-bottom: 5%;
	}
	.center-dw{
		top:25%;
	}
}
@media screen and (max-width: 1280px){
	.center-dw{
		top:20%;
	}
	.center-h1{
		margin-bottom: 4%;
	}
}
@media screen and (max-width: 1000px){
	.center-h1{
		font-size: 36px;
		line-height: 50px;
	}
	.qiu{
		width: 80px;
		height: 80px;
		border-radius: 40px;
		bottom: -60px;
	}
	.huadong{
		margin-top: 28px;
	}
}
@media screen and (max-width: 768px){
	.qiu{
		display: none;
	}
	.center-h1{
		font-size: 28px;
		line-height: 40px;
	}
	.chanpin{
		padding:30px 0px;
	}
	.center-h2{
		display: none;
	}
}
@media screen and (max-width: 640px){

	.center-h1{
		font-size: 18px;
		line-height: 28px;
	}
	.chan-p{
		padding:0px 10%;
	}
}
.xq-list{
	width: 100%;
	overflow: hidden;
}
.xq-list li{
	margin-bottom: 60px;
}
.xq-list li:last-child{
	margin-bottom: 0px;
}
.xq-bt{
	width: 100%;
	overflow: hidden;
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	padding-left: 30px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 20px;
}
.xq-bt:before{
	content: '';
	position: absolute;
	left: 0px;
	top:50%;
	margin-top: -15px;
	width: 10px;
	height: 30px;
	background-color: #3071f2;
	border-radius: 5px;
	overflow: hidden;
}
.xq-p{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.xq-p img{
	max-width: 100%;
}
@media screen and (max-width:768px){
	.xq-bt{
		font-size: 20px;
		padding-left: 20px;
	}
	.xq-bt::before{
		width: 6px;
		height: 24px;
		margin-top: -12px;
		border-radius: 3px;
	}
}
.center-change{
	width: 47%;
	position: absolute;
	right: 16%;
	overflow: hidden;
	bottom: 15%;
	text-align: right;
	font-size: 0px;
}
.center-change li{
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	line-height: 40px;
	border-radius: 20px;
	overflow: hidden;
	border:1px solid #fff;
	padding:0px 35px;
	box-sizing: border-box;
	cursor: pointer;
	margin-left: 15px;
}
.center-change li a{
	color: #ffffff;
	background: none;
	border: none;
}
.center-change li.on a{
	background-color: #fff;
	color: #3071f2;
}
.center-change li.on{
	background-color: #fff;
}
.chanpin-change{
	width: 100%;
	text-align: center;
	font-size: 0px;
	margin-bottom: 20px;
	display: none;
	overflow: hidden;
}
.chanpin-change li{
	display: inline-block;
	font-size: 16px;
	line-height: 34px;
	border:1px solid #666;
	box-sizing: border-box;
	padding:0px 20px;
	border-radius: 17px;
	overflow: hidden;
	color: #666;
	margin: 0px 8px;
}
.chanpin-change li a{
	color: #666;
	background: none;
}
.chanpin-change li.on a{
	color: #3071f2;
}
.chanpin-change li.on{
	border:1px solid #3071f2;
}
.us-p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
.us-p img{
	max-width: 100%;
}
@media screen and (max-width:1280px){
    .center-change{
        display: none;
    }
    .chanpin-change{
        display: block;
    }
}
@media screen and (max-width:768px){
    .chanpin-change li{
        line-height: 24px;
        padding:0px 15px;
        border-radius: 12px;
        margin-bottom: 10px;
    }
}
.c-h3{
    font-size:30px;
}
.cooperation-bt{
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #333333;
    font-weight:bold;
    margin-bottom: 50px;
}
.cooperation-list{
    width: 100%;
    overflow: hidden;
}
.cooperation-list li{
    margin-bottom: 30px;
    overflow: hidden;
}
.coo-one{
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    position: relative;
}
.coo-one img{
    width: 100%;
}
.coo-dw{
    width: 100%;
    height:100%;
    overflow: hidden;
    border-radius: 10px;
    position: absolute;
    left: 0px;
    top:0px;
    
	background-color: #0054a8;
    transition: all .5s;
	transform: rotateX(180deg);
	opacity: 0;
}
 .coo-one:hover .coo-dw{
    
	 transform: rotateX(0deg);
	 opacity: 1;

}
.coo-nr{
    width: 100%;
    overflow: hidden;
    margin-top: 24%;
}
.coo-zi{
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-right: 2px solid #fff;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    box-sizing: border-box;
    color: #fff;
    margin-top: 5px;
    float: left;
}
.coo-logo{
    width: 39%;
    float: right;
}
.logo-tu{
    width: 36px;
    margin: 0 auto;
    overflow: hidden;
}
.logo-tu img{
    width: 100%;
}
.map{
    position: absolute;
    right: 16%;
    bottom: 4%;
    overflow: hidden;
    
    width: 28.5%;
}
.map img{
    
    width:100%;
}
.map-one{
    width: 60px;
    height: 50px;
    position: absolute;
    right: 12%;
    top:34%;
}
.map-two{
    width: 60px;
    height: 50px;
    position: absolute;
    right: 18%;
    top:46%;
}
.map-three{
    width: 60px;
    height: 50px;
    position: absolute;
    right: 20%;
    top:69%;
}
.map-four{
    width: 60px;
    height: 50px;
    position: absolute;
    right: 12%;
    top:62%;
}
.map-five{
    width: 60px;
    height: 50px;
    position: absolute;
    right: 23%;
    top:79%;
}
.map-six{
	width: 60px;
	height: 50px;
	position: absolute;
	right: 7%;
	top:27%;
}
.map-seven{
	width: 60px;
	height: 50px;
	position: absolute;
	right: 19%;
	top:56%;
}

@-moz-keyframes warn{
    0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
    100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
    0%{-o-transform:scale(0);transform:scale(0);opacity:1}
    100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
    0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
    100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f90;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{
    position:absolute;
    top:-28px;left:-28px;
    height:66px;width:66px;
    border:2px solid #f90;
    -webkit-border-radius:48px;
    -moz-border-radius:48px;
    border-radius:48px;
    -webkit-box-shadow:0 0 4px #ffdf58,0 0 10px #f90 inset;
    -moz-box-shadow:0 0 4px #ffdf58,0 0 10px #f90 inset;
    box-shadow:0 0 4px #ffdf58,0 0 10px #f90 inset;opacity:.12;filter:alpha(opacity=0);
    -webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;
    -o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;
    -webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.waite .area-box .dot{background:#f90}
.region-list.waite .area-box .pulse{border-color:#f90}
.show-regin{position:absolute;right: 0px;height:0; color:#fff; font-size:14px;top:0;opacity:1;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.postition-10 .show-regin span{left:0}
.postition-6 .show-regin span{left:-72px}
.area-box{z-index:77}
.show-regin{z-index:66}
.postition-1{left:302px;top:308px}
.postition-2{left:401px;top:403px}
.postition-3{left:358px;top:516px}
.postition-4{left:473px;top:348px}
.postition-5{left:526px;top:394px}
.postition-6{left:526px;top:515px}
.postition-7{left:652px;top:200px}
.postition-7.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-8{left:559px;top:229px}
.postition-9{left:637px;top:371px}
.postition-9.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-10{left:554px;top:539px}
.postition-11{left:604px;top:300px}
.postition-13{left:470px;top:250px}
.douhao{width:0}

@media screen and (max-width:1660px){
    .c-h3{
        font-size:24px;
        line-height: 50px;
    }
}
@media screen and (max-width:1000px){
    .c-h3{
        font-size:18px;
        line-height: 38px;
    }
}
@media screen and (max-width:768px){
    .c-h3{
        font-size:16px;
        line-height: 32px;
    }
    .map{
        display: none;
    }
    .cooperation-bt{
        font-size: 24px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width:500px) {
    .c-h3 {
        font-size: 12px;
        line-height: 30px;
    }
}
.team-bt{
	width: 100%;
	overflow: hidden;
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
	margin-bottom: 20px;
	position: relative;
}
.team-bt:after{
	content: '';
	position: absolute;
	left: 15px;
	bottom: 0px;
	width: 26px;
	height: 2px;
	background-color: #3071f2;
}
.team-p{
	width: 100%;
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 40px;
	padding:0px 15px;
	box-sizing: border-box;
}
.team-list{
	width: 100%;
	overflow: hidden;
	padding-top:50px;
	border-top: 1px solid #f2f2f2;
}
.team-list li{
	margin-bottom: 30px;
}
.team-one{
	width: 100%;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0px 0px 10px #efefef;
	position: relative;
}
.team-one img{
	width: 100%;
}
.team-dw{
	width: 100%;
	height: 75px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #fff;
	text-align: center;
	line-height: 75px;
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.team-list li:hover .team-one .team-dw{
	background-color: rgba(0, 84, 168, 0.9);
	color: #fff;
}
@media screen and (max-width:768px) {
	.team-bt{
		font-size: 24px;
	}
	.team-p{
		margin-bottom: 20px;
	}
	.team-list li{
		margin-bottom: 20px;
	}
	.team-list{
		padding-top:30px;
	}
}
.team-xq{
	width: 100%;
	padding:0px 15px;
	box-sizing: border-box;
}
.team-pic{
	width: 30%;
	float: left;
	box-shadow: 0px 0px 10px #eeeeee;
}
.team-pic img{
	width: 100%;
}
.team-nr{
	width: 65%;
	float: right;
	overflow: hidden;
}
.team-china{
	width: 100%;
	overflow: hidden;
	font-size: 24px;
	color: #333;
	font-weight: bold;
	position: relative;
	padding-bottom: 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.team-china:after{
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 24px;
	height: 3px;
	background-color: #3071f2;
}
.team-duan{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
}
@media screen and (max-width:1440px) {
	.team-china{
		font-size: 20px;
	}
}
@media screen and (max-width:1000px) {
	.team-china{
		font-size: 18px;
	}
	.team-duan{
		font-size: 12px;
	}
}
@media screen and (max-width:768px) {
	.team-pic{
		width: 100%;
		margin-bottom: 20px;
	}
	.team-nr{
		width: 100%;
	}
}
.lianxi{
	width: 100%;
	overflow: hidden;
}
.shuru{
	width: 100%;
	overflow: hidden;
	margin-bottom: 8%;
}
.shuru-bt{
	width: 100%;
	overflow: hidden;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 25px;
}
.shuru input[type="text"]{
	width: 40%;
	float: left;
	background-color: #fff;
	outline: none;
	color: #333;
	font-size: 16px;
	line-height: 48px;
    height: 48px;
	margin-right: 2%;
	border:none;
	padding:0px 10px;
	box-sizing: border-box;
}
.shuru input[type="text"]::placeholder{
	font-size: 16px;
	color: #666;
	line-height: 48px;
}
.shuru input[type="submit"]{
	width: 16%;
	float: left;
	height: 48px;
	background-color: #00bbff;
	outline: none;
	color: #fff;
	font-size: 16px;
	line-height: 48px;
	border:none;
	box-sizing: border-box;
}
.lianxi{
	width: 100%;
	overflow: hidden;
}
.lianxi-left{

}
.lianxi-nr{
	width: 69%;
	float: right;
	overflow: hidden;
	
	padding-top:5%;
	box-sizing: border-box;
}
.lianxi-list{
	width: 100%;
	overflow: hidden;
	padding-top: 20px;
	box-sizing: border-box;
}
.lianxi-list li{
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.lianxi-icon{
	width: 40px;
	float: left;
	overflow: hidden;
	margin-right: 10px;
}
.lianxi-icon img{
	width: 100%;
}
.lianxi-zi{
	float: left;
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	font-weight: bold;
	width: 87%;
}
.erweima{
	width: 100%;
	overflow: hidden;
}
.ma-one{
	width: 25%;
	overflow: hidden;
	margin-right: 4%;
	float: left;
}
.ma-one img{
	width: 100%;
	border:1px solid #f2f2f2;
	margin-bottom: 10px;
}
.ma-zi{
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	color: #666666;
	padding:0px 12%;
	box-sizing: border-box;
}
.lianxi-rigt{
	overflow: hidden;
}
.ditu{
	width: 100%;
	height: 600px;;
}
.ditu img{
	width: 100%;
	height: 100%;
}
@media screen and (max-width:1660px){
	.lianxi-nr{
		padding-top:10%;
	}
}
@media screen and (max-width:1440px){
	.lianxi-nr{
		padding-top:6%;
	}
}
@media screen and (max-width:1280px) {
	.lianxi-icon{
		width: 30px;
	}
	.lianxi-zi{
		font-size: 12px;
	}
	.lianxi-nr{
		padding-top:5%;
	}
	.lianxi-list li{
		margin-bottom: 15px;
	}
	.ma-zi{
		font-size: 12px;
		line-height: 20px;
	}
	.shuru{
		margin-bottom: 6%;
	}
}
@media screen and (max-width:1000px){
	.lianxi-icon{
		width: 20px;
		margin-right: 5px;
	}
	.team-bt{
		font-size: 24px;
	}
	.lianxi-list{
		padding-top:0px
	}
	.lianxi-list li{
		margin-bottom: 8px;
	}
	.lianxi-nr{
		padding-bottom: 40px;
	}
	.shuru input[type="text"]{
		line-height: 38px;
        height: 38px;
	}
	.shuru input[type="text"]::placeholder{
		line-height: 38px;
	}
	.shuru input[type="submit"]{
		height: 38px;
		line-height: 38px;
	}
	.shuru{
		margin-bottom: 3%;
	}
	.shuru-bt{
		font-size: 24px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width:768px){
	.shuru-bt{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.shuru input[type="text"]{
		line-height: 24px;
        height: 24px;
		font-size: 12px;
		padding:0px 5px;
	}
	.shuru input[type="text"]::placeholder{
		line-height: 24px;
		font-size: 12px;
	}
	.shuru input[type="submit"]{
		height: 24px;
		line-height: 24px;
		font-size: 12px;
	}
	.lianxi-nr{
		width: 100%;
	}
}
.culture-list{
	width: 100%;
}
.culture-list li{
	background-color: #f2f2f2;
	overflow: hidden;
	margin-bottom: 30px;
}
.culture-list li:nth-child(odd) .culture-pic{
	float: left;
}
.culture-list li:nth-child(odd) .culture-nr{
	float: right;
}
.culture-list li:nth-child(even) .culture-pic{
	float: right;
}
.culture-list li:nth-child(even) .culture-nr{
	float: left;
}
.culture-pic{
	width: 50%;
	float: left;
}
.culture-pic img{
	width: 100%;
}
.culture-nr{
	width: 50%;
	float: right;
	padding-top:90px;
	padding-left: 3%;
	padding-right: 3%;
	box-sizing: border-box;
}
.culture-bt{
	width: 100%;
	font-size: 24px;
	color: #333333;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 15px;
}
.culture-bt:after{
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 20px;
	height: 2px;
	background-color: #3071f2;
}
.culture-p{
	width: 100%;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}
.dazi{
	font-size: 16px;
}
@media screen and (max-width:1280px){
	.culture-nr{
		padding-top:50px;
	}
}
@media screen and (max-width:1000px){
	.culture-nr{
		padding-top:30px;
	}
	.culture-p{
		line-height: 24px;
		font-size: 12px;
	}
	.culture-bt{
		font-size: 20px;
	}
	.dazi{
		font-size: 24px;
	}
}
@media screen and (max-width:768px){
	.culture-pic{
		width: 100%;
	}
	.culture-nr{
		width: 100%;
		padding-bottom: 40px;
		box-sizing: border-box;
	}
}
.xinwen{
	width: 100%;
	overflow: hidden;
}
.xinwen li{
	overflow: hidden;
	margin-bottom: 30px;
}
.xinwen-left{
	width: 39%;
	overflow: hidden;
	float: left;
}
.xinwen-left img{
	width: 100%;
}
.xinwen-right{
	width:58% ;
	float: right;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
	padding-left: 15px;
	box-sizing: border-box;
	padding-top:35px;
}
.xinwen-bt{
	width: 100%;
	overflow: hidden;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 12px;
}
.xinwen-time{
	width: 100%;
	font-size: 14px;
	color: #3071f2;
	margin-bottom: 20px;
}
.xinwen-p{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	margin-bottom: 35px;
	height: 47px;
}
.xinwen-more{
	padding:0px 30px;
	box-sizing: border-box;
	display: inline-block;
	border:1px solid #306ce6;
	font-size: 14px;
	color: #306ce6;
	line-height: 40px;
	border-radius: 20px;
	margin-bottom: 10%;
}

.xinwen-more:hover{
	background-color: #306ce6;
	color: #fff;
}
.n-bt{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 14px;
}
.n-time{
	text-align: center;
	font-size: 14px;
	color: #666;
	margin-bottom: 28px;
}
.n-p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.n-p img{
	max-width: 100%;
}
@media screen and (max-width:1400px){
	.xinwen-more{
		margin-bottom: 5.5%;
	}
}
@media screen and (max-width:1200px){
	.xinwen-right{
		padding-top:0px
	}
	.xinwen-p{
		margin-bottom: 28px;
	}
}
@media screen and (max-width:1000px){
	.xinwen-more{
		line-height: 30px;
		border-radius: 15px;
	}
	.xinwen-time{
		margin-bottom: 6px;
	}
	.xinwen-p{
		margin-bottom: 15px;
	}
	.xinwen-bt{
		margin-bottom: 8px;
		font-size: 16px;
	}
}
@media screen and (max-width:768px){
	.xinwen-left{
		width: 100%;
		margin-bottom: 10px;
	}
	.xinwen-right{
		width: 100%;
		padding:0px 15px;
		box-sizing: border-box;
	}
	.xinwen-more{
		margin-bottom: 20px;
	}
	.xinwen-p{
		height: inherit;
	}
}
@media screen and (max-width:1440px){
	.map-two{
		right: 8%;
		top:49%;
	}
	.map-three{
		right: 3%;
	}
	.map-four{
		right: 10%;
	}
	.map-five{
		right: 14%;
		top:83%;
	}
}
@media screen and (max-width:1220px){
	.map-two{
		right: 5%;
		top:49%;
	}
	.map-four{
		right: 8%;
	}
	.map-five{
		right:11%;
		top:83%;
	}
}
@media screen and (max-width:1000px){
	.map-one{
		width: 45px;
	}
	.map-two{
		width: 45px;
	}
	.map-three{
		width: 45px;
	}
	.map-four{
		width: 45px;
	}
	.map-five{
		width: 45px;
	}
}
.ban-pic{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.ban-pic img{
	width: 100%;
	transition: all 4s;
}
.ban-zi{
	width: 68%;
	overflow: hidden;
	position: absolute;
	top:33%;
	right: 16%;
	text-align: right;
	color: #fff;
	font-size: 72px;
	line-height: 85px;
}
.zi-22{
	font-size: 40px;
	line-height: 50px;
}
.ban-pic:hover img{
	transform: scale(1.1,1.1);
}
@media screen and (max-width:1000px){
	.ban-zi{
		font-size: 60px;
		line-height: 75px;
	}
	.zi-22{
		font-size: 30px;
		line-height:40px;
	}
}
@media screen and (max-width:768px){
	.ban-zi{
		font-size: 38px;
		line-height: 46px;
	}
	.zi-22{
		font-size: 20px;
		line-height:30px;
	}
}
@media screen and (max-width:500px){
	.ban-zi{
		font-size: 26px;
		line-height: 35px;
	}
	.zi-22{
		font-size: 16px;
		line-height:20px;
	}
}
.jia-one{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.jia-one img{
	width: 100%;
}
.jia-dw{
	width:68% ;
	position: absolute;
	left: 16%;
	top:35%;
	overflow: hidden;
}
.jia-dw img{
	width: 100%;
}
@media screen and (max-width:1200px){
	.next1.swiper-button-next, .prev1.swiper-button-prev{
		position: absolute;
		top: 50%;
		width: 44px;
		height: 44px;
		margin-top: -22px;
		z-index: 10;
		cursor: pointer;
		-moz-background-size: 44px 44px;
		-webkit-background-size: 44px 44px;
		background-size: 44px 44px;
		background-position: center;
		background-repeat: no-repeat;
	}
}
@media screen and (max-width:768px){
	.next1.swiper-button-next, .prev1.swiper-button-prev{
		display: none;
	}
}
@media screen and (max-width:1880px){
    .xiala{
        width: 43.6%;
    }
    .la2{
        width: 35%;
    }
}
@media screen and (max-width:1800px){
	.xiala{
		width: 45.5%;
	}
	.la2{
		width: 36.5%;
	}
}
@media screen and (max-width:1666px){
	.xiala{
		width: 49.2%;
	}
	.la2{
		width: 39.4%;
	}
}
@media screen and (max-width:1366px){
	.center-dw{
		width: 1140px;
		margin-left: -570px;
	}
}
@media screen and (max-width:1360px){
	.xiala{
		width: 56%;
	}
	.la2{
		width: 44.8%;
	}

	.yaer{
		font-size: 12px;
	}
	.xq2{
		width: 20%;
	}
}
@media screen and (max-width:1340px){
	.xiala{
		width: 56.8%;
	}
	.la2{
		width: 45.5%;
	}
}
@media screen and (max-width:1300px){
	.xiala{
		width: 58.8%;
	}
	.la2{
		width: 46.9%;
	}
}
@media screen and (max-width:1280px){
	.xiala{
		width: 48.4%;
	}
	.la2{
		width: 38.7%;
	}
}
@media screen and (max-width:1100px){
	.xiala{
		width: 52.8%;
	}
	.la2{
		width: 42.2%;
	}
}
@media screen and (max-width:1200px){
	.center-dw{
		width: 940px;
		margin-left: -470px;
	}
}
@media screen and (max-width:1000px){
	.center-dw{
		width: 720px;
		margin-left: -360px;
	}
}
@media screen and (max-width:768px){
	.center-dw{
		width: 100%;
		margin-left: 0px;
		left: 0px;
		padding:0 15px;
		box-sizing: border-box;
	}
}
@media screen and (max-width:1360px){
    .map-six{
        width: 42px;
        top:26%;
        right:8%;
    }
    .map-one{
        width: 42px;
        right: 12%;
    }
    .map-two{
        width: 42px;
        right:19%;
        top:46%;
    }
    .map-seven{
        width: 42px;
        right: 19%;
        top:57%;
    }
    .map-four{
        width: 42px;
        right: 11%;
        top:63%;
    }
    .map-three{
        width: 42px;
        right: 21%;
    }
    .map-five{
        width: 42px;
        right: 24%;
        top:81%;
    }
    .show-regin{
    top:-7px;
    }
}
@media screen and (max-width:1000px){
    .map-six{
        right: 4%;
    }
    .map-one{
        right: 8%;
    }
    .map-two{
        right: 15%;
    }
    .map-seven{
        right: 15%;
    }
    .map-four{
        right: 7%;
    }
    .map-three{
        right: 17%;
    }
    .map-five{
        right: 19%;
    }
}