@charset "utf-8";
*{margin:0;padding:0}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote,{padding: 0; margin: 0;}
ul, li, ol {list-style-type : none;}
a{
	font-size: 14px;
	color: #333;
	text-decoration: none;
}
/*a:visited {
	color: #333;
	text-decoration: none;
}*/
a:hover {
	text-decoration: none;
	color: #339966;
}
html{width:100%;}
body{color:#333;font-size: 14px;font-family:henderson-bcg-sans,"Helvetica Neue",Helvetica,Arial,sans-serif;background: #fff;width:100%;position:relative;}
.animate{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;} 
.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.fl{ float:left;}
.rl{ float:right;}
.marleft {margin-left:15px;}
.marright {margin-right:15px;}

.section{ width:1364px; margin:0 auto; clear:both;}
.tou{ clear:both;  width:100%; margin:0 auto;position:absolute; top:0px; z-index:999; height:80px;background-image:url(../images/daohbg.png); background-repeat: repeat-x; }
.tou1{ clear:both;  width:100%; margin:0 auto; height:80px;background-color:#fff; }
.logo {
    float: left;padding-left:50px; padding-right:50px; padding-top:25px;
}
.banben{ 
    float: right; color:#FFF; padding-left:50px; padding-right:50px;font-size:12px;line-height: 80px;}
.banben a{color:#FFF; font-size:12px;}
.banbenzi{ 
    float: right; color:#3e3a39; padding-left:50px; padding-right:50px;font-size:12px;line-height: 80px;}
.banbenzi a{color:#3e3a39; font-size:12px;}
.daohang_1{
	float: right; padding-top:22px;
}
 .daohang_1 li{
	float: left;
	padding-left:15px; padding-right:15px;
	text-align: center;
	position: relative;
	display: block;
	height: 40px; box-sizing:border-box;
}
.menu_about{
	position:absolute;
	left:0px;
	top:40px;
	display:none;
	z-index:100;
	 width:100%; background-color:rgba(0,0,0,0.2); padding-bottom:5px; padding-top:5px;
}
.menu_about p{
	height:30px;
	text-align:center;
	color:#FFFFFF;line-height: 30px;
}
.menu_about p a{
	color:#FFFFFF;
}
.menu_about a{
	color: #FFffff;
	font-size:12px;
}
.menu_about a:hover{
	color:#fff;
     height:30px;
	display:block;font-size:12px; background-color:rgba(51,153,102,0.5);
}
.font_dh{
	color: #fff;
	display:block; font-size:15px;
	line-height:36px;background-image:url(../images/nabg.png); background-repeat:no-repeat;background-position:-90px center;
}
a.font_dh{
	color: #fff;
	display:block; font-size:15px;
	line-height:36px;background-image:url(../images/nabg.png); background-repeat:no-repeat;background-position:-90px center;
}
a.font_dh:visited {
	color: #fff;
	display:block;
	line-height:36px;font-size:15px;

}
a.font_dh:hover {
display:block;
	line-height:36px;font-size:15px;
	color: #FFFFFF;
	background-image:url(../images/nabg.png); background-repeat:no-repeat; background-position:center center;
}
.font_dhzi{
	color: #3e3a39;
	display:block; font-size:15px;
	line-height:36px;background-image:url(../images/nabg.png); background-repeat:no-repeat;background-position:-90px center;
}
a.font_dhzi{
	color: #3e3a39;
	display:block; font-size:15px;
	line-height:36px;background-image:url(../images/nabg.png); background-repeat:no-repeat;background-position:-90px center;
}
a.font_dhzi:visited {
	color: #3e3a39;
	display:block;
	line-height:36px;font-size:15px;

}
a.font_dhzi:hover {
display:block;
	line-height:36px;font-size:15px;
	color: #3e3a39;
	background-image:url(../images/nabg.png); background-repeat:no-repeat; background-position:center center;
}






.gao{ width:100%; margin:0 auto; text-align:center; clear:both; padding:0px; position:relative;background-image:url(../images/ganfeng_021.jpg); background-repeat:no-repeat; background-position:center top; min-height:800px; height:915px;}
.uni-video{ width:650px; margin:0 auto;object-fit: cover;}

.uni-video1{ width:100%;object-fit: cover;height: 100%;}
.gaoabout1{ width:100%; margin:0 auto; text-align:center; clear:both;height:830px; padding:0px;background-image:url(../images/gaoabout.jpg); background-repeat:no-repeat; background-position:top center;min-width:1364px;}
.gaoesg{ width:100%; margin:0 auto; text-align:center; clear:both;height:830px; padding:0px;background-image:url(../images/esg.jpg); background-repeat:no-repeat; background-position:top center;min-width:1364px;}
.gaojishu{ width:100%; margin:0 auto; text-align:center; clear:both;height:830px; padding:0px;background-image:url(../images/jishu.jpg); background-repeat:no-repeat; background-position:top center;min-width:1364px;}
.gaocontact{ width:100%; margin:0 auto; text-align:center; clear:both;height:600px; padding:0px;background-image:url(../images/contact.jpg); background-repeat:no-repeat; background-position:top center;min-width:1364px;}
.gaoxinwen{ width:100%; margin:0 auto; text-align:center; clear:both;height:600px; padding:0px;background-image:url(../images/news.jpg); background-repeat:no-repeat; background-position:top center;min-width:1364px;}
.gaoproducts1{ width:100%; margin:0 auto; text-align:center; clear:both;height:640px; padding:0px;background-image:url(../images/products1.jpg); background-repeat:no-repeat; background-position:top center;min-width:1364px;}
.gaoproducts2{ width:100%; margin:0 auto; text-align:center; clear:both;height:640px; padding:0px;background-image:url(../images/products2.jpg); background-repeat:no-repeat; background-position:top center;min-width:1364px;}
.gaoproducts3{ width:100%; margin:0 auto; text-align:center; clear:both;height:640px; padding:0px;background-image:url(../images/products3.jpg); background-repeat:no-repeat; background-position:top center;min-width:1364px;}
.gaoproducts5{ width:100%; margin:0 auto; text-align:center; clear:both;height:640px; padding:0px;background-image:url(../images/products5.jpg); background-repeat:no-repeat; background-position:top center;min-width:1364px;}
.gaoproducts4{ width:100%; margin:0 auto; text-align:center; clear:both;height:640px; padding:0px;background-image:url(../images/products4.jpg); background-repeat:no-repeat; background-position:top center;min-width:1364px;}

.gaoabout2{ width:100%; margin:0 auto; text-align:center; clear:both;height:720px; padding:0px;background-image:url(../images/gaoabout1.jpg); background-repeat:no-repeat; background-position:top center;min-width:1200px;}
.gaoabout3{ width:100%; margin:0 auto; text-align:center; clear:both;height:720px; padding:0px;background-image:url(../images/gaoabout2.jpg); background-repeat:no-repeat; background-position:top center;min-width:1200px;}
.gaoir1{ width:100%; margin:0 auto; text-align:center; clear:both;height:360px; padding:0px;background-image:url(../images/ir1.jpg); background-repeat:no-repeat; background-position:top center;min-width:1200px;}

.shus{ width:24%; border-right:1px solid #D6D6D6; padding-top:40px; padding-bottom:50px; text-align:center;  transition:all 0.8s ease 0s;}
.shus:nth-child(2){  transition:all 1s ease 0s;}
.shus:nth-child(3){  transition:all 1.3s ease 0s;}
.shus:nth-child(4){ border:none; transition:all 1.6s ease 0s;}
/*.shus:nth-child(5){ transition:all 1.9s ease 0s;}*/
.shus .lvzi{ font-size:50px; color:#339966; padding-bottom:15px;}
.spanf1{ font-size:16px; color:#414042; }
.spanf2{ font-size:16px; }



.jjshus{ width:24%; border-right:1px solid #D6D6D6; padding-top:40px; padding-bottom:50px; text-align:center;  transition:all 0.8s ease 0s;}
.jjshus:nth-child(2){  transition:all 1s ease 0s;}
.jjshus:nth-child(3){  transition:all 1.3s ease 0s;}
.jjshus:nth-child(4){  transition:all 1.6s ease 0s;}
.jjshus:nth-child(5){border:none; transition:all 1.9s ease 0s;}
.jjshus .lvzi{ font-size:50px; color:#339966; padding-bottom:15px;}
.animate-init .jjshus{ opacity: 0; transform: translateY(100px);}











.animate-init .shus{ opacity: 0; transform: translateY(100px);}

.gshuzi{ width:100%; background-color:#F1F1F1; padding-top:30px; padding-bottom:30px;}
.gtit{ padding-top:50px; padding-bottom:20px; text-align:center; font-size:44px;transition:all 0.8s ease 0s;}
.animate-init .gtit , .animate-init .glv{ opacity: 0; transform: translateY(100px);}

.glv{ width:100px; height:5px; background-color:#339966; margin:0 auto;transition:all 0.8s ease 0.5s;}
.maincon{  padding-top:40px; color:#848484; line-height:28px;transition:all 1.5s ease 0s;opacity: 1; }
.animate-init .maincon{ opacity: 0; transform: translateY(100px);}
.maincon span{ padding-left:30px; text-transform:uppercase;}
.maincon span a{ color:#339966;}

.gaojue{ position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.1)}
.liuc{  padding:30px 30px 50px 30px; margin-top:-65px; background-color:#FFF; box-sizing:border-box; transition:all 0.8s ease 0s;display: flex;position: relative;}
.liuc1{ width:42%; margin-right:6%; height:340px;}
.liuc1 img{ width:100%;}
.liuc2{ width:50%; }
.liuc21{ color:#3e3a39; font-size:26px; padding-top:25px; padding-bottom:30px;}
.liuc22 {
    width: 70px;
    height: 5px;
    background-color: #339966;
}
.liuc23 { color:#3e3a39; font-size:16px; line-height:26px;padding-top: 22px;
padding-bottom: 30px;}
a.liuc24{
	width:125px; line-height:32px; text-align:center; background:#28714a; font-size:13px; color:#fff; display:block;transition:all 1s ease 0s;}
a.liuc24:visited {
width:125px; line-height:32px; text-align:center; background:#28714a; font-size:13px; color:#fff; display:block;}
a.liuc24:hover {
width:125px;  line-height:32px; text-align:center; background:#1BA66D; font-size:13px; color:#fff; display:block;}

.animate-init .liuc{ opacity: 0; transform: translateY(100px);}


.wgg{ width:285px; position:relative; overflow:hidden; height:414px;transition:all 1s ease 0s;}

.animate-init .wgg{ opacity: 0; transform: translateY(300px);transform: rotateY(90deg);}
.wgg:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.wgglay{ position: absolute; width:100%; z-index:100; background-color:rgba(0,0,0,0.5); bottom:0px; height:54px; line-height:54px; text-align:center; color:#FFF; font-size:16px }
.wgg:hover .wgglay{  opacity:0;}

.wgglaym{ position: absolute; width:100%; z-index:100; background-color:rgba(0,0,0,0.5); top:50px; height:100%;  text-align:center; color:#FFF; font-size:14px;opacity:0; }
.p1{ padding-top:60px; font-size:22px; line-height:36px;}
.p2{ padding-top:40px; line-height:30px; padding-left:35px; padding-right:35px;}
.wgborder{ width:90px; margin:0 auto; height:2px; background-color:#FFF; margin-top:10px;}
.wgbtn{ width:90px; margin:0 auto; height:36px;  margin-top:30px; text-align:center; border:1px solid #FFF; line-height:35px;}
.wgg:hover .wgglaym{  opacity:1; top:0;}
.jianju{ width:100%; height:60px;}
.jianju1{ width:100%; height:40px;}
.yongt1{ width:100%; height:419px;background-image:url(../images/yongt4.jpg); background-repeat:no-repeat; background-position:center center;overflow:hidden; position:relative;}
.yongt2{ width:100%; height:546px;background-image:url(../images/yt1.jpg); background-repeat:no-repeat; background-position:center center; overflow:hidden; position:relative;}
.yongt3{ width:100%; height:916px;background-image:url(../images/yt2.jpg); background-repeat:no-repeat; background-position:center center;}
.yongt4{ width:100%; height:500px;background-image:url(../images/yt3.jpg); background-repeat:no-repeat; background-position:center center;}
.yongt5{ width:100%; height:500px;background-image:url(../images/yt4.jpg); background-repeat:no-repeat; background-position:center center;}
.yongt6{ width:100%; height:500px;background-image:url(../images/yt5.jpg); background-repeat:no-repeat; background-position:center center;}

.bgbg{ position:absolute; width:100%; height:100%; z-index:2; background-color:rgba(0,0,0,0.5); transition:all 0.8s ease 0s;}
.bgbg:hover{  background-color:rgba(0,0,0,0);}


.yongt2b{width:100%; height:546px;background-image:url(../images/yt1.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;transition:all 3s ease 0s;transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1); position:absolute; left:0; top:0; z-index:1;}
.animate-init .yongt2b{transform: scale(1.4);-moz-transform: scale(1.4);-webkit-transform: scale(1.4); }

.yongthj1b{width:100%; height:720px;background-image:url(../images/yongt1.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;transition:all 3s ease 0s;transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1); position:absolute; left:0; top:0; z-index:1;}
.animate-init .yongthj1b{transform: scale(1.4);-moz-transform: scale(1.4);-webkit-transform: scale(1.4); }


.yongthj21b{width:100%; height:360px;background-image:url(../images/yongt2.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;transition:all 3s ease 0s;transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1); position:absolute; left:0; top:0; z-index:1;}
.animate-init .yongthj21b{transform: scale(1.4);-moz-transform: scale(1.4);-webkit-transform: scale(1.4); }

.yongthj22b{width:100%; height:360px;background-image:url(../images/yongt3.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;transition:all 3s ease 0s;transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1); position:absolute; left:0; top:0; z-index:1;}
.animate-init .yongthj22b{transform: scale(1.4);-moz-transform: scale(1.4);-webkit-transform: scale(1.4); }


.yongt1b{width:100%; height:419px;background-image:url(../images/yongt4.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;transition:all 3s ease 0s;transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1); position:absolute; left:0; top:0; z-index:1;}
.animate-init .yongt1b{transform: scale(1.4);-moz-transform: scale(1.4);-webkit-transform: scale(1.4); }




a.ytp3{
	width:180px; line-height:56px; text-align:center;  font-size:14px; color:#fff; display:block;transition:all 1s ease 0s; margin:0 auto;border:3px solid #339966;}
a.ytp3:visited {
width:180px; line-height:56px; text-align:center;  font-size:14px; color:#fff; display:block; margin:0 auto;border:3px solid #339966;}
a.ytp3:hover {
width:180px;  line-height:56px; text-align:center;  font-size:14px; color:#fff; display:block; margin:0 auto; border:3px solid #339966;}
.ytp1{ font-size:36px;  padding-top:230px; color:#FFF;transition:all 1s ease 0s;text-align: center;}
.ytp21{ font-size:36px;  padding-top:65px; color:#FFF;transition:all 1s ease 0s;text-align: center;}
.ytp2{ font-size:26px; text-align:right; padding-right:15px;padding-top:50px; padding-bottom:60px;transition:all 1s ease 0.5s;}
.ytp4{ font-size:36px;   padding-top:140px; color:#FFF;transition:all 1s ease 0s;text-align: center;}
.ytp41{ font-size:36px;   padding-top:100px; color:#FFF;transition:all 1s ease 0s;text-align: center;}
.ytp5{ font-size:16px;  padding-top:30px; padding-bottom:40px;color:#FFF;transition:all 1s ease 0.5s;text-align: center;line-height: 40px;}


@-webkit-keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
.scaleBg{ -webkit-animation:scale-bg 4s linear forwards;  animation:scale-bg 4s linear forwards}


.yongthj{ width:100%; border-top: 6px solid #fff;border-bottom: 6px solid #fff;}
.yongthj1{ width:35%; height:720px;background-image:url(../images/yongt1.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;overflow:hidden; position:relative;}
.yongthj2{ width:65%; }
.yongthj21{ width:100%; height:360px;background-image:url(../images/yongt2.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;
border-left: 6px solid #fff; border-bottom: 3px solid #fff;box-sizing: border-box; overflow:hidden; position:relative;}
.yongthj22{ width:100%; height:360px;background-image:url(../images/yongt3.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;
border-left: 6px solid #fff; border-top: 3px solid #fff;box-sizing: border-box;overflow:hidden; position:relative;}
.shengtleft{ width:460px; border-left:5px solid #FFF; background-color:rgba(255,255,255,0.6); font-size:20px;box-sizing: border-box;
padding: 40px 40px 70px 40px; margin-top:290px; line-height:36px;transition:all 1s ease 0s;}
.shengtp1{ font-size:30px; color:#339966; font-weight:bold;padding-top: 10px;
padding-bottom: 30px;}
.shengtright{ width:850px; padding-top:140px;transition:all 1s ease 0s;}
.shengtright img{ width:100%;}
.animate-init .shengtleft{ opacity: 0; transform: translateY(150px);}
.animate-init .shengtright{ opacity: 0; transform: rotateY(90deg);}


.animate-init .ytp1 , .animate-init .ytp2 , .animate-init .ytp4 , .animate-init .ytp5{ opacity: 0; transform: translateY(100px);}
.animate-init .ytp21 , .animate-init .ytp41{ opacity: 0; transform: translateY(100px);}
.animate-init .ytp3{ opacity: 0;  transform: rotateY(90deg);}
.hezsec{ width:25%; box-sizing:border-box;padding:10px;transition:all 1s ease 0s; }
.animate-init .hezsec{ opacity: 0;  transform: rotateY(90deg);}
.hezsk{ width:100%; box-sizing:border-box; padding:20px; border:solid 1px #DADADA;height:170px; overflow:hidden;}
.hezsk img{ width:100%; height:100%;object-fit:contain;transition: all 0.5s ease 0s;}
.hezsk:hover { border:solid 1px #339966; }
.hezsk:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.huoban{ padding-top:40px; padding-bottom:60px;}
.copyrighttop{ width:100%; height:14px; background-color:#339966;background-image: linear-gradient(to right, #6ca848 , #007491);}

.foot{  width:100%; margin:0 auto; background-color:#101010; overflow:hidden}
.foota{	
	overflow:hidden; color:#E9E9E9; padding-top:40px; padding-bottom:40px;
}
.foota .lxwm{width: 220px;padding-top:105px; padding-bottom:105px; border-right:1px solid #767676;}
.foota .ddao{
	line-height: 32px; font-size:14px;
	width: 150px;
	text-align: left;  padding-left:70px;}
.foota .ddx{
padding-top:25px;  color:#FFF; font-weight:bold;}
.foota .ddx a{color:#FFF; }	
.ppoi{ width:50px; height:2px; background-color:#339966;}
.bnav{ padding-top:25px;}

a.fontb{
	font-size: 14px;
	color: #b5b5b6;
}
a.fontb:visited{
	font-size: 14px;
	color: #b5b5b6;
}
a.fontb:hover {
font-size: 14px;
	color: #fff;
}
.liaoyuan{ line-height: 32px; font-size:14px;
	width: 141px;
	text-align: center;  margin-top:25px;}
.liaoyuan img{ width:100%; }

.footit{ padding-top:20px; padding-bottom:15px;}
.copyright{ width:100%; background-color:#040101; line-height:60px; height:60px;  color:#c9caca;overflow: hidden;}
#top{ position:fixed; width: 45px; height: 45px; background: #339966;  display: block; bottom: 10%; right: 20px; color: #FFFFFF; text-transform: uppercase; line-height: 45px; text-align: center; cursor: pointer; border-radius: 5px; display:none;}
.copyleft{ width:1000px;}
.copyright1{ width:300px; text-align:right;}


a.zzb07link{
/*	font-family: Arial, Helvetica, sans-serif;*/
	text-decoration: none;
	color: #c9caca; font-size:12px;
}
a.zzb07link:visited{
	text-decoration: none;
	color: #c9caca;font-size:12px;
}

a.zzb07link:hover {
	text-decoration: underline;
	color: #c9caca;font-size:12px;
}
.zzb07tail
{
	color: #c9caca;font-size:12px;
}

.font_dd , .font_dd a:link , .font_dd a:visited , .font_dd a:active{
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold
}
.font_dd a:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/9991_08.gif);font-family: Arial, Helvetica, sans-serif;font-weight:bold
}
/*手机端的菜单*/
header.header {
    width: 100%; height:50px;
	 display:none;
}
.header,
.header a {
    color: #fff;
}
.wrapper {
    width: 92%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.header .logo-holder {
    float: left;
    width: 220px;
    min-width: 220px; padding-top:10px !important;}
	.shllogo{ max-height:40px;}
	.shl-tan{ display: block;background: url(../images/go.png) center center no-repeat;width: 37px;height: 37px;background-size: 30px;transition: all 1s ease 0s;margin-top: 6px;}
.shl-tan1{ display: none;background: url(../images/xx11.png) center center no-repeat;width: 37px;height: 37px;background-size: 30px;transition: all 1s ease 0s;margin-top: 6px;}
#msk{ display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.5; top:55px; left:0; z-index:100}
.zzz{  display:none;}
#menu{ position:absolute; width:100%; top:50px; right:-768px; background:#eae8e8; color:#666; z-index:10000; display:none;}
.list{width: 100%;}
	.list ul li{background-color:#339966; border-bottom:solid 1px #74EEB1; }
	.list ul li a{padding-left: 20px;color: #fff; display: block; font-weight:bold; height:50px;line-height: 50px;position: relative; text-decoration:none;
	}
	.list ul li .inactive{ background:url(../images/shl-img-h60.png) no-repeat 96% center; background-size:auto 12px;}
	.list ul li .inactives{background:url(../images/shl-img-h601.png) no-repeat 96% center; background-size:auto 16px;} 
	.list ul li ul{display: none;}
	.list ul li ul li { border-left:0; border-right:0; background-color:#3FAC75; border-color:#74EEB1;}
	.list ul li ul li ul{display: none;}
	.list ul li ul li a{ padding-left:40px;}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden; display:none;}
.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;    }
	.focus .hd{ width:100%;   position:absolute; z-index:1; bottom:10px; text-align:center;  }
	.focus .hd ul{ display:inline-block;  padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:0; vertical-align:top;
	}
	.focus .hd ul li{ display:inline-block; width:6px; height:6px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#8C8C8C; margin:0 3px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#C24239;  }
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
.focus .bd li{ margin:0px; padding:0px; }
	.focus .bd li img{ width:100%;  height:auto;    }
	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}

/*内页公司简介开始*/
.gzitit {
    padding-top: 260px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 48px;
    transition: all 0.8s ease 0s;
    color: #FFF;
}
.gzilv {
    width: 60px;
    height: 2px;
    background-color: #339966;
    margin: 0 auto;
    transition: all 0.8s ease 0.5s;
}
.zimaincon {
    padding-top: 50px;
    line-height: 70px;
    transition: all 1.5s ease 0s;
    opacity: 1;
    color: #FFF;
    font-size: 56px; font-weight:bold;
}

.animate-init .gzitit , .animate-init .gzilv , .animate-init .zimaincon{ opacity: 0; transform: translateY(100px);}
.boutfo1{  margin-top:-65px; background-color:#FFF; box-sizing:border-box; transition:all 0.8s ease 0s;
 font-size:28px; line-height:48px; color:#3e3a39;}

.hjziti1{ font-weight:bold; font-size:32px;}

.animate-init .boutfo1{ opacity: 0; transform: translateY(100px);}
.abbg1{width:100%;  overflow:hidden; padding-top:50px;}

.abbg11{width:100%; overflow:hidden;transition:all 1s ease 0s;transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1); text-align:center;}


.animate-init .abbg11{transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2); }

.abbg2{width:100%; height:800px;background-image:url(../images/abbg2.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.abbg3{width:100%; height:598px;background-image:url(../images/abbg3.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}

.aatit{ padding-top:50px; padding-bottom:20px; text-align:center; font-size:30px;transition:all 0.8s ease 0s;}
.kkaatit{ padding-top:50px; padding-bottom:20px; text-align:center; font-size:48px;transition:all 0.8s ease 0s; font-weight:bold; color:#FFF;}
.aalv{ width:70px; height:3px; background-color:#339966; margin:0 auto;transition:all 0.8s ease 0.5s;}
.aalvk{ width:70px; height:5px; background-color:#339966; }

.maintt1{  padding-top:40px; color:#3e3a39; line-height:30px;transition:all 1.5s ease 0s;opacity: 1;font-size:16px; text-align:center }
.animate-init .aatit , .animate-init .aalv , .animate-init .kkaatit{ opacity: 0; transform: translateY(100px);}
.animate-init .maintt1{ opacity: 0; transform: translateY(100px); }
.maintt2{ width:50%;padding:15px 40px; box-sizing:border-box; }
.maintt3{ width:50%;padding:15px 40px; box-sizing:border-box;}
.mart150{ padding-top:250px}
.ttfont1{ padding-top:150px; padding-bottom:10px; text-align:center; font-size:48px;transition:all 0.8s ease 0s; color:#FFF; }
.ttfont2{ text-align:center; font-size:48px;transition:all 0.8s ease 0s; font-weight:bold; color:#FFF;}
.ttfont3{ padding-top:250px; padding-bottom:10px; text-align:center; font-size:48px;transition:all 0.8s ease 0s; color:#FFF; font-weight:bold; }
.animate-init .ttfont1 , .animate-init .ttfont2{ opacity: 0; transform: translateY(100px); }
.animate-init .ttfont3{ opacity: 0; transform: translateY(100px); }

.lcheng{ padding:20px; box-sizing:border-box;}
.lcheng1{ padding:50px 50px 0px 50px;box-sizing: border-box;}
.lcheng2{ margin:0 auto; width:80%; background-color:#f7f7f7; font-size:16px;box-sizing: border-box;padding: 50px;}
.lcheng3{ width:23%; text-align:center; border-right:1px solid #b2b2b3; }
.lcheng3 span{ font-size:50px; }
.lcheng4{ width:72%;}
.lcheng5{ background-image:url(../images/kkt.png); background-repeat:no-repeat; background-position:left 10px; background-size: auto 11px; line-height:30px; padding-left:30px;}
.abmap{ padding-top:80px; padding-bottom:80px; position:relative;}
.abmap img{ width:100%;}

.abmapflex {
    display: flex; transition:all 0.8s ease 0s;
}
.animate-init .abmapflex{ opacity: 0; transform: translateY(100px); }
.abmapsec { width:32%;  margin-right:2%; cursor:pointer;}
.abmapsec:nth-child(3){  margin-right:0;}
.abmapsec1 {width:100%; height:280px; overflow:hidden; }
.abmapsec1 img { width:100%; height:100%; object-fit:cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s }
.abmapsec1:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); cursor:pointer; }	
.abmapsec2 { font-size:24px; padding-top:15px; text-transform:uppercase; }
.abmapsec22 { font-size:24px;   }
.abmapsec3 { font-size:20px; padding-bottom:60px; padding-top:10px; }


/*内页公司简介结束*/
/*内页产品中心*/
.gprotit {
    padding-top: 200px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 48px;
    transition: all 0.8s ease 0s;
    color: #FFF;
}
.animate-init .gprotit{ opacity: 0; transform: translateY(100px);}

.cpfo1 {
    padding: 30px 30px 80px 30px;
    margin-top: -65px;
    background-color: #FFF;
    box-sizing: border-box;
    transition: all 0.8s ease 0s;
    text-align: center;
    
    color: #3e3a39;
}
.animate-init .cpfo1{ opacity: 0; transform: translateY(100px);}
.cpsec1{ width:20%; float:left;}
.cpsec2{ width:100%; height:100px;  background-repeat:no-repeat; background-position:center center;}
.cpsec3{ display: table;margin: 0 auto;font-size: 20px; padding-top:10px; padding-bottom:20px; }
.cpsec31{ border-bottom:4px solid #339966;}

.cpsec21{ background-image:url(../images/cp1.png);  }
.cpsec211{ background-image:url(../images/cp11.png);  }
.cpsec22{ background-image:url(../images/cp2.png);  }
.cpsec221{ background-image:url(../images/cp21.png);  }
.cpsec23{ background-image:url(../images/cp3.png);  }
.cpsec231{ background-image:url(../images/cp31.png);  }
.cpsec24{ background-image:url(../images/cp4.png);  }
.cpsec241{ background-image:url(../images/cp41.png);  }
.cpsec25{ background-image:url(../images/cp5.png);  }
.cpsec251{ background-image:url(../images/cp51.png);  }

.cplist1{ background-color:#f2f2f2; width:100%; padding-top:40px; padding-bottom:90px;}
.cplist2{ background-color:#fff; width:100%; padding-top:40px; padding-bottom:90px;}
.lvbbb{ width:100%; background-color:#08643e; padding-top:15px; padding-bottom:15px;}


.lvfff{ font-size:42px; color:#FFF;transition: all 0.8s ease 0s;}
.cpnei{ width:1130px; margin:0 auto; clear:both;}
.animate-init .lvfff{opacity: 0; transform: translateY(100px);}
.cpbiaot1{ width:100%; color:#339966; font-size:30px; box-sizing:border-box; padding:8px 50px;}
.cpborder1{background-image:url(../images/cpbt1.png); background-repeat:no-repeat; background-position:center center; height:14px; }

.cpbiaot2{width:100%;padding-left: 20px;
padding-right: 20px; padding-top:30px;
box-sizing: border-box;}


.cpbiaot4{width:100%;padding-left: 20px;
padding-right: 20px; padding-top:10px;
box-sizing: border-box;}


.cpbiaot2left{ width:315px; margin-right:30px;transition: all 0.8s ease 0s;}
.animate-init .cpbiaot2left{opacity: 0; transform: translateY(100px);}
.cpbp1{ padding-top:60px; padding-bottom:40px; font-size:20px;line-height: 32px;padding-right: 4px;text-align: justify;}

.prre{ width:100%; font-size:22px; line-height:38px;transition: all 0.8s ease 0s;}
.animate-init .prre{opacity: 0; transform: translateY(100px);}
.cpbiaot2right{ width:745px; font-size:22px; line-height:38px;transition: all 1.5s ease 0s;}
.animate-init .cpbiaot2right{opacity: 0; transform: translateY(100px);}
.cprightfont1{ width:100%; font-size:20px; padding-top:50px; padding-bottom:15px; font-weight:bold;}
.cpbiaot2right table{ width:100%; border-top:1px solid #339966;border-bottom:1px solid #339966;}
.cpbiaot2right table td{ font-size:20px; padding:15px; box-sizing:border-box; text-align:center;}

.tututu{transition: all 0.8s ease 0s; max-width:100%;}
.animate-init .tututu{opacity: 0; transform: translateY(100px);}

.righttd1{border-bottom:1px solid #aaabab;}
.righttd2{border-right:1px solid #aaabab;}

.cprightfont2{ width:100%; font-size:20px; padding-top:50px; padding-bottom:10px; font-weight:bold; box-sizing:border-box; padding-left:20px;padding-right:20px; color:#066942;}
.cprightfont3{ width:100%; font-size:20px; margin-top:20px; box-sizing:border-box; padding-left:20px;background-image:url(../images/diandian.png); background-repeat:no-repeat; background-position:left center;}
.neicpsec{ width:46%;}
.mri11{margin-left: 8%;}
.mri12{padding-top: 60px;padding-bottom: 80px; text-align:center;}

.cprightfont4{ width:100%; font-size:20px; padding-top:10px; padding-bottom:10px; font-weight:bold;  box-sizing:border-box; padding-left:15px;background-image:url(../images/diandian.png); background-repeat:no-repeat; background-position:left center; margin-top:40px;}
.cprightfont5{ padding-top:10px; text-align:center;}
.cprightfont5 img{ max-width:100%;}
.cpam{ padding-top:80px; min-height:320px; box-sizing:border-box;}
/*电池回收开始*/	
.huishoulist {
    background-color: #efeff1;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 80px;
}
.huipic{text-align: center; padding-top:30px;}
.huipic img{ max-width:100%;}
.huispan{ color:#666; font-size:14px; line-height:30px; padding-top:10px;}

.huishoulist1 {
    background-color: #fff;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 80px;background-image:url(../images/outbg_03.jpg); background-repeat: repeat-x; background-position:center bottom;
}
.huishoulist2 {
    width: 100%;background-image:url(../images/products55.jpg); background-repeat: no-repeat; background-position:center center; background-size:cover;
    padding-top: 20px;
    padding-bottom: 80px;
}
.hsfasheng{ padding-top:50px; padding-bottom:20px; text-align:center; font-size:36px;transition:all 0.8s ease 0s; color:#FFF; line-height:46px; font-weight:bold;}

.animate-init .hsfasheng{ opacity: 0; transform: translateY(100px);}

.hstthh{  padding-top:40px; color:#3e3d3d; line-height:30px;transition:all 1.5s ease 0s;opacity: 1;font-size:18px; text-align:center; }
.animate-init .hstthh{ opacity: 0; transform: translateY(100px); }




.hstit{ padding-top:50px; padding-bottom:20px; text-align:center; font-size:30px;transition:all 0.8s ease 0s; color:#FFF; line-height:46px;}
.hslv{ width:70px; height:3px; background-color:#fff; margin:0 auto;transition:all 0.8s ease 0.5s;}
.hstt1{  padding-top:40px; color:#fff; line-height:30px;transition:all 1.5s ease 0s;opacity: 1;font-size:18px; text-align:center; }
.animate-init .hstit , .animate-init .hslv{ opacity: 0; transform: translateY(100px);}
.animate-init .hstt1{ opacity: 0; transform: translateY(100px); }
.huishoubg1{ width:100%; margin:0 auto; text-align:center; clear:both; padding-top:50px; padding-bottom:100px;background-image:url(../images/ccpp12.jpg); background-repeat:no-repeat; background-position:top center;min-width:1364px; position:relative; }
.huishoubg2{ width:100%; margin:0 auto; text-align:center; clear:both; background-image:url(../images/ccpp13.jpg); background-repeat:no-repeat; background-position:top center; position:relative;  padding-top:130px; padding-bottom:130px; box-sizing:border-box;}
.huishoupos {
    width: 1064px; margin:0 auto; 
}
.huishoulv{ width:44%; background-color:rgba(255,255,255,0.9);box-sizing: border-box;margin-top: 80px; border:1px solid #339966;
padding: 0px 80px 50px 80px;}
.hslfont1{ font-size:30px; color:#339966; font-weight:bold; padding-top:30px; padding-bottom:20px; border-bottom:2px solid #339966;}
.hslfont2{ font-size:16px; color:#339966; text-align:center; padding-top:30px;line-height: 34px; }
.jjfays{display: flex;flex-wrap: wrap;}

.jjfayssec {
    width: 50%;
    padding: 60px 60px 10px 60px;
    box-sizing: border-box;transition:all 1.5s ease 0s;opacity: 1;
}
.animate-init .jjfayssec{ opacity: 0; transform: translateY(100px); }
.jjfayssec1{ font-size:20px; text-align:center; padding-bottom:20px; font-weight:bold; padding-top:20px;}
.jjfayssec2{ width: 70px;
height: 2px;
background-color: #339966; margin:0 auto;}
.jjfayssec3{ font-size:16px; color:#595757; padding-top:20px;line-height: 28px; text-align:justify;}
.hsctfa{ display:flex; color:#FFF;justify-content: center;padding-top: 50px;padding-left: 50px;
padding-right: 50px;}
.hsctfa p{ font-size:24px;line-height: 56px;}
.hsctfa1{ width:46.5%; text-align:center; background-color:rgba(51,153,102,0.8);padding-top: 40px;padding-bottom: 40px;}
.hsctfa2{  text-align:center; background-color:rgba(2,121,72,0.8);padding-top: 20px;padding-bottom: 70px;}
.hsctfa3{ width:65%; margin:0 auto; height:30px; border-top: 1px solid #fff;
margin-top: 30px;}
.hsjjj7{ text-align:center; display: flex;
align-items: center;
justify-content: center; height:150px;}
.hsjjj6{ width:16.6%;}
/*消费类电池开始*/	

.xiaofeibg2{background-image:url(../images/xiaofeibg2.jpg); background-repeat:no-repeat; background-position:top center; width:100%; height:1006px;display: flex;
align-items: center;}
.xiaofeiflex {
    display: flex;
    color: #FFF;
    justify-content: space-between;

}
.xfsec{ width:46%;  background-color:rgba(23,24,24,0.75); padding:30px 60px 100px 60px; box-sizing:border-box;transition:all 0.8s ease 0s;opacity: 1;}
.animate-init .xfsec{ opacity: 0; transform: translateY(100px); }
.xfsec p{ font-size:16px; line-height:26px; padding:60px 30px 90px 30px;}

a.xfbtn{
	width:160px; line-height:52px; text-align:center; background:#1BA66D; font-size:14px; color:#fff; display:block;transition:all 1s ease 0s; border-radius:5px;margin:0 auto;}
a.xfbtn:visited {
width:160px; line-height:52px; text-align:center; background:#1BA66D; font-size:14px; color:#fff; display:block;border-radius:5px;margin:0 auto;}
a.xfbtn:hover {
width:160px;  line-height:52px; text-align:center; background:#068551; font-size:14px; color:#fff; display:block;border-radius:5px; margin:0 auto;}
.xfyoushi{ padding-top:30px;}

.xfyoushif1 {
    display: flex;
    flex-wrap: wrap;justify-content: space-between;padding-bottom: 80px;padding-top: 30px;
}
.xfyssec {
    width: 47%;
    padding: 30px 80px 50px 80px;
    box-sizing: border-box;transition:all 0.8s ease 0s;opacity: 1; background-color:#efeff0;margin-top: 40px;
}
.xfyssec:nth-child(2){  transition:all 1s ease 0s;}
.xfyssec:nth-child(3){  transition:all 1.3s ease 0s;}
.xfyssec:nth-child(4){  transition:all 1.6s ease 0s;}
.xfyssec:nth-child(5){  transition:all 1.9s ease 0s;}
.xfyssec:nth-child(6){  transition:all 2.1s ease 0s;}

.animate-init .xfyssec{ opacity: 0; transform: translateY(100px); }
.xfyyly{ background-color: #efeff1;width: 100%; padding-top:10px; padding-bottom:60px;}
.yylyflex{ width:100%; display:flex;}

.yylysec{ width:25%; height:307px; position:relative; overflow:hidden;cursor:pointer; border-bottom:1px solid #FFF;transition:all 0.8s ease 0s;}
.yylysec:nth-child(2){  transition:all 1.3s ease 0s; border-left:1px solid #FFF;}
.yylysec:nth-child(3){  transition:all 1.8s ease 0s;border-left:1px solid #FFF;}
.yylysec:nth-child(4){  transition:all 2.3s ease 0s;border-left:1px solid #FFF;}
.animate-init .yylysec{ opacity: 0; transform: translateY(100px); }
.yylysec img{ width:100%; height:100%; object-fit:cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s }
.yylytext{ width:100%; height:100%; position: absolute; z-index:10; left:0; top:50px; background-color:rgba(0,0,0,0.7); color:#FFF;text-align:center;opacity:0;display: flex;
align-items: center;
justify-content: center; font-size:20px;}
.yylysec:hover .yylytext{  opacity:1; top:0;}
.yylysec:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); cursor:pointer; }
.yydownload{background-color: #efeff1;width: 100%; padding-top:30px; padding-bottom:80px;}	
.yydown{ background-color:#339966; display:flex; box-sizing:border-box;align-items: center;padding-bottom: 20px;padding-top: 20px;margin-top: 40px;transition:all 0.8s ease 0s;}
.yydown:hover{  cursor:pointer; background-color:#2db06d;}
.animate-init .yydown{ opacity: 0; transform: translateY(100px); }
.yydownload1{background-image:url(../images/pdf.png); background-repeat:no-repeat; background-position:center center; width:150px; height:70px; min-width:150px; border-right:1px solid #FFF;}
.yydownload2{ font-size:20px; color:#FFF; width:100%; box-sizing:border-box; padding-left:60px;}
.yydownload3{background-image:url(../images/download.png); background-repeat:no-repeat; background-position:center center; width:150px; height:70px; min-width:150px;}

/*固态锂电池开始*/	
.gts1{ padding-top:20px; padding-bottom:100px; box-sizing:border-box; display:flex;justify-content: space-between;
align-items: end;}
.gts2{ width:30%;transition:all 0.8s ease 0s;}
.gts21{ font-size:38px; font-weight:bold; line-height:56px; padding-bottom:30px}
.gts22{ width:70px; height:4px; background-color:#339966;}
.gts23{ font-size:20px; line-height:36px; padding-top:30px;}
.gts3{ width:65%; height:614px; overflow:hidden;transition:all 0.8s ease 0s;}
.gts3 img{ width:100%; height:100%; display:block;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s}
.animate-init .gts3 , .animate-init .gts2{ opacity: 0; transform: translateY(100px); }
.gts3:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); cursor:pointer; }
.gtsbg1 {
    background-color: #040102;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 80px;
}
.gtbgimg1 {background-image:url(../images/suv.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.gtbgimg {background-image:url(../images/adds_02.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.gttt1{  padding-top:30px; color:#fff; line-height:30px;transition:all 1.5s ease 0s;opacity: 1;font-size:16px; text-align:center; }
.animate-init .gttt1{ opacity: 0; transform: translateY(100px); }
.gtwenf{  color:#FFF; display:flex;justify-content: space-between;transition:all 0.8s ease 0s;}
.gtwenf1{ width:22%; border-top:2px solid #FFF; font-size:22px; padding-top:15px; line-height:36px; }
.animate-init .gtwenf{ opacity: 0; transform: translateY(100px); }
.gtyyly {
    background-color: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 60px;
}
.gtlyflex{ width:100%; display:flex;}
.gtlysec{ width:25%; height:780px; position:relative; overflow:hidden;cursor:pointer; transition:all 0.8s ease 0s;}
.gtlysec:nth-child(2){  transition:all 1.3s ease 0s; }
.gtlysec:nth-child(3){  transition:all 1.8s ease 0s;}
.gtlysec:nth-child(4){  transition:all 2.3s ease 0s;}
.animate-init .gtlysec{ opacity: 0; transform: translateY(100px); }
.gtlysec img{ width:100%; height:100%; object-fit:cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s }
.gtlytext{ width:100%; height:100%; position: absolute; z-index:10; left:0; top:0; background-color:rgba(0,0,0,0.7); color:#FFF;text-align:center;opacity:1;display: flex;
align-items: center;
justify-content: center; font-size:30px;}	
.gtlysec:hover .gtlytext{  opacity:0; top:20px;}
.gtlysec:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); cursor:pointer; }

/*动力锂电池开始*/		
.dongli{ width:100%; background-color:#efeff0; display:flex;}
.donglisec{ width:50%; height:480px; overflow:hidden;transition:all 0.8s ease 0s; position:relative; }
.zizid{ position:absolute; z-index:1; top:30px; right:30px; font-size:28px; color:#959396;}
.zizid1{ position:absolute; z-index:1; bottom:30px; left:30px; font-size:28px; color:#959396;}
.animate-init .donglisec{ opacity: 0; transform: translateY(100px); }
.donglisec img{ width:100%; height:100%; object-fit:cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s }
.donglisec:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); cursor:pointer; }
.dongltext{ width:682px; box-sizing:border-box; padding:50px 75px;display: flex;
flex-wrap: wrap;
height: 100%;
align-content: center; font-size:16px; line-height:38px;}
.dongp{ font-size:30px; font-weight:bold; padding-bottom:30px;}	

.dongpk{ font-size:30px; font-weight:bold; padding-bottom:20px; color:#FFF ; width:100%;}	
.hhhjjj{ font-size: 16px; color:#FFF; margin-top:20px;
line-height: 30px;}	
.mmrr{ margin-top:20px!important; margin-left:0px!important;}
.hjtbg1{ background-color:#2d303c!important;}
.hjtbg2{ background-color:#606079!important;}	

/*储能样式*/
.chubort{ border-top:1px solid #1e1c1a;}
.chubgdi{ width:100%;background-image:url(../images/chunengbg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; height:665px; box-sizing:border-box; padding-top:40px;}
.chuntext{ width:800px; margin:0 auto; padding-top:70px;transition:all 0.8s ease 0s;}
.animate-init .chuntext{ opacity: 0; transform: translateY(100px); }
.chuntext1{ font-size:24px; color:#FFF;background-image:url(../images/chunico.png); background-repeat:no-repeat; background-position:left center; padding-top:15px; padding-bottom:15px; padding-left:35px;}

/*esg开始*/
.esgfont1{ font-size:24px; color:#3e3a39; line-height:50px; padding:50px 30px;transition:all 0.8s ease 0s;}
.animate-init .esgfont1{ opacity: 0; transform: translateY(100px); }
.esgbg1{ background-color:#f2f3f3;   }
.esgflex1{ display:flex;transition:all 0.8s ease 0s;}
.animate-init .esgflex1{ opacity: 0; transform: translateY(100px); }
.esgsec1{ width:25%;border-right: 2px solid #fff;border-bottom: 2px solid #fff;padding-top: 20px;
padding-bottom: 50px; margin-top:70px;}
.esgsec1:last-of-type {
    border-right:0!important;
}
.esgsec2{ width:33.33%;border-right: 2px solid #fff;padding-top: 50px;
padding-bottom: 20px;}
.esgsec2:last-of-type {
    border-right:0!important;
}
.esg_s1{margin: 0 auto;
display: table;
color: #339966;
font-size: 50px;
background-image: url(../images/xiajiang.png);
background-repeat: no-repeat;
background-position: right center;
padding-right: 24px;}
.esg_s2{text-align: center; font-size:16px;
padding-top: 15px;
width: 80%;
margin: 0 auto;}
.esg_s3{margin: 0 auto;
display: table;
color: #339966;
font-size: 50px;
}
.esg_s4{ text-align:center;}
.esg_s4 span{color:#339966; font-size:50px; padding-right:5px;}
.esg_spp{ padding-bottom:80px;}

.esgbg2 {
    width: 100%;
    height: 598px;
    background-image: url(../images/esgd.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.esg_s5{ padding-top:220px; padding-bottom:10px; text-align:center; font-size:48px;transition:all 0.8s ease 0s; color:#FFF; font-weight:bold;letter-spacing: 10px; }
.animate-init .esg_s5{ opacity: 0; transform: translateY(100px); }
.esgbg3{ background-color:#e4e4e4;padding-top:100px; padding-bottom:100px;}
.esgjs{ display:flex;justify-content: space-between; transition:all 0.8s ease 0s;}
.animate-init .esgjs{ opacity: 0; transform: translateY(100px); }
.esgjssec{ width:30%; background-color:#FFF;}
.esgnewpic {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative; cursor:pointer;
}
.esgnewpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.esgnewpic:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.esgnewtit{ font-size:24px; font-weight:bold;color: #339966; padding:25px 30px;}
.esgnewcon{ font-size:16px; padding:0px 30px 40px 30px; line-height:26px;}
.esgbg4{ background-color:#e4e4e4;padding-top:10px; padding-bottom:100px;}
.esgjshj{ display:flex; background-color:#FFF;transition:all 0.8s ease 0s;}
.animate-init .esgjshj{ opacity: 0; transform: translateY(100px); }
.esgjssec2{ width:67%; background-color:#FFF;height: 420px;
    overflow: hidden;
    position: relative; cursor:pointer;}
.esgjssec2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.esgjssec2:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.esgjssec3{ width:33%; box-sizing:border-box; padding:0 40px; }
.esgjssec4{ background-image:url(../images/kkt.png); background-repeat:no-repeat; background-position:left 10px; font-size:14px; line-height:26px; padding-left:30px; color:#3e3a39; margin-top:60px; }	

.esgbg5 {
    width: 100%;
    height: 690px;
    background-image: url(../images/esgrr.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.esgbtit{ padding-top:80px; padding-bottom:20px; text-align:center; font-size:48px;transition:all 0.8s ease 0s; color:#FFF; }

.animate-init .esgbtit { opacity: 0; transform: translateY(100px);}
.esgjpflex{ display:flex;justify-content: space-between;}
.esgjpflex1{ width:47%; color:#FFF; padding-top:60px;transition:all 0.8s ease 0s;}
.animate-init .esgjpflex1 { opacity: 0; transform: translateY(100px);}
.esgjpflex1 table {
    width: 100%;
    border-top: 1px solid #339966;
    border-bottom: 1px solid #339966;
}
.esgjpflex1 table td {
    font-size: 16px;
    padding: 15px 10px;
    box-sizing: border-box;
    text-align: center;
}
.esgtd1 {
    border-right: 1px dotted #fff;
}
.esgtd2 {
    border-bottom: 1px dotted #fff;
}
.esgtd3 { background-color:rgba(51,153,102,0.8);
}
.esgjpflex2{ text-align:center; padding-bottom:40px; font-size:20px;}
/*技术中心开始*/	
.jishutit {
    padding-top: 160px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 48px;
    transition: all 0.8s ease 0s;
    color: #FFF;
}
.animate-init .jishutit { opacity: 0; transform: translateY(100px);}
.jishulink{ display:table; margin:0 auto; padding-top:170px;}
.jishumaleft{ margin-left:100px;}
a.jishulink1{
	width:250px; line-height:50px; text-align:center;  font-size:16px; color:#fff; display:block;transition:all 1s ease 0s; border:2px solid #fff;}
a.jishulink1:visited {
width:250px; line-height:50px; text-align:center;  font-size:16px; color:#fff; display:block; border:2px solid #fff;}
a.jishulink1:hover {
width:250px;  line-height:50px; text-align:center;  font-size:16px; color:#339966; display:block; border:2px solid #339966;}
.jsshuzi {
    padding: 30px;
    margin-top: -65px;
    background-color: #FFF;
    box-sizing: border-box;
    transition: all 0.8s ease 0s;
    text-align: center;   
    color: #3e3a39; display:flex; background-color:#FFF;justify-content: space-between;
}
.animate-init .jsshuzi{ opacity: 0; transform: translateY(100px);}
.jsjssec{ width:48%; background-color:#f2f3f3; margin-top:60px;}
.jsnewpic {
    width: 100%;
    height: 386px;
    overflow: hidden;
    position: relative; cursor:pointer;
}
.jsnewpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.jsnewpic:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.jsnewtit{ font-size:24px; font-weight:bold;color: #339966; padding:35px 40px 25px 40px;}
.jsnewcon{ font-size:16px; padding:0px 40px 50px 40px; line-height:26px;}
.jsttt{ padding-top:30px;}
.jsddd{ padding-bottom:100px;}
.jishulist {
   
    width: 1364px; padding-top:70px;text-align:center; margin:0 auto;
   
}
.jishulist img {   
    width: 100%; margin:0 auto;
}

.jsjskuai{ width:69%;box-sizing: border-box;
padding-left: 130px; position:relative;}
.js_s4{ width:100%; height:566px; overflow:hidden;}
.js_s4 img{  width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s}
.js_s4:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); cursor:pointer; }	

.js_s2{ position:absolute; background-color:#5f5f61; width:740px; left:0; top:150px; padding:30px; box-sizing:border-box;}

.jsjskua2{ width:35%;padding-top: 20px;
padding-bottom: 10px; }
.jishuhjf{ display:flex;transition:all 0.8s ease 0s;justify-content: center;}
.animate-init .jishuhjf{ opacity: 0; transform: translateY(100px); }

.jishulist1 {
	 background-image: url(../images/jsw_04.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #efeff1; margin-top:20px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 100px;
}
.jstext1{  font-size:26px; color:#FFF; font-weight:bold;}
.jstext2{  font-size:16px;color:#FFF; padding-top: 25px;
line-height: 30px;text-align: justify;}
.jstext4{ width:31%;background-color: #5f5f61;padding: 60px 35px;
box-sizing: border-box;display: flex;
flex-wrap: wrap;
align-content: space-between;}
.jstext3{ font-size:18px; color:#FFF; padding-left: 35px; background-image: url(../images/jico.png);
    background-repeat: no-repeat;
    background-position: left 10px;line-height: 38px;width: 100%;
box-sizing: border-box;}
.p70{padding-top: 70px;}
.jsyflex {
    width: 100%;
    display: flex; 
}
.jsysec{ width:33%;   position:relative; overflow:hidden;cursor:pointer; transition:all 0.8s ease 0s;}
.jsysec:nth-child(2){width:34%;  transition:all 1.3s ease 0s; }
.jsysec:nth-child(3){  transition:all 1.8s ease 0s;}

.animate-init .jsysec{ opacity: 0; transform: translateY(100px); }
.jsysec img{ width:100%; height:100%; object-fit:cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s }
.jsytext{box-sizing:border-box; width:100%; height:100%; position: absolute; z-index:10; left:0; top:0; background-color:rgba(0,0,0,0.6); color:#FFF;opacity:1; font-size:16px; padding:70px 10% 70px 50px;  line-height:32px;}	
.jsysec:hover .jsytext{  opacity:0; top:20px;}
.jsysec:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); cursor:pointer; }
.jsdpp{ font-size:30px; font-weight:bold; padding-bottom:20px;}


.jsts2{ width:40%;transition:all 0.8s ease 0s;}

.jsts3{ width:55%; height:700px; overflow:hidden;transition:all 0.8s ease 0s;}
.jsts3 img{ width:100%; height:100%; display:block;transition: all ease .3s 0s;object-fit: cover;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s}
.animate-init .jsts3 , .animate-init .jsts2{ opacity: 0; transform: translateY(100px); }
.jsts3:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); cursor:pointer; }
.js2bg{ background-color:#f0f0f0; padding-top:70px;}
.js2fle {

    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.js2fle3{ background-color:#f0f0f0;padding-top:120px; padding-bottom:100px;}
.jskuaipic {
    width: 100%;
    height: 280px;
    overflow: hidden;
    position: relative; cursor:pointer;
}
.jskuaipic img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.jskuaipic:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.jsgnewtit{ font-size:24px; font-weight:bold;color: #339966; padding:30px 40px;}
.jsgnewcon{ font-size:16px; padding:0px 40px 50px 40px; line-height:26px;}
.jseet{ display:flex;}

.jseeyf{ width:19%;}
.jseeyfpic{width: 100%;
    height: 176px;
    overflow: hidden;
    position: relative; cursor:pointer;}
.jseeyfpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.jseeyfpic:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }	
.jseeyftext{ text-align:center; color:#339966; font-size:16px; padding-top:10px;}
.jseeyf1{background-image:url(../images/right_btn.png); background-repeat:no-repeat; background-position:center center; width:8%; height:176px;}
.jseet2{ text-align:center;color:#339966; font-size:20px; font-weight:bold; padding-bottom:10px; border-bottom:2px solid #339966;}
.jseet3{text-align:center;color:#339966; font-size:20px; font-weight:bold; padding-top:10px;}
.jseet1{ width:46%;}
.jseet12{ width:35%}
.jseet13{ width:19%}
.jseyflc{ padding-top:80px;}
.jseyflc1{ padding-top:30px;}
.jscxpp{ width:100%; text-align:center; padding-top:110px; padding-bottom:80px;transition:all 0.8s ease 0s;}
.jseeyfpic img {
    width: 100%; display:block;
}
.animate-init .jscxpp{ opacity: 0; transform: translateY(100px); }

.jsfzgh {
    background-color: #f0f0f0;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 130px;
}
.jsfzgh1 {
    background-color: #fff; display:flex;align-items: center;transition:all 0.8s ease 0s;
   
}
.animate-init .jsfzgh1{ opacity: 0; transform: translateY(100px); }
.jsfzgh3{width: 50%; font-size:20px; line-height:42px; box-sizing:border-box;  padding:50px;}
.jsfzgh3 span{ color:#339966; font-weight:bold;}

.jsfzgh2{width: 50%;
    height: 360px;
    overflow: hidden;
    position: relative; cursor:pointer;}
.jsfzgh2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.jsfzgh2:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }	

.guihm{ margin-top:80px;}
/*联系我们开始*/
.contactm{ padding-top:15px; padding-bottom:15px; display:flex;justify-content: space-between;}
.contactm1{ width:48%;display:flex; border-left:4px solid #28714a; border-top:1px solid #d1d2d2;border-right:1px solid #d1d2d2;border-bottom:1px solid #d1d2d2;
background-image:url(../images/cont.png); background-repeat:no-repeat; background-position:right top;transition:all 0.8s ease 0s; position:relative;}
.animate-init .contactm1{ opacity: 0; transform: translateY(100px); }

.contactmain{ width:48%;display:flex; border-left:4px solid #2db06d; border-top:1px solid #d1d2d2;border-right:1px solid #d1d2d2;border-bottom:1px solid #d1d2d2;
background-image:url(../images/cont.png); background-repeat:no-repeat; background-position:right top;transition:all 0.8s ease 0s;}
.animate-init .contactmain{ opacity: 0; transform: translateY(100px); }
.contactm2main{ width:30%; background-color:#efeff0; font-size:20px; color:#2db06d;display: flex;
align-items: center;
justify-content: center;}

.contactm2{ width:30%; background-color:#efeff0; font-size:20px; color:#27714a;display: flex;
align-items: center;
justify-content: center;}
.contactm3{ width:70%;box-sizing: border-box;padding: 24px 30px; line-height:26px; color:#3e3a39; font-size:14px;align-self: center;position: relative;}
.contactmar{ margin-top:50px;}

.conliuyan{ background-color:#ededec; width:100%; padding-top:50px; padding-bottom:50px;}

.conliuyan1{ background-image:url(../images/liuyan.png); 
background-repeat:no-repeat; 
background-position:left center; 
padding-left:30px; background-size: auto 20px; height:20px; line-height:20px;display: table;position: absolute; right:12px; bottom:12px; z-index:1;}
.conliuyan1 a{color:#27714a; font-size:14px;  }

.xinzhi {
    background-color: #F9F9F9;
    padding-top: 50px;
    padding-bottom: 50px;
}
.order {
    width: 730px !important;
    margin: 0 auto;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-sizing: border-box;
    padding: 50px;
    background-color: #FFF;
}
.shlor {
    font-size: 16px;
    padding-bottom: 15px;
    line-height: 30px;
}
.ortit {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}
.ortit1 {
    padding-bottom: 20px;
}
.shl-input {
    width: 100%;
    border: solid 1px #CCCCCC;
    height: 50px;
    line-height: 50px;
    color: #666;
    padding-left: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}
.shl-inputa {
    width: 100%;
    border: solid 1px #CCCCCC;
    line-height: 50px;
    color: #666;
    padding-left: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}
.shl-yazheng {
    width: 20%;
    border: solid 1px #CCCCCC;
    height: 50px;
    line-height: 50px;
    color: #666;
    padding-left: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}
.otijiao {
    width: 330px;
    margin: 0 auto;
}
.orderbtn {
    width: 150px;
    float: left;
    color: #FFF;
    height: 50px;
    line-height: 50px;
    background-color: #339966;
    border: none;
    padding-left: 30px;
    background-image: url(../images/tijiao.png);
    background-position: 25px center;
    background-repeat: no-repeat;
    background-size: auto 25px;
    font-size: 16px;
}
.orderreset {
    width: 150px;
    margin-left: 30px;
    float: left;
    color: #FFF;
    height: 50px;
    line-height: 50px;
    background-color: #CD7252;
    border: none;
    padding-left: 30px;
    background-image: url(../images/chongzhi.png);
    background-position: 35px center;
    background-repeat: no-repeat;
    background-size: auto 25px;
    font-size: 16px;
}









/*新闻中心*/
.newslist{ display:flex;flex-wrap: wrap;padding-top: 70px;}
.newssec {
    width: 30.3333%;
    background-color: #FFF; margin-right:1.5%;margin-left:1.5%; }

.newspic {
    width: 100%;
    height: 230px;
    overflow: hidden;
    position: relative; cursor:pointer;
}
.newspic img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}
.newspic:hover img{ transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1) }
.newstit{line-height: 26px;
overflow: hidden;
max-height: 52px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; box-sizing:border-box;margin-top: 20px;}
.newstit a{ font-size:20px; color:#3e3a39;}
.newstime{ font-size:13px; color:#898989; padding-top:20px; padding-bottom:40px;}
.newmore{ padding-top:60px; padding-bottom:120px; text-align:center;}
.xiansss{ box-shadow: 0 5px 5px #dcdcdc; width:100%; height:5px; }
.vvnew{ width:1000px; margin:0 auto; padding-bottom:60px; margin-top:20px;}
.vvnewfy{ width:1000px; margin:0 auto; line-height: 30px;}
.vvnew1{ font-size: 46px;
padding-top: 50px;}
.vvnew2{ font-size: 16px;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #dcdcdc;
color: #888;}
.vvnew3{ font-size: 16px;
padding-top: 30px;
line-height: 32px;}
.vvnew3 p{ padding-bottom:10px;}
.vvnew3 img{ max-width:100%;}
.xwxq_page{ width:100%; background-color:#ECECEC; padding-top:20px; padding-bottom:20px;}

/*内页产品中心结束*/	
















	
	
	



/*放下边*/
@media screen and (max-width: 767px) {
	.tou , .tou1{ display: none;}
	.gao {
    background-position: center top;
	background-size:cover;
    min-height: 250px;
    height: 250px;
}
	header.header , #banner {display: block;}
	.liuc1 {
    width: 100%;
    margin-right: 0;
    height: 200px;
}
.liuc2 {
    width: 100%; padding-bottom:20px;
}
.liuc22 { margin:0 auto;}
.liuc24{ margin:0 auto;}
	.wgglay { display:none;}
	.wgglaym {
    position: absolute;
    width: 100%;
    z-index: 100;
    background-color: rgba(0,0,0,0.5);
    top: 0px;
    height: 100%;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    opacity: 1;
}
.gaoabout1 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    clear: both;
    height: 160px;
    padding: 0px;
    background-image: url(../images/gaoabout.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    min-width: inherit;background-size: cover;
}
.gaoabout2 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    clear: both;
    height: 160px;
    padding: 0px;
    background-image: url(../images/gaoabout1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    min-width: inherit;background-size: cover;
}
.gaoabout3 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    clear: both;
    height: 160px;
    padding: 0px;
    background-image: url(../images/gaoabout2.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    min-width: inherit;background-size: cover;
}
.boutfo1 {
  margin-top: -25px; padding:0;

}
.animate-init .aatit , .animate-init .aalv , .animate-init .kkaatit{ opacity: 1; transform: translateY(0);}
.animate-init .maintt1{ opacity: 1; transform: translateY(0); }
.animate-init .boutfo1 {
  opacity: 1;
  transform: translateY(0);
}
.maintt2 {
  width: 100%;
  padding: 0;
}
.maintt3 {
  width: 100%;
  padding: 0;
}
.uni-video {
  width: 80%;
}
.abbg2 {
  height: 400px;
}
.ttfont1 {
  font-size: 28px;padding-top: 100px;
}
.ttfont2 {
  font-size: 28px;
}
.lcheng3 {
  width: 100%;
  border-right: 0;
}
.lcheng4 {
  width: 100%;
  border-right: 0;
}
.lcheng3 span {
  font-size: 30px;
}
.lcheng5 {
  background-position: left 10px;
  height: auto;
}
.lcheng2 {
  width: 95%;padding: 30px;
}
.abmapsec1 {
  height: 120px;
}
.abmapsec2 {
  font-size: 14px;
}
.abmapsec22 {
  font-size: 16px;
}
.abmapsec3 {
  font-size: 14px; padding-bottom:30px;
}
.abmap {
  padding-top: 30px;
  padding-bottom: 30px;
}
.gaoproducts1 {
  height: 240px;
  min-width: 100%;background-size: cover;
}
.gaoproducts2 {
  height: 240px;
  min-width: 100%;background-size: cover;
}
.gaoproducts3 {
height: 240px;
  min-width: 100%;background-size: cover;
}
.gaoproducts4 {
height: 240px;
  min-width: 100%;background-size: cover;
}
.gaoproducts5 {
height: 240px;
  min-width: 100%;background-size: cover;
}
.gaojishu {
height: 240px;
  min-width: 100%;background-size: cover;
}
.gaoxinwen {
height: 200px;
  min-width: 100%;background-size: cover;
}
.gaocontact {
height: 200px;
  min-width: 100%;background-size: cover;
}
.gaoesg {
height: 200px;
  min-width: 100%;background-size: cover;
padding-top: 30px;
box-sizing: border-box;
}
.newstit a {
  font-size: 14px;
}
.newspic {
  height: 100px;
}
	.vvnew {
  width: 100%; padding-bottom:0;padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.vvnew1 {
  font-size: 26px;
  padding-top: 10px;
}
.xwxq_page {
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.vvnewfy {
  width: 100%;
}
.newmore {
  padding-top: 20px;
  padding-bottom: 20px;
}
.esgsec1 {
  width: 100%;
  border-right: 0;
  border-bottom: 2px solid #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0px;
}
.esgsec2 {
  width: 100%;
   border-right: 0;
  border-bottom: 2px solid #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.esg_spp {
  padding-bottom: 0;
}
.esgbg2 {
  height: 200px;
}
.esg_s5 {
  padding-top: 80px;
  font-size: 28px;
}
.esgbg3 {
  padding-top: 20px; padding-bottom:20px;
}
.esgnewpic {
  height: 200px;
}
.esgbg4 {
  padding-bottom: 30px;
}
.esgjshj {
  flex-wrap: wrap;
}
.esgjssec2 {
  height: 120px;width: 100%;
}
.esgjssec3 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px 20px 20px;
}
.esgjssec4 {
  font-size: 14px;
  line-height: 26px;
  margin-top: 20px;
}
.esgjpflex1 {
  width: 100%;padding-top: 30px;
}
.esgjpflex {
  flex-wrap: wrap;
}
.esgbg5 {
  height: auto;
  padding-bottom:30px;
}
.esgbtit {
  padding-top: 30px;
}
.contactm {
  flex-wrap: wrap;
}
.contactmain {
  width: 100%;
 margin-top:20px;
}
.contactm1 {
  width: 100%;
margin-top:20px;
}
.contactm2main {
  font-size: 16px;width:25%;text-align:center;
}
.contactm3 {
  padding: 24px 20px; width:75%;
}
.contactm2 {
 font-size: 16px;width:25%; text-align:center;
}
.contactmar {
  margin-top: 0px;
}
.order {
  width: 90% !important;
  padding: 20px!important;
}
.otijiao {
  width: 100%;
}
.orderbtn {
  width: 45%;
}
.orderreset {
  width: 45%;
  margin-left: 10%;
}






.gprotit {
  padding-top: 50px;
  font-size: 28px;
}
.cpfo1 {
  margin-top: -25px;padding-bottom: 20px;
}
.cpsec2 {
  height: 50px;
  background-size: auto 30px;
}
.cpsec3 {
  font-size: 14px;
}
.gts2 {
  width: 100%;
}
.gts3 {
  width: 100%;
  height: 300px;
}
.gts1 {
  align-items: center;
  flex-wrap: wrap;padding-bottom: 30px;
}
.gts21 {
  font-size: 20px;
  line-height: 36px;
}
.gts23 {
  font-size: 16px;
  line-height: 28px;
}
.jstext3{ font-size:14px}
.hstthh {
  line-height: 26px;
  font-size: 14px;

}
.gtwenf1 {
  font-size: 12px;
  line-height: 26px;
}
.gtsbg1 {
  padding-bottom: 30px;
}
.gtlysec {
  width: 50%;
  height: 150px;
}
.gtlyflex {
  flex-wrap: wrap;
}
.gtlytext {
  font-size: 16px;border: 5px solid #fff;
box-sizing: border-box;
}
.yydownload {
  padding-top: 0px;
  padding-bottom: 30px;
}
.yydownload1 {
  background-size:auto 30px;
  width: 50px;
  height: 30px;
  min-width: 50px;
  border-right: 1px solid #FFF;
}
.yydownload2 {
  font-size: 14px;
  padding-left: 20px;
}
.yydownload3 {
  background-size:auto 30px;
  width: 50px;
  height: 30px;
  min-width: 50px;
}
.dongltext {
  width: 100%;
  padding: 20px 25px;
  font-size: 14px;
  line-height: 26px;
}
.dongp {
  font-size: 20px;
}
.donglisec {
  width: 100%;
  height: 400px;border-bottom: 1px solid #fff;
}
.hsctfa p {
  font-size: 18px;
  line-height: 26px;
}
.huipic img {
  width: 100%;
}
.dongli {
  flex-wrap: wrap;
}
.xfyssec {
  padding: 20px;
  margin-top: 20px; width:100%;
}
.jjfayssec3 {
  font-size: 14px;
  line-height: 22px;
}
.xfyoushif1 {
  padding-bottom: 30px;
}
.huishoulist1 {
  padding-top: 0px;
  padding-bottom: 30px;
}
.chuntext {
  width: 90%;
  padding-top: 30px;
}
.chuntext1 {
  font-size: 16px;
}
.chubgdi {
  height: 510px;
  padding-top: 0px;
}
.hhhjjj {
  font-size: 14px;
  line-height: 22px;
}
.mmrr {
  display: none !important;
}
.zizid {
  font-size: 18px;
}
.dongpk {
  font-size: 20px;
}
.zizid1 {
font-size: 18px;
}
.xfyoushi {
  padding-top: 0;
}
.yylysec {
  width: 50%;
  height: 207px;
}
.yylysec {
  height: 120px;
}
.huishoubg1 {
  width: 100%;
  min-width: 100%; padding-top:0;background-size: cover; padding-bottom:50px;
}
.huishoupos {
  width: 90%;
}
.huishoulv {
  width: 100%;
  background-color: rgba(255,255,255,0.9);
  box-sizing: border-box;
  margin-top: 50px;
  border: 1px solid #339966;
  padding: 0px 50px 50px 50px;
}
.huishoubg2 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.hstit {
  font-size: 20px;
}
.hsctfa {
  flex-wrap: wrap;padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
}
.hsjjj6 {
  width: 50%;
}
.cpnei {
  width: 100%;
}
.lvfff {
  font-size: 22px; padding-left:15px; padding-right:15px;
}
.cplist1 {
  padding-top: 0px;
  padding-bottom: 20px;
}
.cpbiaot2right {
  width: 100%;
  font-size: 16px;
  line-height: 26px;
}
.cpbiaot2left {
  width: 100%;
  margin-right: 0;
}
.cpbiaot2left img {
  width: 100%;
}
.cplist2 {
  padding-top: 0px;
  padding-bottom: 30px;
}
.prre {
  font-size: 16px;
  line-height: 26px;
}
.jishutit {
  padding-top: 50px;
  padding-bottom: 20px;
  text-align: center;
  font-size: 28px;
}
.jjshus .lvzi {
  font-size: 26px;
}
.jishulink { display:none;
}
.js2fle {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.jsts2 {
  width: 100%; box-sizing:border-box; padding:0 30px;
}
.jsts3 {
  width: 100%;
  height: 200px;padding: 15px;
}
.js2fle3 {
  padding-top: 50px;
  padding-bottom: 50px; padding-left:15px; padding-right:15px;
}
.esgjs {
  flex-wrap: wrap;
}
.esgjssec {
  width: 100%;
}
.jseet3 {
  font-size: 14px;
}
.jseeyfpic {
  height: 120px;
}
.jseeyf1 {
  background-size: auto 20px;
}
.jseyflc1 {
  padding-top: 0px;
}
.jscxpp {
  padding-top: 50px;
  padding-bottom: 0px;
}
.jscxpp img { width:100%;}
.jsjssec {
  margin-top: 10px; width:100%;
}
.jsnewpic {
  height: 120px;
}
.jsnewtit {
  font-size: 16px;
  padding: 15px 10px 15px 10px;
}
.jsnewcon {
  padding: 0px 15px 30px 15px;
}
.jsddd {
  padding-bottom: 0px;
}
.p70 {
  padding-top: 20px;
}
.jsjskuai {
  width: 100%;
  padding-left: 0px;
}
.esgflex1 {
  flex-wrap: wrap;
}
.jstext4 {
  padding: 35px;width: 100%;
}
.jishulist1 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.js_s2 {
  position: absolute;
  background-color: #5f5f61;
  width: 90%;
  left: 5%;
  top: 50px;
  padding: 30px;
  box-sizing: border-box;
}

.jsytext {
  padding: 20px;
  line-height: 26px; font-size:14px;
}
.jsysec {
  height: 340px;
}
.jsdpp {
  font-size: 20px;
}
.jstext2 {
  font-size: 14px;
  line-height: 24px;
}











.gaoir1{ width:100%; margin:0 auto; text-align:center; clear:both;height:160px; padding:0px;background-image:url(../images/ir1.jpg); background-repeat:no-repeat; background-position:center center;min-width:inherit;background-size: cover;}
.tutu img{ width:100%;}
.ajzg {
    flex-wrap: wrap;
}
.jzg-right , .jzg-right1, .jzg-right2 {
    width: 100%; min-width:100%; height:160px;
}
.jzg-left {
    padding: 20px;
    background-color: #FFF;
    font-size: 14px;
    line-height: 26px;
}
.jzg-daf {
    text-align: center;
    font-size: 30px;
}
.jzg-enf {
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.gzitit {
    padding-top: 20px;
    font-size: 20px;
}
.zimaincon {
    padding-top: 10px;
    line-height: 28px;
    font-size: 16px;
}
.jianju {height: 20px;}
.marleft {
    margin-left: 0;
}
.ytp3 {margin-left: 15px;}
.ytp4 , .ytp1{
    font-size: 30px;
}
.huoban {
    padding-top: 20px;
    padding-bottom: 30px;
}
.hezsec {padding: 5px;}
.hezsk {height: 60px; padding:5px;}
.wgg {
    width: 100%;
    height: 280px;margin-top: 10px;

}
.wgg img {width: 100%; height:100%; object-fit:cover;}
.p1 {
    padding-top: 30px;
}
.p2 {
    padding-top: 20px;
}
.wgbtn {margin-top: 10px;}
	.section{ width:100%; box-sizing:border-box; padding-left:15px; padding-right:15px;}
	.shus .lvzi {
    font-size: 14px;
    padding-bottom: 5px;
}
.spanf2 {
    font-size: 12px;
}
.yongthj1 {
    width: 100%;
}
.yongthj2 {
    width: 100%;
}
.yongthj21 {
    border-left: 0;
	border-top: 6px solid #fff;
    border-bottom: 3px solid #fff;
}
.yongthj22 {
    border-left: 0;

}
.shengtleft {
    width: 100%;
    margin-top: 90px;font-size: 14px;line-height: 26px;
}
.shengtright {
    width: 100%;
    padding-top: 40px;
}
.shus {
    padding-top: 10px;
    padding-bottom: 20px; width:49%; height:42px;
}
.shus:nth-child(2){ border:none;}
.gtit {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 24px;
}
.maincon {
    padding-top: 20px;
    line-height: 26px; padding-left:10px; padding-right:10px;
}
.liuc {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;flex-wrap: wrap;
}
.liuc img {
    max-width: 80%;
}
.ytp5 {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
	line-height:24px;
}
.foota .lxwm {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-right: none;
    padding-right: 0px;
    margin-right: 0px; text-align:center; border-bottom:1px solid #727272;
}
.foota .ddao { display:none;}
.liaoyuan { display:none}
.foota {
    padding-top: 0; padding-bottom:0;
}
.copyleft {
    width: 100%;text-align: center;
}
.copyright1 { display:none;}
.liaomobile{ width:140px; margin:0 auto;}
.zzb07tail { padding-left:10px; padding-right:10px; font-size:12px;clear: both;display: block;}
.copyright {
    line-height: 24px;
    height: inherit;
	padding-top:10px; padding-bottom:10px;
}
a.zzb07link{ font-size:12px;}
a.zzb07link:visited{font-size:12px;}
a.zzb07link:hover {font-size:12px;}

/*内页*/
.navsec{ font-size:14px;width: 33.33%;}
.navsec a{font-size:14px;}
.navir{ font-size:14px;width: 25%;}
.navir a{font-size:14px;}
a.navsecbg{font-size:14px;}

.course-list ul {
    width: 100%;padding-top:0px; background: none;
}

.course-list ul .lib {
    float: none;
    background: none;
    margin-right: 0;clear: both; margin-top:23px;width: 100%;
}
.course-list ul .lib .textbox {
    float: none;
    text-align: left;width: 95%;
margin: 0 auto;box-sizing: border-box;
}
.course-list ul li .textbox {
    padding: 20px;
    width: inherit;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    text-align: left;width: 95%;
margin: 0 auto;box-sizing: border-box;
}
.course-list ul li .textbox .t {
    font-size: 24px; line-height:inherit;
}
.course-list ul .lia {
    float: none;
    position: relative;
    background: none;
    margin-left: 0;
    margin-top: 23px;width: 100%;
}
.course-list ul li .j2 { display:none;}
.course-list ul li .j1 { display:none;}
.lipp {
    padding-top: 0px;
}
.course-list {background: none;}
.irleft { display:none;}
.irright {
    width: 100%;
    padding-left: 0px;
    box-sizing: border-box;
}
.ir {padding-top: 20px;}
.irhuo {
    padding: 10px;
}
a.irmore{ margin:0 auto;}
a.irmore:visited {margin:0 auto;}
a.irmore:hover {margin:0 auto;}
.irsec {flex-wrap: wrap; padding-top:20px; padding-bottom:20px;}
.irnei {width: 100%;}
.irliannei {width: 100%; padding-bottom:20px;}
.irye {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 200px;
    margin: 0 auto;
}
a.irye1{
	width:95px; line-height:40px;  font-size:14px; }
a.irye1:visited {
width:95px; line-height:40px; font-size:14px; color:#fff; }
a.irye1:hover {
width:95px;  line-height:40px;  font-size:14px; color:#fff; }

a.irye2{width:95px; line-height:40px;   font-size:14px;}
a.irye2:visited {width:95px; line-height:40px;  font-size:14px; }
a.irye2:hover {width:95px;  line-height:40px; font-size:14px; }
a.iryejia{ font-size:14px; }
a.iryejia:visited {font-size:14px; }
a.iryejia:hover {font-size:14px;}
.iryejileft{ width:100%; height: inherit; line-height: inherit; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.iryejiright{ width:70px; min-width:70px; text-align:center;}
.irlyleft {
    width: 100%;
}
.irlyright {
    width: 100%;
    padding-left: 0px;padding-top: 10px;
}
 .irlyright table { width:100%!important;max-width:100%!important;
}
.irlyright table td{table-layout:fixed; word-break: break-all; overflow:hidden; padding-left:3px; padding-right:3px; }
.irluyan {
    padding-top: 10px;
    padding-bottom: 10px;
}
.irggle {
    width: 100px;
    min-width: 100px;
}
.irggleft {
    width: 100px;
    min-width: 100px;
}
a.irye11{width:95px; line-height:40px;  font-size:14px; }
a.irye11:visited {width:95px; line-height:40px; font-size:14px; }
a.irye11:hover {width:95px;  line-height:40px; font-size:14px;}
a.irye22{width:95px; line-height:40px; font-size:14px; }
a.irye22:visited {width:95px; line-height:40px; font-size:14px; }
a.irye22:hover {width:95px;  line-height:40px; font-size:14px; }
.iryegg {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 310px;
    margin: 0 auto;
}
.irmainpic {
    margin-left: 0px;
    float: inherit;
	clear:both;
	width:100%;
}
.irweisec {
    width: 50%;
    padding: 10px;
}
.irtbleft{ width:100%; height:200px; overflow:hidden;}
.irtbright{ width:100%; box-sizing:border-box; padding:10px 10px 20px;}
.irtb {

    margin-top: 30px;

    flex-wrap: wrap;
}
.detright { display:none;}
.detleft {
    width: 100%;
    padding-right: 20px; padding-left:20px; box-sizing:border-box;
}
.det {padding-top: 20px;}
.dettit {
    font-size: 20px;
    font-weight: bold;
}
.ytp21 {
  font-size: 26px;
}
.shengtp1 {
  font-size: 20px;
}	
	
}
@media screen and (max-width: 321px) {
	
}