@charset "utf-8";
/* CSS Document */
/*切图：bwh*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#4aa736; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
body{ overflow:hidden;}



.pz_top{ float:left; width:100%;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative; z-index:8;}
.pz_main{ float:left; width:100%; min-height:200px;}
.pz_down{ float:left; width:100%; }


/*top*/
.pc_top{ display:block; position:relative;height: 68px;}
.ph_top{ display:none; position:relative;}
.back1{ float:left; width:100%; position:relative; background:#fff; z-index:999;-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.back1.scrolltop{ position:fixed; left:0; top:0; background:#fff; box-shadow:0 7px 7px rgba(0,0,0,0.08); padding:0;}
.logo{ float:left; width:186px; height:48px; line-height:0; margin:15px 0 10px;}
.name-title{ display: none; float:left; color:#3e3e3e; font-size:30px; line-height:40px; font-weight:bold; margin:45px 0 12px 19px;}
/*menu*/
.nav{ float:right; margin:0;}
.nav li{ float:left;position:relative; padding:10px 0;}
.nav li .l1{float:left;color:#000000; font-size:18px;line-height:48px; padding:0 27px; border-radius:18px; text-transform:uppercase; transition:none;
   -moz-transition:none;
-webkit-transition:none;
     -o-transition:none;}
.nav li.on .l1,
.nav li:hover .l1{ background:#4aa736; color:#fff;}
.nav li .nav-w {z-index:99;position:absolute;display:none;float:left; width:180px !important;clear:both;overflow:hidden;top:61px;left:50%; margin-left:-90px;}
.nav li .section-nav1{ height:auto; overflow: hidden;}
.nav li .section-nav1 ul {position:static;margin:0px;width:100%;overflow:hidden;}
.nav li .section-nav1 ul li {position:static; margin:0;width:100%;background:none;float:left; padding:0;}
.nav li .section-nav1 ul li a { float:left; width:100%; padding:10px 0;background:#fff; background:rgba(255,255,255,0.9);line-height:18px;color:#333;font-size:14px;font-weight:normal; text-align:center; margin-bottom:1px; text-transform:uppercase;}
.nav li .section-nav1 ul li a:hover { background:#4aa736; color:#fff;}

.pc_top{ display:block;}
.ph_top{ display:none;}
.pc_menu{ display:block;}
.menuph{ display:none;}
.xialaph{ display:none;}

@media screen and (max-width:1319px ) {

.logo{ width:156px; height:71px;}
.name-title{ font-size:20px; line-height:30px; margin:45px 0 12px 15px;}
.nav{ float:right; margin:10px 0 0 0;}
.nav li .l1{ font-size:14px; padding:0 15px; line-height:31px;}
.nav li .nav-w{top:51px;}


}

@media screen and (max-width:1023px ) {
.back1{ padding-top:0;}
.logo{ width:110px; height:50px; margin:10px 0;}
.name-title{ font-size:18px; line-height:28px; margin:27px 0 15px 8px;}

.pc_top{ display:none;}
.ph_top{ display:block;}
.pc_menu{ display:none;}
.menuph{ display:block;}
.xialaph{ display:block;}


/*手机按钮*/
.menuph{ float:right; width:46px; height:46px; cursor: pointer; text-align: center; background:#4aa736; padding:12px 9px; margin:12px 0;}
.menuph .point {  display: inline-block;  width: 28px;  height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 28px;  }
.menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.menuph .navbtn::after {  top: -11px;  }
.menuph .navbtn::before {  top: 10px;  }
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

/*手机下拉*/
.xialaph{ position:fixed; left:0; top:70px; float:left; width: 100%; height:100%; overflow:scroll; padding-bottom:150px;  display: none;  z-index:98; background:#fff;}
.xialaph .ul2,
.xialaph .ul3{display: none;}
.xialaph h4 a{ float:left; width:90%; color: #1f1f1f;  font-size:15px;line-height: 55px; text-transform:uppercase;}
.xialaph h4{ float:left; width:100%; position:relative;}
.xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.1;*/  }
.xialaph h4:hover a,
.xialaph h5:hover a{  color: #4aa736; }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.1;*/  }
.xialaph h5 a{ float:left; width:88%;  color: #1f1f1f;  font-size:14px; line-height: 45px;  text-transform:uppercase; }
.xialaph h5{ float:left; width:100%;position: relative;  }
.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.05;*/  }
.xialaph li:last-child h5::after{  display: none;  }
.xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 24px;  cursor: pointer;  }
.xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top:20px;  cursor: pointer;  }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  }
.xialaph .ul2{ float:left; width:100%; padding:0 12px; background:#fafafa;}
.xialaph .ul3{ float:left; width:100%; padding:8px 12px;  position: relative; background:#f2f2f2;  }
.xialaph .ul3::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e7e7e7;  }
.xialaph li:last-child .ul3::after{  display: none;  }
.xialaph .ul3 li a{  color: #333;  font-size: 14px;  line-height:28px;  display: block;  }
.xialaph .phsou{  position: relative;  margin-top: 34px;
}
.xialaph .phsou input{  width: 100%;  height: 56px;  background-color: #fff; color: #aaa;  font-size: 14px;  padding-left: 20px;  border: 1px solid #e5e5e5;  }
.xialaph .phsou img{  cursor: pointer;  width: 21px;  height: 22px;  position: absolute;  top: 17px; right: 29px;  }
.img_d, .disno{  display: none;  }
}

@media screen and (max-width:413px ) {
.name-title{ font-size:15px;}

}

@media screen and (max-width:374px ) {
.logo{ width:100px; height:46px;}
.name-title{ font-size:12px; margin:26px 0 12px 4px;}
.menuph{ margin:10px 0;}
.xialaph{ top:66px;}

}


/*phone底部导航*/
.q_d_m{float:left; width:100%; height:50px;}
.pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#4aa736; z-index:999; box-shadow:0 -5px 10px rgba(0,0,0,0.2);}
.pf_down li{ width:33.333333%; float:left; text-align:center; padding:7px 0 5px 0;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px; text-transform:uppercase;}
.pf_down li.l1 .ico7{ background:url(images/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(images/btn16.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(images/btn17.png) no-repeat center; background-size:20px 20px;}
.pf_down li:nth-child(3n){ border:none;}

/*banner*/
.slide_banner{ float:left; width:100%; margin:0; overflow:hidden; text-align:center;}
.slide_banner .slick-slide{ width:100%; padding:0; position:relative;}
.slide_banner img{ width:100%;}
.slide_banner .slick-dots{bottom:42px; height:4px;}
.slide_banner .slick-dots li{ width:45px; height:2px; margin:1px 5px;text-indent:-9999px; overflow:hidden; content:" "; background:#fff;
opacity:0.6; filter:alpha(opacity=60); vertical-align:top;-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.slide_banner .slick-dots li.slick-active{ height:4px; opacity:1; filter:alpha(opacity=100); margin:0 5px;}
.zy_banner{ float:left; width:100%; line-height:0;}


@media screen and (max-width:1023px ) {
.slide_banner .slick-dots{bottom:20px;}
.slide_banner .slick-dots li{ width:22px; margin:1px 4px;}
.slide_banner .slick-dots li.slick-active{ margin:0 4px;}

}


.elli{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}


/*main*/
.home-title{ float:left; width:100%; color:#000; font-size:30px; line-height:30px; text-align:center; position:relative; padding:90px 0 45px 0;}
.home-title a{ color:#000;}
.home-title::after{ float:left; width:34px; height:4px; background:#059f45; content:''; position:absolute; left:50%; bottom:0; margin-left:-17px;}
.home-title1{ color:#fff;}
.home-title1 a{ color:#fff;}
.home-title1::after{ background:#fff;}
.home-pord{ float:left; width:100%; padding:0 60px; margin:67px 0 84px 0;}
.home-pord ul{ margin:0 -5px;}
.home-pord li{ float:left; width:50%; padding:5px;}
.home-pord li a{ float:left; width:100%; line-height:0; overflow:hidden;}
.home-pord li a img{
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.home-pord li a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.home-pord li.li2{ width:33.3333%;}

@media screen and (max-width:1319px ) {

.home-pord{ padding:0; }

}

@media screen and (max-width:1023px ) {

.home-title{ font-size:20px; line-height:20px; padding:45px 0 22px 0;}
.home-pord{ padding:0; margin:36px 0 45px 0;}
.home-pord ul{ margin:0 -3px;}
.home-pord li{ padding:3px;}

}

@media screen and (max-width:767px ) {

.home-title{ font-size:20px; line-height:20px; padding:20px 0 12px 0;}
.home-title::after{ height:2px;}
.home-pord{ padding:0; margin:20px 0;}
.home-pord ul{ margin:0 -2px;}
.home-pord li{ padding:2px;}

}



.home-news-bg{ float:left; width:100%; background:#ffffff; padding-bottom:155px;}
.home-news{ float:left; width:100%; padding:0 60px; margin-top:80px;}
.home-news ul{ margin:0 -15px;}
.home-news ul li{ padding:0 15px;}
.home-news ul li a{ float:left; width:100%;}
.home-news ul li .img{ float:left; width:100%; line-height:0; overflow:hidden;}
.home-news ul li .img img{
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.home-news ul li:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.home-news ul li .info{ float:left; width:100%; background:#fff; border:1px solid #f2f2f2; padding:12px 18px 18px 18px;}
.home-news ul li .info h2{ float:left; width:100%; color:#8c8c8c; font-size:19px; line-height:30px;}
.home-news ul li .info p{ float:left; width:100%; color:#9f9f9f; font-size:14px; line-height:24px; height:72px; overflow:hidden; margin-top:8px;}
.home-news ul li:hover .info h2{ color:#059f45;}
.home-news .slick-dots{ position:static; margin-top:88px; height:13px;}
.home-news .slick-dots li{ width:13px; height:13px; margin:0 7px; border-radius:50%; overflow:hidden; text-indent:-999px; background:#333; padding:0; vertical-align:top;-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.home-news .slick-dots li.slick-active{opacity:0.5; filter:alpha(opacity=50);  background:#5d5d5d;}
.home-news .slick-prev{ width:8px; height:16px; background:url(images/main5.png) center no-repeat; top:auto; bottom:-2px; left:50%; margin-left:-210px;}
.home-news .slick-next{ width:8px; height:16px; background:url(images/main6.png) center no-repeat; top:auto; bottom:-2px; right:50%; margin-right:-210px;}
.home-news .slick-prev:hover,
.home-news .slick-next:hover{opacity:0.6; filter:alpha(opacity=60); }

.home-tab2 .slick-dots li{ background:#808080;}
.home-tab2 .slick-prev{ background:url(images/main7.png) center no-repeat;}
.home-tab2 .slick-next{ background:url(images/main8.png) center no-repeat;}


@media screen and (max-width:1319px ) {

.home-news{ padding:0;}

}
@media screen and (max-width:1023px ) {
.home-news-bg{ padding-bottom:40px;}
.home-news{ margin-top:40px;}
.home-news ul{ margin:0 -5px;}
.home-news ul li{ padding:0 5px;}
.home-news .slick-dots{ margin-top:44px;}
.home-news .slick-dots li{ width:10px; height:10px; margin:0 4px;}
.home-news .slick-prev{ margin-left:-120px; bottom:0;}
.home-news .slick-next{ margin-right:-120px; bottom:0;}
.home-news ul li .info{ padding:8px 12px;}
.home-news ul li .info h2{font-size:16px; line-height:26px;}
.home-news ul li .info p{  font-size:13px; line-height:22px; height:66px; margin:4px 0;}


}

@media screen and (max-width:767px ) {
.home-news-bg{ padding-bottom:20px;}
.home-news{ margin-top:20px;}
.home-news{ margin-top:20px;}
.home-news .slick-dots{ margin-top:20px;}




}

/**/
.home-team{ float:left; width:100%; padding:0 135px; margin-top:98px;}
.home-team .team-big{ float:left; width:100%; padding:0 240px;}
.home-team .team-big .la{ float:left; width:100%; position:relative;}
.home-team .team-big .la i{ float:left; width:100%; line-height:0;}
.home-team .team-big .la .info{ float:left; width:100%; position:absolute; left:0; bottom:-100px; padding:15px; background:#000; background:rgba(0,0,0,0.5); color:#fff; font-size:14px; line-height:22px;-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.home-team .team-big .la .info .p1{ float:left; width:100%; height:66px; overflow:hidden;}
.home-team .team-big .la:hover .info{ bottom:0;}
.home-team .team-big .slick-prev{ width:48px; height:48px; background:url(images/main24.png) center no-repeat; left:0; margin-top:-24px;  border-radius:50%;}
.home-team .team-big .slick-next{ width:48px; height:48px; background:url(images/main25.png) center no-repeat; right:0; margin-top:-24px; border-radius:50%;}
.home-team .team-big .slick-prev:hover,
.home-team .team-big .slick-next:hover{opacity:0.6; filter:alpha(opacity=60); -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;}


.home-team .team-samll{ float:left; width:100%; padding:0 320px; margin-top:7px;}
.home-team .team-samll .slick-slide{ margin:4px 7px 0 7px; position:relative; cursor:pointer;}
.home-team .team-samll .slick-slide::after{ display:none; float:left; width:0; height:0px;border-width:0 4px 4px;border-style: solid;border-color: transparent transparent  #4ab344; content:''; position:absolute; left:50%; top:-4px; margin-left:-2px;}
.home-team .team-samll .slick-slide img{ border:2px solid #fff;}
.home-team .team-samll .slick-slide.slick-current::after{ display:block;}
.home-team .team-samll .slick-slide.slick-current img{ border:2px solid #4ab344;}

@media screen and (max-width:1319px ) {

.home-team{ padding:0;}

}
@media screen and (max-width:1023px ) {
.home-team{ margin-top:48px;}
.home-team .team-big{ padding:0 120px;}
.home-team .team-big .slick-prev,
.home-team .team-big .slick-next{ width:30px; height:30px; margin-top:-15px;}
.home-team .team-samll{ padding:0 160px;}

}

@media screen and (max-width:767px ) {

.home-team{ margin-top:20px;}
.home-team .team-big{ padding:0 30px;}
.home-team .team-big .slick-prev,
.home-team .team-big .slick-next{ width:24px; height:24px; margin-top:-12px;}
.home-team .team-samll{ padding:0 40px;}
.home-team .team-samll .slick-slide{ margin:4px 3px 0 3px;}

.home-team .team-big .la .info{ padding:10px 12px;}
.home-team .team-big .la .info .p1{ height:44px;}

}



/**/
.home-customer{ float:left; width:100%; margin:100px 0 114px 0;}
.home-customer ul{ padding:0 87px;}
.home-customer ul li{ float:left; width:25%; padding:13px;}
.home-customer ul li a{ float:left; width:100%; line-height:0; padding:15px; border:3px solid #e4c730;-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.home-customer ul li a:hover{ border:3px solid #05a045;}
.home-customer ul li a img{
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.home-customer ul li a:hover img{ -webkit-transform: scale(0.9); -moz-transform: scale(0.9);transform: scale(0.9);}



@media screen and (max-width:1319px ) {
.home-customer ul{ padding:0 60px;}
.home-customer ul li{ padding:10px;}
.home-customer ul li a{ padding:5px;}

}
@media screen and (max-width:1023px ) {

.home-customer{ margin:50px 0 56px 0;}
.home-customer ul{ margin:0 -5px; padding:0;}
.home-customer ul li{padding:5px;}
.home-customer ul li a{ border:1px solid #e4c730;}
.home-customer ul li a:hover{ border:1px solid #05a045;}

}

@media screen and (max-width:767px ) {

.home-customer{ margin:20px 0;}
.home-customer ul li{ width:33.33%;}
.home-customer ul li a{ padding:0;}


}


/*footer*/
.footer_bg2{ float:left; width:100%; background:#101010; padding:32px 0 44px 0;}
.bq{ float:left; width:100%; color:#adacac; font-size:18px; line-height:28px; text-align:center;}
.bq a{ color:#adacac;}
.bq a:hover{ color:#05a045;}
.links{ float:left; width:100%; color:#adacac; font-size:14px; line-height:40px; padding:0 45px; margin-top:10px;}
.links .title{ display:inline;}
.links .info{ display:inline;}
.links a{ display:inline-block; color:#adacac; padding-right:20px;}
.links a:hover{ color:#05a045;}

.footer_bg1{ float:left; width:100%;background:#101010; border-bottom:1px solid #484848; padding:50px  0 82px 0;}
.footer-about{ float:left; width:506px;}
.footer-name{ float:left; width:100%; color:#05a045; font-size:24px; line-height:34px; font-weight:bold; margin:6px 0 16px 0;}
.footer-us{ float:left; width:100%; color:#767676; font-size:14px; line-height:34px;	}
.footer-nav{ float:left; width:340px; min-height:200px; border-left:1px solid #222222; border-right:1px solid #222222; padding:25px 0 0 60px;}
.footer-nav li{ float:left; width:50%;}
.footer-nav li a{ float:left; width:100%; color:#767676; font-size:16px; line-height:52px;}
.footer-nav li a:hover{ color:#05a045;}
.fooer-wahct{ float:right; margin-top:28px;}
.fooer-wahct .wahct{ float:left; width:160px; margin-left:60px;}
.fooer-wahct .wahct i{ float:left; width:100%; line-height:0; text-align:center;}
.fooer-wahct .wahct i img{ width:112px; height:112px;}
.fooer-wahct .wahct h5{ float:left; width:100%; text-align:center; color:#767676; font-size:14px; line-height:22px; margin-top:10px;}



@media screen and (max-width:1319px ) {

.links{ padding:0;}
.footer-name{ font-size:18px; line-height:28px;}
.fooer-wahct .wahct{ margin-left:15px;}
.footer-about{ width:390px;}
.footer-nav{ width:250px; padding:25px 0 0 30px;}

}
@media screen and (max-width:1023px ) {


.footer_bg2{ padding:20px 0;}
.bq{ font-size:16px; line-height:26px;}
.links{ font-size:14px; line-height:24px; position:relative;}
.links .title{ float:left; width:100%; background:#484848; border-radius:3px; color:#fff; padding:5px 12px; position:relative;}
.links .title::after{ float:left; width:15px; height:15px; position:absolute; right:12px; top:50%; margin-top:-7px; background:url(images/xiap1.png) center no-repeat; content:'';}
.links .title.on::after{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	 -o-transform: rotate(-180deg);
		transform: rotate(-180deg);}
.links .info{ float:left; width:100%; display:none; position:absolute; left:0; bottom:34px; background:#333; border-radius:3px; padding:6px 12px;}
.links a{ padding-right:10px; margin:3px 0; font-size:12px;}

.footer_bg1{ padding:20px 0;}
.footer-about{ width:100%; text-align:center;}
.footer-name{ margin:0 0 5px 0;}
.footer-us{ line-height:24px;}
.footer-nav{ float:left; width:100%; border:none; padding:0; border-top:1px solid #222222; border-bottom:1px solid #222222; min-height:inherit; margin-top:10px; padding:10px 0;}
.footer-nav li{ width:16.666%; text-align:center;}
.footer-nav li a{ line-height:26px;}
.fooer-wahct{ float:left; width:100%; margin-top:15px; text-align:center;}
.fooer-wahct .wahct{ width:136px; margin:0 5px ; float:none; display:inline-block; *display:inline; *zoom:1;}
.fooer-wahct .wahct h5{ font-size:12px; line-height:18px;}


}

@media screen and (max-width:767px ) {

.home-customer{ margin:20px 0;}
.home-customer ul li{ width:33.33%;}
.footer-name{ font-size:16px; line-height:26px;}
.footer-nav li{ width:33.3333%;}
.footer-nav li a{ font-size:14px;}
.fooer-wahct .wahct i img{ width:88px; height:88px;}

}



/*左边*/
.SideLayer1{ float:left; width:100%; background:#f5f5f5; padding:9px 0; min-height:266px;}
.SideLayer1 .l1{ float:left; width:100%; position:relative;}
.SideLayer1 .l1 span a{ float:left; width:100%; line-height:39px; color:#666666; font-size:15px; padding-left:28px;}
.SideLayer1 .l1.on span a,
.SideLayer1 .l1:hover span a{ background:#ebebeb; color:#4ab244;}
.SideLayer1 .sub{ display:none; float:left; width:193px; position:absolute; left:197px; top:-5px; z-index:9; background:url(images/main26.png) repeat; padding:7px 0 13px 0; min-height:49px;}
.SideLayer1 .sub li{ float:left; width:100%;}
.SideLayer1 .sub li a{ float:left; width:100%; color:#666666; font-size:12px; line-height:20px; padding-left:34px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.SideLayer1 .sub li.on a,
.SideLayer1 .sub li:hover a{ color:#4ab244;}
.SideLayer1 .l1:hover .sub{ display:block;}

@media screen and (max-width:1023px ) {

.SideLayer1{ display:none; min-height:inherit; padding:4px 0;}
.SideLayer1 .sub{ position:static; width:100%; padding:7px 0; min-height:inherit;}
.SideLayer1 .l1 span a{ padding-left:14px;}
.SideLayer1 .sub li a{ padding-left:18px;}


}



/*HSE培训--HSE管理课程*/
.inner_banner{ float:left; width:100%; line-height:0;}
.content-left{ float:left; width:210px; margin:20px 0;}
.slide-title{ float:left; width:100%; padding:24px 0 22px 28px; background:#4ab244;}
.slide-title h1{ float:left; width:100%; color:#fff; font-size:30px; line-height:30px; text-transform:uppercase;}
.slide-title h5{ float:left; width:100%; color:#fff; font-size:14px; line-height:14px; text-transform:uppercase; margin-top:12px;}

.content-right{ float:right; width:884px; margin:88px 0; min-height:800px;}
.info-cont{ float:left; width:100%; color:#000000; font-size:20px; line-height:26px;}

@media screen and (max-width:1319px ) {
.content-right{ width:580px;}
.info-cont{ font-size:16px; line-height:24px;}
.info-cont{ font-size:18px; line-height:24px;}

}
@media screen and (max-width:1023px ) {
.content-left{ width:100%;}
.slide-title{ padding:10px 0 10px 14px; background:#4ab244; position:relative;}
.slide-title::after{ float:left; width:15px; height:8px; background:url(images/xiap1.png) center no-repeat; content:''; position:absolute; right:14px; top:50%; margin-top:-4px;}
.slide-title h1{ font-size:20px; line-height:20px;}
.slide-title h5{ margin-top:6px;}
.content-right{ width:100%; margin:0 0 30px 0; min-height:300px;}
.info-cont{ font-size:14px; line-height:22px;}
}



/*关于我们*/
.info-cont .p1{ width:100%; text-align:center;}
.info-cont .img{ width:100%;}


/*联系我们*/
.content-right1{ float:right; width:980px; margin:88px 0; min-height:800px;}
.info-us{ float:left; width:100%; color:#000000; font-size:24px; font-size:29px;}
.bdmap{ float:left; width:100%; height:449px; margin:165px 0 108px 0;}

@media screen and (max-width:1319px ) {
.content-right1{ width:700px;}
.info-us{ font-size:18px; font-size:23px;}

}

@media screen and (max-width:1023px ) {

.content-right1{ width:100%; margin:0 0 30px 0; min-height:300px;}
.info-us{ font-size:14px; line-height:24px;}
.bdmap{ height:449px; margin:82px 0 54px 0;}

}

@media screen and (max-width:767px ) {

.bdmap{ height:300px; margin:20px 0;}

}

/*新闻中心*/
.news-container{ margin:0 auto; width:1510px;}
.news-left{ float:left; width:1120px; margin:86px 0 200px 0; border-right:1px solid #e6e6e6; padding-right:50px;}
.news-left .info{ float:left; width:100%; color:#000000; font-size:21px; line-height:26px; min-height:800px;}
.news-left .info .p1{ float:left; width:100%; text-align:center;}
.news-left .info .p2{ float:left; width:100%; margin:50px 0 100px 0;}

.sx_fy{ float:left; width:100%;}
.sx_fy a b{font-weight:normal;}
.sx_fy a{ float:left; width:48%; background:#f7f7f7; line-height:77px; color:#666666; font-size:16px; position:relative; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.sx_fy a:hover{ color:#4aa736;}
.sx_fy a.l_fy{ padding:0 30px 0 126px;}
.sx_fy a.r_fy{ float:right; text-align:right; padding:0 126px 0 30px;}
.sx_fy a.l_fy span{ display:inline; width:100px; text-align:center; position:absolute; left:0; top:0; background:#e8e8e8;-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.sx_fy a.r_fy span{ display:inline; width:100px; text-align:center; position:absolute; right:0; top:0; background:#e8e8e8;-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.sx_fy a.l_fy:hover span{ background:#4aa736; color:#fff;}
.sx_fy a.r_fy:hover span{ background:#4aa736; color:#fff;}


.news-Recommend{ float:left; width:100%; margin-top:33px;}
.news-Recommend .title{ float:left; width:100%; background:#e8e8e8; line-height:38px; font-weight:bold; padding-left:18px; color:#000000; font-size:16px;}
.news-Recommend .list{ float:left; width:100%; border:1px solid #d7d7d7;}
.news-Recommend .list ul{ float:left; width:100%; padding:6px 0;}
.news-Recommend .list ul li{ float:left; width:50%; padding:0 23px;}
.news-Recommend .list ul li a{ float:left; width:100%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; color:#666666; font-size:16px; line-height:30px; padding-left:12px; background:url(images/main27.png) left center no-repeat;}
.news-Recommend .list ul li a:hover{ color:#4aa736; background:url(images/main28.png) left center no-repeat;}

.news-right{ float:right; width:312px; margin:86px 0;}
.news-right .title{ float:left; width:100%; color:#555555; font-size:24px; line-height:24px;}
.news-right .info{ float:left; width:100%; margin-top:20px; background:#f5f5f5; padding:5px 14px;}
.news-right .info li{ float:left; width:100%; border-bottom:1px solid #4aa736; padding:15px 0;}
.news-right .info li:last-child{ border-bottom:none;}
.news-right .info li h5{ float:left; width:100%; color:#334051; font-size:16px; line-height:26px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;  font-weight:bold;-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;}
.news-right .info li p{ float:left; width:100%; color:#898989; font-size:13px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 6px 0;}
.news-right .info li time{ float:left; width:100%; color:#9d9da0; font-size:12px; line-height:22px;}
.news-right .info li:hover h5{ color:#4aa736;}




@media screen and (max-width:1680px ) {
.news-container{ margin:0 auto; width:1290px;}
.news-left{width:910px;}

}


@media screen and (max-width:1319px ) {
.news-container{ margin:0 auto; width:994px;}
.news-left{ width:700px; padding-right:30px;}
.news-left .info{ font-size:18px; line-height:26px;}
.news-right{ width:260px;}

}

@media screen and (max-width:1023px ) {
.news-container{ margin:0 auto; width:738px;}
.news-left{ width:100%; padding-right:0; margin:20px 0 0 0; border:none;}
.news-right{ width:100%; margin:20px 0 30px 0;}
.news-left .info{ font-size:14px; line-height:22px; min-height:300px;}
.news-left .info .p1{ font-size:16px; line-height:24px;}
.news-left .info .p2{ margin:15px 0 20px 0;}
.sx_fy a{ line-height:50px; font-size:14px;}
.news-Recommend{ margin-top:15px;}
.news-Recommend .list ul{ padding:6px 0;}
.news-Recommend .list ul li{padding:0 7px;}
.news-Recommend .list ul li a{ font-size:14px; line-height:28px;}
.news-right .title{ font-size:18px; line-height:18px;}
.news-right .info{ margin-top:15px;}
.news-right .info li{ padding:10px 0;}
.news-right .info li p{ line-height:22px; height:44px; margin:5px 0 3px 0;}

}

@media screen and (max-width:767px ) {
.news-container{ margin:0 auto; width:100%; padding:0 15px;}
.news-Recommend .list{ padding:6px 12px;}
.news-Recommend .list ul{ width:100%; padding:0;}
.sx_fy a{ width:100%; margin:2px 0; line-height:42px;}
.sx_fy a.l_fy{ padding:0 15px 0 92px;}
.sx_fy a.r_fy{ text-align:left; padding:0 15px 0 92px;}
.sx_fy a.l_fy span{ width:80px;}
.sx_fy a.r_fy span{ right:auto; left:0; width:80px;}

}