/* ========== */
/* = HOME = */
/* ========== */
.home-bg{ background-image: url(../images/home_point_bg.jpg);}
.home-point{ margin-top:-80px; position: relative; z-index: 1;}
.home-point ul{ border-radius: 10px; background: #FFFFFF; padding: 38px 0; display: flex; flex-flow: wrap;  justify-content: space-between; align-items: center;}
.home-point li{ width: 25%; text-align: center; position: relative;}
.home-point li:after{ content:""; position: absolute; top:50%; right:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1px; height: 60px; background: rgba(0,0,0,.2);}
.home-point li p{ font-size: 16px; margin-top: 12px; color: #000000;}
.home-point li:last-child:after{ display: none;}
.home-point li span{color: #2766ff; height: 50px; display: block; font-size: 40px;}
.home-point li span i{ font-style: normal; }

.home-theme{ text-align: center; font-size: 36px; font-weight: 600; color: #000000; }
.home-des{ margin-top: 12px; font-size: 18px; color: #000000; text-align: center;}
.home-button{display:inline-block; width: 140px; color: #2666ff; border: 1px solid #2666ff; text-align: center; border-radius:8px; font-size: 0; }
.home-button i{ line-height: 48px; font-size: 14px; display: inline-block; font-style: normal; vertical-align:middle;}
.home-button:after{ margin-left:5px; content: ""; display: inline-block; vertical-align:middle; width: 20px; height: 20px; background-image: url(../images/jt.png); background-size: cover; }
.home-button-blue{  background: linear-gradient(to right, #608cff, #2766ff); color: #FFFFFF;}
.home-button-blue:after{ background-image: url(../images/jt2.png); }

.home-service{ padding: 95px 0 120px;}
.home-service .home-theme{ text-align: left;}
.home-service .content{ margin-top:-2%;}
.home-service .left{ margin-top: 7.5%; margin-left: -23px; height: 552px;  width: 303px; float: left; position: relative; overflow:hidden;}
.home-service .left .swiper_ser{ position: relative; height: 552px; width: 100%; box-sizing: border-box;overflow: hidden;}
.home-service .swiper-slide {  height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.home-service .left .swiper-container-vertical>.swiper-scrollbar{ top:auto; bottom: 0; right: auto; left:0; height: 80px; width: 2px !important; background: #dddddd;}
.home-service .left .swiper-scrollbar-drag{ background: #004eff !important;} 
.swiper_ser .mCSB_scrollTools{left: 0 !important;right: auto;height: 40px !important;top: auto !important;}
.swiper_ser .mCustomScrollBox{max-width: calc(100% - 23px) !important;padding-left: 8px !important;padding-right: 0 !important;}
.swiper_ser .mCSB_scrollTools .mCSB_dragger{background: #004eff !important;}
.home-service .right{ margin-left: 300px;}
.home-service .left li { width: 100%; display:block; margin-bottom:15px;}
.home-service .left li a{ width:220px; display: block;  background: #f5f5f6; border: 1px solid #dddddd; border-radius:8px; padding-left: 25px; position: relative; overflow: hidden; color: #000000; cursor: pointer;}
.home-service .left li a i{ font-size: 30px;line-height: 70px; color: #2861ff; font-style: normal;  display:inline-block; vertical-align: middle; font-family: 'Oswald-SemiBold';}
.home-service .left li a span{ margin-left: 6px; max-width: 140px; display:inline-block; vertical-align: middle; font-size: 20px; line-height: 34px; position: relative; z-index: 2;}
.home-service .left li a img{ position: absolute; top:0; right:-25px; height: 72px; display:inline-block; vertical-align: middle; opacity: .5;}
.home-service .left li.active a,
.home-service .left li.active a{ background: linear-gradient(to right, #608cff, #2766ff); color:#FFFFFF; width: 270px; border: 1px solid #fdfefe; }
.home-service .left li.active a i{ color: #FFFFFF; }
.home-service .left li.active img{ right:5px; opacity: 1;}
.home-service .js-tab-box{ margin-left:300px; margin-right: -2%;}
.home-service .js-tab-con{ display: none;}
.home-service .js-tab-con.active{ display: block;}
.home-service .js-tab-con .text{ padding:0 245px 0 4%; font-size: 18px; line-height: 36px; color: #333333;  position: relative;}
.home-service .js-tab-con .text .home-button{  position: absolute;  top:50%; right:5%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.home-ecology{ padding: 95px 0 85px;}
.home-ecology .tab{  margin-top: 55px; padding: 0 3%; display: flex; flex-flow: wrap;  justify-content: space-between; align-items: center; position: relative; z-index: 1;}
.home-ecology .tab li{ padding-bottom: 40px; width: 16%; max-width: 180px; position: relative;}
.home-ecology .tab li div{ padding:8px 10px; text-align: center; border-radius:8px; cursor: pointer;}
.home-ecology .tab li img{ display: inline-block; vertical-align: middle;}
.home-ecology .tab li span{ margin-left: 10px; font-size: 20px; color: #000000; display: inline-block; vertical-align: middle;}
.home-ecology .tab-1 li.active:after{ content:""; position: absolute; bottom:0; left:50%; width: 100px; height:40px; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-image: url(../images/sanjiao.png); background-size: cover;}
.home-ecology .tab-1 li.active div{  background: #f8f8f8;}
.home-ecology .tab-1 li.active span{ color: #2666ff; font-weight: 600;}
.home-ecology .js-tab-con{ display: none; position: relative; padding: 55px 5% 60px; border-radius: 15px; -webkit-box-shadow: 0 5px 25px rgba(0,0,0,.12); box-shadow: 0 5px 25px rgba(0,0,0,.12);}
.home-ecology .js-tab-con.active{ display: block;}
.home-ecology .js-tab-con .tit{ padding-bottom: 20px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items: center; border-bottom: 1px solid #e5e5e5; font-size:30px; }
.home-ecology .js-tab-con .tit i{ font-style: normal; color: #000000; font-weight: 600;}
.home-ecology .js-tab-con .tit span{ color: #2666ff; font-family: 'Oswald-SemiBold';}
.home-ecology .js-tab-con .img{ margin: 0 -2%; display: flex; flex-flow: wrap;  justify-content:flex-start; align-items: center;}
.home-ecology .js-tab-con .img span{ margin-top: 35px; width: 12.2%;}

.home-solution{ padding:100px 0 120px; background-image: url(../images/home_solution_bg.jpg);}
.home-solution ul{ margin-top: 65px;  display: flex; flex-flow: wrap;  justify-content: space-between; align-items:stretch; }
.home-solution li{ width: 17.15%; border-radius: 12px; padding: 40px; text-align: center; position: relative; overflow: hidden; background: linear-gradient(to bottom,rgba(38,102,255,1),rgba(38,102,255,.0));}
.home-solution li .bg,
.home-solution li .bg2{ display: block; position: absolute; z-index:0; top:0; left:0; width: 100%; height: 100%;}
.home-solution li .bg{ display: none;}
.home-solution li img{ position: relative; z-index: 1; margin-bottom: 15px;}
.home-solution li .text{ display: block; position: relative; z-index: 1;}
.home-solution li .text .tit{ font-size:24px; color: #FFFFFF; font-weight: 600;}
.home-solution li .text .line{ margin: 30px auto; height: 110px; display: block; width: 1px; background:rgba(255,255,255,.4);}
.home-solution li .text .num{ font-size: 24px; color: #FFFFFF; font-family: 'Oswald-SemiBold';}
.home-solution li .text .num i{ font-style: normal; color:rgba(255,255,255,.6); }
.home-solution li .des{ display: none; margin-top: 20px; font-size: 14px; line-height: 30px; color: #999999; position: relative; z-index: 1;}
.home-solution li .button-div{ margin-top: 30px; display:none; position: relative; z-index: 1;}
.home-solution li .home-button{ margin-right: 15px;}
.home-solution li.active{ width: 44%; text-align: left;}
.home-solution li.active .bg{ display: block;}
.home-solution li.active .bg2{ display: none;}
.home-solution li.active img{ display: none;}
.home-solution li.active .text{  display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; padding-bottom: 30px; border-bottom:1px solid #cccccc;}
.home-solution li.active .text .line{ display: none;}
.home-solution li.active .text .tit{ color: #222222;}
.home-solution li.active .text .tit br{ display:none;}
.home-solution li.active .text .num{ color: #2666ff;}
.home-solution li.active .text .num i{ color: #999999;}
.home-solution li.active .des{ display: block;}
.home-solution li.active .button-div{ display: block;}

.home-case{ padding:100px 0 120px;}
.home-case .content{ margin-top: 15px; position: relative;}
.home-case .swiper-pagination{ bottom: 0; display: none;}
.home-case .swiper-button-next{ right:-6.5%;}
.home-case .swiper-button-prev{ left:-6.5%;}
.home-case .swiper-case { padding-top:60px;}
.home-case .swiper-case .box{ background: #f8f8f8; border-radius: 20px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-start;}
.home-case .swiper-case .box .text{ width: 54%; padding:50px 60px 130px;}
.home-case .swiper-case .box .text .tit{ font-size: 24px; color: #2666ff; font-weight: 600; position:relative; padding-bottom: 45px;}
.home-case .swiper-case .box .text .tit:before{ content: ""; position:absolute; bottom: 0; left:0; width: 200%; border-bottom:1px solid #c6c6c6;}
.home-case .swiper-case .box .text .tit:after{ position: absolute; top:0; right:0; content: ""; background-image: url(../images/ecology_yinhao.png); width: 48px; height:40px; background-size: cover;}
.home-case .swiper-case .box .text .des{ margin-top: 5%; font-size: 16px; line-height: 32px; min-height: 96px;}
.home-case .swiper-case .box .text .home-button{ margin-top: 5%;}
.home-case .swiper-case .box .img{ width: 46%; margin-top: -60px; position: relative; z-index: 1;}
.home-case .swiper-case .box .img:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 60px; background: #FFFFFF; z-index: 0;}
.home-case .swiper-case .box .img img{ position: relative; z-index: 1;}
.home-case .content .tabimg{ position: absolute; width: 47%; z-index: 2; bottom:45px; left:0; padding-left: 60px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-start;}
.home-case .content .tabimg li{ max-width: 22%; display: inline-block; vertical-align: middle;}
.home-case .content .tabimg li img{ filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: .4;}
.home-case .content .tabimg li.active img{  filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1;}

.home-case .swiper-case-img{ margin-top: 80px;}
.home-case .swiper-case-img .swiper-slide{ padding: 0 1%;}
.home-case .swiper-case-img .swiper-slide span{ display: block; border:1px solid #dddddd; border-radius: 4px;}
.home-case .swiper-case-img .swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}


.home-reason{ background-image: url(../images/home_reason_bg.jpg); position: relative; overflow: hidden;}
.home-reason .content{ padding:100px 0 172px; }
.home-reason .text{ float: right; width: 42%;}
.home-reason .home-theme{ text-align: left;}
.home-reason .cricle{ position: absolute; top:50%; left:-3%; width: 62.5%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.home-reason .cricle-yuan{ display: block; position: absolute; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); }
.home-reason .cricle-yuan1{ z-index: 1; display: block; width: 45%; padding-bottom: 45%;  border:1px solid rgba(38,102,255,.6); border-radius: 100%;}
.home-reason .cricle-yuan2{ display: block; width: 72%; padding-bottom: 72%; border:1px solid rgba(38,102,255,.4); border-radius: 100%;}
.home-reason .cricle-yuan3{ display: block; width:100%; padding-bottom: 100%; border:1px solid rgba(38,102,255,.2); border-radius: 100%;}
.home-reason .center-img{ max-width: 20%;}
.home-reason .cricle-yuan li{ position: absolute; text-align: center; cursor: pointer;}
.home-reason .cricle-yuan li .ico{ display: inline-block; background: #FFFFFF; border-radius:100%; border:1px solid #2666ff; border-radius: 100%; overflow:hidden;}
.home-reason .cricle-yuan li .ico img{ background: #FFFFFF;}
.home-reason .cricle-yuan li .ico img:nth-child(1){ display: block;}
.home-reason .cricle-yuan li .ico img:nth-child(2){ display: none;}
.home-reason .cricle-yuan li p{ font-size: 18px; line-height: 32px;}
.home-reason .cricle-yuan li.active .ico img{ background: linear-gradient(to bottom,#2968ff,#628cff);}
.home-reason .cricle-yuan li.active .ico img:nth-child(1){ display: none;}
.home-reason .cricle-yuan li.active .ico img:nth-child(2){ display: block;}
.home-reason .cricle-yuan li:nth-child(1){ right:-8%; top:40%;}
.home-reason .cricle-yuan li:nth-child(2){ right:11%; bottom:-3%;}
.home-reason .cricle-yuan li:nth-child(3){ left:30%; bottom:-12%;}
.home-reason .cricle-yuan li:nth-child(4){ left:-4%; bottom:17%;}
.home-reason .cricle-yuan li:nth-child(5){ left:-3%; top:20%;}
.home-reason .cricle-yuan li:nth-child(6){ left:32%; top:-6%;}
.home-reason .cricle-yuan li:nth-child(7){ right:10%; top:3%;}

.swiper-reason{ margin-top: 18%; padding-bottom: 118px;}
.swiper-reason .swiper-button-prev,
.swiper-reason .swiper-button-next{ top:auto; bottom: 0;}
.swiper-reason .swiper-button-prev{ left:auto; right:60px;}
.swiper-reason .tit{ padding-bottom: 35px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; border-bottom:1px solid rgba(0,0,0,.2); color: #222222; font-size: 30px;}
.swiper-reason .tit i{ font-style: normal; font-family: 'Oswald-SemiBold';}
.swiper-reason .des{ margin-top: 20px; font-size: 16px; line-height: 32px;}

@media (max-width:1600px){ 
	.home-reason .cricle-yuan li .ico{ width: 60px;}
	.home-reason .cricle-yuan li p{ font-size: 16px;}
	.pc-header ul li{padding: 0 10px;}

}


.stext{
	max-width: 1630px;
	padding: 0 6%;
	margin: 0 auto;
	margin-top: 160px;
	position: absolute;
	z-index: 2;
	font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Tahoma, Arial, sans-serif;
}
.stext .stext1{
	font-size: 3vw;
	font-weight: bold;
	color: #2766ff;
	line-height: 140%;
}

.stext .stext2{
	font-size: 2vw;
	color: #000;
	line-height: 180%;
}

.stext .stext3{
	font-size: 20px;
	color: #fff;
	line-height: 280%;
	margin-top: 20px;
}
.stext .stext3 .more{
	background-color: #2b69ff;
	font-size: 17px;
	color: #fff;
	border: 1px solid #2b69ff;
	border-radius: 22px;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 0px;
	width: 140px;
	background-image: url("/static/home/images/jt2.png");
	background-repeat: no-repeat;
	background-position: 87% center;
	cursor:pointer;

}
.pc-block{
	position:relative;
}
.pc-block-video{
	display: block;
	max-width: 100%;
	border: 0;
	margin: 0 auto;
	display: block;
	font-size: 0;
}
.pc-block-video{ width:100%; display: block; }


.home-news{ padding:95px 0 115px;}
.home-news .content{ margin-top: 50px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-start;}
.home-news .box{ width: 30%;}
.home-news .box:last-child{ width: 31.5%;}
.home-news .tit{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.home-news .tit span{ font-size: 24px; color: #222222;}
.home-news .tit a{ font-size: 16px; position: relative; padding-right: 20px;}
.home-news .tit a:after{ content: ""; position: absolute; top:50%; right:-4px; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 20px; height: 20px; background-image: url(../images/jt3.png); background-size: cover; }
.home-news .tit a:hover{color: #2666ff;}
.home-news .tit a:hover:after{ background-image: url(../images/jt.png);}
.home-news .con{ margin-top: 35px; display: block;}
.home-news .con .img{ border-radius: 10px; overflow: hidden;}
.home-news .con p{ margin-top: 10px; font-size: 16px; line-height: 32px; height: 64px; overflow: hidden;}
.home-news .con .date{ margin-top:25px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.home-news .con .date span{ position: relative; display: inline-block; font-size: 16px; padding-left:25px;}
.home-news .con .date span:after{ content:""; position: absolute; top:50%; left:-5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-image:url(../images/ico_date.png); background-size: cover; width: 30px; height: 30px;}
.home-news .con .date i{ display: inline-block; width: 40px; height: 40px; background-image: url(../images/arrows.png); background-size: cover;}
.home-news .con:hover p{ color: #2666ff;}
.home-news .con:hover .date span{ color: #2666ff;}
.home-news .con:hover .date span:after{ background-image: url(../images/ico_date_blue.png);}
.home-news .con:hover i{ background-image: url(../images/arrows_blue.png);}
.home-news li{ margin-top: 20px;}
.home-news li a{ display: block; position: relative; padding-right: 85px;}
.home-news li p{ font-size: 16px; line-height: 30px; height: 60px; overflow:hidden;}
.home-news li span{ position: absolute; top:0; right:0; font-size: 18px; color: #999999; text-align: center; font-family: 'Oswald-SemiBold';}
.home-news li span i{ display: block; font-style: normal; font-size: 24px; font-weight: 600; color: #666666;}
.home-news li a:hover p{color: #2666ff;}

.home-add{ padding:88px 0 110px; background-image: url(../images/home_add_bg.jpg); color: #FFFFFF;}
.home-add .content{ max-width: 1188px; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.home-add .text h3{ font-size: 36px; font-weight: 600;}
.home-add .text p{ margin-top: 20px; font-size: 24px; color: #FFFFFF;}
.home-add .button{ background: #FFFFFF; border-radius:8px; overflow: hidden; font-size: 24px; color: #2666ff; padding: 22px 45px;}


@media (max-width:999px){
	.stext .stext1{
		font-size: 7vw;
		font-weight: bold;
		color: #2766ff;
		line-height: 150%;
	}

	.stext .stext2{
		font-size: 5.1vw;
		color: #000;
		line-height: 240%;
	}


	.home-point{ margin-top:0.666666rem;}
	.home-point ul{ padding:0.3rem 0; }
	.home-point li{ width: 50%; padding:0.4rem; }
	.home-point li:after{  height: 0.8rem;}
	.home-point li:nth-child(2n):after{ display: none;}
	.home-point li img{ width:1.6rem;}
	.home-point li p{ font-size: 0.32rem; margin-top: 0.266666rem;} 
	.home-point li span{height: 0.6rem; font-size: 0.55rem;}
	
	.home-theme{ font-size: 0.52rem; }
	.home-des{ margin-top: 0.32rem; font-size: 0.4rem; line-height: 0.74rem; }
	.home-button{ width:3rem;}
	.home-button i{ line-height: 1.2rem; font-size: 0.36rem; }
	.home-button:after{ width: 0.3rem; height: 0.3rem;}
	
	.home-service{ padding: 1.2rem 0;}
	.home-service .home-theme{ text-align: center;}
	.home-service .content{ margin-top:0.533333rem;}
	.home-service .left{ margin-top: 7.5%; margin-left:0; width: 100%; height:5rem;}
	.home-service .left .swiper{ padding-left: 0; height:5rem;}
	.home-service .left ul{display: flex; flex-flow: wrap;  justify-content:flex-start; align-items: center;}
	.home-service .left li { width: 32%; margin-right: 2%; margin-bottom: 0.266666rem;}
	.home-service .left li:nth-child(3n){ margin-right: 0; }
	.home-service .left li a{ width: 100%; line-height:1rem; padding-left: 0; text-align: center;}
	.home-service .left li a i{display: none;}
	.home-service .left li a span{ margin-left:0; font-size:0.35rem;}
	.home-service .left li a img{ display: none;}
	.home-service .left li.active a{ width: 100%;}
	.home-service .js-tab-box{ margin-left:0; margin-right:0;}
	.home-service .js-tab-con .text{ padding: 0.4rem 0.4rem 0.533333rem 0.266666rem; text-align: center; font-size: 0.34rem; line-height:0.68rem;}
	.home-service .js-tab-con .text .home-button{ margin:0.4rem auto 0; top:auto; right:auto; transform: translateY(0%);  -webkit-transform: translateY(0%); position: relative; }
	
	.home-ecology{ padding: 1.2rem 0;}
	.home-ecology .tab{  margin-top: 0.8rem; padding: 0 0.4rem;}
	.home-ecology .tab li{ padding-bottom: 0.533333rem; width: 18%;}
	.home-ecology .tab li div{ padding:0.266666rem 0.133333rem;}
	.home-ecology .tab li img{ width: 1rem;}
	.home-ecology .tab li span{ margin-left:0; margin-top: 0.133333rem; font-size: 0.4rem; line-height: 0.7rem; }
	.home-ecology .tab li.active:after{ width: 1.333333rem; height: 0.533333rem;}
	.home-ecology .js-tab-con{ padding: 0.666666rem; border-radius: 0.266666rem;}
	.home-ecology .js-tab-con .tit{ padding-bottom: 0.4rem; font-size:0.4rem;}
	.home-ecology .js-tab-con .img{ margin:0.533333rem 0; justify-content:flex-start;}
	.home-ecology .js-tab-con .img span{ width: 30%; margin:1.5%;}
	
	.home-solution{ padding:1.2rem 0;}
	.home-solution ul{ margin-top: 0.4rem; }
	.home-solution li{ margin-top: 0.5rem; width: 100%; }
	.home-solution li img{ margin-bottom: 0.266666rem;}
	.home-solution li .text .tit{ font-size:0.44rem;}
	.home-solution li .text .num{ font-size: 0.4rem;}
	.home-solution li .des{ font-size: 0.34rem; line-height: 0.68rem;}
	.home-solution li .home-button{ margin-right: 0.133333rem;}
	.home-solution li.active{ width: 100%; }
	.home-solution li.active .text{ padding-bottom: 0.533333rem;}
	
	.home-case{ padding:1.2rem 0;}
	.home-case .content{ margin-top:1rem; }
	.home-case .swiper-container{ padding-bottom: 0.8rem;}
	.home-case .swiper-button-next,
	.home-case .swiper-button-prev{ display:none;}
	.home-case .swiper-pagination{ display: block;}
	.home-case .swiper-case{ padding-top: 0.3rem;}
	.home-case .swiper-case .box{ border-radius: 0.266666rem;}
	.home-case .swiper-case .box .text{ width: 100%; padding:0.533333rem 0.533333rem 3rem;}
	.home-case .swiper-case .box .text .tit{ font-size: 0.44rem; padding-bottom: 0.533333rem;}
	.home-case .swiper-case .box .text .tit:after{  width: 0.64rem; height: 0.533333rem;}
	.home-case .swiper-case .box .text .des{ margin-top:0.533333rem; font-size: 0.34rem; line-height: 0.68rem; min-height: 2.04rem;}
	.home-case .swiper-case .box .text .home-button{ margin-top: 0.8rem;}
	.home-case .swiper-case .box .img{ width: 100%; margin-top:0;}
	.home-case .swiper-case .box .img:before{ background: #f8f8f8; height: 2rem;}
	.home-case .content .tabimg{ width: 100%; bottom:10rem; padding:0 0.533333rem;}
	.home-case .content .tabimg li img{ height: 1rem;}
	.home-case .swiper-case-img{ margin-top: 1.066666rem;}
	
	
	.home-reason .content{ padding:1.2rem 0; }
	.home-reason .text{  width: 100%;}
	.home-reason .cricle{ display: none;}
	.swiper-reason{ margin-top: 18%; padding-bottom: 1.9rem;}
	.swiper-reason .tit{ padding-bottom: 0.4rem; font-size: 0.46rem;}
	.swiper-reason .des{ margin-top: 0.266666rem; font-size: 0.34rem; line-height: 0.68rem;}
	 
	
	.home-news{ padding:1.2rem 0;}
	.home-news .content{ margin-top: 0.2rem;}
	.home-news .box{ margin-top: 1rem; width: 100%;}
	.home-news .box:last-child{ width: 100%;}
	.home-news .tit span{ font-size: 0.46rem;}
	.home-news .tit a{ font-size: 0.32rem; padding-right: 0.333333rem;}
	.home-news .tit a:after{ width: 0.266666rem; height: 0.266666rem; }
	.home-news .con{ margin-top: 0.533333rem;}
	.home-news .con .img{ border-radius: 0.133333rem;}
	.home-news .con p{ margin-top: 0.266666rem;  font-size: 0.34rem; line-height: 0.68rem;}
	.home-news .con .date{ margin-top:0.15rem;}
	.home-news li{ margin-top: 0.3rem;}
	.home-news li a{ padding-right: 1.866666rem;}
	.home-news li p{ font-size: 0.34rem; line-height: 0.68rem; height: 1.36rem;}
	.home-news li span{ font-size: 0.32rem;}
	.home-news li span i{ font-size: 0.46rem;}
	
	.home-add{ padding:1.2rem 0;}
	.home-add .text h3{ font-size: 0.533333rem;}
	.home-add .text p{ margin-top: 0.266666rem; font-size: 0.34rem;}
	.home-add .button{ margin-top: 0.666666rem; border-radius:0.133333rem; font-size: 0.36rem; padding: 0.266666rem 0.666666rem;}

}



/* ========== */
/* = NY = */
/* ========== */
.ny-banner{ position: relative;}
.ny-banner img{ width: 100%;}
.ny-banner .text{ position: absolute; top:50%; left:0; width: 100%; font-size: 72px; color: #FFFFFF; font-weight:600; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%);} 
.ny-banner .text2{ font-size: 48px;}

.bread{ position: relative; padding-left: 30px; line-height: 30px;}
.bread:before{ content: ""; position: absolute; left:0; top:5px; width: 20px; height: 20px; background-image: url(../images/ico_bread.png);}
.bread span{ color: #2666ff;}

.home-tab{ text-align: center; font-size: 0;}
.home-tab div{ display: inline-block; background: #FFFFFF; border-radius: 25px;}
.home-tab a,
.home-tab span{ font-weight: 600; display:inline-block; vertical-align: middle; line-height: 50px; text-align: center; cursor: pointer; font-size: 18px; position: relative; color: #222222; padding: 0 28px; border-radius: 25px;}
.home-tab a:hover,
.home-tab span:hover{ color: #2666ff;}
.home-tab a.active,
.home-tab span.active{ background: linear-gradient(to right, #608cff, #2766ff); color: #FFFFFF;}


.page{ text-align: center;}
.page ul li{ display: inline-block; vertical-align: middle;}
.page a,
.page span{ display: inline-block; vertical-align: middle; padding: 0 14px; min-width: 50px; margin: 3px; line-height: 40px; color: #999999; border: 1px solid #d4d4d4; border-radius:5px;}
.page a:hover,
.page li.active span{ border: 1px solid #2666ff; background: #2666ff; color: #FFFFFF;}

@media (max-width:999px){
	.ny-banner{ margin-top: 1.5rem;}
	.ny-banner .text{ font-size: 0.6rem;}
	.ny-banner .text2{ font-size: 0.4rem;}
	
	.home-tab div{ border-radius: 0.5rem;}
	.home-tab a{ line-height:1rem; font-size: 0.33rem; padding: 0 0.44rem; border-radius: 0.5rem;}
	
	.page a, 
	.page span{ line-height:0.8rem; padding: 0 0.266666rem; min-width:1rem; font-size: 0.34rem; }
	
}


/* ========== */
/* = PRODUCT = */
/* ========== */
.product-manage{ padding:95px 0 100px;}
.product-manage .content{ margin-top: 50px;}
.product-manage ul{ float: left; width: 420px;}
.product-manage ul li{ display: flex; padding-bottom: 40px; flex-flow: wrap; justify-content: flex-start; align-items:flex-start; position: relative; cursor: pointer; }
.product-manage ul li:after{ content: ""; position: absolute; left:30px; top:68px; display: block;  width: 2px; height: 30px; background: #88aafc;}
.product-manage ul li span{ display: inline-block; background: #f8f8f8; border: 1px solid #88aafc; border-radius: 100%; overflow: hidden; position: relative;}
.product-manage ul li span img:nth-child(1){ opacity: 1;}
.product-manage ul li span img:nth-child(2){ position: absolute; top:0; left:0; opacity: 0; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.product-manage ul li div{ margin-left: 40px; padding-top: 20px;}
.product-manage ul li div i{ font-style: normal; line-height: 30px; font-size: 24px; color: #333333; font-weight: 600;}
.product-manage ul li div p{ display: none; margin-top: 15px;}
.product-manage ul li.active{ padding-bottom: 80px;}
.product-manage ul li.active:after{ height:70px; background: #3a73ff;}
.product-manage ul li.active span img:nth-child(1){ opacity: 0; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg);}
.product-manage ul li.active span img:nth-child(2){ opacity: 1; position: absolute; top:0; left:0; transform: rotateY(0deg); -webkit-transform: rotateY(0deg);}
.product-manage ul li.active span{background: linear-gradient(to bottom, #2767ff,#618bff);}
.product-manage ul li.active div p{ display: block;}


.product-manage ul li:last-child{ padding-bottom: 0 !important;}
.product-manage ul li:last-child:after{ height: 0 !important;}

.product-manage .js-tab-box{ margin-left: 500px; margin-right: -20px; position: relative;}
.product-manage .js-tab-box:after{ content: ""; background-image:url(../images/fk_png.png); width: 150px; height: 150px; position: absolute; top:-60px; right: -60px; z-index:0; background-size: cover;}
.product-manage .js-tab-con{ display:none; position: relative; z-index: 1;}
.product-manage .js-tab-con.active{ display: block;}
.product-manage .js-tab-con .img{ position: relative;}

.product-adv{ padding: 90px 0 120px; background-image: url(../images/home_reason_bg.jpg);}
.product-adv ul{ margin-top: 60px;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch; border-radius: 20px; overflow: hidden;}
.product-adv ul li{ width: 20%; padding: 0 1px; display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch;}
.product-adv ul li .box{ width: 100%; position: relative;}
.product-adv ul li .box:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%;  background: linear-gradient(to bottom, rgba(39,103,255,.3), #2767ff);  z-index: 0;}
.product-adv ul li .box .bg img{ width: 100%;}
.product-adv ul li .box .text{ padding:20% 30px; position: absolute; bottom:0; left:0; width: 100%; color: #FFFFFF;}
.product-adv ul li .box .text img{ margin: 0;}
.product-adv ul li .box .tit{  margin-top: 10px; font-size: 24px; font-weight: 600;}
.product-adv ul li .box .line{ margin-top: 12px; width: 22px; height: 4px; background: #FFFFFF;}
.product-adv ul li .box .des{ display: none; margin-top: 25px; font-size: 16px; line-height: 32px;}
.product-adv ul li .box:hover:before{ background: linear-gradient(to bottom, #2767ff,#618bff);}
.product-adv ul li .box:hover .des{ display: block;}


.product-design{ padding: 90px 0 110px;}
.product-design .img{ margin-top: 60px;}
.product-function{ padding: 95px 0 120px; background-image:url(../images/home_reason_bg.jpg);}
.product-function .home-tab{ margin-top: 55px;}
.product-function .home-tab div{ border-radius: 30px;}
.product-function .home-tab span{ font-size: 0; line-height: 60px;border-radius:30px;}
.product-function .home-tab span .img{ position: relative; display: inline-block; vertical-align: middle;}
.product-function .home-tab span .img img:nth-child(1){ opacity: 1;}
.product-function .home-tab span .img img:nth-child(2){ position: absolute; top:0; left:0; opacity: 0; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.product-function .home-tab span i{ font-size: 16px; display: inline-block; vertical-align: middle; font-style: normal;}
.product-function .home-tab span.active .img img:nth-child(1){ opacity: 0; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg);}
.product-function .home-tab span.active .img img:nth-child(2){ opacity: 1; position: absolute; top:0; left:0; transform: rotateY(0deg); -webkit-transform: rotateY(0deg);}
.product-function .content{ margin-top: 80px; position: relative;}
.product-function .swiper-button-next{ right:-6.5%;}
.product-function .swiper-button-prev{ left:-6.5%;}
.swiper-function .swiper-slide{  display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.swiper-function .swiper-slide .text{ width: 48%;}
.swiper-function .swiper-slide .text .tit{ padding-bottom: 22px; color: #222222; font-weight: 600; font-size: 30px; border-bottom: 1px solid rgba(0,0,0,.2);}
.swiper-function .swiper-slide .text .des{ margin-top: 18px; font-size: 18px; line-height: 36px; height: 144px;}
.swiper-function .swiper-slide .text .button-div{ margin-top: 20px;}
.swiper-function .swiper-slide .text .home-button{ margin-right: 15px;}
.swiper-function .swiper-slide .img{ width: 46%;}



.ny-safe{ padding: 90px 0 120px; text-align: center;}
.ny-safe ul{  display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start; }
.ny-safe ul li{ margin-top: 40px; width: 20%;}
.ny-safe ul li img{ max-width: 50%; background: #f4f7ff; border-radius: 100%; overflow: hidden;}
.ny-safe ul li p{ margin-top: 20px; font-size: 18px; color: #333333; font-weight: 600;}
.ny-safe2{ background: #f8f8f8;}
.ny-safe2 ul li img{ background:#FFFFFF;}

.ny-cooperate{ padding: 90px 0 135px; background-image: url(../images/home_cooperate_bg.jpg);}
.ny-cooperate .home-theme{ text-align: left; padding-bottom:50px; border-bottom: 1px solid rgba(0,0,0,.1);}
.ny-cooperate .content{ margin-top: 70px; position: relative;}
.ny-cooperate .tab{ position: absolute; top:0; right:0;}
.ny-cooperate .tab span{ margin-bottom: 17px; display: block; width: 220px; line-height: 52px; border-radius: 26px; font-size: 16px; background:#FFFFFF; color: #222222; text-align: center; cursor: pointer;}
.ny-cooperate .tab span.active{ background: linear-gradient(to right, #608cff, #2766ff); color: #FFFFFF;}
.swiper-cooperate{ max-width: 640px; width: 60%; margin: 0;}
.swiper-cooperate .swiper-slide .tit{ line-height: 50px; position: relative;}
.swiper-cooperate .swiper-slide .tit img{ display: inline-block; vertical-align: middle;}
.swiper-cooperate .swiper-slide .tit span{ margin-left: 15px; font-size: 48px; color: #222222; font-weight:600; display: inline-block; vertical-align: middle;}
.swiper-cooperate .swiper-slide .tit i{ position: absolute; top:0; right:0; font-style: normal; font-size:48px;  font-family: 'Oswald-SemiBold';  background-image:-webkit-linear-gradient(top,#2968ff,#4378ff,#618bff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.swiper-cooperate .swiper-slide .des{ margin-top: 35px; font-size: 24px; line-height: 48px;}


/* ========== */
/* = PRODUCT_DETAIL = */
/* ========== */
.product-detail-pain{ padding: 75px 0 120px; background: url(../images/home_reason_bg.jpg);}
.product-detail-pain .content{ margin-top: 70px; padding: 100px 0; text-align: center; position: relative;}
.product-detail-pain .center{ max-width:33%; display: inline-block;}
.product-detail-pain ul{ position: absolute; top:0; left:0; width: 100%; display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch;}
.product-detail-pain ul:after{ content: ""; background-image:url(../images/fk_png.png); width: 150px; height: 150px; position: absolute; bottom:-20px; right: -50px; z-index:0; background-size: cover;}
.product-detail-pain ul li{ margin:40px 0; width: 33%; max-width: 420px; border-radius: 20px; overflow: hidden; background: #FFFFFF; padding: 25px 30px; text-align: left; position: relative; z-index: 1;}
.product-detail-pain ul li:nth-child(2n){ margin-left: 20%;}
.product-detail-pain ul li img{ margin: 0;}
.product-detail-pain ul li p{ margin-top: 10px; font-size: 16px; line-height: 36px; min-height: 72px; text-align: justify; color: #222222;}
.product-detail-pain ul li:hover{  -webkit-box-shadow:0 0 10px rgba(0,0,0,.05); box-shadow:0 0 10px rgba(0,0,0,.05);}
.product-detail-pain ul li:hover p{ color: #2666ff;}


.product-detail-budget{ padding: 95px 0 115px;}
.product-detail-budget .container{ max-width: 1260px; }
.product-detail-budget ul{display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch; }
.product-detail-budget ul li{ margin-top: 55px; display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch; width: 26%; max-width:270px;}
.product-detail-budget ul li.jt{ width: 5%; align-items:center;}
.product-detail-budget ul li.jt p{ width: 100%; }
.product-detail-budget ul li .box{ padding: 50px 20px 20px; min-height: 440px; width: 100%; border: 1px solid #dddddd; border-radius:15px; text-align: center;}
.product-detail-budget ul li .box .img{ border:1px solid #b8cdff; background: #F8F8F8; border-radius: 100%;  position: relative; display: inline-block;}
.product-detail-budget ul li .box .img img:nth-child(1){ opacity: 1;}
.product-detail-budget ul li .box .img img:nth-child(2){ opacity: 0; position: absolute; top:0; left:0; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.product-detail-budget ul li .box .tit{ margin-top: 10px; font-size: 24px; font-weight: 600; color: #222222;}
.product-detail-budget ul li .box .line{ margin: 30px auto 25px; max-width: 60%; border-bottom: 1px solid #e5e5e5;}
.product-detail-budget ul li .box .des{ max-width: 180px; margin: 0 auto; font-size: 16px; line-height: 36px;}
.product-detail-budget ul li .box .des span{ display: inline-block; position: relative; padding-right:42px;}
.product-detail-budget ul li .box .des span:before{ content: ""; position: absolute; top:50%; right:0; background-image: url(../images/ico_right.png); width: 30px; height: 30px; background-size: cover; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.product-detail-budget ul li .box-img{ width: 100%;display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.product-detail-budget ul li.bigli{ width: 35%; max-width:525px;}
.product-detail-budget ul li .box-ico{ padding: 0; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.product-detail-budget ul li .box-ico .con{ width: 100%;}
.product-detail-budget ul li .box .des2 { max-width: 100%;}
.product-detail-budget ul li .box .des2 span,
.product-detail-budget ul li .box .des strong{ display: inline-block; width: 47%; margin-right: 4%; padding-right: 35px;}
.product-detail-budget ul li .box .des2 span:nth-child(2n),
.product-detail-budget ul li .box .des strong:nth-child(2n){ margin-right: 0;}
.product-detail-budget ul li .box .des strong:nth-child(2n){ padding-right: 0; text-align: left; }
.product-detail-budget .ul-02{ justify-content: center;}
.product-detail-budget .ul-02 .jt{ width:16%;}

.product-detail-budget ul li .box:hover{ border: 1px solid #FFFFFF;  -webkit-box-shadow:0 0 10px rgba(0,0,0,.05); box-shadow:0 0 10px rgba(0,0,0,.05);}
.product-detail-budget ul li .box:hover .img{ background: linear-gradient(to bottom, #2767ff,#618bff);}
.product-detail-budget ul li .box:hover .img img:nth-child(1){ opacity: 0; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg);}
.product-detail-budget ul li .box:hover .img img:nth-child(2){ opacity: 1; position: absolute; top:0; left:0; transform: rotateY(0deg); -webkit-transform: rotateY(0deg);}

.product-detail-adv { padding: 103px 0 120px; background: url(../images/home_reason_bg.jpg);}
.product-detail-adv .container{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.product-detail-adv .img{ max-width: 32%;}
.product-detail-adv .text{ width: 62%;}
.product-detail-adv .text .home-theme{ text-align: left;}
.product-detail-adv .text .line{ margin: 30px 0; width: 100%; border-bottom: 1px solid rgba(0,0,0,.3);}
.product-detail-adv .text .des{ font-size: 18px; line-height: 36px; text-align: justify;}

.product-detail-manage{ padding: 90px 0 115px;}
.product-detail-manage .content{ margin-top: 55px; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.product-detail-manage .text{ width: 49%; font-size: 16px; line-height: 32px; text-align:justify; padding-left: 4%; border-left:1px solid #94b3ff;}
.product-detail-manage .img{ width: 46%;position: relative; }
.product-detail-manage .img:after{ content: ""; background-image:url(../images/fk_png.png); width: 150px; height: 150px; position: absolute; bottom:-60px; right: -60px; z-index:-1; background-size: cover;}
.product-detail-manage .img video{ position: relative; z-index: 1; width: 100%; display: block;}

@media (max-width:1640px){
	.product-manage .tab{ width: 360px;}
	.product-manage .js-tab-box{ margin-left: 370px;}
	.product-adv ul li .box .tit{ font-size: 22px;}
	.product-function .home-tab span{ padding: 0 25px;}

	.swiper-cooperate{ max-width: 620px;}
	.swiper-cooperate .swiper-slide .tit span{ font-size:40px;}
}



@media (max-width:1460px){
	.product-function .home-tab span{ padding: 0 22px; line-height: 56px;}
	.product-function .home-tab span i{ font-size:14px; }
}



@media (max-width:999px){
	/* ========== */
	/* = PRODUCT = */
	/* ========== */
	.product-manage{ padding:1.2rem 0;}
	.product-manage .content{ margin-top: 0.8rem;}
	.product-manage ul{ float: none; width: 100%;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start;}
	.product-manage ul li{  width: 25%; padding-bottom: 0; display: block; text-align: center;}
	.product-manage ul li:after{ display: none;}
	.product-manage ul li span{ display: block; width:1.4rem; margin: 0 auto;}
	.product-manage ul li div{ margin-left:0; padding-top: 0.4rem;}
	.product-manage ul li div i{line-height: 0.666666rem; font-size: 0.4rem; }
	.product-manage ul li div p{ display: none; margin-top: 0.2rem; font-size: 0.32rem; line-height: 0.6rem;}
	.product-manage ul li.active{ padding-bottom: 0;}
	.product-manage .js-tab-box{ margin-top: 0.666666rem; margin-left: 0; margin-right:0;}
	.product-manage .js-tab-box:after{ top:-1rem; right:-1rem; width:2rem; height:2rem;}
	
	.product-adv{ padding: 1.2rem 0;}
	.product-adv ul{ margin-top: 0.8rem; border-radius: 0;}
	.product-adv ul li{width:50%; padding: 1px;}
	.product-adv ul li .box .text{ padding:3rem 0.4rem 0.6rem;}
	.product-adv ul li .box .text img{ width: 1.1rem;}
	.product-adv ul li .box .tit{  margin-top: 0.3rem; font-size: 0.4rem;}
	.product-adv ul li .box .line{ margin-top: 0.3rem; }
	.product-adv ul li .box .des{ margin-top: 0.3rem; font-size: 0.32rem; line-height: 0.6rem;}
	
	.product-design{ padding: 1.2rem 0;}
	.product-design .img{ margin-top: 0.8rem;}
	.product-function{ padding: 1.2rem 0;}
	.product-function .home-tab{ margin-top: 0.8rem; border-radius: 0.5rem;}
	.product-function .home-tab span{ width: 50%; line-height: 1rem; border-radius: 0.5rem;}
	.product-function .home-tab span .img{ width: 0.6rem;}
	.product-function .home-tab span i{ font-size: 0.32rem; } 
	.product-function .content{ margin-top: 1.066666rem;}
	.product-function .swiper-button-next,
	.product-function .swiper-button-prev{ display: none;}
	.swiper-function .swiper-slide .text{ width: 100%;}
	.swiper-function .swiper-slide .text .tit{ padding-bottom: 0.4rem; font-size: 0.4rem;}
	.swiper-function .swiper-slide .text .des{ margin-top: 0.266666rem; font-size: 0.38rem; line-height: 0.76rem; height:3rem;}
	.swiper-function .swiper-slide .text .button-div{ margin-top: 0.266666rem; text-align: center;}
	.swiper-function .swiper-slide .text .home-button{ margin:0 0.133333rem;}
	.swiper-function .swiper-slide .img{ width: 100%; margin-top: 0.666666rem;}
	
	.ny-safe{ padding: 1.2rem 0;}
	.ny-safe ul { justify-content:center;}
	.ny-safe ul li{ margin-top: 0.8rem; width:33.33%;}
	.ny-safe ul li img{ max-width: 1.6rem;}
	.ny-safe ul li p{ margin-top: 0.266666rem; font-size: 0.36rem;}
	
	.ny-cooperate{ padding: 1.2rem 0;}
	.ny-cooperate .home-theme{ padding-bottom: 0.4rem; text-align: center;}
	.ny-cooperate .content{ margin-top: 0.8rem;}
	.ny-cooperate .tab{ position: relative; top:auto; right:auto; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; }
	.ny-cooperate .tab span{ display: inline-block; width: auto; padding: 0 0.35rem; line-height: 1rem; font-size: 0.32rem;}
	.swiper-cooperate{ margin-top:0.8rem; max-width: 100%; width: 100%;}
	.swiper-cooperate .swiper-slide .tit{ line-height: 0.8rem;}
	.swiper-cooperate .swiper-slide .tit img{ width: 0.65rem;}
	.swiper-cooperate .swiper-slide .tit span{ margin-left: 0.2rem; font-size: 0.62rem;}
	.swiper-cooperate .swiper-slide .tit i{ font-size: 0.62rem;}
	.swiper-cooperate .swiper-slide .des{ margin-top: 0.6rem; font-size: 0.38rem; line-height: 0.76rem;}
	
	/* ========== */
	/* = PRODUCT_DETAIL = */
	/* ========== */
	.product-detail-pain{ padding: 1rem 0;}
	.product-detail-pain .content{ margin-top: 0.8rem; padding: 0 ;}
	.product-detail-pain .center{ display: none;}
	.product-detail-pain ul{ position: relative;}
	.product-detail-pain ul:after{ bottom:-0.4rem; right:-1rem; width:2rem; height:2rem;}
	.product-detail-pain ul li{ margin:0.3rem 0; width: 100%;}
	.product-detail-pain ul li:nth-child(2n){ margin-left: 0%;}
	.product-detail-pain ul li img{ width: 1rem;}
	.product-detail-pain ul li p{ margin-top: 0.2rem; font-size: 0.38rem; line-height: 0.76rem; min-height: 0; }
	
	.product-detail-budget{ padding: 1.2rem 0;}
	.product-detail-budget ul li{ width: 100%; margin-top: 0.666666rem; max-width: 100%;}
	.product-detail-budget ul li.bigli{ width: 100%;}
	.product-detail-budget ul li.jt{ display: none;}
	.product-detail-budget ul li .box{ min-height:8rem;}
	.product-detail-budget ul li .box .img{ width: 1.7rem;}
	.product-detail-budget ul li .box .tit{ font-size: 0.44rem; }
	.product-detail-budget ul li .box .line{ margin: 0.4rem auto;}
	.product-detail-budget ul li .box .des {font-size: 0.38rem; line-height: 0.76rem;}
	.product-detail-budget ul li .box .des p:before{ width: 0.4rem; height: 0.4rem;}
	
	.product-detail-adv { padding: 1.2rem 0;}
	.product-detail-adv .img{ max-width: 100%;}
	.product-detail-adv .text{ margin-top: 0.8rem; width: 100%;}
	.product-detail-adv .text .line{ margin: 0.4rem 0;}
	.product-detail-adv .text .des{font-size: 0.38rem; line-height: 0.72rem;}
	
	.product-detail-manage{ padding: 1.2rem 0;}
	.product-detail-manage .content{ margin-top: 0.8rem;}
	.product-detail-manage .text{ width: 100%; font-size: 0.38rem; line-height: 0.76rem;}
	.product-detail-manage .img{ margin-top: 0.8rem; width: 100%;}
	.product-detail-manage .img:after{  bottom:-1rem; right:-1rem; width:2rem; height:2rem;}
}



/* ========== */
/* = SOLUTION = */
/* ========== */
.solution-logobox{ position: absolute; bottom:70px; left:0; width: 100%;}
.swiper-solution-logobox{ padding: 0 5%;}

.solution-pain{ padding: 70px 0 107px; background: #f8f8f8;}
.solution-pain li{  margin-top: 46px;}
.solution-pain li .box{ cursor:pointer; padding: 15px 60px; background: #ffffff; min-height: 110px; border-radius: 0 55px 55px 55px;}
.solution-pain li .box .tit{  display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; position: relative; }
.solution-pain li .box .tit:before{ content: ""; position: absolute; top:50%; left:-35px; width: 20px; height: 20px; background: #ececef; border-radius: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.solution-pain li .box .tit span{ font-size: 18px; color: #222222; font-weight: 600;}
.solution-pain li .box .tit i{ font-size: 24px; font-style: normal; color: #2666ff;  font-family: 'Oswald-SemiBold';}
.solution-pain li .box .line{ margin: 10px 0; border-bottom: 1px solid #e5e5e5;}
.solution-pain li .box .des{line-height: 24px;}
.solution-pain li{ display: inline-block;}
.solution-pain li:nth-child(1){ width: 40%;}
.solution-pain li:nth-child(2){ margin-left: 12%; width: 30%;}
.solution-pain li:nth-child(3){ margin-left: 10%; width: 46%;}
.solution-pain li:nth-child(4){  margin-left: 5%; width: 24%;}
.solution-pain li:nth-child(5){ width: 28%;}
.solution-pain li:nth-child(6){ float: right; width: 48%;}
.solution-pain li .box:hover{  -webkit-box-shadow:0 0 10px rgba(0,0,0,.05); box-shadow:0 0 10px rgba(0,0,0,.05);}
.solution-pain li .box:hover .tit:before{ background: #2666ff;}
.solution-pain li .box:hover .tit span{ color: #2666ff;}

.solution-box{ padding: 95px 0 120px;}
.solution-box .des{ margin-top: 35px; text-align: center; font-size: 16px; line-height: 32px; color: #222222;}
.solution-box .img-content{ margin-top: 25px;}
.solution-list{  display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch;}
.solution-list li{ margin-top: 95px; width: 18.5%;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch;}
.solution-list li .box{ width:100%; border: 1px solid #DDDDDD; border-radius: 10px; overflow: hidden;}
.solution-list li .box .img{ position: relative;}
.solution-list li .box .img img{ width: 100%;}
.solution-list li .box .img span{ position: absolute; bottom: -25px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.solution-list li .box .text{ padding: 45px 20px 40px; line-height: 28px; color: #222222; text-align: justify;}
.solution-list li .box:hover{ border: 1px solid #FFFFFF; -webkit-box-shadow:0 5px 10px rgba(0,0,0,.05); box-shadow:0 5px 10px rgba(0,0,0,.05);}

@media (max-width:1640px){
	.solution-pain li:nth-child(1){ width: 48%;}
	.solution-pain li:nth-child(2){ margin-left: 4%; width: 35%;}
	.solution-pain li:nth-child(3){ margin-left:3%; width: 54%;}
	.solution-pain li:nth-child(4){  margin-left: 5%; width: 30%;}
	.solution-pain li:nth-child(5){ width: 34%;}
	.solution-pain li:nth-child(6){ width: 56%;}
}

@media (max-width:999px){
	/* ========== */
	/* = SOLUTION = */
	/* ========== */
	.solution-logobox{bottom:0.2rem;}
	
	.solution-pain{ padding: 1.2rem 0;}
	.solution-pain li{ margin-top: 0.8rem;}
	.solution-pain li .box{ padding: 0.3rem 0.9rem 0.266666rem 0.7rem; }
	.solution-pain li .box .tit:before{ left:-0.5rem; width: 0.266666rem; height: 0.266666rem;}
	.solution-pain li .box .tit span{ font-size: 0.36rem;}
	.solution-pain li .box .tit i{ font-size: 0.36rem; }
	.solution-pain li .box .des{ line-height:0.6rem; font-size: 0.32rem;}
	.solution-pain li:nth-child(1),
	.solution-pain li:nth-child(2),
	.solution-pain li:nth-child(3),
	.solution-pain li:nth-child(4),
	.solution-pain li:nth-child(5),
	.solution-pain li:nth-child(6){ width: 100%; margin-left: 0;}
	
	.solution-box{ padding: 1.2rem 0;}
	.solution-box .des{ margin-top: 0.533333rem; font-size: 0.34rem; line-height: 0.68rem;}
	.solution-box .img-content{ margin-top: 0.4rem;}
	.solution-list li{ margin-top: 0.8rem; width:100%;}
	.solution-list li .box .text{ font-size: 0.34rem; line-height: 0.68rem;}
}



/* ========== */
/* = NEWS = */
/* ========== */
.news{ padding:80px 0 120px; background: #f8f8f8;}
.news .container{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start; }
.news .left{ width: 68%;}
.news .right{ width: 27.8%;}
.news .home-tab{ margin-bottom: 60px;}
.news-list{ margin-bottom: 80px;}
.news-list li{ margin-bottom:40px;}
.news-list li a{ position: relative; border-radius: 12px; padding: 20px 185px 20px 20px; background: #FFFFFF; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.news-list li .img{ width: 33%; border-radius: 5px; overflow: hidden;}
.news-list li .img img{ width: 100%;}
.news-list li .text{ width: 62%;}
.news-list li .text .tit{  font-size: 18px; color: #222222; font-weight:600; }
.news-list li .text .des{ margin-top: 25px; line-height: 28px; height:56px; overflow: hidden;}
.news-list li .date{ position:absolute; right:0; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 140px; text-align: center; font-size: 18px; color: #999999; padding: 20px 0; border-left: 1px solid #e5e5e5;  font-family: 'Oswald-SemiBold';}
.news-list li .date span{ margin-bottom: 8px; display: block; font-size:30px; color: #666666; font-weight: 600;}
.news-list li a:hover{ -webkit-box-shadow:0 5px 10px rgba(0,0,0,.05); box-shadow:0 5px 10px rgba(0,0,0,.05);}
.news-list li a:hover .img img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.news-list li a:hover .text .tit{ color: #2666ff;}

.news-rightbox{ margin-bottom: 30px;}
.news-rightbox .theme{ font-size: 24px; color: #222222; font-weight: 600;}
.news-rightbox ul{ margin-top: 20px;}
.news-rightbox li a{  padding: 20px 0; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; border-bottom: 1px solid #dfdfdf;}
.news-rightbox li:last-child a{ border-bottom: none;}
.news-rightbox li .img{ width: 36%; border-radius: 5px; overflow: hidden;  border: 1px solid #DDDDDD;}
.news-rightbox li .img img{ width: 100%;}
.news-rightbox li .text{ width: 60%;}
.news-rightbox li .text .tit{ font-size: 16px; line-height: 24px; color: #222222; height: 48px; overflow: hidden;}
.news-rightbox li .text .date{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.news-rightbox li .text .date span{ position: relative; display: inline-block; font-size: 16px; padding-left:25px; color: #999999;}
.news-rightbox li .text .date span:after{ content:""; position: absolute; top:50%; left:-5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-image:url(../images/ico_date.png); background-size: cover; width: 30px; height: 30px;}
.news-rightbox li .text .date i{ display: inline-block; width: 40px; height: 40px; background-image: url(../images/arrows.png); background-size: cover;}
.news-rightbox li a:hover .img img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.news-rightbox li a:hover .text .tit{ color: #2666ff;}

.news-right-tip .theme{ padding-bottom: 15px; border-bottom: 1px solid #dfdfdf; font-size: 20px; font-weight: 600; color: #333333;}
.news-right-tip .tipcon{ margin: 20px -5px 0;  display: flex; flex-flow: wrap; justify-content:flex-start; align-items:center;}
.news-right-tip .tipcon a{ line-height: 34px; padding: 0 15px; display: inline-block; background: #f8f8f8;  border: 1px solid #DDDDDD; border-radius: 4px; overflow: hidden; color: #333333; margin: 5px;}
.news-right-tip .tipcon a:hover{ color: #2b6cf4;}

.jh-text{ padding:40px 0;}
.jh-text h2{ font-size: 24px; font-weight: 600; color: #222222; }
.jh-text .text{ margin-top: 20px; font-size: 16px; line-height: 32px; color: #333333;}

/* ========== */
/* = NEWS_DETAIL = */
/* ========== */
.news-detail{ margin-top: 35px; background: #FFFFFF; padding: 50px 40px; border-radius: 20px; overflow: hidden;}
.news-detail .title{ font-size: 30px; color: #000000; font-weight:600;}
.news-detail .date{ margin-top: 35px; position: relative; display: inline-block; padding-left:25px;}
.news-detail .date:after{ content:""; position: absolute; top:50%; left:-5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-image:url(../images/ico_date.png); background-size: cover; width: 30px; height: 30px;}
.news-detail .detail{ margin-top: 15px; padding-top: 30px; border-top: 1px solid #e5e5e5; font-size: 16px; line-height: 32px;}
.news-detail .detail .tip{ font-weight: 600; color: #2666ff; }

.news-flip{ margin-top:15px; padding-top:20px; border-top: 1px solid #dfdfdf; display: flex; flex-flow: wrap; justify-content:space-between; align-items:center;}
.news-flip a{ max-width: 46%; display: block; line-height: 30px; font-size: 16px; }
.news-flip a:hover{ color:#2b6cf4;}

.news-detial-tip{ margin-top:60px; position: relative; min-height: 34px; line-height: 34px; padding-left: 90px;}
.news-detial-tip a{ margin-right: 7px;line-height: 34px; padding: 0 23px; display: inline-block; background: #f8f8f8;  border: 1px solid #DDDDDD; border-radius: 4px; overflow: hidden; color: #333333;}
.news-detial-tip span{ position:absolute; top:0; left:0; font-size: 16px; color: #2a6cf4;}


@media (max-width:999px){ 
	/* = NEWS = */
	/* ========== */
	.news{ padding:1.2rem 0;}
	.news .left{ width: 100%;}
	.news .right{ width:100%;}
	 
	.news .home-tab{ margin-bottom: 0.8rem;}
	.news-list{ margin-bottom:1.066666rem;}
	.news-list li{ margin-bottom:0.533333rem;}
	.news-list li a{ border-radius: 0.16rem; padding: 0.32rem;}
	.news-list li .img{ width: 38%;}
	.news-list li .text{ width: 57%;}
	.news-list li .text .tit{  font-size: 0.4rem;}
	.news-list li .text .des{ margin-top: 0.2rem; font-size: 0.34rem; line-height: 0.6rem; height:1.2rem;}
	.news-list li .date{ display: none;} 
	
	.news-rightbox{  margin-top: 1.2rem; margin-bottom: 1.2rem;}
	.news-rightbox .theme{ font-size: 0.5rem;}
	.news-rightbox ul{ margin-top: 0.266666rem;}
	.news-rightbox li a{  padding: 0.266666rem 0; }
	.news-right-tip .theme{ padding-bottom: 0.266666rem; font-size:0.46rem;}
	
	
	/* ========== */
	/* = NEWS_DETAIL = */
	/* ========== */
	.news-detail{ margin-top: 0.666666rem; padding: 0.666666rem;}
	.news-detail .title{ font-size:0.46rem; }
	.news-detail .detail{ margin-top:0.4rem; padding-top:0.4rem; font-size: 0.32rem; line-height: 0.613333rem;}
	
	.news-flip{ margin-top:0.4rem; padding-top:0.4rem;}
	.news-flip a{ max-width: 100%; width: 100%;}
	.news-detial-tip{ margin-top:1rem; }

	.jh-text{ padding:0.8rem 0;}
	.jh-text h2{ font-size: 0.4rem; }
	.jh-text .text{ margin-top: 0.266666rem; font-size: 0.34rem; line-height: 0.64rem;}
	
}




/* ========== */
/* = CASE = */
/* ========== */
.case{ padding: 60px 0 100px;}
.case-list{ margin: 115px -20px 20px;  display: flex; flex-flow: wrap;  justify-content:flex-start; align-items: center;}
.case-list li{ padding: 0 20px; margin-bottom: 60px; width: 33.3333%;}
.case-list li a{ display: block; overflow: hidden; border: 1px solid #e7e7e7; border-radius:16px;}
.case-list li .img{ position: relative; overflow: hidden;}
.case-list li .img:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.case-list li .img img{ width: 100%;}
.case-list li .img span{ position: absolute; max-width: 40%; z-index: 1; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);}
.case-list li .text{ padding: 40px;}
.case-list li .text .tit{ font-weight:600; text-align: center; font-size: 24px; color: #222222;}
.case-list li .text .des{ margin-top: 20px; font-size: 16px; line-height: 32px; height: 128px; overflow: hidden;}
.case-list li .text .home-button{ margin-top: 30px; width: 100%;}
.case-list li a:hover .tit{ color: #2666ff;}
.case-list li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.case-list li a:hover .img:after{ display: none;}
.case-list li a:hover .img span{ display: none;}
.case-list li a:hover .text .home-button{ background: linear-gradient(to right, #608cff, #2766ff); color: #FFFFFF;}
.case-list li a:hover .text .home-button:after{ background-image: url(../images/jt2.png); }

.case-logo-list{ margin: 90px -20px 0;  display: flex; flex-flow: wrap;  justify-content:flex-start; align-items: center;}
.case-logo-list li{ padding:20px; width:16.66666%;}
.case-logo-list li div{ border: 1px solid #e2e2e2; border-radius: 10px;}


/* ========== */
/* = CASE-DETAIL = */
/* ========== */
.case-detail{ padding:70px 0 120px; background-image: url(../images/case_detail_bg.jpg);}
.case-detail .box{ background: #FFFFFF; border-radius: 16px; overflow: hidden; margin-top: 28px; padding: 50px 40px 40px;}
.case-detail .box .home-theme{ text-align: left; padding-bottom:40px; border-bottom: 1px solid rgba(0,0,0,.1);}
.case-detail .box .des{ margin-top: 25px; font-size: 18px; line-height: 36px; text-align: justify;}
.case-detail-solution{ margin-top: 110px;}
.case-detail-solution .content{ margin-top: 60px; display: flex; flex-flow: wrap;  justify-content:space-between; align-items: center; }
.case-detail-solution .content .img{ width: 47%; border-radius: 15px; overflow: hidden;}
.case-detail-solution .content .img img{ width: 100%;}
.case-detail-solution .content .text{ width: 48%; position: relative; font-size: 16px; line-height: 36px; padding-top: 30px;}
.case-detail-solution .content .text:before{ content: ""; position: absolute; top:0; left:0; width: 60px; height: 6px;  background: linear-gradient(to right, #608cff, #2766ff);}
.case-detail-solution .img-content{ margin-top: 110px;}

.more-case{ padding: 90px 0 95px;}
.more-case .case-logo-list{ margin-top: 40px;}

.case-effect{ background: #f8f8f8;}
.case-effect .container{  display: flex; flex-flow: wrap;  justify-content:space-between; align-items: center;}
.case-effect .text{ width: 52%; padding-right: 5%;}
.case-effect .text .home-theme{ text-align: left; padding-bottom:30px; border-bottom: 1px solid rgba(0,0,0,.1);}
.case-effect .text .des{ margin-top: 25px; font-size: 16px; line-height: 36px; text-align: justify;}
.case-effect .img{ width: 68%; margin-right: -20%;}
.case-effect .img img{ width: 100%;}

 

@media (max-width:999px){
	
	/* ========== */
	/* = CASE = */
	/* ========== */
	.case{ padding: 0.3rem 0 1.2rem;}
	.case-list{ margin: 1rem 0 0; }
	.case-list li{ padding: 0; margin-bottom: 0.8rem; width: 100%;}
	.case-list li a{ border-radius:0.266666rem;}
	.case-list li .text{ padding: 0.666666rem;}
	.case-list li .text .tit{ font-size: 0.4rem;}
	.case-list li .text .des{ margin-top: 0.266666rem; font-size: 0.34rem; line-height: 0.68rem; height: 2.72rem;}
	.case-list li .text .home-button{ margin-top: 0.4rem;}
	
	.case-logo-list{ margin: 1.2rem -0.2rem 0;}
	.case-logo-list li{ padding:0.2rem; width:33.333333%;}
	.case-logo-list li div{ border-radius: 0.186666rem;}
	
	/* ========== */
	/* = CASE-DETAIL = */
	/* ========== */
	.case-detail{ padding:1.2rem 0;}
	.case-detail .box{  margin-top:0.533333rem; padding: 0.533333rem;}
	.case-detail .box .home-theme{  padding-bottom:0.4rem; }
	.case-detail .box .des{ margin-top:0.4rem;  font-size: 0.34rem; line-height: 0.68rem; }
	.case-detail-solution{ margin-top: 1.2rem;}
	.case-detail-solution .content{ margin-top: 0.8rem;}
	.case-detail-solution .content .img{ width: 100%;}
	.case-detail-solution .content .text{ margin-top:0.8rem; width: 100%; font-size: 0.34rem; line-height: 0.68rem;}
	.case-detail-solution .img-content{ margin-top: 1.2rem;}
	
	.more-case{ padding: 1.2rem 0;}
	.more-case .case-logo-list{ margin-top:0.8rem;}
	
	.case-effect .text{ width: 100%; padding-right:0;}
	.case-effect .text .home-theme{  text-align: center; padding-bottom: 0.4rem;}
	.case-effect .text .des{  margin-top:0.4rem;  font-size: 0.34rem; line-height: 0.68rem;}
	.case-effect .img{ margin-top: 0.8rem; width: 100%; margin-right: 0%;}
	
	

	
}

/* ========== */
/* = PLAN = */
/* ========== */
.plan{ padding: 75px 0 95px;}
.plan .home-tab div{ background: #f8f8f8;}
.plan-list{ margin: 40px -20px 56px; display: flex; flex-flow: wrap;  justify-content:flex-start; align-items: stretch;}
.plan-list li { padding: 20px; width: 33.33333%;}
.plan-list li .box{ border: 1px solid #DDDDDD; border-radius: 12px; overflow: hidden;}
.plan-list li .box .img{ display: block; overflow: hidden;}
.plan-list li .box .img img{ width: 100%;}
.plan-list li .text{ padding: 25px 28px;}
.plan-list li .text .tit{ font-size: 16px; line-height: 32px; height: 64px; overflow: hidden; color: #222222;} 
.plan-list li .text .line{ margin: 30px 0 15px; border-bottom: 1px solid #DDDDDD;}
.plan-list li .text .bt-div{ display: flex; flex-flow: wrap; justify-content:space-between; align-items: center;}
.plan-list li .text .bt-div span{ position: relative; display: inline-block; padding-left:25px; color: #999999;}
.plan-list li .text .bt-div span:after{ content:""; position: absolute; top:50%; left:-5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-image:url(../images/ico_date.png); background-size: cover; width: 30px; height: 30px;}
.plan-list li .text .bt-div .button{ display: inline-block; width: 30px; height: 30px; background-image: url(../images/ico_down.png);}
.plan-list li .box:hover{ border: 1px solid #FFFFFF;-webkit-box-shadow:0 0 14px rgba(0,0,0,.08); box-shadow:0 0 14px rgba(0,0,0,.08);}
.plan-list li .box:hover .img img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.plan-list li .box:hover .text .tit{ color: #2666ff;}
.plan-list li .box:hover .text .bt-div span{ color: #2666ff;}
.plan-list li .box:hover .text .bt-div span:after{ background-image: url(../images/ico_date_blue.png);}
.plan-list li .box:hover .text .bt-div .button{ background-image: url(../images/ico_down_blue.png);}

@media (max-width:999px){
	/* ========== */
	/* = PLAN = */
	/* ========== */
	.plan{ padding: 1.2rem 0;}
	.plan-list{ margin: 0.8rem 0; }
	.plan-list li { margin-bottom: 0.8rem; padding:0; width: 100%;}
	.plan-list li .box .img img{ width: 100%;}
}



/* ========== */
/* = ABOUT = */
/* ========== */
.about-box{ padding: 90px 0 163px; background: #f8f8f8;}
.about-box .content{ margin-top: 55px; display: flex; flex-flow: wrap;  justify-content:space-between; align-items: center;} 
.about-box .content .text{ width: 48%;}
.about-box .content .text .tit{ font-size: 48px; font-weight: 600; color: #222222;}
.about-box .content .text .tip{ margin-top: 10px; font-size: 24px; color: #222222;}
.about-box .content .text .des{ margin-top: 40px; font-size: 16px; line-height: 32px; text-align: justify;}
.about-box .content .img{ width: 47%; border-radius: 15px; overflow: hidden;}
.about-box .content .img img{ width: 100%;}

.about-culture{ padding: 90px 0 120px;}
.about-culture .content{ margin: 54px -5px 0; display: flex; flex-flow: wrap;  justify-content:space-between; align-items: stretch;}
.about-culture .left{ width: 45%;}
.about-culture ul{  display: flex; flex-flow: wrap; justify-content:space-between; align-items: stretch;}
.about-culture li{ width: 50%; padding:5px; display: flex; flex-flow: wrap; justify-content:space-between; align-items: stretch;}
.about-culture .text-box{ width: 100%; border: 1px solid #dddddd; border-radius: 10px; overflow: hidden; padding: 25px 30px 0;}
.about-culture .text-box .tit{ padding-bottom: 12px; border-bottom: 1px solid #e5e5e5;  display: flex; flex-flow: wrap; justify-content:space-between; align-items: center; font-size: 24px; }
.about-culture .text-box .tit span{ color: #222222; font-weight: 600;}
.about-culture .text-box .tit i{ font-style: normal; color: #2666ff;  font-family: 'Oswald-SemiBold';}
.about-culture .text-box .des{ margin-top: 12px; font-size: 16px; line-height: 32px; text-align: justify;}
.about-culture .text-box:hover{ color: #FFFFFF; background: linear-gradient(to right, #608cff, #2766ff);}
.about-culture .text-box:hover .tit{ border-bottom: 1px solid rgba(255,255,255,.2);}
.about-culture .text-box:hover .tit span{ color: #FFFFFF;}
.about-culture .text-box:hover .tit i{color: #FFFFFF;}
.about-culture .img-box{  width: 100%; border-radius: 10px; overflow: hidden;}
.about-culture .right{ padding: 5px; width: 55%;  display: flex; flex-flow: wrap; justify-content:space-between; align-items: stretch;}
.about-culture .right.pc-block{ display: flex;}
.about-culture .right.mb-block{ display: none;}
.about-culture .big-img{ width: 100%;  border-radius: 10px; overflow: hidden;}

.about-ceo{ padding: 95px 0 120px; background-image: url(../images/ceo_bg.jpg); }
.about-ceo .content{ margin-top: 50px;}
.about-ceo .content img{ float: left;}
.about-ceo .content .text{ margin-left: 203px; position: relative; padding: 50px 55px; font-size: 18px; line-height: 36px; background: rgba(255,255,255,.9); border-radius: 20px;} 
.about-ceo .content .text:before{ content: ""; position: absolute; left:-25px; top:50px; width: 0; height: 0; border-top: 25px solid transparent;  border-right:25px solid rgba(255,255,255,.9);  border-bottom: 25px solid transparent;}

@media (max-width:1600px){
	.about-culture .text-box{ padding: 25px 25px 0;}
	.about-culture .text-box .tit{ font-size: 20px;}
	.about-culture .text-box .des{ font-size: 14px; line-height: 28px;}
	
}

@media (max-width:999px){
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.about-box{ padding: 1.2rem 0;}
	.about-box .content{ margin-top: 0.8rem; } 
	.about-box .content .text{ width: 100%;}
	.about-box .content .text .tit{ font-size: 0.666666rem; }
	.about-box .content .text .tip{ margin-top: 0.25rem; font-size: 0.4rem;}
	.about-box .content .text .des{ margin-top: 0.533333rem; font-size: 0.34rem; line-height: 0.68rem;}
	.about-box .content .img{ margin-top: 0.666666rem; width: 100%;}
	
	.about-culture{ padding: 1.2rem 0;}
	.about-culture .content{ margin-top:0.8rem;}
	.about-culture .left{ width: 100%;}
	.about-culture li{ width: 50%; }
	.about-culture .text-box{ padding: 0.266666rem; border-radius: 0.133333rem;}
	.about-culture .text-box .tit{ padding-bottom: 0.2rem; font-size:0.373333rem; }
	.about-culture .text-box .des{ margin-top: 0.2rem; font-size: 0.28rem; line-height: 0.54rem; }
	.about-culture .img-box{ border-radius: 0.133333rem;}
	.about-culture .right{ width: 100%; }
	.about-culture .right.pc-block{ display: none;}
	.about-culture .right.mb-block{ display: block;}
	.about-culture .big-img{ height: 4rem; border-radius: 0.133333rem;}
	
	.about-ceo{ padding: 1.2rem 0 ; }
	.about-ceo .content{ margin-top: 0.8rem;}
	.about-ceo .content img{ width: 1.5rem; float: none;}
	.about-ceo .content .text{ margin-left:0; margin-top: 0.666666rem; padding: 0.666666rem; font-size: 0.34rem; line-height: 0.68rem;  border-radius: 0.266666rem;} 
	.about-ceo .content .text:before{ display: none;}
	
}



/* ========== */
/* = CONTACT = */
/* ========== */
.contact{ padding: 75px 0 100px;}
.contact-box { margin-top: 60px; display: flex; flex-flow: wrap;  justify-content:flex-start; align-items: stretch; border-radius: 20px;  border: 1px solid #dddddd;  overflow: hidden;}
.contact-box .allmap{ width: 50%;}
.contact-box .allmap img{ max-width:1000%;} 
.contact-box .allmap .anchorBL{ display: none; }
.contact-box .text{ width: 50%;padding: 4% 2% 4% 5%;}
.contact-box .text p{ margin:8% 0; font-size: 24px; position: relative; padding-left: 55px;}
.contact-box .text p span{ font-weight: 600; color: #222222;}
.contact-box .text p:before{ content: ""; position: absolute; top:50%; left:0; width: 40px; height: 40px; background-size: cover;  transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.contact-box .text p:nth-child(1):before{ background-image: url(../images/ico_contact_1.png);}
.contact-box .text p:nth-child(2):before{ background-image: url(../images/ico_contact_2.png);}
.contact-box .text p:nth-child(3):before{ background-image: url(../images/ico_contact_3.png);}

.contact-list{ margin: 100px -18px 0;  display: flex; flex-flow: wrap;  justify-content:flex-start; align-items: stretch;}
.contact-list li{ padding: 18px; width: 33.3333%;}
.contact-list li .box{ border: 1px solid #dddddd; padding: 30px 36px; border-radius: 15px;}
.contact-list li .box .tit{ font-size: 24px; font-weight: 600; color: #222222; position: relative; padding-left: 15px; padding-right: 60px;}
.contact-list li .box .tit:after{ content: "";  position: absolute; top:50%; right:0; width: 30px; height: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-image: url(../images/ico_address.png); background-size: cover;}
.contact-list li .box .tit:before{ content: ""; position: absolute; top:50%; left:0; width: 4px; height: 24px; transform: translateY(-50%); -webkit-transform: translateY(-50%);  background: #2666ff;}
.contact-list li .box .line{ margin: 15px 0; width: 100%; border-bottom: 1px solid #DDDDDD;}
.contact-list li .box .des{ font-size: 18px; line-height: 32px; min-height: 96px;}
.contact-list li .box:hover{ border: 1px solid #FFFFFF;-webkit-box-shadow:0 0 14px rgba(0,0,0,.08); box-shadow:0 0 14px rgba(0,0,0,.08);}
.contact-list li .box:hover .tit{ color: #2666ff;}

@media (max-width:999px){
	/* ========== */
	/* = CONTACT = */
	/* ========== */
	.contact{ padding: 1.2rem 0;}
	.contact-box { margin-top: 0.8rem; }
	.contact-box .allmap{ width: 100%; height: 6rem;}
	.contact-box .text{ width: 100%; padding: 0.533333rem;}
	.contact-box .text p{ margin:0.5rem 0; font-size: 0.42rem; line-height: 0.8rem; padding-left: 1rem;}
	.contact-box .text p span{ display: block;}
	.contact-box .text p:before{ width: 0.8rem; height: 0.8rem;}
	
	.contact-list{ margin: 1rem 0 0; }
	.contact-list li{ padding: 0; width: 100%; margin-top: 0.666666rem;}
	.contact-list li .box{  padding: 0.8rem;}
	.contact-list li .box .tit{ font-size: 0.46rem; }
	.contact-list li .box .tit:before{ height: 0.46rem;}
	.contact-list li .box .tit:after{ width: 0.666666rem; height: 0.666666rem;}
	.contact-list li .box .des{ font-size: 0.36rem; line-height: 0.72rem; min-height: 0;}
	
}



/* ========== */
/* = apply = */
/* ========== */
.apply{ padding: 250px 0 290px; background-image: url(../images/apply_bg.jpg);}
.apply .container{  display: flex; flex-flow: wrap;  justify-content:space-between; align-items: center;}
.apply .text{ width: 46%; max-width: 480px;}
.apply .text .home-theme{ text-align: left;}
.apply .text ul{ margin-top: 30px; max-width:440px;}
.apply .text ul li{ line-height: 58px; border-radius: 29px; overflow: hidden; padding-left: 15px; cursor: pointer; font-size: 18px;}
.apply .text ul li p{ padding-left: 14px; position: relative;}
.apply .text ul li p:before{ content: ""; position: absolute; top:50%; left:0; margin-top: -2px; width: 4px; height: 4px; background: #666666; border-radius: 100%; overflow: hidden;}
.apply .text ul li:hover{background: #f9fafb; color: #2666ff;}
.apply .text ul li:hover p:before{ background: #2666ff; }
.apply .text .tel{ margin-top: 50px;}
.apply .text .tel p{ font-size: 18px; font-weight: 600; color: #222222;}
.apply .text .tel span{ margin-top: 20px; display: block; position: relative; padding-left: 73px; font-size: 48px; color:#2666ff; font-family: 'Oswald-SemiBold';}
.apply .text .tel span:before{ content: ""; position: absolute; top:50%; left:0; width: 60px; height: 60px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-image:url(../images/apply_tel.png); background-size: cover;}

.apply-form{ width: 50%; background:#FFFFFF; border-radius: 18px; overflow: hidden; padding:60px 60px 50px;}
.apply-form .tit{ font-weight: 600; font-size: 24px; color: #222222; text-align: center;}
.apply-form .des{ margin-top: 15px; font-size: 16px; color: #222222; text-align: center;}
.apply-form .con{ margin-top: 35px;}
.apply-form .in{ margin-bottom: 10px; position: relative; border: 1px solid #eeeeee; border-radius:10px; padding-left: 45px; background: #f8f8f8;}
.apply-form .in:before{ content: ""; position: absolute; top:50%; margin-top: -15px; left:10px; width: 30px; height: 30px;}
.apply-form .in:nth-child(1):before{ background-image: url(../images/ico_apply_01.png);}
.apply-form .in:nth-child(2):before{ background-image: url(../images/ico_apply_02.png);}
.apply-form .in:nth-child(3):before{ background-image: url(../images/ico_apply_03.png);}
.apply-form .in-code .in:before{ background-image: url(../images/ico_apply_04.png);}
.apply-form .in input{ width: 100%; line-height: 50px; border: none; background: none; font-size:16px;}
.apply-form .in-code{ padding-right: 180px; position: relative;}
.apply-form .in-code .code{ position: absolute; top:0; right:0; display: block; line-height: 50px; border: 1px solid #2666ff; border-radius: 5px; color: #2666ff; font-size: 18px; width: 170px; text-align: center;}
.apply-form .submit{ margin-top: 20px; display: block; width: 100%; line-height: 60px; font-size:16px; border-radius: 8px; background: linear-gradient(to right, #608cff, #2766ff); color: #FFFFFF;}


@media (max-width:999px){
	/* ========== */
	/* = apply = */
	/* ========== */
	.apply{ padding:3rem 0 1.2rem;}
	.apply .text{ width: 100%; max-width: 100%;}
	.apply .text .home-theme{ text-align: center;}
	.apply .text ul{ margin-top: 0.666666rem; max-width:100%;}
	.apply .text ul li{ line-height:0.8rem; border-radius:0.4rem; font-size: 0.38rem;}
	.apply .text .tel{ margin-top: 0.8rem;}
	.apply .text .tel p{ font-size: 0.4rem;}
	.apply .text .tel span{ margin-top: 0.266666rem; padding-left: 1.066666rem; font-size: 0.56rem;}
	.apply .text .tel span:before{ width: 0.8rem; height: 0.8rem;}
	.apply-form{ width: 100%; padding: 0.666666rem; margin-top: 1.2rem;}
	.apply-form .in-code{ padding-right: 140px;}
	.apply-form .in-code .code{ width: 130px;}
	
}