/* CSS Document akakaz */
* {
	margin: 0;
	padding: 0;
}


.clear {
	clear: both;
}


img {
	border: none;
	max-width: 100%;
	transition: 0.3s;
}
a{
	color: #333;
	text-decoration: none;
}


/* mycons1-start */
.mycons1{
	padding: 3% 0;

}
/* mycons1-end */


/*advbox*/
.advbox{
	background-image: url(../image/ysbg.jpg);
	background-size: cover;
	background-position: 85% 84%;
	background-repeat: no-repeat;
	color: #fff;
	position: relative;
	padding-top: 2%;
	padding-bottom: 0%;
}
.advbox .protxt span{color: #fff;}
.advbox .protxt span font{color: #009241;}
.advbox .protxt i{display:block;height:3px;width:4%;background:#fff; margin-left:25px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}

.advbox .titfix{
	display: flex;
    margin-top: 10%;
    margin-bottom: 3%;
}
.advbox .titfix h3{font-size: 22px;font-weight: bold;}
.advbox .titfix .icons{
	padding: 14px;
	border-radius: 50%;
	margin-right: 15px;
}
.advbox .titfix .icons span{
	width: 57px;height: 57px;line-height: 57px;
	color: #86C328;
	font-size: 30px;display: inline-block;background-color: #fff;
	border-radius: 50%;text-align: center;
}
.advbox .titfix .ystit{padding-top: 0%;}
.advbox .titfix .ystit>p{opacity: 0.6;text-transform: uppercase;margin-top: 8px;zoom: 0.8;}

.advbox .yscon{
	font-size: 16px;width: 89%;
	line-height: 35px;opacity: 0.5;
	margin-bottom: 8%;
}
.advbox .button .mytel{
	font-size: 24px;font-weight: bolder;
}
.advbox .button{
	display: flex;
    justify-content: space-between;
    background: rgb(134,195,40,0.7);
    padding: 3% 8% 3% 37%;
    border-radius: 50px;
    transform: translateX(-26%);
    width: 100%;
}
.advbox .button .mynums{
	font-size: 30px;
	font-weight: bold;
	margin: 0 32%;
	transition: 0.3s;
}

.advbox .adv1,.advbox .adv2{position: absolute;}
.advbox .adv1{left: 0;top: 18%;max-width: 37%;}
.advbox .adv2{right: 0;bottom: 6%;max-width: 36%;}
.advbox .gobtn{
	display: flex;
	align-items: center;
}
.advbox .gobtn span{
	display: inline-block;
	width: 85px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	border-radius: 15px;
	transition: 0.3s;
}

.advbox .gobtn span:hover{transform: scale(1.1);}




.advbox .inner{
	width: 1300px;
	margin: auto;
}
.advbox .title h3{color: #d30011;margin-top: 2.5%;}
.advbox .text{padding-top: 4%;}
.advbox .text p{
	font-size: 22px;
	font-weight: bold;
	line-height: 40px;
}
.advbox .text p:nth-child(2){text-indent: 17%;}
.advbox .chbox{ color: #000;}
.advbox .chbox .left li:nth-child(1){
	filter: brightness(15);
}
.advbox .chbox .left li:nth-child(1) h3,.advbox .chbox .left li:nth-child(1) p{
	color: #fff;
}

.gomore .ask{
	float: none;
	display: inline-block;
	padding: 8px 15px;
	color: #fff;
	margin: 9% auto 20px;transition: 0.3s;
	background-color: #009241;
	border: 2px solid #009241;
}
.gomore .ask:hover{
	padding: 8px 25px;
}
.chbox .gomore p{
	position: relative;
	font-size: 20px;
	color: #333;
	width: 33%;
	margin: auto;
	white-space: nowrap;
}
.chbox .gomore p::before{
	content: "";
	display: inline-block;
	width: 50px;height: 50px;
	border-radius: 50%;
	background-color: #f0f0f0;
	position: absolute;
	left:33px;
	z-index: -1;
	top: -4px;
}
.chbox .gomore p span{font-size:26px;color: #da251c;font-weight: bold;}


.advbox .chbox .left li .eng{
	color: #c8c9ca;font-size: 16px;

	text-transform: uppercase;
}
.advbox .chbox .left li .cons{
	position: relative;
	z-index: 1;
	padding: 2% 0;
}
.advbox .chbox .left li .cons::after{
	content: "";
	display: block;
	width: 100%;
	transition: 0.3s;
}
.advbox .chbox .left li:hover .cons::after{
	filter: brightness(0.25);
}
.advbox .chbox .left li .num{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 26px;
	color: #1a1a1a;
	background-color: #1a1a1a;
	width: 447px;height: 202px;line-height: 100px;	
	transition: 0.3s;
	transform: translate(0%,0%);
}
.advbox .chbox .left li h3{font-size: 30px;font-weight: bold;line-height: 28px;}
.advbox .chbox .left li span{font-size: 12px;text-transform: uppercase;}
.advbox .chbox .left li p{font-size: 15px;line-height: 30px;margin-top: 4%;}
.advbox .chbox .left li:hover .num{
	border-radius: 50%;
	width: 120px;height: 120px;
	color: #fff;
	transform: translate(35%,35%);
	text-indent: 19%;
	font-family: fantasy;
    font-size: 44px;
	font-weight: bold;
}

.advbox .chbox .right li{float: right;}
.advbox .chbox .right .left li{padding-bottom: 26%; width: 98%;}
.advbox .chbox .right .one .cons::after{
	padding-bottom: 44.7%;
	background-image: url(../image/adv2.jpg);
}

.advbox .chbox .right ol.left{overflow: hidden;}
.advbox .chbox .right ol.left li{width: 47.5%;margin-left: 2.5%;}
.advbox .chbox .right ol.left li:last-child{margin-left: 0;}
.advbox .chbox .right ol.left li:first-child .cons::after{
	background-image: url(../image/adv3.jpg);
}
.advbox .chbox .right ol.left li:last-child .cons::after{
	background-image: url(../image/adv4.jpg);
}
.advbox .chbox .right ol.left li .cons::after{padding-bottom: 72.5%;}



.advbox .inner{
	width: 100%;
	max-width: 1128px;
	margin: auto;
}
.advbox .inner .title p{
	font-size: 174px;
    font-weight: 100;
    font-family: 'swiper-icons',emoji;
    line-height: 140px;
    opacity: 0.2;
}
.advbox .inner .title h4{
    font-weight: bolder;
    font-size: 38px;
    margin: auto;
    position: relative;
    color: #fff;
    display: inline-block;
    border-right: 7px solid #ef821e;
    padding-right: 15px;
    line-height: 40px;
    vertical-align: middle;
	margin-top: -11%;
	margin-left: 5%;
}


@keyframes routate {
    0% {
        transform: scaleX(1.2);
    }
    50% {
        transform: scaleX(0.9);
    }
    100% {
        transform: scaleX(1.2);
    }
}
.lang{
	animation-name: routate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

@keyframes movecircleing {
	0% {
		border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
	25% {
		border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; }
	50% {
		border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%; }
	75% {
		border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; } 
}

.abouteng{width: 80%;margin:-18% auto 10%;position: relative;}
.abouteng .box{
	width:100%;height: 100%;
	/* background: url(../images/ysicon.png) center no-repeat; */
	background: url(../image/icom-bg.png) center no-repeat;
	background-size: 100% 100%;overflow: hidden;
}
.abouteng .pic{float: left;width: 100%;height: 100%;
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	-webkit-animation: movecircleing 10s infinite;
	animation: movecircleing 10s infinite;
	overflow: hidden;
	position: relative;
	z-index: 2
}
.abouteng .pic img{object-fit: cover;width:100%;height: 100%}

.abouteng .pic{overflow: hidden;}
.abouteng .pic img{
    max-width: 100%;
	border-radius: 17px;
	transition: 0.3s;
}
.abouteng .pic:hover img{transform: scale(1.1);}
.advbox .txt{
    white-space: normal;
    writing-mode: vertical-rl;
    letter-spacing: 6px;
    position: absolute;
	right: 3%;
    top: 20%;
	color: #979797;
	font-size: 16px;
}










/* company */
.indexcom{padding: 2.5% 0;}
.compage .company{
	padding: 0;
	position: relative;
	background-image: url(../image/mycom.jpg);
	background-repeat: no-repeat;
	background-size: auto;
}
.compage .indexcoms .abouts{padding: 4% 0;}
.compage .advbox{
	background-image: url(../image/ysbg2.jpg);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: top;
	padding-bottom: 5px;
}






.abouts .show .pull-left img{
	max-width: 570px;
    width: auto;
    margin-right: 40px;
    display: inline-block;
}

.company{
	color: #000;
	padding: 2% 0 3%;
	position: relative;
	background-image: url(../image/combg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top;
}

.company .protxt span{color: #eee;}
.company .protxt span font{color: #009241;}
.company .protxt h2{color: #3358A8;}
.company .protxt i{display:block;height:3px;width:8%;background:#3358A8; margin-left:25px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.company .rightcons{text-align: right;    margin-top: 8%;}
.company .rightcons p{font-size: 16px;color: #3358A8;}
.company .rightcons span{display: inline-block;width: 30%;height: 1px;background-color: #3358A8;margin-top: 1%;}




.company .title h3{display: block;color: #fff;font-weight: bold;margin-top: 15%;}
.company .title h3::after{display: none;}
.company .mybox{
	background-color: #fff;
	background-image: url(../image/combg1.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	padding: 5% 2% 5% 4%;
	margin-top: 1%;
}
.company .myhonor{margin-top: 10%;}
.company .myhonor .imgbox a{display: inline-block;max-width: 320px;overflow: hidden;}
.company .myhonor .imgbox span{
	text-transform: uppercase;
	writing-mode: tb;
	margin-left: 1%;
	font-size: 18px;
    letter-spacing: 1px;
}

.mores {
    color: #3358A8;
    padding: 1% 5%;
	border:#3358A8 solid 1px;
    font-size: 16px;
    margin-top: 2%;
    display: inline-block;
    transition: 0.3s;
    text-transform: uppercase;
    position: relative;
}


.company .btns a{
	color: #3358A8;
	padding: 5px 25px; border-radius: 0;
	font-size: 14px;text-transform: uppercase;
}
.company .btns a:hover {
	background:#3358A8;
	color: #fff;
}


.company .btns a span{font-size: 14px;}




.company .infoshow p{
	font-size: 16px;
    line-height: 35px;
    width: 94%;
    text-indent: 2em;
	margin-top: 3%;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
	-webkit-box-orient: vertical;
	
}

.company .boximg{position: relative;}
.company .boximg img{position: relative;z-index: 1;}
.company .boximg::after{
	content: "";
	display: block;
	width: 85%;
	padding-bottom: 59.2%;
    position: absolute;
	top: 3%;
	right: 10%;
	opacity: 0.2;
	z-index: 0;
	border-radius: 10px;
	background-color: #f9eaeb;
	transform: skewX(-7deg);
	transition: 0.5s;
	box-shadow: 3px 4px 8px #d30011;
}
.company .boximg.go::after{
	top: 7%;
	right: 8%;
	opacity: 1;
}
.company .mapimgs{
	position: relative;
	margin-top: 5%;
}
.company .mapimgs img{max-width: 99%;}
.company .mapimgs .mapgo{
	position: absolute;
	top: 32%;
    right: 24%;
}

.company .mapimgs .bos1{zoom: 0.7;right: 7%;top: 19%;}
.company .mapimgs .bos2{zoom: 0.7;right: 24%;top: 16%;}
.company .mapimgs .bos3{zoom: 0.7;right: 42%;top: 29%;}
.company .mapimgs .bos4{zoom: 0.7;right: 33%;top: 50%;display: none;}
.company .mapimgs .bos5{zoom: 0.7;right: 48%;top: 58%;}
.company .mapimgs .bos6{zoom: 0.7;right: 47%;top: 73%;display: none;}
.company .mapimgs .bos7{zoom: 0.7;right: 83%;top: 29%;}
.company .mapimgs .bos8{zoom: 0.7;right: 70%;top: 70%;}
.company .mapimgs .bos9{zoom: 0.7;right: 50%;top: 34%;display: none;}

.company .mapimgs .bos10{zoom: 0.7;right: 65%;top: 8%;}
.company .mapimgs .bos11{zoom: 0.7;right: 77%;top: 7%;display: none;}
.company .mapimgs .bos12{zoom: 0.7;right: 95%;top: 20%;display: none;}
.company .mapimgs .bos13{zoom: 0.7;right: 77%;top: 37%;display: none;}
.company .mapimgs .bos14{zoom: 0.7;right: 69%;top: 74%;display: none;}
.company .mapimgs .bos15{zoom: 0.7;right: 51%;top: 52%;display: none;}
.company .mapimgs .bos16{zoom: 0.7;right: 24%;top: 63%;}
.company .mapimgs .bos17{zoom: 0.7;right: 36%;top: 30%;display: none;}
.company .mapimgs .bos18{zoom: 0.7;right: 16%;top: 77%;}
.company .mapimgs .bos19{zoom: 0.7;right: 14%;top: 79%;display: none;}
.company .mapimgs .bos20{zoom: 0.7;right: 19%;top: 17%;display: none;}







.company .mapimgs .mapgo img{position: relative;z-index: 10;}	

@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(4); opacity: 0.5;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(8);opacity:0.5;}}
.company .mapimgs .mapgo::before{
	content: '';
	display: block;
	position: absolute;
    width: 12px;height: 12px;display: block;    box-sizing: unset;
	border-radius: 50%;
	top: 35%;
	left: 33%;
	background-color: rgba(231, 0, 4, .9);
	animation: scale 1.5s infinite;
}
.company .mapimgs .mapgo::after{
	content: '';
	display: block;
	position: absolute;
    width: 12px;height: 12px;display: block;    box-sizing: unset;
	border-radius: 50%;
	top: 35%;
	left: 33%;
	background-color: rgba(231, 0, 4, .9);
	animation: scale2 1.5s infinite;
}
.company .mapimgs .mapgo:nth-child(n + 3)::before{background-color: rgba(252, 128, 53, 1);animation: scale 2.5s  infinite;}
.company .mapimgs .mapgo:nth-child(n + 3)::after{background-color: rgba(252, 128, 53, .4);animation: scale 1s  infinite;}
.company .case2 h3{
    display: inline-block;
    font-size: 24px;
    border-bottom: 2px solid #009241;
    line-height: 50px;
    margin-top: 1%;
    margin-bottom: 3%;
}
.company .case2 h2{
	font-size: 20px;
	text-align: center;
	line-height: 2.3;
	background-color: #f6f6f6;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.company .case2 a{
	display: block;
	width: 95%;
	margin: auto;
}
.company .case2 a img{
	width: 100%;
	height: 260px;
	object-fit: cover;
}


.cominfo{width: 100%;}
.cominfo h2{
	font-size: 32px;
	line-height: 2;
	font-weight: 800;
	color: #113480;
	margin-bottom: 0.5%;
}
.cominfo .infoshow{line-height: 35px;font-size: 16px;}
.cominfo .infoshow a{
	margin-top: 3%;
	display: inline-block;
    color: #fff;
    transition: 0.3s;
    background-color: #a2a2a2;
    padding: 10px 11%;
    font-size: 20px;
    text-align: center;
	border: 2px solid #a2a2a2;

	box-shadow: 3px 4px 8px #d30011;
}
.cominfo .infoshow a:hover{
	box-shadow: 12px 6px 5px #d30011;
}
.combox{padding-left: 5%;}
.combox p{font-size: 15px; text-indent: 2em;}

.combox .comeng{
	font-size: 18px;
    text-transform: uppercase;
	width: 100%;
	text-align: center;
	transition: 0.5s;
	margin-top: -2%;
    margin-bottom: 5%;
}
.combox .comeng.ons{text-align-last: justify;}
.comnum{padding: 0px 0px 3%;}
.comnum ul{
	display: flex;
	margin-top: 3%;
	padding-bottom: 3%;

	justify-content: space-between;
}
.comnum ul li{
	width: 180px;
	text-align: left;
}
.comnum ul li:nth-child(-n+3){
	margin-right: 6%;
	border-right: 1px solid #000;
}
.comnum ul li p {
	color: #000;
    font-size: 28px;
    font-weight: 400;
}
.comnum ul li b{
	font-size: 44px;
	font-weight: 900;
}
.comnum ul li  span{
	font-size: 16px;
	color: #fff;
	display: block;
	margin-left: 2%;
}
.comimg img{
	width: 100%;
	max-height: 310px;
	object-fit: cover;
}
.abouts{
	margin-bottom: 6%;
}
.abouts .show{
	font-size: 16px;
	line-height: 35px;
}


@media (max-width:1500px){
	.container{width: auto;padding: 0 4%;}
	.allpros{padding: 12px 30px;}
	.allpros a{padding: 5px 11px;}
}


@media (max-width:1400px){	
	.container{width: 1200px;max-width: 100%;}	
	.title h3{font-size: 34px;}
	.advbox .button .mynums{margin: 0 15%;}
	.company .mybox{background-size: cover;}

	.advbox .titfix h3{font-size: 18px;}
	.advbox .yscon{font-size: 14px; width: 98%;}
	.advbox .titfix .ystit>p{font-size: 12px;}
	

}
@media (max-width:1200px){
  
	.advbox .titfix .icons span{
		width: 45px;height: 45px;line-height: 45px;
	}
	.advbox .titfix .icons{padding: 10px;}

	.goodspage 	.product .goods{padding: 2% 0;}
	.goodscard .pro img{height: 200px;}
	.myprobox .navgo .navbox h3{font-size: 19px;}
	.myprobox .navgo .navbox .contact-box .tel{font-size: 19px;}


	.advbox .txt{display: none;}
	.advbox .button .mytel{font-size: 16px;line-height: 3;}


	.advbox .chbox .left li h3{font-size: 22px;}
	.advbox .chbox .left li .eng{font-size: 13px;}
	.cominfo h2{font-size: 30px;line-height: 30px;margin-bottom: 5px;}
	.advbox .chbox .left li:nth-child(1) h3, .advbox .chbox .left li:nth-child(1) p{color: #000;}
	.advbox .chbox .left li:nth-child(1){filter: none;}
	.advbox .adv2{bottom: 23%;}
	.container{width: 100%;}
	.advbox .inner .title p{font-size: 110px;}
	.advbox .text{padding-left: 10px;}
	.advbox .text p:nth-child(2){text-indent: 0;}
	.advbox .text p{font-size: 18px;}
	.advbox .name{font-size: 18px;}
	.advbox .consimg{padding-left: 0;}
	.advbox .consimg img{width: 34%;min-width: 150px;}
	.advbox .disline a,.advbox .disline p{font-size: 18px;}
	.advbox .disline{width: 59%;}
	.imageslist a{font-size: 17px;}
	.company .case2 h2{font-size: 17px;}
}
@media (max-width:992px){
	.company .btns a{margin-bottom: 10px;}
	.advbox .button{margin-bottom: 20px;}
	.company .mapimgs img{width: 100%;}
	.company .infoshow h2 img{zoom: 0.8;margin-bottom: 20px;}
	.company .rightcons p{font-size: 14px;}
	.company{background-size: auto;}
	.company .protxt{text-align: center;}
	.company .rightcons{text-align: center;margin:5px auto ;}
	.advbox .gobtn span{width: 65px;}
	.advbox .button .mynums{font-size: 20px;margin: 0 5%;}


	.advbox .inner .title p{font-size: 78px;}
	.advbox .inner .title h4{font-size: 26px;}
	
	
	.company .infoshow{text-align: center;}
	.company .infoshow p{margin: auto;}
	
}
@media (max-width:767px){

	.abouteng{margin: 0 auto 5%;}
	.mlogo{margin: 11px 0;}
	.company .mapimgs .mapgo:nth-of-type(1){
		top: 35%;
		right: 21%;
	}
	.mynlist li{width: 100%;}
	.advbox{
		background-position: center 84%;
	}
	.myprobox .navgo .navbox ul li a{font-size: 14px;}


	
	.imageslist .imgbox img{height: 140px;}
	.imageslist a{font-size: 15px;}
	.goodscard .pro h4 span{font-size: 15px;}
	.advbox .gobtn span{width: 45px;}
	.advbox .button .mytel{font-size: 14px;}

	.company .rightcons{margin: 7px;}
	
	

	.advbox .titfix{margin-top: 6%;}
	.advbox .yscon{width: 100%;margin-bottom: 5%;}
	.mycons1 .myprobox{margin-top: 3%;}
	
	.title span{line-height: 2;margin: 5% 0;}
	
	.chbox .gomore p{width: auto;}
	.advbox .adv1{display: none;}
	.advbox .adv2{display: none;}
	.advbox .chbox .left li:nth-child(1){margin-top: 0;}
	.advbox .chbox .left li .col-xs-2{text-align: center;}
	.advbox .chbox .left li p{margin-top: 0;}
	.advbox .chbox .left li:nth-child(2){margin-top: 0;}
	
	.company .boximg{text-align: center;}
	.company .boximg::after{width: 76%;}
	.combox{padding: 55px 5px 0 ;}
	.company .boximg.go::after{top: 1%;}
	.title h3{font-size: 26px;}
	
	.cominfo .infoshow{display: block;}
	.cominfo .infoshow a{
		width: 25%;margin: auto;
		font-size: 16px;
		writing-mode:unset;
		padding: 5px;
		display: block;
	}
	
	.advbox .consimg{margin-top: 20px;}
	.advbox .consimg img{width: auto;}
	.advbox .consimg{text-align: center;}
	.advbox .text{padding-left: 0;text-align: center;}
	.advbox .disline{width: auto;}
	
	.advbox .inner .title p{font-size: 56px;}
	#prev_next li{width: 100%;}
	.advbox .inner .title h4,.cominfo h2,.newsconts h3{font-size: 20px;}
	.advbox .inner ul li{font-size: 18px;}
	.advbox .inner ul li p{
		font-size: 14px;
		line-height: 2;
	}
	
	.cominfo h2{margin-top: 20px; text-align: center;}
	.abouts .show .pull-left{float: none!important;}
	.abouts .show .pull-left img{
		max-width: 100%;
		margin: auto;
		display: block;
	}
	
}
@media (max-width:550px){
	
	.advbox .inner ul li{background-size: 15%;}
	.setinfo .inner .shows .imgbox img{height: 95px;object-fit: contain;}
}