/* ========== */
/* = HOME = */
/* ========== */
.index-theme{ font-size:30px; line-height: 48px; font-weight: 600; color: #202020;}
.index-button{ display: inline-block; border:1px solid #d3ae82; width: 200px; line-height: 58px; border-radius: 30px; background: #FFFFFF; font-size: 24px; color: #d3ae82; text-align: center; -webkit-transition: all ease .3s; transition: all ease .3s;} 
.index-button:hover{ background: #d3ae82; color: #FFFFFF;}



.banner{ position:relative;}
.banner .swiper-slide{ color: #FFFFFF; position: relative;}
.banner .swiper-slide .text{ position: absolute; top:53%; left:0; width: 100%; padding:0 13.6%;}
.banner .swiper-slide .button{ margin-top: 6%; display: inline-block; font-size: 22px; color: #fff; background: #d3ae82; line-height: 80px; border-radius:40px; padding: 0 40px; }
.banner .swiper-slide .button:hover{ background: #541b86;}
.banner .num{ position: absolute; z-index: 2; bottom:38%; right:40px; }
.banner .num span{ margin-top: 40px; display: block; color: #FFFFFF; width: 46px; text-align: center; line-height: 46px; border-radius: 100%; font-size: 20px; cursor: pointer;}
.banner .num span.active{ border: 1px solid #FFFFFF;}

@media (max-width:1560px){ 
	.banner .swiper-slide .button{ margin-top: 5%; font-size: 20px; line-height: 70px; border-radius: 35px;}
}
@media (max-width:1580px){ 
	.banner .swiper-slide .button{ margin-top: 4%; padding: 0 30px; font-size: 18px; line-height: 60px; border-radius: 30px;}
}


.banner .num{ position: absolute; z-index: 2; bottom:38%; right:40px; }
.banner .num span{ margin-top: 40px; display: block; color: #FFFFFF; width: 46px; text-align: center; line-height: 46px; border-radius: 100%; font-size: 20px; cursor: pointer;}
.banner .num span.active{ border: 1px solid #FFFFFF;}
.index-customer{ margin-top:-120px; width: 100%; position: relative; z-index: 1;  background:rgba(96,72,90,.9);}
.index-customer .swiper-slide{ padding:3px 0 4px; }
.index-customer img{ max-width: 180px; }

.index-service{ padding: 110px 0 145px; background: #F8F8F8;}
.index-service .index-theme{ text-align: center; }
.index-service .content{  margin-top: 50px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:stretch;}
.index-service .img{ width: 52%; }
.index-service .con{ width: 48%; background: #FFFFFF;}
.index-service .top{ position: relative; height: 86px; line-height: 86px; border-bottom:1px solid #e5e5e5;}
.index-service .top .button{ position: absolute; top:30px; right:30px; width: 80px; height: 40px;}
.index-service .top .tab span{ cursor: pointer; font-size: 16px; display: inline-block; padding: 0 35px; position: relative; -webkit-transition: all ease .3s; transition: all ease .3s;}
.index-service .top .tab span:hover{ color: #d3ae82; }
.index-service .top .tab span i{ position: absolute; bottom:-7px; left:50%; margin-left: -7px; border: 1px solid #FFFFFF; width: 15px; height: 15px; display: block; padding: 4px; border-radius: 100%;}
.index-service .top .tab span i:after{ content: ""; display: block; background: #9b9b9b; width: 5px; height: 5px; border-radius: 100%;}
.index-service .top .tab span.active{ color: #d3ae82;}
.index-service .top .tab span.active i{border: 1px solid #d3ae82; background: #FFFFFF;}
.index-service .top .tab span.active i:after{ background: #d3ae82;}
.swiper-index-service .swiper-slide{ padding: 50px 35px 10px;}
.swiper-index-service .swiper-slide .desbox .tit{ padding-bottom: 20px; font-size: 24px; color: #333333; font-weight:600; position: relative;}
.swiper-index-service .swiper-slide .desbox .tit:after{content: ""; position: absolute; bottom: 0; left:0; width: 30px; height: 3px; background: #d3ae82;}
.swiper-index-service .swiper-slide .desbox .des{ line-height: 24px; margin-top: 12px;}
.swiper-index-service .swiper-slide li{ margin-top:27px; float: left; width: 48%; margin-right:4%;}
.swiper-index-service .swiper-slide li:nth-child(2n){ margin-right: 0;}
.swiper-index-service .swiper-slide li .tit{ margin-bottom: 10px; color: #333333; font-size: 16px; font-weight:600;}
.swiper-index-service .swiper-slide .more{ margin-top: 26px;}
.swiper-index-service .swiper-slide .more a{ margin-right:40px; display: inline-block; line-height: 40px; font-size: 18px;  padding-right: 42px; color: #d3ae82; position: relative;}
.swiper-index-service .swiper-slide .more a:after{ content: "";  -webkit-transition: all ease .3s; transition: all ease .3s; position: absolute; top:0; right:0; width: 40px; height: 40px;  background-image: url(../images/next_yellow.png); background-size: cover; }
.swiper-index-service .swiper-slide .more a:hover:after{   background-image: url(../images/next_yellow2.png);  }


@media (max-width:1580px){ 
	.index-service .top{ height: 70px; line-height: 70px;}
	.index-service .top .button{ top:15px; }
	.swiper-index-service .swiper-slide{ padding-top: 35px; }
	.swiper-index-service .swiper-slide li{ margin-top: 22px; }
	.swiper-index-service .swiper-slide .more{ margin-top: 20px; }
	.swiper-index-service .swiper-slide .more a{ font-size: 17px; }
}


.index-drill{ padding: 5.7% 0 7.3%;}
.index-drill .index-theme{ text-align: center;}
.index-drill li{ margin-top: 65px; margin-left: -1px; float: left; position: relative; background: #FFFFFF; padding:5%; width: 33.33333%; border-left:1px solid #e9d6c0; -webkit-transition: all ease .3s; transition: all ease .3s;}
.index-drill li:first-child{ border-left: none;}
.index-drill li .tit{ padding: 20px 0; text-align: center; position: relative; font-size: 20px; color: #333333; font-weight: bold;}
.index-drill li .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -15px; width: 30px; height: 3px; background: #d3ae82;}
.index-drill li .des{ margin: 25px auto 0; max-width: 230px; line-height: 30px; color: #333333; }
.index-drill li:hover{ z-index: 1; border: none; -webkit-box-shadow:2px 12px 15px rgba(0,0,0,.1); box-shadow:2px 12px 15px rgba(0,0,0,.1);   }

.index-course{ padding: 100px 0 120px; background-image: linear-gradient(#f8f8f8,#fff); }
.index-course .index-theme{ position: relative; text-align: center;}
.index-course .index-theme .button{ position: absolute; bottom:-10px; right:30px; width: 120px; height: 40px;}
.index-course .swiper-button-next{ width: 50px; height: 50px; background-image: url(../images/index_course_next.png); }
.index-course .swiper-button-next:hover{ background-image: url(../images/index_course_nexth.png); }
.index-course .swiper-button-prev{ width: 50px; height: 50px; background-image: url(../images/index_course_prev.png); }
.index-course .swiper-button-prev:hover{ background-image: url(../images/index_course_prevh.png); }
.index-course .content{ margin-top: 70px; position: relative;}
.index-course .content .tab{ position: absolute; z-index: 2; top:0; right:0; height: 100%; width:25%; padding:2% 0; background: rgba(0,0,0,.6);}
.index-course .content .tab div{ cursor: pointer; width: 100%; height: 33.3333%; color: #FFFFFF; opacity: .6; font-size: 20px; padding-left:15%;}
.index-course .content .tab div span{ display: inline-block; vertical-align: middle; padding-bottom: 18px; position: relative;}
.index-course .content .tab div span:after{ display:none; content: ""; position: absolute; bottom: 0; left:0; width: 30px; height: 2px; background: #FFFFFF;}
.index-course .content .tab div i{ display: inline-block; vertical-align: middle; height: 100%;}
.index-course .content .tab div:hover{ opacity: 1;}
.index-course .content .tab div.active{ opacity: 1;}
.index-course .content .tab div.active span:after{ display: block;}
.swiper-index-course .swiper-slide{ padding:18% 5% 9%; color: #FFFFFF; position:relative;}
.swiper-index-course .swiper-slide:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.5);} 
.swiper-index-course .swiper-slide .tit{ font-size: 36px; color: #FFFFFF;font-weight:600; padding-bottom: 20px; position: relative; z-index: 2;}
.swiper-index-course .swiper-slide .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 37px; height: 2px; background: #FFFFFF;}
.swiper-index-course .swiper-slide .des{ margin-top:20px; color: #FFFFFF; font-size: 18px; line-height:32px; max-width: 400px;  position: relative; z-index: 2;}
.swiper-index-course .swiper-slide .more{  opacity:.6; margin-top: 40px; display: inline-block; font-size: 24px; line-height: 40px; padding-right: 50px; color: #FFFFFF; position: relative; z-index: 2;  -webkit-transition: all ease .3s; transition: all ease .3s;}
.swiper-index-course .swiper-slide .more:after{ content: ""; position: absolute; top:0; right:0; width: 40px; height: 40px; background-image: url(../images/next_white.png); background-size: cover;}
.swiper-index-course .swiper-slide .more:hover{ opacity: 1; }
.swiper-index-course .swiper-slide .more:hover:after{   background-image: url(../images/next_yellow2.png);  }

.index-add{ padding: 74px 0; width: 100%; z-index: 99;}
.index-add .container{  display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; }
.index-add .text{ width: 80%; color: #FFFFFF; letter-spacing: 1px;}
.index-add .text .tit{ font-size: 36px; font-weight:600;}
.index-add .text .des{ margin-top: 15px; font-size: 20px;}
.index-add .index-button{ border: 1px solid #FFFFFF; background: #FFFFFF;-webkit-transition: all ease .3s; transition: all ease .3s;} 
.index-add .index-button:hover{ background: #d3ae82; border: 1px solid #d3ae82;}
.index-add-fixed{ position: fixed;  bottom:0; left:0; height: 120px; width: 100%; padding: 22px 0;}
.index-add-fixed .close{ position: absolute; top:0; right:0; width: 50px; height: 50px;  background-image:url(../images/fixed_add_close.png); background-size: cover; cursor: pointer;}
.index-add-fixed .text .tit{ font-size: 30px; }
.index-add-fixed .text .des{ font-size: 18px; margin-top:10px; }

.index-about{ padding:6.25% 0 7.2%;}
.index-about .box{ padding-bottom: 65px; border-bottom:1px solid #f6efe6; display: flex; flex-flow: wrap;  justify-content: space-between; }
.index-about .box .text{ width: 42%; max-width: 560px; text-align: justify;}
.index-about .box .text .des{ margin-top: 45px; line-height:30px;}
.index-about .index-button{ margin-top:50px;}
.index-about .box .img{ width: 54%; border-radius:5px; overflow: hidden;}
.index-about .point ul{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items: flex-start;}
.index-about .point li{ margin-top: 40px;}
.index-about .point li span{ position: relative; padding-right: 20px; font-size:60px; color: #d3ae82;}
.index-about .point li span i{ font-style: normal; font-family: "Impact";}
.index-about .point li span sub{ position: absolute; bottom:0; right: 0; line-height: 50px; font-weight: bold; font-size: 20px;}
.index-about .point li:nth-child(5) span{ padding-right: 40px;}
.index-about .point .line{ margin-top: 55px; width: 1px; height: 60px; background: #e9d6c0;}
.index-about .point li p{ margin-top: 10px; font-size: 16px; color: #333333;}

.index-evaluation{ padding: 105px 0 95px; text-align: center; position: relative;}
.index-evaluation:after{ content: ""; z-index: -1; position: absolute; top:0; left:0; width: 90%; height: 100%; background: #f8f8f8;}
.index-evaluation .top{ max-width: 570px; margin: 55px auto 0;  padding: 0 70px; position: relative;}
.index-evaluation .tab span{ cursor:pointer; display: inline-block; line-height: 46px; border-radius: 23px; padding: 0 40px;  -webkit-transition: all ease .3s; transition: all ease .3s;}
.index-evaluation .tab span:hover{ color: #d3ae82; }
.index-evaluation .tab span.active{ background: #d3ae82; color: #FFFFFF; }
.index-evaluation .js-tab-box{ margin-top: 57px;}
.index-evaluation .js-tab-con{ height: 0; overflow: hidden;}
.index-evaluation .js-tab-con.active{ height: auto;}
.swiper-index-evaluation{ margin: 0 -10%;}
.swiper-index-evaluation  .swiper-button-next{ right:32.5%; background-image: url(../images/evaluation_next.png);  -webkit-transition: all ease .3s; transition: all ease .3s;}
.swiper-index-evaluation  .swiper-button-prev{ left:32.5%; background-image: url(../images/evaluation_prev.png); -webkit-transition: all ease .3s; transition: all ease .3s;}
.swiper-index-evaluation  .swiper-button-next:hover{ background-image: url(../images/evaluation_nexth.png);}
.swiper-index-evaluation  .swiper-button-prev:hover{ background-image: url(../images/evaluation_prevh.png);}
.swiper-index-evaluation .swiper-slide{ padding: 0 3%;}
.swiper-index-evaluation .box{ position:relative; padding:8% 10%; background: #FFFFFF; border-radius:10px; overflow: hidden;}
.swiper-index-evaluation .box:after{ content: ""; position: absolute; top:30px; right:30px; width: 80px; height: 80px; background-image: url(../images/ico_yin.png); background-size: cover;} 
.swiper-index-evaluation .box .img img{ width:80px;  border-radius: 100%; overflow: hidden;}
.swiper-index-evaluation .box .tit{ margin-top: 15px; font-size: 20px; color: #333333; font-weight: 600;}
.swiper-index-evaluation .box .tip{ margin-top: 5px; color: #333333;}
.swiper-index-evaluation .box .des{ margin-top: 15px; padding-top: 20px; line-height: 30px; border-top:1px solid #eddfcd;}

.index-news{ padding: 120px 0 145px;}
.index-news .top{ position: relative;}
.index-news .top .index-button{ position: absolute; bottom: 0; right:0;}
.index-news .tab{ margin-top: 25px; }
.index-news .tab span{ display: inline-block; cursor: pointer; line-height: 30px; margin-right: 74px; position:relative; -webkit-transition: all ease .3s; transition: all ease .3s;}
.index-news .tab span:after{ content: ""; position: absolute; top:50%; right:-37px; width: 1px; height:20px; background: #dddddd; margin-top: -10px;}
.index-news .tab span:last-child:after{ display: none;}
.index-news .tab span.active,
.index-news .tab span:hover{ color: #d3ae82;}
.index-news .js-tab-con{ display: none;}
.index-news .js-tab-con.active{ display: block;}
.index-news ul{ margin: 20px -20px 0;}
.index-news ul li{ float: left; width: 50%; margin-top:40px; padding: 0 20px; margin-top: 40px;}
.index-news ul li:nth-child(2n+1){ clear: both;}
.index-news .box{ display: block; padding: 24px 175px 24px 28px; position: relative; -webkit-transition: all ease .3s; transition: all ease .3s;}
.index-news .box .tit{ padding-bottom: 16px; font-size: 20px; color: #333333; font-weight: 600; position: relative; -webkit-transition: all ease .3s; transition: all ease .3s;}
.index-news .box .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 30px; height: 3px; background: #d3ae82;}
.index-news .box .des{ margin-top: 10px; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;}
.index-news .box .date{ position:absolute; top:24px; right:0; border-left: 1px solid #eddfcd; width: 150px; text-align: center; color: #d3ae82; padding: 10px 0;}
.index-news .box .date span{ display: block; font-size: 36px;}
.index-news .box .date p{ font-size: 20px; margin-top: 10px;}
.index-news .box:hover{ -webkit-box-shadow:2px 12px 15px rgba(0,0,0,.1); box-shadow:2px 12px 15px rgba(0,0,0,.1);   }
.index-news .box:hover .tit{ color: #d3ae82;}


@media (max-width:999px){ 
	/* ========== */
	/* = HOME = */
	/* ========== */
	.index-theme{ font-size:0.52rem; line-height: 0.8rem; text-align: center; }
	.index-button{ width: 2.6rem; line-height:0.88rem; border-radius: 0.44rem; font-size: 0.34rem;} 
	
	.banner .swiper-slide{ letter-spacing:0.008rem; }
	.banner .swiper-slide .text{ top:68%; padding: 0 11%; }
	.banner .swiper-slide .button{ padding:0 0.533333rem; line-height:1rem; border-radius: 0.5rem; font-size: 0.34rem }

	.banner .num{ bottom: 0.266666rem; right:0.266666rem; }
	.banner .num span{ margin-top: 0.266666rem; width: 0.666666rem; line-height: 0.666666rem; font-size: 0.32rem;}
	.index-customer{ margin-top:0; padding:0.3rem 0; }
	.index-customer img{ max-width:2.2rem; }
	
	.index-service{ padding: 1.2rem 0;}
	.index-service .content{ margin-top: 1rem; }
	.index-service .img{ width: 100%; height: 6rem;}
	.index-service .con{ width: 100%; }
	.index-service .top{ height: 1.6rem; line-height:  1.6rem;}
	.index-service .top .button{ top:0.32rem; right:0; width: 2rem; height: 1ren;}
	.index-service .top .tab span{ font-size: 0.373333rem;  padding: 0 0.266666rem; }
	.swiper-index-service .swiper-slide{ padding:1rem 0.3rem 0.3rem; width: 100%;}
	.swiper-index-service .swiper-slide .desbox .tit{ font-size: 0.44rem;  padding-bottom: 0.45rem;}
	.swiper-index-service .swiper-slide .desbox .tit:after{ height: 0.053333rem;}
	.swiper-index-service .swiper-slide .desbox .des{  margin-top: 0.266666rem; font-size: 0.34rem; line-height:0.68rem;}
	.swiper-index-service .swiper-slide li{ margin-top: 0.5rem;}
	.swiper-index-service .swiper-slide li .tit{ margin-bottom: 0.266666rem;  font-size: 0.38rem;}
	.swiper-index-service .swiper-slide li .des font-size: 0.34rem; line-height:0.68rem;{}
	.swiper-index-service .swiper-slide .more{ margin-top: 0.4rem;}
	.swiper-index-service .swiper-slide .more a{ margin-right:0.266666rem;  font-size: 0.36rem; line-height: 0.8rem; padding-right: 0.9rem;}
	.swiper-index-service .swiper-slide .more a:after{ width: 0.8rem; height: 0.8rem; }
	
	.index-drill{ padding:1.2rem 0;}
	.index-drill li{ margin-top: 0.8rem; width: 100%;  border:none; -webkit-box-shadow:0 0 0.5rem rgba(0,0,0,.1); box-shadow:0 0 0.5rem rgba(0,0,0,.1); }
	.index-drill li img{ width: 2rem;}
	.index-drill li .tit{ padding: 0.4rem 0; font-size: 0.4rem;}
	.index-drill li .des{ margin: 0.4rem auto 0;  font-size: 0.32rem; line-height:0.64rem;}
	
	.index-course{ padding: 1.2rem 0;  }
	.index-course .index-theme .button{ bottom:-1.5rem; right:0.4rem; width: 2rem;}
	.index-course .swiper-button-next,
	.index-course .swiper-button-prev{ width: 0.8rem; height: 0.8rem; }
	.index-course .content{ margin-top:2rem; }
	.index-course .content .tab{ display: none;}
	.swiper-index-course .swiper-slide .tit{ font-size: 0.45rem;  padding-bottom: 0.45rem;}
	.swiper-index-course .swiper-slide .tit:after{ height: 0.053333rem; }
	.swiper-index-course .swiper-slide .des{ margin-top:0.35rem; font-size: 0.34rem; line-height:0.68rem;}
	.swiper-index-course .swiper-slide .more{  margin-top: 0.533333rem; padding-right: 1rem; line-height: 0.8rem; font-size: 0.42rem; }
	.swiper-index-course .swiper-slide .more:after{ width: 0.8rem; height: 0.8rem; }
	
	.index-add{ padding: 0.35rem 0; height: 3.2rem;}
	.index-add .text{ width: 100%; letter-spacing: 0.013333rem;}
	.index-add .text .tit{ font-size: 0.36rem;}
	.index-add .text .des{ margin: 0.3rem 0; font-size: 0.28rem;}
	
	.index-about{ padding:1.2rem 0;}
	.index-about .box{ padding-bottom: 0.8rem;}
	.index-about .box .text{ width: 100%; max-width: 100%;}
	.index-about .box .text .des{ margin-top: 0.666666rem; font-size: 0.32rem; line-height:0.64rem;}
	.index-about .index-button{ margin-top:0.666666rem;}
	.index-about .box .img{ margin-top:0.666666rem; width: 100%;}
	.index-about .point{ text-align: center;}
	.index-about .point li{  margin-top: 0.666666rem; width: 30%;}
	.index-about .point li:nth-child(7),
	.index-about .point li:nth-child(9){ width: 48%;}
	.index-about .point li span{ padding-right:0.666666rem; font-size:0.82rem; color: #d3ae82;}
	.index-about .point li span sub{  line-height: 0.533333rem;  font-size: 0.36rem;}
	.index-about .point li:nth-child(5) span{ padding-right: 0.8rem;}
	.index-about .point .line{ margin-top: 0.9rem; height: 0.8rem; }
	.index-about .point li p{ margin-top: 0.133333rem; font-size: 0.32rem; line-height:0.64rem;}
	
	.index-evaluation{ padding:1.2rem 0;}
	.index-evaluation:after{ width: 100%;}
	.index-evaluation .top{ margin: 0.666666rem auto 0;  padding: 0 1rem;}
	.index-evaluation .tab span{line-height: 0.8rem; border-radius: 0.4rem; padding: 0 0.4rem; }
	.index-evaluation .js-tab-box{ margin-top: 0.8rem;}
	.swiper-index-evaluation{ margin: 0;}
	.swiper-index-evaluation  .swiper-button-next{ right:0; }
	.swiper-index-evaluation  .swiper-button-prev{ left:0;}
	.swiper-index-evaluation .box:after{width: 1.333333rem; height: 1.333333rem;} 
	.swiper-index-evaluation .box .img img{ width: 1.7rem; }
	.swiper-index-evaluation .box .tit{ font-size: 0.4rem;}
	.swiper-index-evaluation .box .tip{ font-size: 0.32rem;}
	.swiper-index-evaluation .box .des{ font-size: 0.32rem; line-height: 0.64rem;}
	
	.index-news{ padding:1.2rem 0;}
	.index-news .tab{ margin-top: 0.666666rem; }
	.index-news .tab span{ font-size: 0.373333rem; line-height:1rem; margin-right:0.5rem;}
	.index-news .tab span:after{ right:-0.25rem; width: 1px; height:0.4rem; margin-top:-0.2rem;}
	.index-news ul{ margin: 0.266666rem 0 0;}
	.index-news ul li{ margin-top: 0.4rem; width: 100%; margin-right: 0; padding: 0;}
	.index-news .box{ border: 1px solid #E5E5E5; padding: 0.4rem;}
	.index-news .box .tit{ font-size: 0.38rem;}
	.index-news .box .des{ margin-top: 0.2rem; font-size: 0.32rem; line-height: 0.64rem; height: 1.28rem;}
	.index-news .box .date{ margin-top: 0.266666rem; position:relative; top:auto; right:auto; border-left:none; width: 100%; text-align: left; padding:0;}
	.index-news .box .date span{ display: inline-block; font-size: 0.52rem;}
	.index-news .box .date p{  display: inline-block; font-size: 0.34rem; margin-top: 0;}

}



/* ========== */
/* = NY = */
/* ========== */
.ny-banner{ padding: 10% 0; text-align: center;color: #FFFFFF;}
.ny-banner .text{ min-height: 120px;}
.ny-banner .text h4{ font-size: 48px; line-height: 60px; font-weight:600; text-shadow:0 0 30px rgba(0,0,0,.4); }
.ny-banner .text .des{ margin-top: 15px; font-size: 30px;}
.bread{ padding: 25px 0; border-bottom:1px solid #f2f2f2;  line-height: 20px; color: #999999;}
.bread a{  display: inline-block; vertical-align: middle;  color: #999999;}
.bread a:first-child{ background: url(../images/ico_bread.png) no-repeat left;  padding-left: 25px;}
.bread span{ display: inline-block; vertical-align: middle; margin: 0 6px;}
.bread a:last-child{ color: #c89f6e;}

.ny-theme{ font-size: 36px; font-weight: bold; color: #202020;  text-align: center;}
.ny-theme font{ color: #541b86;}
.ny-theme-des{ margin-top: 10px; font-size: 18px; line-height: 36px; text-align: center;}
.ny-more{ display: inline-block; border: 1px solid #d3ae82; color: #d3ae82; line-height: 48px; padding: 0 25px; border-radius: 25px; font-size: 16px; -webkit-transition: all ease .3s; transition: all ease .3s;}
.ny-more:hover{ background: #d3ae82; color: #FFFFFF;}

.page{ text-align: center; font-size: 0;}
.page ul li{ display: inline-block; vertical-align: middle;}
.page a,
.page span{ display: inline-block; vertical-align: middle; padding: 0 15px; min-width: 50px; margin: 0 4px;  border: 1px solid #e5e5e5; color: #999999; font-size: 18px; line-height: 36px; border-radius:5px;  -webkit-transition: all ease .3s;  transition: all ease .3s;}
.page a:hover,
.page li.active a,
.page li.active span{ background: #c89f6e; border: 1px solid #c89f6e; color: #FFFFFF;}
.page li.last{ margin-left: 20px;}
.page li.last em{  display: inline-block; font-size: 18px; color: #333333; margin: 0 7px;}
.page li.last input{ line-height: 36px; width: 50px; border: 1px solid #e5e5e5;  font-size: 18px; text-align: center; border-radius:5px;}



/* ========== */
/* = SOLUTION = */
/* ========== */
.solution{ padding: 60px 0 115px;}
.solution li{ margin-top: 55px; float: left; width: 48%; margin-right: 4%;}
.solution li:nth-child(2n){ margin-right: 0;}
.solution li:nth-child(2n+1){ clear: both;}
.solution li .box{ display:block;}
.solution li .box .img{ border-radius: 6px; overflow: hidden;}
.solution li .box .img img{ width: 100%;}
.solution li .box .text{ padding: 10px 140px 10px 0; margin-top: 15px; position: relative;}
.solution li .box .text .tit{ font-size: 30px; color: #333333; font-weight: bold; position: relative; display: inline-block; }
.solution li .box .text .tit h3{ position: relative; z-index: 1; font-weight: 600;}
.solution li .box .text .tit:after{ content: ""; position: absolute; bottom: -4px; right:-12px; width: 100%; height: 16px; border-radius: 8px; background: #e2c9ac; background:linear-gradient(to right,#fff,#e2c9ac); z-index: 0;}
.solution li .box .text p{ margin-top: 10px; font-size: 18px;}
.solution li .box .text .ny-more{ position: absolute; top:10px; right:0;}
.solution li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); }

.solution-value{ padding: 100px 0 115px; background: #f8f8f8; text-align: center; }
.solution-value ul{ margin-bottom: 75px;}
.solution-value li{ margin-top: 50px; margin-left: -1px; float: left; position: relative; background: #f8f8f8; padding:4% 2% 3%; width:25%; border-left:1px solid #e9d6c0; -webkit-transition: all ease .3s; transition: all ease .3s;}
.solution-value li:first-child{ border-left: none;}
.solution-value li .tit{ padding: 12px 0; text-align: center; position: relative; font-size: 24px; color: #333333; font-weight: bold;}
.solution-value li .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -15px; width: 30px; height: 3px; background: #d3ae82;}
.solution-value li .des{ margin: 20px auto 0; max-width: 230px; font-size: 18px; line-height: 30px; color: #333333; }
.solution-value li .num{ margin-top: 15px; font-size: 36px; color:#f8f8f8; text-shadow: -1px 1px 0 #d5b187, 1px 1px 0 #d5b187, 1px -1px 0 #d5b187, -1px -1px 0 #d5b187;} 
.solution-value li:hover{ z-index: 1; border: none; -webkit-box-shadow:2px 12px 15px rgba(0,0,0,.1); box-shadow:2px 12px 15px rgba(0,0,0,.1);   }

.xg-recommend{ padding: 95px 0 110px; background: #F8F8F8;}
.xg-recommend li{ margin-top: 55px; float: left; width: 31.333333%; margin-right:3%;}
.xg-recommend li:nth-child(3n){ margin-right: 0;}
.xg-recommend li .box{ display: block; }
.xg-recommend li .box .img{ width: 100%; overflow: hidden; border-radius: 5px;}
.xg-recommend li .box .img img{ width: 100%;}
.xg-recommend li .box .tit{ padding: 15px 0; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-start; /*border-bottom: 1px solid rgba(211,174,130,.4);*/}
.xg-recommend li .box .tit span{ font-weight: 600; color: #333333; font-size: 20px; -webkit-transition: all ease .3s; transition: all ease .3s;}
.xg-recommend li .box .tit i{ font-style: normal; color: #d3ae82;}
.xg-recommend li .box .des{ margin-top: 15px; font-size: 16px; line-height: 32px; display: none;}
.xg-recommend li .box:hover .tit span{ color: #d3ae82;}
.xg-recommend li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); }

/* ========== */
/* = SOLUTION_DETAIL = */
/* ========== */
.solution-detail{ padding:55px 0 120px;}
.solution-detail .content{ margin-top: 50px; max-width: 1360px; display: flex; flex-flow: wrap;  justify-content:space-between; align-items:center;}
.solution-detail .img{ width: 44%;}
.solution-detail .img img{ width: 100%;}
.solution-detail .text{ width: 54%; max-width: 660px; color: #333333;}
.solution-detail .text .tit{ font-size: 24px; font-weight: bold;}
.solution-detail .text .des{ margin-top: 20px; font-size: 18px; line-height: 36px;}
.solution-detail .text li{ float: left; width: 50%; }
.solution-detail .text li:nth-child(2n+1){ clear: both;}
.solution-detail .text .row .con{ width: 40%; float: left;}
.solution-detail .text .row .con:nth-child(2){ width: 60%;}
.solution-detail .text .line{  margin: 5% 0; width: 100%; height: 1px; background: #e5d3bd;}
.solution-detail .text .ny-more{ margin-top: 7%;}

.xg-solution{ padding: 95px 0 110px; background: #f8f8f8;}
.xg-solution li{ margin-top: 55px; float: left; width: 31.333333%; margin-right:3%;}
.xg-solution li:nth-child(3n){ margin-right: 0;}
.xg-solution li:nth-child(3n+1){ clear: both;}
.xg-solution li .box{ display: block;}
.xg-solution li .box .img{ width: 100%; overflow: hidden; border-radius: 5px;}
.xg-solution li .box .img img{ width: 100%;}
.xg-solution li .box .tit{ margin-top: 20px; font-size: 20px; font-weight: 600; color: #333333; -webkit-transition: all ease .3s; transition: all ease .3s;}
.xg-solution li .box .des{ margin: 5px 0 22px; font-size: 16px; line-height: 32px;}
.xg-solution li .box .ny-more{ line-height: 38px; border-radius: 20px;}
.xg-solution li .box:hover .tit{ color: #d3ae82;}
.xg-solution li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.xg-training li{ width: 22.75%; }
.xg-training li:nth-child(3n){ margin-right: 3%;}
.xg-training li:nth-child(3n+1){ clear: initial;}
.xg-training li:nth-child(4n){ margin-right: 0;}
.xg-training li:nth-child(4n+1){ clear: both;}


/* ========== */
/* = TRAINING = */
/* ========== */
.training{ padding: 57px 0 110px; }
.training ul{ margin-top: 25px;}
.training li{ margin-top: 35px; float: left; width: 32%; margin-right:2%;}
.training li:nth-child(3n){ margin-right: 0;}
.training li:nth-child(3n+1){ clear: both;}
.training li .box{ display: block; padding: 10px 10px 38px; -webkit-transition: all ease .3s; transition: all ease .3s;}
.training li .box .img{ width: 100%; overflow: hidden; border-radius: 5px;}
.training li .box .img img{ width: 100%;}
.training li .box .text{ padding: 22px 20px 0;}
.training li .box .tit{ font-size: 24px; font-weight: 600; color: #333333;}
.training li .box .tit-en{ margin-top: 5px; color: #333333;}
.training li .box .des{ margin: 25px 0; font-size: 18px; line-height: 30px; height: 60px; overflow: hidden;}
.training li .box .des2{ height: 90px;}
.training li .box .ny-more{ line-height: 38px; border-radius: 20px;}
.training li .box:hover{ -webkit-box-shadow:2px 12px 15px rgba(0,0,0,.1); box-shadow:2px 12px 15px rgba(0,0,0,.1);    }
.training li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); }

/* ========== */
/* = TRAINING_DETAIL = */
/* ========== */
.training-detail{ padding:50px 0 140px;}
.training-detail .title{ position: relative; text-align: center; padding-bottom: 30px;}
.training-detail .title:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 20px; height: 2px; background: #d3ae82; margin-left: -10px;} 
.training-detail .title p{ font-size: 18px; margin-top: 15px;}
.training-detail .des{ margin-top: 24px; font-size: 18px; line-height: 32px; text-align: center;}
.training-detail .bg{ background-image: url(../images/training_bg.jpg); }
.training-detail .content{ margin-top: 75px; max-width: 1360px; display: flex; flex-flow: wrap;  justify-content:space-between; align-items:center;}
.training-detail .img{ width: 44%; }
.training-detail .img img{ width: 100%;}
.training-detail .text{ width: 54%; max-width: 660px; color: #333333; font-size: 16px; line-height: 36px;}
.training-detail .text .tit{ font-size: 24px; font-weight: bold;}
.training-detail .text .des{ font-size: 18px; line-height: 36px; text-align: left;}
.training-detail .text li{ float: left; width: 50%; }
.training-detail .text li:nth-child(2n+1){ clear: both;}
.training-detail .text .line{  margin: 4% 0; width: 100%; height: 1px; background: #e5d3bd;}
.training-detail .detail{ text-align: center; padding-top: 7%;}
.training-detail .detail .tit{ margin-top:4%; padding-bottom: 10px; font-size: 24px; font-weight: bold;  color: #333333; position: relative;}
.training-detail .detail .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 20px; height: 2px; background: #d3ae82; margin-left: -10px;} 
.training-detail .detail .tit:first-child{ margin-top:0; }


/* ========== */
/* = CASE_DETAIL = */
/* ========== */
.case-detail{ padding: 40px 0 115px;}
.case-detail .box{ display: flex; flex-flow: wrap;  justify-content:space-between; align-items:center;}
.case-detail .box .text{ width: 46%;}
.case-detail .box .text .title{ position: relative; padding-bottom: 20px;}
.case-detail .box .text .title:after{ content: ""; position: absolute; bottom: 0; left:0; width: 40px; height: 4px; background: #d3ae82;}
.case-detail .box .text .des{ margin-top: 50px; font-size: 18px; line-height: 32px; text-align: justify; }
.case-detail .box .text .ny-more{ margin-top: 10%; background: #d3ae82; color: #FFFFFF;}
.case-detail .box .img{ width: 48%; border-radius: 6px; overflow: hidden;}
.case-detail .box .img img{ width: 100%;}
.case-detail .detail{ margin-top: 30px;}
.case-detail .detail .tit{ margin-top: 65px; font-size: 0; position: relative; display: inline-block; }
.case-detail .detail .tit img{ display: inline-block; vertical-align: middle;}
.case-detail .detail .tit span{ position: relative; z-index: 1; margin-left: 10px; font-size: 24px; color: #333333; font-weight: bold; display: inline-block; vertical-align: middle;}
.case-detail .detail .tit:after{ content: ""; position: absolute; bottom: 3px; right:-12px; width: 80%; height: 13px; border-radius: 6px; background: #e2c9ac; background:linear-gradient(to right,#fff,#e2c9ac); z-index: 0;}
.case-detail .detail .con{ margin-top: 15px; font-size: 18px; line-height: 36px; padding-left:50px;}
.case-detail .detail img{ margin: 0;}
.case-detail table{ width: 100%;}
.case-detail table td{ width: 25%; border:1px solid #f4eadf; height: 145px; font-size: 14px; line-height: 24px; padding:1% 2%;}
.case-detail table tr td:nth-child(1){ text-align: center; font-weight: 600;  font-size: 24px;}
.case-detail table th{ background: #d3ae82; border:1px solid #f4eadf; font-size: 20px; font-weight: 600; color: #FFFFFF; text-align: center; padding:20px 0;}

.xg-case{ padding: 90px 0 115px; background: #F8F8F8;}
.xg-case li{ margin-top: 35px; float: left; width: 31.333333%; margin-right:3%;}
.xg-case li:nth-child(3n){ margin-right: 0;}
.xg-case li:nth-child(3n+1){ clear: both;}
.xg-case li .box{ display: block;}
.xg-case li .box .img{ width: 100%; overflow: hidden; border-radius: 5px;}
.xg-case li .box .img img{ width: 100%;}
.xg-case li .box .text{ margin-top: 15px; }
.xg-case li .box .tit{ font-size: 20px; font-weight: 600; color: #333333; -webkit-transition: all ease .3s; transition: all ease .3s;}
.xg-case li .box .des{ margin: 12px 0 20px; font-size: 16px; line-height: 32px; height: 64px; overflow: hidden;}
.xg-case li .box .ny-more{ line-height: 38px; border-radius: 20px;}
.xg-case li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); }
.xg-case li .box:hover .tit{ color: #d3ae82;}



/* ========== */
/* = EFFECT = */
/* ========== */
.effect-advantage{ padding: 55px 0 95px; position: relative;}
.effect-advantage .img{ margin: 35px auto 0; position: relative; max-width: 700px; width: 52%;}
.effect-advantage .img img{ position: relative; }
.effect-advantage .img .box{ position: absolute; width: 320px; background: #f8f8f8; border-radius: 14px; padding: 20px;}
.effect-advantage .img .box .tit{ font-size: 24px; color: #333333; font-weight: 600; -webkit-transition: all ease .3s; transition: all ease .3s }
.effect-advantage .img .box .con{ margin-top: 5px; font-size: 18px; line-height: 30px; }
.effect-advantage .img .box:hover .tit{  color: #d3ae82;  }
.effect-advantage .img .box:nth-child(1){ left:87%; top:0; }
.effect-advantage .img .box:nth-child(2){ left:95%; top:48%;}
.effect-advantage .img .box:nth-child(3){ left:50%; transform: translateX(-50%); top:82%; width: 380px; text-align: center;}
.effect-advantage .img .box:nth-child(4){ right:90%; top:4.2%; text-align: right;}
.effect-advantage .img .box:nth-child(5){ right:96%; top:55.3%;  text-align: right;}

.effect-service{ padding: 95px 0 115px; background: #f8f8f8;position: relative; }
.effect-service ul{ margin-top: 50px; display: flex; flex-flow: wrap;  justify-content:space-between; align-items:center;}
.effect-service li{ width: 21%}
.effect-service li .box{ background: #FFFFFF; padding:10%; border-radius: 6px; overflow: hidden;color: #333333;}
.effect-service li.jt{ width: 3%; display: inline-block; vertical-align: middle; width: 40px; height: 40px; background-size: cover;  background-image: url(../images/effect_arrows.png);}
.effect-service li .num{ font-size: 30px; font-weight: 600; }
.effect-service li .tit{ margin-top: 10px; font-size: 24px; font-weight: 600; }
.effect-service li .des{ margin-top: 35px; border-top:1px solid #e9d6c0; padding-top: 30px; font-size:18px; line-height: 36px; position: relative;}
.effect-service li .des:before{ content: ""; position: absolute; top:-1px; left:0; width: 0%; height: 1px; background: #d3ae82; -webkit-transition: all ease .3s; transition: all ease .3s }
.effect-service li .des p{ position: relative;  padding-left:12px;}
.effect-service li .des p:before{ content: ""; position: absolute; top:50%; margin-top:-3px; left: 0; width:6px; height:6px; border-radius: 100%; background: #333333;}
.effect-service li:hover .tit{ color: #d3ae82;}
.effect-service li:hover .des:before{ width: 100%; }

.effect-three{ padding: 100px 0 108px;position: relative;}
.effect-three li{ margin-top: 55px; float: left; width: 32%; margin-right: 2%;}
.effect-three li:nth-child(3n){ margin-right: 0;}
.effect-three li .box{  border: 1px solid #efe0d0; border-radius: 6px; overflow:hidden;}
.effect-three li .box .img { overflow: hidden; }
.effect-three li .box .img img{ width: 100%;}
.effect-three li .box .text{ padding: 25px;}
.effect-three li .box .text .tit{ position: relative; padding-bottom: 22px; font-size: 20px; color: #333; font-weight: 600;}
.effect-three li .box .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 20px; height: 2px; background: #d3ae82; } 
.effect-three li .box .text .des{ margin-top: 18px; font-size: 18px; line-height: 36px;}
.effect-three li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); }
.effect-three li .box:hover .text .tit{ color: #d3ae82;}
.mao{ position: absolute; left:0; top:-100px; }


/* ========== */
/* = Message = */
/* ========== */
.message-box{ padding: 115px 0 165px; border-top: 1px solid #bba4cf; background-image: url(../images/message_bg.jpg);}
.message-box .content{ margin-top: 55px; background: #FFFFFF; border-radius:6px; overflow: hidden;  display: flex; flex-flow: wrap;  justify-content: space-between; align-items:stretch; -webkit-box-shadow:2px 12px 15px rgba(0,0,0,.1); box-shadow:2px 12px 15px rgba(0,0,0,.1);   }
.message-box .content .img{ width: 64%; color: #FFFFFF;  padding:10% 2% 10% 6%; }
.message-box .content .img .tit{  font-size: 30px; line-height: 48px; font-weight: bold;}
.message-box .content .img .tit-en{ margin-top: 20px; padding-bottom: 55px; position: relative; font-size: 20px; line-height: 48px;}
.message-box .content .img .tit-en:after{ content: ""; position: absolute; bottom: 0; left:0; width: 30px; height: 4px; background: #FFFFFF;}
.message-box .content .img .tel{ margin-top: 50px; font-size:30px;}
.message-box .content .text{ width: 36%; padding:3% 5%;}
.message-box .content .text .in{ margin-bottom: 7px; border: 1px solid #eeeeee; background: #FFFFFF; border-radius: 5px; overflow:hidden; position: relative; padding-left: 48px; padding-right: 10px; border-radius: 6px;}
.message-box .content .text .in span{ position: absolute; left:0; top:0; display: block; width: 45px; height: 56px; background-size: cover;}
.message-box .content .text .in .ico-1{ background-image: url(../images/koubei_message_ico1.png);}
.message-box .content .text .in .ico-2{ background-image: url(../images/koubei_message_ico2.png);}
.message-box .content .text .in .ico-3{ background-image: url(../images/koubei_message_ico3.png);}
.message-box .content .text .in .ico-4{ background-image: url(../images/koubei_message_ico4.png);} 
.message-box .content .text .in .ico-5{ background-image: url(../images/koubei_message_ico8.png);} 
.message-box .content .text .in .ico-6{ background-image: url(../images/koubei_message_ico9.png);} 
.message-box .content .text .in input{ width: 100%; height: 56px; border: none; background: #FFFFFF;  font-size: 16px; }
.message-box .content .text .in textarea{ height: 140px; width: 100%; padding:15px 0 15px 0; font-size: 16px; line-height: 30px; border: none; background: #FFFFFF;}
.message-box .content .text .button{ margin-top: 40px;  display: flex; flex-flow: wrap;  justify-content: space-between; align-items:stretch; }
.message-box .content .text .button input{ width: 49%; line-height: 58px; border-radius: 6px; font-size: 20px; background: #d3ae82; color: #FFFFFF;}
.message-box .content .text .button input:nth-child(2){ background: #cccccc;}


/* ========== */
/* = ABOUT = */
/* ========== */
.about-box{ padding:57px 0 130px;}
.about-box .box{ padding-bottom: 60px; border-bottom:1px solid #f6efe6; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;  }
.about-box .box .text{ width: 54%; text-align: justify;}
.about-box .box .text .ny-theme{ text-align: left;}
.about-box .box .text .ny-theme-des{ text-align: left;}
.about-box .box .text .des{ margin-top: 30px; font-size: 16px; line-height:32px;}
.about-box .box .text .des span{ color: #541b86;}
.about-box .box .img{ width: 40%; border-radius:5px; overflow: hidden;}
.about-box .box .img img{ width: 100%;}
.about-box .point ul{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items: flex-start;}
.about-box .point li{ margin-top: 40px;}
.about-box .point li span{ position: relative; padding-right: 20px; font-size:60px; color: #d3ae82;}
.about-box .point li span i{ font-style: normal; font-family: "Impact";}
.about-box .point li span sub{ position: absolute; bottom:0; right: 0; line-height: 50px; font-weight: bold; font-size: 20px;}
.about-box .point li:nth-child(5) span{ padding-right: 40px;}
.about-box .point .line{ margin-top: 55px; width: 1px; height: 60px; background: #e9d6c0;}
.about-box .point li p{ margin-top: 10px; font-size: 16px; color: #333333;}

.about-three{ background-image: url(../images/about_three_bg.jpg); background-position: right center; }
.about-three .container{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; }
.about-three .img { width: 47%;}
.about-three .img img{ width: 100%;}
.about-three .text{ width: 48%; color: #333333;}
.about-three .text p{ margin: 10% 0; font-size: 18px;}
.about-three .text p span{ font-size: 24px; font-weight: bold;}

.about-conpect{ padding: 95px 0 115px;}
.about-conpect li{ margin-top: 60px; margin-left: -1px; float: left; position: relative; background: #FFFFFF; padding:4% 2%; width: 33.33333%; border-left:1px solid #e9d6c0; color: #333333; text-align: center; -webkit-transition: all ease .3s; transition: all ease .3s; }
.about-conpect li:first-child{ border-left: none;}
.about-conpect li .tit{ padding: 20px 0; position: relative; font-size: 24px; font-weight: bold;}
.about-conpect li .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -15px; width: 30px; height: 3px; background: #d3ae82;}
.about-conpect li .des{ margin: 25px auto 0; max-width: 290px; font-size: 18px; line-height: 36px; }
.about-conpect li:hover{ z-index: 1; border: none; -webkit-box-shadow:2px 12px 15px rgba(0,0,0,.1); box-shadow:2px 12px 15px rgba(0,0,0,.1);    }



/* ========== */
/* = KOUBEI = */
/* ========== */
.koubei-report{ padding: 60px 0 110px; }
.koubei-report li{ margin-top: 52px; float: left; width:31.33333%; margin-right:3%;}
.koubei-report li:nth-child(3n){ margin-right: 0;}
.koubei-report li .img{ background: #f8f8f8; border-radius: 6px; overflow: hidden;}
.koubei-report li .img img{ width: 100%;}
.koubei-report .text{ margin-top: 50px;}
.koubei-report .text .tit{ font-weight: 600; font-size: 24px; color: #333333;}
.koubei-report .text .des{ margin-top: 25px; font-size: 18px; line-height: 36px; text-align: justify;}

.koubei-evaluation{ padding: 95px 0 120px; background: #f8f8f8;text-align: center; position: relative;}
.koubei-evaluation:after{ content: ""; z-index: -1; position: absolute; top:0; left:0; width: 90%; height: 100%; background: #f8f8f8;}
.koubei-evaluation .top{ max-width:610px; margin: 40px auto 0;  padding: 0 70px; position: relative;}
.koubei-evaluation .tab span{ cursor:pointer; display: inline-block; line-height: 46px; font-size: 18px; border-radius: 23px; padding: 0 40px; -webkit-transition: all ease .3s; transition: all ease .3s;}
.koubei-evaluation .tab span:hover{  color: #d3ae82; }
.koubei-evaluation .tab span.active{ background: #d3ae82; color: #FFFFFF; }
.koubei-evaluation .js-tab-box{ margin-top: 58px;}
.koubei-evaluation .js-tab-con{ height: 0; opacity: 0; overflow: hidden;}
.koubei-evaluation .js-tab-con.active{ height: auto; opacity:1;}
.swiper-koubei-evaluation  .swiper-button-next{  background-image: url(../images/evaluation_next2.png); -webkit-transition: all ease .3s; transition: all ease .3s;}
.swiper-koubei-evaluation  .swiper-button-prev{  background-image: url(../images/evaluation_prev2.png); -webkit-transition: all ease .3s; transition: all ease .3s;}
.swiper-koubei-evaluation  .swiper-button-next:hover{ background-image: url(../images/evaluation_nexth2.png);}
.swiper-koubei-evaluation  .swiper-button-prev:hover{ background-image: url(../images/evaluation_prevh2.png);}
.swiper-koubei-evaluation .swiper-slide{ padding: 0 80px;}
.swiper-koubei-evaluation .box{ position:relative; padding:5% 10%; background: #FFFFFF; border-radius:10px; overflow: hidden; width: 100%;}
.swiper-koubei-evaluation .box:after{ content: ""; position: absolute; bottom:20px; right:30px; width: 80px; height: 80px; background-image: url(../images/ico_yin.png); background-size: cover;} 
.swiper-koubei-evaluation .box:before{ content: ""; position: absolute; top:20px; left:30px; width: 80px; height: 80px; background-image: url(../images/ico_yin1.png); background-size: cover;} 
.swiper-koubei-evaluation .box .img img{ width:100px;  border-radius: 100%; overflow: hidden;}
.swiper-koubei-evaluation .box .tit{ margin-top: 15px; font-size: 24px; color: #333333; font-weight: 600;}
.swiper-koubei-evaluation .box .des{ margin-top: 15px; padding-top: 20px; font-size: 18px; line-height: 36px; min-height: 130px; border-top:1px solid #eddfcd;}
.koubei-message{ padding: 95px 0 120px; background: none; border-top:none;}
.koubei-message .content{  background: #f8f8f8; -webkit-box-shadow:0 0 0 rgba(0,0,0,0); box-shadow:0 5px 30px rgba(0,0,0,0); }



/* ========== */
/* = HONOR = */
/* ========== */
.honor{ padding: 60px 0 120px;}
.honor-list{ margin-bottom: 40px;}
.honor-list li{ margin-bottom: 36px; float: left; width: 31.33333%; margin-right:3%;}
.honor-list li:nth-child(3n){ margin-right: 0;}
.honor-list li:nth-child(3n+1){ clear: both;}
.honor-list li .img{ padding:10%; border-radius: 6px; overflow: hidden; background: #F8F8F8;}
.honor-list li p{ margin-top: 15px; text-align: center; font-size: 18px; color: #333333; text-align: center;}


/* ========== */
/* = PARTNER = */
/* ========== */
.partner{ padding: 100px 0 120px; background: #F8F8F8;}
.partner-tab{ max-width: 1330px; margin: 35px auto 0; padding: 0 70px; position: relative;}
.partner-tab .swiper-container{ margin-top: 40px;}
.partner-tab .swiper-slide span{  width: 100%; max-width: 120px; margin: 0 auto; text-align: center; line-height: 44px; border-radius: 22px; display: block; font-size:18px; cursor: pointer;}
.partner-tab .swiper-slide-active span{ background: #d3ae82; color: #FFFFFF;}
.partner .js-tab-con{ opacity: 0; height: 0; overflow: hidden;}
.partner .js-tab-con.active{ opacity: 1; height: auto;}
.swiper-container-partner{ padding: 80px 0 110px; }
.swiper-container-partner li{ float: left; width: 20%; border-top: 1px solid #f4eadf; border-left: 1px solid #f4eadf; -webkit-transition: all ease .3s; transition: all ease .3s;}
.swiper-container-partner li:nth-child(5n-4){ border-left: none;}
.swiper-container-partner li:nth-child(5n+1){ clear: both;}
.swiper-container-partner li:nth-child(1),
.swiper-container-partner li:nth-child(2),
.swiper-container-partner li:nth-child(3),
.swiper-container-partner li:nth-child(4),
.swiper-container-partner li:nth-child(5){ border-top: none; }
.swiper-container-partner li:hover{ background: #f3f3f3;}


/* ========== */
/* = CONTACT = */
/* ========== */
.contact-box{ padding: 55px 0 115px;}
.contact-box li{ margin-top: 75px; margin-left: -1px; float: left; position: relative; background: #FFFFFF; padding:2.5% 1% 2%; width:25%; border-left:1px solid #e9d6c0; text-align: center;  -webkit-transition: all ease .3s;  transition: all ease .3s;}
.contact-box li:first-child{ border-left: none;}
.contact-box li .tit{ padding: 12px 0; text-align: center; position: relative; font-size: 24px; color: #333333; font-weight: bold;}
.contact-box li .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -15px; width: 30px; height: 3px; background: #d3ae82;}
.contact-box li .des{ margin: 20px auto 0; max-width: 250px; font-size: 18px; line-height: 30px; min-height: 60px; color: #333333; }
.contact-box li .tip{ margin-top: 25px; color: #d5b187;} 
.contact-box li .erweima{ border: 1px solid #e9d6c0; display: inline-block;}
.contact-box li:hover{ z-index: 1; border: none;-webkit-box-shadow:2px 12px 15px rgba(0,0,0,.1); box-shadow:2px 12px 15px rgba(0,0,0,.1);  }
.contact-map .map-box{ width:100%; height:600px; position:relative; overflow: hidden; }
.contact-map .map-box img{ max-width:1000%;}
.contact-map .map-box .allmap{ width:100%; height: 100%; position: absolute; left: 0; top:0;} 
.contact-map .map-box .anchorBL{ display: none; }

/* ========== */
/* = JOIN = */
/* ========== */
.join-box{ padding: 55px 0 115px;}
.join-box li{ margin-top: 75px; margin-left: -1px; float: left; position: relative; background: #FFFFFF; padding:2.5% 1% 2%; width:33.3333%; border-left:1px solid #e9d6c0; text-align: center;  -webkit-transition: all ease .3s;  transition: all ease .3s;}
.join-box li:first-child{ border-left: none;}
.join-box li .tit{ padding: 12px 0; text-align: center; position: relative; font-size: 24px; color: #333333; font-weight: bold;}
.join-box li .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -15px; width: 30px; height: 3px; background: #d3ae82;}
.join-box li .des{ margin: 20px auto 0; font-size: 18px; line-height: 30px; min-height: 60px; color: #333333; }
.join-box li:hover{ z-index: 1; border: none; -webkit-box-shadow:2px 12px 15px rgba(0,0,0,.1); box-shadow:2px 12px 15px rgba(0,0,0,.1);   }

.join-content{ padding: 100px 0 120px; background: #F8F8F8;}
.join-content-tab{ max-width: 1140px; margin: 35px auto 0; padding: 0 70px; position: relative;}
.join-content-tab .swiper-container{ margin-top: 40px;}
.join-content-tab .swiper-slide span{  width: 100%; max-width: 150px; margin: 0 auto; text-align: center; line-height: 44px; border-radius: 22px; display: block; font-size:18px; cursor: pointer; -webkit-transition: all ease .3s; transition: all ease .3s;}
.join-content-tab .swiper-slide span:hover{ color: #d3ae82; }
.join-content-tab .swiper-slide-thumb-active span{ background: #d3ae82; color: #FFFFFF;}
.join-content-tab .swiper-slide-thumb-active:hover span{ background: #d3ae82; color: #FFFFFF;}
.swiper-container-join{ margin-top:60px;}
.swiper-container-join .swiper-slide .box{ position: relative; background: #FFFFFF; padding: 5% 25% 5% 5%; border-radius: 10px; overflow: hidden; min-height: 477px;}
.swiper-container-join .swiper-slide .box .mail-img{ position: absolute; top:18%; right:6%; max-width: 20%;}
.swiper-container-join .swiper-slide .box h2{ display: inline-block; font-weight:600; font-size: 24px; line-height: 40px; color: #333333; position: relative; padding-bottom: 20px;}
.swiper-container-join .swiper-slide .box h2:before{ content: ""; position: absolute; left:106%; top:0; background-image: url(../images/join_ico_person.png); width: 40px; height: 40px; background-size:cover;}
.swiper-container-join .swiper-slide .box h2:after{ content: ""; position: absolute; bottom: 0; left:0; width: 30px; height: 3px; background: #d3ae82;}
.swiper-container-join .swiper-slide .box .tit{ margin-top: 30px; font-weight:600; font-size: 16px; color: #333333;}
.swiper-container-join .swiper-slide .box .des{ margin-top: 25px; font-size: 18px; line-height: 36px;}

.join-welfare{ padding: 100px 0 115px;}
.join-welfare .container{  display: flex; flex-flow: wrap;  justify-content: space-between; align-items:stretch;}
.join-welfare .line{ width: 1px; background: #e9d6c0;}
.join-welfare .box{ width: 46%; max-width: 590px;}
.join-welfare .box .des{ margin-top: 45px; font-size: 18px; line-height: 36px; color: #222222;}
.join-welfare .box .img{ margin-top: 30px; border-radius: 10px; overflow: hidden;}



/* ========== */
/* = NEWS = */
/* ========== */
.news{ padding: 80px 0 150px;}
.news-tab{ text-align: center;}
.news-tab a{ margin: 0 8px; padding: 0 35px; line-height: 44px; border-radius: 22px; display: inline-block; vertical-align: middle; font-size: 18px; -webkit-transition: all ease .3s; transition: all ease .3s;}
.news-tab a:hover{ color: #d3ae82; }
.news-tab a.active{ background: #d3ae82; color: #FFFFFF;}
.news-list{ margin:80px 0 105px;}
.news-list li .box{ padding: 30px; display: block; border-bottom: 1px solid #e5e5e5; display: flex; flex-flow: wrap;  justify-content:space-between; align-items:center;  -webkit-transition: all ease .3s;  transition: all ease .3s;}
.news-list li .box .img{ width: 22%; overflow: hidden; border-radius: 5px;}
.news-list li .box .img img{ width: 100%;}
.news-list li .box .text{ width: 56%;}
.news-list li .box .text .tit{ padding-bottom: 22px; font-weight: 600; color: #333333; font-size: 24px; position: relative; -webkit-transition: all ease .3s; transition: all ease .3s;}
.news-list li .box .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 40px; height: 2px; background: #d3ae82;} 
.news-list li .box .text .des{ margin-top: 15px; font-size: 16px; line-height: 32px; height: 64px; overflow: hidden; color: #999999;}
.news-list li .box .date{ border-left: 1px solid #eddfcd; width: 16%; text-align: center; color: #d3ae82;}
.news-list li .box .date span{ display: block; font-size: 36px;}
.news-list li .box .date p{ margin-top: 15px; font-size: 20px;}
.news-list li .box .date em{ margin-top:30px; display: block;}
.news-list li .box:hover{ -webkit-box-shadow:2px 12px 15px rgba(0,0,0,.1); box-shadow:2px 12px 15px rgba(0,0,0,.1);  }
.news-list li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); }
.news-list li .box:hover .text .tit{ color: #d3ae82;}

/* ========== */
/* = NEWS-DETAIL = */
/* ========== */
.news-detail{ padding: 60px 0 100px;}
.news-detail .source{ margin-top: 45px;}
.news-detail .source span{ display: inline-block; margin-right:25px; position: relative; padding-left: 28px; color: #999999; line-height: 30px; font-size: 16px;}
.news-detail .source span:before{ content: ""; position: absolute; top:0; left:-6px; width: 30px; height: 30px; background-size: cover;}
.news-detail .source .span-01:before{ background-image: url(../images/news_ico_time.png);}
.news-detail .source .span-02:before{ background-image: url(../images/news_ico_share.png);}
.news-detail .source .span-03:before{ background-image: url(../images/news_ico_view.png);}
.news-detail .content{ margin-top: 15px; padding: 50px 0 90px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 18px; line-height: 36px; } 
.flip{ margin-top: 40px;  display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.flip a{ max-width: 42%; font-size: 18px; line-height: 44px;-webkit-transition: all ease .3s; transition: all ease .3s;}
.flip a:hover{ color: #d3ae82;}
.flip .prev,
.flip .next{ position:relative;}
.flip .prev{  padding-left: 50px;}
.flip .next{  padding-right: 50px;}
.flip .prev:before,
.flip .next:before{ content: ""; position: absolute; top:50%; margin-top: -20px; background-size: cover; width: 40px; height: 40px;}
.flip .prev:before{ left:0; background-image:url(../images/prev_yellow.png);}
.flip .next:before{ right:0; background-image:url(../images/next_yellow.png);}
.flip .retrun{ background: #d3ae82;  border: 1px solid #d3ae82; color: #FFFFFF;  padding: 0 35px; border-radius: 22px;  -webkit-transition: all ease .3s;  transition: all ease .3s;}
.flip .retrun:hover{ background: #fff;}

.xg-news{ background: #F8F8F8; padding: 90px 0 115px;}
.xg-news ul{ margin-top: 20px;}
.xg-news ul li{ margin-top: 40px;  float: left; width: 48%; margin-right: 4%;}
.xg-news ul li:nth-child(2n){ margin-right: 0;}
.xg-news ul li a{ display: block; padding:15px 20px; border-radius: 6px; overflow: hidden;  -webkit-transition: all ease .3s;  transition: all ease .3s;}
.xg-news ul li .tit{ font-size: 18px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xg-news ul li .date{ margin-top: 25px; line-height: 30px;  display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; }
.xg-news ul li .date i{ font-style: normal; padding-left: 24px; position: relative;  color: #999999;}
.xg-news ul li .date i:before{ content: ""; position: absolute; top:0; left:-7px; width: 30px; height: 30px; background-size: cover; background-image: url(../images/news_ico_time.png);}
.xg-news ul li .date span{ color: #d3ae82;}
.xg-news ul li a:hover{ -webkit-box-shadow:2px 12px 15px rgba(0,0,0,.1); box-shadow:2px 12px 15px rgba(0,0,0,.1);    }

/* ========== */
/* = ENGLISH = */
/* ========== */
.effect-advantage-english{ padding: 55px 0 95px; position: relative;}
.effect-advantage-english .img{ margin: 35px auto 0; position: relative; max-width: 700px; width: 52%;}
.effect-advantage-english .img img{ position: relative; }
.effect-advantage-english .img .box{ position: absolute; width: 370px; background: #f8f8f8; border-radius: 14px; padding: 15px;}
.effect-advantage-english .img .box .tit{ font-size: 24px; color: #541b86; font-weight: 600; -webkit-transition: all ease .3s; transition: all ease .3s }
.effect-advantage-english .img .box .con{ margin-top: 8px; font-size: 16px; line-height: 24px; }
.effect-advantage-english .img .box:hover .tit{  color: #d3ae82;  }
.effect-advantage-english .img .box:nth-child(1){ left:96%; top:13%; }
.effect-advantage-english .img .box:nth-child(2){ left:95%; top:68.5%;}
.effect-advantage-english .img .box:nth-child(3){ right:96%; top:13.5%; text-align: right;}
.effect-advantage-english .img .box:nth-child(4){ right:97%; top:69%;  text-align: right;}

.english-clients{ padding: 90px 0 120px; background: #F8F8F8;}
.english-clients .content{ position: relative;}
.english-clients  .swiper-button-next{ right:-50px;  background-image: url(../images/evaluation_next2.png); -webkit-transition: all ease .3s; transition: all ease .3s;}
.english-clients  .swiper-button-prev{ left:-50px; background-image: url(../images/evaluation_prev2.png); -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transition: all ease .3s; transition: all ease .3s;}
.english-clients  .swiper-button-next:hover{ background-image: url(../images/evaluation_nexth2.png);}
.english-clients  .swiper-button-prev:hover{ background-image: url(../images/evaluation_prevh2.png);}
.swiper-english-clients{ padding: 80px 0; }
.swiper-english-clients li{ float: left; width: 20%; border-top: 1px solid #f4eadf; border-left: 1px solid #f4eadf;}
.swiper-english-clients li:nth-child(5n-4){ border-left: none;}
.swiper-english-clients li:nth-child(5n+1){ clear: both;}
.swiper-english-clients li:nth-child(1),
.swiper-english-clients li:nth-child(2),
.swiper-english-clients li:nth-child(3),
.swiper-english-clients li:nth-child(4),
.swiper-english-clients li:nth-child(5){ border-top: none; }
.swiper-english-clients li:hover{ background: #f3f3f3;}

.english-customer{ padding: 90px 0; }
.english-customer li{ margin-top: 65px; margin-left: -1px; float: left; position: relative; background: #FFFFFF; min-height: 450px; padding:3% 2% 1%; width: 33.33333%; border-left:1px solid #e9d6c0; text-align: center; -webkit-transition: all ease .3s; transition: all ease .3s;}
.english-customer li:first-child{ border-left: none;}
.english-customer li .tit{ margin-top: 20px; font-size: 22px; color: #e2c29e; font-weight: 600; -webkit-transition: all ease .3s; transition: all ease .3s }
.english-customer li .des{ padding-top: 20px; max-width: 330px; margin:20px auto 0; font-size:18px; line-height:28px; color: #333333; position: relative;}
.english-customer li .des:after{ content: ""; position: absolute; top: 0; left:50%; margin-left: -10px; width:20px; height: 2px; background: #d3ae82;}
.english-customer li .des span{  margin: 20px 0 10px; display: block; color: #e2c29e;}
.english-customer li .des span:first-child{ margin-top:0; }
.english-customer li:hover{ z-index: 1; border: none; -webkit-box-shadow:2px 12px 15px rgba(0,0,0,.1); box-shadow:2px 12px 15px rgba(0,0,0,.1);   }
.english-customer .text{ margin-top: 75px; color: #541b86; font-size: 20px; font-weight: 600; text-align: center;}

.english-solution{ padding: 95px 0 245px; background: #F8F8F8;}
.english-solution .content{ position: relative;}
.english-solution .content .img{ position: absolute; right:25px; top:-20px;}
.english-solution ul{ margin-top: 75px; width: 82%;}
.english-solution li{ margin-top: 16px; padding: 16px 45px; background: #FFFFFF;  background-image: linear-gradient(to right,#FFFFFF,#FFFFFF,#fcfcfc); border-radius: 60px; }
.english-solution li p{overflow: hidden; padding:0 20px; position: relative; font-size: 24px; font-weight: 600; color: #333333; line-height: 48px;  -webkit-transition: all ease .3s; transition: all ease .3s;}
.english-solution li p:before{ content: "";  position:absolute; left:0; top:50%; margin-top: -5px; width: 10px; height: 10px; background: #876599; border-radius: 100%;}
.english-solution li:hover p{ color: #e2c29e; }

.english-system{ padding: 100px 0 115px; text-align: center;}
.english-system ul{ margin-top: 100px;; display: flex; flex-flow: wrap;  justify-content:space-between; align-items:center;}
.english-system li{ width: 29%}
.english-system li.jt{ width: 3%; display: inline-block; vertical-align: middle; width: 40px; height: 40px; background-size: cover;  background-image: url(../images/effect_arrows.png);}
.english-system li .box{ background: #F8F8F8; border-radius: 5px; min-height: 366px; padding: 70px 15px 20px; position: relative;}
.english-system li .box .num{ position: absolute; top:-50px; left:50%; margin-left: -50px; width: 100px; height: 100px; line-height: 80px; text-align: center; border-radius: 100%; border: 10px solid #FFFFFF; background: #dab891; background-image: linear-gradient(to bottom,#dab891,#d3ae82); font-size: 30px; font-weight: 600; color: #FFFFFF;}
.english-system li .box .tit{ padding-bottom: 20px; font-size: 24px; color: #d3ae82; position: relative;}
.english-system li .box .tit:before{ content: "";  position:absolute; left:50%; bottom:0; margin-left: -15px; width: 30px; height: 3px; background: #d3ae82; }
.english-system li .box .des{ margin-top: 25px; font-size: 18px ; line-height: 30px; color: #333333;}
.english-system .button{ margin-top: 60px; display: inline-block; background: #dab891; line-height: 76px; border-radius: 38px; padding: 0 40px; background-image: linear-gradient(to right,#dab891,#d3ae82); color: #fff;}
.english-system .button span{ display: inline-block; vertical-align:middle; font-size: 20px; }
.english-system .button i{ margin-left: 10px; display: inline-block; vertical-align:middle; width: 30px; height: 30px; background-image: url(../images/english_more_jt.png); background-size: cover;}

@media (max-width:999px){
	
	/* ========== */
	/* = NY = */
	/* ========== */
	.ny-banner{ padding: 17% 0; height:5rem;}
	.ny-banner .text h4{ font-size: 0.44rem; line-height: 0.6rem;}
	.ny-banner .text .des{ margin-top: 0.266666rem; font-size: 0.36rem;}
	
	.ny-theme{ font-size: 0.52rem;}
	.ny-theme-des{ font-size: 0.34rem; line-height:0.68rem;}
	.ny-more{ line-height:1rem; padding: 0 0.5rem; border-radius: 0.51rem; font-size: 0.36rem;}

	.page a,
	.page span{  padding: 0 0.2rem; min-width: 0.7rem; margin:0.1rem; font-size: 0.34rem; line-height: 0.7rem; }
	.page li.last{ margin-left: 0.5rem;}
	.page li.last em{  font-size: 0.36rem; margin: 0 0.22rem;}
	.page li.last input{ width: 1.333333rem; font-size: 0.34rem; line-height: 0.7rem; }
	


	/* ========== */
	/* = SOLUTION = */
	/* ========== */
	.solution{ padding:1.2rem 0;}
	.solution li{ margin-top: 0.8rem; width: 100%;}
	.solution li .box .text{ padding: 0.133333rem 2.7rem 0.133333rem 0; margin-top: 0.2rem; }
	.solution li .box .text .tit{ font-size: 0.44rem;}
	.solution li .box .text p{ margin-top: 0.133333rem; font-size: 0.34rem; line-height: 0.68rem;}

	.solution-value{ padding:1.2rem 0;}
	.solution-value ul{ margin-bottom: 1rem;}
	.solution-value li{ margin-top: 0.8rem; width: 100%;  padding: 5%; border:none; -webkit-box-shadow:0 0 0.5rem rgba(0,0,0,.1); box-shadow:0 0 0.5rem rgba(0,0,0,.1); }
	.solution-value li img{ width: 2rem;}
	.solution-value li .tit{ padding: 0.4rem 0; font-size: 0.4rem;}
	.solution-value li .des{ margin: 0.4rem auto 0;  font-size: 0.34rem; line-height:0.68rem;}
	.solution-value li .num{ margin-top: 0.266666rem; font-size: 0.7rem;}
	
	.xg-recommend{ padding:1.2rem 0;}
	.xg-recommend li{ margin-top: 0.8rem; width:100%; margin-right:0;}
	.xg-recommend li .box .tit{ padding: 0.366666rem 0;}
	.xg-recommend li .box .tit span{ font-size: 0.4rem;}
	.xg-recommend li .box .tit i{ font-size: 0.32rem;}
	.xg-recommend li .box .des{ margin-top: 0.266666rem; ont-size: 0.34rem; line-height:0.68rem;}
		
	
	/* ========== */
	/* = SOLUTION_DETAIL = */
	/* ========== */
	.solution-detail{ padding:1.2rem 0;}
	.solution-detail .content{  margin-top: 0.8rem;}
	.solution-detail .img{ width: 100%;}
	.solution-detail .text{ margin-top: 0.8rem; width: 100%; max-width: 100%;}
	.solution-detail .text .tit{ font-size: 0.38rem;}
	.solution-detail .text .des{ margin-top: 0.266666rem;font-size: 0.34rem; line-height:0.68rem;}

	.xg-solution{ padding:1.2rem 0;}
	.xg-solution li{ margin-top: 0.8rem; width:100%; margin-right:0;}
	.xg-solution li .box .tit{ margin-top: 0.3rem; font-size: 0.4rem;}
	.xg-solution li .box .des{ margin: 0.266666rem 0 0.333333rem; font-size: 0.34rem; line-height:0.68rem;}
	.xg-solution li .box .ny-more{ line-height: 0.8rem; border-radius: 0.41rem;}
	.xg-training li{ width: 100%; }
	.xg-training li:nth-child(3n){ margin-right:0;}
	
	
	/* ========== */
	/* = TRAINING = */
	/* ========== */
	.training{ padding: 1.2rem 0; }
	.training ul{ margin-top: 0.3rem;}
	.training li{ margin-top: 0.4rem; width: 100%; margin-right:0;}
	.training li .box{ padding: 0.266666rem 0.266666rem 0.533333rem;}
	.training li .box .text{ padding: 0.266666rem 0.266666rem 0;}
	.training li .box .tit{ font-size: 0.426666rem; }
	.training li .box .tit-en{ margin-top:0.066666rem; font-size: 0.32rem; }
	.training li .box .des{ margin: 0.266666rem 0; font-size: 0.34rem; line-height:0.68rem; height: 1.36rem;}
	.training li .box .des2{  height: 2.04rem;}
	.training li .box .ny-more{ line-height: 0.8rem; border-radius: 0.41rem;}
	
	
	/* ========== */
	/* = TRAINING-DETAIL = */
	/* ========== */
	.training-detail{ padding:1.2rem 0;}
	.training-detail .title{ padding-bottom: 0.4rem;}
	.training-detail .title p{  font-size: 0.34rem; margin-top: 0.266666rem;}
	.training-detail .des{ margin-top: 0.4rem; font-size: 0.34rem; line-height:0.68rem;}
	.training-detail .content{  margin-top: 0.8rem;}
	.training-detail .img{ width: 100%;}
	.training-detail .text{ margin-top: 0.8rem; width: 100%; max-width: 100%; font-size: 0.34rem; line-height:0.68rem;}
	.training-detail .text .tit{ font-size: 0.38rem;}
	.training-detail .text .des{ font-size: 0.34rem; line-height:0.68rem;}
	.training-detail .text li{ width: 100%;}
	.training-detail .detail .tit{ margin-top: 1rem; font-size: 0.4rem; padding-bottom: 0.4rem;}
	
	
	/* ========== */
	/* = CASE_DETAIL = */
	/* ========== */
	.case-detail{ padding: 1.2rem 0;}
	.case-detail .box .text{ width: 100%;}
	.case-detail .box .text .title{ padding-bottom: 0.266666rem; text-align: left;}
	.case-detail .box .text .des{ margin-top: 0.666666rem; font-size: 0.35rem; line-height: 0.68rem;  }
	.case-detail .box .text .ny-more{ margin-top: 0.533333rem;}
	.case-detail .box .img{ margin-top:0.8rem; width: 100%; }
	.case-detail .detail{ margin-top: 0.666666rem;}
	.case-detail .detail .tit{ margin-top: 0.8rem; }
	.case-detail .detail .tit img{ width: 0.8rem;}
	.case-detail .detail .tit span{  margin-left: 0.2rem; font-size: 0.48rem;}
	.case-detail .detail .con{ margin-top:0.3rem; font-size: 0.34rem; line-height: 0.68rem; padding-left:0.666666rem;}
	.case-detail .detail img{ margin: 0;}
	.case-detail table{ width: 100%;}
	.case-detail table td{ font-size: 0.32rem; line-height: 0.56rem; height: 4rem; padding: 0.4rem 0.266666rem;}
	.case-detail table tr td:nth-child(1){ font-size: 0.34rem;}
	.case-detail table tr td:nth-child(1){ width: 15%;}
	.case-detail table tr td:nth-child(2),
	.case-detail table tr td:nth-child(3){ width: 22%;}
	.case-detail table tr td:nth-child(4){ width: 40%;}
	.case-detail table th{ font-size: 0.36rem;  padding:0.266666rem 0;}
	
	.xg-case{ padding: 1.2rem 0;}
	.xg-case li{ margin-top: 0.8rem; width: 100%; }
	.xg-case li .box .text{ margin-top: 0.266666rem; }
	.xg-case li .box .tit{ font-size: 0.426666rem; }
	.xg-case li .box .des{ margin: 0.266666rem 0; font-size: 0.34rem; line-height:0.68rem; height: 1.36rem;}
	.xg-case li .box .ny-more{ line-height: 0.8rem; border-radius: 0.41rem;}
	
	
	
	/* ========== */
	/* = EFFECT = */
	/* ========== */
	.effect-advantage{ padding: 1.2rem 0;}
	.effect-advantage .img{ margin: 0.533333rem auto 0; max-width: 4rem; }
	.effect-advantage .img .box{ width: 3rem; border-radius: 0.12rem; padding: 0.11rem;}
	.effect-advantage .img .box .tit{ font-size: 0.2rem;}
	.effect-advantage .img .box .con{ margin-top: 0.04rem; font-size: 0.18rem; line-height: 0.26rem; }
	.effect-advantage .img .box:nth-child(3){ width: 3rem; }
	
	.effect-service{ padding: 1.2rem 0;}
	.effect-service ul{ margin-top:0;}
	.effect-service li{ margin-top: 0.8rem; width: 100%;}
	.effect-service li.jt{ display: none;}
	.effect-service li .num{ font-size: 0.4rem;}
	.effect-service li .tit{ margin-top: 0.2rem; font-size: 0.38rem; }
	.effect-service li .des{ margin-top: 0.2rem; padding-top: 0.3rem; font-size:0.34rem; line-height: 0.68rem;}
	
	.effect-three{ padding: 1.2rem 0;}
	.effect-three li{ margin-top: 0.8rem; width: 100%;}
	.effect-three li .box .text{ padding: 0.4rem;}
	.effect-three li .box .text .tit{  font-size: 0.38rem; padding-bottom: 0.266666rem;}
	.effect-three li .box .text .des{ margin-top: 0.2rem; padding-top: 0.3rem; font-size:0.34rem; line-height: 0.68rem; }
	.mao{ top:-1.5rem; }
	
	
	/* ========== */
	/* = MESSAGE = */
	/* ========== */
	.message-box{ padding: 1.2rem 0;}
	.message-box .content{ margin-top: 0.8rem;  display: block; }
	.message-box .content .img{ width:100%; padding: 0.8rem 0.4rem; }
	.message-box .content .img .tit{  font-size: 0.38rem; line-height: 0.76rem;}
	.message-box .content .img .tit-en{ margin-top: 0.266666rem; padding-bottom: 0.8rem;  font-size: 0.36rem; line-height: 0.5rem;}
	.message-box .content .img .tel{ margin-top: 0.533333rem; font-size:0.34rem;}
	.message-box .content .text{  width:100%; padding: 0.8rem 0.4rem;}
	.message-box .content .text .button{ margin-top: 0.6rem;}
	.message-box .content .text .button input{  font-size: 16px;}
	
	
	
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.about-box{ padding:1.2rem 0;}
	.about-box .box{ padding-bottom: 0.8rem;}
	.about-box .box .text{ width: 100%; max-width: 100%;}
	.about-box .box .text .des{ margin-top: 0.666666rem; font-size: 0.32rem; line-height:0.64rem;}
	.about-box .box .img{ margin-top:0.666666rem; width: 100%;}
	.about-box .point{ text-align: center;}
	.about-box .point li{  margin-top: 0.666666rem; width: 30%;}
	.about-box .point li:nth-child(7),
	.about-box .point li:nth-child(9){ width: 48%;}
	.about-box .point li span{ padding-right:0.666666rem; font-size:0.82rem; color: #d3ae82;}
	.about-box .point li span sub{  line-height: 0.533333rem;  font-size: 0.36rem;}
	.about-box .point li:nth-child(5) span{ padding-right: 0.8rem;}
	.about-box .point .line{ margin-top: 0.9rem; height: 0.8rem; }
	.about-box .point li p{ margin-top: 0.133333rem; font-size: 0.32rem; line-height:0.64rem;}
	
	.about-three .container{ padding: 0;}
	.about-three .img { width: 100%;}
	.about-three .text{ width: 100%; padding: 0.666666rem 0.5rem;}
	.about-three .text p{ margin:0.533333rem 0; font-size: 0.34rem;}
	.about-three .text p span{ font-size: 0.38rem; }
	
	.about-conpect{ padding:1.2rem 0;}
	.about-conpect li{ margin-top: 0.8rem; width: 100%;  padding: 5%; border:none; -webkit-box-shadow:0 0 0.5rem rgba(0,0,0,.1); box-shadow:0 0 0.5rem rgba(0,0,0,.1); }
	.about-conpect li img{ width: 2rem;}
	.about-conpect li .tit{ padding: 0.4rem 0; font-size: 0.4rem;}
	.about-conpect li .des{ margin: 0.4rem auto 0;  font-size: 0.34rem; line-height:0.68rem;}
	
	

	/* ========== */
	/* = koubei = */
	/* ========== */
	.koubei-report{ padding:1.2rem 0; }
	.koubei-report li{ margin-top: 0.666666rem; width:100%; margin-right:0;}
	.koubei-report .text{ margin-top: 0.666666rem;}
	.koubei-report .text .tit{font-size: 0.38rem; line-height: 0.72rem;}
	.koubei-report .text .des{ margin-top: 0.333333rem; font-size: 0.34rem; line-height: 0.68rem;}
	
	.koubei-evaluation{ padding:1.2rem 0;}
	.koubei-evaluation:after{ width: 100%;}
	.koubei-evaluation .top{ margin: 0.666666rem auto 0; height: 0.8rem; padding: 0 1rem;}
	.koubei-evaluation .tab span{line-height: 0.8rem; font-size: 0.36rem; border-radius: 0.4rem; padding: 0 0.4rem; }
	.koubei-evaluation .js-tab-box{ margin-top: 0.8rem;}
	.swiper-koubei-evaluation { margin: 0;}
	.swiper-koubei-evaluation .swiper-slide{ padding: 0 1rem;}
	.swiper-koubei-evaluation .box{ min-height: 10rem; }
	.swiper-koubei-evaluation .box:after,
	.swiper-koubei-evaluation .box:before{width: 1rem; height: 1rem;} 
	.swiper-koubei-evaluation .box:after{ bottom: 0.2rem; right:0.2rem;}
	.swiper-koubei-evaluation .box:before{ top:0.2rem; left:0.2rem;}
	.swiper-koubei-evaluation .box .img img{ width: 1.7rem; }
	.swiper-koubei-evaluation .box .tit{ font-size: 0.4rem;}
	.swiper-koubei-evaluation .box .des{ font-size: 0.32rem; line-height: 0.64rem; min-height:0;}
	.koubei-message{padding:1.2rem 0;}
	

	/* ========== */
	/* = HONOR = */
	/* ========== */
	.honor{ padding: 1.2rem 0;}
	.honor-list{ margin-bottom: 0.666666rem;}
	.honor-list li{ margin-bottom: 0.533333rem; width: 100%; margin-right:0;}
	.honor-list li .img{  padding:0.533333rem 1.2rem;}
	.honor-list li p{ margin-top: 0.266666rem; font-size:0.36rem;}
	
	
	/* ========== */
	/* = PARTNER = */
	/* ========== */
	.partner{ padding: 1.2rem 0;}
	.partner .ny-theme{ font-size: 0.44rem;}
	.partner-tab{ margin: 0.666666rem auto 0; padding: 0 1.2rem;}
	.partner-tab .swiper-container{ margin-top: 0.4rem;}
	.partner-tab .swiper-slide span{font-size: 0.34rem; line-height:0.8rem;}
	.swiper-container-partner{ padding: 0.8rem 0 1.2rem; }
	.swiper-container-partner li{ width:33.3333%;}
	.swiper-container-partner li:nth-child(5n-4){ border-left: 1px solid #f4eadf;}
	.swiper-container-partner li:nth-child(3n-2){ border-left: none;}
	.swiper-container-partner li:nth-child(5n+1){ clear: initial;}
	.swiper-container-partner li:nth-child(3n+1){ clear: both;}
	.swiper-container-partner li:nth-child(4),
	.swiper-container-partner li:nth-child(5){ border-top: 1px solid #f4eadf; }


	/* ========== */
	/* = CONTACT = */
	/* ========== */
	.contact-box{ padding: 1.2rem 0;}
	.contact-box li{ margin-top: 0.8rem; width: 100%;  padding: 5%; border:none; -webkit-box-shadow:0 0 0.5rem rgba(0,0,0,.1); box-shadow:0 0 0.5rem rgba(0,0,0,.1); }
	.contact-box li img{ width: 2rem;}
	.contact-box li .tit{ padding: 0.4rem 0; font-size: 0.4rem;}
	.contact-box li .des{ margin: 0.4rem auto 0;  font-size: 0.34rem; line-height:0.68rem; height: 1.36rem;}
	.contact-box li .tip{ margin-top: 0.266666rem; font-size: 0.3rem;}	
	.contact-box li .erweima img{ width: 2.666666rem;}
	.contact-map .map-box{ width:100%; height:10rem; position:relative; overflow: hidden; }
	.contact-map #allmap { -webkit-filter:grayscale(100%); }
	.contact-map .map-box img{ max-width:1000%;}
	.contact-map .map-box .allmap{ width:100%; height: 100%; position: absolute; left: 0; top:0;} 
	.contact-map .map-box .anchorBL{ display: none; }

	/* ========== */
	/* = JOIN = */
	/* ========== */
	.join-box{ padding: 1.2rem 0;}
	.join-box li{ margin-top: 0.8rem; width: 100%;  padding: 5%; border:none; -webkit-box-shadow:0 0 0.5rem rgba(0,0,0,.1); box-shadow:0 0 0.5rem rgba(0,0,0,.1); }
	.join-box li img{ width: 2rem;}
	.join-box li .tit{ padding: 0.4rem 0; font-size: 0.4rem;}
	.join-box li .des{ margin: 0.4rem auto 0;  font-size: 0.34rem; line-height:0.68rem; height: 1.36rem;}
	
	.join-content{ padding: 1.2rem 0;}
	.join-content-tab{ margin: 0.666666rem auto 0; padding: 0 1.2rem;}
	.join-content-tab .swiper-container{ margin-top: 0.4rem;}
	.join-content-tab .swiper-slide span{font-size: 0.34rem; line-height:0.8rem;}
	.swiper-container-join{ margin-top:0.666666rem;}
	.swiper-container-join .swiper-slide .box{ padding: 0.533333rem; min-height: 10rem;}
	.swiper-container-join .swiper-slide .box .mail-img{ top:5%; }
	.swiper-container-join .swiper-slide .box h2{  font-size: 0.4rem; padding-bottom: 0.4rem; line-height: 0.6rem;}
	.swiper-container-join .swiper-slide .box h2:before{ width: 0.6rem; height: 0.6rem;}
	.swiper-container-join .swiper-slide .box .tit{ margin-top: 0.4rem; font-size: 0.373333rem;}
	.swiper-container-join .swiper-slide .box .des{ margin-top: 0.4rem;  font-size: 0.34rem; line-height:0.68rem;}

	.join-welfare{ padding: 1.2rem 0;}
	.join-welfare .line{ width: 100%; height: 1px; margin: 0.666666rem 0;}
	.join-welfare .box{ width: 100%; max-width: 100%;}
	.join-welfare .box .des{ margin-top: 0.533333rem; font-size: 0.34rem; line-height:0.68rem; }
	.join-welfare .box .img{ margin-top: 0.4rem;}
	
	

		
	/* ========== */
	/* = NEWS = */
	/* ========== */
	.news{ padding:1.2rem 0;}
	.news-tab a{ margin: 0 0.066666rem; padding: 0 0.5rem; line-height: 1rem; border-radius: 0.51rem; font-size: 0.36rem;}
	.news-list{ margin:0.8rem 0;}
	.news-list li .box{ padding:0.6rem 0.4rem;}
	.news-list li .box .img{ width: 100%;;}
	.news-list li .box .text{ margin-top: 0.5rem; width: 100%;}
	.news-list li .box .text .tit{ padding-bottom: 0.266666rem; font-size: 0.4rem; }
	.news-list li .box .text .des{ margin-top: 0.266666rem; font-size: 0.34rem; line-height: 0.68rem; height: 1.36rem;}
	.news-list li .box .date{ border-left: none; width: 100%; text-align: left; }
	.news-list li .box .date span{ display: inline-block; font-size: 0.4rem;}
	.news-list li .box .date p{ margin-top: 0; font-size: 0.346666rem;  display: inline-block; }
	.news-list li .box .date em{ margin-top: 0; margin-left: 0.666666rem; font-size: 0.32rem; display: inline-block;} 
	
	
	/* ========== */
	/* = NEWS-DETAIL = */
	/* ========== */
	.news-detail{ padding: 1.2rem 0;}
	.news-detail .source{ margin-top:0.666666rem; text-align: center; }
	.news-detail .source span{ font-size: 0.36rem; line-height: 0.6rem;}
	.news-detail .source span:before { width: 0.6rem; height: 0.6rem;}
	.news-detail .content{ margin-top: 0.266666rem; padding: 0.666666rem 0; font-size: 0.34rem; line-height: 0.68rem; } 
	.flip{ margin-top: 0.533333rem; }
	.flip a{ font-size: 0.32rem; line-height: 0.68rem;}
	.flip .prev{ width: 34%;  padding-left: 0.5rem;}
	.flip .next{ width: 34%; padding-right: 0.5rem;}
	.flip .prev:before,
	.flip .next:before{ width: 0.45rem; height: 0.45rem; margin-top: -0.225rem;}
	.flip .retrun{  padding: 0 0.266666rem; border-radius: 0.34rem;}
	
	.xg-news{ padding: 1.2rem 0;}
	.xg-news ul{ margin-top: 0.1rem;}
	.xg-news ul li{ margin-top: 0.4rem;  width: 100%; margin-right: 0;}
	.xg-news ul li a{ padding:0.266666rem; border-radius:0.16rem;}
	.xg-news ul li .tit{ font-size: 0.34rem; line-height: 0.68rem; }
	.xg-news ul li .date{ margin-top: 0.3rem; line-height: 0.666666rem; font-size: 0.32rem;}
	.xg-news ul li .date i{padding-left: 0.65rem;}
	.xg-news ul li .date i:before{ width: 0.6rem; height: 0.6rem;}
	
	
	/* ========== */
	/* = ENGLISH = */
	/* ========== */
	.effect-advantage-english{ padding: 1.2rem 0;}
	.effect-advantage-english .img{ margin: 0.533333rem auto 0; max-width: 3.9rem; }
	.effect-advantage-english .img .box{ width: 3rem; border-radius: 0.12rem; padding: 0.11rem;}
	.effect-advantage-english .img .box .tit{ font-size: 0.2rem;}
	.effect-advantage-english .img .box .con{ margin-top: 0.04rem; font-size: 0.16rem; line-height: 0.22rem; }
	.effect-advantage-english .img .box:nth-child(3){ width: 3rem; }
	.english-clients{ padding: 1.2rem 0;}
	.swiper-english-clients{ padding: 0.8rem 0; }
	.swiper-english-clients li{ width:33.3333%;}
	.swiper-english-clients li:nth-child(5n-4){ border-left: 1px solid #f4eadf;}
	.swiper-english-clients li:nth-child(3n-2){ border-left: none;}
	.swiper-english-clients li:nth-child(5n+1){ clear: initial;}
	.swiper-english-clients li:nth-child(3n+1){ clear: both;}
	.swiper-english-clients li:nth-child(4),
	.swiper-english-clients li:nth-child(5){ border-top: 1px solid #f4eadf; }
	
	.english-customer{ padding: 1.2rem 0;}
	.english-customer li{ margin-top: 0.8rem; width: 100%; min-height: 0;  padding: 5%; border:none; -webkit-box-shadow:0 0 0.5rem rgba(0,0,0,.1); box-shadow:0 0 0.5rem rgba(0,0,0,.1); }
	.english-customer li img{ width: 2rem;}
	.english-customer li .tit{ margin-top: 0.4rem; font-size: 0.44rem; }
	.english-customer li .des{ margin-top: 0.4rem;  font-size: 0.36rem; line-height:0.72rem; }
	.english-customer .text{ font-size: 0.38rem; line-height: 0.76rem; margin-top: 0.666666rem;}
	
	.english-solution{ padding: 1.2rem 0;}
	.english-solution .content .img{ margin-top: 0.8rem; position: relative; right:auto; top:auto;}
	.english-solution ul{ margin-top: 0.666666rem; width:100%;}
	.english-solution li{ margin-top: 0.266666rem; padding: 0.16rem 0.533333rem;  border-radius: 0.4rem;  background-image: linear-gradient(to right,#FFFFFF,#FFFFFF,#efefef);}
	.english-solution li p{ padding:0 0.5rem; font-size: 0.32rem; line-height: 0.76rem;}
		
	.english-system{ padding: 1.2rem 0;}
	.english-system ul{ margin-top:0;}
	.english-system li{ margin-top: 1.8rem; width: 100%;}
	.english-system li.jt{ display: none;}
	.english-system li .box{ min-height: auto; padding:1.2rem 0.266666rem 0.4rem;}
	.english-system li .box .num{  margin-left: -0.8rem; top:-0.8rem; width: 1.6rem; height: 1.6rem; line-height: 1.4rem; border: 0.1rem solid #FFFFFF; font-size: 0.6rem; }
	.english-system li .box .tit{ padding-bottom: 0.3rem; font-size:0.46rem;}
	.english-system li .box .des{ margin-top: 0.266666rem;   font-size: 0.34rem; line-height:0.68rem; }
	.english-system .button{ margin-top: 0.8rem; line-height: 1.3rem; border-radius: 0.65rem; padding: 0 0.533333rem; }
	.english-system .button span{ font-size: 0.36rem;}
	.english-system .button i{ width:0.5rem; height: 0.5rem;}
}