@charset "UTF-8";
.section{
	font-size: 16px;
}
.sec1{
	position: relative;
}
.sec1 .inner{
	position: relative;
}
.sec1 .text-box{
	padding-top: 15.7%;
	opacity: 0;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	width: 65.3%;
}
.sec1 .text-box.actived{
	opacity: 1;
}
.sec1 .text-box h3{
	/* background-image: -webkit-linear-gradient(left, #003f86, #fcb040); */
  	/* background-clip: text;
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent; */
  	color: #333;
	display: inline-block;
	font-size: 2.5em;
	line-height: 1.25;
	margin-bottom: 4.36%;
	font-weight: bold;
}
.sec1 .text-box p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.78;
	text-indent: 2em;
	max-width: 45em;
	text-align: justify;
}
.sec1 ul{
	width: 65.3%;
	margin-top: 13.125%;/*189px*/
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
	padding:3.82% 0 ;/*55*/
}
.sec1 ul::after{
	content: "";
	position: absolute;
	left: -100%;
	top: 0;
	width: 300%;
	height: 100%;
	background-color: #fcb040;
}
.sec1 li{
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
	-webkit-transition-property: opacity,transform;
	-webkit-transition-duration: 1s,1s;
	transition-property: opacity,transform;
	transition-duration: 1s,1s;
	position: relative;
	z-index: 2;
	width: 33%;
}
.sec1 li:nth-child(1){
	-webkit-transition-delay: 0.25s,0.25s;
	transition-delay: 0.25s,0.25s;
}
.sec1 li:nth-child(2){
	-webkit-transition-delay: 0.5s,0.5s;
	transition-delay: 0.5s,0.5s;
}
.sec1 li:nth-child(3){
	-webkit-transition-delay: 0.75s,0.75s;
	transition-delay: 0.75s,0.75s;
	margin-right: 0;
}
.sec1 ul.actived li{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.sec1 li img{
	width: auto;
	height: 2.25em;/*36px*/
	margin-bottom: 1.75em;/*28px*/
}
.sec1 li h5{
	font-size: inherit;
	color: #fff;
	margin-bottom: 0.5em;
}
.sec1 li h5 b{
	font-size: 2em;
	font-weight: bold;
	vertical-align: baseline !important;
}
.sec1 li p{
	font-size: 0.875em;
	color: #fff;
}
.sec1 .img{
	position: absolute;
	left: 100%;
	bottom: 0;
	z-index: 1;
	width: 51.389%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: transform 1.5s;
	transition: transform 1.5s;
}
.sec1 .img.actived{
	left: 65.3%;
	-webkit-transform: scale(1);
	transform: scale(1);
}



.sec2{
	padding: 9.11% 0 8.65%;/*175 0 166*/
}
.sec2 .inner{
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: flex-start;
	-webkit-flex-direction: row-reverse;
	-webkit-flex-wrap: wrap;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row-reverse;
	flex-wrap: wrap;
}
.sec2 .img-box{
	width: 36.111%;
	-webkit-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0);
	opacity: 0;
	-webkit-transition: transform 1s,opacity 1s;
	transition: transform 1s,opacity 1s;
}
.sec2 .img-box.actived{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}
.sec2 .text-box{
	width: 63.889%;
	color: #333;
	padding: 0 8.61%;
	-webkit-transform: translate3d(50%,0,0);
	transform: translate3d(50%,0,0);
	opacity: 0;
	-webkit-transition: transform 1s,opacity 1s;
	transition: transform 1s,opacity 1s;
}
.sec2 .text-box.actived{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}
.sec2 .text-box h3{
	font-size: 3em;
	color: inherit;
}
.sec2 .text-box h5{
	font-size: 1.375em;
	color: inherit;
	line-height: 1.5;
	margin: 4.2% 0 5.2%;/*28 0 35*/
}
.sec2 .text-box p{
	text-indent: 2em;
	text-align: justify;
	font-size: 1.125em;
	color: inherit;
	line-height: 1.78;
}



.sec3{
	background-color: #f8f8f8;
	padding: 8.1% 0 8.59375%;/*155 0 165*/
}
.sec3 .inner{
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: flex-start;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
}
.sec3 .img-box{
	width: 36.111%;
	-webkit-transform: translate3d(50%,0,0);
	transform: translate3d(50%,0,0);
	opacity: 0;
	-webkit-transition: transform 1s,opacity 1s;
	transition: transform 1s,opacity 1s;
}
.sec3 .img-box.actived{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}
.sec3 .text-box{
	width: 63.889%;
	color: #333;
	padding: 0 10.7%;
	-webkit-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0);
	opacity: 0;
	-webkit-transition: transform 1s,opacity 1s;
	transition: transform 1s,opacity 1s;
}
.sec3 .text-box.actived{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}
.sec3 .text-box h3{
	font-size: 3em;
	color: inherit;
	margin-bottom: 7.68%;/*47*/
}
.sec3 .text-box p{
	text-indent: 2em;
	text-align: justify;
	font-size: 1.125em;
	color: inherit;
	line-height: 1.78;
}
.sec3 .text-box ul{
	margin-top: 18.137%;/*111*/
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.sec3 .text-box h4{
	font-size: 1em;
	color: #0c67ba;
	margin-bottom: 1.5em;
}
.sec3 .text-box h4 b{
	font-size: 2em;
	font-weight: 600;
	vertical-align: baseline !important;
}
.sec3 .text-box h5{
	font-size: 0.875em;
	color: inherit;
	font-weight: normal;
}



.sec4{
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url(../images/intro_sec4_bg_web.jpg);
	padding: 6.77% 0;/*130 0*/
}
.sec4::before{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background-color: rgba(255,255,255,0.8);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.sec4 .inner{
	text-align: right;
	position: relative;
}
.sec4 .text-box{
	color: #333;
	text-align: justify;
	width: 50%;
	margin-left: 50%;
	padding-left: 8%;/*116*/
}
.sec4 h3{
	font-size: 3em;
	color: inherit;
	margin-bottom: 9.75%;/*59*/
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	opacity: 0;
}
.sec4 .text-box.actived h3{
	opacity: 1;
}
.sec4 p{
	font-size: 1.125em;
	color: inherit;
	line-height: 1.78;
	text-indent: 2em;
	margin-bottom: 0.56em;
	-webkit-transition: opacity 1s 0.5s;
	transition: opacity 1s 0.5s;
	opacity: 0;
}
.sec4 .text-box.actived p{
	opacity: 1;
}
.sec4 p:last-child{
	margin-bottom: 0;
}



.sec5{
	text-align: center;
	padding: 9.0625% 0 10%;/*174 0 193*/
	color: #333;
}
.sec5 h3{
	font-size: 3em;
	color: inherit;
	margin-bottom: 7.29%;/*105*/
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	opacity: 0;
}
.sec5.actived h3{
	opacity: 1;
}
/* .sec5 ul{display: flex;justify-content: space-around;} */
.sec5 li{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	float: left;
	min-height: 150px;
	max-width: 25%;
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
	-webkit-transition-property: opacity,transform;
	-webkit-transition-duration: 1s,1s;
	transition-property: opacity,transform;
	transition-duration: 1s,1s;
}
.sec5 li:nth-child(1){
	-webkit-transition-delay: 0.5s,0.5s;
	transition-delay: 0.5s,0.5s;
}
.sec5 li:nth-child(2){
	-webkit-transition-delay: 0.75s,0.75s;
	transition-delay: 0.75s,0.75s;
}
.sec5 li:nth-child(3){
	-webkit-transition-delay: 1s,1s;
	transition-delay: 1s,1s;
}
.sec5 li:nth-child(4){
	-webkit-transition-delay: 1.25s,1.25s;
	transition-delay: 1.25s,1.25s;
}
.sec5 li:nth-child(5){
	-webkit-transition-delay: 1.5s,1.5s;
	transition-delay: 1.5s,1.5s;
}
.sec5 li:nth-child(6){
	-webkit-transition-delay: 1.75s,1.75s;
	transition-delay: 1.75s,1.75s;
}
.sec5 li:nth-child(7){
	-webkit-transition-delay: 2s,2s;
	transition-delay: 2s,2s;
}
.sec5 li:nth-child(8){
	-webkit-transition-delay: 2.25s,2.25s;
	transition-delay: 2.25s,2.25s;
}

.sec5.actived li{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.sec5 li img{
	max-width: 60%;
	margin-bottom: 8.75%;	
}
.sec5 p{
	font-size: 1.25em;
	color: inherit;	
	line-height: 1.8;
}
/*  */
.about_4_2 .swiper-container{overflow:hidden;}
.about_4_2 ul li {
    position: relative;
    float: left;
    width: 23.84155455904335%;
    margin-right: 1.54459392127554%;
}
.about_4_2 ul li a {
    background-color: #fff;
    position: relative;
    background-color: #f4f7f9;
    overflow: hidden;
    display: block;
    position: relative;
    transition: 1.5s cubic-bezier(.14,1,.34,1);
}
.js-scroll-border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    border: 40px solid #FFF;
    transition: border 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.animated .js-scroll-border {
    border: 0px solid #FFF;
}
.about_4_2_mid {
    margin: 0 1em;
}
.about_4_2_mid_1 {
    border-bottom: 1px #c6c6c6 solid;
    position: relative;
    height: 20.15625vw;
}
.about_4_2_mid_1 img {
    position: absolute;
    max-width: 70%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.about_4_2_mid_2 {
    margin: 1.25em 0;
}
.hi {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about_4_2_mid_2_1 {
    font-size: 1.2em;
    color: #090909;
}
.about_4_2_mid_2_2 {
    margin-top: 5px;
    font-family: Calibri;
    color: #84919a;
}
.about_4_2 ul li a:after {
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    background-color: #0077d3;
    width: 0;
}
.about_2_3_mid_1 {
    margin-top: 5.625em;
}
.index_1_mid_right_1 {
    margin-bottom: 3em;
}
.index_1_mid_right_1 span {
    padding-right: 4.5em;
    position: relative;
    display: inline-block;
    color: #262626;
    font-size: 1.4em;
    letter-spacing: .02em;
	text-transform: uppercase;
}
.index_1_mid_right_1 span:after {
    content: '';
    position: absolute;
    right: 0;
    height: 1px;
    background-color: #1d1d1d;
    width: 4em;
    background-color: #1d1d1d;
    top: 50%;
    transform: translateY(-50%);
}
.about_2_mid_mid_2 {
    font-size: 2.08333333333333vw;
    line-height: 1.5;
}
.about_4_2 {
    margin-top: 5.875em;
    margin-bottom: 5.875em;
}
.about_4_2 ul li:nth-child(4n) {
    margin-right: 0;
    margin-right: 0;
}
.about_4_3 {
    margin-bottom: 4em;
}

.index_1_mid_right_5_more {
    overflow: hidden;
    display: inline-block;
    position: relative;
    padding-bottom: .875em;
}
.index_1_mid_right_5_more span {
    padding-right: 3.555555555555556em;
    font-size: 1.125em;
    color: #2c4670;
    display: inline-block;
    position: relative;
}
.index_1_mid_right_5_more span:before {
    content: '';
    position: absolute;
    right: 0;
    width: 2em;
    height: 0.7222222222222222em;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(../images/img17.png);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.index_1_mid_right_5_more:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #2c4670;
    transition: all 0.8s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
/* 工厂车间 */
.about_5 {
    padding-top: 9.8125em;
    padding-bottom: 8.5em;
    background-color: #f6fafe;
    overflow: hidden;
    position: relative;
}
.about_5_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img15.png);}
.about_5_con {
    padding:12.5em 0;
    position: relative;
    z-index: 10;
}
.about_5_con_img_list {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 92%;
}
.about_5_con_img_list p {
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about_5_con_img_list p.on {
    opacity: 1;
    z-index: 1;
}
.about_5_mid_mid {
    width: 62.76041666666667%;
    margin-left: 37.23958333333333%;
    background-color: rgba(252, 176, 64, .86);
    color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.about_5_mid_mid_jj {
    margin-right: 24.06639004149378%;
    margin-left: 8.29875518672199%;
    margin-top: 6.0625em;
    margin-bottom: 5em;
}
.about_2_mid_mid_2 {
    font-size: 2.08333333333333vw;
    line-height: 1.5;
	font-weight: bold;
}
.about_5_mid_mid_jj_3 {
    font-size: 1.2em;
    color: #e1e6ef;
    line-height: 2;
    margin-top: 1.5em;
    margin-bottom: 3em;
}
.about_5_mid_mid_jj_footer {
    margin-top: 4em;
}
.about_5_mid_mid_jj_footer_left {
    display: inline-block;
    color: #fff;
    width: 3em;
    height: 3em;
    border: 1px #fff solid;
    line-height: 3em;
    border-radius: 100%;
    text-align: center;
    font-family: "宋体";
    cursor: pointer;
}

.index_1_mid_right_1 span.ww {
    color: #fff;
}
.index_1_mid_right_1 span.ww:after {
    background-color: #fff;
}
.about_5_mid_mid_jj_4 ul li.line .about_5_mid_mid_jj_4_1 {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../picture/img17.png);
}
.about_5_mid_mid_jj_4 ul li {
    margin-bottom: 1em;
    float: left;
    width: 13.6%;
    text-align: center;
    display: block;
}
.about_5_mid_mid_jj_4_1 {
    height: 4em;
    position: relative;
}
.about_5_mid_mid_jj_4 ul li img {
    max-width: 70%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.about_5_mid_mid_jj_4 ul li.line {
    width: 8%;
}
.about_5_mid_mid_jj_4_2 {
    margin-top: 1em;
}
.about_5_mid_mid_jj_footer_right {
    display: inline-block;
    color: #fff;
    width: 3em;
    height: 3em;
    border: 1px #fff solid;
    line-height: 3em;
    border-radius: 100%;
    text-align: center;
    font-family: "宋体";
    cursor: pointer;
}
.pro_info_top_2_left{float: left;}
.pro_info_top_2_left a{color: #666;}
.news_info_1_right {float: right;}
.news_info_1_right a{padding-right: 1.875em;color: #000; position: relative; display: inline-block;}
.news_info_1_right a:after{ content: ''; position: absolute;right: 0;width: 1em; height: .875em; background-position: center;background-repeat: no-repeat; background-size: cover;background-image: url(../images/img2.png); top: 50%;transform: translateY(-50%);}
@media only screen and (max-width:1366px){
	.section{
		font-size: 14px;
	}
}
@media only screen and (max-width:1200px){
	.section{
		font-size: 12px;
	}
}

@media only screen and (max-width:1024px){
	.section{
		font-size: 0.625rem;
	}
	.sec1 .text-box h3{font-size: 2.5em;}
.about_4_2_mid_1{height: 200px;}
.about_2_mid_mid_2{font-size: 18px;}
	.sec1 .text-box{
		padding-top: 10%;
		width: 100%;
	}
	.sec1 ul{
		width: 100%;
		margin-top: 5%;/*189px*/
		padding:8% 0;/*55*/
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.sec1 li{
		width: auto;
	}
	.sec1 .img{
		position: static;
		width: 100%;
		margin-top: 5%;
	}



	.sec2{
		padding: 10% 0;/*175 0 166*/
	}
	.sec2 .inner{
		-webkit-display: block;
		display: block;
	}
	.sec2 .img-box{
		width: 80%;
		margin: 0 auto;
	}
	.sec2 .text-box{
		width: 100%;
		padding: 0;
		margin-bottom: 5%;
	}



	.sec3{
		padding: 10% 0;/*155 0 165*/
	}
	.sec3 .inner{
		-webkit-display: block;
		display: block;
	}
	.sec3 .img-box{
		width: 80%;
		margin: 0 auto;
	}
	.sec3 .text-box{
		width: 100%;
		padding: 0;
	}
	.sec3 .text-box ul{
		margin-top: 10%;/*111*/
		margin-bottom: 10%;
	}



	.sec4{
		background-image: url(../images/intro_sec4_bg_mobile.jpg);
		padding: 10% 0 100%;/*130 0*/
	}
	.sec4::before{
		height: 50%;
		width: 100%;
		-webkit-backdrop-filter: blur(2.5px);
		backdrop-filter: blur(2.5px);
	}
	.sec4 .text-box{
		width: 100%;
		margin-left: 0;
		padding-left: 0;/*116*/
	}
	.sec4 h3{
		margin-bottom: 5%;/*59*/
	}



	.sec5{
		padding: 15% 0;/*174 0 193*/
	}
	.sec5 h3{
		margin-bottom: 10%;/*105*/
		line-height: 1.25;
		font-size: 18px;
	}
	.sec5 li{
		width: auto;float: left;min-height: 80px;
	}
	.sec5 li:nth-child(3){
		margin-right: 0;
	}
	.sec5 li img{
		width: 60%;display: block;margin: 0 auto;
	}
}

/* 产品 */
.nybanner_footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 98;
}
.nybanner_footer p {
    z-index: 100;
    display: none;
    position: relative;
    color: #fff;
    padding: .5em 0;
    text-align: center;
    background-color: #333;
}
.nybanner_footer ul li {
    float: left;
    width: 25%;
}
.nybanner_footer ul li a {
    color: #fff;
    text-align: center;
    font-size: 1.25em;
    padding: 1em 1em;
    display: block;
    margin-left: 1px;
    background-color: rgba(0, 0, 0, .77);
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.nybanner_footer ul li a:hover, .nybanner_footer ul li a.on {
    background-color: #fcb040;
}


@media screen and (max-width: 1024px){
	.nybanner_footer p {display: block;padding: 1em 0;}
	.nybanner_footer ul {
	    opacity: 0;
	    visibility: hidden;
	    transition: all .5s;
	    z-index: 10;
	    position: absolute;
	    left: 0;
	    width: 100%;
	    margin-top: -36.8px;
	}
	.nybanner_footer ul.show {
	    margin-top: 0;
	    opacity: 1;
	    visibility: visible;
	}
	
}
.pro_1 {
    position: relative;
    z-index: 10;
    overflow: hidden;
    background-color: #f4f7fa;
}
.pro_1_mid_2 {
    margin-top: 7em;
    margin-bottom: 3.5em;
}
.pro_1_mid_2 ul li {
    float: left;
    margin-bottom: 1.5em;
    width: 24%;
    margin-right: 1.333333333333333%;
}
.index_2_mid_2_mid {
    text-align: center;
    background-color: #fff;
    padding: 1em;
    border-radius: 5px;
}
.index_2_mid_2_mid_1 {
    position: relative;
    text-align: center;
    height: 17.91666666666667vw;
}
.index_2_mid_2_mid_1_bo {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.index_2_mid_2_mid_1_bo span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.index_2_mid_2_mid_1_bo span:nth-child(1) {
    background-color: #fcb040;
    opacity: .07;
}
.index_2_mid_2_mid_1_bo span:nth-child(2) {
    background-color: #fcb040;
    opacity: .07;
    transform: scale(0.7267441860465116, 0.7267441860465116);
}
@keyframes ripple{0%{opacity:0;transform:scale(.1,.1)}5%{opacity:.3}100%{opacity:0;transform:scale(1)}}
.index_2_mid_2_mid_1_bo span:nth-child(1) {
    opacity: 0;
    -webkit-animation: ripple 4s ease-out 225ms infinite;
    -moz-animation: ripple 4s ease-out 225ms infinite;
    -o-animation: ripple 4s ease-out 225ms infinite;
    animation: ripple 4s ease-out 225ms infinite;
}
.index_2_mid_2_mid_1_bo span:nth-child(2) {
    opacity: 0;
    -webkit-animation: ripple 4s ease-out 725ms infinite;
    -moz-animation: ripple 4s ease-out 725ms infinite;
    -o-animation: ripple 4s ease-out 725ms infinite;
    animation: ripple 4s ease-out 725ms infinite;
}
.index_2_mid_2_mid_1_bo span:nth-child(3) {
    opacity: 0;
    -webkit-animation: ripple 4s ease-out 1225ms infinite;
    -moz-animation: ripple 4s ease-out 1225ms infinite;
    -o-animation: ripple 4s ease-out 1225ms infinite;
    animation: ripple 4s ease-out 1225ms infinite;
}
.index_2_mid_2_mid_1_bo img {
    width: 100%;
    opacity: 0;
}
.index_2_mid_2_mid_1_bo:after {
    z-index: 10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img19.png);
    content: '';
    position: absolute;
    width: 23.83720930232558%;
    height: 23.83720930232558%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.index_2_mid_2_mid_1_img {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);}
.index_2_mid_2_mid_1_img img {max-width:100%;}
.index_2_mid_2_mid_2 {text-align: center; color: #292929;font-size: 1.5em;margin-bottom:.5em;}
.index_2_mid_2_mid_3 {
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    text-align: center;
    margin-top: 1.3em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.3em;
    max-width: 100%;}
.index_2_mid_2_mid_3 span {
    padding-right: .875em;
    color: #fcb040;
    padding-bottom: .6em;
    padding-top: .6em;
    display: inline-block;
    position: relative;
    overflow: hidden;
	font-size: 1.2em;}
.index_2_mid_2_mid_3 span:before {
    content: '';
    position: absolute;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/img21.png);
    width: 9px;
    height: 9px;
    top: 50%;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
}
.index_2_mid_2_mid:hover .index_2_mid_2_mid_1_bo {
    opacity: 1;
}
.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span {
    color: #fff;
    background-color: #fcb040;
    padding-left: 1.75em;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border-radius: 1.875em;
    padding-right: 1.875em;
}
.pro_1_mid_2 ul li:nth-child(4n) {
    margin-right: 0;
}
.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span:before {
    right: 1em;
    background-image: url(../images/img21w.png);
}
/* fanye */
.fenye {
    margin-bottom: 7em;
}
.pagination {
    text-align: center;
}
.pagination li {
    display: inline-block;
	width: auto;
}
.pagination li a,.pagination li.active span,.pagination li:nth-child(1).disabled span,.pagination li:last-child.disabled span{ margin:0 .2em;
display:inline-block; line-height:2.3em; width:2.3em; height:2.3em; border:1px #ced9e0 solid;border-radius:100%; background-color:#fff; font-family:Calibri; font-size:1.25em;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;color: #666;}
.pagination li a:hover, .pagination li.active span {
    color: #fff;
    background-color: #fcb040;
    border-color: #fcb040;
}


/* 产品详情 */
#main {overflow: hidden;transform-style: preserve-3d; transform-origin: 30% 50% 0;transition: transform .5s;background:#f4f7fa;}
.pro_info_top_2{
font-size:1.4em; margin:2em 0;}
.pro_info_top_3_left{
float:left; width:45%; text-align:center;}
.pro_info_top_3_left img{
max-width:66%;}
.pro_info_top_3_right{ overflow:hidden;
float:right; width:55%;background-color:#fff; }
.index_1_mid_right_2_w{
color:#333;font-size: 22px;}
.pro_info_top_3_right_mid{
margin:4em 11%;}
.pro_info_top_3_right_mid .index_1_mid_right_1{
margin-bottom:1.75em;}
.pro_info_top_3_right_mid_3{
font-size:1.25em; line-height:2; margin-top:2em;}
.pro_info_top_3{
padding-top:3em; padding-bottom:5em;}
.pro_info_tab{ display:none;
border-bottom:1px #eef2f7 solid;}
.pro_info_tab ul{border-left:1px #eef2f7 solid; overflow:hidden}
.pro_info_tab ul li{
float:left;border-right:1px #eef2f7 solid;}
.pro_info_tab ul li a{ display:block;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
font-size:1.125em; color:#333333; padding:1.25em 2.875em;}
.pro_info_tab ul li a:hover,.pro_info_tab ul li a.on{
color:#fff; background-color:#1654a8;}
.pro_info_con_1{
position:relative}
.pro_info_con_1:after{
content:''; position:absolute; left:0; bottom:.4em; width:100%; height:1px; background-color:#dbdbdb;}
.pro_info_con_1_title{display:inline-block; position:relative; z-index:10;}
.pro_info_con_1_title_1{ margin-top:2.6em;font-size:2em; color:#333;line-height: 2;}
.pro_info_con_1_title_2{text-transform: uppercase; position:relative;
font-family:Calibri;font-size: 1.4em; color:#b4b4b4; padding-right:1.5em;background: #f4f7fa;}
.pro_info_con_1_title_2:after{
content:''; position:absolute; width:16px; height:2px; background-color:#fcb040; right:0em; bottom:5px;}
.pro_info_con{
overflow:hidden; padding-bottom:6.875em;}
.pro_info_con.hui,.pro_info_con.hui .pro_info_con_1_title{
background-color:#f8fbfe}
.pro_info_con_2{
margin-top:2.5em; line-height:2;}
.pro_info_con_2_adv ul li{ margin-bottom:.2em;
position:relative; font-size:1.125em; color:#333; padding-left:1.833333333333333em;}
.pro_info_con_2_adv ul li:after{
content:''; position:absolute; width:1.055555555555556em; height:1.055555555555556em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img3.png); left:0; top:.55em;}

/* 联系我们 */
.lx_1 {
    overflow: hidden;
    position: relative;
    padding-top: 5.5em;
    padding-bottom: 5.3125em;
    background-color: #fff;
    z-index: 10;
    background-position:top center;
    background-repeat: no-repeat;
 /*   background-size: cover; */
}
.about_2_3_mid {background-image: url(../images/ditu.png);}
.index_1_mid_right_2 {
    color: #333;
    font-size: 2.39583333333333vw;
	font-weight: bold;
}
.lx_1_3 {
    margin-top: 3.75em;
    margin-bottom: 2.75em;
}
.lx_1_3 ul {display: flex;justify-content: space-between;}
.lx_1_3 ul li {
	padding: 30px 0 40px 0;
/*    -webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2); */
    float: left;
    width: 100%;

    text-align: center;}
.cell_mid {
    display: table;
    height: 100%;
    width: 100%;
}
.lx_1_3 .cell_mid, .lx_1_3 .cell_h {
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
    border-collapse: collapse;
}
.lx_1_3 .cell_mid, .lx_1_3 .cell_h {
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
    border-collapse: collapse;
}
.lx_1_3_mid {
    margin: 1em 0em;
/* 	overflow: hidden; */
	text-align: left;
}
.lx_1_3_mid_1 {
    position: relative;
    color: #0d0d0d;
    font-size: 2em;
	 padding-top: 1em;
    padding-bottom: .5em;
}
.lx_1_3_mid_1:after {
    content: '';
    width: 16px;
    height: 2px;
    position: absolute;
    bottom: 0;
    background-color: #0077d3;
    left: 0%;
    transform: translateX(-50%);
}
.lx_1_3_mid_2 { margin-top: 1em;}
.lx_1_3 ul li:nth-child(3n) {margin-right: 0;}
.lx_1_4 {
    background-color: #fff;
    -webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
    padding: .5em;
}
#map22 {
    height: 25vw;
}
#mapBox{width: 100%;height: 100%;}
.lx_1_3_mid_2 dl {display: flex;align-items: flex-start;}
.lx_1_3_mid_2 dl dd {
	width:33.33%;
   padding-left: 1.5em;
    margin-top: .5em;
    display: inline-block;
    position: relative;
    color: #666;
	font-size: 15px;
	line-height: 1.5;
}
.lx_1_3_mid_2 dl dd:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.lx_1_3_mid_2 dl dd.email:after {
    top: 18px;
    width: 17px;
    height: 13px;
    background-image: url(../images/img4.png);
}
.lx_1_3_mid_2 dl dd.add:after{    
	top: 14px;
    width: 17px;
    height: 17px;
    background-image: url(../images/dingwei.png);}
.lx_1_3_mid_2 dl dd.tel:after{top: 14px;width: 17px; height: 17px;background-image: url(../images/tel.png);}	
.lx_1_3_mid_2 dl dd.fax:after{top: 14px;width: 17px; height: 17px;background-image: url(../images/fax.png);}	

.lx_1_3_mid_2 dl dd.email,.lx_1_3_mid_2 dl dd.add {
position: relative; padding: 0 0px 0 22px;margin-right: 2.5vw;}
.lx_1_3_mid_2 dl dd h2{font-size: 1.2em;padding: 10px 0;color:#333;}
.item .icon {
    padding-top: 35px;
    border-top: 1px solid #e5e5e5;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #4f9a89;
}

.contactbox-section1 .cont .tit {
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 40px;
}
.gt {margin-top: 3.75em; margin-bottom: 2.75em;}
.gt .form .item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.gt .form .item textarea, .gt .form .item input, .gt .form .item button {
    padding: 21px 24px;
    font-size: 16px;
    color: #b2b2b2;
    background-color: #f5f5f5;
    resize: none;
    outline: none;
    border: none;
    margin-bottom: 20px;
	width: 100%;}
.gt .form .item input {
    width: calc(50% - 10px);
}
.gt .form .item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.gt .form .item button {
    width: 100%;
    background-color: #333;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-radius: 3px;
	cursor: pointer;
}
.gt .form .emale1 input {
    width: 100%;
}
/* 服务理念 */
.ser_a .wrap .swiper-wrapper{display: flex;justify-content:space-around;}
.ser_a .wrap .idea {
	width: 23.5%;
    height: 400px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background:#f6f6f6;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.ser_a .wrap .idea .bgimg {
    margin: 0 auto;
    max-width: 600px;
    height: 100%;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    opacity: 0;
}
.ser_a .wrap .idea .indiv {
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid rgba(255, 255, 255, 0);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding-top: 60px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.ser_a .wrap .idea .indiv .imgbox {
    margin-bottom: 50px;
}
.ser_a .wrap .idea .indiv .bt {
    color: #333;
    margin-bottom: 26px;
}
.ser_a .wrap .idea .indiv .bt .num {
    font-size: 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.ser_a .wrap .idea .indiv .bt .dw {
    font-size: 18px;
}
.ser_a .wrap .idea .indiv .text {
    line-height: 28px;
    font-size: 16px;
    color: #acacac;
    padding: 0 10px;
}
/*  */
.ser_c {
    background: url(../images/ser_09.jpg) no-repeat center top / cover;
    padding: 6.25% 0 7.5%;
}

.ser_c .box {
  float: left;
  width: 46.875%;
}
.ser_c .box .mktitle {
  text-align: center;
  margin-bottom: 50px;
}
.ser_c .box .cont {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 8% 7.2% 0 7.2%;
  background: rgba(255, 255, 255, 0.16);
  height: 550px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}
.ser_c .hotbox {
  margin-right: 6.25%;
}
.ser_c .hotbox .imgbox img {
  width: 100%;
}
.ser_c .hotbox .lxbox {
  padding: 50px 0 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ser_c .hotbox .lxbox a {
  width: 50%;
  float: left;
  font-size: 18px;
  color: #ffffff;
  line-height: 20px;
  padding-left: 30px;
  background: url(../images/phone_02.png) no-repeat left center;
}
.ser_c .downloadbox .cont a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.ser_c .downloadbox .cont a .text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 42px;
  font-size: 16px;
  border: solid 1px rgba(255, 255, 255, 0.3);
  color: #fff;
  height: 45px;
  -webkit-border-radius: 4px 0px 0px 4px;
     -moz-border-radius: 4px 0px 0px 4px;
          border-radius: 4px 0px 0px 4px;
  padding-left: 50px;
  background: url(../images/word.png) no-repeat 20px center;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ser_c .downloadbox .cont a .btn {
  width: 180px;
  height: 45px;
  -webkit-border-radius: 0px 4px 4px 0px;
     -moz-border-radius: 0px 4px 4px 0px;
          border-radius: 0px 4px 4px 0px;
  border: solid 1px rgba(255, 255, 255, 0.3);
  color: #fff;
  text-align: center;
  line-height: 42px;
  font-size: 16px;
  margin-left: 10px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}
.ser_c .downloadbox .cont a:hover .text,
.ser_c .downloadbox .cont a:hover .btn {
  background-color: #fcb040;
  border-color: #fcb040;
}

.mktitle .cn {
    font-size: 36px;
    margin-bottom: 25px;
	color: #fff;
}

.mktitle .en {
    font-size: 20px;
    color: #c2d1e0;
}
@media only screen and (max-width:1024px){

    .pro_1_mid_2 ul li {
        width: 100%;
        margin-right: 0;overflow: hidden;
    }
	.index_2_mid_2_mid_1 {height: 60vw;}
	.pro_1_mid_2{ margin-top: 3.5em;}
	.nybanner_footer{bottom: -28px;}
	.pro_info_top_3_left {width: 100%;margin-bottom: 20px;}
	.pro_info_top_3_right {width: 100%;}
	.index_1_mid_right_2{font-size: 18px;}
	.pro_info_top_3_left img{max-width: 100%;}
	.ser_a .wrap .swiper-wrapper{display: block;}
	.ser_a .wrap .idea {width: 48%;height:350px;float: left;border:none;margin-right: 2%;margin-bottom: 10px;}
	.ser_a .wrap .idea :nth-child(even){margin-right: 0;}
	.ser_a .wrap .idea .indiv .text{font-size: 12px;}
	.ser_a .wrap .idea .indiv .imgbox{margin-bottom: 25px;}
	.ser_a .wrap .idea .indiv{padding-top: 30px;}
	.ser_c .box{width: 100%;}
	.ser_c .box .cont{height: auto;margin-bottom: 20px;}
	.mktitle .cn{font-size: 18px;margin-bottom: 15px;}
	.mktitle .en{font-size: 14px;}
	.ser_c .downloadbox .cont a .btn{font-size: 14px;width: 100px;}
	.lx_1_3_mid_2 dl dd{width: 100%;}
	.lx_1_3_mid_2 dl{display: block;}
	#map22{height: 300px;}
	
	
	
	}