@charset "utf-8";

@font-face{font-family:DINBold;src:url(../fonts/DIN-Bold.eot);src:url(../fonts/DIN-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/DIN-Bold.woff2) format('woff2'),url(../fonts/DIN-Bold.woff) format('woff'),url(../fonts/DIN-Bold.ttf) format('truetype'),url(../fonts/DIN-Bold.svg#novecentowide-bold-webfont) format('svg')}

@font-face{font-family:DINCondMedium;src:url(../fonts/DINCond-Medium.eot);src:url(../fonts/DINCond-Medium.eot?#iefix) format('embedded-opentype'),url(../fonts/DINCond-Medium.woff2) format('woff2'),url(../fonts/DINCond-Medium.woff) format('woff'),url(../fonts/DINCond-Medium.ttf) format('truetype'),url(../fonts/DINCond-Medium.svg#novecentowide-bold-webfont) format('svg')}



html {
	max-width:450px;
	margin: 0 auto; 
	padding: 0;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	width:100%;
	font-family: "微软雅黑";
	margin: 0;
	padding: 0;
	color: #555555;
	line-height: 190%;
	font-size: 14px;
}
img {
	border: none;
}
dl,dt,dd {
	display: block;
	margin: 0;
}
p,ul,li,form,h1,h2,h3,h4,h5,h6,dl,dd {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	color: #555555;
	text-decoration: none !important;
	cursor: pointer;
	background: transparent;
	/*修正win8系统IE连接灰色背景*/
	outline: none;
	blr: expression(this.onFocus=this.blur());
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; 
}
a img {
	border: none;
}
a:hover {
	color: #63b226;
}
.wrap {
	width: 92%;
	margin: 0 auto; overflow: hidden;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
}
.fl {float: left;}
.fr {float: right;}
.tc {text-align: center;}
*{ box-sizing:border-box; }
textarea { font-family:微软雅黑}
.bg { background:#f5f5f5}
.cf:after{content:""; display:block; height:0; clear:both;}
.pc-div { display:none}

.fadeInUp50 {
  -webkit-animation-name: fadeInUp50;
  -moz-animation-name: fadeInUp50;
  -ms-animation-name: fadeInUp50;
  animation-name: fadeInUp50;
}
@-webkit-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft50 {
  -webkit-animation-name: fadeInLeft50;
  -moz-animation-name: fadeInLeft50;
  -ms-animation-name: fadeInLeft50;
  animation-name: fadeInLeft50;
}
@-webkit-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight50 {
  -webkit-animation-name: fadeInRight50;
  -moz-animation-name: fadeInRight50;
  -ms-animation-name: fadeInRight50;
  animation-name: fadeInRight50;
}
@-webkit-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight50 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


/*menu*/
#header{position: fixed;top: 0; max-width:450px; width: 100%;z-index: 99999; overflow: hidden; }
#header,.header{font-size: 16px;font-weight: bold;color: #fff;line-height: 52px;height: 52px;}
#header a.navBox,.header a.navBox{background: center center no-repeat transparent;
	display: block;
	width: 60px;
	height: 52px;
	position: absolute;
	top: 0;
	right: 0;
}
.logo img{width: auto; height:20px; display:block; margin:17px 0 0 13px;}
.burgers_box{ width:100%;height:100%}
.icon {height: 3px;width: 27px;top: 25px;background-color: #6db339;border-radius: 20px;position: absolute;transition-duration: 0.5s;}
.icon:before {left: 0;position: absolute;top: -10px;height: 3px;width: 27px;background-color: #6db339;content: "";border-radius: 20px;transition-duration: 0.5s;}
.icon:after {left: 0;position: absolute;top: 10px;height: 3px;width: 27px;background-color: #6db339;content: "";border-radius: 20px;transition-duration: 0.5s;}
.menu {width: 63px;height: 52px;position: relative;transition-duration: 1s;display: block;cursor: pointer;z-index:99; float:right; padding-left:16px;}
.burger_lin .icon {transition-duration: 0.5s;transition-delay: 0.5s;}
.burger_lin .icon:after {transition: transform 0.5s, top 0.5s 0.5s;}
.burger_lin .icon:before {transition: transform 0.5s, top 0.5s 0.5s;}
.burger_lin.open .icon {transition-duration: 0.1s;transition-delay: 0.5s;background: transparent;}
.burger_lin.open .icon:before {transition: top 0.5s, transform 0.5s 0.5s;top: 0px;transform: rotateZ(-45deg);}
.burger_lin.open .icon:after {transition: top 0.4s, transform 0.5s 0.5s;top: 0px;transform: rotateZ(45deg);}
.burger_lin.cloase { display:none}
.menu_ex{position: fixed;z-index: -10;}
.iop{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1!important; }
.nav_hide{background:#fff;position: fixed;top: 52px; max-width:450px; width: 100%;height: 100%;z-index: 999999;padding-top: 20px;display: none;border-top:1px solid #ddd;}
.nav_hide ul li>a {
    -webkit-user-select: none;
	color:#666666;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    border-bottom: 1px solid #e1dede;
    margin: 0 25px;
    position: relative;
    display: block;
}
.nv_hide {margin: 0 25px;padding: 9px 0;border-bottom: 1px solid #e1dede;display: none;}
.nv_hide dd a{height: 35px;line-height: 35px;border-left: 1px solid #e1dede;display: block;position: relative;padding: 0 30px;color:#666666;}
.sec-line {
    position: absolute;
    height: 0;
    width: 20px;
    border-bottom: 1px solid #d7d7d7;
    left: 0;
    top: 18px;
}
.tt_hide>a{background: url(../images/ico-arr-right2.png) no-repeat center right;}
.fixed-header {background:#fff;-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;box-shadow: 0 0 5px rgba(0,0,0,.3);}
.fixed-header #header {background:#fff}
#header .lang { width:30px; position: absolute; right: 60px; top: 0; color:#6db339;}
#header .lang a { color:#6db339;}
.fixed-header .lang{ color:#6db339!important;}
.fixed-header .lang a{ color:#6db339!important;}





















.links {text-align:right; position: relative; height: 100%; padding-top: 25px;}
.links .li{ display:block; float: right; margin-left: 11px;cursor: pointer; width: 36px; height: 36px; position: relative;}
.links .li .ttp{display:block; width: 100%; height: 100%; color: #fff; margin: 0 auto;}
.links .li p{ display:none; position: absolute; right:-30px; bottom: -160px; width: 150px; height: 150px;}
.links .li p img { display:block; width: 100%; height: 100%;}
.links .li:hover p{display:block;}
.links .li .ttp_1 { background: url(../images/icon03.png) no-repeat center center; background-position: 0 0; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.links .li .ttp_2 { background: url(../images/icon02.png) no-repeat center center; background-position: 0 0; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.links .li .ttp_3 { background: url(../images/icon01.png) no-repeat center center; background-position: 0 0; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.links .li .ttp_1:hover { background-position: 0 -36px;}
.links .li .ttp_2:hover { background-position: 0 -36px;}
.links .li .ttp_3:hover { background-position: 0 -36px;}



/*banner*/
.home { background:#f5f5f5}
.home .mBanner{ clear:both; overflow: hidden; width: 100%; position: relative; }
.home .mBanner .swiper-container { position: static}
.home .mBanner video{width: 100%;display: block;object-fit:fill; height: 100%;}
.home .mBanner img { display:block; width: 100%; height: auto;}
.home .mBanner .swiper-pagination-bullet { width: 7px; height: 7px; opacity: 1; background: #999999;}
.home .mBanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px;}
.home .mBanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom:3%; height: 10px; line-height: 10px; display: flex; align-items: center; justify-content: center;}
.home .mBanner .swiper-pagination-bullet-active{ background: #005bab; width: 9px; height: 9px;}


.row1 { clear:both; width: 100%;}
.row1 .box { width: 92%; margin: 0 auto; background: #fff; border-radius: 12px; overflow: hidden; margin-top:34px; margin-bottom: 20px; text-align: center; padding:6% 4% 10% 4%;}
.row1 .box .d1 { font-size: 20px; color: #333333; letter-spacing: 2px; line-height: 180%; margin-bottom: 20px;}
.row1 .box .d1:after { content:''; display: block; width: 20px; height: 2px;background: url(../images/icon08.png) no-repeat center center; margin: 0 auto; margin-top: 5px;}
.row1 .box .d2 { width: 100%; margin: 0 auto;font-size: 14px; color: #666666; margin-bottom: 5%;}
.row1 .box .numlist { clear:both; width: 100%; height: 100px; margin: 0 auto; text-align: center; margin-top: 4%; margin-bottom: 3%;}
.row1 .box .numlist .li { width: 25%; height: 110px; float: left;}
.row1 .box .numlist .li .p1 { font-size: 18px; color: #63b226; line-height: 32px; margin-bottom: 5px;}
.row1 .box .numlist .li .p1 span { font-size:32px;font-family:DINCondMedium; }
.row1 .box .numlist .li .jia {background: url(../images/icon07.png) no-repeat right 5px; display: inline-block; padding-right: 11px; background-size: 8px;}
.row1 .box .numlist .li .p2 { font-size: 12px; color: #6e6e6e; line-height: 20px;}
.home .mMore { clear:both; width: 169px; height: 34px; line-height: 34px; margin: 0 auto; border-radius:20px; text-align: center;}
.home .mMore a { display:block; width: 100%; height: 100%;background: url(../images/icon09.png) no-repeat center center; color: #000000; background-size: cover;}



.row2 { clear:both; width: 92%; margin: 0 auto; background: #fff; border-radius: 12px; margin-bottom:20px; overflow: hidden; text-align: center; padding: 6% 0;}
.row2 .mProduct { margin-bottom: 20px;}
.row2 .swiper-slide .le{ width:100%; color: #333;}
.row2 .swiper-slide .ri{ width:100%;background: url(../images/pic181.jpg) no-repeat center center; background-size: cover;}
.row2 .swiper-slide .ri img { display:block; width: 100%; height: auto;}
.row2 .swiper-slide .le .d1 { font-size: 20px; line-height: 30px; margin-bottom: 3%;}
.row2 .swiper-slide .le .d2 { font-size: 17px; line-height: 30px; margin-bottom: 20px;}
.row2 .swiper-button-prev {background: url(../images/icon13.png) no-repeat center center; width: 38px; height: 38px; left:3%; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; background-size: cover;}
.row2 .swiper-button-next {background: url(../images/icon14.png) no-repeat center center; width: 38px; height: 38px; right:3%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; background-size: cover;}
.row2 .swiper-button-prev:hover {background: url(../images/icon13-on.png) no-repeat center center; background-size: cover;}
.row2 .swiper-button-next:hover {background: url(../images/icon14-on.png) no-repeat center center; background-size: cover;}



/*.row3 { clear:both; width: 100%; padding:0 4%;}
.row3 .row3L { width: 45%; float: left; position: relative; background: #a6e9dd; border-radius: 18px; overflow: hidden;}
.row3 .row3R { width: 53%; float: right;}
.row3 .picbox { width:100%; overflow: hidden; border-radius: 18px;}
.row3 .pic { display:block; width: 100%; height: auto;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.row3 .row3R .li { width:48%; position: relative;}
.row3 .row3R .li1 { float: left; margin-bottom: 3%;}
.row3 .row3R .li2 { float: right; margin-bottom: 3%;}
.row3 .row3R .li3 { float: left;}
.row3 .row3R .li4 { float: right;}
.row3 .row3L .text { width: 100%; position: absolute; left: 0; bottom: 8%; text-align: center;}
.row3 .row3L .text .d1 { font-size: 40px; color: #333333; line-height: 60px; margin-bottom: 7%;}
.row3 .row3L .text .a2 { display:block; width: 160px; height: 54px; line-height: 54px; border-radius: 32px; font-size: 18px; margin: 0 auto;color: #000000; box-sizing: border-box; background: #fff;}


.row3 .row3L .text .d2 a:hover { background: #005bab; color: #fff;border: 1px solid #005bab;}
.row3 .row3R .text { width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: center; padding-top: 15%;}
.row3 .row3R .li .text .d1 { font-size: 24px; font-weight: bold;line-height: 32px; margin-bottom: 35px; color: #2d3651; }


.row3 .row3R .li .text .a3{ display:block; width: 120px; height: 44px; line-height: 44px;background: url(../images/icon09.png) no-repeat center center; color: #000000; border-radius: 20px; text-align: center; margin:0 auto;}
.row3 .row3R .li .text .a2 {background:#fff;}
.row3 .row3L:hover .picbox img {transform: scale(1.05, 1.05);}
.row3 .row3R .li:hover .picbox img{transform: scale(1.07, 1.07);}
*/
.row3 { clear:both; width: 100%; padding:0 4%; margin-bottom: 20px;}
.row3 .row3R { width: 100%;}
.row3 .picbox { width:100%; overflow: hidden; border-radius: 12px;}
.row3 .pic { display:block; width: 100%; height: auto;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; margin-top: 42%;}
.row3 .row3R .li { width:32%; position: relative; float: left; border-radius: 12px; overflow: hidden;}
.row3 .row3R .li1 {background:#c6e1bd;}
.row3 .row3R .li2 { margin: 0 2%;background:#a6e9dd;}
.row3 .row3R .li3 {background:#acf2f7;}
.row3 .row3R .text { width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: center; padding-top: 10%;}
.row3 .row3R .li .text .d1 { font-size: 17px; font-weight: bold;line-height: 28px; margin-bottom: 10px; color: #333333; }
.row3 .row3R .li .text .a3{ display:block; width: 70px; height: 26px; line-height: 26px;background:#fff; color: #636363; border-radius: 12px; text-align: center; margin:0 auto; font-size: 12px;}



.row4 { clear:both; width: 100%; background: #f5f5f5; margin-top: 4%;padding:3% 4% 7% 4%;}
.row4 .title { clear:both; width: 100%; text-align: center;height: 70px; position: relative;}
.row4 .title .p1 { width: 100%;  font-size: 18px; color: #333333; line-height: 30px; text-align: center; width: 100%;position: absolute; left: 0; top: 0; z-index: 2; }
.row4 .title .p1:after { content:''; display: block; width: 22px; height: 1px; background:url(../images/icon15.jpg) no-repeat center center; margin: 0 auto; margin-top: 7px; }
.row4 .title .p2 { width: 100%;  font-size: 24px; color: #d1ebe8;text-transform:uppercase; font-family: Arial, "sans-serif"; font-weight: bold; position: absolute; left: 0; top: 0; text-align: center; z-index: 1;line-height: 30px;}
.row4 .list { width: 100%; overflow: hidden;}
.row4 .list .listR { width:100%; height: 100%;  background: #fff; border-radius: 12px; overflow: hidden; padding: 6% 5%;}
.row4 .list .list2 { clear:both; width: 96%; margin-bottom: 20px;}
.row4 .list .list2 .li {width:100%;background:url(../images/icon19.jpg) repeat-x bottom left; margin-bottom: 15px; padding-bottom: 10px; }
.row4 .list .list2 .li:last-child{background:none}
.row4 .list .list2 .li .li_1 { font-size: 15px; color: #5b5b5b; margin-bottom: 5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
.row4 .list .list2 .li .li_2 { font-size:12px; color: #939292; line-height: 20px; margin-bottom: 16px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.row4 .list .list2 .li .li_3 { font-size: 12px; color: #aedc9e; line-height: 20px;}






.fy{ clear:both; margin:0 auto; margin-top:35px; font-size:14px; text-align: center;}
.fy b{ display:inline-block; width:24px; height:24px; background:#6db339; line-height:24px; margin:0 4px; color:#fff; font-weight:100; text-align:center; border-radius: 50%}
.fy a{ display:inline-block; padding:0 8px;height:24px; text-align:center; line-height:24px;margin:0 5px; font-size:14px; }
.djdt_box .fy b{ background:#d23030; }


.footer { clear:both; width: 100%; background: #fff; padding:6% 4% 3% 4%; border-top: 1px solid #d7d7d7}
.home .footer {border-top:0}
.footer .box1 .box1L { width: 100%;}
.footer .box1 .box1R { width:100%; margin-bottom: 10px;}
.footer .box1 .box1L .d1 img { display:block; width: 120px; height: auto; margin-bottom:10px;}
.footer .box1 .box1L .d2 { font-size: 20px; color: #33c48d; font-weight: bold;background:url(../images/icon10.png) no-repeat left center; padding-left: 30px; line-height: 30px; font-family: Arial, "sans-serif"; margin-bottom: 2px; background-size: 20px;}
.footer .box1 .box1L .d3 { font-size: 13px; color: #808080; line-height: 20px; margin-top: 10px; margin-bottom: 15px;}
.footer .box1 .box1R .li { float:left; margin-right:11px; width: 29px; height: 29px; border-radius: 50%;position: relative; cursor: pointer;}
.footer .box1 .box1R .li .ttp { display:block; width: 100%; height: 100%; margin: 0 auto;}
.footer .box1 .box1R .li p{ display:none; position: absolute; right:-50px; top: -160px; width: 150px; height: 150px;}
.footer .box1 .box1R .li p img { display:block; width: 100%; height: 100%;}
.footer .box1 .box1R .li:hover p{display:block;}



.footer .box2 { clear:both; font-size: 13px; color: #999999;line-height: 20px;  margin-top: 4%; }
.footer .box2 .p2 a{display: flex; align-items: center; }
.footer .box2 .p2 img { margin-right:2px;}
.footer .box2 a{ color: #999999; font-size: 12px;}



.iBanner { clear:both; width: 100%; position: relative;}
.iBanner img { display:block; width: 100%; height: auto;}
.iBanner .wz { width:86%; height: 60px; position: absolute; left: 8%; top: 38%; color: #fff;padding-left: 12px;}
.iBanner .wz .p1 { font-size: 24px; line-height: 30px;}
.iBanner .wz .p2 { font-size: 18px; color: #c6c6c6;font-family:DINCondMedium; line-height: 24px;text-transform:uppercase; }
.iBanner .wz:before{ content:''; display: block; width: 1px; height: 45px; background: #fff; position: absolute; left: 0; top:5px;}




.secMenu { clear:both; width: 100%; text-align: right; font-size: 14px; color: #2d3651; height: 48px; line-height: 48px;background:url("../images/icon20.jpg") center center no-repeat; overflow: hidden; color: #fff;}
.secMenu .R { width: 100%; height: 100%; display: flex; align-items: center; justify-content:center; overflow: hidden;}
.secMenu a { color: #fff; display: block; height: 48px; line-height: 48px; position: relative; width: 160px; text-align: center;}
#nowMenu { color:#1ac9b5; background: #eaf9ff; font-weight: bold; font-size: 14px; height: 48px; line-height: 48px;display: block;}
.secMenu_2 { clear:both; width: 100%; background: #fff;color: #7e7e7e; font-size: 14px; position: relative;}



.secMenu_4 { clear:both; width: 100%; color: #626262; line-height: 20px; font-size: 14px; text-align: center; margin:20px 0;}
.secMenu_4 .wrap {width:94%; display: flex; align-items: center; justify-content: center;}
.secMenu_4 a { color: #7e7e7e; display: block; width: 33.3333%;background:#e7e7e7; margin: 0 1%; border-radius:6px; padding: 6px 0;}
#nowMenu_3 { color: #fff;background:#0ecbc9; }


.secMenu_5 { clear:both; width: 100%; color: #626262; line-height: 20px; font-size: 14px; text-align: center; margin:20px 0 12px 0;}
.secMenu_5 .wrap {width:98%;}
.secMenu_5 a { color: #7e7e7e; display: block; width: 23%;background:#e7e7e7; margin: 0 1% 2% 1%; border-radius:6px; padding: 5px 0; float: left;}
#nowMenu_4 { color: #fff;background:#0ecbc9; }


.secMenu_6 { clear:both; background: #fff; color: #7e7e7e; line-height: 20px; font-size: 14px; text-align: center; margin-bottom: 20px; border-radius: 6px; margin-top: 10px; height: 30px; display: flex; align-items: center; justify-content: center;}
.secMenu_6 a { color: #949494;background:url("../images/pic61.jpg") right center no-repeat; padding: 5px 15px 5px 9px;}
.secMenu_6 a:last-child {background:none}
#nowMenu_5 { color: #0ecbc9;}






.phoneClassname {
		width: 100%;
		line-height: 50px;
		margin: 0 auto;
		font-size: 14px;
		color: #555555; padding: 0 6%;
		position: relative; background: #fff;
}
.phoneClassname img{
	width: 12px;
	position: absolute;
	right: 6%;
	top: 21px;
	transition: all .8s;
	transform: rotate(0deg);
}
.phoneClassname .retate{
	transform: rotate(180deg)
}
.nyGcyjSubOne {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 50px;
		position: absolute;
		top: 50px;
		left:0;
		z-index: 100; padding: 3% 0;
		display: none; background: #fff;
		box-shadow: 0 2px 7px #b3b3b3;
		border-bottom: 1px solid #b3b3b3;
}
.nyGcyjSubOne ul {
		overflow: hidden;
}
.footRightSubTwo {
		/*		overflow: hidden;*/
}
.nyGcyjSubOne ul li {
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		cursor: pointer;border-bottom: 1px solid #eeeeee;
}
.nyGcyjSubOne ul li:last-child {border-bottom:0}
.nyGcyjSubOne ul li a {
		display: block;
		width: 100%;
		height: 100%;
		color: #666666; padding: 0 6%; text-align: left;
}


.iCon { clear:both; width: 100%; padding-top: 8%; padding-bottom: 16%;}
.iCon2 { clear:both; width: 100%; padding-top: 8%;}
.iCon3 { clear:both; width: 100%; }

.news-content { margin:0 auto; margin-bottom:20px; }
.newsdetail-content { width:100%; margin:0 auto; line-height: 195%;}
.newsdetail-content p { margin-bottom:10px;}
.newsdetail-content img { max-width:100%!important; display: block; height: auto!important;margin:0 auto;}
.newsdetail-title { width: 100%; overflow: hidden; padding: 8px 0 13px 0; border-bottom:1px solid #e1e0e6; margin-bottom: 20px; text-align:center }
.newsdetail-title .title { font-weight:bold; font-size: 17px; line-height: 26px; color: #202020; margin-bottom: 2px; }
.newsdetail-title .time { margin-top:6px; font-size: 12px; color: #888; line-height: 22px;}
.newsdetail-title .info { color: #696969; }
.newsdetail-content video { display:block; width: 100%; margin: 0 auto; height: auto; background-size: cover; margin-bottom: 20px;object-fit:fill;}


.qywh-div .box1 { margin-bottom:6%; position: relative;}
.qywh-div .box1 .d0 img { display:block; width: 100%; height: auto; border-radius: 18px 0 18px 0;}
.qywh-div .box1 .d1 { font-size: 14px;width: 100%; position: absolute; left: 0; top: 0; color: #fff; line-height: 24px; letter-spacing: 1px; padding:8% 5% 5% 5%;}
.qywh-div .box1 .d1:after { content:''; display: block; width: 16px; height:1px; background: #fff; margin-top: 10px;}

.qywh-div .box2 { clear:both;}
.qywh-div .box2 .li { width:100%; height: 120px; background: #f2f2f2; margin-right: 3%; margin-bottom:3%; border-radius: 10px 0 10px 0; overflow: hidden; cursor: pointer;}
.qywh-div .box2 .li .liL { width: 33%; height: 100%; float: left; text-align: center; font-size: 15px; color: #fff; padding-top:7%;}
.qywh-div .box2 .li .liR { width: 67%; height: 100%; float: right;  font-size: 16px; line-height: 32px; position: relative;}
.qywh-div .box2 .li .liR .pic { display:none;}
.qywh-div .box2 .li .liR p { width: 100%; height: 100%; padding:8% 5% 5% 0; position: absolute; left: 0; top: 0; z-index: 2; color: #fff; font-size: 13px; line-height: 22px; display: flex; align-items: center; justify-content:flex-start;}
.qywh-div .box2 .li1 { background: #84c27e url("../images/pic09.jpg") no-repeat right center; background-size: 100%}
.qywh-div .box2 .li2 { background: #46bbba url("../images/pic10.jpg") no-repeat right center; background-size: 100%}
.qywh-div .box2 .li3 { background: #46bbba url("../images/pic11.jpg") no-repeat right center; background-size: 100%}
.qywh-div .box2 .li4 { background: #84c27e url("../images/pic12.jpg") no-repeat right center; background-size: 100%}
.qywh-div .box2 .li5 { background: #84c27e url("../images/pic13.jpg") no-repeat right center; background-size: 100%}
.qywh-div .box2 .li6 { background: #46bbba url("../images/pic14.jpg") no-repeat right center; background-size: 100%}
.qywh-div .box2 .li .liL .d1 { margin-bottom:5px;}
.qywh-div .box2 .li .liL .d1 img { display:block; margin: 0 auto; width: 36px; height: auto;}



.news-top { clear:both;margin-bottom: 3%; border-radius: 15px; }
.news-top .swiper-slide { height: 100%;}
.news-top .swiper-slide .L{ width: 100%;overflow: hidden; background: #fff;}
.news-top .swiper-slide .R{ width: 100%; background: #fff;padding: 5% 5% 12% 5%;}
.news-top .swiper-slide .R .d1 { width: 100%; font-size: 15px; color: #000000; font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom: 10px; }
.news-top .swiper-slide .R .d2 { width: 100%; font-size: 13px; color: #666666; line-height: 22px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; margin-bottom: 22px; }
.news-top .swiper-slide .R .d3 { width: 169px; height: 34px; line-height: 34px; background: url(../images/icon09.png) no-repeat center center; color: #000000; text-align: center; font-size: 13px; background-size: cover; border-radius: 26px; margin: 0 auto;}
.news-top .swiper-slide .L img{ display:block; width: 100%; height:auto;}
.news-top .swiper-slide a { display:block; width: 100%; height: 100%;}
.news-top .swiper-pagination-bullet {background: #bababa; opacity: 1; width: 10px; height: 10px; }
.news-top .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 9px;}
.news-top .swiper-container-horizontal>.swiper-pagination-bullets { width: 100%; left: inherit; left:0; bottom:2%;}
.news-top .swiper-pagination-bullet-active { background: #65bb3b;}



.news-list { clear:both; background: #fff; border-radius: 10px; padding:5%;}
.news-list ul li { width: 100%; overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px;}
.news-list ul li a { display:block; width: 100%; height: 70px; overflow: hidden;}
.news-list ul li .liL { width:34%; height: 100%; float: left; overflow: hidden; }
.news-list ul li .liL img{ display:block; width: 100%; height: 100%;}
.news-list ul li .liR { width:62%; height: 100%; float: right; overflow: hidden;}
.news-list ul li .liR .liR_1 { font-size:16px; color: #000; line-height: 26px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;margin-bottom:10px;}
.news-list ul li .liR .liR_2 { font-size: 12px; line-height: 20px; color: #8a8a8a; }


.lxwm-div .box1{ padding-bottom: 7%;}
.lxwm-div .box1 .box1L{ width: 100%; margin-bottom: 20px;}
.lxwm-div .box1 .box1R{ width: 140px; text-align: center; line-height: 20px;}
.lxwm-div .box1 .box1R img { display:block; width: 100%; height: auto;}
.lxwm-div .box1 .box1L .d1 { font-size: 17px; color: #000000; margin-bottom: 15px; font-weight: bold;}
.lxwm-div .box1 .box1L .d2 { font-size: 14px; color: #2f2f2f; line-height: 26px;}
.lxwm-div .box2{ clear:both; height: 300px; width: 100%; overflow: hidden;}



/*在线留言*/
.zxly-div { background:#f5f5f5;}
.zxly-div .L { width:100%;}
.zxly-div .L img { display:block; width:100%; height:auto;}
.zxly-div .R { width:100%; padding:5%; box-sizing:border-box;}
.zxly-div .R .form { color:#999999; height:100%}
.zxly-div .R .form p { width:100%; height:35px; margin-bottom:20px;}
.zxly-div .R .form .in1 select { display:block; width:100%; height:35px; line-height:35px; border:1px solid #cccccc; box-sizing:border-box; background:#fafafa; padding:0 12px;color:#b2b2b2;}
.zxly-div .R .form .in1 input { display:block; width:100%; height:35px; line-height:35px; border:1px solid #cccccc; box-sizing:border-box; background:#fafafa; padding:0 12px;}
.zxly-div .R .form .in0 { margin-bottom:4px; font-size:14px;}
.zxly-div .R .form .in3 { height:160px;}
.zxly-div .R .form .in3 textarea { display:block; width:100%; height:140px;border:1px solid #cccccc; box-sizing:border-box; background:#fafafa; padding:12px;}
.zxly-div .R .form .smt { height:55px;}
.zxly-div .R .form .smt .sbnm { width:100%; height:35px; line-height:35px; text-align:center; background:#3bc380; font-size:14px; color:#333333; border:0; cursor:pointer;}

.zp-img { margin-bottom:3%;}
.zp-img img{ display:block; width: 100%; height: auto;}
.shzp-nav { font-size: 15px; font-weight: bold; color: #323232; height: 40px; line-height: 40px; margin-bottom: 3px;}
.shzp-nav p { float:left; height: 100%; border-bottom: 2px solid #29c69c;}
.shzp-nav p.p1 { width: 60%; padding-left: 2%;}
.shzp-nav p.p2 { width: 40%; padding-left: 2%;}
.shzp-nav p.p3 { width: 25%; padding-left: 2%;}


.shzp_list2 { clear:both; font-size: 13px;}
.shzp_list2 .list_dl2 .list_dt2 { margin-bottom: 2px; cursor: pointer;}
.shzp_list2 .list_dl2 .list_dt2 .li { background:#e2f2ed; line-height: 22px; padding:  10px 0;}
.shzp_list2 .list_dl2 .list_dt2:nth-of-type(even) .li { background: #f1f9ed;}
.shzp_list2 .list_dl2 .li p { float:left; height: 100%}
.shzp_list2 .list_dl2 .li p.p1 { width: 60%; padding:0 2%; color: #000000;}
.shzp_list2 .list_dl2 .li p.p2 { width: 40%; padding-left: 2%;}
.shzp_list2 .list_dl2 .li p.p3 { width: 25%; padding-left: 2%;}

.shzp_list2 .list_dd2{padding:1px 2% 6% 2%; display: none;}
.shzp_list2 .list_dd2 .bt { font-size: 15px; color: #000; margin-top: 18px; margin-bottom: 6px;}
.shzp_list2 .list_dd2 .wz { font-size: 13px; color: #868686; line-height: 24px;}


.gsjj-div .box1 { margin-bottom: 6%;}
.gsjj-div .box1 .box1L { width: 100%;background: url(../images/icon29.jpg) no-repeat bottom center; text-align: center; padding-bottom: 5px; background-size: 25px; margin-bottom: 20px;}
.gsjj-div .box1 .box1R { width: 100%; color: #666666;}
.gsjj-div .box1 .box1L .d1 { font-size: 19px; color: #000000; line-height: 30px; margin-bottom: 2px;}
.gsjj-div .box1 .box1L .d2 {text-transform:uppercase; font-size: 12px; font-family: Arial, "sans-serif"; color: #a1a0a0; line-height: 18px; margin-bottom: 10px;  }
.gsjj-div .box1 .box1R p { margin-bottom:6%; text-align: justify;}
.gsjj-div .box1 .box1R p:last-child {margin-bottom:0;}

.gsjj-div .box2 { clear: both; width: 100%; height: 115px; overflow: hidden;background: url(../images/pic18.jpg) no-repeat center center; text-align: center; background-size: cover;}
.gsjj-div .box2 .wrap { width:98%}
.gsjj-div .box2 .list .li { width:25%; float: left; padding-top: 20px;}
.gsjj-div .box2 .list .li .li_1 { font-size: 32px; color: #63b226;font-family:DINCondMedium; line-height: 36px; margin-bottom: 4px;}
.gsjj-div .box2 .list .jia .li_1 span {background: url(../images/icon28.png) no-repeat right 9px; display: inline-block; padding-right: 11px; background-size: 8px;}
.gsjj-div .box2 .list .li .li_2 { color: #6e6e6e; font-size: 12px; line-height: 18px;}

.gsjj-div .box3 { clear: both; padding: 2% 0 10% 0;}
.gsjj-div .box3 .list1 img{ display:block; margin: 0 auto; margin-bottom: 1%; width: 100%; height: auto;}
.gsjj-div .box3 .list2 { clear:both;}
.gsjj-div .box3 .list2 .im1 { display:block; float: left; width: 30%; height: auto; border-radius: 10px;}
.gsjj-div .box3 .list2 .im2 { display:block; float: right;width: 68.3%; height: auto; border-radius: 10px;}

.gsjj-div .box4 { clear: both; width: 100%; background: #ededed; padding: 9% 0 2% 0;}
.gsjj-div .box4 .tit { text-align:center; font-size: 18px; color: #000000; line-height: 30px; margin-bottom: 4%;}
.gsjj-div .box4 .list { position: relative; padding-bottom: 5%;}
.gsjj-div .box4 .list .swiper-container{position:static; width: 88%; margin: 0 auto;}
.gsjj-div .box4 .list .swiper-slide img{display:block; width: 92%; margin: 0 auto; height: auto;}
.gsjj-div .box4 .list .swiper-button-prev { width:16px; height: 31px;background:url(../images/icon30.png) no-repeat center center; left: 0; top: 45%; background-size: 16px; }
.gsjj-div .box4 .list .swiper-button-next { width:16px; height: 31px;background:url(../images/icon31.png) no-repeat center center; right: 0; top: 45%;background-size: 16px; }

.gsjj-div .box5 {padding: 4% 0 10% 0;}


.cp-list ul li { width: 49%; height: 300px; padding-bottom: 10px; float: left; background: #fff; border-radius: 10px; overflow: hidden; text-align: center; margin-right: 1%; margin-bottom: 5%; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.cp-list ul li:nth-child(2n) {margin-right:0;}
.cp-list ul li .pic { width: 100%; height: 202px; overflow: hidden; margin-bottom: 2px;}
.cp-list ul li .pic img { display:block; width: 100%; height: 100%; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.cp-list ul li .text1 { background: #f6f6f6; width: 92%; margin: 0 auto; padding: 5px 10px; height: 52px;}
.cp-list ul li .text1 .d1 { font-size: 14px; color: #161616; font-weight: bold; line-height: 24px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
.cp-list ul li .text1 .d2 { font-size: 12px; color: #737373; font-weight: bold; line-height: 18px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }

.cp-list ul li .text2 { background: #f6f6f6; width: 92%; margin: 0 auto; padding: 5px 10px 0 10px;opacity:1; height: 48px;}
.cp-list ul li .text2 .d3 { font-size: 12px; color: #737373; line-height: 18px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }



.cp-con .box0 { clear:both; width: 100%; margin: 0 auto; padding: 1% 0;background: url(../images/pic189.jpg) no-repeat center center; position: relative;}
.cp-con .box0 .wrap { width: 94%; margin: 0 auto; overflow: hidden; position: relative; padding-bottom: 70px;}
.cp-con .box0 .swiper-container { width: 100%; margin: 0 auto; position: static;}
.cp-con .box0 .swiper-slide{ overflow: hidden; }
.cp-con .box0 img { display:block; width: 80%; height: auto; margin: 0 auto;}
.cp-con .box0 .swiper-button-prev { left:0; top:46%; width: 30px; height: 30px;background: url(../images/pic185.png) no-repeat center center; background-size: cover; -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.cp-con .box0 .swiper-button-next { right:0; top:46%; width: 30px; height: 30px;background: url(../images/pic186.png) no-repeat center center; background-size: cover; -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.cp-con .box0 .swiper-button-prev:hover {background: url(../images/pic185-on.png) no-repeat center center; background-size: cover;}
.cp-con .box0 .swiper-button-next:hover {background: url(../images/pic186-on.png) no-repeat center center; background-size: cover;}


.cp-con .box0 .swiper-pagination-bullet {width:7px; height: 7px;}
.cp-con .box0 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px;}
.cp-con .box0 .swiper-pagination-bullet-active {background:#0ccbcc;}
.cp-con .box0 .text { width: 100%; text-align:center; font-size: 22px; font-weight: bold; color: #373737; line-height: 36px; position: absolute; left: 0; bottom: 40px;}
.cp-con .box0 .swiper-pagination { bottom:0}



.cp-con .box2 { clear:both; width: 100%; background: #fff; padding: 12% 0 6% 0; font-size: 18px; color: #666;}
.cp-con .tit {text-align: center; font-size: 18px; color: #161616; line-height: 32px; margin-bottom: 4%; font-weight: bold;}
.cp-con .list { width:100%;background: url(../images/pic187.jpg) no-repeat center center; background-size: cover; padding:5% 6% 4% 6%;border-radius: 6px;}
.cp-con .box2 .list .li { width:100%;font-size: 13px; color: #161616; line-height: 22px;}
.cp-con .box2 .list .li div { width: 100%; height: 100%; display: block; margin-bottom: 5px}



.cp-con .box1{ clear:both; padding-bottom: 6%}
.cp-con .box1 .L { width: 100%;background: url(../images/pic27.png) no-repeat center center; overflow: hidden; border-radius: 20px; background-size: cover; margin-bottom: 2%;}
.cp-con .box1 .R { width: 100%; overflow: hidden;}
.cp-con .box1 .L img { display:block; width: 100%; height:auto;}
.cp-con .box1 .R .li {background: url(../images/pic28.png) no-repeat center center; width: 32%; border-radius: 10px; overflow: hidden; text-align: center; background-size: cover; float: left;}
.cp-con .box1 .R .li img { display:block; width: 100%; height: 100%;}
.cp-con .box1 .R .li3 { margin:0 2%;}
.cp-con .box1 .li2 { background:#12cac2; color: #fff; font-size: 16px;  margin-bottom: 20px; line-height: 30px; display: flex; align-items: center; justify-content: center; padding: 3% 4%; border-radius: 10px;}
.cp-con .box1 .li2 span { width: 100%; font-size: 28px; display: block; font-weight: bold; line-height: 34px; }




.cp-con .box3{ clear:both; padding: 6% 0 7% 0; background: #f6f6f6;}
.cp-con .box3 .tit {text-align: center; font-size: 18px; color: #161616; line-height: 30px; margin-bottom: 4%; font-weight: bold;}
.cp-con .box3 img{ display:block; max-width: 100%; height: auto; margin: 0 auto;}



.cp-con .box3 .wrap { border-radius: 12px;}
.cp-con .box3 table {width:100%!important; line-height: 20px; border:0!important; overflow: hidden; font-size: 13px; }
.cp-con .box3 table tr { background:#eaeaea;}
.cp-con .box3 table tr:nth-of-type(odd) { background:#fff;}
.cp-con .box3 table tr td { line-height:20px; padding: 8px 2% 9px 10px; border:0;border-right:1px solid #e2e2e2;word-break:break-all; }






.cp-con .box4 { clear:both; padding:6% 0; background: #fff;}
.cp-con .box4 .list { padding:9% 4% 9% 4%; border-radius: 0;}



.hwdy-top .box1 { clear:both; background: #fff; width: 100%; padding: 9% 0;}
.hwdy-top .box1 .tit { text-align: center; font-size: 19px; font-weight: bold; margin-bottom: 25px;}
.hwdy-top .box1 .li { width: 25%; text-align: center; float: left; font-size: 13px; color: #747474; line-height: 22px; margin-bottom: 10px;}
.hwdy-top .box1 .li .tp{margin-bottom:5px;}
.hwdy-top .box1 .li .tp img{display:block; width: 80%; height: auto; margin: 0 auto;}


.hwdy-top .box2 { clear:both; padding: 9% 0;}
.hwdy-top .box2 .list1 { margin-bottom: 26px;}
.hwdy-top .box2 .list1 .list1L { width: 100%;border-radius: 12px; overflow: hidden; position: relative; margin-bottom: 12px;}
.hwdy-top .box2 .list1 .list1R { clear: both;width: 100%;}
.hwdy-top .box2 .list1 .list1L .sp img{display:block; width: 100%;}
.hwdy-top .box2 .list1 .list1L .bfbg { width: 100%; height: 100%; background: url(../images/pic44.png) repeat center center; position: absolute; left: 0; top: 0; z-index: 1;}
.hwdy-top .box2 .list1 .list1L .bf { width: 100%; height: 100%; background: url(../images/pic43.png) no-repeat center center; position: absolute; left: 0; top: 0; z-index: 2;}
.hwdy-top .box2 .list1 .list1R .qh1-div .bd .thd { width: 100%;}
.hwdy-top .box2 .list1 .list1R .qh1-div .bd .thd ul li { width: 49%; float: left;background: #a4f3f4; height: 100px; text-align: center; margin-bottom: 10px; border-radius: 10px; overflow: hidden; cursor: pointer; font-size: 14px; padding-top: 16px; -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.hwdy-top .box2 .list1 .list1R .qh1-div .bd .thd ul li:last-child { margin-left:2%;}
.hwdy-top .box2 .list1 .list1R .qh1-div .bd .thd ul li img { display:block; width: 42px; height: auto; margin: 0 auto; margin-bottom:2px;}
.hwdy-top .box2 .list1 .list1R .qh1-div .bd .thd ul li.on { background: #b7f4c8;}
.hwdy-top .box2 .list1 .list1R .qh1-div .bd .tbd { width: 100%; height: 450px; border-radius: 10px; overflow: hidden;}
.hwdy-top .box2 .list1 .list1R .qh1-div .bd .tbd ul li img { display:block; width: 100%; height: auto;}

.hwdy-top .box2 .list2 { clear:both;}
.hwdy-top .box2 .list2 .qh2-div .bd .thd { width:100%; height: 100px;overflow: hidden; position: relative;} 
.hwdy-top .box2 .list2 .qh2-div .bd .thd ul li { width: 32%; height: 100%; float: left;text-align: center;border-radius: 10px; overflow: hidden; cursor: pointer; font-size: 14px;  background: #fff; -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s; padding: 3% 0;}
.hwdy-top .box2 .list2 .qh2-div .bd .thd ul .li_2 { margin:0 2%;}
.hwdy-top .box2 .list2 .qh2-div .bd .thd ul li.on { background: #b7f4c8;}
.hwdy-top .box2 .list2 .qh2-div .bd .thd ul li img { display:block; width: 40px; height: auto; margin: 0 auto;}
.hwdy-top .box2 .list2 .qh2-div .bd .tbd { clear: both;width: 100%; border-radius: 10px; overflow: hidden; min-height: 196px;}
.hwdy-top .box2 .list2 .qh2-div .bd .tbd img { display:block; width: 100%; height: auto;}


.hwdy-list { clear:both; margin-bottom: 4%;}
.hwdy-list ul li { width:100%; margin-bottom: 4%; background: #fff; border-radius: 10px; overflow: hidden; padding-bottom: 6%;}
.hwdy-list ul li a{display:block; width: 100%; height: 100%;}
.hwdy-list ul li .liL { width: 100%; overflow: hidden; padding: 3% 5%; }
.hwdy-list ul li .liR { width: 100%;}
.hwdy-list ul li .liL img { display:block; width: 100%; height: auto; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.hwdy-list ul li .liR .d1 { width: 100%; font-size: 24px; font-weight: bold; line-height: 32px; margin-bottom: 12px; color: #161616; text-align: center; padding: 0 4%;}
.hwdy-list ul li .liR .d2 { width:92%; margin: 0 auto;background: url(../images/pic49.jpg) no-repeat left center; height: 34px; line-height: 34px; color: #161616; font-size: 12px; margin-bottom: 12px; text-align: center;}
.hwdy-list ul li .liR .d3 { width: 100%; padding: 0 4%; font-size: 12px; margin-bottom: 15px; color: #5b5a5a;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.hwdy-list ul li .liR .d4 { clear:both; width: 270px; margin: 0 auto;text-align: center; font-size: 14px;  -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; }
.hwdy-list ul li .liR .d4 a{width: 120px; height: 34px; line-height: 34px;color: #000000;background: url(../images/pic26.png) no-repeat center center; margin-left: 13px; float: left; background-size: cover;}


.hwdy-con .tit {text-align: center; font-size: 18px; color: #161616; line-height: 28px; margin-bottom: 6%; font-weight: bold;}
.hwdy-con .box1 { margin-bottom: 10%;}
.hwdy-con .box1 .box1L { width: 100%; padding-top: 4%;}
.hwdy-con .box1 .box1R { width: 100%;}
.hwdy-con .box1 .box1R img { display:block; width: 100%; height: auto;}
.hwdy-con .box1 .box1L .d1 { font-size: 30px; font-weight: bold; color: #86a035; line-height: 32px; margin-bottom: 10px;}
.hwdy-con .box1 .box1L .d2 { font-size: 26px; font-weight: bold; color: #161616; line-height: 30px; margin-bottom: 20px;}
.hwdy-con .box1 .box1L .d3 { font-size: 16px; color: #161616;background:url(../images/pic49.jpg) no-repeat left center; line-height: 34px; padding:0 3%; background-size: cover; display: inline-block; margin-bottom: 5%;}
.hwdy-con .box1 .box1L .d4 { font-size: 14px; color: #5b5a5a; line-height: 24px; padding-left: 1%;}


.hwdy-con .box2 { clear:both; margin-bottom: 10%;}
.hwdy-con .box2 .wrap { border-radius: 12px;}
.hwdy-con .box2 video { display:block; width: 100%;}


.hwdy-con .box3 { clear:both;background:url(../images/pic58.jpg) no-repeat center center; background-size: cover; padding: 8% 0;}
.hwdy-con .box3 .tit { margin-bottom:3%;}
.hwdy-con .box3 .list img{ display:block; width: 100%; height: auto;}


.hwdy-con .box4 { clear:both; padding: 8% 0;}
.hwdy-con .box4 img{ display:block; width: 100%; height: auto;}


.hwdy-con .box5 { clear:both; width: 100%; padding-bottom: 6%;background:url(../images/pic57.jpg) no-repeat center center; text-align: center; padding-top: 8%; background-size: cover;}
.hwdy-con .box5 .tit { margin-bottom:2%;}
.hwdy-con .box5 .list { position:relative; padding-bottom: 50px; font-size: 18px;}
.hwdy-con .box5 .list .swiper-container { position:static; width: 94%; margin: 0 auto;}
.hwdy-con .box5 .swiper-slide a { display:block; width: 100%; height: 100%;}
.hwdy-con .box5 .swiper-slide .tp { width:100%; overflow: hidden;}
.hwdy-con .box5 .swiper-slide img{ display:block; width: 92%; height: auto; margin: 0 auto; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; margin-bottom: 5px;}
.hwdy-con .box5 .swiper-button-prev { width:16px; height: 45px;background:url(../images/icon30.png) no-repeat center center; left: 0; top: 40%; background-size: 100%;}
.hwdy-con .box5 .swiper-button-next { width:16px; height: 45px;background:url(../images/icon31.png) no-repeat center center; right: 0; top: 40%; background-size: 100%;}
.hwdy-con .box5 .swiper-pagination-bullet-active {background:#54be57;}

.cs-tab {width:100%; font-size: 13px; border-radius: 10px; overflow: hidden; margin-bottom: 10px;}
.cs-tab table {width:100%; line-height: 20px;  }
.cs-tab table tr { background:#eaeaea;}
.cs-tab table tr:nth-of-type(odd) { background:#fff;}
.cs-tab table tr td { line-height:20px; padding: 8px 2% 9px 4%; width: 60%;}
.cs-tab table tr td:first-child { border-right:1px solid #e2e2e2; width: 40%; color: #000000;}
.cs-tab2 {float:right}
.cs-tab2 table tr td { width: 50%;}
.cs-tab2 table tr td:first-child { width: 50%;}


.zzry-list ul li{ width:100%;margin-bottom: 20px;}
.zzry-list ul li .d1 { width:90%; overflow: hidden; margin: 0 auto;}
.zzry-list ul li .d1 img { display:block; width: 100%; height: auto;}