@charset "utf-8";
/* CSS Document */
a:hover{
	text-decoration: none;
}

.containers{
	width: 1600px;
	margin: 0 auto;	
}

.bgcolor-white{
	background-color: #fff;
}
.bgcolor-black00{
	background-color: rgba(0,0,0,0);
}
.bgcolor-black02{
	background-color: rgba(0,0,0,.2);
}
.bgcolor-black7c{
	background-color: #7c7c7c;
}
.bgcolor-green1{
	background-color: #e0eed2;
}
.bgcolor-green2{
	background-color: #6fca3a;
}
.bgcolor-green3{
	background-color: #65ac1e;
}
.bgcolor-grey{
	background-color: #fafafc;
}

.ellipsis1{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.ellipsis2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.ellipsis3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.ellipsis4{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.hvimghover{
	overflow: hidden;
}
.hvimghover .hvimg{
	transition: 1s;
}



.head{
	position: relative;
}
.nhead{
	height: 864px;
}
.head .banner .bnimg{
	width: 100%;
	height: auto;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.head .banner .bntext{
	font-family: 'DfZongYi';
	line-height: 1.9;
	text-align: center;
	position: absolute;
	top: 45.844%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.head .banner .bntext .title1{
	font-size: 4.46663163426vw;/*85px*/
}
.head .banner .bntext .title2{
	font-size: 3.15291644771vw;/*60px*/
	padding: 0 20.88%;
}

.head .banner .bnico{
	z-index: 3;
	font-size: 12px;
	cursor: pointer;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 5%;
	color: #fff;
	text-align: center;
}
.head .banner .bnico i{
	width: 20px;
	height: 30px;
	border:2px solid #fff;
	border-radius: 20px;
	display: inline-block;
	margin-bottom: 5px;
	position: relative;
}
.head .banner .bnico i::after{
	width: 2px;
	height: 6px;
	content: "";
	background: #fff;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -1px;
	animation: myfirst 2s infinite;
}
.head .banner .bnico img{
	display: block;
	margin: 0 auto;
}
.head .banner .bnico p{
	font-size: 12px;
	line-height: 22px;
	/*font-weight: 100;*/
	text-transform: uppercase;
}
@keyframes myfirst {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, 7px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

.head .head-up{
	display: inline-block;
	width: 100%;
	height: 80px;
	background: transparent;
	position: absolute;
	top: 6.702%;/*50px*/
	left: 0;
	z-index: 3;
}
.head .head-up-container{
	display: flex;
	flex: 0 0 auto;
	color: #fff;
	width: 100%;
    height: inherit;
	line-height: inherit;
    position: relative;
}
.head .head-up-container::before{
    content: "";
    display: block;
    flex: 1;
    background-color: rgba(0,0,0,.2);
}
.head .head-up-container::after{
    content: "";
    display: block;
    flex: 1;
    background-color: #6fca3a;
}
.head .head-up-content{
	display: flex;
	height: inherit;
	line-height: inherit;
	margin-left: auto;
    margin-right: auto;
	position: relative;	
	z-index: 9999;
}
.head .head-up-menu{
	display: flex;
	flex: 1;
    align-items: center;
    width: 100%;
	height: inherit;
	line-height: inherit;
}
.head .head-up-menu .allnav,
.head .head-up-menu .nav,
.head .head-up-menu .nav ul.nav-ul{
	display: flex;
	flex: 1;
    align-items: center;
    width: 100%;
	height: inherit;
	line-height: inherit;
}
.head .head-up-menu .nav ul.nav-ul li.nav-li{
	float: left;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	width: auto;
	height: inherit;
	display: flex;
    align-items: center;
	margin-right: 7%;
	transition: .25s;
	cursor: pointer;
}
.head .head-up-menu .nav ul.nav-ul li.nav-li:last-child{
	color: rgba(255,255,255,.7);
	font-weight: 400;
	margin-left: auto;
	margin-right: 4.214%;
	transition: 0s;
}
.head .head-up-menu .nav ul.nav-ul li.nav-li:last-child .chinese{
	margin-right: 18px;
}
.head .head-up-menu .nav ul.nav-ul li.nav-li a:hover,
.head .head-up-menu .nav ul.nav-ul li.nav-li .nav-active{
	color: #dcdcdc;
}
.head .head-up-menu .nav ul.nav-ul li.nav-li .nav-active span{
	border-bottom: 1px solid gold;
}
.head .head-up-menu .nav ul.nav-ul li.nav-li .language-active{
	border-bottom: 1px solid #0f5f96;
}

.head .head-up-menu .nav ul.nav-ul li.nav-li.dropdown{
	position: relative;
	transition: .25s;
}
.head .head-up-menu .nav ul.nav-ul li.nav-li.dropdown ul.dropdown-menu{
	width: 120px;
	height: auto;
	background-color: rgba(0,0,0,.2);
	box-shadow: 0 0 15px rgba(0,0,0,.1);
    position: absolute;
	top: 100%;
    left: 50%;
	transform: translateX(-50%);
    margin-top: 20px;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: .25s;
	z-index: 9;
}
.head .head-up-menu .nav ul.nav-ul li.nav-li.dropdown:hover i{
	transform: rotate(180deg);
}
.head .head-up-menu .nav ul.nav-ul li.nav-li.dropdown:hover ul.dropdown-menu{
	margin-top: 0;
	opacity: 1;
	visibility: inherit;
}
.head .head-up-menu .nav ul.nav-ul li.nav-li.dropdown ul.dropdown-menu a{
	font-size: 16px;
	line-height: 2.75;
	display: flex;
    align-items: center;
    justify-content: center;
}

.head .head-up-logo{
	display: flex;
    align-items: center;
	width: auto;
    height: inherit;
	line-height: inherit;
	margin: 0 0 0 20px; 
	padding-left: 2.125%;
	padding-right: 6.875%;
}
.head .head-up-logo img.logo{
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.head .head-down{
	display: flex;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: transparent;
	/*position: absolute;
	top: 17.426%;/*130px
	left: 0;*/
	margin: 0;
	font-size: 14px;
	color: #fff;
	letter-spacing: 0.2em;
	text-align: right;
	z-index: 2;
}
.head .head-down-container{
	display: flex;
	flex: 0 0 auto;
	color: #fff;
	width: 100%;
    height: inherit;
	line-height: inherit;
    position: relative;
}
.head .head-down-container::before{
    content: "";
    display: block;
    flex: 1;
    background-color: rgba(0,0,0,0);
}
.head .head-down-container::after{
    content: "";
    display: block;
    flex: 1;
    background-color: #6fca3a;
}
.head .head-down-content{
	display: flex;
	height: inherit;
	line-height: inherit;
	margin-left: auto;
    margin-right: auto;
}
.head .head-down-content .head-down-null{
}
.head .head-down-content .head-down-text{
	padding-right: 6.6875%;
}
.head .head-down-content .head-down-text span,
.head .head-down-content .head-down-text em{
	font-style: italic;
}

.head .head-up.head-up-active{
	height: 60px;
	position: fixed;
	top: 0;
	z-index: 9999;
	animation: stickyHeaderIn .35s ease-out;
}
.head .head-up.head-up-actives{
	height: 50px;
}
.head .head-up.head-up-active .head-up-menu,
.head .head-up.head-up-active .head-up-logo,
.head .head-up.head-up-active .head-up-container::before,
.head .head-up.head-up-active .head-up-container::after{
    background-color: rgba(0,0,0,0);
}
.head .head-up.head-up-active .head-up-container,
.head .head-up-active .head-up-menu .nav ul.nav-ul li.nav-li.dropdown ul.dropdown-menu{
	background-color: rgba(0,0,0,.7);
}
.head .head-up.head-up-active .head-up-menu .nav ul.nav-ul li.nav-li:last-child{
	/*margin-right: 0;*/
}
.head .head-up-logo.head-up-logo-active{
	/*display: none;*/
	padding-right: 0;
}
.head .head-up-logo.head-up-logo-active img.logo{
	width: 125px;
}
.head .head-down.head-down-active{
	display: none;
}
@keyframes stickyHeaderOut{from{top:0}to{top:-12rem}}
@keyframes stickyHeaderIn{from{top:-12rem}to{top:0}}



.slogan{
	position: relative;
}
.slogan .content{
	font-size: 30px;
	color: #65ac1e;
	line-height: 1.75;
	text-align: justify;
	padding: 25px 0;
	display: flex;
	justify-content: center;
}
.slogan .arrow-down{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	display: none;
}



.business{
	padding: 65px 0 130px 0;
}
.business .title{
	font-size: 40px;/*2.10194429848vw*/
	font-weight: bold;
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 66px;
}
.business ul li{
	float: left;
	color: #fff;
	width: 32%;
	height: auto;
	position: relative;
	transition: .5s;
}
.business ul li.business-li2{
	margin: 0 2%;
}
.business ul li .business-li-content{
	width: 100%;
	height: auto;
	padding: 0 8%;
	position: absolute;
	top: 44.14%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: .5s;
}
.business ul li .icon{
	display: flex;
	justify-content: center;
	margin-bottom: 8.14%;
	transition: .5s;
}
.business ul li .name{
	font-size: 2.10194429848vw;/*40px*/
	font-weight: bold;
	width: 100%;
	height: auto;
	line-height: 1.75;
	text-align: center;
	transition: .5s;
}
.business ul li .line{
	width: 50%;
    height: 1px;
    background: none;
    display: block;
    margin: 8.84% auto;
	position: relative;
	transition: .5s;
}
.business ul li .line::after{
	content: "";
	width: 60px;
	height: 10px;
    background: #fff;
    position: absolute;
	top: -5px;
    left: 50%;
    margin-left: -30px;
}
.business ul li .details{
	font-size: 1.68155543878vw;/*32px*/
	line-height: 1.75;
	text-align: justify;
	opacity: 0;
	transition: .5s;
}
.business ul li .enter{
	width: 80px;
	height: 80px;
	border: 2px solid rgba(255,255,255,0);
	border-radius: 100%;
	position: absolute;
	bottom: 8%;
    left: 50%;
    margin-left: -40px;
	transition: .5s;
}
.business ul li .enter img{
	width: 22px;
	height: auto;
	position: absolute;
	top: 50%;
    left: 54%;
	transform: translate(-50%,-50%);
}

.business ul li:hover .business-li-content{
	top: 40%;
}
.business ul li:hover .line{
	background: #fff;
}
.business ul li:hover .details{
	opacity: 1;
}
.business ul li:hover .enter{
	border: 2px solid #fff;
	opacity: 1;
	bottom: 10%;
}
.business ul li .enter:hover{
	/*opacity: 0.5;
	bottom:10%;*/
}



.products{
	padding: 65px 0 105px 0;
}
.products .title{
	font-size: 40px;
	font-weight: bold;
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 62px;
}
.products .content .products-half{
	color: #fff;
	float: left;
	width: 50%;
	position: relative;
}
.products .content .products-half.products-half-l .products-half-l-content{
	width: 100%;
	height: auto;
	padding: 0 14.375%;
	position: absolute;
	top: 56.75%;
	left: 0;
	transform: translate(0,-50%);	
}
.products .content .products-half.products-half-l .name1{
	font-size: 1.89174986863vw;/*36px*/
	/*font-weight: 100;*/
	letter-spacing: 2px;
	margin-bottom: 2.106%;
}
.products .content .products-half.products-half-l .name2{
	font-size: 3.15291644771vw;/*60px*/
	font-weight: bold;
	letter-spacing: 3px;
}
.products .content .products-half.products-half-l .line{
	color: #0f5f96;
	margin-top: 11.053%;
	margin-left: 0.176%;
	margin-bottom: 1.053%;
}
.products .content .products-half.products-half-l .details{
	font-size: 1.26116657909vw;/*24px*/
	/*font-weight: 100;*/
	line-height: 1.75;
	letter-spacing: 1.5px;	
}

.products .content .tab{
	font-size: 1.57645822386vw;/*30px*/
	/*font-weight: 100;*/
	display: flex;
	align-items: center;
	margin-top: 40px;
	position: relative;
}
.products .content .tab .gallery-thumbs{
	width: 88%;
}
.products .content .tab .tab-active{
	width: 100%;
    line-height: 50px;
    border-right: 1px solid #c3c3c3;
    text-align: center;
    cursor: pointer;
    transition: .25s;
}
.products .content .tab .swiper-slide-thumb-active .tab-active{
	font-weight: bold;
}
.products .content .tab .tab-r{
	display: flex;
	flex: 0;
    flex-grow: 1;
	justify-content: flex-end;
}
.products .content .tab .tab-r i{
	width: 60px;
    height: 60px;
	background-color: #efefef;
	margin-left: 20px;
	cursor: pointer;
	color: #65ac1e;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .25s;
}
.products .content .tab .tab-r i:hover{
	color: #fff;
	background-color: #65ac1e;
}



.development{
	padding: 66px 0 133px 0;
}
.development .title{
	font-size: 36px;
	color: #65ac1e;
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 93px;
}
.development ul li{
	float: left;
	color: #fff;
	width: 31.5%;
	height: auto;
	cursor: default;
	position: relative;
	transition: .5s;
}
.development ul li.development-li2,
.development ul a:nth-child(2n) li.development-li{
	margin: 0 2.75%;
}
.development ul li .development-li-content{
	width: 100%;
	height: auto;
	padding: 0 10.715%; 
	position: absolute;
	top: 46.38%;
	left: 0;
	transform: translate(0,-50%);
	transition: .5s;
}
.development ul li .name{
	font-size: 3.15291644771vw;/*60px*/
	line-height: 1.75;
	font-family: 'AliHYAiHei';
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 2.526%;
}
.development ul li .details{
	/*font-size: 1.89174986863vw;*/
	font-size: 36px;
	line-height: 1.75;
	text-align: justify;
}
.development ul li.development-li3,
.development ul a:nth-child(3) li.development-li{
	color: #0f5f96;
}

.development ul li .development-li-block{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.1);
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s;
	display: none;
}
.development ul a:hover li .development-li-block{
	display: block;
}
.development ul li:hover .development-li-content{
	top: 40%;
}



.developments{
	padding: 80px 0 45px 0;
}
.developments .title{
	font-size: 30px;
	color: #65ac1e;
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 91px;
	position: relative;
}
.developments .title::after{
	content: "";
	width: 52px;
	height: 6px;
    background: #0f5f96;
	position: absolute;
	bottom: -40px;
    left: 50%;
    margin-left: -26px;
}



.righticon{
	position: fixed;
	bottom: 10%;
    right: 0;
	z-index: 3;
}
.righticon ul li{
	width: 70px;
	height: 70px;
	background-color: #0f5f96;
	/*background-color: rgba(15,95,150,.8);*/
	margin-bottom: 20px;
	position: relative;
}
.righticon ul li img{
	width: 40px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.righticon ul a:hover li img{
	opacity: 0.8;
}
.righticon .wechat-ewm{
	width: 150px;
	height: 150px;
	position: absolute;
	top: 10px;
	right: 75px;
	transition: .5s;
	opacity: 0;
}
.righticon .wechat-ewm.wechat-ewm-active{
	opacity: 1;
}



.gotop{
	width: 49px;
	height: 56px;
	background-color: rgba(85,85,85,.5);
    position: fixed;
    bottom: 10vh;
    right: 0;
	cursor: pointer;
	z-index: 2;
}



.foot{
	color: #fff;
	padding: 34px 0 33px 0;
}
.foot .foot-container{
	padding: 0 23px;
}
.foot .foot-container .title{
	float: left;
	font-weight: bold;
	margin-top: 22px;
}
.foot .foot-container .icon{
	float: left;
	width: 54.0541%;
	margin-left: 17.1171%;
	
}
.foot .foot-container .icon ul li{
	float: left;
	width: 33.33%;
	position: relative;
}
.foot .foot-container .icon ul li img{
	width: 44px;
	height: auto;
}
.foot .foot-container .foot-center{
	margin: 58px 0 68px 0;
}
.foot .foot-container .foot-center .foot-centers{
	float: left;
}
.foot .foot-container .foot-center .foot-centers1{
	width: 38.0953%;
}
.foot .foot-container .foot-center .foot-centers2{
	width: 37.9022%;
}
.foot .foot-container .foot-center .foot-centers3{
	width: 24.0025%;
}
.foot .foot-container .foot-center .foot-centers .name{
	font-weight: bold;
	margin-bottom: 14px;
}
.foot .foot-container .foot-center .foot-centers .details div,
.foot .foot-container .foot-center .foot-centers .details p{
	font-size: 15px;
	line-height: 30px;
	transition: .25s;
}
.foot .foot-container .foot-center .foot-centers .details div img,
.foot .foot-container .foot-center .foot-centers .details p img{
	margin-right: 6px;
	vertical-align: middle;
	transition: .25s;
}
.foot .foot-container .foot-center .foot-centers1 .details div span,
.foot .foot-container .foot-center .foot-centers .details p span{
	/*border-bottom: 1px solid #fff;
	transition: .25s;*/
}
.foot .foot-container .icon ul li img:hover{
	opacity: 0.8;
}
.foot .foot-container .foot-center .foot-centers .details div a:hover,
.foot .foot-container .foot-center .foot-centers .details p a:hover{
	opacity: 0.5;
}

.foot .foot-down .foot-down-l{
	float: left;
	font-size: 13px;
	color: rgba(255,255,255,.4);
	padding-left: 24px;
	margin-top: 30px;
}
.foot .foot-down .foot-down-r{
	float: right;
}

.foot .foot-wechat-ewm{
	position: absolute;
	top: 100%;
	left: 0;
	transition: .5s;
	display: none;
}
.foot .foot-wechat-ewm img{
	width: 150px !important;
}
.foot .foot-wechat-ewm.foot-wechat-ewm-active{
	display: block;
}



.menu-button { 
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	cursor: pointer; 
	z-index: 9999; 
	transition: .5s;
}
.menu-button .bar:nth-of-type(1) { 
	margin-top: 0px;
}
.menu-button .bar:nth-of-type(3) { 
	margin-bottom: 0px;
}
.bar { 
	display: block;
	position: relative;
	width: 30px; 
	height: 5px; 
	margin: 5px auto; 
	background-color: rgba(255,255,255); 
	border-radius: 10px;
	transition: .5s;
}
.cross{ 
	margin-top: 0;
}
.head .head-up.head-up-active .cross{
	margin-top: 50px;
}
.cross .bar{ 
	margin: 10px auto; 
}
.cross .bar:nth-of-type(1) { 
	-webkit-transform: translateY(15px) rotate(-45deg);
	-ms-transform: translateY(15px) rotate(-45deg);
	transform: translateY(15px) rotate(-45deg);
	background-color: rgba(255,255,255);
}
.cross .bar:nth-of-type(2) {  
	opacity: 0;
}
.cross .bar:nth-of-type(3) { 
	-webkit-transform: translateY(-15px) rotate(45deg);
	-ms-transform: translateY(-15px) rotate(45deg);
	transform: translateY(-15px) rotate(45deg);
	background-color: rgba(255,255,255);
}



.banner-video{
	overflow: hidden;
	position: relative;
}
.banner-video-img{
	width: 100%;
	height: 100%;
	/*cursor: pointer;*/
	position: relative;
}
.banner-video-container{
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center
}
.banner-video-btn{
	margin: 0 auto;
}

.tiaozhuan{
	height: 80px;
	margin-top: -80px;
}

.zindex{
	position: relative;
	z-index: 1;
}

.md{
	padding: 85px 0;
}

.db a{
	cursor: auto;
}

.heads .head-up{
	position: relative;
	top: 0;
}
.heads .head-up .head-up-menu,
.heads .head-up .head-up-logo,
.heads .head-up .head-up-container::before,
.heads .head-up .head-up-container::after,
.heads .head-down .head-down-null,
.heads .head-down .head-down-text,
.heads .head-up .head-down-container::before,
.heads .head-up .head-down-container::after{
    background-color: rgba(0,0,0,0);
}
.heads{
	background-color: rgba(0,0,0,.7);
}



@media only screen and (max-width: 1600px){
	.containers{
		width: 85%;
	}
}

@media only screen and (max-width: 1599px){
	.head .head-up-menu .nav ul.nav-ul li.nav-li{
		margin-right: 6.5%;
	}
}

@media only screen and (max-width: 1499px){
	.head .head-up-menu .nav ul.nav-ul li.nav-li{
		margin-right: 5.5%;
	}
}

@media only screen and (max-width: 1399px){
	.head .head-up-menu .nav ul.nav-ul li.nav-li{
		margin-right: 4.5%;
	}
	
	.banner-video-btn img,
	.ab_vdico{
		height: 70px;
	}
	
	.md{
		padding: 70px 0;
	}
}

@media only screen and (max-width: 1299px){
	.head .head-up-menu .nav ul.nav-ul li.nav-li{
		margin-right: 3.5%;
	}
}

@media only screen and (max-width: 1199px){
	.head .head-up{
		height: 60px;
	}
	.head .head-up-logo img.logo{
		width: 155px;
	}
		
	.head .head-down-content .head-down-null{
		width: 0 !important;
	}
	.head .head-down-content .head-down-text{
		width: 100% !important;
	}
	
	.menu-button{
		display: block; 
	}
	.head .head-up-menu .nav{
		width: 100%;
		height: 100vh;
		background-color: rgba(0,0,0,.85);
        position: fixed;
		top: 0;
		left: 0;
		display: none;	
	}
	.head .head-up-menu .nav ul.nav-ul ,
	.head .head-up-menu .nav ul.nav-ul li.nav-li{
		align-items: flex-start;	
	}
	.head .head-up-menu .nav ul.nav-ul{
		float: right;
		width: 85%;
		height: auto;
		margin-top: 68px;
	}
	.head .head-up-menu .nav ul.nav-ul li.nav-li:last-child{
		margin-right: 8.5%;
	}
	.head .head-up-menu .nav ul.nav-ul li.nav-li.dropdown ul.dropdown-menu,
	.head .head-up.head-up-active .head-up-menu .nav ul.nav-ul li.nav-li.dropdown ul.dropdown-menu{
		background-color: rgba(0,0,0,0);
	}
	.head .head-up-menu .nav ul.nav-ul li.nav-li.dropdown:hover ul.dropdown-menu{
		margin-top: 10px;
	}
	
	.slogan .content,
	.developments .title{
		font-size: 28px;
	}
	
	.business,
	.products,
	.development,
	.developments,
	.foot{
		padding: 40px 0 60px 0;
	}
	
	.business .title,
	.products .title,
	.development .title{
		font-size: 32px;
		margin-bottom: 40px;
	}
	
	.business ul li .icon img{
		width: 80px;
		height: auto;
	}
	
	.products .content .tab{
		margin-top: 20px;
	}
	
	.developments .title{
		margin-bottom: 30px;
	}
	
	.foot .foot-container{
		padding: 0;
	}
	.foot .foot-container .foot-center{
		margin: 50px 0;
	}
	.foot .foot-down .foot-down-l{
		padding-left: 0;
	}
}

@media only screen and (max-width: 999px){
	.slogan .content,
	.developments .title{
		font-size: 24px;
	}
	
	.business,
	.products,
	.development,
	.developments,
	.foot{
		padding: 30px 0 50px 0;
	}
	
	.business .title,
	.products .title,
	.development .title{
		font-size: 28px;
		margin-bottom: 30px;
	}
	
	.developments .title{
		margin-bottom: 24px;
	}
	
	.business ul li .icon img{
		width: 60px;
		height: auto;
	}
	.business ul li .line::after{
		width: 40px;
		height: 5px;
		top: -2px;
		margin-left: -20px;
	}
	.business ul li .enter{
		width: 60px;
		height: 60px;
		margin-left: -30px;
	}
	.business ul li .enter img{
		width: 16.5px;
	}
}

@media only screen and (max-width: 899px){
	.head .head-up.head-up-active .cross{
		margin-top: 35px;
	}
	
	.head .head-up-menu .nav ul.nav-ul{
		float: none;
		width: 85%;
		margin: 0 auto;
		margin-top: 120px;
		flex-direction: column;
	}
	.head .head-up-menu .nav ul.nav-ul li.nav-li{
		height: 50px;
		margin: 0 !important;
	}
	.head .head-up-menu .nav ul.nav-ul li.nav-li .nav-a{
		display: inline-block;
		width: 90px;
	}
	.head .head-up-menu .nav ul.nav-ul li.nav-li.dropdown ul.dropdown-menu{
		top: -18%;
		left: 100%;
		transform: translateX(0);
		margin-top: 0px !important;
	}
}

@media only screen and (max-width: 768px){
	.head .head-up{
		height: 50px;	
	}
	.head .head-up-logo img.logo{
		width: 125px;
	}
	
	.head .head-down{
		height: 20px;
		line-height: 20px;
		font-size: 12px;
	}
	
	.head .banner .bntext .title1{
		font-size: 25px;
	}
	.head .banner .bntext .title2{
		font-size: 20px;
		padding: 0;		
	}
	
	/*.banner-video-btn img,*/
	.ab_vdico{
		height: 35px;
	}
	
	.md{
		padding: 25px 0;
	}
	
	.slogan .content{
		font-size: 18px;
		padding: 20px 0;
	}
	
	.business,
	.products,
	.development,
	.developments,
	.foot{
		padding: 25px 0 15px 0;
	}
	
	.business .title,
	.products .title{
		font-size: 22px;
		margin-bottom: 20px;
	}
	
	.business ul li,
	.development ul li{
		float: none;
		width: 100%;
		margin: 0 0 20px 0 !important;
	}
	.business ul li .icon img{
		width: 40px;
		height: auto;
	}
	.business ul li .name{
		font-size: 18px;
	}
	.business ul li .details{
		font-size: 16px;
	}
	.business ul li .enter{
		width: 50px;
		height: 50px;
		margin-left: -25px;
	}
	.business ul li .enter img{
		width: 13.75px;
	}
	
	.products .content .products-half{
		float: none;
		width: 100%;
	}
	.products .content .products-half.products-half-l .products-half-l-content{
		top: 50%;
	}
	.products .content .products-half.products-half-l .name1{
		font-size: 16px;
	}
	.products .content .products-half.products-half-l .name2{
		font-size: 24px;
	}
	.products .content .products-half.products-half-l .details{
		font-size: 14px;
	}
	.products .content .tab{
		display: block;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.products .content .tab .gallery-thumbs{
		width: 100%;
	}
	.products .content .tab .tab-active{
		border: 0;
    	line-height: 30px;
    	font-size: 16px;
	}
	.products .content .tab .tab-r{
		justify-content: center;
    	margin-top: 15px;
	}
	.products .content .tab .tab-r i{
		font-size: 18px;
		width: 38px;
    	height: 38px;
    	margin: 0 7px;
	}
	
	.development .title{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.development ul li .name{
		font-size: 24px;
	}
	.development ul li .details{
		/*width: 190px;
		margin: 0 auto;
		font-size: 16px;*/
	}
	
	.developments .title{
		font-size: 18px;
		margin-bottom: 40px;
	}
	.developments .title::after{
		bottom: -24px;
	}
	
	.righticon{
	
	}
	
	.foot{
		padding-bottom: 0;
	}
	.foot .foot-container .title,
	.foot .foot-down .foot-down-l,
	.foot .foot-down .foot-down-r{
		float: none;
		width: 100%;
		margin: 0 0 25px 0;
		padding: 0;
	}
	.foot .foot-container .icon{
		width: 100%;
		margin-left: 0;
	}
	.foot .foot-container .foot-center{
		margin: 25px 0 0 0;
	}
	.foot .foot-container .foot-center .foot-centers{
		width: 100%;
		margin-bottom: 20px;
	}
}



@media only screen and (max-width: 1600px){
	.development ul li .development-li-content{
		width: 330px;
		padding: 0;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.development ul li .details{
		font-size: 30px;
	}
}
@media only screen and (max-width: 1400px){
	.development ul li .development-li-content{
		width: 286px;
	}
	.development ul li .details{
		font-size: 26px;
	}
}
@media only screen and (max-width: 1200px){
	.development ul li .development-li-content{
		width: 242px;
	}
	.development ul li .details{
		font-size: 22px;
	}
}
@media only screen and (max-width: 1000px){
	.development ul li .development-li-content{
		width: 198px;
	}
	.development ul li .details{
		font-size: 18px;
	}
}
@media only screen and (max-width: 800px){
	.development ul li .development-li-content{
		width: 176px;
	}
	.development ul li .details{
		font-size: 16px;
	}
}