@charset "utf-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/*Html5*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
/*Base*/
html {
	font: 12px/1.8 "微软雅黑";
	color: #666;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
}
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	background: transparent; /*修正win8系统IE连接灰色背景*/
	outline:none;
blr:expression(this.onFocus=this.blur());
}
a:focus {
	outline: 0;
}
a:active, a:hover {
	outline: 0;
}
a{ color:#333;}
a:hover{ color:#b4d127;}
img {
	border: 0;
	-ms-interpolation-mode:bicubic
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	outline:none;
}
button, input {
	line-height: normal;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input.submit {
	border: 0;
	margin: 0;
	cursor: pointer;
}
input.radio {
	width: 13px;
	height: 13px;
	float: left;
	display: inline;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 1;
}
ul, ol {
	list-style:none;
}
li {
	list-style:none;
}
/*清除浮动*/
.clear {
	clear: both;
	height:0px;
	line-height:0px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
dl, dd, dt {
	list-style:none;
	padding:0px;
	margin:0px;
}
html,body{
	position: relative;
}
a{cursor:pointer;}
.w960{
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.ovh{
	overflow: hidden;
}
.mt35{
	margin-top: 35px!important;
}









.iconfont{ font-style: unset;  font-size: unset;}
.main_content{ width:96%; margin:0 auto; max-width: 1600px; }

.dyp{ position: relative;top: 0; left: 0; width: 100%; z-index: 1; overflow: hidden; -webkit-box-sizing: border-box;box-sizing: border-box;}
.dyp2 { z-index: 2;}
.dyp *{ -webkit-box-sizing: border-box; box-sizing: border-box;}

.sy_kuan{ float: left;  width: 100%; position: fixed;  transition: 0.5s;}
.sy_kuan2{ float: left;  width: 100%; position: relative; overflow: hidden; transition: 0.5s;}
.sy_neir_kuan{float: left;  width: 100%; position: relative; top: 0; transition: 0.5s; } 


.t-delay1{ transition-delay: 0.2s !important;}
.t-delay2{ transition-delay: 0.4s !important;}
.t-delay3{ transition-delay: 0.6s !important;}
.t-delay4{ transition-delay: 0.8s !important;}

/***********top***************/
.header{ width: 100%; float: left; background: rgba(0,0,0,0.2); position: fixed; z-index: 999; transition: 0.5s;}
.header_logo{  float: left; margin: 20px 0;}
.header_logo img{ }
.header_fr{ float: right; }
.header_nav{ float: left; }
.header_nav li{ float: left; margin: 0 34px; line-height: 88px;}
.header_nav li a{ color: #fff; font-size: 16px;}
.header_ss{ float: left; margin: 28px 50px 0 42px; margin-top: 28px; cursor: pointer; }
.header_ss i{ color: #fff; font-size: 20px;}
.header_tel{ float: left; margin-top: 27px;}
.header_tel a{ color: #fff; font-size: 17px;}
.header_tel a i{ font-size: 20px; padding: 8px; background: #b4d127; border-radius: 100px; margin-right: 13px;}

.header_search{float: left; float: left; margin: 27px 40px;}
.header_search i{ color: #fff; font-size: 20px; cursor: pointer;} 
.header .searchinput { position: absolute; left: 0; right: 0; top: 100%; background: #fff; text-align: center; border-top: .9975px solid #eaeaea; padding: 30px 0; display: none; z-index: 11;}
.header .searchinput { background: rgba(0,0,0,0.1); box-shadow: 0px 0px 5px .9975px rgba(0,0,0,0.1);}
.header.header_fd .searchinput{  background: rgba(0,0,0,0.5); }
.header .searchinput .close { position: absolute; top: 20px; right: 20px; display: inline-block; line-height: 39.9975px; width: 39.9975px; text-align: center; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; font-size: 20px;}
.header .searchinput .close { opacity: 1; color: #fff;}
.header .searchinput .inb { overflow: hidden; border-bottom: .9975px solid #fff; display: inline-block;}
.header .searchinput input { float: left; line-height: 35px; background: none; padding: 0 9.9975px; height: 35px; color: #fff; border: 0; font-size: 16px;}
.header .searchinput input[type="text"] { width: 399.9975px;}
.header .searchinput input::-webkit-input-placeholder{ color:#fff;}
.header .searchinput input { float: left; line-height: 35px; background: none; padding: 0 9.9975px; height: 35px;}
.header .searchinput input[type="button"], .header .searchinput input[type="submit"] { font-size: 20px; color: #ffff;}
[onclick] { cursor: pointer;}

.header_fd{ background: rgba(0,0,0,0.5);}



.banner{ width: 100%; position: relative; overflow: hidden; float: left;left: auto; transform: none; }
.banner li.swiper-slide{ width: 100%; float: left; position: relative; overflow: hidden;}
.banner li .banner_img { width: 100%; height: 100%; float: left;  position: relative;}
.banner li .banner_img img,.banner li .banner_img video {    width: 100%; height: 100%; object-fit: cover; position: relative;}
.banner li .banner_img_wap {display: none;}
.banner li .banner_wz{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%); opacity: 0; transition: 1.5s;}
.banner li .banner_wz .main_content{ width: 85%;}
.banner li.active .banner_wz{ opacity: 1;}
.banner li .banner_ys1{  left: auto;  top: 30%; transform: none;}
.banner li .banner_ys1 .banner_wz1{  font-size: 70px; color: #ffffff; line-height: 70px; font-weight: bold; }
.banner li .banner_ys1 .banner_wz2{  font-size: 70px; color: #ffffff; line-height: 70px;  margin-top: 10px; font-weight: bold;}
.banner li .banner_ys1 .banner_wz3{  font-size: 22px; color: #ffffff; margin-top: 16px;}
.banner li .banner_ys1 .banner_more{ margin-top: 59px; float: left;  font-size: 16px;  padding: 9px 28px; background: #fff; border-radius: 100px; color: #333;}
.banner li .banner_ys1 .banner_more i{ float: right; margin-left: 28px; width: 13px; height: 13px; border: 3px solid #b7d32c; border-radius: 100px; margin-top: 8px;}
.banner li .banner_ys1 .banner_more:hover{ background: #b7d32c; color: #fff;}
.banner li .banner_ys1 .banner_more:hover i{  border-color: #fff;}
.banner li.active .banner_ys1{ top: 40%; }
.banner li.active .banner_wz2{ margin-left:0; }
.banner li.active .banner_wz3{ margin-left:0; }
.banner li.active .banner_more{ margin-left:0;  transition:0.5s;}

.banner .swiper-pagination{ width: 100%; left:auto; right: auto; bottom: 22px; }
.banner .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 10px; background: rgba(255,255,255,0.8); opacity: 1; margin: 0 10px !important; cursor: pointer; transition: 0.5s;}
.banner .swiper-pagination-bullet-active{ background: #ffffff; width: 50px;}
.banner .swiper-button-next,.banner .swiper-button-prev{left: 30px; height: auto; background-image: none; font-size: 75px; width: auto; color: #ffffff50; top: 46%; background-image:none;}
.banner .swiper-button-next{right: 30px; left: auto;   outline: none;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{  color: #b4d127;}

.i_title{ font-weight: bold; font-size: 50px; padding-left: 36px; color: #323232; position: relative; text-align: left; left: 50px; opacity: 0; transition: 1s;} 
.i_title.on{  left: 0px; opacity: 1;}
.i_title span{ position: relative; z-index: 2;}
.i_title:before{ content: ''; position: absolute; width: 70px; height: 70px; background: radial-gradient(circle at 64% 65%, #f5f9e2, #cade65); left: 2px; top: -10px; border-radius: 100px; z-index: 1;}

.i_cpzx{ width: 100%; float: left; position: relative; padding: 120px 0; overflow: hidden; background: #fff;}
.i_cpzx_titleen{ position: absolute; z-index: 1; right: -2%; top: 7%; font-size: 193px; line-height: 200px; color: #efefef; font-weight: bold; text-transform: uppercase; opacity: 0.5;}
.i_cpzx_list{ width: 100%; float: left; margin-top: 47px; position: relative; z-index: 2; padding-bottom: 69px;}
.i_cpzx_list li{ float: left; width: 23.5%; margin-right: 2%; position: relative; margin-top: 300px; opacity: 0; transition: 1s;}
.i_cpzx_list li.on{ margin-top: 0%; opacity: 1;}
.i_cpzx_list li:nth-child(4n){ margin-right: 0;}
.i_cpzx_list li:nth-child(2n){ top: -41px;}
.i_cpzx_list li .i_cpzx_list_tu{ width: 100%; position: relative; padding-bottom: 144%; overflow: hidden; border-radius: 20px;}
.i_cpzx_list li .i_cpzx_list_tu img{ position: absolute; width: 100%; height: 100%;  object-fit: cover; transition: 0.5s;}
.i_cpzx_list li .i_cpzx_list_title{ position: absolute; top: 10.5%; width: 90%; text-align: center; color: #fff; font-size: 30px; line-height: 35px; margin: 0 5%;}
.i_cpzx_list li .i_cpzx_list_link{ text-align: center; position: absolute; bottom: 24px; width: 100%;}
.i_cpzx_list li .i_cpzx_list_tsdz{ }
.i_cpzx_list li .i_cpzx_list_tsdz a{ display: inline-block;  padding: 6px 40px; background: #fee600; font-size: 16px; border-radius: 100px; color: #333333; transition: 0.5s;}
.i_cpzx_list li .i_cpzx_list_tsdz a:hover{  background: #b7d32c;  color: #fff;}
.i_cpzx_list li .i_cpzx_list_more{}
.i_cpzx_list li .i_cpzx_list_more a{ font-size: 16px; color: #fff;}
.i_cpzx_list li .i_cpzx_list_more a:hover{  color: #b7d32c;}
.i_cpzx_list li .i_cpzx_list_yy{ position: absolute; border-radius: 20px; overflow: hidden; width: 100%;}
.i_cpzx_list li .i_cpzx_list_yy img{  position: relative; transform: rotateX(180deg); opacity: 0.5; max-width: 100%;}
.i_cpzx_list li .i_cpzx_list_yy span{ position: absolute; top: 0; width: 100%;  height: 100%; background: linear-gradient(to top,#fff 70%,transparent 200%); left: 0; border-top: 1px solid #b0b1b1;}
.i_cpzx_list li:hover .i_cpzx_list_tu img{ transform: scale(1.1);}

.i_case{ width: 100%; float: left; position: relative; }
.i_case_list{ width: 100%; position: relative; overflow: hidden;}
.i_case_list li{ position: relative;}
.i_case_list li .i_case_list_tu{ width: 100%; height: 100%; position: relative; overflow: hidden; background: #f2f2f2;}
.i_case_list li .i_case_list_tu img,.i_case_list li .i_case_list_tu video{ position: absolute; width: 100%;  height: 100%; object-fit: cover;}
.i_case_list li .i_case_list_cont{ position: absolute; top: 150px; opacity: 0; text-align: center; width: 90%; max-width: 1060px; left: 50%; transform: translateX(-50%); transition: 0.5s; }
.i_case_list li .i_case_list_title{ position: relative; font-size: 50px; font-weight: bold; color: #fff; line-height: 80px; padding-bottom: 20px; margin-top: 100px;  transition:1s;}
.i_case_list li .i_case_list_title:before{ content: ''; position: absolute;  width: 50px; height: 4px; background: #fff; bottom: 0px; left: 50%; transform: translateX(-50%); border-radius: 10px;}
.i_case_list li .i_case_list_desc{ font-size: 22px; color: #fff; margin-top: 30px; line-height: 37px;}
.i_case_list li .i_case_list_more{ margin-top: 30px;}
.i_case_list li .i_case_list_more a{ font-size: 16px; color: #333333; padding: 10px 43px; display: inline-block; border-radius: 100px; background: #fff;}
.i_case_list li .i_case_list_more a:hover{  background: #b7d32c;  color: #fff;}

.i_case_list .swiper-button-next,.i_case_list .swiper-button-prev{left: 70px; height: auto; background-image: none;  font-size: 24px; line-height: 24px; width: auto; color: #ffffff; top:50%; background-image: none;    padding: 13px;background: rgba(0,0,0,0.2); border-radius: 100px; background-image:none;}
.i_case_list .swiper-button-next{right: 70px; left: auto;   outline: none;}
.i_case_list .swiper-button-next:hover,.i_case_list .swiper-button-prev:hover{  background: #b4d127;}
.i_case_nav_kuan{ position: absolute; bottom: 80px; width: 100%; z-index: 2;}
.i_case_nav{ width: 100%; float: left; background: #fff; border-radius: 10px; overflow: hidden; transform: scale(0); transition: 1s;}
.i_case_nav li{  position: relative; float: left; width: 16.6666%; text-align: center; height: 90px; cursor: pointer; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.i_case_nav li:before{ content: ''; position: absolute; height: 150px; width: 75px; background: #fff; left: -15px; border-radius: 150px 0 0 150px; top: 50%; transform: translateY(-50%);}
.i_case_nav li .i_case_nav_tb{ display: inline-block; position: relative; top: 14px;}
.i_case_nav li .i_case_nav_tb img{  height: 50px;}
.i_case_nav li .i_case_nav_title{ font-size: 24px; color: #333333; height: 90px; align-items: center;  display: inline-grid; z-index: 2;  position: relative;}
.i_case_nav li.on{ background: #b5d326;}
.i_case_nav li.on:before{background: #b5d326; }
.i_case_nav li.on .i_case_nav_tb img{ -webkit-filter: brightness(0) invert(1);	filter: brightness(0) invert(1);}
.i_case_nav li.on .i_case_nav_title{ color: #fff;}


.i_case_list li.active .i_case_list_cont{ top: 100px; opacity: 1;}
.i_case.on .i_case_list li .i_case_list_title{ margin-top: 0px; }
.i_case.on .i_case_nav{ transform: scale(1); }

.i_about{ width: 100%; float: left; position: relative; padding: 55px 0 80px; overflow: hidden; background: #fff;}
.i_about_xian{ position: absolute; top: 63%; transform: translateY(-50%); left: 0; width: 100%; z-index: 1; }
.i_about_xian img{ width: 100%;}
.i_about_yaun{ position: relative; width: 860px; padding-bottom: 860px;  margin: 0 auto; text-align: center; border-radius: 100%; overflow: hidden;  background: #fff; transition: 0.5s;z-index: 9;}

.i_about_yaun:before{ transform: rotate(180deg); position: absolute; content: '';  width: 100%; height: 100%; border: 30px solid #b5d227; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100%; }
.i_about_cont{ position: absolute;  width: 75%; top: 13%; left: 50%; transform: translateX(-50%);}
.i_about_titleen{ color: #efefef; font-size: 100px; text-transform: uppercase; line-height: 100px; font-weight: bold; opacity: 0.6;}
.i_about_title{ position: relative; font-size: 50px;  color: #333333; line-height: 50px; margin-top: -57px; padding-bottom: 34px;} 
.i_about_title:after{ content: ''; position: absolute; width: 50px; height: 4px; background: #ffe600; bottom: 0px; left: 50%; transform: translateX(-50%);}
.i_about_desc{ width: 100%; margin-top: 34px; font-size: 20px; line-height: 32px;}
.i_about_bg{ position: absolute; bottom: 0; width: 100%; color: #666;}
.i_about_bg img{}
.i_about_yaun_sz{ position: absolute; top:60%;  left: 0; width: 100%;    opacity: 0;  transition: 1s; transition-delay: 0.5s; display: none;}
.i_about_yaun_sz_title{font-size: 22px;  color: #333333;}
.i_about_yaun_sz_sz{color: #333333; font-size: 70px; line-height: 85px; font-weight: bold;}
.i_about_yaun_sz_info{ font-size: 27px; color: #333; line-height: 30px;}
.i_about_yaun_sz_more{ width: 100%; margin-top: 64px;}
.i_about_yaun_sz_more a{ font-size: 19px; padding: 5px 37px; display: inline-block; border-radius: 100px; background: #fee600;}
.i_about_yaun_sz_more a:hover{  background: #b7d32c;  color: #fff;}
.i_about_sz{  position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); width: 250px; z-index: 7;  opacity: 0;   transition: 1s; transition-delay: 0.5s;} 

.i_about_sz li{  position: absolute; text-align: center;  width: 100%; padding-bottom: 100%; border-radius: 100%; cursor: pointer; transition: 0.5; }
.i_about_sz li .i_about_sz_cont{  position: absolute; width: 100%; top:50px;}
.i_about_sz li .i_about_sz_title{ font-size: 22px;  color: #333333;}
.i_about_sz li .i_about_sz_desc{  width: 100%;}
.i_about_sz li .i_about_sz_desc span{ color: #333333; font-size: 66px; line-height: 85px; font-weight: bold;}
.i_about_sz li .i_about_sz_desc sub{  font-size: 26px; color: #333; line-height: 30px; position: relative; left: 9px; top: -7px;}
.i_about_sz li:nth-child(1){ left: -260%;}
.i_about_sz li:nth-child(2){ right: -251%;}
.i_about_sz li:hover{ background: linear-gradient(to bottom right,#f4f8df ,#fcfdf7 60%);}
.i_about_yd{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.i_about_yd li{ border-radius: 100%; position: absolute; transform: scale(0); transition: 0.5s;}

.i_about_yd li:nth-child(1){ width: 40px; height: 40px; background: #b5d326; top: 25%; left: 4.3%; animation: yd01 10s linear 0s infinite; transition-delay: 1.3s;}
.i_about_yd li:nth-child(2){ width: 120px; height: 120px; background: #b5d326; top: 20%; left: 12%; opacity: 0.2; animation: yd02 10s linear 0s infinite; transition-delay: 1s;}
.i_about_yd li:nth-child(3){ width: 60px; height: 60px; background: #fff; border: 1px solid #b6d226; top: 35%; left: 21%; animation: yd03 10s linear 0s infinite;transition-delay: 1.2s;}
.i_about_yd li:nth-child(4){ width: 85px; height: 85px; background: #fff; border: 1px solid #b6d226; top:59%; left: -2.5%; animation: yd04 10s linear 0s infinite;transition-delay: 1.3s;}
.i_about_yd li:nth-child(5){ width: 80px; height: 80px; background: #f9f9f9; top: 70%; left: 17.5%; animation: yd05 10s linear 0s infinite; transition-delay: 1.2s;}
.i_about_yd li:nth-child(6){ width: 120px; height: 120px; background: #f9f9f9; top: 19%; right: 17%; animation: ydr03 10s linear 1s infinite;transition-delay: 1.5s;}
.i_about_yd li:nth-child(7){ width: 16px; height: 16px; background: #b5d326; top: 11%; right: 29%; opacity: 0.2; animation: ydr01 10s linear 0s infinite; transition-delay: 1s;}
.i_about_yd li:nth-child(8){ width: 60px;   height: 60px;  background: #fff;  border: 1px solid #b6d226; top: 25%; right: 9%; animation: ydr05 10s linear 0s infinite; transition-delay: 1s;}
.i_about_yd li:nth-child(9){ width: 30px; height: 30px; background: #b5d326; top: 41%; right: 5.3%; animation: ydr04 10s linear 0s infinite;transition-delay: 1.4s;}
.i_about_yd li:nth-child(10){ width: 60px; height: 60px; background: #fff; border: 1px solid #b6d226; top: 67%; right: -2.5%;animation: ydr03 10s linear 0s infinite; transition-delay: 1s;}
.i_about_yd li:nth-child(11){ width: 16px; height: 16px; background: #b5d326; top: 79%; right: 29%; animation: ydr03 10s linear 0s infinite;transition-delay: 1.2s;}
.i_about_yd li:nth-child(12){ width: 16px; height: 16px; background: #b5d326; top: 87%; right: 19%; opacity: 0.2; animation: ydr01 10s linear 0s infinite;transition-delay: 1.6s;}

.i_about.on .i_about_yaun:before{ -webkit-animation: idea 0.8s 1 forwards; -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%, 50% 0%, 50% 50%, 50% 0%);}
.i_about.on .i_about_yaun_sz{ top: 49%; opacity: 1;}
.i_about.on .i_about_sz{ top: 46%; opacity: 1;}
.i_about.on .i_about_yd li{ transform: scale(1);}

@-webkit-keyframes idea {
	12.5% {
		-webkit-clip-path:polygon(100% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%, 50% 50%, 50% 0%);
	}
	25% {
		-webkit-clip-path: polygon(100% 0%, 100% 50%, 100% 50%, 100% 50%, 100% 50%, 50% 50%, 50% 0%);
	}
	37.5% {
		-webkit-clip-path:polygon(100% 0%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 50%, 50% 0%);
	}
	50% {
		-webkit-clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 50% 100%, 50% 100%, 50% 50%, 50% 0%);
	}
	62.5% {
		-webkit-clip-path:  polygon(100% 0%, 100% 100%, 0% 100%, 0% 100%, 0% 100%, 50% 50%, 50% 0%);
	}
	75% {
		-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 50%, 0% 50%, 50% 50%, 50% 0%);
	}
	87.5% {
		-webkit-clip-path:  polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 0% 0%, 50% 50%, 50% 0%);
	}
	100% {
		-webkit-clip-path:polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 50% 0%, 50% 50%, 50% 0%);
	}
}



.i_news{ width: 100%; float: left; padding-top: 120px; background: #f8f8f8;}
.i_news_list_kuan{ width: 100%; float: left; margin-top: 24px; position: relative;}
.i_news_list{ width: 100%; float: left; position: relative; overflow: hidden;padding: 10px 0;}
.i_news_list li{} 
.i_news_list li a{ float: left;  width: 99%; margin: 0 0.5%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6%; border-radius: 8px; border: 1px solid #ccc; transition: 0.5s;} 
.i_news_list li .i_news_list_tu{ width: 100%; float: left; position: relative; overflow: hidden; padding-bottom: 57%; border-radius: 8px;} 
.i_news_list li .i_news_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;} 
.i_news_list li .i_news_list_title{ float: left; width: 100%; font-size: 22px;  color: #333; margin-top: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.i_news_list li .i_news_list_desc{ font-size: 16px; float: left; width: 100%; line-height: 25px; margin-top: 6px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} 
.i_news_list li .i_news_list_time{ float: left; width: 100%; margin-top: 27px; color: #999999; font-size: 14px;} 
.i_news_list li .i_news_list_time i{ font-size: 14px; position: relative; top: -1px; margin-right: 7px;} 
.i_news_list li:hover a{ background: #b7d32c;  border: 1px solid #b7d32c; box-shadow: 0px 0px 10px #b4b4b4;} 
.i_news_list li:hover a .i_news_list_tu img{ transform: scale(1.1);}
.i_news_list li:hover .i_news_list_title,.i_news_list li:hover .i_news_list_desc,.i_news_list li:hover .i_news_list_time{ color: #fff;} 

.i_news_list_kuan .swiper-button-next,.i_news_list_kuan .swiper-button-prev{right: 73px; left: auto; height: auto; background-image: none;  font-size: 24px; line-height: 24px; width: auto; color: #9b9b9b; top: -70px; background-image: none;    padding: 13px; border: 1px solid #cccccc;border-radius: 100px; background-image:none;}
.i_news_list_kuan .swiper-button-next{right: 9px;  outline: none;}
.i_news_list_kuan .swiper-button-next:hover,.i_news_list_kuan .swiper-button-prev:hover{  background: #b4d127;  border: 1px solid #b4d127;  color: #fff; }

.i_news_more{ width: 100%; float: left; text-align: center; margin-top: 52px; }
.i_news_more a{ font-size: 16px; display: inline-block; padding: 10px 42px; border: 1px solid #cecece; border-radius: 100px; color: #333333; transition: 0.5s;}
.i_news_more a:hover{ background: #b4d127;  border: 1px solid #b4d127; color: #fff;}

.i_news_list li,.i_news_list .swiper-slide-active{ top: -100px; transition: 1s; transition-delay: 0.5s;}
.i_news_list .swiper-slide-next{  top: 100px; transition: 1s; transition-delay: 0.5s;}
.i_news.on .i_news_list li,.i_news.on .i_news_list .swiper-slide-active,.i_news.on .i_news_list .swiper-slide-next{ top: 0px; }


.footer{ width: 100%; float: left; position: relative;}
.footer_top{ width: 100%; float: left; position: relative; padding: 46px 0; min-height: 282px; background: #202020;}
.footer_lx{ width: 30%; float: left; }
.footer_logo{ width: 100%;}
.footer_logo img{ max-width: 100%;}
.footer_lx_tel{ width: 100%; margin-top: 42px; color: #fff; font-size: 18px; float: left;}
.footer_lx_tel i{ margin-right: 13px; font-size: 22px; position: relative; top: 1px;}
.footer_lx_tel span{ width: 100%; float: left; font-size: 30px; color: #fff; line-height: 30px; margin-top: 10px;}
.footer_lx_tel span a{ color: #fff;}
.footer_lx_add{ width: 100%; margin-top: 16px; color: #fff; font-size: 18px; float: left;}
.footer_lx_add i{ margin-right: 8px; font-size: 22px; position: relative; top: 1px;}
.footer_lx_add span{ width: 100%; float: left; font-size: 18px; color: #fff; line-height: 30px; margin-top: 5px;}
.footer_fr{ float: right; width: 66%;}
.footer_nav{ width:calc(93.5% - 150px); float: left;}
.footer_nav li{ width: 32%; float: left; margin-right: 2%;}
.footer_nav li:nth-child(3){ margin-right: 0;}
.footer_nav li .footer_nav_title{width: 100%; margin-bottom: 9px;}
.footer_nav li .footer_nav_title a{ color: #fff; font-size: 20px; line-height: 30px;}
.footer_nav li .footer_nav_desc{  width: 100%;}
.footer_nav li .footer_nav_desc a{  width: 100%;  float: left;  color: #fff;  font-size: 16px;}
.footer_nav li .footer_nav_title a:hover,.footer_nav li .footer_nav_desc a:hover{ color: #b4d127; }
.footer_ewm{ float: right; width: 120px;}
.footer_ewm_tu{ width: 110px; padding: 5px; background: #fff;}
.footer_ewm_tu img{ width: 100%;}
.footer_ewm_title{  text-align: center; font-size: 16px; width: 120px; color: #c6c6c6; margin-top: 12px;}
.footer_bot{ width: 100%; float: left; font-size: 16px; padding: 15px 0; color: #a7a7a7; line-height: 30px;  background: #1a1a1a;}
.footer_bot a{  color: #a7a7a7;}
.footer_bot a:hover{ color: #b4d127;}
.footer_copy{ float: left;}
.footer_jj{ float: right;}


.gsjj{ width: 100%; float: left; position: relative; padding: 50px 0; text-align: center; background: #fafafa;}
.gsjj_titleen{ font-size: 50px;color: #333333; opacity: 0.1; font-weight: bold; text-transform: uppercase;}
.gsjj_title{ font-size: 40px; color: #333333;position: relative;margin-top: -60px;}
.gsjj_info{ font-size: 20px; color: #666666; margin: 15px auto;  line-height: 30px; overflow: hidden; max-width: 1200px; text-align: left;}
.gsjj_info.active{ height: auto;} 
.gsjj_gd{ display: inline-block; font-size: 20px; color: #ffffff; background: #b4d127; padding: 4px 40px; border-radius: 100px; cursor: pointer;}
.gsjj_sz{ width: 100%; float: left; padding: 30px 0;}
.gsjj_sz li{ width: 49%; float: left; margin-right: 2%;}
.gsjj_sz li:nth-child(2n){ margin-right: 0;}
.gsjj_sz li .gsjj_sz_cont{  position: relative; width: 100%; top:50px;}
.gsjj_sz li .gsjj_sz_title{ font-size: 22px;  color: #333333;}
.gsjj_sz li .gsjj_sz_desc{  width: 100%;}
.gsjj_sz li .gsjj_sz_desc span{ color: #b4d127; font-size: 46px; line-height: 70px; font-weight: bold;}
.gsjj_sz li .gsjj_sz_desc sub{  font-size: 26px; color: #333; line-height: 30px; position: relative; left: 9px; top: -7px;}
.gsjj_sz li .gsjj_sz_info{  font-size: 16px;}





.gywm_lanm{ width: 100%; float: left; position: relative; padding: 50px 0; text-align: center;}
.gywm_lanm_list{ width: 100%; float: left;}
.gywm_lanm_list li{ float: left; width: 32%; position: relative; margin: 30px 0; margin-right: 2%; }
.gywm_lanm_list li:nth-child(1),.gywm_lanm_list li:nth-child(2){ width: 49%;}
.gywm_lanm_list li:nth-child(2),.gywm_lanm_list li:nth-child(5){ margin-right: 0;}
.gywm_lanm_list li .gywm_lanm_list_tu{ position: relative; width: 100%; padding-bottom: 98%; overflow: hidden;}
.gywm_lanm_list li:nth-child(1) .gywm_lanm_list_tu,.gywm_lanm_list li:nth-child(2) .gywm_lanm_list_tu{ padding-bottom: 64%;}
.gywm_lanm_list li .gywm_lanm_list_tu img{ height: 100%; width: 100%; position: absolute; object-fit: cover; left: 0; transition: 0.5s;}
.gywm_lanm_list li .gywm_lanm_list_cont{ position: absolute; bottom: 30px; left: 50px; text-align: left; color: #fff;}
.gywm_lanm_list li .gywm_lanm_list_title{ font-size: 40px;line-height: 40px;}
.gywm_lanm_list li .gywm_lanm_list_titleen{ font-size: 20px; text-transform: uppercase;}
.gywm_lanm_list li:hover .gywm_lanm_list_tu img{transform: scale(1.1);}

.gywm_hzhb{ width: 100%; float: left; position: relative; padding: 50px 0; text-align: center; border-top: 10px solid #f5f5f5;}
.gywm_hzhb_title{ font-size: 40px;color: #333333;}
.gywm_hzhb_desc{ font-size: 20px;color: #666666; width: 90%; margin: 0 5%;}
.gywm_hzhb_list{ width: 100%; margin-top: 30px; margin-bottom: 50px; float: left;}
.gywm_hzhb_list li{ width: 16%; float: left; margin-right: 0.7%;  margin-bottom: 20px;}
.gywm_hzhb_list li:nth-child(6n){ margin-right: 0;}
.gywm_hzhb_list li .gywm_hzhb_list_tu{ width: 100%; padding-bottom: 66%; position: relative; overflow: hidden;}
.gywm_hzhb_list li .gywm_hzhb_list_tu img{ width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover;}
.gywm_hzhb_list li .gywm_hzhb_list_title{ font-size: 20px; color: #666666; text-align: center; width: 100%;}



.gywm_zzrz{ width: 100%; float: left; position: relative; padding: 50px 0; background: #f5f5f5;}
.gywm_zzrz_title{ font-size: 40px; color: #333333; position: relative; text-align: center;}
.gywm_zzrz_list{ width: 100%; float: left; position: relative; overflow: hidden; margin-top: 50px; padding-bottom: 50px;}
.gywm_zzrz_list li{}
.gywm_zzrz_list li a{ width: 100%; float: left; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.gywm_zzrz_list li .gywm_zzrz_list_tu{ width: 100%; position: relative; overflow: hidden; padding-bottom: 138%;}
.gywm_zzrz_list li .gywm_zzrz_list_tu img{ position:  absolute; width: 100%; height: 100%; object-fit: contain;}
.gywm_zzrz_list li .gywm_zzrz_list_title{ text-align: center; margin-top: 10px; font-size: 16px;}
.gywm_zzrz_list .swiper-pagination{ width: 100%; left:auto; right: auto; bottom: 0px; }
.gywm_zzrz_list .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 10px; background: #fff;     box-shadow: 0px 0px 5px #888888; opacity: 1; margin: 0 10px !important; cursor: pointer; transition: 0.5s;}
.gywm_zzrz_list .swiper-pagination-bullet-active{ background: #b4d127; opacity: 1;}



/*Online Service*/
.kf-sidebar{position: fixed;top: 250px;right: 10px;z-index: 999;}
.kf-sidebar li{width: 55px;height: 55px;margin-bottom: 1px;position: relative;}
.kf-sidebar .sidebox{display: block;width: 55px;height: 55px;position: absolute;top: 0;right: 0;overflow: hidden;transition: ease-in-out 0.2s;}
.kf-sidebar .tb{display: block;width: 55px;height: 55px;position: absolute;top: 0;left: 0;}
.kf-sidebar li:hover .tb{background-color: rgba(0,0,0,0.3) !important;}
.kf-sidebar p{line-height: 55px;text-align: center;color: #FFFFFF !important;font-size: 20px;float: left;position: absolute;top: 0;left: 55px;}

.kf-sidebar .kf-mail .sidebox{background-color:#b4d127;}
.kf-sidebar .kf-whatsapp .sidebox{background-color:#b4d127;}
.kf-sidebar .kf-tel .sidebox{background-color:#b4d127;}
.kf-sidebar .kf-qq .sidebox{background-color: #b4d127;}
.kf-sidebar .kf-sq .sidebox{background-color: #b4d127;}
.kf-sidebar .kf-weixin .sidebox{background-color: #b4d127;}
.kf-sidebar .kf-ww .sidebox{background-color: #b4d127;}
.kf-sidebar #goTop{background-color: #b4d127;cursor: pointer;}

.kf-sidebar .kf-tel .tb{background: url(../images/kf_tel.png)no-repeat center;}
.kf-sidebar .kf-mail .tb{background: url(../images/kf_mail.png)no-repeat center;}
.kf-sidebar .kf-whatsapp .tb{background: url(../images/kf_whatsapp.png)no-repeat center;}
.kf-sidebar .kf-qq .tb{background: url(../images/kf_qq.png)no-repeat center;}
.kf-sidebar .kf-sq .tb{background: url(../images/kf_sq.png)no-repeat center;}
.kf-sidebar .kf-weixin .tb{background: url(../images/kf_weixin.png)no-repeat center;}
.kf-sidebar .kf-ww .tb{background: url(../images/kf_ww.png)no-repeat center;}
.kf-sidebar #goTop .tb{background: url(../images/gotop.png)no-repeat center;}

.kf-sidebar .kf-tel p{width: 180px;}
.kf-sidebar .kf-tel:hover .sidebox{width: 235px;}
.kf-sidebar .kf-mail  p{width: 180px;}
.kf-sidebar .kf-mail :hover .sidebox{width: 235px;}
.kf-sidebar .kf-whatsapp p{width: 180px;}
.kf-sidebar .kf-whatsapp:hover .sidebox{width: 235px;}
.kf-sidebar .kf-qq p{width: 140px;}
.kf-sidebar .kf-qq:hover .sidebox{width: 195px;}
.kf-sidebar .kf-sq p{width: 140px;}
.kf-sidebar .kf-sq:hover .sidebox{width: 195px;}
.kf-sidebar .kf-ww p{width: 140px;}
.kf-sidebar .kf-ww:hover .sidebox{width: 195px;}

.kf-sidebar .ewm{position: absolute;top: -53px;right: 55px;padding-right: 15px;display: none;}
.kf-sidebar .ewm .box{padding: 5px;background: #FFFFFF;border: 1px solid #b4d127;}
.kf-sidebar .ewm .box img{display: block;width: 150px;height: 150px;}



.head_nav_wap{display: none;}
@media(max-width: 1600px){
	.header_ss{ margin: 28px 30px;}
	.header_nav li{ margin: 0 20px;}
	.i_cpzx_titleen{ top: 11%; font-size: 150px;}
	.i_about_yaun{ width: 760px; padding-bottom: 760px;}
	.i_about_titleen{  font-size: 70px;}
	.i_about_title{ font-size: 40px;}
	.i_about_desc{ font-size: 18px;}
	.i_about_sz{ width: 220px;}
	.i_about_yaun_sz{ top: 60%;}
	.i_about_yaun_sz_title{ font-size: 20px;}
	.i_about_yaun_sz_sz{ font-size: 50px; line-height: 70px;}
	.i_about_yaun_sz_info{ font-size: 20px;}
	.i_about_yaun_sz_more{ margin-top: 40px;}
	.i_about_sz li .i_about_sz_title{ font-size: 20px;}
	.i_about_sz li .i_about_sz_desc span{ font-size: 50px;}
	.i_about_sz li .i_about_sz_desc sub{ font-size: 22px;}

	.gsjj_sz li .gsjj_sz_title{ font-size: 20px;}
	.gsjj_sz li .gsjj_sz_desc span{ font-size: 40px;}
	.gsjj_sz li .gsjj_sz_desc sub{  font-size: 22px;}





}
@media(max-width: 1400px){
	.header_ss{ margin: 28px 20px;}
	.header_nav li{ margin: 0 15px;}
	.banner li .banner_wz .main_content { width: 96%; }
	.banner li .banner_ys1 .banner_wz1,.banner li .banner_ys1 .banner_wz2{ font-size: 40px; line-height: 40px;}
	.banner li .banner_ys1 .banner_wz3{ font-size: 16px;}
	.banner li .banner_ys1 .banner_more{ margin-top: 30px; padding: 4px 16px;}
	.i_cpzx_titleen { top: 8%; font-size: 120px; }
	.i_cpzx_list li .i_cpzx_list_title{ font-size: 20px;}
	.i_cpzx_list li .i_cpzx_list_tsdz a{ padding: 3px 25px; font-size: 16px; }
	.i_cpzx_list li .i_cpzx_list_more a{ font-size: 16px;}
	.i_case_list li .i_case_list_cont{ top: 80px;}

	.i_case_list li .i_case_list_desc{ font-size: 18px; margin-top: 20px; line-height: 30px;}
	.i_case_list li .i_case_list_more a{ font-size: 16px; padding: 5px 35px;}
	.i_case_nav_kuan{ bottom: 40px;}
	.i_case_nav li .i_case_nav_tb img{ height: 40px;}
	.i_case_nav li .i_case_nav_title{ font-size: 18px;}

	
	.i_about_bg{ height: 50%;}
	.i_about_bg img { height: 100%; }
	.i_about_yaun{ width: 660px; padding-bottom: 660px;}
	.i_about_cont{ top: 10%;}
	.i_about_titleen{  font-size: 60px;}
	.i_about_title{padding-bottom: 20px;}
	.i_about_desc{ margin-top: 20px; line-height: 28px; font-size: 16px;}
	.i_about_sz{ width: 190px;}
	.i_about_sz li .i_about_sz_cont{  top: 35px;}
	.i_about_yaun_sz{ top: 60%;}
	.i_about_yaun_sz_sz{ font-size: 36px; line-height: 50px;}
	.i_about_yaun_sz_info{ font-size: 18px;}
	.i_about_yaun_sz_more{ margin-top: 40px;}
	.i_about_sz li .i_about_sz_desc span{ font-size: 40px; line-height: 70px;}
	.i_about_sz li .i_about_sz_desc sub{ font-size: 22px;}
	.i_about_yaun_sz_more { margin-top: 20px; }
	.i_about_yaun_sz_more a{ font-size: 16px; padding: 5px 25px;}

	

}
@media(max-width: 1200px){
	.header_logo{  margin: 15px 0;}
	.header_logo img { height: 40px; }
	.header_nav li{ line-height: 70px;}
	.header_nav li a{ font-size: 12px;}
	.header_tel{ margin-top: 20px;}
	.header_tel a i{ font-size: 18px;}
	.header_ss{  margin-top: 19px; margin-bottom: 0;}
	.i_title{ font-size: 34px;}
	.i_title:before{ width: 60px; height: 60px;}
	.i_cpzx_titleen { font-size: 90px; }
	.i_cpzx_list li .i_cpzx_list_title{ font-size: 16px;}
	.i_case_nav li{  height: 70px;}
	.i_case_nav li .i_case_nav_tb{ top: 7px;}
	.i_case_nav li .i_case_nav_tb img{ height: 30px;}
	.i_case_nav li .i_case_nav_title{ font-size: 16px;height: 70px;}
	.i_about_yaun { width: 550px; padding-bottom: 550px; }
	.i_about_yaun:before{ border: 20px solid #b5d227;}
	.i_about_title { font-size: 32px; padding-bottom: 10px; }
	.i_about_titleen { font-size: 55px; }
	.i_about_cont { top: 8%; }
	.i_about_desc{ margin-top: 10px; line-height: 26px; font-size: 16px;}
	.i_about_yaun_sz_title { font-size: 18px; }
	.i_about_yaun_sz_sz { font-size: 28px; line-height: 32px; }
	.i_about_yaun_sz_more a{ font-size: 14px; padding: 3px 25px;}
	.i_about_sz { width: 170px; }
	.i_about_sz li:nth-child(1) { left: -230%; }
	.i_about_sz li:nth-child(2) { right: -220%; }
	.i_about_sz li .i_about_sz_title { font-size: 16px; }
	.i_about_sz li .i_about_sz_desc span { font-size: 32px; line-height: 60px; }
	.i_about_sz li .i_about_sz_desc sub { font-size: 16px; }

	.gsjj_sz li .gsjj_sz_title { font-size: 16px; }
	.gsjj_sz li .gsjj_sz_desc span{ font-size: 32px; line-height: 60px; }
	.gsjj_sz li .gsjj_sz_desc sub { font-size: 16px; }



	.i_news_list li .i_news_list_title{ font-size: 18px;}
	.i_news_list li .i_news_list_desc{ font-size: 14px;}
	.i_news_list li .i_news_list_time{ margin-top: 20px;}
	.footer_nav li .footer_nav_title a{ font-size: 20px;}
	.footer_nav li .footer_nav_desc a{ font-size: 16px;}
	.i_news_more{  margin-top: 20px;}

}
@media(max-width: 999px){

	.header_nav,.header_ss,.header_tel,.kf-sidebar{display: none;}
	.head_nav_wap{ display: inline-block; margin-right: 20px; margin-top: -15px; transition: 0.5s;}
	.banner li .banner_ys1{ top: 35%;}
	.banner li .banner_ys1 .banner_wz1, .banner li .banner_ys1 .banner_wz2 { font-size: 28px; line-height: 30px; }
	.banner li .banner_ys1 .banner_wz3 { font-size: 14px; margin-top: 10px; }
	.banner li .banner_ys1 .banner_more{ margin-top: 20px; padding: 4px 10px; font-size: 12px;}
	.banner li .banner_ys1 .banner_more i{ width: 10px; height: 10px; margin-top: 7px; margin-left: 15px;}
	.banner .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 5px !important;}
	.banner .swiper-pagination-bullet-active{ width: 30px;}
	.i_cpzx{ padding: 100px 0;}
	.i_cpzx_titleen { font-size: 70px; line-height: 90px; }
	.i_cpzx_list{ padding-bottom: 35px;}
	.i_cpzx_list li .i_cpzx_list_tsdz a { padding: 2px 20px; font-size: 12px; }
	.i_cpzx_list li .i_cpzx_list_more a { font-size: 12px; }
	.i_cpzx_list li .i_cpzx_list_link{ bottom: 10px;}
	.i_case_list li .i_case_list_cont {top: 50px; }
	.i_case_list li .i_case_list_title{ font-size: 32px; line-height: 45px;}
	.i_case_list li .i_case_list_desc{ font-size: 16px; margin-top: 10px;}
	.i_case_nav li{ width: 33.33%;  overflow-y: clip;}
	.i_case_nav li .i_case_nav_tb{ width: 100%;}
	.i_case_nav li .i_case_nav_title{ width: 100%;  font-size: 14px; height: auto;   display: inline-block;}

	.i_about{ padding: 100px 0;}
	.i_about_yaun { width: 450px; padding-bottom: 450px; }
	.i_about_yaun:before { border: 15px solid #b5d227; }
	.i_about_sz { width: 140px; }
	.i_about_sz li .i_about_sz_cont { top: 30px; }
	.i_about_sz li .i_about_sz_desc span { font-size: 26px; line-height: 45px; }
	.i_about_sz li .i_about_sz_desc sub{ font-size: 12px; left: 4px; top: -4px;}
	.i_about_desc{ line-height: 24px; font-size: 14px;}
	.i_about_yd.on li { transform: scale(0.5); }
	.i_news{ padding:100px 0;}
	.i_news_list_kuan .swiper-button-next, .i_news_list_kuan .swiper-button-prev{ top: -50px;  font-size: 18px;line-height: 18px;}
	.i_news_more{ margin-top: 30px}
	.i_news_more a{  padding: 7px 35px;}

	.footer_nav{ display: none;}
	.footer_top{ padding: 30px 0;min-height: auto;}
	.footer_lx{ width: 100%; text-align: center;} 
	.footer_lx_tel{ margin-top: 20px;}
	.footer_fr{ width: 100%;}
	.footer_ewm{ width: 100%; display: inline-block;text-align: center; margin-top: 10px;}
	.footer_ewm_tu{ display: inline-block; }
	.footer_ewm_title{ width: 100%;}
	.footer_jj{ width: 100%; text-align: center;}

	.gsjj_title{ font-size: 32px; margin-top: -50px;}
	.gsjj_titleen{ font-size: 40px;}
	.gsjj_info{  font-size: 16px;}
	.gsjj_gd{  font-size: 16px;}
	.gywm_hzhb_list{  margin-bottom: 0px;}
	.gywm_lanm_list li .gywm_lanm_list_title,.gywm_zzrz{ font-size: 24px; line-height: 28px;}
	.gywm_lanm_list li .gywm_lanm_list_cont{ left: 10px; bottom: 10px;}
	.gywm_lanm_list li{  margin: 10px 0; margin-right: 2%;}
	.gywm_hzhb_title,.gywm_zzrz_title{ font-size: 32px;}
	.gywm_hzhb_desc{  font-size: 16px;}
	.gywm_hzhb_list li{ width: 32%; margin-right:2%; margin-bottom: 10px;}
	.gywm_hzhb_list li:nth-child(3n){ margin-right: 0;}

}
@media(max-width: 799px){

	.i_title { font-size: 28px; }
	.i_cpzx_titleen { font-size: 50px; line-height: 50px; top: 5%; }
	.i_cpzx_list { padding-bottom: 0; 	}
	.i_cpzx_list li{ width: 49%;margin-bottom: 100px;}
	.i_cpzx_list li .i_cpzx_list_yy span{ background: linear-gradient(to top,#fff 80%,transparent 230%);}
	.i_cpzx_list li:nth-child(2n) { margin-right: 0; }
	.i_case_list .swiper-button-next, .i_case_list .swiper-button-prev{ left: 20px; font-size: 18px; line-height: 18px; padding: 10px;}
	.i_case_list .swiper-button-next{right: 20px; left: auto;}
	.i_case_list li .i_case_list_title { font-size: 28px; line-height: 30px; }
	.i_case_list li .i_case_list_desc{ line-height: 24px;}
	.i_case_list li .i_case_list_more a{ font-size: 14px; padding: 5px 25px;}

	.i_about_xian{ top: 55%;}
	.i_about_sz { width: 100%; position: relative; text-align: center; }
	.i_about_sz { width: 100%; position: relative; text-align: center; padding-top: 20px;  }
	.i_about_sz.on { transform: translate(-50%,0%) scale(1); top: auto;}
	.i_about_sz li{  position: relative; width: 140px; padding-bottom: 140px; display: inline-block; margin: 0 30px; left: auto !important; right: auto !important;}
	.i_about.on .i_about_sz{ top: 20%;}
	.i_news_list li a{ padding: 3%;}
	.i_news_more a{ font-size: 14px;}
	.i_news_list li .i_news_list_title{ font-size: 16px; margin-top: 10px;}

	.footer_lx_tel,.footer_lx_add{ font-size: 16px;}
	.footer_lx_tel span{ font-size: 28px;}
	.footer_lx_tel i,.footer_lx_add i{ font-size: 16px;  margin-right: 8px;}
	.footer_bot{ line-height: 24px;} 

	.gsjj_title{ font-size: 24px; margin-top: -40px;}
	.gsjj_titleen{ font-size: 30px;}
	.gsjj_info { font-size: 14px; }
	.gywm_lanm{ padding: 30px 0;}
	.gywm_lanm_list li{ width: 100%;}
	.gywm_lanm_list li:nth-child(1), .gywm_lanm_list li:nth-child(2){ width: 100%;}
	.gywm_lanm_list li .gywm_lanm_list_tu{ padding-bottom: 64%;}
	.gywm_hzhb{ padding:30px 0;}
	.gywm_hzhb_title,.gywm_zzrz_title{ font-size: 24px;}
	.gywm_hzhb_desc{  width: 100%; margin: 0; font-size: 12px;}
	.gywm_hzhb_list li .gywm_hzhb_list_title{ font-size: 14px;}
}
@media(max-width: 599px){
	.header_logo { margin: 7px 0; }
	.header_logo img{ float: left;}

	.banner li .banner_img_wap{ display: inline-block;}
	.banner li .banner_img_pc{ display: none;}
	.banner li .banner_wz .main_content { width: 96%; }
	.banner li .banner_ys1 .banner_wz1, .banner li .banner_ys1 .banner_wz2 { font-size: 18px; line-height: 24px; margin-top: 0px; }
	.banner li .banner_ys1 .banner_wz3 { font-size: 12px; margin-top: 5px; }
	.banner li .banner_ys1 .banner_more { margin-top: 10px; padding: 2px 5px; font-size: 10px; }
	.banner li .banner_ys1 .banner_more i{ margin-left: 5px; margin-top: 5px; border: 2px solid #b7d32c;}
	.banner .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 3px !important; }
	.banner .swiper-pagination-bullet-active { width: 30px; }
	.i_cpzx { padding: 100px 0; }
	.i_title{font-size: 24px; padding-left: 21px;}
	.i_title:before { width: 40px; height: 40px; }
	.i_cpzx_titleen { font-size: 30px; line-height: 30px; top: 7%; }
	.i_cpzx_list{ margin-top: 35px;}
	.i_cpzx_list li{ margin-bottom: 30px;}
	.i_cpzx_list li:nth-child(2n) { top: -20px; }
	.i_cpzx_list li .i_cpzx_list_tu{ padding-bottom: 120%;}
	.i_case_list li .i_case_list_cont{ top: 30px;}
	.i_case_list li .i_case_list_title { font-size: 24px; line-height: 30px; }
	.i_case_list li .i_case_list_desc{ font-size: 14px;}
	.i_case_list li .i_case_list_more a { font-size: 12px; padding: 3px 15px; }
	.i_case_nav li{ height: 60px;}
	.i_case_nav li .i_case_nav_title{ font-size: 12px;}
	.i_case_nav li .i_case_nav_tb img { height: 25px; }

	.i_about { padding: 100px 0; }
	.i_about_yaun { width: 350px; padding-bottom: 350px; }
	.i_about_yaun:before { border: 10px solid #b5d227; }
	.i_about_titleen { font-size: 40px; line-height: 60px; }
	.i_about_title { font-size: 24px; padding-bottom: 10px; margin-top: -35px; line-height: 30px; }
	.i_about_desc { line-height: 20px; font-size: 12px; }
	.i_about_yaun_sz_title { font-size: 14px; }
	.i_about_yaun_sz_sz { 	font-size: 20px; line-height: 20px; }
	.i_about_yaun_sz_info { font-size: 12px; line-height: 20px; }
	.i_about_yaun_sz_more { margin-top: 10px; }
	.i_about_yaun_sz_more a { font-size: 12px; padding: 2px 15px; }
	.i_about_sz{  top: 40%;}
	.i_about_sz li{ margin: 0 10px;}
	.i_about.on .i_about_sz { top: 20%; }
	.i_news_more{ margin-top: 20px;}
	.i_news_more a{ padding: 5px 25px;}
	.i_news_list_kuan .swiper-button-next, .i_news_list_kuan .swiper-button-prev{ padding: 10px; font-size: 16px; line-height: 16px;}
	.i_news_list_kuan .swiper-button-prev{ right: 55px;}
	.footer_lx_tel span { font-size: 24px; }
	.footer_lx_add span{ font-size: 16px;}
	.footer_ewm_title{ font-size: 14px;}
	.footer_bot{font-size: 14px; }
	.gsjj_info { font-size: 12px;}
	.gywm_lanm_list li .gywm_lanm_list_title,.gywm_zzrz{ font-size: 18px; line-height: 20px;}
	.gywm_lanm_list li .gywm_lanm_list_titleen { font-size: 10px; }
	.gywm_hzhb_list li{    width: 49%; margin-right: 2%;}
	.gywm_hzhb_list li:nth-child(2n){ margin-right: 0;}

	.gsjj_sz li .gsjj_sz_cont{  top:20px;}
	.gsjj_sz li .gsjj_sz_title{ font-size: 14px;}
	.gsjj_sz li .gsjj_sz_desc span{     font-size: 26px; line-height: 30px;}
	.gsjj_sz li .gsjj_sz_desc sub{  font-size: 11px;left: 6px; top: -4px;}
	.gsjj_sz li .gsjj_sz_info{  font-size: 12px;}


}










