@charset "utf-8";
br{line-height:1.2;}

/*定义滚动条尺寸*/
::-webkit-scrollbar
{
	width: 5px;
	height: 6px;
	background-color: rgba(0,0,0,6);
	/* background-color: rgba(0,0,0,1); */
}
/*定义滚动条轨道 内阴影+圆角*/
::-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; 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 .container{height: 100%; align-items: center;}
.page-banner-info h3{ font-size: 40px; color: #fff;}
.page-banner-info p{margin-top: 20px; font-size: 24px; color: #fff; text-transform: uppercase;}

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

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

@media (max-width:640px) {
    .page-banner-info h3 { font-size: 18px;}

}

/* 
*
----------------------------------  about 
*
*/
/* desc */
.about-desc-bg{background-image: url(../images/about/desc-bg.png);}
.about-desc{ margin-top: 45px;}
.about-desc p{ font-size: 16px; line-height: 1.6; color: #707070;}

.about-poster{ margin-top: 85px; overflow: hidden;}
.about-poster img{max-width: 100%;}
@media(max-width:640px){
   .about-desc p{font-size: 14px;} 
}
/* culture */
.about-culture-bg{background-image: url(../images/about/culture-bg.png);}
.about-culture-say{padding: 40px 0; width:100%;}
.about-culture-say img{ display:block; width:100%; max-width: 521px;}
.about-culture-list{overflow: hidden;}
.about-culture-list ul{margin-left: -30px;}
.about-culture-list ul li{width: 33.33%; padding: 15px 0 15px 30px;}

.about-culture-item{padding: 60px 80px 80px; display: block; height:100%; border: 1px solid #fff; color: #fff;}
.about-culture-item .about-culture-ico{ margin-bottom: 25px; width: 60px; height: 60px; }
.about-culture-item .about-culture-ico i{font-size: 56px}
.about-culture-item h3{ margin-bottom: 15px; padding-bottom: 20px; font-size: 28px; font-weight: 400; border-bottom: 1px solid #B6BAC8;}
.about-culture-item p{ line-height: 1.4; font-size: 18px; color:#fff; overflow: hidden;}

.about-culture-item:hover{background-color: #fff;}
.about-culture-item:hover .about-culture-ico i,
.about-culture-item:hover h3,
.about-culture-item:hover p{color: #000A80;}

@media (max-width:1600px) {
	.about-culture-item{padding: 40px;}
}

@media (max-width:1200px) {
	.about-culture-item h3{ padding-bottom: 15px; font-size: 22px;}
	.about-culture-item p{ font-size: 16px; }
}

@media (max-width:1000px) {
	.about-culture-list ul{margin-left: -20px;}
	.about-culture-list ul li{ padding: 10px 0 10px 20px;}
	.about-culture-item{padding: 20px;}
	.about-culture-item h3{ font-size: 20px;}
}

@media (max-width:768px) {
	.about-culture-list ul li{width: 50%;}
}

@media (max-width:540px) {
	.about-culture-item h3{ font-size: 18px;}
	.about-culture-item p{ font-size: 14px;}
}

@media (max-width:480px) {
	.about-culture-list ul li{width: 100%;}
	.about-culture-item p{ height: auto;}
}

/* master */
.about-master{padding-bottom: 0;}
.about-master-swiper{ position: relative; margin-top: 70px; padding: 0 70px; overflow: hidden;}
.about-master-swiper .swiper-container{overflow: hidden;}
.about-master-swiper .swiper-slide{text-align: center; padding: 0 10px;}
.about-master-swiper .swiper-button-next,
.about-master-swiper .swiper-button-prev{ margin-top: -25px; background: none; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #666; align-items:center; justify-content:center; background:none!important;}

.swiper-button-next:after,
.swiper-button-prev:after{display: none;}

.about-master-item{position: relative; padding: 100px 0 50px; display: inline-block; margin: 0 auto; text-align: center;}
.about-master-item>img{max-width: 100%;}
.about-master-logo,
.about-master-ltd{position: absolute; left: 0; z-index: 9; width: 100%;}
.about-master-logo{top: 20px; height: 150px; width: 100%; display: flex; align-items: center; justify-content: center;}
.about-master-logo img{max-width: 100%; max-height: 100%;}
.about-master-ltd{bottom: 10px; width: 100%; padding: 15px 30px; height: 84px; align-items: center; justify-content: center; background-color: #fff; box-shadow: 7px 6px 10px rgba(0, 0, 0, 0.1);}
.about-master-ltd h3{line-height: 1.5;  font-size: 12px; text-align:center;}

.about-master-poster{overflow: hidden;}
.about-master-poster img{width: 100%;}

@media (max-width:1700px) {
	/* .about-master-poster{display: none;} */
}
@media (max-width:1400px) {
	.about-master-swiper{margin-top:40px; padding: 0 60px;}
	.about-master-swiper .swiper-button-next,
	.about-master-swiper .swiper-button-prev{ margin-top: -20px; background: none; width: 40px; height: 40px; line-height: 38px;}
	
	.about-master-ltd h3{line-height: 1.5;  font-size: 14px;}
}

@media (max-width:1200px) {
	.about-master-ltd{ padding: 15px ;}
}

@media (max-width:640px) {
	.about-master-ltd{height: 70px;}
	.about-master-ltd h3{line-height: 1.3; font-size: 14px; text-align:left;}
}

@media (max-width:480px) {
	.about-master-item{ padding: 80px 0 50px;}
	.about-master-logo{top: 0;}
}
/* master */
.about-team-bg{margin-top: 35px; padding: 143px 70px; background-image: url(../images/about/team-bg.png);}
.about-team{padding: 55px 150px; border-radius: 200px; align-items: center; justify-content: space-between; background-color: rgba(255,255,255,.2);}
.about-team-title{ width: 58%; color: #fff;}
.about-team-title h3{font-size: 32px; line-height: 1.2;}
.about-team-title p{ margin-top: 25px; font-size: 18px; line-height: 1.6;}

.about-team-point{position: relative; width: 28%;}
.about-team-point img{width: 100%;}
.about-team-point h3{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); line-height: 1.2; font-size: 20px; color: #fff;}
.about-team-point h3 span{ display: block; font-size: 42px;}
.about-team-title p{ color:#fff;}
@media (max-width:1600px) {
	.about-team-point h3{ font-size: 18px;}
	.about-team-point h3 span{font-size: 32px;}
}

@media (max-width:1400px) {
	.about-team{padding: 55px 150px; }
	
	.about-team-title h3{font-size: 28px;}
	.about-team-title p{ font-size: 16px;}
	
	.about-team-point h3{ font-size: 18px;}
	.about-team-point h3 span{font-size: 32px;}
}

@media (max-width:1200px) {
	.about-team-bg{ padding: 143px 70px;}
	
	.about-team-title{ width: 100%; }
	
	.about-team-title h3{font-size: 28px;}
	.about-team-title p{ font-size: 16px;}
	
	.about-team-point{position: relative; width:160px; margin: 25px auto 0;}
	.about-team-point h3{ font-size: 16px;}
	.about-team-point h3 span{font-size: 32px;}
}

@media (max-width:1200px) {
	.about-team-bg{ padding: 143px 70px;}
	
	.about-team-title h3{font-size: 28px;}
	.about-team-title p{ font-size: 16px;}
}


@media (max-width:960px) {
	.about-team-bg{ padding: 100px 70px;}
	
	.about-team-title h3{font-size: 24px;}
	
	.about-team{padding: 55px; }
}

@media (max-width:860px) {
	.about-team-bg{ padding: 50px;}
	.about-team{padding: 25px; border-radius: 6px;}
}

@media (max-width:768px) {
	.about-team-bg{ padding: 50px 15px;}
	.about-team{padding: 25px 15px; border-radius: 6px;}
	
	.about-team-title h3{font-size: 20px;}
	.about-team-title p{ font-size: 14px;}

	.about-team-point h3{ font-size: 14px;}
}


/* history */
/* history */
.about-history-bg{ position: relative; background-color: #fff;}


.about-history-lists{ position: relative; margin-left: 10px; margin-top: 60px;}
/* .about-history-lists::before{position: absolute; top: 0; left: 100px; content: ''; width: 3px; height: 100%; background-color: red;} */


.about-history-item{ position: relative; padding-left: 100px; font-family: Arial;}
.about-history-item::after{position: absolute; top: 0; left:95px; content: ''; border-radius: 999px; }

.about-history-item::after{width: 13px; height: 13px; background-color: #000A80;}


.about-history-year{position: absolute; top: -4px; left: 0; width: 100px; font-size: 24px;color: #000A80; font-weight: bold;}
.about-history-content{flex: 1; padding-left: 25px; padding-bottom: 35px; border-left: 2px solid #ccc;}

.about-history-content h3{margin-top: 50px; font-weight: bold;}
.about-history-item .about-history-content h3:first-child{margin-top: 0;}
.about-history-item:last-child .about-history-content{padding-bottom: 0;}
.about-history-content p{ position: relative; margin-top: 8px; margin-bottom: 16px;font-size: 16px; line-height: 1.4; }
/* .about-history-content p::before{ position: absolute; top: 10px; left: 0; content: ''; width: 5px; height: 5px; border-radius: 999px; background-color: #666;} */

.about-history-poster{width: 200px;}
.about-history-poster img{width: 100%;}

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

@media (max-width:640px) {
 
	.about-history-year{ font-size: 20px;}
	.about-history-item{ padding-left: 60px;}
	.about-history-item::after{ left:55px; }
	.about-history-content h3{margin-top: 30px; }
	.about-history-content{ padding-left: 15px; padding-bottom: 15px; }

}

/* research */

.about-research-bg{position: relative;}
.about-research-bg::before{position: absolute; top: 0; left: 0; content: ''; width: 45%; height: 100%; background-color: #FAFAFA;}

.about-research{ position: relative; z-index: 1; align-items: center;}

.about-research-content{ width: 40%; padding-right: 60px;}
.about-research-content h3{ padding-bottom: 25px; margin-bottom: 50px; font-weight: bold; font-size: 40px;line-height: 1.4; color: #000A80; border-bottom: 1px solid #D9D9D9;}
.about-research-content p{font-size: 16px;line-height: 2; color: #666;}
.about-research-poster{ width: 60%; padding: 0 0 0 110px;}
.about-research-poster img{width: 100%;}

@media (max-width:1700px) {
	.about-research-bg::before{width: 40%; }
	.about-research-content h3{ padding-bottom: 25px; margin-bottom: 50px; font-size: 36px;}
}

@media (max-width:1400px) {
	.about-research-content h3{ padding-bottom: 20px; margin-bottom: 30px; font-size: 30px;}
}

@media (max-width:1200px) {
	.about-research-content h3{ font-size: 26px;}
	
	.about-research-content p{font-size: 16px;line-height: 1.6;}
	.about-research-poster{ width: 60%; padding: 60px 0 60px 60px;}
}

@media (max-width:960px) {
	.about-research-bg::before{width: 38%; }
	.about-research-content h3{ font-size: 22px;}
	.about-research-content p{font-size: 14px;}
	
}

@media (max-width:860px) {
	.about-research-bg{padding-top: 50px;}
	
	.about-research-bg::before{width: 100%; }
	
	.about-research-content{ width: 100%; padding-right: 0;}
	
	
	.about-research-poster{ margin-top: 25px; width: 100%; padding: 0;}
}
/* honor */
.about-honor-swiper{margin-top: 50px;}
.about-honor-item{height: 500px; background-color: #008CD6;}


/* 
*
----------------------------------  safe 
*
*/
/* policy */
.safe-policy-ver{align-items: center; flex-wrap: nowrap; margin-top: 50px; padding: 60px 50px;  background-image: url(../images/safe/policy-bg1.png);}
.safe-policy-ver h3{ margin-left: 50px; align-items: center; color: #fff; font-size: 36px;}
.safe-policy-ver h3 span{ margin: 0 45px; display: inline-block; padding: 1px 0; width: 120px; background-color: #fff;}


@media (max-width:960px) {
	.safe-policy-ver img{max-width: 80px;}
	.safe-policy-ver h3{ margin-left: 50px; font-size: 28px;}
	.safe-policy-ver h3 span{ margin: 0 35px; width: 80px;}
}

@media (max-width:768px) {
	.safe-policy-ver{margin-top: 40px; padding: 40px; }
	.safe-policy-ver img{max-width: 80px;}
	.safe-policy-ver h3{ margin-left: 30px; font-size: 24px;}
	.safe-policy-ver h3 span{ margin: 0 25px; width: 60px;}
}

@media (max-width:640px) {
	.safe-policy-ver{margin-top: 30px; padding: 20px; }
	.safe-policy-ver img{max-width: 60px;}
	.safe-policy-ver h3{ margin-left: 30px; font-size: 24px;}
	.safe-policy-ver h3 span{ margin: 0 10px; width: 30px;}
}

@media (max-width:480px) {
	.safe-policy-ver h3{ margin-left: 20px; font-size: 18px;}
	.safe-policy-ver h3 span{ display: none;}
}
/*  */
.safe-policy-say{margin-top: 30px; padding: 48px 54px; background-color: #F7F9FE;}

.safe-policy-ico{ padding: 60px 60px 80px; text-align: center; border: 1px solid #000A80;}
.safe-policy-ico img{max-width: 100%;}
.safe-policy-ico h3{ margin-top: 30px; font-size: 36px; font-weight: bold; color: #000A80;}

.safe-policy-line{margin: 0 45px; align-self: center; display: inline-block; padding: 1px 0; width: 120px; background-color: #000A80;}

.safe-policy-content{padding: 35px 40px; flex: 1; border: 1px solid #BDC1E0;}

.safe-policy-content h3{font-size: 24px; line-height: 1.5; color: #000A80;}
.safe-policy-content ul li{position: relative; margin-top: 25px; padding-left: 20px;}
.safe-policy-content ul li img{position: absolute; top: 3px; left: 0;}
.safe-policy-content ul li p{font-size: 18px; color: #666;line-height: 1.4;}

.safe-policy-iso{background-image: url(../images/safe/policy-bg2.png);}

.safe-policy-iso .safe-policy-ico{border-color: #fff;}
.safe-policy-iso .safe-policy-ico h3{color: #fff;}
.safe-policy-iso .safe-policy-line{background-color: #fff;}

.safe-policy-ico-lists{flex: 1; overflow: hidden;}
.safe-policy-ico-lists ul{margin-left: -30px;}
.safe-policy-ico-lists ul li{padding: 30px 0 0 30px; width: 50%;}
.safe-policy-ico-lists ul li:nth-child(1),
.safe-policy-ico-lists ul li:nth-child(2),
.safe-policy-ico-lists ul li:nth-child(3){width: 33.33%; padding-top: 0;}
.safe-policy-ico-lists ul li p{ padding: 40px 30px; height:100%; line-height: 1.6; font-size: 18px; color: #fff; border: 1px solid #fff;}

@media (max-width:1400px) {
	.safe-policy-say{display: inherit;}
	
	.safe-policy-ico{width: 100%;padding:0 20px 30px; border: none;}
	.safe-policy-ico img{max-width: 80px;}
	.safe-policy-ico h3{ margin-top: 30px; font-size: 28px; }
	.safe-policy-content{width: 100%;}
	.safe-policy-line{display: none;}
}
@media (max-width:768px) {
	.safe-policy-say,
	.safe-policy-content{padding: 25px;}
	.safe-policy-ico-lists ul{display: block;}
	.safe-policy-ico-lists ul li{padding-top: 15px!important; width: 100%!important;}
}

@media (max-width:640px) {
	.safe-policy-content h3{font-size: 20px; }
	.safe-policy-content ul li img{ top: 5px; }
	.safe-policy-content ul li p{font-size: 16px; line-height: 1.4;}
}
/* quality */
.safe-quality { margin-top: 50px; overflow: hidden;}
.safe-quality div{overflow-x: auto;}
.safe-quality div img{width: 100%; height: auto;}

@media (max-width:960px) {
	.safe-quality div img{width: 900px;}
}


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

.safe-system-box{ position: relative; margin-top: 50px; height: 550px;}
.safe-system-box .safe-system-item{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 50px 70px; align-items: center; justify-content: center;  }
.safe-system-item>h3{display:none;}
.safe-system-item ul{justify-content: center; }
.safe-system-item ul li{margin: 0 -30px -80px; transform: translateX(-15px);visibility: hidden; opacity: 0;}

.safe-system-box .active-safe-system-item{visibility: visible; opacity: 1;}
.safe-system-box .active-safe-system-item ul li{transform: translateX(0); transition: 1s;visibility: visible; opacity: 1;}
.safe-system-box .active-safe-system-item ul li:nth-child(1){transition-delay: .2s;}
.safe-system-box .active-safe-system-item ul li:nth-child(2){transition-delay: .4s;}
.safe-system-box .active-safe-system-item ul li:nth-child(3){transition-delay: .6s;}
.safe-system-box .active-safe-system-item ul li:nth-child(4){transition-delay: .8s;}
.safe-system-box .active-safe-system-item ul li:nth-child(5){transition-delay: 1s;}

.safe-system-ico{width: 324px; height: 324px; justify-content: center; align-items: center; flex-direction: column; border: 1px solid #fff; border-radius: 50%;}
.safe-system-ico img{max-height: 60px;}
.safe-system-ico h3{ margin-top: 20px; max-width: 130px; line-height: 1.4; text-align: center; font-size: 18px; color: #fff; overflow: hidden;}

.safe-system-chos ul li{width: 20%; border: 1px solid #fff;border-right: none; display:flex; align-items:center; justify-content:center; height: 70px; font-size: 18px; text-align: center; color: #fff; cursor: pointer;}
.safe-system-chos ul li:first-child{border-left: none;}
.safe-system-chos ul li.on,
.safe-system-chos ul li:hover{background-color: rgba(255,255,255,.3);}

@media (max-width:1700px) {
	.safe-system-item ul li{margin: 0 -20px -60px;}
	.safe-system-ico{width: 280px; height: 280px;}
}

@media (max-width:1400px) {
	.safe-system-ico{width: 250px; height: 250px;}

}

@media (max-width:1200px) {
	.safe-system-ico{width: 220px; height: 220px;}

	.safe-system-box{ height: 550px;}
}

@media (max-width:960px) {
	
	.safe-system-item ul li{ margin: 0 -10px -45px; }
	
	.safe-system-ico{width: 200px; height: 200px;}
	.safe-system-ico img{max-height: 50px;}
	.safe-system-ico h3{line-height: 1.4; height: 48px; text-align: center; font-size: 16px;}
	.safe-system-box{ height: 450px;}
	
	.safe-system-box .safe-system-item{padding: 0 50px 60px;}
	.safe-system-chos ul li{ font-size: 16px;}
}

@media (max-width:860px) {
	.safe-system-ico{width: 200px; height: 200px;}
	.safe-system-box{ height: 450px;}
	
	.safe-system-box .safe-system-item{padding: 0 50px 60px;}
	.safe-system-chos ul li{ font-size: 16px;}
}

@media (max-width:768px) {
	
	
	.safe-system-chos ul li{ font-size: 14px;}
}

@media (max-width:640px) {
	.safe-system-box{ position: relative; padding:40px 0 20px; margin-top: 30px; height: auto;}
	.safe-system-box .safe-system-item{position: static; padding: 0 20px 20px; justify-content: inherit;}
	.safe-system-box .safe-system-item,
	.safe-system-item ul{ width:100%; justify-content: inherit; }
	.safe-system-item>h3{display:block; color:#fff; width:100%; font-size: 20px; margin:30px 0 20px;}
	.safe-system-item ul li{margin: 5px 0; width:33.333%; transform: translateX(0);visibility: visible; opacity: 1;}
	
	
	.safe-system-ico{width: 100%; height: auto; margin: 0 ; border:none;}
	.safe-system-ico img{max-height: 30px;}
	.safe-system-ico h3{ margin-top: 10px; max-width: 80px; height: auto; font-size: 12px;}
	
	.safe-system-chos{display: none;}
}

/* 
*
----------------------------------  news 
*
*/
/*  */
.article-bg{background-color: #F5F7F8; }
.article-cates{padding : 80px 0 50px; overflow: hidden;}
.article-cates ul{ border-bottom: 1px solid #D8D8D8;}
.article-cates ul li{margin-right: 50px;}
.article-cates ul li a{ padding: 15px 0; display: block; font-size: 26px; color: #ABABAB;}
.article-cates ul li a:hover,
.article-cates ul li.on a{color: #000A80;}


@media(max-width:1200px){
    .article-cates{padding : 60px 0 30px;}
}
@media(max-width:860px){
    .article-cates{padding : 30px 0 20px;}
    .article-cates ul li a{ font-size: 22px;}
    .article-cates ul li{margin-right: 30px;}
}
@media(max-width:768px){
   .article-cates ul li a{ font-size: 18px;}
   .article-cates ul li{margin-right: 20px;}
}



.article-news{margin-top: -45px; padding-top: 0;}
/*  */
.article{ justify-content: space-between; padding: 100px 110px; background-color: #fff;}

.article-year{}
.article-year ul li{padding: 25px 0; border-bottom: 1px solid #eee;}
.article-year ul li a{ position: relative; font-size: 54px;  display: inline-block; color: #E9E9E9;}
.article-year ul li a::before{ position: absolute; top: 50%; right: -50px; content: ''; margin-top: -6px; width: 10px; height: 10px; border-radius: 50%; background-color: #E9E9E9; }
.article-year ul li.on a{color: #000A80;}
.article-year ul li.on a::before{background-color: #FE7537;}

.article-year ul li .active-news{color: #000A80;}
.article-year ul li a.active-news::before{background-color: #FE7537;}
@media (max-width:1400px) {
	.article-year ul li a{ font-size: 34px;}
	.article{ padding: 50px; }
}

@media (max-width:960px) {
	.article-year ul li{padding: 20px 0;}
	.article-year ul li a{ font-size: 24px;}
	.article-year ul li a::before{ right: -30px;}
	
	.article{ padding: 40px; }
	
}

@media (max-width:768px) {
	.article-year ul li{padding: 15px 0;}
	.article-year ul li a{ font-size: 16px;}
	.article-year ul li a::before{ right: -20px;}
	
	.article{ padding: 30px; }
	
}

@media (max-width:480px) {
	.article-year{width: 100%; margin-bottom: 25px;}
	.article-year ul{display: flex; }
	.article-year ul li{margin-right: 40px;}
	
	.article{ padding: 15px 30px 30px; }
}

.article-list{width: 75%;}
.article-item{flex-wrap: nowrap; padding: 40px 0; font-size: 20px; border-top: 1px solid #D8D8D8;}
.article-item span{position: relative; display:block; width:120px; line-height: 1.4;}
.article-item span::before{position: absolute; top: 11px; right: -35px; content: ''; width: 15px; height: 1px; background-color: #ccc;}
.article-item a{display: block; flex:1; margin-left: 60px; line-height: 1.4;}

@media (max-width:960px) {
	.article-item{ padding: 20px 0; font-size: 18px;}
}
@media (max-width:640px) {
    .article-item{flex-wrap: wrap;}
    .article-item span{width:100%;}
		.article-item span::before{display: none;}
	.article-item a{margin-top: 15px; display: block; margin-left: 0; line-height: 1.4;}
}

@media (max-width:480px) {
	.article-list{width: 100%;}


	.article-item a{  display: block; margin-left: 0; width: 100%;}
}

.pagination { padding: 60px 0; align-items: center; justify-content: center;}
.pagination .page-link,
.pagination .page-num{display: block; margin: 0 5px; width: 45px;height: 45px; line-height: 45px; text-align: center; border-radius: 50%; font-size: 18px; color:#333;}
.pagination .page-num-current{background-color: #000A80; color: #fff;}

.pagination .page-link:hover,
.pagination .page-num:hover{background-color: #000A80; color: #fff;}

/* 
*
----------------------------------  show 
*
*/
.article-show{max-width: 1230px; margin: 0 auto; padding-left: 70px; padding-right: 70px; padding-bottom: 30px;}
.article-title{padding: 120px 0 40px; text-align: center;}
.article-title h3{font-size: 42px; line-height: 1.4;}
.article-title p{margin-top: 20px; font-size: 18px; color: #C4C4C4;}
.article-title p span{ position: relative; display: inline-block;padding-right: 15px; margin-left: 15px;}
.article-title p span:first-child::before{position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 16px; background-color: #999;}

.article-content{padding: 20px 0 70px; line-height: 1.6; border-bottom: 1px solid #C6C6C6;}
.article-content img{max-width: 100%!important; height: auto!important;}

.next-article{ position: relative; padding: 60px 0;}
.next-article>a{position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; padding: 0 80px; height: 54px; line-height: 54px; font-size: 20px; border: 1px solid #B3B3B3;opacity: 1;border-radius: 100px;}

.next-article ul{width: 70%;}
.next-article ul li{padding: 5px 0; font-size: 18px; line-height: 1.4; color: #000A80; }
.next-article ul li a{ color: #808080;}

@media (min-width:768px) {
  
    
	.next-article ul li a:hover{ color: #000A80;}
	.next-article>a:hover{background-color: #000A80; border-color: #000A80; color: #fff;}
}

@media (max-width:1230px) {
	.article-title h3{font-size: 32px; line-height: 1.4;}
}

@media (max-width:768px) {
      .article-show{ padding-left: 15px; padding-right: 15px;}
    .article-title{padding: 40px 0 20px; text-align: left;}
    
    
    .article-title h3{font-size: 24px;}
    
    .article-title p span:first-child{margin-left:0;}
    
	.next-article ul{width: 100%;}
	.next-article>a{position: static;  transform: translateY(0); margin: 25px auto; padding: 0 50px; height: 50px; line-height: 48px; font-size: 18px;}
}

/* 
*
----------------------------------  solution 
*
*/
.solution-cates ul li{margin-right: 55px;}
.solution-cates ul li a{display: block; padding: 25px 0 ; font-size: 20px;}
.solution-cates ul li.on a,
.solution-cates ul li a:hover{box-shadow: 0 -2px 0 #FE7537 inset;-ms-box-shadow: 0 -2px 0 #FE7537 inset;-webkit-box-shadow: 0 -2px 0 #FE7537 inset; color: #000A80;}

@media (max-width:960px) {
.solution-cates ul li{margin-right: 35px;}
    .solution-cates ul li a{display: block; padding: 15px 0 ; font-size: 18px;}
}

@media (max-width:768px) {
	.solution-cates ul li{ width: 25%; margin-right: 0; text-align: center;}
	.solution-cates ul li a{ height:60px; font-size: 16px;display: inline-block;}
}

@media (max-width:640px) {
	.solution-cates ul li a{ font-size: 12px;}
}


.solution-bg{background-color: #F5F7F8;}
.solution-type{align-items: center; justify-content: space-between;}
/*.solution-type-desc{ width: 40%;}*/
.solution-type-desc h3{font-size: 40px; border-bottom: 1px solid #D9D9D9; padding-bottom: 15px; margin-bottom: 45px;}
.solution-type-desc p{font-size: 18px; line-height: 1.6; color:#666;}

/*.solution-type-poster{width: 55%;}*/
.solution-type-poster img{max-width: 100%;}


.solution-type-desc1{ width: 50%;}

.solution-type-poster1{width: 40%;}



.solutions-headcontent { margin-bottom:50px; overflow: hidden;}

.solutions-headcontent div h3{ margin:0!important; padding-bottom:20px; border-bottom: 1px solid #D9D9D9;}

.solutions-headcontent div p{line-height:1.6; color:#666; font-size:18px;}
.solutions-headcontent div.pc{overflow-x: auto;}
.solutions-headcontent div.pc img{ max-width: 100%; height: auto;}
.solutions-headcontent div.mb{ display:none;}
.solutions-headcontent div.mb img{ max-width: 100%; height: auto;}


.solutions-headcontent div h3{ margin-top: 35px ; margin-bottom: 35px ; font-size: 32px; color: #000A80; font-weight: 400;}


@media (max-width:1200px) {

	.solutions-headcontent div h3{font-size: 24px;}

}

@media (max-width:768px) {

	.solutions-headcontent div h3{font-size: 20px; margin-bottom: 25px;}
	

}

@media (max-width:640px) {

}



@media (max-width:960px) {
	.solutions-headcontent div img{width: 900px;}
}

@media (max-width:768px) {
    .solutions-headcontent div.pc{display:none;}
    .solutions-headcontent div.mb{ display:block;}
    
}




.solution-type-process{ margin: 40px 0 70px; padding: 50px 60px; border: 1px solid #979899;}
.solution-type-process ul li{ position: relative; width: 14.285%; margin-bottom: 40px; text-align: center;}
.solution-type-process ul li>img{position: absolute; top: 45px; right: -5px;}
.solution-type-process ul li h3{margin-top: 20px; color: #979899; }
.solution-type-proces-ico{ margin: 0 auto; width: 150px; height: 150px; align-items: center; justify-content: center; border-radius: 50%; border: 1px dotted #979899; }
/* .solution-type-proces-ico svg .c1{fill:none; stroke: #000A80;} */
.c{fill:#000A80;}



.solution-type-process ul li:nth-child(3) .solution-type-proces-ico,
.solution-type-process ul li:nth-child(4) .solution-type-proces-ico,
.solution-type-process ul li:nth-child(5) .solution-type-proces-ico{border-color: #000A80; border-style: solid;}
.solution-type-process ul li:nth-child(3) h3,
.solution-type-process ul li:nth-child(4) h3,
.solution-type-process ul li:nth-child(5) h3{color: #000A80;}

.solution-type-process ul li:nth-child(3) .solution-type-proces-ico:hover,
.solution-type-process ul li:nth-child(4) .solution-type-proces-ico:hover,
.solution-type-process ul li:nth-child(5) .solution-type-proces-ico:hover{background-color: #000A80;}

.solution-type-process ul li:nth-child(3) .solution-type-proces-ico:hover svg .c,
.solution-type-process ul li:nth-child(4) .solution-type-proces-ico:hover svg .c,
.solution-type-process ul li:nth-child(5) .solution-type-proces-ico:hover svg .c{fill:#fff; }

.solution-type-proces-tips{ align-items: center; justify-content:center;}
.solution-type-proces-tips div{width: 120px; padding: 0 8px; line-height: 1.2; text-align: center; color: #000A80;}
.solution-type-proces-tips span{ position: relative; display: block; width: 15%; height: 1px; background-color: #000A80;}
.solution-type-proces-tips span::before{position: absolute; top: -5px; content: ''; width: 11px; height: 11px; transform: rotate(45deg);}
.solution-type-proces-tips span:nth-child(1)::before{ left: 0; border-left: 1px solid #000A80; border-bottom: 1px solid #000A80;}
.solution-type-proces-tips span:nth-child(3)::before{ right: 0; border-right: 1px solid #000A80; border-top: 1px solid #000A80;}

.solution-type-proces-tips2{margin-top:15px;}
.solution-type-proces-tips2 span{width:auto; flex:1;}


@media (max-width: 1700px){
	.solution-type-process ul li>img{ top: 38px; width: 10px;}
	.solution-type-proces-ico{ width: 120px; height: 120px;}
}

@media (max-width: 1300px){
	.solution-type-process ul li>img{ top: 33px; width: 8px;}
	.solution-type-proces-ico{ width: 100px; height: 100px;}
	.solution-type-proces-ico img,.solution-type-proces-ico svg{ width: 50px;}
}

@media (max-width: 1200px){
	.solution-type-process{ margin: 40px 0 60px; padding: 20px; border: 1px solid #979899;}
	.solution-type-process ul li>img{ top: 29px; width: 6px;}
	.solution-type-proces-ico{ width: 80px; height: 80px;}
	.solution-type-proces-ico img,.solution-type-proces-ico svg{ width: 40px;}
	.solution-type-process ul li h3{margin-top: 15px; color: #979899; font-size: 14px;}
	
	
	
}

@media (max-width: 768px){
	.solution-type-process ul li>img{display: none;}
	.solution-type-process ul li{ position: relative; width: 25%; margin-bottom: 20px; text-align: center;}
	
	.solution-type-proces-tips{
	    display: none;
	}

}

@media (max-width: 640px){
	.solution-type-process{ margin: 40px 0; padding: 20px 0; border: 1px solid #979899;}
	.solution-type-process ul li>img{display: none;}
	.solution-type-process ul li{ position: relative; width: 25%; margin-bottom: 20px; text-align: center;}
	.solution-type-proces-tips{padding: 0 15px;}

	
}









.solution-yewu>h3{ margin-bottom: 35px; font-size: 40px; color: #000A80; font-weight: 400;     padding-bottom: 20px;   border-bottom: 1px solid #D9D9D9;}
.solution-yewu ul {margin-right: -30px;}
.solution-yewu ul li{width: 33.33%; padding: 15px 30px 15px 0;}
.solution-yewu ul li a{ position: relative; display: block; overflow: hidden;}
.solution-yewu ul li a img{width: 100%;}
.solution-yewu ul li a h3{position: absolute; bottom: 0; left: 0; width: 100%; padding: 56px 40px 36px; font-size: 24px; color: #fff; background: linear-gradient(180deg, rgba(0, 10, 128, 0) 0%, rgba(0, 10, 128, .5)100%);}

.solution-yewu-poster{position: relative;}
.solution-yewu-poster img{width: 100%;}
.solution-yewu-poster img:first-child{position: absolute; top: 9%; left: 0; width: 100%;}

@media (max-width:1200px) {
    
    .solution-yewu ul li a h3{padding: 56px 20px 20px; font-size:20px;}
    
	.solution-type-desc{ width: 100%;}
	.solution-type-desc h3{font-size: 32px; }
	.solution-yewu>h3{font-size: 32px;}
	.solution-type-poster{ margin-top: 25px; width: 100%;}
}

@media (max-width:768px) {

	.solution-type-desc h3{ margin-bottom: 25px; font-size: 24px; }
	.solution-yewu>h3{font-size: 24px; margin-bottom: 25px;}
	
	.solution-yewu ul {margin-right: -20px;}
	.solution-yewu ul li{ padding: 10px 20px 0 0;}
	.solution-yewu ul li a h3{ padding: 20px 15px 16px; font-size: 16px;}
}

@media (max-width:640px) {
	.solution-yewu ul {margin-right: -10px;}
	.solution-yewu ul li{ padding: 5px 10px 0 0;}
	
	.solution-type-desc p{font-size: 14px;}
	
	.solution-yewu ul li a h3{ font-size: 14px;}
}

@media (max-width:560px) {
	.solution-yewu ul li{ width: 50%;}
}


/* shepin */
.solution-shepin-scena{padding-bottom: 100px;}
@media (max-width:1700px) {
	.solution-shepin-scena {padding-bottom: 70px;}
}

@media (max-width:1400px) {
	.solution-shepin-scena {padding-bottom: 50px;}
}

@media (max-width:768px) {
	.solution-shepin-scena {padding-bottom: 30px;}
}

/* gonglv */
.solution-gonglv-scena ul li{width: 50%;}
.solution-gonglv-scena ul li a h3{font-size: 30px;}
@media (max-width:768px) {
	.solution-gonglv-scena ul li a h3{font-size: 24px;}
}

@media (max-width:768px) {
	.solution-gonglv-scena ul li a h3{font-size: 18px;}
}


/* service */
.service-wrap{align-items: flex-start;}

.service-cates{padding: 40px; width: 400px; background-color: #fff;}
@media (max-width:1700px) {
	.service-cates{padding: 20px; width: 360px; }
}
@media (max-width:1200px) {
	.service-cates{padding: 15px; width: 240px; }
}
@media (max-width:768px) {
	.service-cates{padding: 0; width: 100%;}
}
.service-cates-title{display: none;}
.service-cates-title h3{ position: relative; padding: 15px; font-size: 18px;}
.service-cates-title h3 i{position: absolute; top: 15px; right: 17px; width: 12px; height: 12px; border-right: 1px solid #666; border-bottom: 1px solid #666; transform: rotate(45deg);}
@media (max-width:768px) {
	.service-cates-title{display: block;}
}
/*  */
.trees-item {margin-bottom: 20px;overflow: hidden;}
.trees-item h3 {position: relative;}
.trees-item h3 a {display: inline-block;font-size: 24px;line-height: 1.4;}
.trees-item h3 i {position: absolute;top: 5px;right: 2px;display: block;width: 12px;height: 12px;border-left: 1px solid #FE7537;border-top: 1px solid #FE7537;transform: rotate(-135deg);}
.trees-item-one,
.trees-item-two {display: none;overflow: hidden;transition: none;}
.trees-item-one h4 {position: relative;padding-left: 15px;margin-top: 20px;}
.trees-item-one h4 a {display: inline-block;font-size: 18px;line-height: 1.4;}
.trees-item-one h4 i {position: absolute;top: 5px;right: 2px;display: block;width: 12px;height: 12px;border-left: 1px solid #FE7537;border-top: 1px solid #FE7537;transform: rotate(-135deg);}
.trees-item-two li {padding-left: 30px;margin-top: 20px;}
.trees-item-two li a {font-size: 18px;line-height: 1.4;}

@media (max-width:1400px) {
	.trees-item h3 a{font-size: 20px;}
	.trees-item-one h4 a{ font-size: 16px;}
}
@media (max-width:1200px) {
	.service-cates-list>ul>li{ margin-bottom: 15px;}
}
@media (max-width:768px) {
	.trees{ padding: 0 15px 20px 15px; display: none; transition: none;}
	.trees i{top: 0!important;}
	.trees-item h3 a{ font-size: 16px;}
	.trees-item-two li a {font-size: 14px;}
}

/*  */
.service-show{flex: 1; padding-left: 7.5%;}
.service-show-title{padding-bottom: 25px; border-bottom: 1px solid #D9D9D9;}
.service-show-title h3{font-size: 40px; line-height: 1.4;}
.service-show-content{padding: 30px 0; line-height:1.6;}
.service-show-content img{max-width: 100%; height: auto;}
@media (max-width:1700px) {
	.service-show{ padding-left: 5.5%;}
	.service-show-title{padding-bottom: 25px;}
	.service-show-title h3{font-size: 32px;}
}

@media (max-width:1400px) {
	.service-show-title{padding-bottom: 15px;}
	.service-show-title h3{font-size: 28px;}
}

@media (max-width:768px) {
	.service-show{flex: 1; margin-top: 25px; padding-left: 0; width: 100%;}
	.service-show-title h3{font-size: 20px;}
}

/*  */
.contact-address{position: absolute; top: 41%; left: 52%;}
.contact-address h3{position: absolute; top: -80px; left: 50%; z-index: 9; padding: 15px 25px; font-size: 24px; background-color: #fff; white-space: nowrap; transform: translateX(-50%);box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);color: #000A80;}
.contact-address img{ max-width: 40px;}
.contact-address-point{position: relative; transform: rotateX(40deg);}
.animation-round{position: absolute;left: 50%;top: 50%;margin-left: -100px;margin-top: -100px; width: 200px;height: 200px;background: rgba(0, 0, 255, 0);border-radius: 50%; animation: centerRotateTransition 5.2s -3.9s linear infinite;background: linear-gradient(45deg, rgba(0, 10, 128, .1),  rgba(0, 10, 128, .3));}
.animation-round:nth-child(2){animation: centerRotateTransition 5.2s linear -2.6s infinite;}
.animation-round:nth-child(3){animation: centerRotateTransition 5.2s linear -1.3s infinite;}
.animation-round:nth-child(4){animation: centerRotateTransition 5.2s linear 0s infinite;}
@keyframes centerRotateTransition {
	0%{transform: scale(.2); opacity: 0;}
	25%{transform: scale(.4); opacity: 1;}
	50%{transform: scale(.6); opacity: .35;}
	75%{transform: scale(.8); opacity: .15;}
	100%{ opacity: 0;}
}

.contact-map-infos{position: absolute; bottom: 30px; right: 60px; max-width:300px;}
.contact-map-infos ul li{position: relative; padding-left: 55px; margin-bottom: 26px;}
.contact-map-infos ul li img{ position: absolute; top: 3px; left: 0; max-width: 44px;}
.contact-map-infos ul li p{line-height: 1.6; color: #000A80;}
.contact-map-infos ul li p span{display: block;}
@media (max-width:1600px) {
	.contact-address{position: absolute; top: 31%; left: 51%;}
	.contact-map-infos{position: absolute; bottom: 50px; right: 80px;}
}

@media (max-width:1200px) {
	.contact-address{position: absolute; top: 29%; left: 49%;}
	.contact-address h3{font-size: 24px; top: -70px;}
	.contact-address img{ max-width: 54px;}
	.contact-map-infos{ bottom: 20px; right: 30px;}
	.contact-map-infos ul li{ padding-left: 55px; margin-bottom: 10px;}
}

@media (max-width:960px) {
	
	.contact-address{position: absolute; top: 23%; left: 49%;}
	.contact-address h3{font-size: 22px; top: -70px;}
	.contact-address img{ max-width: 35px;}
	
	.contact-map-infos{position: static; width:100%; max-width:100%;}
	.contact-map-infos ul{display: flex; flex-wrap: wrap; }
	.contact-map-infos ul li{ width: 100%; padding-left: 65px; margin: 15px 0;}
	.contact-map-infos ul li img{ left: 10px; top:-3px;}
	.contact-map-infos ul li span{display: inline!important;}

}
@media (max-width:768px) {
	
	.contact-address{position: absolute; top: 19%; left: 49%;}
	.contact-address h3{font-size: 18px; top: -60px;}
	.contact-address img{ max-width: 44px;}
	
	.contact-map-infos ul li{ width: 50%;  margin: 20px 0;}
	.contact-map-infos ul li img{ top: -10px;}
}
@media (max-width:640px) {
	.contact-address{position: absolute; top: 14%; left: 49%;}
	.contact-address h3{font-size: 16px; top: -55px;}
	.contact-address img{ max-width: 34px;}
	.contact-map-infos{padding-top:30px;}
	.contact-map-infos ul li{ width: 100%;  margin: 20px 0;}
}

@media (max-width:540px) {
    
	.contact-address{position: absolute; top: 12%; left: 49%;}
	.contact-address h3{font-size: 13px; top: -48px;}
	.contact-address img{ max-width: 30px;}
}
/*  */
.contact-us{ position: relative; justify-content: space-between; padding: 100px 0;}
.contact-us-bg{position: absolute;bottom: 0; right: 0; width: 57.5%; height: 100%; background-color:#153D82;}
.contact-us-bg span{display: block; width: 100%; height: 100%;background-image: url(../images/contact/contact-form-bg.png); opacity:.2;}
.contact-left{width: 35%; flex-direction: column;}
.contact-left ul{margin-top: 52px;}
.contact-left ul li{ position: relative; padding-left: 95px; margin-bottom: 20px; line-height: 1.4; font-size: 20px; color: #666;}

.contact-left ul li span{ position: absolute; top: 0; left: 0; }

.contact-left-wx{margin-top:40px; display:flex;}
.contact-left-wx div{margin-right:25px;}
.contact-left-wx img{max-width: 110px;}
.contact-left-wx h3{margin-top: 10px; font-size: 18px; text-align:center;}

@media(max-width:768px){
 
    .contact-left ul li{ padding-left: 64px; font-size: 14px;}
}


.contact-right{width: 52%;}
.contact-form{margin-top: 50px;}
.contact-form p{margin-top: 20px; line-height:1.4; color: #fff;}
.contact-form p a{color: #fff;}
.contact-form ul{margin-left: -30px;}
.contact-form ul li{width: 50%; padding-left: 30px; margin-bottom: 25px;}
.contact-form ul li div{ align-items: center; font-size: 20px; border-bottom: 1px solid #D2D2D2;color: #fff;}
.contact-form ul li input{display: block; flex: 1; line-height: 50px; height: 50px; font-size: 16px;color: #fff;  background: none;}

.contact-form-textarea h3{ margin-bottom: 25px; font-size: 20px; color: #fff;}
.contact-form-textarea textarea{ padding: 15px; width: 100%; line-height: 1.4; font-size: 16px; background: no-repeat; border: 1px solid #D2D2D2; font-family: "PingFang",arial, "Microsoft YaHei"; outline: none; color: #fff;}


.contact-form-code{ margin-top: 25px; align-items: center; font-size: 20px; max-width:340px; border-bottom: 1px solid #D2D2D2;color: #fff;}
.contact-form-code input{display: block; flex: 1; line-height: 50px; height: 50px; font-size: 16px;color: #fff;  background: none;}

.contact-form-button {margin-top: 71px;}
.contact-form-button button{display: inline-block; padding: 0 76px; line-height: 56px; font-size: 20px; border-radius: 100px; border:1px solid #fff; background: none; color: #fff;}
@media (max-width:960px) {

    
	.contact-us{display: block;padding: 70px 0;}
	.contact-us-bg{ width: 100%; height: 55.5%;}
	.contact-left{width: 100%; padding-bottom: 50px;}
	.contact-right{width: 100%;padding-top: 100px;}
	/*.contact-form p{text-align: center;}*/
	.contact-form-button{ margin-top: 50px;}
}
@media (max-width:768px) {
.contact-us{display: block;padding: 50px 0;}
	.contact-form-button button{ padding: 0 50px; line-height: 40px; font-size: 16px;}
	.contact-form ul li div{ font-size: 16px;}
	
	.contact-form ul li{width: 50%; padding-left: 30px; margin-bottom: 25px;}

.contact-form ul li input{ font-size: 14px;}

.contact-form-textarea h3{ margin-bottom: 0; line-height:43px; font-size: 16px; color: #fff;}
.contact-form-textarea textarea{ font-size: 14px;}


	
}
@media (max-width:640px) {
    .contact-form p{font-size:14px;}
    .contact-right{width: 100%;padding-top: 50px;}
    
    .contact-us{display: block;padding: 30px 0 50px;}
        .contact-us-bg{ width: 100%; height: 63.5%;}
	.contact-form ul li{width: 100%; padding-left: 30px; margin-bottom: 25px;}
	
	.contact-form-code{max-width:100%;}
}

.contact-say-wrap{max-width: 1200px; padding: 100px 15px; margin: 0 auto;}

.contact-say{padding: 35px 0 50px;}
.contact-say p{ line-height: 1.6; font-size: 18px; color: #666;}

.contact-tell h3{ padding: 15px 0; font-size: 24px; text-align: center; background-color: #F7F9FE;}
.contact-tell ul{ padding: 60px 0; border: 1px dotted #C5C5C5;}
.contact-tell ul li{ align-items: center; padding-left: 60px; font-size: 28px; color: #000A80;}
.contact-tell ul li span{width: 60px; height: 60px; padding: 15px; margin-right: 30px; border: 1px solid #FE7537; border-radius: 50%;}
.contact-tell ul li span img{max-width: 100%;}
.contact-tell ul li:first-child{width: 35%;}
.contact-tell ul li:last-child{flex: 1; border-left: 1px solid #000A80;}

@media (max-width:1100px) {
    .contact-say-wrap{ padding: 70px 15px;}
    
	.contact-tell ul{display: block;}
	.contact-tell ul li:first-child{width: 100%;}
	.contact-tell ul li:last-child{ margin-top: 25px; border: none;}
}

@media (max-width:840px) {
     .contact-say-wrap{ padding: 50px 15px;}
	.contact-tell ul li{ font-size: 24px;}
}
@media (max-width:768px) {
    
    .contact-say p{ font-size: 14px;}
    
     .contact-say-wrap{ padding: 30px 15px;}
	.contact-tell ul{ padding: 30px 0;}
	.contact-tell ul li{padding-left: 30px; }

	.contact-tell ul li span{width: 30px; height: 30px; padding:5px 5px 0; margin-right: 20px;}
}
@media (max-width:640px) {
    .contact-tell ul li{  font-size: 16px;}
}



/* 
*
----------------------------------  join 
*
*/
.join-life-talent{overflow: hidden;}
.join-life-talent ul{margin-right: -30px;}
.join-life-talent ul li{ width: 50%; padding: 15px 30px 15px 0;}

.join-life-talent-pic{overflow: hidden;}
.join-life-talent-pic img{width: 100%;}

.join-life-talent-title{padding: 30px; text-align: center; background-color: #000A80;}
.join-life-talent-title h3,
.join-life-talent-title p{color: #fff;}

.join-life-talent-title h3 {font-size: 36px; }
.join-life-talent-title p { margin-top: 10px; font-size: 20px;}

@media (max-width:1200px) {
	.join-life-talent-title{padding: 20px;}

	.join-life-talent-title h3 {font-size: 30px; }
	.join-life-talent-title p { font-size: 20px;}
}

@media (max-width:860px) {
	.join-life-talent-title h3 {font-size: 24px; }
	.join-life-talent-title p { font-size: 18px;}
}

@media (max-width:640px) {
    .join-life-talent ul li{ width: 100%;}
    
	.join-life-talent-title{padding: 15px;}
	.join-life-talent-title h3 {font-size: 20px; }
	.join-life-talent-title p { font-size: 16px;}
}
/*  */
.join-life-salary{overflow: hidden;}
.join-life-salary ul li{ position: relative; width: 25%; text-align: center;}
.join-life-salary ul li>img{position: absolute; top: 125px; right: -15px;}
.join-life-salary .overflow{width: 100%;}
.join-life-salary .overflow span{ position: relative; display: inline-block; width: 21px; height: 21px; background: #FE7537; border-radius: 50%;}
.join-life-salary .overflow span::before,
.join-life-salary .overflow span::after{position: absolute; top: 50%; content: ''; width: 200px; height: 1px; border-top: 1px dotted #333;}
.join-life-salary .overflow span::before{left: 21px;}
.join-life-salary .overflow span::after{right: 21px;}

.join-life-salary ul li:first-child .overflow span::after{display: none;}
.join-life-salary ul li:last-child .overflow span::before{display: none;}

.join-life-salary-circle{ position: relative; width: 320px; height: 320px; margin: 30px auto 40px; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid #000A80;}
.join-life-salary-circle::before{position: absolute; bottom: -8px; right: 50%; z-index: 2; content: ""; margin-right: -9px; width: 17px; height: 17px; border-radius: 50%; background-color: #fff; border: 1px solid #000A80;}
.join-life-salary-circle h3{font-size: 36px; color: #000A80;}
.join-life-salary-circle p{ margin: 10px 0 30px; font-size: 16px; color: #000A80;}

.join-life-salary-ico img{width: 100%;}

.join-life-salary-content{position: relative; width: 320px; padding: 25px 10px 25px 25px; margin: 0 auto; border: 1px solid #eee;}
.join-life-salary-content::before{position: absolute; top: -8px; left: 50%; z-index: 2; content: ""; margin-left: -8px; width: 17px; height: 17px; border-radius: 50%; background-color: #fff; border: 1px solid #000A80;}
.join-life-salary-content::after{position: absolute; top: -40px; left: 50%; content: ""; width: 1px; height: 40px; background-color: #000A80;}
.join-life-salary-content p{ position: relative; padding:0 16px; margin: 16px 0; text-align: left; line-height: 1.6; font-size: 16px;}
.join-life-salary-content p::before{position: absolute; top: 10px; left: 0; content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #999;}

@media (max-width:1600px) {
	.join-life-salary ul li>img{ top: 125px; height: 140px;}
	.join-life-salary-circle{ width: 280px; height: 280px; }
	.join-life-salary-circle h3{font-size: 30px; color: #000A80;}
	.join-life-salary-ico{padding: 0 65px;}
	
	.join-life-salary-content{position: relative; width: 280px;}
}

@media (max-width:1400px) {
	.join-life-salary ul li>img{ top: 120px; right: -10px; height: 100px;}
	.join-life-salary-circle{ width: 220px; height: 220px; }
	.join-life-salary-circle h3{font-size: 24px; color: #000A80;}

	.join-life-salary-content{position: relative; width: 220px; padding: 0 10px 0 15px;}
}

@media (max-width:1200px) {
	.join-life-salary ul{display: block;}
	.join-life-salary ul li{ width: 100%; margin: 15px 0; display: flex; justify-content: space-between; }
	.join-life-salary ul li>img{display: none;}
	
	.join-life-salary .overflow{ width: 21px; height: 100%; display: none;}
	
	.join-life-salary-circle{ margin: 0 30px 0 0;}
	.join-life-salary-circle::before{ bottom: 50%; right: -1px; margin-bottom: -10px;}
	.join-life-salary-content{flex: 1;}
	.join-life-salary-content::before{ top: 109px; left: 0; margin-top: -7px; }
	.join-life-salary-content::after{ top: 109px; left: -30px; width: 30px; height: 1px; }
}

@media (max-width:860px) {
	.join-life-salary-circle{ margin: 0 30px 0 0; width: 180px; height: 180px; }
	.join-life-salary-circle h3{font-size: 20px;}
	.join-life-salary-circle p{ margin: 10px 0 10px; font-size: 14px; line-height: 1.4;}
	.join-life-salary-ico{padding: 0 45px;}
	
	.join-life-salary-content::before,
	.join-life-salary-content::after{ top: 89px;}
}

@media (max-width:768px) {
	.join-life-salary-content p{ margin: 10px 0; line-height: 1.4; font-size: 14px;}
	.join-life-salary-content p::before{ top: 6px; }
}

@media (max-width:640px) {
	.join-life-salary-circle{ margin: 0 30px 0 0; width: 120px; height: 120px; }
	.join-life-salary-circle h3{font-size: 16px;}
	.join-life-salary-circle p{ margin: 5px 0 10px; padding: 0 15px; font-size: 12px; line-height: 1.2;}
	.join-life-salary-ico{padding: 0 35px;}
	
	.join-life-salary-content::before,
	.join-life-salary-content::after{ top: 59px;}
}
/*  */
.join-life-active-swiper{padding-bottom: 50px;}
.join-life-active-swiper .swiper-slide img{width: 100%;}
.join-life-active-swiper .swiper{padding-bottom: 80px;}
.join-life-active-swiper .swiper-pagination .swiper-pagination-bullet{ width: 40px; height: 6px; border-radius: 6px; background-color: #000A80;}

.join-life-poster{ height: 450px; justify-content: center; align-items: center; background-image: url(../images/join/life/join-poster.png);}
.join-life-poster a{display: inline-block; padding: 0 80px; line-height: 60px; border-radius: 80px; font-size: 24px; border: 1px solid #fff; color: #fff;}
@media (min-width:768px) {
	.join-life-poster a:hover{background-color: #000A80; border-color: #000A80;}
}

@media (max-width:640px) {
	.join-life-poster{ height: 250px;}
	.join-life-poster a{ padding: 0 50px; line-height: 50px; font-size: 18px;}
}

/*  */
.join-job-search{ padding: 30px 60px; background-color: #fff;}
.join-job-search form{flex-wrap: nowrap; }
.join-job-search input{display: block; flex: 1;-webkit-flex: 1;-ms-flex: 1; width: 100%; line-height: 50px; padding: 0 25px; font-size: 20px; background-color: #eee;}
.join-job-search button{ display: block; width: 160px;line-height: 50px; border: none; font-size: 20px; color: #000A80;background-color: #eee;}
.join-job-search button img{height: 20px;}

@media (max-width:768px) {
	.join-job-search{ padding: 15px 30px;}
	.join-job-search input{ line-height: 40px; padding: 0 25px; font-size: 16px; }
	.join-job-search button{ font-size: 16px;}
	.join-job-search button img{height: 16px;}
}

@media (max-width:480px) {
	.join-job-search{ padding: 15px;}
	.join-job-search button{ width: 120px;}
}

.join-job-list ul{margin-right: -40px;}
.join-job-list ul li{ width: 50%; padding: 40px 40px 0 0;}

.join-job-item{ padding: 50px 60px; background-color: #fff;}
.join-job-item h3{justify-content: space-between; align-items: center; line-height: 2;}
.join-job-item h3 span{font-size: 24px;}
.join-job-item h3 em{display: inline-block; padding: 0 20px; font-size: 16px; background-color: #eee; font-style: normal;}
.join-job-item p{font-size: 16px; line-height: 1.6; color: #000A80;}
.join-job-item p span{display: inline-block; margin-right: 15px; padding-right: 15px; line-height: 1.4; border-right: 1px solid #ccc;}
.join-job-item p span:last-child{border-right: none;}
.join-job-item a{ margin-top: 60px; display: inline-block; padding: 0 50px; line-height: 40px; border: 1px solid #000A80; color: #000A80; font-size: 16px; border-radius: 50px;}

.join-job-content{display: none;}
@media (min-width:768px) {
	.join-job-item a:hover{background-color: #000A80; color: #fff;}
}

@media (max-width:1300px) {
	.join-job-item h3,
	.join-job-item h3 span{display: block;}
	.join-job-item p{margin-top: 10px;}
}
@media (max-width:960px) {
	.join-job-item{ padding: 30px; }
	.join-job-item h3 span{font-size: 20px;}
	.join-job-item h3 em{font-size: 14px;}
	.join-job-item a{ margin-top: 40px;  padding: 0 30px; line-height: 35px; font-size: 14px;}
}

@media (max-width:768px) {
	.join-job-list ul{margin-right: -15px;}
	.join-job-list ul li{ width: 50%; padding: 15px 15px 0 0;}
}
@media (max-width:640px) {
	.join-job-list ul li{ width: 100%;}
}

/*  */
.join-job-alert {position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; padding: 50px 15px; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, .5); display: none;}
.join-job-alert-bg {position: relative; padding: 50px 100px 110px; max-width: 700px; height: 100%;background-color: #fff;}

.join-job-alert-bg button{ 
    margin: 20px auto;
    display: block;
    text-align: center;
    width:170px;
    line-height: 40px;
    border: 1px solid #000A80;
    color: #000A80;
    font-size: 16px;
    border-radius: 50px;
    background-color: #fff;
}

.join-job-alert-bg button:hover{background-color:#000A80; color:#fff;}

.join-job-alert-title h3{justify-content: space-between; align-items: center; line-height: 2;}
.join-job-alert-title h3 span{font-size: 24px;}
.join-job-alert-title h3 em{display: none;}
.join-job-alert-title p{font-size: 16px; line-height: 1.6; color: #000A80;}
.join-job-alert-title p span{display: inline-block; margin-right: 15px; padding-right: 15px; line-height: 1.4; border-right: 1px solid #ccc;}
.join-job-alert-title p span:last-child{border-right: none;}
.join-job-alert-title a{display: none;}
.join-job-alert-box{height: 100%; padding-bottom:10px; overflow: hidden;}
.join-job-alert-content{margin-top: 30px; padding:10px 15px 120px 0; height: 100%; overflow: auto; border-top: 1px solid #eee;}
/* .join-job-alert-content>div{height: 500px; overflow: auto;} */


.join-job-responsibility>h3,
.join-job-qualification>h3{ margin: 25px 0 15px; font-size: 20px;}
.join-job-responsibility>div,
.join-job-qualification>div{line-height: 1.6; color: #666;}
/* close */
.join-job-alert-close {position: absolute; top: 45px; right: 45px; width: 35px;height: 35px;}
.join-job-alert-close span {position: absolute;top: 17px;left: 0;width: 35px;height: 1px;background-color: #999;}
.join-job-alert-close span:first-child {transform: rotate(45deg);}
.join-job-alert-close span:last-child {transform: rotate(-45deg);}

.active-join-job-alert{display: flex;}

@media (max-width:768px) {
	.join-job-alert-bg {position: relative; padding: 25px 25px 45px;}
	.join-job-alert-close {position: absolute; top: 30px; right: 25px; }
}

/*  */
.join-xiaoyuan-way{ border-radius: 8px 8px 0 0; overflow: hidden;}
.join-xiaoyuan-way table {width: 100%;}
.join-xiaoyuan-way table tr th,
.join-xiaoyuan-way table tr td{width: 33.33%; padding: 20px 40px; border-color: #ccc; text-align: left;}
.join-xiaoyuan-way table tr th{ background-color: #000A80; font-size: 24px; color: #fff;}
.join-xiaoyuan-way table tr th img{margin-right: 10px;}
.join-xiaoyuan-way table tr td{font-size: 18px; line-height: 1.4; color: #666;}

@media (max-width:840px) {
	.join-xiaoyuan-way table tr th,
	.join-xiaoyuan-way table tr td{ padding: 15px;}
	.join-xiaoyuan-way table tr th{ font-size: 20px;}
	.join-xiaoyuan-way table tr td{font-size: 16px;}
}

@media (max-width:768px) {
    .join-xiaoyuan-way table tr th img{max-width:18px;margin-right: 6px;}
	.join-xiaoyuan-way table tr th{ font-size: 16px;}
	.join-xiaoyuan-way table tr td{font-size: 14px;padding:8px 15px;}
}
/*  */
.join-xiaoyuan-poster-bg{background-image: url(../images/join/xiaoyuan/email-bg.png);}

.join-xiaoyuan-poster ul li{width: 50%; align-items: center; background-color: #fff;}
.join-xiaoyuan-poster ul li:last-child{background-color: #F7F7F7;}
.join-xiaoyuan-poster ul li>div{ align-items: center;}
.join-xiaoyuan-poster-text p{font-size: 18px; line-height: 1.4; color: #666;}
.join-xiaoyuan-poster-text h3{ margin-top: 10px; font-size: 26px;}

.join-xiaoyuan-poster-email{ flex-wrap: nowrap; padding: 40px 0; overflow: hidden;}
.join-xiaoyuan-poster-email img{ transform: translateX(-45%);}
.join-xiaoyuan-poster-email div{transform: translateX(-65px);}


.join-xiaoyuan-poster-qrcode{ flex-wrap: nowrap; padding-left: 120px; padding-right: 40px;}
.join-xiaoyuan-poster-qrcode img{margin-right: 50px;}


@media (max-width:1600px) {
	.join-xiaoyuan-poster-text p{}
	.join-xiaoyuan-poster-text h3{font-size: 24px;}
}

@media (max-width:1200px) {
	.join-xiaoyuan-poster-email img{width: 200px;}
	.join-xiaoyuan-poster-qrcode{ padding-left: 80px;}
	.join-xiaoyuan-poster-qrcode img{ max-width: 120px; margin-right: 30px;}
}

@media (max-width:960px) {
	.join-xiaoyuan-poster ul li{width: 100%; }
	
	.join-xiaoyuan-poster-email,
	.join-xiaoyuan-poster-qrcode{ padding: 40px;}
	.join-xiaoyuan-poster-email img{ transform: translateX(0);width: 120px; margin-right: 30px;}
	.join-xiaoyuan-poster-email div{transform: translateX(0);}
	
}

@media (max-width:768px) {
	
	.join-xiaoyuan-poster-email,
	.join-xiaoyuan-poster-qrcode{ padding: 40px;}
	.join-xiaoyuan-poster-email img,
	.join-xiaoyuan-poster-qrcode img{ width: 80px; margin-right: 20px;}
}

@media (max-width:640px) {
	
	.join-xiaoyuan-poster-email,
	.join-xiaoyuan-poster-qrcode{ padding: 30px;}
	.join-xiaoyuan-poster-email img,
	.join-xiaoyuan-poster-qrcode img{ width:50px; margin-right: 20px;}
}