.header{ width: 100%; background-color: #fff; padding-bottom: 10px;}
.header-contact{ line-height: 40px; color: #fff; background-color: #006f33; text-align: center; font-size: 1em; font-weight: 600; margin-bottom: 10px;}
.header-contact img{width: 30px;margin-top:5px}
.navBox{ position: relative; z-index: 999; margin-top: 25px;}
.nav span,.nav img{ display: inline-block; vertical-align: middle }
.nav > li > a{ display: block; width: 100%; text-align: center; line-height: 50px;transition: all 0.5s; color: #333; font-size: 18px; font-weight: 600; padding: 0 2em;}
.nav > li:hover > a, .header .nav > li.active > a{color: #006f33;}
.nav .send-nav{margin: 0; top: 50px; background: #fff; width: 100%; min-width: 180px; display: none;}
.nav .send-nav li a{ border-bottom: 1px solid rgba(0,153,70,0.2); background-color: rgba(0,153,70,0.7); color: #fff; text-align: center; display: block; width: 100%; line-height: 40px; transition: all 0.5s; padding:0 10px }
.nav .send-nav li a:hover{ background-color: rgba(0,153,70,1); }
.nav > li:hover .send-nav{ display: block }
.menus{ right: 10px;}
.menus img{ width: 40px;}
.logo{ padding: 0;}
.banners{ overflow: hidden }
.banners .items{ overflow: hidden; }
.bannerPage span{ width: 40px; border-radius: 5px; background-color: #fff; height: 4px }


.footers{ padding: 20px 0 0;}
.fot_bottom{ padding: 30px 0; margin-top: 20px; background-color: #006f33;}
.fot_nav li{ padding: 0 20px;}
.fot_nav li a{ color: #fff; line-height: 30px;}
.fot_contact span{ line-height: 30px; color: #fff;}
.fot_contact img{margin: 0 5px 0 15px;}
.fot_contact span,.fot_contact img{ vertical-align: middle;}
.fot_contact .copy{color: #fff; line-height: 1em; margin-top: 20px;}
.fot_contact .copy a{color: #fff;}


.index_box04_tab .item{ cursor: pointer; overflow: hidden;}
.index_box04_tab .item > img{ transition: all 0.3s;}
.index_box04_tab .item .mark{ width: 100%; height: 100%; top:0; left: 0;}
.index_box04_tab .item .mark .mark_bg{ transition: all 0.3s; width: 100%; height: 100%; top:0; left: 0; background-color: rgba(0,0,0,0.6);}
.index_box04_tab .item .mark .mark_logo{right: 1em; top: 1em; max-width: 50%;}
.index_box04_tab .item .mark .mark_text{bottom: 0; left: 0; padding: 2em;}
.index_box04_tab .item .mark .mark_text h3{ font-size: 3em; color: #fff; line-height: 1em; margin: 15px 0 ;}
.index_box04_tab .item .mark .mark_text p{ font-size: 1em; line-height: 1.5em; color: #fff;}
/* .index_box04_tab .item.active .mark_bg, */.index_box04_tab .item:hover .mark_bg{ top: -100%;}
.index_box04_tab .item:hover > img{ transform: scale(1.05,1.05);}
.index_box04_con{ /*border-bottom: 5em solid #f6fcfc;*/ overflow: hidden;}
.index_box04_con .item{ display: none; text-align: center; padding: 3em 0;}
.index_box04_con .item h2{ font-size: 3em; margin-bottom: 20px;}
.index_box04_con .item p{ line-height: 2em; color: #666; /*margin-bottom: 2em;*/}
.index_box04_con .item img{ max-width: 90%;}

.index_box03{ background-color: #f6fcfc; overflow: hidden;}
.index_box03_text{ padding-top: 4em; padding-bottom: 5em; padding-right:15%}
.index_box03_text h2{ font-size: 2.4em; line-height: 1.4em; font-weight: 600;}
.index_box03_text p{ margin-top: 20px; margin-bottom: 20px; line-height: 1.8em;}
.index_box03_text li{ line-height: 2em; margin-bottom: 5px; padding-left: 15px;}
.index_box03_text li i{ left: 0; display: block; width: 5px; height: 5px; background-color: #333; border-radius: 50%;}
.index_box03_text .mores{ color: #fff;  padding: 0 30px 0 50px; line-height: 55px; background-color: #000230; display: inline-block; border-radius: 5px; margin: 30px 0 0; transition: all 0.3s; position: relative;}
.index_box03_text .mores:after{ content: ''; display: block; position: absolute; left: 20px; top: 50%; margin-top: -4px; width: 20px; height: 9px; background-image: url(../img/jt.png); background-position: center left; transition: all 0.3s;}
.index_box03_text .mores:hover{ background-color: #006f33; padding-left: 55px;}
.index_box03_text .mores:hover:after{ background-position: center right;}
.index_box03_imgs{ padding: 6em 0 0;}
.index_box03_imgs img{ max-width: 100%;transition: all 0.3s;}
.index_box03:hover .index_box03_imgs img{transform: scale(1.05,1.05);}

.index_box02_tab{ border-bottom: 1px solid #eee;}
.index_box02_tab li{ text-align: center; padding: 10px 0; cursor: pointer; transition: all 0.3s;}
.index_box02_tab li img{ width: 30px;}
.index_box02_tab li p{ font-size: 18px; font-weight: 600; line-height: 40px;}
.index_box02_tab li:hover{ opacity: 0.8;}
.index_box02_tab_line{ transition: all 0.3s; width: 33.33%; height: 3px; background-color: #000; left: 0; bottom: 0;}
.index_box02_con{ padding: 30px 0; overflow: hidden;}
.index_box02_con .item{ display: none;}
.index_box02_con .item .index_box03_text h2{ font-size: 2.5em;}


.index_box01{ overflow: hidden;/* border-bottom: 3em solid #f6fcfc; margin-bottom: 3em; */}
.index_box01 .index_box03_imgs{ padding: 10rem 0 0 0;}
.index_box01 .index_box03_imgs img{transition: all 0.3s;}
.index_box01 .index_box03_text{ padding-right:0}
.index_box01:hover .index_box03_imgs img{transform: scale(1.05,1.05);}

.about{ padding: 0 0 50px;}
.about_img{ margin-top: 40px;}
.about_tex h2{ font-size: 50px; font-weight: 900; line-height: 120px;}
.about_tex h2 span{ margin-right: 20px;}
.about_tex h2 img{ margin-top: -10px;}
.about_tex h2 span,.about_tex h2 img{ vertical-align: middle;}
.about_tex h3,.about_tex h4{ font-size: 30px; color: #006f33; line-height: 1.5em; padding: 20px 0;}
.about_tex h4{ font-size: 20px; padding: 10px 0;}
.about_tex p{ color: #666; margin-bottom: 20px; line-height: 1.8em;}

.newList{ margin: 50px auto 0;}
.newList li a{ display: block; width: 100%; background-color: #f6fcfc; overflow: hidden; margin-bottom: 50px;}
.newList li a .newImg,.newList li a .newFont{ padding: 0; overflow: hidden;}
.newList li a .newFont > p{ padding: 0 20px; line-height: 40px; background-color: #fff; color: #999;}
.newList li a .newFont .newlistFont{ padding: 5% 20px 0 20px;}
.newList li a .newFont .newlistFont h4{ line-height: 1.8em; font-size: 18px;}
.newList li a .newFont .newlistFont p{ font-size: 14px; color: #666; margin: 10px 0;}
.newList li a .newFont .newlistFont .new_a{ font-size: 14px; text-align: right; color: #006f33;}
.newList li a .newImg{ height:240px;justify-content: center;align-items: center;text-align: center;display:flex}
.newList li a .newImg img{ transition: all 0.3s;flex: 1;}
.newList li a:hover .newImg img{ transform: scale(1.05,1.05);}

.page{ text-align: center;}
.page li{ display: inline-block; }
.page a{ transition: all 0.3s; color: #999; margin: 5px; display: inline-block; width: 32px; height: 32px; line-height: 30px; border-radius: 50%; border: 1px solid #ddd;}
.page li.active a,.page a:hover{ background-color: #006f33; border-color: #006f33; color: #fff;}

.product{ overflow: hidden; background: #f6fbfc; padding: 50px 0;}
.product_box{ overflow: hidden;}
.product_title{ position: relative; padding: 0 30px; margin: 5%; z-index: 1;}
.product_title h2{ color: #71bcd3; font-size: 3em; line-height: 1em; margin-bottom: 20px;}
.product_title p{ color: #71bcd3; font-size: 1.5em;}
.product_title:after,
.product_title:before{content: ''; display: block; position: absolute; top: 0; left: 0;  width: 1px;}
.product_title:after{ background-color: #71bcd3; height: 30px; }
.product_title:before{ background-color: #cbe8ec; height: 100%;}
.product_box01{ z-index: 1; padding-bottom: 30px; margin-bottom: 50px;}
.product_box01 a,
.product_box01 span,
.product_box02 .item a,
.product_box02 .item span{ display: block; transition: all 0.3s; overflow: hidden;}
.product_box01 img,
.product_box02 .item img{ transition: all 0.3s;}
.product_box_bg1,
.product_box_bg2,
.product_box_bg3{ background-color: #eef8fa; width: 100%; left: 0; z-index: 0;}
.product_box_bg1{ top: 0; height: 600px;}
.product_box_bg2{ top: 10%; height: 400px;}
.product_box_bg3{ bottom: 10%; height: 400px;}
.product_box01_mores{ bottom: 0; left: 3%; padding: 20px 100px 20px 30px; background-color: #6bc2d5; max-width: 94%;}
.product_box01_mores h4,.product_box01_mores p{color: #fff;}
.product_box01_mores h4{ font-size: 18px;}
.product_box01_mores i{ right: 30px; height: 9px; overflow: hidden;}
.product_box01_mores i img{ margin-left: -100%; transition: all 0.3s;}
.product_box01 a:hover span,
.product_box02 .item a:hover span{ transform: scale(0.95,0.95);}
.product_box01 a:hover span img,
.product_box02 .item a:hover span img{ transform: scale(1.15,1.15);}
.product_box01 a:hover i img,
.product_box02{ overflow: hidden; padding:0 50px}
.product_box01 a:hover i img,
.product_box02 .item a:hover i img{ margin: 0;}
.product_box02 .item{ padding: 0 0 30px; margin-bottom: 50px;}

.nynav{ overflow: hidden; background-color: #fff; border-radius: 10px; display: flex; position: relative; z-index: 1; margin-top: -15px; box-shadow: 0 0 10px #ddd;}
.nynav a,.nynav span{ flex: 1; text-align: center; line-height: 40px; color: #666; transition: all 0.3s;}
.nynav span{ background: #f5f5f5}
.nynav a:hover,.nynav a.active{color: #006f33;}

.product_detail{ padding: 50px 0;}
.product_detail h2{ color: #702c63; font-size: 20px; line-height: 1.8em; text-align: center; margin-bottom: 30px;}
.product_detail .item{ display:none; overflow:hidden}
.product_detail .item.active{ display:block}

.new_detail{ padding: 30px 0;}
.newListBox .item a{ overflow: hidden; margin-bottom: 30px; display: block;}
.newListBox .item a h4{ font-size: 12px; line-height: 1em; margin-bottom: 10px;}
.newListBox .item a h2{ line-height: 1.8em; transition: all 0.3s; margin-bottom: 10px;}
.newListBox .item a p{ font-size: 14px; color: #787878;}
.newListBox .item a i{ margin-top: 15px; display: inline-block; border: 1px solid #006f33; color: #006f33; text-transform: uppercase; font-size: 12px; line-height: 35px; border-radius: 5px; padding: 0 15px; transition: all 0.3s;}
.newListBox .item a span{ overflow: hidden;}
.newListBox .item a img{ transition: all 0.3s;}
.newListBox .item a .text{ padding: 20px 15px; background-color: #f6fcfc;}
.newListBox .item a:hover h2{ color: #006f33;}
.newListBox .item a:hover img{ transform: scale(1.05,1.05);}
.newListBox .item a:hover i{ background-color: #006f33; color: #fff;}

.new_detail_box{ line-height: 2em;}
.new_detail_box h2{ color: #702c63; font-size: 2em; line-height: 1.8em; margin-bottom: 20px;}
.new_detail_box h4{ color: #999; margin: 10px 0 20px;}
.new_detail_box img{ max-width: 100%;}
.mbx{ line-height: 40px; margin-top: 20px;}

.page2{ margin:20px 0; padding-top:20px; border-top:1px solid #f5f5f5}
.page2 a{ color: #666; transition: all 0.3s; width: 100%; display: block;}
.page2 a:hover{ color: #006f33}

.pro_swiper{ width:calc(100% - 150px); margin:0 auto; overflow: visible;}
.pro_swiper .nexts{ margin-right:-50px}
.pro_swiper .prevs{ margin-left:-50px}
.pro_swiper .items{ display: flex; align-items: center; justify-content: center; border-radius: 10px; overflow:hidden}
.pro_swiper .items p{ bottom:0; left:0; width: 100%; background:rgba(0,0,0,0.3); color: #fff; line-height:45px; padding: 0 20px}

.froms{ overflow: hidden;}
.froms h3{ text-align: center; font-size: 3em; font-weight:900; margin:30px auto 20px}
.froms .item{ margin-bottom: 15px}
.froms .item h4{ color: #333; line-height:2em; margin-bottom: 5px}
.froms .item input,.froms .item textarea{ border-radius: 5px; border:1px solid #eee; width: 100%; line-height: 30px; padding:5px 15px}
.froms .item button{ padding: 0 20px; line-height:40px; background:#000230;color:#fff;outline: none; 
border: 1px solid transparent; margin: 20px auto; border-radius:5px}
.froms .item i{ color:#006f33}

.proList{
	overflow: hidden;
  padding:0;
  margin-top:15px;
    margin-bottom:30px
}
.proList li{
	padding: 5px 18px;
}
.proList li a{
	display: block;
	border: 1px solid #ddd;
	transition: all 0.3s;
  overflow:hidden
}
.proList li a .proFont{
  top:0;
  left:0;
  padding:15% 5% 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
	background-color: rgba(0,0,0,0);
}
.proList li a .proFont h2{
	font-size: 20px;
  font-weight:600;
	transition: all 0.3s;
	line-height: 1.5em;
}
.proList li a .proFont p{
	margin: 10px 0 20px;
	transition: all 0.3s;
  color:#666
}
.proList li a .proFont h4{
  color:#666;
	transition: all 0.3s;
  line-height:2em;
  display:inline-block;
  border-bottom:1px solid #666
}
/*.proList li a .proFont > div{
	left: 20px;
  	width:70%
}*/
.proList li a:hover{
	margin-top:-10px;
  margin-bottom:10px
}
.proList li a:hover .proFont{
	background-color: rgba(0,0,0,0.6);
}
.proList li a:hover .proFont h2,
.proList li a:hover .proFont h4,
.proList li a:hover .proFont p{
	color:#fff
}
.proList li a:hover .proFont h4{
	border-color:#fff
}
.codeList li{
padding:20px}
.codeList li img{width:100%}
.lang{
margin-top:10px;font-size:18px}
.lang select{padding:0;border:none;}
.lang a{
	display:inline-block;
  	width:40px;
  margin-left:5px;
  margin-top:5px
}

@media (max-width: 1680px) {
	.index_box03_text{ padding-right:10%}
}
@media (max-width: 1440px) {
	.nav > li > a{ padding: 0 2em;}
	.index_box03_text{ padding-right:8%}
}
@media (max-width: 1200px) {
	.nav > li > a{ padding: 0 1.5em;}
	.index_box03_text{ padding-right:5%}
	.product_box02{ padding:0 20px}
}
@media (max-width: 1024px) {
  .nav > li > a{ padding: 0 1em;}
}

@media (max-width: 768px) {
	.header .logo img{ max-width: 100px }
  .navBox{float: right !important;margin: 0 30px 0 0}
  .lang .am-form-group{margin: 0}
	.fot_logo img{ max-width: 50%;}
	.index_box01{  margin-bottom: 1em;}
	.index_box01 .index_box03_text{ padding: 1em 0;}
	.index_box03_text h2{ font-size: 2em;}
	.index_box03_text p{ margin: 10px 0;}
	.index_box01 .index_box03_imgs{padding-top: 1em;}
	.index_box02_tab li img{ width: 25px;}
	.index_box02_tab li p{ font-size: 14px; line-height: 25px;}
	.index_box02_con{ padding: 0;}
	.index_box02_con .index_box03_text{ padding: 1em 0;}
	.index_box02_con .item .index_box03_text h2{ font-size: 1.8em;}
	.index_box03_imgs{ padding: 1em 0;}
	.index_box03_text{ padding: 0 1em 3em;}
	.index_box03_text .mores{ margin-top: 10px;}
	.index_box04_tab .item .mark .mark_text{ padding: 1em;}
	.index_box04_tab .item .mark .mark_text img{ width: 50px;}
	.index_box04_tab .item .mark .mark_text h3{ font-size: 2em;}
	.index_box04_tab .item .mark .mark_text p{ font-size: 12px; line-height: 1.5em;}
	.index_box04_con{ border-bottom: 2em solid #f6fcfc;}
	.index_box04_con .item{padding: 1em 0;}
	.index_box04_con .item h2{ font-size: 1.5em; margin-bottom: 10px;}
	.index_box04_con .item p{ font-size: 14px; padding: 0 10px;}
	.fot_bottom{ padding: 15px 0 10px;}
	.fot_nav li{ padding: 0 10px;}
	.fot_contact img{ margin: 0 5px 0 10px;}
	.fot_contact > .am-fr{ width: 100%; margin-top: 15px;}
	.fot_contact .copy{ line-height: 2em; font-size: 12px; padding: 0 10px;}
	.about{ padding: 0 0 20px;}
	.about_img{ margin: 0; padding: 0}
 	.about_tex{ padding: 0}
	.about_tex img{ max-width: 100px;}
	.about_tex h2{ font-size: 40px; line-height: 80px;}
	.about_tex h3, .about_tex h4{ padding: 10px 0;}
	.about_tex h3{ font-size: 26px;}
	.nynav{ display: block; margin-top: -5px; padding-bottom: 5px; margin-bottom: 10px;}
	.nynav span{ width: 100%; display: block; margin-bottom: 5px;}
	.nynav a{ width: 50%; display: block; float: left;}
	.product_detail{
		padding: 1.5em 1em;
	}
	.product_detail h2{ margin-bottom: 10px;}
	.froms h3{ margin: 15px auto; font-size: 1.5em;}
	.froms .item{ margin-bottom: 5px;}
	.product_box01_mores{ padding: 10px 40px 10px 15px; width: 94%;}
	.product_box01_mores h4{ font-size: 15px;}
	.product_box01_mores p{ font-size: 12px;}
	.product_box01_mores i{ right: 15px;}
  	.product_box02{ padding: 0}
	.product_box02 .item,.product_box01{ margin-bottom: 20px;}
	.newList li a .newFont .newlistFont .new_a{ margin-bottom: 15px;}
	.about_tex h2 span{ font-size: 1em; display: inline-block; margin: 0;}
	.new_detail_box{ margin: 15px auto !important;}
	.new_detail_box h2{ margin-bottom: 5px;}
	.contact_detail_box{ padding: 0;}
	.mbx{ margin-top: 0;}
	.nybanner{ overflow: hidden; justify-content: center; align-items: center; display: flex;}
	.nybanner img{ width: 800px; flex: 1;}
	.new_detail{ padding: 0 0 10px;}
	.new_detail .new_detail_box{ margin: 0 !important;}
	.new_detail .new_detail_box h2{ font-size: 20px;}
	.new_detail .new_detail_box h4{ margin: 5px 0; font-size: 14px;}
	.page2{ margin:20px 0; border-top:1px solid #f5f5f5}
	.mbx{ line-height: 1.6em; padding: 10px 1rem; font-size: 14px;}
	.nybanner_pro{ display: block;}
	.nybanner_pro img{ width: calc(100% + 300px); margin-left:-150px}
  	.newList li a .newImg{ max-height:320px; height:auto}
  .proList {margin-top:0;margin-bottom:15px}
  .proList li{
  padding:0.2em 0.6em}
.codeList li{
padding:0.5em 1em}
  iframe{

}