.pic {background: center center no-repeat;background-size: cover;-webkit-transition: all .5s;}
/* #f1 .intro {width: 75%;} */
.singePage {width: 100%;line-height: 1.8;font-size: 16px;}
.singePage p {margin-bottom: 15px;text-indent: 2em;}
.singePage.s img{width: 100% !important;height: auto !important;}
.singePage img.pc-hide{display: none;}
.iconfont {
font-family: "iconfont" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.swiper-container.hxSwiper {display: none;}
.swiper-container.hxSwiper.active {display: block;}
.swiper-container.hxSwiper .swiper-slide {width: 50%;}
.screenSwiper.hxSwiper .swiper-slide {opacity: 1;}

#txt {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}

.box {/* position: absolute; */left: 0;top: 0;width: 100%;height: 100%;}
.subTitle {width: 100%;position: relative;font-size: 30px;margin-bottom: 1vw;color: #009397;line-height: 2;}

.singePage.w {color: #fff;}
.subTitle.w {color: #fff;}
.boxes.introBox {background: url(../imgs/introBg.jpg) left bottom no-repeat;background-size: cover;}
/* .intro {width: 75%;position: relative;margin-left: 0%;} */
.ysSwiper .slide-inner {position: relative;height: auto;}
.boxes.ysBox {background: url(../imgs/ysBg.jpg) center bottom no-repeat;background-size: cover;}
.subTitle.center {display: flex;justify-content: center;}
.enterBtn {position: relative;display: flex;width: 130px;font-size: 14px;height: auto;line-height: 40px;justify-content: space-between;-webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);padding: 0px 15px;background: linear-gradient( 135deg, #73b42c, #1b90cd) center center no-repeat;color: #fff;border-radius: 50px;cursor: pointer;overflow: hidden;}
.enterBtn p{position: relative;}
.enterBtn i {font-size: 24px;color: #fff;opacity: .7;position: relative;}
.enterBtn::before{width: 150px;height: 150px;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%) scale(0);background:#26bc53;content: '';-webkit-transition: all .6s cubic-bezier(.23,1.08,.62,.95);;border-radius: 50%;}
.enterBtn:hover::before{-webkit-transform: translate(-50%, -50%) scale(1);}
.enterBtn:hover i,.enterBtn:hover p,.subTitle.cj .enterBtn:hover p{opacity: 1;}
@-webkit-keyframes anim-moema-1 {
	60% {
	-webkit-transform: scale3d(0.8, 0.8, 1);
	transform: scale3d(0.8, 0.8, 1);
	}
	85% {
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
	}
	100% {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	}
}
.mb5 {margin-bottom: 5vw;}
.subTitle.center.w30 img {width: 30vw;}
.tips{opacity: 0;visibility: hidden;}
.hisSwiper::after{width: 100px;height: 100px;position: absolute;left: 50%;top: 50%;background: url(../imgs/tips.png) center center no-repeat;background-size: cover;content: '';pointer-events: none;display: none;}
.boxC {width: 40%;position: absolute;left: 0%;top: 0%;height: 100%;}
.newSwiper .swiper-slide.first {height: 100%;padding-left: 0px;}
.newSwiper .swiper-slide.first .thum {height: 100%;margin-bottom: 0px;overflow: hidden;}
.newSwiper .swiper-slide.first .pic {height: 100%;}
.newSwiper .swiper-slide.first .thum::before {width: 100%;height: 50%;position: absolute;left: 0%;bottom: 0%;background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));content: '';top: auto;z-index: 10;}
.newSwiper .swiper-slide.first .name {position: absolute;margin-bottom: 0px;left: 0px;bottom: 25px;height: auto;padding: 10px 20px;width: calc(100% - 25px);color: #fff;font-size: 16px;z-index: 20;}
.newSwiper .swiper-slide.first:hover .name {color: #fff;}
.newSwiper .more {width: 100%;display: flex;line-height: 50px;opacity: .5;display: none;}
.newSwiper .more i {margin-left: 10px;}
.newSwiper .swiper-slide:hover .pic {-webkit-transform: scale(1.1);}
.newSwiper .swiper-slide:hover .name {color: #e7242e;}
.newSwiper.innerNews {padding-bottom: 0px;display: flex;flex-wrap: wrap;}
.newSwiper.innerNews a {width: calc(100% / 3);}
.newSwiper.innerNews a {background: #fff;}
.newSwiper.innerNews .swiper-slide::before {width: 100%;height: 1px;position: absolute;right: 0px;bottom: 0px;background: rgba(0, 0, 0, .05);content: '';}
.newSwiper.innerNews .swiper-slide:nth-child(n+4)::before {display: none;}
.newSwiper.innerNews .thum {margin-bottom: 15px;}
.navFocus {position: absolute;right: 0px;bottom: 10px;font-size: 20px;display: flex;}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {display: none;}
.navFocus a {display: block;font-weight:bold;padding: 0px 15px;position: relative;line-height: 40px;cursor: pointer;}
.navFocus.new-nav a{border: 1px solid #ffffff;margin-left: 10px;border-radius: 50px;padding: 0px 25px;color: #ffffff;}
.navFocus.new-navs a{border: 1px solid #e7242e;color: #e7242e;border-radius: 50px;padding: 0px 25px;margin-left: 10px;}
.navFocus.new-nav a.active::after,.navFocus.new-navs a.active::after{display: none;}
.navFocus.new-navs a.active{background-color: #e7242e;color: #fff;}
.navFocus.new-nav a.active{background: #fff;color: #e7242e;border: 1px solid #fff;}
.navFocus a:hover {color: #e7242e;}
.navFocus a.active {color: #e7242e;}
.navFocus a.active::after {width: 60%;height: 4px;position: absolute;left: 20%;bottom: -10px;background: #e7242e;content: '';}

.boxes.org {background: url(../imgs/orgBg.jpg) center center no-repeat;background-size: cover;}
.singePage.center {text-align: center;}
.subTitle #page li.xl-nextPage,

#page li.xl-prevPage {display: none;}
#page {margin-bottom: 0px;}
.boxes.homeNews {overflow: hidden;}
.swiper-container.techSwiper .swiper-slide.auto .slide-inner::before {display: none;}
.boxC .enterBtn {color: #fff;}
.boxC .enterBtn i {color: #fff;}
.subTitle.in {padding-bottom: 15px;border-bottom: 1px solid rgba(0, 0, 0, .05);}
.subTitle.inner {margin-bottom: 2vw;}
.boxes.zlBox {padding-bottom: 0px;background: #f0f5f7;overflow: hidden;}
.boxes.hisBox {background: center center no-repeat;background-size: cover;}
.hisSwiper {padding: 50px 0px 0px;}
.hisSwiper .swiper-slide {padding-left: 45px;position: relative;color: #fff;}
.hisSwiper .swiper-slide .year {font-size: 20px;line-height: 1.7;font-family: din;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #fff;}
.hisSwiper .swiper-pagination-progressbar {top: auto;bottom: 0px;background-color: rgba(255, 255, 255, .5);}
.hisSwiper .swiper-slide .des {font-size: 14px;line-height: 1.7;margin-bottom: 15px;min-height: 69px;}
.hisSwiper .swiper-slide .des p {margin-bottom: 20px;}
.hisSwiper .swiper-slide::before {width: 24px;height: 190px;position: absolute;left: 0px;top: 0px;content: '';background: url(../imgs/list-yuan2.png) no-repeat;}


.number {width: 100%;padding: 25px 0px;}
.number ul {display: flex;justify-content: space-between;}
.number ul li {width: 25%;position: relative;}
.number ul li .num {width: 100%;}
.number ul li .num span {color: #009397;opacity: .5;}
.number ul li .num b {font-size: 60px;font-family: din;color: #009397;}
.number ul li .txt {opacity: .7;}
.singePage.sp {height: 0px;overflow: hidden;}
.singePage.sp.active {height: auto;}
.gtBox {background: center bottom no-repeat;padding-bottom: 50vh;}
.gtBox.a1{background-image: url(../imgs/gtBg.jpg);}
.gtBox.a2{background-image: url(../imgs/cgBg.jpg);}
.gtBox.a3{background-image: url(../imgs/yxBg.jpg);}

.ywBox {background: url(../imgs/pgBg.jpg) center center no-repeat;background-size: cover;padding: 0px;}

.subTitle.cj .enterBtn {position: absolute;right: 0px;top: 50%;-webkit-transform: translateY(-50%);}
.subTitle.cj p {font-size: 16px;opacity: .7;}
.screenSwiper .swiper-slide {opacity: .3;}
.screenSwiper .swiper-slide.swiper-slide-active {opacity: 1;}
.screenSwiper .swiper-slide.swiper-slide-active .name {-webkit-transition: all .5s ease .5s;opacity: 1;bottom: 0%;}
.screenSwiper .swiper-slide .thum::after {width: 100%;height: 40%;position: absolute;left: 0%;bottom: 0%;background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));content: '';}
.screenSwiper .swiper-button-next,
.screenSwiper .swiper-button-prev {width: 50px;height: auto;line-height: 50px;text-align: center;background: #fff;border-radius: 50%;box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);color: #e7242e;}
.screenSwiper .swiper-button-next:hover,
.screenSwiper .swiper-button-prev:hover {background: #e7242e;color: #fff;width: 100%;}

.swiper-button-next:after,.swiper-button-prev:after {font-size: 20px !important;}

.subTitle.cj {
margin-bottom: 3vw;
}
.borderBottom {
border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.spName{
text-align: center;
font-size: 30px;
position: relative;
padding: 25px 0px;
line-height: 2;
color: #009397;
font-weight: bold;
margin-bottom: 15px;
}
.spName.w{
color: #fff;
padding-top: 0px;
}
.spName.w::after{
background: #fff;
}
.hotList ul{
display: flex;
flex-wrap: wrap;
border-top: 1px solid rgba(0,0,0,.05);
border-left: 1px solid rgba(0,0,0,.05);
}
.hotList ul li {
width: 25%;
padding: 20px;
/* background: #fff; */
position: relative;
border: 1px solid rgba(0,0,0,.05);
border-top: none;
border-left: none;
}

.hotList ul li .pic{
background-size: contain;
}

.hotList ul li .show{
width: 50px;
height: 50px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
background: #fff;
border-radius: 50%;
line-height: 50px;
text-align: center;
font-size: 20px;
box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
opacity: 0;
-webkit-transition: all .5s;
}

.hotList ul li .show:hover{
background: #e7242e;
color: #fff;
}

.hotList ul li:hover .show{opacity: 1;}

.pzSwiper{padding-bottom: 50px;margin-bottom: 50px;}
.swiper-pagination-bullet-active{background: #e7242e;}
.xdBox{display: flex;justify-content: space-between;padding: 50px 0px 0px;align-items: center;}
.xdBox .tzTitle{color: #009397;padding-bottom: 10px;margin-bottom: 100px;font-size:20px;}
.czBox{width: 900px;height: auto;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);background: #fff;padding: 50px;	}
.singePage .enterBtn p{margin-bottom: 0px;}
.xdBox .tzTitle b{line-height: 1.2;color: #009397;font-size: 20px;}
.xdBox .tzTitle p{color: #3e3e3e;margin-top: 5px;}
.xdBox .xdL{width: 100%}
.xdBox .xdR{width: 100%}
.spName::after{
width: 30px;
height: 3px;
position: absolute;
left: 50%;
margin-left: -15px;
bottom: 20px;
content: '';
background: #009397;
}

.hotList ul li .name{
font-size: 14px;
text-align: center;
line-height: 2;
padding: 10px 0px;
}
.pzSwiper .name{
position: absolute;
left: 0px;
bottom: 0px;
background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
padding: 15px 25px;
text-align: center;
color: #fff;
width: 100%;
font-size: 14px;
}
@media screen and (max-width: 1365px) {
.nav ul li a{padding: 0px 15px;}
}

.boxes.fwBox{background: linear-gradient( 135deg, #72b32f, #1b90cd, #72b32f, #1b90cd) left center/400% 400%;}
@-webkit-keyframes move {
  0%,
	100% {
    background-position-x: left;
  }
  50% {
    background-position-x: right;
  }
}
.hzkh{width: 100%;background: #ffffffbf;}
.hzkh .names{width: 100%;height: auto;border: 1px solid #ebf8ee;}
.hzkh .names .title{width: 100%;height: auto;line-height: 50px;font-size: 20px;font-weight: bold;background: #169b9e40;padding-left: 25px;color: #009397;}
.hzkh .names ul{padding: 25px;display: flex;flex-wrap: wrap;}
.hzkh .names ul li{width: 16%;margin-right: 0.8%;margin-bottom: 15px;}
.hzkh .names ul li:nth-child(6n){margin-right: 0%;}
.hzkh .names ul li .name{width: 100%;text-align: center;line-height: 1.4;padding: 10px 0px;opacity: .7;font-size: 12px;}
.hzkh .names ul li .thum{border: 1px solid rgba(0,0,0,.1);}
.lzBox{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;direction: rtl;align-items: center;}
.lzR{width: 60%;}
.lzL{width: 38%;direction: initial;}
.lzLBox{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.lzLBox p{width: 48%;line-height: 1.4;padding: 12px 15px;border: 1px solid rgba(0,0,0,.1);margin-bottom: 10px;text-align: center;border-radius: 50px;}
.singePage.widthAuto img{display: inline-block;max-width: auto;}
.infoSwiper .swiper-wrapper{flex-wrap: wrap;justify-content: space-between;}
.infoSwiper .swiper-slide{width: 32%;margin-bottom: 25px;}
.screenSwiper .swiper-slide:hover .pic{-webkit-transform: scale(1.05);}
.infoSwiper .swiper-slide.swiper-slide-active .name{-webkit-transition: all .5s ease 0s;}
.infoSwiper .swiper-slide.swiper-slide-active .name p{min-height: 38px;}
.infoSwiper .swiper-slide:hover .name{background: #e7242e;color: #fff;}
.infoSwiper.green .swiper-slide:hover .name{background: #20a03f;color: #fff;}
.infoSwiper.orange .swiper-slide:hover .name{background: #d3862c;color: #fff;}
.hisBox .swiper-button-next,.hisBox .swiper-button-prev{
width: 50px;
height: 50px;
background: #fff;
color: #009397;
position: relative;
top: auto;
left: auto;
right: auto;
margin-top: 0px;
line-height: 50px;
text-align: center;
}
.buttonDiv{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.hisBox .swiper-button-next{margin-left: 15px;}

.hisBox .swiper-button-next.swiper-button-disabled,.hisBox .swiper-button-prev.swiper-button-disabled{display: block;}

.w .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
background: #fff;
}
.swiper-container.fine,
.swiper-container.foods {}

.swiper-container.fine.fine1 .swiper-wrapper{flex-wrap: wrap;}
.swiper-container.fine.fine1 .swiper-wrapper .swiper-slide{width: 23.5%;margin-right: 2%;margin-bottom: 25px;}

.swiper-container.fine.fine1 .swiper-wrapper .swiper-slide:nth-child(4n){
margin-right: 0%;
}

.swiper-container.fine .pic,
.swiper-container.foods .pic {background: center center no-repeat;background-size: cover;}

.swiper-container.fine .name,
.swiper-container.foods .name {
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .8) 100%);
line-height: 60px;
text-align: center;
color: #fff;
font-size: 16px;
position: absolute;
left: 0px;
text-align: center;
width: 100%;
bottom: 0px;
}



.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {top: auto;bottom: 0px;}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #e7242e;}

.swiper-container.fine .swiper-slide{overflow: hidden;}
.swiper-container.fine .swiper-slide:hover .pic{-webkit-transform: scale(1.05);}

.swiper-container.fine .swiper-button-next,.swiper-container.fine .swiper-button-prev{
width: 50px;
height: 50px;
background: #20a03f;
color: #fff;
position: relative;
top: auto;
left: auto;
right: auto;
margin-top: 0px;
line-height: 50px;
text-align: center;
}

.swiper-container.fine .swiper-button-next,.swiper-container.fine .swiper-button-prev{	}
.swiper-container.fine .swiper-button-next{margin-left: 15px;}
.swiper-container.fine .swiper-button-next.swiper-button-disabled,.swiper-container.fine .swiper-button-prev.swiper-button-disabled{display: block;}
.swiper-container.fine .title{font-size: 14px;line-height: 1.4;padding: 10px 20px;text-align: center;background: #f9f9f9;min-height: 58px;display: flex;align-content: center;justify-content: center;align-items: center;display: none;}
.lightBox .tet-box {position: absolute;background: #fff;left: 50%;width: 1000px;top: 50%;transform: translate(-50%, -50%);z-index: 8;padding-bottom: 35px;}
.lightBox .tittle {line-height: 35px;padding: 15px;background: #e7242e;color: #fff;font-weight: 900;font-size: 20px;height: 65px;}
.lightBox .summary-join {padding: 15px;height: 400px;overflow-y: auto;font-size: 16px;line-height: 2;padding-bottom: 100px;}
.lightBox .close {width: 80px;height: 40px;position: absolute;right: 15px;top: 12.5px;background: #fff;color: #e7242e;cursor: pointer;border-radius: 50px;text-align: center;line-height: 40px;font-size: 16px;box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);}
.lightBox .close:hover {background: #e7242e;color: #fff;}
.fade-up{opacity: 0;-webkit-transition: all 1s;-webkit-transform: translateY(25px);}
.saceIn{opacity: 0;-webkit-transition: all 1s;-webkit-transform: scale(2);}
.delay-1{-webkit-transition-delay: .2s;}
.delay-2{-webkit-transition-delay: .4s;}
.delay-3{-webkit-transition-delay: .6s;}
.delay-4{-webkit-transition-delay: .8s;}
.delay-5{-webkit-transition-delay: 1s;}
.delay-6{-webkit-transition-delay: 1.2s;}
.delay-7{-webkit-transition-delay: 1.4s;}
.delay-8{-webkit-transition-delay: .1.6s;}
.swiper-slide-active .fade-up{opacity: 1;-webkit-transform: translateY(0px);}
.swiper-slide-active .saceIn{opacity: 1;-webkit-transform: scale(1);}

.map-1{display: none;}

@media screen and (max-width: 1400px) {
	.soluSwiper .swiper-slide .name{
	width: 30vw;
	}
	.jjGerlly,.jjGerllyThum{
	width: 350px;
	}
	.nro ul li .name{
	font-size: 24px;
	margin-bottom: 15px;
	}
	.nro ul li .des a{
	width: 180px;
	line-height: 40px;
	margin-bottom: 5px;
	}
	.nro{
	height: 200px;
	}
	.xzj{
	-webkit-transform: translateY(200px);
	}
	.xzj ul li .name .txt{
	font-size: 20px;
	}
	.xzj ul li .name .icon{
	width: 50px;
	height: 50px;
	font-size: 26px;
	line-height: 50px;
	}
	.xzj ul li .des a{
	font-size: 14px;
	}
	.conAddress ul li .des{
	font-size: 14px;
	line-height: 2;
	}
	.singePage {
	    width: 100%;
	    line-height: 2;
	    font-size: 14px;
	}
	.tzBox{
padding: 5vw 0px;
		    background-size: contain;
	}
	.footerTop .socals b{
	font-size: 30px;
	}
	.nav ul li a{
padding: 0px 10px;
	}
}
@media screen and (max-width: 1365px) {
	.nav ul li a{
padding: 0px 5px;
	}
	.gpdm{
	width: 140px;
	}
}

@media screen and (max-width: 1024px) {
	.logo{
	width: 155px;
	}
	.gpdm {
	    width: 120px;
	font-size: 12px;
	}
	.hotTle{
	margin-left: 5px;
	}
	.homeSwiper>.swiper-pagination{
	right: 12.5px;
	}
}
@media screen and (max-width: 768px) {	
	.menu_btn {
	    display: block;
	}
	.navBar{
	display: none;
	}
	.homeSwiper{
	height: calc(100vh - 60px);
	top: 60px;
	}
	.homeSwiper>.swiper-wrapper>.swiper-slide{
	height: calc(100vh - 60px);
	}
	.jjfa{
	display: none;
	}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 4px;
	}
	.banner .swiper-pagination-bullet{
	width: 7px;
	height: 7px;
	}
	.my-box{
	display: block;
padding: 0px 0px;
	position: relative;
	top: 0%;
	-webkit-transform: translateY(0%);
	height: calc(100vh - 60px);
background: url(../imgs/j-bg.jpg?v=1)  center bottom no-repeat;
background-size: cover;
	}
	
	.my-box .subTitle{
	position: absolute;
	top: 10%;
	z-index: 10;
	color: #fff;
	}
	.mySwiper.swiper-container-horizontal>.swiper-pagination-bullets,.mySwiper .swiper-pagination-custom,.mySwiper .swiper-pagination-fraction{
	bottom: 15%;
	display: none;
	}
	.word-bg{
	width: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	opacity: 1;
background: center center no-repeat;
background-size: cover;
	height: 100%;
	}
	.my-tips{
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
background: rgba(0,0,0,.3);
	border-radius: 50%;
	margin-left: -40px;
	bottom: 5%;
	display: none;
	}
	.my-tips img{
	width: 40px;
	height: 40px;
	margin-left: 20px;
	margin-top: 20px;
	-webkit-transform-origin: center bottom;
	-webkit-animation: imgAnimate 1.5s infinite linear;
	}
	
	@-webkit-keyframes imgAnimate{
		0%{
		-webkit-transform: rotate(30deg);
		opacity: 0;
		}
		50%{
		-webkit-transform: rotate(0deg);
		opacity: 1;
		}
		100%{
		-webkit-transform: rotate(-30deg);
		opacity: 0;
		}
	}
	
	.my-box .enterBtn{
	display: none;
	}
	.mySwiper{
	width: 100%;
	height: calc(100vh - 60px);
	margin-top: 0px;
	}
	.cityTel a{
	width: 100%;
	}
	.subTitle{
	font-size: 24px;
	}
	.subTitle.c{
	text-align: center;
	}
	.wordList{
	display: none;
	}
	
	.my-name{
	position: absolute;
	top: 6%;
	width: 100%;
	text-align: center;
	font-size: 28px;
	line-height: 2;
	font-weight: bold;
	color: #e7242e;
padding-bottom: 15px;
	-webkit-transition: all 1s ease 0.5s;
	-webkit-transform: translateY(10px);
	opacity: 0;
	}
	.my-name::after{
	width: 40px;
	height: 3px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
content: '';
background: linear-gradient(90deg, #23ac38, #e7242e);
	}
	.word-center{
	width: 400vw;
	display: flex;
	position: relative;

	}
	.word-center img{
		max-width: none;
	width: 200vw;
	height: 60vw;
	}
	.word-center span{
	width: 300vw;
	display: block;
		letter-spacing: 5vw;
	}
	.my-word{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	left: 0%;
	font-family: Morganite;
		
	}
	@-webkit-keyframes loopMove {
		0% {
background-position-x: 0
		}
	
		100% {
background-position-x: -100%
		}
	}
	.my-bg{
	width: 100vw;
	height: auto;
	position: relative;
	left: 0%;
	top:0%;
background: center center no-repeat;
background-size: cover;
	border-radius: 0%;
	color: transparent;
background-clip: text;
	-webkit-background-clip: text;
	line-height: 55vw;
	font-size: 100px;
	text-transform: uppercase;
	font-family: Morganite;
	overflow: hidden;
	-webkit-transition: all 1s ease 0.7s;
	opacity: 0;
	-webkit-transform: translateY(20px);
	margin-top: 17vh;
	}
	.my-center{
	width: 100%;
	height: auto;
	position: relative;
	left: 0%;
	top: 0%;
	text-align: center;
	-webkit-transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all 1s ease 0.9s;
	margin-top: 3vh;
	}
	.mySwiper .swiper-slide-active .my-center{
	opacity: 1;
	-webkit-transform: translateY(0px);
	}
	.mySwiper .swiper-slide-active .my-bg{
	opacity: 1;
	-webkit-transform: translateY(0px);
	}
	.mySwiper .swiper-slide-active .my-name{
	opacity: 1;
	-webkit-transform: translateY(0px);
	}
	.ff-cover{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0%;
	bottom: 0%;
	}


	.logo>img:nth-child(1){
	opacity: 0;
	}
	.logo>img:nth-child(2){
	opacity: 1;
	}
	.logo{
	left: 3%;
	}
	.my-center .name{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
	}
	.mySwiper .swiper-slide:nth-child(2) .name .icon {
	    color: #e69b30;
	}
	
	.mySwiper .swiper-slide:nth-child(1) .name .icon {
	    color: #063979;
	}
	
	.mySwiper .swiper-slide:nth-child(3) .name .icon {
	    color: #40c47c;
	}
	.my-center .name .txt{
	line-height: 2;
	position: relative;
	font-size: 20px;
	}
	.my-center .name .txt::after {
	    width: 100%;
	    height: 3px;
	    position: absolute;
	    left: 0%;
	    bottom: 0%;
	    content: '';
	    background: linear-gradient(90deg, #23ac38, #e7242e);
	    -webkit-transition: all .5s;
	}
	.my-center .name .icon {
	    width: 50px;
	    height: 50px;
	    font-size: 26px;
	    line-height: 50px;
	}
	.my-center .des{
	margin-top: 15px;
	}
	.my-center .des a{
	width: 50%;
	height: auto;
	line-height: 45px;
		
	color: #fff;
background: #fff;
	text-align: center;
	display: block;
	margin: 0px auto;
	border-radius: 50px;
	margin-bottom: 15px;
	font-size: 16px;
background: linear-gradient(135deg, #73b42c, #1b90cd) center center no-repeat;
	}
	.homeSwiper>.swiper-pagination{
	display: none;
	}
	.wordList ul li{
	top: 50%;
	}
	.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{
	width: 40px;
	height: 40px;
	top: 40%;
background-color: #fff;
	border-radius: 50%;
	}
	.mySwiper .swiper-button-next:after,.mySwiper .swiper-button-prev:after{
	font-size: 12px;
	}
	.mySwiper .swiper-button-next{
	right: 5%;
	}
	.mySwiper .swiper-button-prev{
	left: 5%;
	}
	.enterBtn{
	margin: 0px auto;
	margin-top: 25px;
	}
	.enterBtn i{
	font-size: 20px;
	}
	.slideBox .w1400{
	top: 45%;
	}
	.homeP{
padding: 30px 0px;
	}
	.homeP .singePage{
	width: 100%;
	}
	.homeP .singePage.mw,.homeProduct ul li a{
	color: #fff;
	}
	.homeProduct{
	width: 100%;
	}
	.homeProduct ul li .pc{
	display: none;
	}
	.homeProduct ul li .name{
	width: 140px;
	flex-wrap: wrap;
	}
	.homeProduct ul li .name b{
	font-size: 50px;
	width: 100%;
	}
	.homeProduct ul li .name p{
	font-size: 14px;
	margin-left: 0%;
	display: block;
	width: 100%;
	}
	.homeProduct ul li .name b{
	line-height: 1;
	}
	.homeProduct ul li .icon{
	width: 80px;
	}
	.homeProduct ul li .title{
	font-size: 24px;
	width: calc(100% - 220px);
	color: #fff;
	}
	.homeProduct ul li .title p{
	font-size: 14px;
	}
	.homeProduct ul li .title b{
	display: block;
	margin-bottom: 5px;
	}
	.homeP .singePage img{
	width: 60%;
	}
	.boxC{
	width: 100%;
	position: relative;
	}
	.slide-inner{
	display: none;
	}
	.my-inner{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
background-size: cover;
background-position: center center;
	display: block;
	}
	.fade-up{
	opacity: 1;
	-webkit-transition: all 1s;
	-webkit-transform: translateY(0px);
	}
	.mb100{
	margin-bottom: 100px;
	}
	.mb50{
	margin-bottom: 50px;
	}
	.enterBtn.l{
	margin-left: 0px;
	}
	.boxC{
padding-top: 30px;
	}
	.parterImg{
	width: 100%;
	margin-left: 0%;
	}
	.khxz li b{
	font-size: 40px;
	}
	.khxz li:nth-child(2){
	margin-left: 20px;
	}
	.pc-show{
	display: none;
	}
	.pc-hide{
	display: flex;
	}
	.saceIn{
	-webkit-animation-name: none;
		animation-name: none;
	}
	.khxz{
	position: relative;
	width: 100%;
		
	}
	.khxz{
	display: none;
	}
	.saceIn {
	    opacity: 1;
	    -webkit-transition: all 1s;
	    -webkit-transform: scale(1);
	}
	.homeN{
padding: 35px 0px;
	}
	.navFocus a{
padding: 0px 10px;
	}
	.newSwiper .des{
	display: none;
	}
	.newSwiper .time b{
	font-size: 30px;
	}
	.newSwiper .name{
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	}
	.newSwiper .swiper-slide{
padding: 15px;
padding-bottom: 0px;
	}
	.homeN .subTitle{
padding-bottom: 0px;
	}
	.footer{
padding-top: 25px;
	}
	.footerTop .w1400{
	flex-wrap: wrap;
	}
	.footerTop .socals{
	width: 100%;
	margin-bottom: 15px;
	}
	.footerTop .socals b{
	font-size: 20px;
	}
	.soDiv{
	justify-content: flex-start;
	}
	.soDiv .so{
	width: 30%;
	}
	.soDiv .so:first-child{
	margin-right: 10px;
	}
	.conAddress{
	width: 100%;
	margin-right: 0%;
	}
	.conAddress ul li{
	margin-bottom: 5px;
	}
	.conAddress ul li .des{
padding-left: 30px;
	}
	.conAddress ul li .txt{
	line-height: 25px;
	}
	.footerTop{
padding-bottom: 15px;
	}
	.footerNav{
	display: none;
	}
	.cpright{
	margin-right: 0%;
	line-height: 2;
padding: 10px 0px;
	}
	.conAddress ul li .txt .icon{
	width: 25px;
	height: 25px;
background-color: #fff;
	border-radius: 50%;
	color: #1b90cd;
	line-height: 25px;
	text-align: center;
	font-size: 14px;
	}
	.soDiv .so p{
	line-height: 2;
	}
	.navigator{
	display: block;
	width: 100%;
	height: calc(100vh - 60px);
	position: fixed;
	left: 0%;
	z-index: 20;
	top: 60px;
	overflow-y: auto;
background: linear-gradient(135deg, #73b42c, #1b90cd) center center no-repeat;
	-webkit-transition: all 0.5s;
		visibility: hidden;
	opacity: 0;
	}
	.navigator.active{
	opacity: 1;
		visibility: visible;
	}
	.navigator ul{
padding: 0%;
	color: #fff;
	}
	.navigator a{
	color: #fff;
	}
	.first-li{
	font-size: 20px;
	font-weight: bold;
	position: relative;
padding: 10px 5%;
	}
	.navigator ul li{
	line-height: 40px;
	position: relative;
padding-bottom: 3px;
	}
	.navigator ul li::after{
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0%;
	bottom: 0%;
content: '';
background: linear-gradient(135deg, #73b42c, rgba(255,255,255,.5)) center center no-repeat;
	}
	.second-li{
	display: flex;
	flex-wrap: wrap;
background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.2));;
	display: none;
	}
	.three-li{
	width: 90%;
	display: flex;
padding: 10px 0%;
	flex-wrap: wrap;
	border-bottom: 1px solid rgba(255,255,255,.5);
	margin-left: 5%;
		
	}
	.three-li:first-child{
padding-top: 0%;
	}
	.three-li:last-child{
	border-bottom: none;
	}
	.three-li .name{
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	width: 100%;
	margin-bottom: 5px;
	}
	.four-li{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	}
	.four-li a{
	display: flex;
	margin-right: 15px;
	line-height: 30px;
	}
	.four-li a .icon{
	font-size: 16px;
	}
	.four-li a .txt{
	margin-left: 2px;
	}
	.first-li.has::after{
	width: 20px;
	height: 20px;
	position: absolute;
	right: 5%;
	top: 50%;
	margin-top: -10px;
background: url(../imgs/arrow-right.png) no-repeat;
background-size: cover;
content: '';
	-webkit-transition: all .35s;
		
	}
	.first-li.active::after{
	-webkit-transform: rotate(90deg);
	}
	.second-li.active{
	display: block;
	}
	.three-li .name.mb0{
	margin-bottom: 0px;
	}
	.hotTle{
	position: absolute;
	right: calc(5% + 60px);
	margin-left: 0%;
	top: 50%;
		    line-height: 33px;
	-webkit-transform: translateY(-50%);
background: transparent;
	border: 1px solid #1b90cd;
	color: #1b90cd;
	}

	.btmBox{
	width: 100%;
	margin-top: 25px;
padding: 0px 5%;
	display: flex;
	justify-content: center;
	}
	.gpdm{
	width: 200px;
	height: auto;
	line-height: 45px;
background-color: #fff;
	color: #1b90cd;
	font-size: 16px;
	border-radius: 50px;
	}
	.hotTle:hover {
	    width: 35px;
	}
	.navigator a.langueBtn{
	color: #1b90cd;
	margin-left: 10px;
	width: 80px;
	border-radius: 50px;
	}
	.langueBtn{
	position: relative;
	line-height: 45px;
	width: 45px;
background-color: #fff;
	color: #1b90cd;
	border-radius: 50%;
	}
	.header.open .langueBtn{
	line-height: 45px;
	}
	.boxes.introBox::before{
	display: none;
	}
	.intro{
	width: 100%;
	margin-left: 0%;
	}
	.boxes.introBox{
background: #fff;
	}
	.subBanner{
	margin-top: 60px;
	height: 40vh;
	}
	.slogan .title{
	width: 280px;
	}
	.slogan{
	top: 55%;
	width: 90%;
	}
	.sloganNav a{
padding: 0px 10px;
	line-height: 40px;
	font-size: 14px;
	margin-bottom: 5px;
	margin-right: 10px;
	text-align: center;
	}
	.number{
padding: 0px 0px;
	border: 1px solid rgba(0,0,0,.05);
	border-bottom: none;
	margin-bottom: 15px;
	}
	.number ul li .num b{
	font-size: 40px;
	}
	.number ul li{
	width: 50%;
	text-align: center;
padding: 15px 0px;
	border-bottom: 1px solid rgba(0,0,0,.05);
	position: relative;
	}
	.number ul li:nth-child(odd)::after{
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0%;
	top: 0%;
background: rgba(0,0,0,.05);
content: '';
	}
	.number ul{
	flex-wrap: wrap;
	}
	.subTitle.in{
padding-bottom: 0px;
	border-bottom: none;
	}
	.cullist ul li .icon{
	width: 25px;
	line-height: 40px;
	font-size: 20px;
	}
	.cullist ul li .txt{
	line-height: 20px;
padding: 10px 0px;
		    font-size: 14px;
	}
	.hisSwiper{
padding: 0px;
	}
	.hisSwiper .swiper-slide::before{
	width: 12px;
	height: 95px;
background-size: cover;
	}
	.hisSwiper .swiper-slide{
padding-left: 20px;
	}
	.hisSwiper .swiper-slide .year{
	font-size: 16px;
	}
	.hisSwiper .swiper-slide .des{
	font-size: 12px;
	margin-bottom: 10px;
	min-height: 80px;
	}
	.buttonDiv{
	margin-top: 10px;
	}
	.hisBox .swiper-button-next, .hisBox .swiper-button-prev{
	width: 40px;
	height: 40px;
	line-height: 40px;
	}
	.hisBox .swiper-button-next{
	margin-left: 10px;
	}
	.navFocus{
	font-size: 18px;
	position: relative;
	bottom: 0%;
	}
	.navFocus a.active::after{
	bottom: -2px;
	}
	.swiper-container.fine.fine1 .swiper-wrapper .swiper-slide{
	width: 100%;
	margin-right: 0%;
	}
	.spName{
padding: 15px 0px;
	font-size: 20px;
	margin-bottom: 0px;
padding-bottom: 5px;
	}
	.spName::after{
	display: none;
	}
	.pzSwiper{
padding-bottom: 40px;
	margin-bottom: 0px;
	}
	.swiper-pagination-bullet{
	width: 6px;
	height: 6px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0px 2px;
	}
	.hotList ul li{
	width: 50%;
padding: 10px;
	}
	.hotList ul li .name{
	font-size: 12px;
	}
	.xdBox{
padding-top: 15px;
	flex-wrap: wrap;
	}
	.xdBox .xdL{
	width: 100%;
padding-bottom: 35px;
	}
	.xdBox .tzTitle{
	margin-bottom: 0px;
	}
	.xdBox .tzTitle b{
	line-height: 1.4;
	font-size: 20px;
	}
	.map-1{
	display: block;
	}
	.xdBox .xdR{
/* 	display: none; */
	}
	.hzkh .names ul{
padding: 15px;
	}
	.hzkh .names ul li:nth-child(2n){
	margin-right: 0%;
	}
	.hzkh .names ul li{
	width: 49%;
	margin-right: 2%;
	margin-bottom: 5px;
	}
	.lzBox{
		direction: initial;
	}
	.lzR,.lzL{
	width: 100%;
	}
	.lzLBox{
	justify-content: flex-start;
	}
	.lzLBox p{
	font-size: 12px;
	width: auto;
	margin-bottom: 5px;
	margin-right: 5px;
	}
	#f6{
padding-top: 0px;
	}
	.czBox{
	width: 94%;
padding: 15px;
	}
	.czBox .title{
	font-size: 20px;
padding-bottom: 10px;
	margin-bottom: 15px;
	}
	.czBox .title a{
	font-size: 12px;
	width: 80px;
	height: auto;
	line-height: 28px;
	}
	.czList{
	font-size: 14px;
	}
	.boxes.b0{
padding-top: 0px;
	}
	.newSwiper.innerNews a{
	width: 100%;
padding: 0px;
	margin-bottom: 25px;
	}
	.newSwiper .time b{
	font-size: 28px;
	}
	.newSwiper .des{
	display: none;
	}
	.newSwiper .name{
	font-size: 14px;
	line-height: 20px;
	height: auto;
	}
	.newSwiper .swiper-slide::after,.newSwiper.innerNews .swiper-slide::before{
	display: none;
	}
	#page{
padding-top: 0px;
	}
	#page li{
	margin: 0px 2px;
	}
	.soluSwiper .swiper-slide .name{
	width: 260px;
	top: 35%;
	}
	.soluSwiper .swiper-slide .sloganNav{
	left: 10vw;
	display: flex;
	top: 55%;
	flex-wrap: wrap;
	}
	.soluSwiper{
	height: 50vh;
	margin-top: 60px;
	}
	.soluSwiper .swiper-pagination{
	font-size: 24px;
	right: 5%;
	opacity: .7;
	}
	.soluCase{
	width: 100%;
	height: auto;
	margin-top: 0px;
	}
	.soluCase::before{
	display: none;
	}
	.soluCase .thum{
	width: 100%;
	height: 45vw;
	left: 0%;
	border-radius: 5px;
	top: 0%;
	-webkit-transform: translate(-0%, -0%);
	margin-bottom: 30px;
background: #fff;
	position: relative;
	}
	.soluCase .thum img,.soluCase ul li::after{
	display: none;
	}
	.soluCase ul li:nth-child(1),.soluCase ul li:nth-child(2),.soluCase ul li:nth-child(3),.soluCase ul li:nth-child(4),.soluCase ul li:nth-child(5),.soluCase ul li:nth-child(6){
	left: 0px;
	top: 0px;
	width: 49%;
	position: relative;
		direction: initial;
	-webkit-transform: translateX(0%);
	display: block;
background: #fff;
	border-radius: 8px;
	}
	.soluCase ul li{
	margin-bottom: 35px;
	}
	.soluCase ul li:nth-child(5) .num,.soluCase ul li:nth-child(6) .num{
	width: 40px;
	}
	.soluCase ul li .num{
	height: 40px;
background-color: #fff;
	color: #3E3e3e;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: -20px;
	border-radius: 50%;
	font-size: 24px;
	line-height: 40px;
	}
	.soluCase ul li .txt{
	margin-right: 0%;
	margin-left: 10px;
	text-align: left;
	}
	.boxes.solutionBox{
padding: 50px 0px;
padding-bottom: 0px;
	}
	.soluCase ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	.soluCase ul li .txt{
	width: 100%;
	margin-left: 0%;
background-color: #fff;
	color: #3E3e3e;
	border-radius: 8px;
	}
	.soluCase ul li .txt b{
padding: 10px;
	font-size: 14px;
padding-top: 15px;
	margin-bottom: 0px;
	position: relative;
	}
	.soluCase ul li .txt p{
	font-size: 12px;
padding: 10px;
padding-top: 0px;
	}

	.navFocus.new-navs{
	position: absolute;
	right: 0%;
	bottom: 5px;
	}
	.screenSwiper .name{
padding: 15px;
	}
	.screenSwiper .name b{
	font-size: 14px;
	margin-bottom: 0px;
	}
	.screenSwiper .swiper-button-next, .screenSwiper .swiper-button-prev{
	width: 40px;
	height: 40px;
	line-height: 40px;
	}
	.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 14px;
	}
	.screenSwiper .swiper-slide .thum::after{
background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
	height: 60%;
	}
	.soluCase.six{
	margin-top: 0px;
	}
	.soluCase ul li:nth-child(6){
	bottom: 0%;
	}
	.soluCase ul li:nth-child(4) .txt, .soluCase ul li:nth-child(2) .txt{
	margin-left: 0%;
	}
	.tzTitle b{
	font-size: 24px;
	}
	.tzTitle p{
	font-size: 14px;
	line-height: 1.7;
	}
	.tzlist{
	width: 100%;
	margin-bottom: 20px;
	}
	.tzTitle{
	margin-bottom: 20px;
	}
	.tzlist ul li .txt{
	font-size: 24px;
	}
	.hdy{
	width: 90%;
	}
	.tzlist ul li{
	width: 100%;
	position: relative;
padding-left: 5px;
	border-left: 3px solid #063979;
	margin-bottom: 15px;
	}
	.navFocus.new-nav{
	position: absolute;
	right: 0%;
	bottom: 10px;
	}
	.navFocus.new-nav a{
	line-height: 32px;
padding: 0px 15px;
	}
	
	.lightBox .tet-box{
	width: 94%;
	}
	.lightBox .close{
	font-size: 14px;
        top: -30px;
        right: 0px;
        height: 25px;
        line-height: 25px;
        width: 60px;
	}	
	.bzBox{
	width: 100%;
	position: relative;
	left: 0%;
	top: 0%;
padding: 35px 0px;
	}	
	.bzImg{
	display: none;
	}
	.standBox{
	height: auto;
	}
	.subTitle.cj b{
	display: block;
	}
	.subTitle.cj p{
	font-size: 14px;
	}
	.gtBox.a1{
background-size: contain;
padding-bottom: 10vh;
	}
	.screenSwiper .name{
	position: relative;
	color: #3e3e3e;
padding: 10px 0px;
	text-align: center;
	}
	.screenSwiper .name p{
	display: none;
	}
	.infoSwiper .swiper-slide{
	width: 100%;
	margin-bottom: 15px;
	}
	.lightBox .summary-join{
	font-size: 14px;
	height: 450px;
	}
 	.singePage .ima{
	display: block;
	width: 60% !important;
	height: auto !important;
	margin: 0px 20%!important;
	} 
	.navFocus.x-n a{
padding: 0px 5px;
	}
	.newSwiper .time{
	line-height: 1.4;
	}
	.stWords{
	font-size: 200px;
	opacity: .05;
	}
	.parterImg>img{
	display: none;
	}
	.singePage img.pc-hide{
	display: block;
	margin-bottom: 35px;
	}
	.singePage img.pc-show{
	display: none;
	}
	.parterImg .singePage{
	width: 100%;
	}
	.boxes.m-pt50{
padding-top: 70px;
	}
}