@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;}
/* banner */
.page-banner{position: relative; height: 550px; overflow: hidden;}
.page-banner picture{display: block;}
.page-banner picture img{width: 100%;}
.page-banner-info{position: absolute; top: 0;left: 0; width: 100%; height: 100%; }
.page-banner-info-center .container { height: 100%; justify-content: center; align-items: center; text-align: center;}
.page-banner-info h3{ font-size: 36px; color: #fff;}
.page-banner-info p{margin-top: 20px; max-width: 700px; line-height: 1.4; font-size: 18px; color: #fff;}
.page-banner-info a{ margin-top: 30px; display: inline-block; padding: 0 35px; line-height: 50px; border: 1px solid #fff; font-size: 20px; color: #fff;}
.page-banner-info a i{ margin-right: 10px; font-size: 20px;}

.about-banner-info .container{justify-content: center;}
.about-banner-info h3{  color: #fff;}
@media (max-width:1200px) {
	.page-banner{ height: 350px; }
	
    .page-banner-info h3{font-size: 26px; }
    .page-banner-info p{margin-top: 20px; }
	
	.page-banner-info a{ margin-top: 20px; padding: 0 25px; line-height: 40px; font-size: 16px; color: #fff;}
}

@media (max-width:768px) {
	.page-banner{ height: 250px; }
    .page-banner-info h3 { font-size: 24px;}
    .page-banner-info p{margin-top: 10px; font-size: 14px;}
}

/* title */
.index-title {padding-bottom: 40px;}
.index-title h3 {position: relative;font-size: 36px; line-height: 1.4; color: #333;}
.index-title p {position: relative ; max-width: 1200px; padding: 0 25px; margin: 24px auto 0; font-size: 18px; line-height: 1.6; color: #707070; text-transform: uppercase;}
.index-title-white h3,
.index-title-white p {color: #fff;}
.index-title-center{text-align: center;}

@media (max-width:1600px) {
	.index-title h3 {font-size: 32px;}
	.index-title p { font-size: 16px;}
}

@media (max-width:1400px) {
	.index-title h3 {font-size: 28px;}
}

@media (max-width:1200px) {
	.index-title h3 {font-size: 24px;}
}

@media (max-width:768px) {
	.index-title h3 {font-size: 20px;}
}

@media (max-width:768px) {
	.index-title p { font-size: 14px;}
}

/* more */
.more {padding-top: 60px;}
.more .more-btn {position: relative;display: inline-block;padding: 0 35px;line-height: 45px;font-size: 16px;border: 1px solid #999;color: #999;}
.more .more-btn:hover {background-color: var(--default);border-color: var(--default);color: #fff;box-shadow: 0 13px 10px rgba(0, 140, 214, .4);}

/* 
*
----------------------------------  news 
*
*/

.news-bg{background-color: #fff;}
.news-lists ul{margin-left: -40px;}
.news-lists ul li{padding-left: 40px; margin: 30px 0; width: 33.33%;}
.news-pic{overflow: hidden;}
.news-pic img{width: 100%;}
.news-title{padding-top: 30px;}
.news-title span{font-size: 16px; color: #ccc;}
.news-title h3{ margin: 15px 0; font-size: 24px; line-height: 1.4; height: 60px; color: #333; overflow: hidden;}
.news-title p{font-size: 20px; color: #666;}

@media (max-width:1400px) {
	.news-lists ul{margin-left: -30px;}
	.news-lists ul li{padding-left: 30px; margin: 30px 0; }
	
	.news-title h3{ font-size: 20px; height: 50px; }
	.news-title p{font-size: 18px; }
}

@media (max-width:1200px) {
	.news-lists ul{margin-left: -20px;}
	.news-lists ul li{padding-left: 20px; margin: 20px 0; }
	
	.news-title h3{ font-size: 18px; height: 45px; }
	.news-title p{font-size: 16px; }
}

@media (max-width:960px) {
	.news-title{padding-top: 20px;}
	.news-title span,
	.news-title p{font-size: 14px; }
}


@media (max-width:768px) {
	
	.news-lists ul li{width: 50%;}
	
	.news-title{padding-top: 15px;}
	.news-title span{font-size: 12px;  }
	.news-title h3{ font-size: 16px; height: 45px; }
	.news-title p{font-size: 14px; }
}


@media (max-width: 640px) {
	.news-lists ul li{width: 100%;}
	.news-title h3{ height: auto; }
}
/* team */
.team-shanghai-bg{background-color: #f4f4f4;}


.team-top-swiper .swiper-button-next,
.team-top-swiper .swiper-button-prev{width: 50px; height: 50px; border-radius: 50%; border: 1px solid #333;}
.team-top-swiper .swiper-button-next::after,
.team-top-swiper .swiper-button-prev::after{font-size: 16px; color: #333;}

.team-top-swiper .swiper-button-next{right:-80px}
.team-top-swiper .swiper-button-prev{left:-80px}

@media (max-width:1400px) {
    
}



.team-poster-item{align-items: center;}
.team-poster{ width: 400px ; overflow: hidden;}
.team-poster img{width: 100%;}

.team-content{flex: 1; padding-left: 100px;}
.team-content h3{ font-size: 36px; color: #333;}
.team-content h3 span{ margin-top: 15px; display: block; font-size: 24px; color: var(--default);}
.team-content p{ margin-top: 30px; line-height: 1.6; font-size: 18px; color: #666;}


.team-bottom-swiper{ margin: 100px auto 0;}
.team-bottom-swiper .swiper-slide-thumb-active .team-pic-item{ background-color: #fff;}
.beijingTeam-bottom .swiper-slide-thumb-active .team-pic-item{ background-color: #f5f5f5;}


.team-pic-item{align-items: center; justify-content: center; padding: 20px 60px;  border-radius: 8px; cursor: pointer;}
.team-pic{width: 66px;}
.team-pic img{width: 100%;}
.team-name{margin-left: 15px;}


@media (max-width:1800px) {
	.team-content{ padding-left: 100px;}
	.team-pic-item{ padding: 20px 40px; }
}

@media (max-width:1400px) {
    
    .team-top-swiper .swiper-button-next,
    .team-top-swiper .swiper-button-prev{display:none;}
    
    .team-bottom-swiper{ margin: 50px auto 0;}
    
	.team-content{ padding-left: 60px;}
	.team-pic-item{ padding: 20px; } 
}

@media (max-width:1200px) {
	.team-content{ padding-left: 30px;}
	.team-pic-item{ padding: 20px; } 
	
	.team-poster{ width: 300px; }
	.team-content h3{ font-size: 24px; }
	.team-content h3 span{  font-size: 20px;}
	.team-content p{  font-size: 16px;  }
}

@media (max-width:860px) {
	.team-poster-item{flex-direction: column; align-items: flex-start;}
	.team-poster{ width: 200px; }
	.team-content{ margin-top: 30px; width: 100%; padding-left: 0;}
	.team-content h3{ font-size: 20px; }
	.team-content h3 span{ font-size: 18px; }
	.team-content p{ margin-top: 20px;  font-size: 14px; }
	.team-bottom-swiper{ margin-top: 50px;}
}

@media (max-width:640px) {
	.team-top-swiper{padding: 0 ; margin-bottom: 50px; }
	
	.team-top-swiper{padding-bottom:30px;}
	
	.team-top-swiper .swiper-button-next,
	.team-top-swiper .swiper-button-prev{ top: initial; bottom: -30px; width: 40px; height: 40px; display:flex; }
	
	.team-top-swiper .swiper-button-next{right:0;}
    .team-top-swiper .swiper-button-prev{left:0;}
	
	
	.team-content{ margin-top: 20px;}
	.team-content h3{ font-size: 18px; }
	.team-content h3 span{ font-size: 16px; line-height: 1.4; }
	.team-content p{ margin-top: 20px;  font-size: 14px; }
	
	.team-bottom-swiper{display: none;}
	
}

/* service */
.service-cates-bg{background-image: url(../images/service/cates-bg.png);}

.service-cates-wrap{padding-left: 260px;}

.service-cates-left{width: 300px;}
.service-cates-left ul li{padding: 15px 0; margin-top: -1px; border-top: 1px solid transparent; border-bottom: 1px solid transparent;}
.service-cates-left ul li a{ display: block; line-height: 1.4; font-size: 18px; color: #fff;}
.service-cates-left ul li.on{ position: relative; z-index: 1; border-color: var(--deputy);}
.service-cates-left ul li.on a{color: var(--deputy);}
.service-cates-left ul li a:hover{color: var(--deputy);}

.service-cates-right{flex: 1; padding-left: 100px;}

.service-cates-item{padding: 80px; height: 100%; background-color: #fff; border-radius: 8px;}

.service-cates-content h3{font-size: 36px; color: var(--default);}
.service-cates-content p{  margin-top: 10px; height: auto; line-height: 1.4; font-size: 18px; color: #666;}
.service-cates-content a{ margin-top:25px; display: inline-block; padding: 0 35px; line-height: 50px; font-size: 18px; border: 1px solid var(--default); color: var(--default); border-radius: 4px;}
.service-cates-content a:hover{background-color: var(--default); color: #fff;}
.service-cates-item .service-cates-content:last-child{padding-top: 60px; margin-top: 60px; border-top: 1px solid #ccc;}


@media (max-width:1600px) {
	.service-cates-wrap{padding-left: 120px;}
	.service-cates-item{padding: 80px;}
	
	.service-cates-left ul li{padding: 15px 0; }
	.service-cates-left ul li a{  font-size: 16px; }
	
	.service-cates-content h3{font-size: 32px; }
	.service-cates-content p{ font-size: 16px; }
	.service-cates-content a{ line-height: 40px; font-size: 16px;  }
}

@media (max-width:1400px) {
	.service-cates-wrap{padding-left: 60px;}
	.service-cates-item{padding: 60px;}
	
	.service-cates-content h3{font-size: 28px; }

	
	.service-cates-content a{margin-top: 20px;}
	
}

@media (max-width:1200px) {
	.service-cates-wrap{padding-left: 15px;}
	.service-cates-item{padding: 30px;}
	
	.service-cates-right{flex: 1; padding-left: 30px;}
	.service-cates-content h3{font-size: 24px; }
	
	.service-cates-left{width: 220px;}
	.service-cates-left ul li{p }
	.service-cates-left ul li a{  font-size: 14px;  }
}

@media (max-width: 960px) {
	.service-cates-content p{ height: auto;}
}

@media (max-width: 768px) {
	
	.service-cates-left{width: 100%; height: 200px; padding-right: 15px; overflow: hidden; display: none;}
	.service-cates-left ul{height: 100%; overflow-y: auto;}
	.service-cates-content h3{font-size: 20px; }
	
	.service-cates-right{flex: 1; padding-left: 0; padding-right: 15px; }
}

/*  */

.service-dol-bg{height: 800px; background-image: url(../images/service/dol-bg.jpg);}
.service-dol-bg .container{ align-items: center; justify-content: space-between; height: 100%;}

.service-dol-title{color: #fff;}
.service-dol-title h3{font-size: 36px;}
.service-dol-title p{ margin-top: 20px; font-size: 18px}

.service-dol-btn{ padding: 0 35px; line-height: 60px;border: 1px solid #fff; border-radius: 4px; color: #fff;}
.service-dol-btn i{font-size: 30px;}
.service-dol-btn span{ position: relative; margin-left: 30px; padding: 0 30px;}
.service-dol-btn span::before{position: absolute; top: 20px; left: -1px; content: ''; width: 1px; height: 20px; background-color: #fff;}

.service-dol-btn:hover{color: #fff; }
@media (max-width: 1600px) {
	.service-dol-title h3{font-size: 32px;}
	.service-dol-bg{height: 600px;}
}

@media (max-width: 1400px) {
	.service-dol-title h3{font-size: 28px;}
	.service-dol-bg{height: 400px;}
}


@media (max-width: 1200px) {
	.service-dol-title h3{font-size: 24px;}
	.service-dol-title p{ font-size: 16px}
	.service-dol-btn{ padding: 0 25px; line-height: 50px; }
	.service-dol-btn i{font-size: 20px;}
	.service-dol-btn span{ position: relative; margin-left: 15px; padding: 0 15px;}
	.service-dol-btn span::before{  top: 18px; height: 15px;  }
}


@media (max-width: 768px) {
	.service-dol-title{text-align: center;}
	.service-dol-title p{ font-size: 16px}
	
	.service-dol-btn{margin-top: 30px;}
	
	.service-dol-bg .container{ flex-direction: column; justify-content: center; height: 100%;}
}

@media (max-width: 640px) {
	.service-dol-title h3{font-size: 20px;}
	.service-dol-title p{ margin-top: 15px; font-size: 14px}
	
	.service-dol-btn{ padding: 0 15px; line-height: 40px; }
		.service-dol-btn i{font-size: 18px;}
		.service-dol-btn span::before{  top: 12px; height: 15px;  }
	}
}

/*  */
.service-cates-bg .index-title{padding-bottom: 160px;}

.service-form{ max-width: 1000px; padding: 80px 50px; margin: 0 auto; background-color: #fff; transform: translateY(-100px); border-radius: 8px;}
.service-form ul{margin-left: -30px;}
.service-form ul li{width: 50%; padding-left: 30px; margin-bottom: 25px;}
.service-form ul li div span{ font-size: 20px;color: #333;}
.service-form ul li div input,
.service-form ul li div select{ margin-top: 15px; padding: 0 15px; display: block; width: 100%; line-height: 50px; height: 50px; font-size: 18px;color: #666; background: #eee; border: none;}

.service-form-textarea h3{ margin-bottom: 25px; font-size: 20px; color: #333;}
.service-form-textarea textarea{ padding: 15px; width: 100%; line-height: 1.4; font-size: 18px; background-color: #eee; border: none; font-family: "PingFang",arial, "Microsoft YaHei"; outline: none; color: #666;}


.service-form-code{ margin-top: 25px; align-items: center; font-size: 20px; max-width:370px; color: #fff;}
.service-form-code input{ padding: 0 15px; display: block; flex: 1; line-height: 50px; height: 50px; font-size: 16px; color: #333; background: #eee;  }

.service-form-button {margin-top: 35px;}
.service-form-button button{display: inline-block; padding: 0 76px; line-height: 50px; font-size: 20px; border-radius:8px; border:1px solid var(--default); background: none; color: var(--default);}
.service-form-button button:hover{background-color: var(--default); color: #fff;}


@media (max-width:1600px) {
	.service-form{  padding: 30px;  transform: translateY(-80px); }
}

@media (max-width:1200px) {
	.service-form{padding: 20px;  transform: translateY(-40px); }
}

@media (max-width:1000px) {
	.service-form{padding: 20px;  transform: translateY(-20px); }
	
	.service-form ul li{width: 50%; padding-left: 30px; margin-bottom: 25px;}
	.service-form ul li div span{ font-size: 16px;color: #333;}
	.service-form ul li div input,
	.service-form ul li div select{ margin-top: 15px; padding: 0 15px; line-height: 40px; height: 40px; font-size: 16px; }
	.service-form-button button{ padding: 0 46px; line-height: 40px; font-size: 16px;  }
	.service-form-textarea h3{ font-size: 16px; }
	
	
	.service-form-code{ font-size: 16px; }
	.service-form-code input{width: 100%; line-height: 40px; height: 40px; font-size: 16px; }
	.service-form-code img{height: 40px; width: 100px;}
}

@media (max-width:640px) {
	.service-form ul li{width: 100%; padding-left: 30px; margin-bottom: 25px;}
}

/*  */
.customer-bg{ position: relative; background-color: #F7F7F7; overflow: hidden;}
.customer-bg-img{position: absolute; top: 0; left: 0; z-index: 1; width: 35%; } 
.customer-desc{ position: absolute; top: -85px; left: 0; z-index: 2; padding: 0 260px; width:100%;}
.customer-desc p{ padding: 60px 125px; background-color: #fff; line-height: 1.4; font-size: 18px; color: #666;  border-radius: 8px;}

.customer-lists{position: relative; z-index: 2;}
.customer-lists ul{ margin-left: -20px; }
.customer-lists ul li{ padding-left: 10px; margin-bottom: 10px; width: 16.66%; }
.customer-lists-item{ align-items: center; justify-content: center; height: 100px; }
.customer-lists-item img{max-width: 100%; max-height: 100%;}

@media (max-width:1600px) {
	.customer-desc{ padding: 0 120px;}
	
	.customer-desc p{ padding: 60px; font-size: 16px; }
	
}

@media (max-width:1400px) {
	.customer-desc{ padding: 0 60px;}
}

@media (max-width:1200px) {
	.customer-desc{ padding: 0 15px;}
	.customer-desc p{ padding:40px;  font-size: 16px;  }
}

@media (max-width:768px) {
	.customer-desc{ position: static; top: 0; left: 0; z-index: 2;  } 
	.customer-lists ul{ margin-left: -20px; }
	.customer-lists ul li{ padding-left: 20px; margin-top: 20px; width: 33.33%; }
}

@media (max-width:640px) {
	.customer-desc p{ padding:20px 0;  font-size: 14px;  }
	.customer-lists ul li{  width: 50%; }
}

/* pkf */
.pkf-wrap{ position: relative; z-index: 2; padding-top: 210px;}
@media (max-width: 1200px) {
	 
}

@media (max-width: 768px) {
	.pkf-wrap{  padding-top: 50px;}
}

/*  */
.pkf-advant ul{ }
.pkf-advant ul li{width: 33.33%; }
.pkf-advant-item{ position: relative; justify-content: center ; padding-top:30px; height: 400px; background-color: var(--default);}

.pkf-advant-title{ padding: 15px; width: 90%; }
.pkf-advant-title i{ line-height: 1.4; font-size: 42px; color: #95AFCD;}
.pkf-advant-title h3{ margin-top: 10px; line-height: 1.4; font-size: 22px; color: #fff;}
.pkf-advant-title p{ margin-top: 10px; padding-top: 20px; line-height: 1.4; font-size: 16px; border-top: 1px solid #95AFCD; color: #fff;}

.pkf-advant ul li:nth-child(7){width: 66.66%;}

.pkf-advant-item-other{background-color: #EFEFEF;}
.pkf-advant-item-other .pkf-advant-title i,
.pkf-advant-item-other .pkf-advant-title h3{color: var(--default);}
.pkf-advant-item-other .pkf-advant-title p{color: #666; border-top-color: #95AFCD;}

@media(max-width:1500px){
    .pkf-advant-item{   padding-top:20px;}
}

@media (max-width: 1200px) {
	 .pkf-advant-title i{ font-size: 32px;  }
	 .pkf-advant-title h3{ font-size: 20px; }
	 .pkf-advant-title p{ margin-top: 15px; padding-top: 15px; font-size: 14px; }
}

@media (max-width: 1000px) {
	.pkf-advant-title p{  font-size: 14px; }
}

@media (max-width:860px) {
	.pkf-advant ul li{width: 50%; }
	.pkf-advant ul li:nth-child(7){width: 100%;}
}

@media (max-width: 768px) {
	
}

@media (max-width: 640px) {
	.pkf-advant ul li,
	.pkf-advant ul li:nth-child(7){width: 100%;}
	.pkf-advant-title{ padding: 35px 25px; width: 100%; }
	.pkf-advant-item{ margin-top: 2px; padding-top: 0; height: auto; justify-content: flex-start;}
}

.pkf-webnet-bg{background-color: #F7F7F7;}
.pkf-webnet-number ul li{position: relative; float: left; width: 25%; text-align: center;}
.pkf-webnet-number ul li::before{position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 100%; background-color: #ccc;}
.pkf-webnet-number ul li a{display: block; padding: 15px;}
.pkf-webnet-number ul li h3{position: relative; display: inline-block; font-size: 44px; padding-bottom: 15px; color: var(--default);}
.pkf-webnet-number ul li h3::before{position: absolute; bottom: 0; left: 50%; content: ''; margin-left: -15px; width: 30px; height: 2px; background-color: var(--deputy);}
.pkf-webnet-number ul li h3 b{font-weight: normal;}
.pkf-webnet-number ul li p{ margin-top: 15px; font-size: 18px; color: #777;}
.pkf-webnet-number ul li:last-child::before{display: none;}
@media (max-width:640px) {
	.pkf-webnet-number ul li{width: 50%; }
	.pkf-webnet-number ul li:nth-child(2)::before{display: none;}
}

.pkf-webnet-map{ margin-top: 50px; text-align: center;}
.pkf-webnet-map img{max-width: 100%;}

@media (max-width: 768px) {
	.pkf-webnet-number ul li h3{  font-size: 34px; }
	.pkf-webnet-number ul li p{  font-size: 16px;  }
}
@media (max-width:480px) {
	.pkf-webnet-number ul li h3{  font-size: 24px; }
	.pkf-webnet-number ul li p{  font-size: 14px;  }
}

/*  */
.pkf-map-head {overflow: hidden;}
.pkf-map-head ul{margin-left: -70px;}
.pkf-map-head ul li{margin-top: 15px; padding-left: 70px; border-bottom: 1px solid #ccc;}
.pkf-map-head ul li a{ position: relative; display: inline-block; padding-bottom: 10px; font-size: 16px; line-height: 1.4; color: #666;}
.pkf-map-head ul li a::after{ position: absolute; bottom: 0; left: 0; content: ''; width: 0; height: 1px; background-color: var(--deputy); transition: .3s;}
.pkf-map-head ul li a:hover::after,
.pkf-map-head ul li.on a::after{ width: 100%; }

.pkf-map-body{margin-top: 40px; padding-bottom: 100px;}


.pkf-map-left{width: 440px; height: 540px; background-color: #f9f9f9; overflow: hidden;}
.pkf-map-scroll{height: 100%; overflow: auto;}

.pkf-map-lists ul li{ position: relative; padding: 20px 30px; height: auto; background-color: #fff; margin-bottom: 5px; cursor: pointer;}
.pkf-map-lists ul li::after{position: absolute; top: 0; left: 0; content: ''; width: 0; height: 100%; background-color: var(--default); transition: .3s;}
.pkf-map-lists ul li p{ line-height: 1.4; font-size: 14px;}
.pkf-map-lists ul li p:last-child{  margin-top: 10px;}

.pkf-map-lists ul li p i{margin-right: 5px; font-size: 18px; color: var(--default);}
.pkf-map-lists ul li:hover::after,
.pkf-map-lists ul li.on::after{width: 6px;}

.pkf-map-right{flex: 1; position: relative; z-index: 2; background-color: #333;}
#baidumap{ width: 100%; height: 100%;}

@media (max-width:1200px) {
	.pkf-map-left{width: 300px; height: 490px;}
	.pkf-map-lists ul li{ padding: 20px; height: auto; }
}
@media (max-width:860px) {
	.pkf-map-left{width: 200px; height: 490px;}
	.pkf-map-lists ul li{ padding: 20px; height: auto; }
	.pkf-map-lists ul li p{ line-height: 1.4; font-size: 16px;}
}

@media (max-width:768px) { 
	.pkf-map-body{display: block;}
	
    .pkf-map-head ul{margin-left: -20px;}
    .pkf-map-head ul li{ padding-left: 20px; }
    .pkf-map-head ul li a{  font-size: 16px; }
	
	
	.pkf-map-left{width: 100%; height: auto;}
	.pkf-map-lists ul li{ padding: 15px; height: auto; }
	.pkf-map-lists ul li p{ line-height: 1.4; font-size: 16px;}
	.pkf-map-right{ display: block; width: 100%; height: 300px;}
}

/*  */
.download-bg{background-color: #F7F7F7;}
.download-cates{overflow: hidden;}
.download-cates ul{margin-left: -60px;}
.download-cates ul li{ padding-left: 60px; border-bottom: 1px solid #ccc;}
.download-cates ul li a{ position: relative; display: inline-block; padding-bottom: 10px; font-size: 20px; line-height: 1.4; color: #666;}
.download-cates ul li a::after{ position: absolute; bottom: 0; left: 0; content: ''; width: 0; height: 1px; background-color: var(--deputy); transition: .3s;}
.download-cates ul li a:hover::after,
.download-cates ul li.on a::after{ width: 100%; }

.download-lists{overflow: hidden;}
.download-lists ul{margin-left: -40px;}
.download-lists ul li{ margin-top: 40px; padding-left: 40px; width: 33.33%;}

.download-lists-pic{overflow: hidden;}
.download-lists-pic img{width: 100%;}

.download-lists-title{padding: 20px 0;}

.download-lists-title h3{font-size: 24px; color: #333;}
.download-lists-title p{ margin-top: 15px; font-size: 18px; line-height: 1.6; height: 56px; color: #666; overflow: hidden;}
.download-lists-title a{display: inline-block; margin-top: 30px; color: var(--default);}

@media (max-width:1200px) {
	.download-lists ul{margin-left: -30px;}
	.download-lists ul li{ margin-top: 30px; padding-left: 30px; }
	
	.download-lists-title h3{font-size: 20px; }
	.download-lists-title p{ font-size: 14px;  height: 48px; }
}

@media (max-width: 860px) {
	
	.download-cates ul{margin-left: -30px;}
	.download-cates ul li{ padding-left: 30px; }
	.download-cates ul li a{ font-size: 18px; }
	
	.download-lists ul{margin-left: -20px;}
	.download-lists ul li{ margin-top: 20px; padding-left: 20px; width: 50%;}
	
	.download-lists-title h3{font-size: 20px; }
}

@media (max-width: 640px) {
	
	.download-cates ul{margin-left: -20px;}
	.download-cates ul li{ padding-left: 20px; margin-bottom:15px; width:50%; }
	.download-cates ul li a{ font-size: 16px; }
	
	.download-lists ul{margin-left: -15px;}
	.download-lists ul li{ margin-top: 20px; padding-left: 15px; width: 50%;}
	
	.download-lists-title h3{font-size: 16px; }
	.download-lists-title a{margin-top: 20px; font-size: 14px;}
	.download-lists-title a i{font-size: 12px;}
}

@media (max-width: 480px) {
	
	.download-cates ul{margin-left: -20px;}
	.download-cates ul li{ padding-left: 20px; }
	.download-cates ul li a{ font-size: 14px; }
  
	.download-lists ul li{ margin-top: 20px; padding-left: 20px; width: 100%;}
	.download-lists-title h3{font-size: 14px; }
	
	.download-lists-title p{ font-size: 12px; line-height: 1.4; height: 48px;  }
	
	.download-lists-title a{margin-top: 10px; font-size: 12px;}
}


/* join */
.join-cates-wrap{align-items: flex-start;}
.join-cates {width: 360px; padding: 0 30px; background-color: #fff;}
.join-cates ul li{ padding: 15px 0;border-top: 1px solid #eee;}
.join-cates ul li a{display: block; line-height: 40px; font-size: 20px;}
.join-cates ul li a:hover,
.join-cates ul li.on a{ color: var(--default);}

/*  */
.join-lists{padding-left: 40px; flex: 1;}
.join-lists ul li{ margin-bottom: 2px; padding: 40px 60px; background-color: #ffff;}

.join-lists-title h3{font-size: 22px; color: #333;}
.join-lists-title p{ margin-top: 15px; font-size: 18px; color: #666;}

@media (max-width: 960px) {
	.join-cates {width: 250px; padding: 0 20px; }
	.join-cates ul li{ padding:  5px 0; }
	.join-cates ul li a{ line-height: 40px; font-size: 16px;}
	.join-cates ul li a i{font-size: 12px;}
	
	.join-lists ul li{ padding: 30px 20px; }
	.join-lists-title h3{font-size: 18px; }
	.join-lists-title p{ font-size: 14px; }
}


@media (max-width: 860px) {
	.join-cates {width: 200px; padding: 0 20px; }
}

@media (max-width: 768px) {
	.join-cates {width: 160px; padding: 0 15px; }
	.join-cates ul li a{ line-height: 35px; font-size: 14px;}
	
	.join-lists{padding-left: 20px; flex: 1;}
	.join-lists ul li{ padding: 20px; }
	.join-lists-title h3{font-size: 16px; }
	.join-lists-title p{ font-size: 12px; }
}


@media (max-width: 640px) {
	
	.join-cates-wrap{align-items: flex-start;}
	
	.join-cates {width: 100%; padding: 0 20px; }
	.join-lists{padding-left: 0; flex: 1; margin-top: 20px;}
}
/*  */
.join-poster-bg{height: 960px; background-image: url(../images/service/dol-bg.png);}
.join-poster-bg .container{ align-items: center; justify-content:center; height: 100%;}

.join-poster-title{color: #fff; text-align: center;}
.join-poster-title h3{font-size: 36px;}
.join-poster-title p{ margin-top: 20px; line-height: 1.6; font-size: 18px}
.join-poster-title p span{display: inline-block;}

.join-poster-email { margin-top: 60px; text-align: center;}
.join-poster-email a{ display: inline-block; padding: 0 35px; line-height: 60px; font-size: 18px; border: 1px solid #fff; border-radius: 4px; color: #fff;}
.join-poster-email p{ margin-top: 15px; color: #fff; font-size: 18px;}

.join-poster-btn:hover{color: #fff; }

@media (max-width: 960px) {
	.join-poster-title{ padding: 0 25px;}
	.join-poster-title h3{font-size: 32px;}
	.join-poster-title p{ margin-top: 20px; line-height: 1.6; font-size: 16px}
	.join-poster-title p span{display: initial;}
	
	.join-poster-email a{  padding: 0 35px; line-height: 50px; font-size: 16px;  }
	.join-poster-email p{ margin-top: 15px; font-size: 16px;}
}

@media (max-width: 860px) {
    .join-poster-bg{height: 100vh;}
	.join-poster-title h3{font-size: 28px;}
 
}

@media (max-width: 768px) {

	.join-poster-title h3{font-size: 24px;}
 .join-poster-email a{ line-height: 40px;  }
}

/* contact */
.contact-body{ }


.contact-left{width: 700px; height: 800px; background-color: #f9f9f9; overflow: hidden;}
.contact-scroll{height: 100%; overflow: auto;}

.contact-lists ul li{ position: relative; padding: 30px; height: auto; margin-bottom: 5px; cursor: pointer;}
.contact-lists ul li h3{ margin-bottom:25px; font-size: 24px; color:var(--default);}

.contact-lists ul li::after{position: absolute; top: 0; left: 0; content: ''; width: 0; height: 100%; background-color: var(--default); transition: .3s;}
.contact-lists ul li p{ line-height: 1.6; font-size: 18px;}
.contact-lists ul li div{  margin-top: 15px; display: flex; flex-wrap: nowrap; align-items: center;}
.contact-lists ul li div p{flex: 1;}

.contact-lists ul li p i,
.contact-lists ul li div i{margin-right: 5px; font-size: 20px; color: var(--default);}
.contact-lists ul li.on,
.contact-lists ul li:hover{ background-color: #fff;}
.contact-lists ul li:hover::after,
.contact-lists ul li.on::after{width: 6px;}

.contact-right{flex: 1; position: relative; z-index: 2; background-color: #333;}
#baidumap{height: 100%;}


@media (max-width:1200px) {
	.contact-left{width: 300px; height: 490px;}
	.contact-lists ul li{ padding: 20px; height: auto; }
}
@media (max-width:860px) {
	.contact-left{width: 200px; height: 490px;}
	.contact-lists ul li{ padding: 20px; height: auto; }
	.contact-lists ul li p{ line-height: 1.4; font-size: 16px;}
}

@media (max-width:768px) { 
	.contact-body{display: block;}
	
	.contact-left{width: 100%; height: auto;}
	.contact-lists ul li{ padding: 10px; height: auto; border-bottom: 1px solid #eee; }
	
	.contact-lists ul li h3{ padding-top:15px; margin-bottom:10px; font-size: 20px; }
	
	.contact-lists ul li p{ line-height: 1.4; font-size: 16px;}
	.contact-lists ul li p:last-child{  margin-top: 5px;}
	.contact-right{ display: block; width: 100%; height: 300px;}
}