@charset "utf-8";
/*定义滚动条尺寸*/
::-webkit-scrollbar{width: 5px;height: 6px;background-color: rgba(0,0,0,6);}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #ccc;}

@keyframes ban{
	0%{transform: scale(1);}
	50%{transform: scale(1.2);}
	100%{transform: scale(1);}
}

/* banner */
.pages-banner{position: relative; overflow: hidden; background: #000000; text-align: center;}
.pages-banner img{width: 100%; opacity: 0.4; animation: ban 2s linear .2s;}
.pages-banner picture{display: block;}
.pages-banner picture img{width: 100%; opacity: 0.8;}
.pages-banner-info{position: absolute; top: 0;left: 0; width: 100%; height: 100%; }
.pages-banner-info .container{height: 100%; align-items: center; justify-content: center;}
.pages-banner-info h3{ font-size: 40px; color: #fff;}
.pages-banner-info p{margin-top: 20px; font-size: 18px; color: #fff;}

@media (max-width:1200px) {
    .pages-banner-info h3{font-size: 30px;}
    .pages-banner-info p{margin-top: 20px;}
}

@media (max-width:768px) {
	.pages-banner{display: flex; justify-content: center;}
	.pages-banner img{width: auto; height: 250px;}
    .pages-banner-info h3 { font-size: 24px;}
    .pages-banner-info p{margin-top: 10px; font-size: 14px;}
}

@media (max-width:600px) {
	.pages-banner img{width: auto; height: 180px;}
}
/* 
*
about 
*
*/
.about-count{overflow: hidden;}
.about-count ul{ justify-content: space-between;}
.about-count ul li{width: 18%;}
.about-count ul li h3{font-size: 48px; font-weight: bold; color: #333;}
.about-count ul li p{ margin-top: 20px; padding-top: 20px; font-size: 18px; color: #666; border-top: 1px solid #eee;}

/*  */
.about-desc-bg{background-color: #FAFBFD;}
.about-desc{padding: 30px; align-items: center; background-color: #fff; margin: 0 -30px;}

.about-desc-pic{width: 47%;}
.about-desc-pic img{width: 100%;}
.about-desc-content{width: 52%; padding-left: 50px;}
.about-desc-content h3{ margin-bottom: 50px; font-size: 24px; line-height: 1.6;}
.about-desc-content p{margin-bottom: 20px; font-size: 16px; line-height: 1.6; color: #666;}

/*  */
.about-team-bg{transition: none;}
.about-team{align-items: center; padding-left: 30px;}
.about-team-content{width: 30%; padding-right: 60px;}
.about-team-content p{margin-top: 50px; font-size: 16px; line-height: 1.6; color: #666;}
.about-team-swiper{width: 70%;}
.about-team-swiper .swiper-slide img{width: 100%;}

@media (max-width:1100px) {
	.about-desc-content h3{ margin-bottom: 25px;}
	
	.about-team-content{width: 35%; padding-right: 40px;}
	.about-team-swiper{width: 65%;}
}
@media (max-width:768px) {
	.about-count ul li{width: 20%;}
	.about-count ul li h3{font-size: 38px;}
	.about-count ul li p{font-size: 14px; margin-top: 15px; padding-top: 15px;}
	
	.about-desc-pic,
	.about-desc-content{width: 100%;}
	.about-desc-content{padding: 30px 0 0;}
	.about-desc-content h3{margin-bottom: 0px; font-size: 20px;}
	.about-desc-content p{margin: 15px 0 0;}
	
	.about-team{padding: 0 15px;}
	.about-team-content,
	.about-team-swiper{width: 100%; padding: 0;}
	.about-team-content p{margin: 20px 0;}
}

@media (max-width:500px) {
	.about-count ul li{width: 45%;}
	.about-count ul li:nth-child(3),
	.about-count ul li:nth-child(4){margin-top: 20px;}
	.about-count ul li h3{font-size: 26px;}
	.about-count ul li p{margin-top: 6px; padding-top: 6px;}
	
	.about-desc-content{padding: 20px 0 0;}
	.about-desc-content h3{font-size: 18px;}
	.about-desc-content p{margin: 10px 0 0; font-size: 14px;}
	
	.about-team-content>img{width: 50%;}
	.about-team-content p{font-size: 14px;}
}

/* 
*
service
*
*/
.serive-project ul{justify-content: space-between;}
.serive-project ul li{width: 48.5%; margin-bottom: 50px;}
.serive-project-item{ position: relative; display: block; overflow: hidden;}
.serive-project-item img{width: 100%;}
.serive-project-title{position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px;}
.serive-project-title h3{ padding: 20px 15px; text-align: center; font-size: 18px; background-color: rgba(255,255,255,.8);}

.serive-project-item:hover .serive-project-title{padding: 0;}
.serive-project-item:hover .serive-project-title h3{ background-color: rgba(255,255,255,.9);}
.serive-project-item:hover img{transform: scale(1.1);}

.page-serive-tit{font-size: 28px; margin-bottom: 30px; text-align: center;}
.page-serive-con{font-size: 16px; line-height: 26px; color: #666666;}
.download{margin-top: 80px; border-top: 1px solid #EEEEEE; padding-top: 30px; text-align: center;}
.download a{background-color: #00CAFF; padding: 15px 85px; color: #FFFFFF; font-size: 18px; display: inline-block; margin-top: 15px;}
.download a img{margin-right: 10px;}
.download a:hover{box-shadow: 0 13px 10px rgba(0, 202, 255,.4);}
@media (max-width:768px) {
	.serive-project ul li{margin-bottom: 30px;}
	.serive-project-title{padding: 12px;}
	.serive-project-title h3 {padding: 15px 10px; font-size: 16px;}
	
	.page-serive-tit{font-size: 22px;}
	.page-serive-con{font-size: 14px;}
}
@media (max-width:500px) {
	.serive-project ul li{width: 100%; margin-bottom: 20px;}
	
	.page-serive-tit{font-size: 18px;}
}
/* 
*
haiwai
*
*/
.haiwai-culture ul {justify-content: space-between;}
.haiwai-culture ul li{width: 31.5%; padding: 50px 30px; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.haiwai-culture ul li h3{ margin-top: 30px; font-weight: bold; font-size: 20px;}
.haiwai-culture ul li p{font-size: 16px; color: #666; margin-top: 10px;}

.haiwai-cooperation{justify-content: space-between;}

.haiwai-cooperation-pic{overflow: hidden; width: 26%;}
.haiwai-cooperation-pic img{width: 100%;}

.haiwai-cooperation-content h3{font-size: 30px; font-weight: bold; color: #333333;}
.haiwai-cooperation-content p{margin-top: 25px; max-width: 450px; line-height: 1.6; font-size: 16px; color: #666666;}

.haiwai-chatway{justify-content: space-between; padding-bottom: 100px;}
.haiwai-chatway-pic{overflow: hidden; width: 63%; padding-right: 50px;}
.haiwai-chatway-pic img{width: 100%;}

.haiwai-chatway-content{width: 34%;}
.haiwai-chatway-content>div{padding: 50px 30px 20px 0; text-align: right;}
.haiwai-chatway-content h3{font-size: 30px; margin-bottom: 30px; font-weight: bold; color: #333333;}
.haiwai-chatway-content p{margin-top: 10px; line-height: 1.6; font-size: 16px; color: #666666;}

@media (max-width:1100px) {
	.haiwai-cooperation{margin-bottom: 20px;}
	.haiwai-cooperation-pic{width: 35%;}
	.haiwai-cooperation-content h3{font-size: 26px;}
}
@media (max-width:768px) {
	.haiwai-culture ul li{padding: 30px 0;}
	
	.haiwai-cooperation-pic{display: none;}
	.haiwai-cooperation-content h3{margin-bottom: 15px; font-size: 20px;}
	.haiwai-cooperation-content p{max-width: inherit; margin-top: 10px;}
	
	.haiwai-chatway{padding-bottom: 60px;}
	.haiwai-chatway-pic,
	.haiwai-chatway-content{width: 100%; padding-right:0;}
	.haiwai-chatway-content>div {padding: 15px 15px 15px 0;}
	
	.haiwai-chatway-content h3{margin-bottom: 15px; font-size: 20px;}
	.haiwai-chatway-content p{margin-top: 0;}
	
}

@media (max-width:500px) {
	.haiwai-culture ul li{padding: 20px 0; width: 48%;}
	.haiwai-culture ul li:nth-child(3){margin-top: 15px; margin-left: 24%;}
	.haiwai-culture ul li img{width: 40%;}
	.haiwai-culture ul li h3{margin-top: 20px; font-size: 18px;}
	.haiwai-culture ul li p{font-size: 14px;}
	
	.haiwai-cooperation-content h3{font-size: 18px;}
	.haiwai-cooperation-content p{font-size: 14px;}
	
	.haiwai-chatway{padding-bottom: 40px;}
	.haiwai-chatway-content h3{font-size: 18px;}
	
	.haiwai-chatway-content{margin-top: 25px;}
	.haiwai-chatway-content>div {display: none;}
	.haiwai-chatway-content p{font-size: 14px;}
}

/*  */
.partner-list{ padding: 15px; overflow: hidden;}
.partner-list ul{margin-left: -40px; }
.partner-list ul li{width: 25%; padding-left: 40px; margin-bottom: 40px;}
.partner-item{
	height: 130px; 
	align-items: center; 
	justify-content: center; 
	border: 1px solid #ccc; 
	box-shadow: 6px 8px 0 rgba(0,0,0,.1);
	padding: 10px;
}
.partner-item img{max-width: 100%; max-height: 100%;}
.partner-item:hover{box-shadow: 9px 11px 0 rgba(0,0,0,.1); border-color: #00c9ff; }

@media (max-width:1100px) {
	.partner-list ul li{width: 33.33%;}
}
@media (max-width:768px) {
	.partner-list{ padding: 0px; }
	.partner-list ul{margin: 0 13px 0 -10px; justify-content: space-between;}
	.partner-list ul li{width: 48%; padding-left: 10px;}
}

@media (max-width:500px) {
	.partner-list ul li{margin-bottom: 25px;}
	.partner-item{height: 90px; }
}

/*  */
.join-list ul{width: 100%;}
.join-list ul li{width: 100%; border-bottom: 1px solid #dddddd; }
.join-list ul li *{transition: all .2s;}
.join-list ul li .join-head{
	background-color: #FFFFFF; 
	color: #333333; 
	display: flex;
	justify-content: space-between; 
	align-items: center;
	cursor: pointer; 
	height: 100%;
	padding: 10px 20px 10px 10px;
	height: 60px;
 }
.join-list ul li .join-head h3{align-items: center; height: 100%; font-size: 18px;}
.join-list ul li .join-head i{transform: rotate(-90deg); transition: all .3s;}
.join-list ul li .join-head .icon-2{display: none;}

.join-list ul li.on .join-head{background-color: #00c9ff; padding: 10px 20px; color: #FFFFFF;}
.join-list ul li.on .join-head i{transform: rotate(0deg);}
.join-list ul li.on .join-head .icon-1{display: none;}
.join-list ul li.on .join-head .icon-2{display: block;}

.join-list ul li .join-info{display: none;}
.join-list ul li.on .join-info .flex{padding: 20px; justify-content: space-between; border: 2px solid #00c9ff; border-top: 0;}
.join-info-left,
.join-info-right{width: 48%; color: #666666; font-size: 14px; line-height: 28px;}
.join-info-left h3,
.join-info-right h3{margin-bottom: 10px;}

@media (max-width:768px) {
	.join-info-left,
	.join-info-right{width: 100%; padding-left: 0px;}
	.join-info-right{margin-top: 30px;}
	
	.join-list ul li .join-head h3{ font-size: 16px;}
	.join-list ul li .join-head img.icon-1{width: 20px;}
	.join-list ul li .join-head img.icon-2{width: 20px;}
}

/* contact */
.contact{justify-content: space-between;}
.contact>*{width: 48%;}
.contact-title{font-size: 30px; color: #00c9ff; margin-bottom: 20px;}
.contact b{height: 3px; width: 90px; background: #00c9ff; display: block; margin-bottom: 20px;}
.contact-ps{color: #666666; font-size: 16px; line-height: 26px;}

.contact-left ul{margin-top: 30px;}
.contact-left ul li{margin: 20px 0; font-size: 18px; color: #666666; display: flex; align-items: center;}
.contact-left ul li>span{margin-right: 15px;}
.contact-left ul li p{line-height: 26px;}

.contact-form-input{justify-content: space-between; }
.contact-form-input textarea,
.contact-form-input input{
	margin-top: 15px;
	display: block;
	padding: 0 15px;
	width: 100%;
	line-height: 40px;
	background-color: #eeeeee;
	border: 0;
	font-size: 16px;
	outline: none;
}

.contact-form button{
	display: inline-block; 
	padding: 0 50px; 
	line-height: 40px; 
	font-size: 16px; 
	background-color: #00c9ff; 
	color: #fff; 
	border: 1px solid  #00c9ff;
	margin-top: 30px;
}
.contact-form button:hover{ box-shadow: 0 13px 10px rgba(0, 202, 255,.4);}
#map {height: 500px;}
@media (max-width:768px) {
	.contact-title{font-size: 20px; margin-bottom: 15px;}
	.contact b{height: 2px; width: 60px; margin-bottom: 15px;}
	.contact-ps{font-size: 14px; line-height: 22px;}
	.contact-left,
	.contact-right{width: 100%; }
	.contact-left ul{margin-top: 20px;}
	.contact-left ul li{ margin: 12px 0; font-size: 16px;}
	.contact-left ul li>span img{width: 50px;}
	.contact-left ul li p{line-height: 22px;}
	.contact-right{margin-top: 30px;}
	.contact-form-input textarea,
	.contact-form-input input{font-size: 14px;margin-top: 10px;}
	.contact-form button{
		line-height: 36px;
		width: 100%;
		font-size: 14px; 
		margin-top: 15px;
	}
	#map {height: 300px;}
}

@media (max-width:500px) {
	.contact-right{margin-top: 20px;}
	
	.contact-left ul li{ font-size: 14px;}
}