@charset "utf-8";
/* CSS Document */
/*切图：zcy*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;outline:none !important;}
.wow{visibility:inherit !important;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family:'Microsoft yahei',Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei';}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei',Arial; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;}
select{ margin:0; padding:0; font-family:'Microsoft yahei',Arial; border:none;}
textarea{ resize:none;outline:none;}
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}
/*********************************************************************重置***********************************************************************/

.pz_top{ float:left; width:100%; z-index:11; position:fixed; left:0; top:0;}
.pz_banner{ float:left; width:100%; position:relative; z-index:2; min-height:80px;}
.pz_menu{ float:left; width:100%; position:relative; z-index:99;}
.pz_main{ float:left; width:100%; position:relative; z-index:1; overflow:hidden;}
.pz_down{ float:left; width:100%; background:#313632; z-index:6; position:relative; overflow:hidden;}
.pz_top:before{ content:''; width:100%; background:#fff; position:absolute; left:0; top:0; height:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pz_top.on:before{ box-shadow:0 3px 4px rgba(0,0,0,0.15); height:100%;}
.c_1570{ width:100%; float:left; padding:0 175px;}

@media screen and (max-width: 1199px) {
.c_1570{ padding:0 125px;}
}
@media screen and (max-width: 991px) {
.c_1570{ padding:0 65px;}
}
@media screen and (max-width: 767px) {
.c_1570{ padding:0 10px;}
}

.ggw{ width:100%; height:100%; position:fixed; left:0; top:0; background:white; z-index:99;}
.ggw .logo{ position:absolute; left:50%; top:50%; width:510px; height:334px; margin:-167px 0 0 -255px;
animation:myfirst 3s linear 1s infinite alternate;
/* Firefox: */
-moz-animation:myfirst 3s linear 1s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst 3s linear 1s infinite alternate;
/* Opera: */
-o-animation:myfirst 3s linear 1s infinite alternate;
}
@keyframes myfirst
{
0%   { transform:rotateY(0);}
100% { transform:rotateY(180deg);}
}
@-moz-keyframes myfirst /* Firefox */
{
0%   { transform:rotateY(0);}
100% { transform:rotateY(180deg);}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   { transform:rotateY(0);}
100% { transform:rotateY(180deg);}
}

@-o-keyframes myfirst /* Opera */
{
0%   { transform:rotateY(0);}
100% { transform:rotateY(180deg);}
}
@media screen and (max-width: 991px) {
.ggw .logo{ width:310px; height:203px; margin:-101px 0 0 -155px;}
}
@media screen and (max-width: 767px) {
.ggw .logo{ width:168px; height:110px; margin:-55px 0 0 -84px;}
}




/*首页*/
.topnav{ width:100%; float:left; height:86px; position:relative; z-index:2;}
.topnav .logo{ float:left; height:46px; margin-top:20px;}
.topnav .logo img{ height:100%; width:auto;}
.topnav .lang{ float:right; width:80px; height:32px; background:#4f8042; text-align:center; margin-top:27px; margin-left:39px; overflow:hidden;
-moz-border-radius:16px; 
-webkit-border-radius:16px; 
-khtml-border-radius:16px;
border-radius:16px;}
.topnav .lang a{ display:block; width:80px; height:32px; font-size:14px; color:white; text-transform:uppercase; line-height:32px;font-family: 'OPENSANS-BOLD';}
.topnav .lang a img{ vertical-align:middle; margin:-3px 0 0 8px; width:10px;}
.topnav .lang.on .a1{ margin-top:-32px;}
.menu{ z-index:99; float: right;}
.menu > ul{ float:left; width:100%;}
.menu ul .nli{ float:left;z-index:99; margin:27px 21px 0 21px; height:59px; position:relative;}
.menu ul .nli span{ display:block; width:100%; float:left;}
.menu ul .nli span a{ display:block; float:left; height:47px; padding:0 20px; line-height:32px; color:#333; font-size:16px; overflow:hidden;position:relative;}
.menu ul .nli span a svg{ position:absolute; width:0; left:50%; bottom:0; height:3px; background:#4f8042;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.menu ul .nli.on span a svg{ left:0; width:100%;}
.menu ul .nli.on span a,
.menu ul .nli:hover span a{ color:#4f8042;}

/*下拉菜单（漂浮在menu .nli上）*/
.sub{ z-index:21;  position:absolute; width:1200px; left: 50%; margin-left:-600px;top:100%; display:none; text-align:center; padding:12px 0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.sub .mb{ width:4000px; height:100%; position:absolute; left:50%; top:0; margin-left:-2000px; background:#4f8042; opacity:0.8;}
.sub .l2{ display:inline-block; *zoom:1; *display:inline; margin:0 10px;}
.sub .l2 .l2_a{ display:block; width:100%; float:left; font-size:14px; line-height: 24px; color: #fff; overflow:hidden; position:relative; padding:0 8px;}
.sub .l2:hover .l2_a{ background:#4f8042;}
.sub .l2:hover{ position:relative; z-index:2;}
.menu ul .nli.last .sub{ margin-left:-730px;}
.menu ul .nli:hover .sub{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
@-webkit-keyframes fadeInUp1{
0%{opacity:0;
-webkit-transform:translateY(30px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp1{
0%{opacity:0;
-moz-transform:translateY(30px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
@media screen and (max-width: 1770px) {
.menu ul .nli{ margin:27px 16px 0 16px;}
.menu ul .nli span a{ padding:0 10px;}
.topnav .logo{ height:26px; margin-top:30px;}
.topnav .lang{ width:60px; height:26px; margin-top:30px; margin-left:19px;
-moz-border-radius:13px; 
-webkit-border-radius:13px; 
-khtml-border-radius:13px;
border-radius:13px;}
.topnav .lang a{ width:60px; height:26px; font-size:12px; line-height:26px;}
.topnav .lang a img{ margin:-3px 0 0 6px; width:6px;}
.topnav .lang.on .a1{ margin-top:-26px;}
}
.menuph{ float:right; cursor: pointer;  width: 30px;  height: 50px; display: none; margin-right:10px;}
.menuph .point { display:block;  width: 30px;  height: 30px; margin-top:10px;}
.menuph .navbtn {  position: absolute;  top: 24px;  right: 10px;  display: inline-block;  width: 18px;  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: #4f8042; z-index:9999;}
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 18px;  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: #4f8042;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
.menuph .navbtn::after { top:-6px;}
.menuph .navbtn::before { top:6px;}
.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;  }

.pf_menu{ position:fixed; width:100%; height:100%; overflow-y:auto; right:0px; top:-100%; z-index:9 !important; display:block; padding:50px 65px 20px 65px; z-index: 98; background: #4f8042;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pf_menu.on_1{ top:0;}
.ph_menu{ float:left; width:100%; text-align:left;}
.nav_box{ width:100%; float:left;}
.ph_menu .nli{ float:left; width:100%; position:relative;}
.ph_menu .nli span{ float:left; width:100%;}
.ph_menu .nli .l1_a{ float:left; width:100%; color:#fff; font-size:14px; line-height:50px; white-space:nowrap; position: relative; letter-spacing: 1px; border-bottom: dashed 1px #ccc;}
.ph_menu .nli svg{ display:block; width:40px; height:40px; position:absolute; right:0; top:5px; background:url(images/top_6.png) no-repeat center center; background-size:auto 14px !important;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ph_menu .nli.on svg{ background-image:url(images/top_6_h.png); transform:rotate(90deg);}
.ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 10px;}
.ph_menu .nli .l2_ul li a{ line-height:30px; font-size:12px; color:#fff; text-transform:uppercase; opacity:0.6;}
.ph_menu .nli .l2_ul li a:active{ opacity:1;}
.pz_menu.on{ box-shadow: 0 3px 6px rgba(0,0,0,0.10);}
.ph_menu .search{ display:block; float:left; height:50px; border:solid 1px #4f8042; width:100%; padding: 0 60px 0 0; position: relative; left:auto; top:auto; right:auto; margin-top:10px; z-index:1;}
.ph_menu .search .search_k{ height:48px; line-height:48px; width:100%; background: white; font-size: 14px; color: #4f8042; padding-left:10px; font-weight:bold;}
.ph_menu .search .search_btn{ position: absolute; right:-1px; top: 0; height:48px; width:60px; background: #4f8042 url(images/top_5.png) no-repeat center center; background-size: 20px 20px;}
.ph_menu .msg{ width:100%; float:left; margin-top:10px;}
.ph_menu .msg a{ display:block; width:100%; float:left; height:36px; line-height:36px; text-align:center; background:#4f8042; font-size:14px; color:white; font-weight:bold; font-family:Arial;
-moz-border-radius:18px; 
-webkit-border-radius:18px; 
-khtml-border-radius:18px;
border-radius:18px;}
.top.on{ margin-top:-38px;}
.topnav.on{ height:64px; padding:0;}
.topnav.on .logo{ width:128px; margin-top:8px;}
.topnav.on .top_82,.topnav.on .top_164{ height:64px; margin-top:0;}
.topnav.on .top_82 .search_ico,.topnav.on .top_164 a{ margin-top:14px;}
.topnav.on .menu ul .nli{ height: 64px;}
.topnav.on .menu ul .nli span{ height:64px; margin-top:0;}
.topnav.on .menu ul .nli span a{ margin-top:0px;}
.pf_menu.on{ padding:64px 95px 0 95px;}
@media screen and (max-width: 1360px) {
.menu ul .nli{ margin:27px 5px 0 5px;}
.menu ul .nli span a{ font-size:14px;}
}
@media screen and (max-width: 1199px) {
.menu ul .nli{ margin:27px 15px 0 15px;}
}
@media screen and (max-width: 991px) {
.menuph{ display: block;}
.menu{ display:none;}
.pz_top{ background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.pz_top:before{ display:none;}
.topnav{ height:50px;}
.topnav .logo{ height:16px; position:absolute; left:50%; top:50%; width:40px; margin:-8px 0 0 -20px; text-align:center;}
.topnav .logo img{ height:100%; width:auto;}
.topnav .lang{ float:left; margin-top:12px; margin-left:0;}
}
.pf_menu{ padding:50px 10px 0 10px;}
}

.banner_bian{ width:100%; position:absolute; left:0; bottom:0;}
.banner_bian img{ width:100%; float:left;}
.slide_banner .slick-slide{ position:relative; overflow:hidden;}
.slide_banner .slick-slide .img{ width:100%; padding:0 175px; position:absolute; left:10%; top:60%; margin:-324px 0 0 0; z-index:1; opacity:0;}
.slide_banner .slick-slide img{ width:100%; float:left;}
.slide_banner .slick-slide .ico{ width:128px; height:120px; position:absolute; right:10%; top:50%; margin:-60px 0px 0 0; z-index:2; opacity:0;}
.slide_banner .slick-slide h1{ width:100%; padding:0 175px; position:absolute; left:10%; top:50%; margin:-173px 0 0 0; z-index:1;}
.slide_banner .slick-slide h4{ width:100%; padding:0 175px; position:absolute; left:10%; top:50%; margin:-12px 0 0 0; z-index:1;}
.slide_banner .slick-slide .bian{ width:26.354%; position:absolute; left:40%; top:50%; margin:2px 0 0 0; z-index:1;-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 0);clip-path:polygon(100% 0,100% 0,100% 100%,100% 0);transition:opacity 1.6s ease 2s,-webkit-clip-path 1.6s cubic-bezier(.19,1,.22,1);transition:clip-path 1.6s cubic-bezier(.19,1,.22,1),opacity 1.6s ease 2s;transition:clip-path 1.6s cubic-bezier(.19,1,.22,1),opacity 1.6s ease 2s,-webkit-clip-path 1.6s cubic-bezier(.19,1,.22,1);}
.slide_banner .slick-slide .bian img{ float:right;}
.slide_banner .slick-slide .bian.on{-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}
.slide_banner .slick-slide .btn{ width:100%; padding:0 175px; position:absolute; left:10%; top:50%; margin:75px 0 0 0; z-index:2;}
.slide_banner .slick-slide .btn a{ display:block; width:212px; height:62px; line-height:62px; text-align:center; background:#4f8042; font-size:20px; color:white; margin-right:20px; position:relative; float:left;
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
-khtml-border-radius:2px;
border-radius:2px;}
.slide_banner .slick-slide .btn a:hover{ background:#575850;}
.slide_banner .slick-slide .btn a:hover:before{ content:''; background:url(images/banner_h.png) no-repeat center bottom; width:100%; height:16px; position:absolute; left:0; bottom:-16px;}
.slide_banner .slick-prev,.slide_banner .slick-next {
	position: absolute;
	left: 61px;
	top: 50%;
	width: 54px;
	height: 54px;
	margin-top:-27px;
	background:url(images/banner_btn.png) no-repeat left center white; background-size:auto 54px; box-shadow:0 3px 6px rgba(0,0,0,0.13);
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_banner .slick-next {
	left: auto;
	right: 61px;
	background-position:right center;
}
.slide_banner .slick-prev:hover,
.slide_banner .slick-next:hover{ background-image:url(images/banner_btn_h.png);}
.banner_ico{ width:62px; height:62px; text-align:center; line-height:62px; background:white; position:absolute; left:50%; bottom:-31px; margin-left:-31px;}
.banner_ico img{ vertical-align:middle; width:20px;}
.banner_number{ width:95px; position:absolute; right:175px; bottom:193px; font-size:16px; color:#4f8042;font-family: 'OPENSANS-REGULAR';}
.banner_number:before{ content:''; width:10px; height:1px; background:#4f8042; position:absolute; left:10px; bottom:-20px;}
.banner_number font:first-child{ font-size:48px;font-family: 'OPENSANS-BOLD'; margin-right:17px; position:relative;}
.banner_number font:first-child:before{ content:''; width:1px; height:60px; background:#4f8042; position:absolute; left:50%; top:-89px;}

@media screen and (max-width: 1600px) {
.slide_banner .slick-slide .btn a{ width:182px; height:52px; line-height:52px;}
.slide_banner .slick-slide .ico{ width:88px; height:80px; margin:-120px 0px 0 0;}
}
@media screen and (max-width: 1360px) {
.slide_banner .slick-slide h1{ margin:-73px 0 0 0;}
.slide_banner .slick-slide h4{ margin:30px 0 0 0;}
.slide_banner .slick-slide .btn{ margin:60px 0 0 0;}
.slide_banner .slick-slide .img{ top:50%; margin:-164px 0 0 0;}
.slide_banner .slick-slide .bian{ width:24%; left:41%; top:55%;}
.slide_banner .slick-slide .btn a{ width:142px; height:42px; line-height:42px; font-size:16px;}
}
@media screen and (max-width: 1199px) {
.slide_banner .slick-slide .ico{ width:68px; height:60px;}
.slide_banner .slick-slide .img{ margin:-124px 0 0 0;}
.slide_banner .slick-slide .img,.slide_banner .slick-slide h1,.slide_banner .slick-slide h4,.slide_banner .slick-slide .btn{ padding:0 125px;}
.slide_banner .slick-slide .bian{ top:56%;}
.banner_number{ right:125px;}
}
@media screen and (max-width: 991px) {
.slide_banner .slick-slide .btn a{ width:122px; height:32px; line-height:32px; font-size:14px;}
.slide_banner .slick-slide h1{ margin:-53px 0 0 0;}
.slide_banner .slick-slide .img{ margin:-84px 0 0 0;}
.slide_banner .slick-slide .ico{ width:48px; height:40px; margin:-80px 0px 0 0;}
.slide_banner .slick-slide .img,.slide_banner .slick-slide h1,.slide_banner .slick-slide h4,.slide_banner .slick-slide .btn{ padding:0 65px;}
.slide_banner .slick-slide .bian{ top:54%;}
.slide_banner .slick-prev{ left:5px;}
.slide_banner .slick-next{ right:5px;}
.slide_banner .slick-slide .btn a:hover:before{ background-size:cover; height:6px; bottom:-6px;}
.banner_number{ right:65px; font-size:14px; width:85px;}
.banner_number:before{ width:6px; bottom:-12px;}
.banner_number font:first-child{ font-size:38px; margin-right:10px;}
.banner_number font:first-child:before{ height:50px; top:-69px;}
}
@media screen and (max-width: 767px) {
.slide_banner .slick-slide{ height:300px;}
.slide_banner .slick-slide .btn{ margin:35px 0 0 0;}
.slide_banner .slick-slide .btn a{ width:72px; height:26px; line-height:26px; font-size:12px; margin-right:10px;}
.slide_banner .slick-slide .img,.slide_banner .slick-slide h1,.slide_banner .slick-slide h4,.slide_banner .slick-slide .btn{ padding:0 10px;}
.slide_banner .slick-slide .img{ margin:-44px 0 0 0; padding:0;}
.slide_banner .slick-slide .ico{ margin:-60px -50px 0 0;}
.slide_banner .slick-slide h1{ margin:-23px 0 0 0;}
.slide_banner .slick-slide h4{ margin:18px 0 0 0;}
.slide_banner .slick-slide .bian{ top:56%; width:28%;}
.slide_banner .slick-dots {
	position: absolute;
	bottom: 25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.slide_banner .slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	padding: 0;
	cursor: pointer;
	overflow:hidden;
	background:white; opacity:0.6;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_banner .slick-dots li.slick-active{
	opacity: 1;
}
.banner_ico{ width:42px; height:42px; line-height:42px; bottom:-21px; margin-left:-21px; display:none;}
.banner_ico img{ width:12px;}
.banner_number{ display:none;}
}
/*footer*/
.footer{ width:100%; float:left; padding:76px 219px 61px 28.28%; position:relative;}
.footer .footer_320{ width:20.38%; position:absolute; left:0; top:76px;}
.footer .footer_320 h5{ width:100%; float:left; font-size:14px; color:white; line-height:28px;}
.footer .footer_320 h5 img{ vertical-align:middle; margin:-3px 7px 0 0; width:18px;}
.footer .footer_320 h3{ width:100%; float:left; font-size:36px; color:white; line-height:34px; margin-top:5px; font-family:Arial; font-weight:bold;}
.footer .footer_320 h4{ width:100%; float:left; font-size:16px; color:white; line-height:24px; margin-top:12px;}
.footer .footer_320 .fx{ width:100%; float:left; margin-top:26px;}
.footer .footer_320 .fx a{ display:block; width:34px; height:34px; border:solid 1px white; background-position:center center; background-size:contain; background-repeat:no-repeat; margin:0 10px 0 0 !important; padding:0 !important;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.footer .footer_320 .fx a.a1{ background-image:url(images/footer2.png);}
.footer .footer_320 .fx a.a2{ background-image:url(images/footer3.png);}
.footer .footer_320 .fx a.a3{ background-image:url(images/footer4.png);}
.footer .footer_320 .fx a:hover{ background-color:#4f8042; border-color:#4f8042;}
.footer .footer_ul{ width:100%; float:left;}
.footer .footer_ul li{ width:25%; float:left;}
.footer .footer_ul li dl{ width:100%; float:left;}
.footer .footer_ul li dl dt{ width:100%; float:left; font-size:16px; color:white; line-height:30px; margin-bottom:14px; font-weight:normal;}
.footer .footer_ul li dl dd{ width:100%; float:left; font-size:14px; color:white; line-height:30px;}
.footer .footer_ul li dl dd a{ color:white; opacity:0.8;}
.footer .footer_ul li dl dd a:hover{ opacity:1;}
.footer .footer_ewm{ width:170px; position:absolute; right:0; top:76px; padding-top:8px;}
.footer .footer_ewm img{ float:right;}
.footer .footer_ewm .ewm{ width:120px; height:120px; padding:5px; background:white; float:left;}
.footer .footer_ewm .footer_ewm_b{ width:100%; float:left; height:29px; line-height:29px; text-align:center; margin-top:25px; background:#464a47; font-size:14px; color:white;
-moz-border-radius:15px; 
-webkit-border-radius:15px; 
-khtml-border-radius:15px;
border-radius:15px;}
.footer .footer_ewm .footer_ewm_b span{ font-size:12px; margin-right:9px; font-family:"宋体";}
.down{ width:100%; float:left; padding:23px 0 25px 0; border-top:solid 1px #464a47;}
.down .down_p{ float:left; font-size:14px; color:white; line-height:26px; font-family:Arial; opacity:0.6;}
.down .down_link{ float:right; font-size:14px; line-height:26px; font-family:Arial;}
.down .down_link span{ color:white; opacity:0.6; margin:0 10px;}
.down .down_link a{ color:white; opacity:0.6;}
.down .down_link a:hover{ opacity:1;}
@media screen and (max-width: 1199px) {
.footer{ padding:56px 169px 61px 26%;}
.footer .footer_320{ top:56px;}
.footer .footer_320 h5{ font-size:12px; line-height:26px;}
.footer .footer_320 h5 img{ margin:-3px 5px 0 0; width:16px;}
.footer .footer_320 h3{ font-size:30px; line-height:28px;}
.footer .footer_320 h4{ font-size:14px; line-height:22px; margin-top:8px;}
.footer .footer_320 .fx{ margin-top:20px;}
.footer .footer_ul li dl dt{ font-size:14px; line-height:24px; margin-bottom:10px;}
.footer .footer_ul li dl dd{ font-size:12px; line-height:24px;}
.footer .footer_ewm{ width:160px; top:56px;}
.footer .footer_ewm .footer_ewm_b{ height:24px; line-height:24px; margin-top:15px; font-size:12px;}
}
@media screen and (max-width: 991px) {
.footer{ padding:36px 0 21px 0;}
.footer .footer_ul{ display:none;}
.footer .footer_320{ top:auto; position:relative; float:left; width:50%;}
.footer .footer_ewm{ position:relative; top:auto; float:right;}
.down{ padding:13px 0 15px 0; text-align:center;}
.down .down_p{ width:100%; font-size:12px; line-height:22px;}
.down .down_link{ width:100%; font-size:12px; line-height:22px;}
.down .down_link span{ margin:0 6px;}
}
@media screen and (max-width: 767px) {
.footer{ padding:26px 0 11px 0;}
.footer .footer_320 h3{ font-size:26px; line-height:24px;}
.footer .footer_320 h4{ font-size:12px; line-height:20px; margin-top:5px;}
.footer .footer_320 .fx{ margin-top:10px;}
.footer .footer_320 .fx a{ width:28px; height:28px; margin:0 6px 0 0 !important;}
.footer .footer_ewm{ width:120px;}
.footer .footer_ewm .ewm{ width:90px; height:90px;}
.footer .footer_ewm > img{ width:20px;}
}

/*首页main*/
.c_1570_1{ width:100%; float:left; padding:110px 0 100px 0; position:relative;}
.tit_2{ position:absolute; left:-72px; top:50%; height:178px; margin-top:-89px;}
.tit_1{ float:left; width:100%; text-align:center; padding-bottom:52px; background:url(images/index1.png) no-repeat center bottom; font-size:36px; color:#282d28; line-height:44px; letter-spacing:1px;}
.slideTxtBox{ width:100%; float:left; margin-top:40px;}
.slideTxtBox .hd{ width:100%; text-align:center;}
.slideTxtBox .hd ul{ display:inline-block; *zoom:1; *display:inline;}
.slideTxtBox .hd ul li{ min-width:154px; text-align:center; padding:0 20px; height:48px; line-height:48px; background:#465148; font-size:16px; color:#e2e3e2; float:left; margin:0 10px; cursor:pointer;
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
-khtml-border-radius:2px;
border-radius:2px;}
.slideTxtBox .hd ul li.on{ background:#4f8042; color:white;}
.slideTxtBox .tempWrap{ width:100%; margin-top:60px;}
.slideTxtBox .bd ul{ width:100%;}
.slideTxtBox .bd ul li{ width:25%; float:left; position:relative; overflow:hidden;}
.slideTxtBox .bd ul li img{ width:100%; float:left;}
.slideTxtBox .bd ul li .mb{ width:0; height:100%; position:absolute; left:0; top:0; background:#4f8042; opacity:0.75;
-webkit-transition: all 0.6s ease-out 0s; 
-moz-transition: all 0.6s ease-out 0s; 
-o-transition: all 0.6s ease-out 0s; 
transition: all 0.6s ease-out 0s;}
.slideTxtBox .bd ul li .text{ width:100%; height:155px; position:absolute; left:100%; top:50%; margin-top:-77px; text-align:center; padding:0 50px;
-webkit-transition: all 0.6s ease-out 0.4s; 
-moz-transition: all 0.6s ease-out 0.4s; 
-o-transition: all 0.6s ease-out 0.4s; 
transition: all 0.6s ease-out 0.4s;}
.slideTxtBox .bd ul li .text .name{ width:100%; font-size:20px; color:white; line-height:26px;}
.slideTxtBox .bd ul li .text .p{ width:100%; font-size:16px; color:white; line-height:22px; margin-top:17px; height:44px; overflow:hidden;}
.slideTxtBox .bd ul li .text .detail{ width:100%; margin-top:36px; height:32px;}
.slideTxtBox .bd ul li .text .detail img{ width:auto; height:100%; float:none;}
.slideTxtBox .bd ul li:hover .mb{ width:100%;}
.slideTxtBox .bd ul li:hover .text{ left:0;}
@media screen and (max-width: 1360px) {
.slideTxtBox .bd ul li .text{ padding:0 20px; height:138px; margin-top:-69px;}
.slideTxtBox .bd ul li .text .p{ margin-top:10px;}
.slideTxtBox .bd ul li .text .detail{ margin-top:26px;}
}
@media screen and (max-width: 1199px) {
.c_1570_1{ padding:60px 0 50px 0;}
.slideTxtBox{ margin-top:30px;}
.slideTxtBox .tempWrap{ width:100%; margin-top:40px;}
.slideTxtBox .bd ul li .text{ padding:0 10px; height:130px; margin-top:-65px;}
.slideTxtBox .bd ul li .text .name{ font-size:16px; line-height:22px;}
.slideTxtBox .bd ul li .text .p{ font-size:14px; line-height:20px; height:40px;}
.slideTxtBox .bd ul li .text .detail{ margin-top:20px; height:26px;}
.tit_2{ left:-52px;}
.tit_1{ padding-bottom:32px; font-size:30px; line-height:38px;}
.slideTxtBox .hd ul li{ min-width:134px; height:40px; line-height:40px;}
}
@media screen and (max-width: 991px) {
.c_1570_1{ padding:40px 0 30px 0;}
.slideTxtBox{ margin-top:20px;}
.slideTxtBox .hd ul li{ padding:0 10px; margin:0 5px;}
.slideTxtBox .tempWrap{ margin-top:30px;}
.slideTxtBox .bd ul li .text{ padding:0 10px; height:90px; margin-top:-45px;}
.slideTxtBox .bd ul li .text .name{ font-size:14px; line-height:20px;}
.slideTxtBox .bd ul li .text .p{ margin-top:5px; font-size:12px; line-height:18px; height:34px;}
.slideTxtBox .bd ul li .text .detail{ margin-top:10px; height:20px;}
.tit_2{ left:-32px; width:22px;}
.tit_1{ padding-bottom:22px; font-size:20px; line-height:30px; background-size:auto 10px;}
.slideTxtBox .hd ul li{ min-width:104px; height:30px; line-height:30px; font-size:14px;}
}
@media screen and (max-width: 767px) {
.c_1570_1{ padding:20px 0 10px 0;}
.slideTxtBox{ margin-top:10px;}
.slideTxtBox .hd ul{ margin:0 -1px;}
.slideTxtBox .hd ul li{ width:49%; min-width:0; font-size:12px; margin:1px; padding:0 5px;}
.slideTxtBox .tempWrap{ margin-top:20px;}
.slideTxtBox .bd ul li{ width:50%;}
}

.zbg1{ background:url(images/index3.jpg) no-repeat center top; background-size:cover;}
.c_1570_2{ position:relative; width:100%; float:left; padding:95px 0 100px 0;}
.tit_2_r{ left:auto; right:-72px;}
@media screen and (max-width: 1199px) {
.tit_2_r{ left:auto; right:-52px;}
}
@media screen and (max-width: 991px) {
.tit_2_r{ left:auto; right:-32px;}
}
.slideTxtBox1{ width:100%; float:left; margin-top:56px; padding-left:20.38%; position:relative; padding-top:3px;}
.slideTxtBox1 .slick_res2r{ position:absolute; left:0; top:0; width:20.38%; margin-top:-32px;}
.slideTxtBox1 .slick_res2r li{ width:100%; float:left; margin-top:32px; font-size:18px; color:#465148; line-height:27px; letter-spacing:1px; cursor:pointer;}
.slideTxtBox1 .slick_res2r li span{ display:inline-block; *zoom:1; *display:inline; width:0; height:12px; vertical-align:middle; margin:-3px 0 0 0; background:url(images/index3_3.png) no-repeat right center;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.slideTxtBox1 .slick_res2r .slick-current li{ font-weight:bold; color:#4f8042; font-size:20px;}
.slideTxtBox1 .slick_res2r .slick-current li span{ width:77px; margin:-3px 14px 0 0; }
.slideTxtBox1 .slick_res1l{ width:100%; float:left;}
.slideTxtBox1 .slick_res1l .img{ float:left; width:450px;}
.slideTxtBox1 .slick_res1l .text{ margin-left:516px; padding-left:93px; background:url(images/index3_2.png) no-repeat left top; position:relative; padding-bottom:36px; height:307px;}
.slideTxtBox1 .slick_res1l .text .title{ width:100%; float:left; margin-top:17px; font-size:28px; color:#4f8042; line-height:40px; letter-spacing:1px;}
.slideTxtBox1 .slick_res1l .text .p{ width:100%; float:left; margin-top:14px; font-size:16px; color:#465148; line-height:32px; height:128px; overflow:hidden;} 
.slideTxtBox1 .slick_res1l .text .ico{ width:35px; position:absolute; left:93px; bottom:0;}
.slideTxtBox1 .slick_res1l .slick-dots {
	position: absolute;
	bottom: 8px;
	display: block;
	width: auto;
	left:auto; right:0; padding-right:40px;
}
.slideTxtBox1 .slick_res1l .slick-dots li {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin:0 0 0 20px; background:#4f8042; opacity:0.3;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.slideTxtBox1 .slick_res1l .slick-dots li.slick-active{
	opacity: 1;
}
@media screen and (max-width: 1600px) {
.slideTxtBox1 .slick_res1l .text{ margin-left:486px; padding-left:63px;}
.slideTxtBox1 .slick_res1l .slick-dots { padding-right:0;}
.slideTxtBox1 .slick_res1l .text .ico{ left:63px; }
.slideTxtBox1 .slick_res1l .text .title{ margin-top:10px; font-size:24px; line-height:30px;}
.slideTxtBox1 .slick_res1l .text .p{ margin-top:10px; font-size:14px; line-height:24px; height:144px;} 
}
@media screen and (max-width: 1360px) {
.slideTxtBox1 .slick_res1l .img{ width:350px;}
.slideTxtBox1 .slick_res1l .text{ margin-left:386px; padding-left:40px; background-size:30px auto; background-repeat:no-repeat; background-position:left 2px; height:230px; padding-bottom:0;}
.slideTxtBox1 .slick_res1l .text .ico{ display:none;}
.slideTxtBox1 .slick_res2r{ margin-top:-22px;}
.slideTxtBox1 .slick_res2r li{ margin-top:22px; font-size:16px; line-height:24px;}
.slideTxtBox1 .slick_res2r .slick-current li{ font-size:18px;}
.slideTxtBox1 .slick_res2r .slick-current li span{ width:67px; margin:-3px 10px 0 0; }
.slideTxtBox1 .slick_res1l .slick-dots { bottom:-20px;}
.slideTxtBox1 .slick_res1l .slick-dots li {width: 10px;height: 10px;margin:0 0 0 10px;}
.slideTxtBox1 .slick_res1l .text .title{ margin-top:0px;}
}
@media screen and (max-width: 1199px) {
.c_1570_2{ padding:55px 0 60px 0;}
.slideTxtBox1{ margin-top:36px; padding-left:0; padding-top:0px;}
.slideTxtBox1 .slick_res2r{ margin-top:0; position:relative; float:left; top:auto; left:auto; width:100%; text-align:center;}
.slideTxtBox1 .slick_res2r li{ margin-top:0; text-align:center;}
.slideTxtBox1 .slick_res2r li span{ display:none;}
.slideTxtBox1 .slick_res1l{ margin-top:20px;}
}
@media screen and (max-width: 991px) {
.c_1570_2{ padding:35px 0 40px 0;}
.slideTxtBox1{ margin-top:26px; }
.slideTxtBox1 .slick_res1l .img{ width:300px;}
.slideTxtBox1 .slick_res2r li{ font-size:14px; line-height:22px;}
.slideTxtBox1 .slick_res2r .slick-current li{ font-size:16px;}
.slideTxtBox1 .slick_res1l .text .title{ font-size:20px; line-height:24px;}
.slideTxtBox1 .slick_res1l .text .p{ margin-top:6px; font-size:12px; line-height:22px; height:132px;} 
.slideTxtBox1 .slick_res1l .slick-dots { bottom:0px;}
.slideTxtBox1 .slick_res1l .text{ margin-left:316px; padding-left:30px; background-size:20px auto;}
}
@media screen and (max-width: 767px) {
.c_1570_2{ padding:25px 0 30px 0;}
.slideTxtBox1{ margin-top:16px; }
.slideTxtBox1 .slick_res1l .img{ width:100%;}
.slideTxtBox1 .slick_res1l .text{ float:left; margin-left:0; width:100%; padding-left:20px; background-size:15px auto; margin-top:20px; height:auto;}
.slideTxtBox1 .slick_res1l .text .title{ font-size:16px; line-height:22px;}
.slideTxtBox1 .slick_res1l .text .p{ margin-top:4px; line-height:20px; height:140px;} 
.slideTxtBox1 .slick_res1l .slick-dots{ width:100%;}
.slideTxtBox1 .slick_res1l .slick-dots li {width: 8px;height: 8px;margin:0 3 0 3px;}
}

.c_1570_3{ position:relative; width:100%; float:left; padding:92px 0 98px 0;}
.c_1570_3 .c_770{ width:49%; float:left; margin-top:60px; height:530px; line-height:470px; padding:30px 40px 30px 40px; background:#4f8042 url(images/index4_1.png) no-repeat right bottom;}
.c_1570_3 .c_770 .zbox{ display:inline-block; *zoom:1; *display:inline; vertical-align:middle;}
.c_1570_3 .c_770 .zbox .title{ width:100%; float:left; font-size:28px; color:white; line-height:36px; letter-spacing:1px;}
.c_1570_3 .c_770 .zbox .p{ width:100%; float:left; font-size:16px; color:white; line-height:28px; letter-spacing:1px; margin-top:19px;}
.c_1570_3 .video_770{ width:49%; height:530px; float:right; margin-top:140px;}
.c_1570_3 .video_770 .z_video{width:100%; height:100%; position:relative;}
.c_1570_3 .video_770 .z_video p{width:100%; height:100%; position:absolute; left:0; top:0;}
.c_1570_3 .video_770 .z_video p iframe{width:100%; height:100%; position:absolute; left:0; top:0;}
.c_1570_3 .video_770 .video-js{ width:100%; height:100%; position:relative;}
.c_1570_3 .video_770 .video-js .vjs-poster{ background-size:cover;}
.c_1570_3 .video_770 .video-js video{ object-fit: cover;}
.c_1570_3 .video_770 .video-js .vjs-big-play-button { height: 82px; width: 204px; top:50%; left:50%; margin:-41px 0 0 -102px; background:url(images/index4_3.png) no-repeat center center; border: 0;          	
	-webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    border-radius: 0em;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.c_1570_3 .video_770 .video-js .vjs-big-play-button span{ display:none;}
.c_1570_3 .detail{ width:100%; float:left; margin-top:-32px; text-align:center; position:relative; z-index:2;}
.c_1570_3 .detail a{ display:inline-block; *zoom:1; *display:inline; width:212px; height:62px; line-height:62px; background:#8d998b; display:inline-block; *zoom:1; *display:inline; color:white; font-size:20px; letter-spacing:1px; box-shadow:0 9px 21px rgba(0,0,0,0.23);
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
.c_1570_3 .detail a img{ vertical-align:middle; margin:-3px 0 0 9px; width:16px;}
.c_1570_3 .detail a:hover{ background:#4f8042;}
@media screen and (max-width: 1360px) {
.c_1570_3{ padding:72px 0 78px 0;}
.c_1570_3 .c_770{ margin-top:40px; padding: 20px 15px 20px 30px;}
.c_1570_3 .c_770 .zbox .title{ font-size:26px; line-height:30px;}
.c_1570_3 .c_770 .zbox .p{ font-size:16px; line-height:24px; margin-top:5px;}
.c_1570_3 .video_770{ margin-top:80px;}
.c_1570_3 .detail{ margin-top:-22px;}
.c_1570_3 .detail a{ width:162px; height:52px; line-height:52px; font-size:18px;}
}
@media screen and (max-width: 1199px) {
.c_1570_3{ padding:52px 0 58px 0;}
.c_1570_3 .c_770{ margin-top:20px; padding:20px 15px 20px 40px; background-size:80% auto; height:430px; line-height:390px;}
.c_1570_3 .c_770 .zbox .title{ font-size:20px; line-height:28px;}
.c_1570_3 .c_770 .zbox .p{ font-size:14px; line-height:24px; margin-top:5px;}
.c_1570_3 .video_770{ height:430px; margin-top:60px;}
.c_1570_3 .video_770 .video-js .vjs-big-play-button { height: 50px; width: 124px; margin:-25px 0 0 -62px; background-size:contain;}
.c_1570_3 .detail a{ width:142px; height:42px; line-height:42px; font-size:16px;}
.c_1570_3 .detail a img{ margin:-3px 0 0 6px; width:14px;}
}
@media screen and (max-width: 991px) {
.c_1570_3{ padding:32px 0 38px 0;}
.c_1570_3 .c_770{ padding:20px 15px 20px 20px;}
.c_1570_3 .detail a{ width:122px; height:32px; line-height:32px; font-size:14px;}
.c_1570_3 .detail a img{ margin:-3px 0 0 4px; width:12px;}
.c_1570_3 .video_770{ background:url(images/index4_2.jpg) no-repeat center center; background-size:cover;}
.c_1570_3 .video_770 a{ background:url(images/index4_3.png) no-repeat center center; background-size:contain; width:154px; height:62px; position:absolute; left:50%; top:50%; margin:-31px 0 0 -77px;}
}
@media screen and (max-width: 767px) {
.c_1570_3{ padding:22px 0 28px 0;}
.c_1570_3 .c_770{ width:100%; height:auto; line-height:0;}
.c_1570_3 .c_770 .zbox .title{ font-size:16px; line-height:26px;}
.c_1570_3 .c_770 .zbox .p{ font-size:12px; line-height:24px; margin-top:10px;}
.c_1570_3 .video_770{ width:100%; height:230px; margin-top:10px; position:relative;}
.c_1570_3 .detail{ margin-top:-12px;}
.c_1570_3 .video_770 a{ width:104px; height:42px; margin:-21px 0 0 -52px;}
}

.tit_1_h{ background-image:url(images/index1_1.png);}

.c_1570_4{ position:relative; width:100%; float:left; padding:92px 0 98px 0;}
.ul_1{ width:68%; float:left; margin-top:60px;}
.ul_1 li{ width:50%; float:left; padding-right:30px;}
.ul_1 li .zbox{ width:100%; float:left;}
.ul_1 li .zbox .img{ width:100%; float:left; overflow:hidden; position:relative;}
.ul_1 li .zbox .img img{  width:100%; float:left;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.ul_1 li .zbox:hover .img img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.ul_1 li .zbox .img .time{ width:82px; height:82px; background:#4f8042; text-align:center; position:absolute; left:30px; top:0;}
.ul_1 li .zbox .img .time h3{ width:100%; margin-top:11px; font-size:36px; color:white; line-height:39px; font-weight:bold;}
.ul_1 li .zbox .img .time h6{ width:100%; font-size:15px; color:white; line-height:21px;}
.ul_1 li .zbox .name{ border:solid 1px #e7e7e7; width:100%; float:left; background:white; padding:25px 30px 26px 30px;}
.ul_1 li .zbox .name h4{ width:100%; float:left; padding-bottom:18px; background:url(images/index5_6.png) no-repeat left bottom; font-size:20px; color:#282d28; line-height:28px; letter-spacing:1px;}
.ul_1 li .zbox .name .detail{ float:left; margin-top:25px; font-size:16px; color:#666; line-height:22px; letter-spacing:1px; text-transform:uppercase;font-family: 'OPENSANS-REGULAR';}
.ul_1 li .zbox:hover .name .detail{ color:#4f8042;}
.ul_1 li .zbox:hover{ box-shadow:0 0 23px rgba(0,0,0,0.07);}
.c_1570_4 .ul_2{ width:32%; float:left; margin-top:30px;}
.c_1570_4 .ul_2 li{ width:100%; float:left; margin-top:30px;}
.c_1570_4 .ul_2 li .img{ width:166px; height:124px; float:left; overflow:hidden;}
.c_1570_4 .ul_2 li .name{ margin-left:186px;}
.c_1570_4 .ul_2 li .name h4{ width:100%; float:left; padding-bottom:18px; background:url(images/index5_6.png) no-repeat left bottom; font-size:20px; color:#282d28; line-height:28px; letter-spacing:1px; margin-top:15px;}
.c_1570_4 .ul_2 li .name .detail{ float:left; margin-top:25px; font-size:16px; color:#666; line-height:22px; letter-spacing:1px; text-transform:uppercase;font-family: 'OPENSANS-REGULAR';}
.c_1570_4 .ul_2 li:hover .name .detail{ color:#4f8042;}
.c_1570_4 .ul_2 li .img img{  width:100%; float:left;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.c_1570_4 .ul_2 li:hover .img img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.c_1570_4 .ul_2 .more{ width:100%; float:left; margin-top:30px;}
.c_1570_4 .ul_2 .more a{ display:block; width:100%; float:left; height:59px; line-height:59px; text-align:center; color:white; font-size:20px; background:#4f8042; letter-spacing:1px;}
.c_1570_4 .ul_2 .more a img{ vertical-align:middle; margin:-2px 0 0 10px; width:16px;}
.c_1570_4 .ul_2 .more a:hover{ background:#75c261;}
@media screen and (max-width: 1600px) {
.c_1570_4 .ul_2 li .img{ width:126px; height:94px;}
.c_1570_4 .ul_2 li .name{ margin-left:146px;}
.c_1570_4 .ul_2 li .name h4{ margin-top:0;}
}
@media screen and (max-width: 1360px) {
.c_1570_4{ padding:72px 0 78px 0;}
.ul_1{ margin-top:40px;}
.ul_1 li .zbox .name{ padding:25px 20px 26px 20px;}
.ul_1 li .zbox .name h4{ padding-bottom:14px; font-size:18px; line-height:24px;}
.ul_1 li .zbox .name .detail{ margin-top:20px; font-size:14px; line-height:20px;}
.c_1570_4 .ul_2{ margin-top:10px;}
.c_1570_4 .ul_2 li .img{ width:86px; height:64px;}
.c_1570_4 .ul_2 li .name{ margin-left:96px;}
.c_1570_4 .ul_2 li .name h4{ padding-bottom:14px; font-size:18px; line-height:24px;}
.c_1570_4 .ul_2 li .name .detail{ margin-top:16px; font-size:14px; line-height:20px;}
.c_1570_4 .ul_2 .more a{ height:49px; line-height:49px; font-size:18px;}
.c_1570_4 .ul_2 .more a img{ margin:-2px 0 0 6px; width:14px;}
}
@media screen and (max-width:991px) {
.c_1570_4{ padding:42px 0 48px 0;}
.ul_1 li .zbox .img .time{ width:62px; height:62px; left:0px;}
.ul_1 li .zbox .img .time h3{ margin-top:6px; font-size:30px; line-height:32px;}
.ul_1 li .zbox .img .time h6{ font-size:13px; line-height:19px;}
.ul_1 li .zbox .name{ padding:15px 10px 16px 10px;}
.ul_1 li .zbox .name h4{ padding-bottom:10px; font-size:16px; line-height:22px; background-size:auto 2px;}
.ul_1 li .zbox .name .detail{ margin-top:12px; font-size:12px; line-height:18px;}
.c_1570_4 .ul_2 li .name h4{ padding-bottom:10px; font-size:16px; line-height:22px; background-size:auto 2px;}
.c_1570_4 .ul_2 li .name .detail{ margin-top:10px; font-size:12px; line-height:18px;}
.c_1570_4 .ul_2 li{ margin-top:20px;}
.c_1570_4 .ul_2{ margin-top:20px;}
.c_1570_4 .ul_2 .more{ margin-top:20px;}
.c_1570_4 .ul_2 .more a{ height:39px; line-height:39px; font-size:16px;}
.c_1570_4 .ul_2 .more a img{ margin:-2px 0 0 4px; width:12px;}
}
@media screen and (max-width:767px) {
.c_1570_4{ padding:22px 0 28px 0;}
.ul_1{ width:100%; margin:10px 0 0 0;}
.ul_1 li{ width:100%; padding:0 0; margin-top:10px;}
.c_1570_4 .ul_2{ width:100%; margin-top:0px;}
.c_1570_4 .ul_2 li{ margin-top:10px;}
.c_1570_4 .ul_2 .more{ margin-top:10px;}
.c_1570_4 .ul_2 .more a{ height:30px; line-height:30px; font-size:14px;}
.c_1570_4 .ul_2 .more a img{ margin:-2px 0 0 2px; width:10px;}
}

.zmb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; background:rgba(0,0,0,0.8); display:none; z-index:99999;}
.tc_video{ width:1170px; height:600px; position:fixed; left:50%; top:50%; margin:-300px 0 0 -585px; background:white; display:none; z-index:100000;}
.tc_video video{ width:100%; height:100%; position:absolute; left:0; top:0;}
@media  screen and (max-width:991px){
.tc_video{ width:760px; height:300px; margin:-150px 0 0 -380px;}
}
@media  screen and (max-width:767px){
.tc_video{ width:90%; height:250px; margin:-125px 0 0 0; left:5%;}
}



/*关于优俐派*/
.mt_73{ margin-top:53px;}
@media screen and (max-width:991px) {
.mt_73{ margin-top:23px;}
}
@media screen and (max-width:767px) {
.mt_73{ margin-top:17px;}
}

.c_0100_1{ padding:70px 0 79px 0;}
.c_0100_1 .c_500{ width:42.74%; float:left; padding-top:38px;}
.tit_3{ width:100%; float:left;}
.tit_3 h3{ width:187px; font-size:28px; color:#465148; font-weight:bold; float:left; line-height:32px; margin-top:2px;}
.tit_3 h1{ font-size:100px; color:#4f8042; float:left; line-height:74px; margin-left:18px;font-family: 'OPENSANS-LIGHT';}
.tit_3 h1 span{ font-size:36px;}
.c_0100_1 .c_500 .text{ width:100%; float:left; margin-top:51px;}
.c_0100_1 .c_500 .text h4{ width:100%; float:left; font-size:18px; color:#333; line-height:34px; font-weight:bold; letter-spacing:1px;}
.c_0100_1 .c_500 .text .p{ width:100%; float:left; font-size:16px; color:#333; line-height:36px; letter-spacing:1px;}
.c_0100_1 .img{ float:right; width:48.72%;
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
-khtml-border-radius:10px;
border-radius:10px;}
@media screen and (max-width:1199px) {
.c_0100_1 .c_500 .text{ margin-top:31px;}
.c_0100_1 .c_500{ padding-top:30px;}
}
@media screen and (max-width:991px) {
.c_0100_1{ padding:40px 0 49px 0;}
.c_0100_1 .c_500{ padding-top:20px;}
.tit_3 h3{ font-size:28px;}
.tit_3 h1{ font-size:66px; line-height:64px; margin-left:12px;}
.tit_3 h1 span{ font-size:30px;}
.c_0100_1 .c_500 .text{ margin-top:21px;}
.c_0100_1 .c_500 .text h4{ font-size:16px; line-height:28px;}
.c_0100_1 .c_500 .text .p{ font-size:14px; line-height:30px;}
}
@media screen and (max-width:767px) {
.c_0100_1{ padding:20px 10px 29px 10px;}
.c_0100_1 .c_500{ width:100%; padding-top:10px;}
.tit_3 h3{ width:135px; font-size:20px; line-height:24px;}
.tit_3 h1{ font-size:60px; line-height:44px; margin-left:6px;}
.tit_3 h1 span{ font-size:20px;}
.c_0100_1 .c_500 .text{ margin-top:11px;}
.c_0100_1 .c_500 .text h4{ font-size:14px; line-height:22px;}
.c_0100_1 .c_500 .text .p{ font-size:12px; line-height:24px;}
.c_0100_1 .img{ width:100%; margin-top:10px;}
}

.c_0100_2{  padding:80px 0 76px 0; overflow:hidden;}
.c_0100_2 h4{ width:100%; float:left; margin-top:43px; font-size:24px; color:#333; line-height:35px;}
.c_0100_2 h5{ width:100%; float:left; margin-top:29px; font-size:18px; color:#333; line-height:27px;}
.c_0100_2 ul{ width:100%; float:left; margin:35px 0 7px 0;}
.c_0100_2 ul li{ width:25%; float:left; padding:0 15px; text-align:center;}
.c_0100_2 ul li .zbox{ width:100%; float:left; background:white; padding:33px 35px 0 35px; height:269px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.c_0100_2 ul li .zbox .ico{ width:100%; float:left; padding-bottom:17px; background:url(images/about2_5.jpg) no-repeat center bottom; height:117px;}
.c_0100_2 ul li .zbox .ico img{ height:100%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.c_0100_2 ul li .zbox .p{ width:100%; float:left; margin-top:19px; font-size:16px; color:#333; line-height:24px;}
.c_0100_2 ul li .zbox:hover .ico img{ transform:rotateY(180deg);}
@media screen and (max-width:1199px) {
.c_0100_2{ padding:50px 0 46px 0;}
.c_0100_2 ul{ margin:25px 0 4px 0;}
.c_0100_2 ul li .zbox{ padding:23px 25px 0 25px; height:209px;}
.c_0100_2 ul li .zbox .ico{ padding-bottom:10px; height:97px;}
.c_0100_2 ul li .zbox .p{ margin-top:12px; font-size:14px; line-height:22px;}
.c_0100_2 h4{ margin-top:33px; font-size:20px; line-height:30px;}
.c_0100_2 h5{ margin-top:22px; font-size:16px; line-height:21px;}
}
@media screen and (max-width:991px) {
.c_0100_2{ padding:30px 0 26px 0;}
.c_0100_2 ul{ margin:15px 0 4px 0;}
.c_0100_2 ul li .zbox{ padding:13px 20px 0 20px; height:160px;}
.c_0100_2 ul li .zbox .ico{ padding-bottom:6px; height:77px;}
.c_0100_2 ul li .zbox .p{ margin-top:8px; font-size:12px; line-height:20px;}
.c_0100_2 h4{ margin-top:23px; font-size:16px; line-height:26px;}
.c_0100_2 h5{ margin-top:12px; font-size:14px; line-height:20px;}
}
@media screen and (max-width:767px) {
.c_0100_2{ padding:20px 10px 16px 10px;}
.c_0100_2 ul{ margin:10px 0 2px 0;}
.c_0100_2 ul li{ width:50%; margin-top:5px; padding:0;}
.c_0100_2 ul li .zbox{ width:160px; display:inline-block; *zoom:1; *display:inline; float:none;}
.c_0100_2 h4{ margin-top:13px;}
.c_0100_2 .row{ margin:0;}
.c_0100_2 ul li .zbox .ico{ height:70px; background-size:30px 1px;}
}

.c_0100_3{ padding:80px 0 79px 0;}
.c_0100_3 .dl{ width:100%; float:left; margin-top:62px; position:relative; padding-bottom:100px; padding-top:19px;}
.c_0100_3 .dl .dt{ width:100%; position:absolute; left:0; top:-52px; font-size:24px; color:#4f8042; line-height:32px; font-weight:bold; text-align:center;}
.c_0100_3 .dl .dian{ width:12px; height:12px; position:absolute; left:50%; top:0; margin-left:-6px; background:#4f8042; z-index:2;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.c_0100_3 .dl .bian{ width:1px; height:100%; background:#e9e9e9; position:absolute; left:50%; top:0;}
.c_0100_3 .dl .dd.d3{margin-top:0;}
.c_0100_3 .dl .dd{ width:100%; float:left; margin-top:-90px; position:relative;}

.c_0100_3 .dl .dd.z_dd{display:none;}

.c_0100_3 .dl .dd .zbox{ width:47.8%; float:left; border:solid 1px #e3e3e3; padding:31px 212px 22px 20px; position:relative; z-index:2;
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
-khtml-border-radius:10px;
border-radius:10px;}
.c_0100_3 .dl .dd .zbox .text{ width:100%; float:left;}
.c_0100_3 .dl .dd .zbox .text .time{ width:100%; float:left; font-size:24px; color:#8d998b; line-height:1;font-family: 'OPENSANS-BOLD';}
.c_0100_3 .dl .dd .zbox .text .p{ width:100%; float:left; font-size:16px; color:#666; line-height:26px; margin-top:7px; min-height:120px;}
.c_0100_3 .dl .dd .ico{ background:url(images/about3_5.png) no-repeat center center; width:38px; height:24px; position:absolute; left:47.8%; top:28px;}
.c_0100_3 .dl .dd:hover .ico{ background-image:url(images/about3_5_h.png);}
.c_0100_3 .dl .dd.d1 .zbox{ float:right;}
.c_0100_3 .dl .dd.d1 .ico{ background-image:url(images/about3_6.png); left:auto; right:47.8%;}
.c_0100_3 .dl .dd.d1:hover .ico{ background-image:url(images/about3_6_h.png);}
.c_0100_3 .dl .dd .zbox .img{ width:158px; position:absolute; right:24px; top:22px;}
/*.c_0100_3 .dl .dd.d2{ height:35px;}
.c_0100_3 .dl .dd.d1{ height:80px;}*/
.c_0100_3 .dl .dd:hover .zbox{ border:solid 2px #4f8042;}
.c_0100_3 .dl .dd:hover .zbox .text .time{ color:#4f8042;}
.c_0100_3 .dl .more{ width:100%; position:absolute; left:0; bottom:0; text-align:center;}
.c_0100_3 .dl .more a{ display:inline-block; *zoom:1; *display:inline; width:152px; height:42px; background:#4f8042; text-align:center; line-height:42px; color:white; font-size:16px;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
.c_0100_3 .dl .more a:hover{ background:#74ba62;}
@media screen and (max-width:1199px) {
.c_0100_3{ padding:60px 0 59px 0;}
.c_0100_3 .dl .dd .zbox{ width:47.3%;}
.c_0100_3 .dl .dd .ico{ left:47.3%;}
.c_0100_3 .dl .dd.d1 .ico{ right:47.3%;}
}
@media screen and (max-width:991px) {
.c_0100_3{ padding:40px 0 39px 0;}
.c_0100_3 .dl .dt{ top:-42px; font-size:20px; line-height:28px;}
.c_0100_3 .dl .dd .zbox{ width:46.6%; padding:21px 162px 12px 10px;}
.c_0100_3 .dl .dd .ico{ left:46.6%;}
.c_0100_3 .dl .dd.d1 .ico{ right:46.6%;}
.c_0100_3 .dl .dd .zbox .img{ width:128px; right:14px; top:12px;}
.c_0100_3 .dl .dd .zbox .text .time{ font-size:20px;}
.c_0100_3 .dl .dd .zbox .text .p{ font-size:14px; line-height:22px; margin-top:5px; min-height:66px;}
.c_0100_3 .dl .more a{ width:132px; height:36px; line-height:36px; font-size:14px;}
}
@media screen and (max-width:767px) {
.c_0100_3{ padding:30px 10px 29px 10px;}
.c_0100_3 .dl{ margin-top:42px; padding-bottom:62px; padding-top:10px;}
.c_0100_3 .dl .dd{ padding-left:30px; height:auto !important; margin-top:5px;}
.c_0100_3 .dl .dd .zbox{ width:100%; float:left; padding:11px 122px 6px 10px;}
.c_0100_3 .dl .dd .zbox .img{ width:108px; right:10px; top:8px;}
.c_0100_3 .dl .dd .ico{ left:0; width:30px; background-size:contain; background-image:url(images/about3_6.png);}
.c_0100_3 .dl .dd.d1 .ico{ right:auto; left:0;}
.c_0100_3 .dl .dd:hover .ico{ background-image:url(images/about3_6_h.png);}
.c_0100_3 .dl .bian{ left:9px;}
.c_0100_3 .dl .dt{ text-align:left;}
.c_0100_3 .dl .dian{ left:10px;}
.c_0100_3 .dl .more a{ float:left;}
.c_0100_3 .dl .dd .zbox .text .time{ font-size:16px;}
.c_0100_3 .dl .dd .zbox .text .p{ font-size:12px; line-height:20px; margin-top:3px; min-height:40px;}
}

.z_1170_1{ width:100%; float:left; padding:71px 0;}
.z_1170_1 ul{ width:100%; float:left;}
.z_1170_1 ul li{ width:25%; float:left; height:320px; line-height:320px; text-align:center; position:relative; padding-left:30px;}
.z_1170_1 ul li .zbox{ display:inline-block; *zoom:1; *display:inline; vertical-align:middle;}
.z_1170_1 ul li > img{ position:absolute; left:0; top:0; width:320px; max-width:none; z-index:-1;}
.z_1170_1 ul li .ico{ width:100%; float:left; height:90px; line-height:90px;}
.z_1170_1 ul li .ico img{ height:100%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.z_1170_1 ul li .name{ width:100%; float:left; margin-top:36px;}
.z_1170_1 ul li .name h5{ width:100%; float:left; font-size:18px; color:#333; line-height:31px;}
.z_1170_1 ul li .name h6{ width:100%; float:left; font-size:14px; color:#999; line-height:18px; margin-top:4px;}
.z_1170_1 ul li.l1 .name h5,.z_1170_1 ul li.l1 .name h6{ color:white;}
.z_1170_1 ul li:hover .ico img{ transform:rotateY(180deg);}
@media screen and (max-width: 1199px) {
.z_1170_1 ul li{ height:280px; line-height:280px;}
.z_1170_1 ul li > img{ width:280px;}

}
@media screen and (max-width: 991px) {
.z_1170_1{ padding:41px 0;}
.z_1170_1 ul li{ height:220px; line-height:220px; padding-left:30px;}
.z_1170_1 ul li > img{ width:220px;}
.z_1170_1 ul li .ico{ height:70px; line-height:70px;}
.z_1170_1 ul li .name{ margin-top:26px;}
.z_1170_1 ul li .name h5{ font-size:16px; line-height:26px;}
.z_1170_1 ul li .name h6{ font-size:12px; line-height:16px; margin-top:2px;}
}
@media screen and (max-width: 767px) {
.z_1170_1{ padding:21px 0 30px 0;}
.z_1170_1 ul li{ width:100%; padding-left:0; height:160px; line-height:160px; margin-top:10px; padding-top:10px;}
.z_1170_1 ul li > img{ width:auto; height:180px; left:50%; top:0; margin-left:-90px;}
.z_1170_1 ul li .ico{ height:50px; line-height:50px;}
.z_1170_1 ul li .name{ margin-top:20px;}
.z_1170_1 ul li .name h5{ font-size:14px; line-height:24px;}
.z_1170_1 ul li .name h6{ line-height:15px;}
}

/*荣誉资质*/
.z_1170_2{ width:100%; float:left; padding:41px 0 0 0;}
.ul_3{ width:100%; float:left;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.ul_3 li{ width:25%; float:left; margin-top:30px; padding:0 15px;}
.ul_3 li .zbox{ width:100%; float:left; position:relative; background:#465148; padding:12px;}
.ul_3 li .zbox .img{ width:100%; float:left; position:relative; z-index:2;}
.ul_3 li .zbox .img a{ display:block; background:url(images/ryzz3.png) no-repeat center center; width:122px; height:122px; position:absolute; left:50%; top:50%; margin:-61px 0 0 -61px; opacity:0; cursor:pointer; background-size:contain;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_3 li .zbox:hover .img a{ width:61px; height:61px; margin:-30px 0 0 -30px; opacity:1;}
.ul_3 li .zbox .name{ width:100%; float:left; font-size:14px; color:white; line-height:40px; text-align:center; margin-top:7px; position:relative; z-index:2;}
.ul_3 li .zbox span{ display:block; width:100%; height:0; position:absolute; left:0; bottom:0; background:#4f8042;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_3 li .zbox:hover span{ height:112px;}
@media screen and (max-width:991px) {
.ul_3 li{ width:33.33%;}
}
@media screen and (max-width:767px) {
.z_1170_2{ padding:11px 10px 0 10px;}
.z_1170_2 .row{ margin:0 -5px;}
.ul_3 li{ width:50%; padding:0 5px; margin-top:10px;}
.ul_3 li .zbox{ padding:6px;}
.ul_3 li .zbox:hover .img a{ width:40px; height:40px; margin:-20px 0 0 -20px;}
.ul_3 li .zbox .name{ font-size:12px; line-height:30px; margin-top:4px;}
.ul_3 li .zbox:hover span{ height:62px;}
}

.tc_mb{ width:100%; height:100%; background:black; opacity:0.4; display:none; position:fixed; left:0; top:0; z-index:9;}
.tc2{ width:830px; height:658px; position:fixed; left:50%; top:50%; margin:-300px 0 0 -415px; display:none; z-index:11;}
.tc2 .img{ width:100%; height:604px; text-align:center; overflow:hidden; position:relative; background:white; border:solid 20px #465148;}
.tc2 .img img{ height:100%;}
.tc2 .name{ width:100%; float:left; text-align:center; margin-top:22px; font-size:24px; color:white; line-height:32px;}
@media screen and (max-height:768px) {
.tc2{ width:630px; height:458px; margin:-229px 0 0 -315px;}
.tc2 .img{ height:458px;}
}
@media screen and (max-width:767px) {
.tc2{ width:280px; height:304px; margin:-152px 0 0 -140px;}
.tc2 .img{ height:304px; border-width:10px;}
.tc2 .name{ margin-top:12px; font-size:14px; line-height:22px;}
}

/*我们的客户*/
.ul_4{ width:100%; float:left; margin-top:3px;}
.ul_4 li{ width:20%; float:left; padding:0 15px; margin-top:26px;}
.ul_4 li .zbox{ width:100%; float:left;}
.ul_4 li .zbox .img{ width:100%; float:left; position:relative; border:solid 1px #e6e6e6; overflow:hidden;}
.ul_4 li .zbox .img .mb{ width:60%; height:60%; position:absolute; left:20%; top:20%; z-index:1; opacity:0; background:#4f8042;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_4 li .zbox .img .link{ width:22px; height:22px; position:absolute; left:50%; top:50%; margin:-11px 0 0 -11px; z-index:2; opacity:0; background:url(images/wmdkh18.png) no-repeat center center; background-size:contain;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_4 li .zbox .title{ width:100%; float:left; text-align:center; margin-top:11px; font-size:14px; color:#33; line-height:20px; height:20px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_4 li .zbox:hover .title{ color:#4f8042;}
.ul_4 li .zbox:hover .img .mb{ width:100%; height:100%; left:0; top:0; opacity:0.7;}
.ul_4 li .zbox:hover .img .link{ width:33px; height:33px; margin:-16px 0 0 -16px; opacity:1;}
.ul_4 li .zbox:hover .img:before{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; border:solid 5px #4f8042;}
@media screen and (max-width:991px) {
.ul_4 li{ width:25%;}
}
@media screen and (max-width:767px) {
.ul_4 li{ width:50%; margin-top:10px; padding:0 5px;}
.ul_4 li .zbox .title{ margin-top:6px; font-size:12px; line-height:16px; height:16px;}
.ul_4 li .zbox:hover .img:before{ border-width:3px;}
.ul_4 li .zbox:hover .img .link{ width:22px; height:22px; margin:-11px 0 0 -11px;}
}

/*产品中心*/
.ul_5{ width:100%; float:left; margin-top:30px;border-top:solid 1px #eee; border-left:solid 1px #eee;}
.ul_5 li{ width:33.33%; float:left; height:348px; margin-top:-1px; border-right:solid 1px #eee; border-bottom:solid 1px #eee; position:relative; padding:10px; overflow:hidden;}
.ul_5 li .img{ width:100%; height:276px; position:relative; overflow:hidden;}
.ul_5 li .img img{ max-width:none; width:369px; height:276px; position:absolute; left:50%; top:50%; margin:-138px 0 0 -184px;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.ul_5 li:hover .img img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.ul_5 li .tc_text{ width:100%; height:60px; text-align:center; position:absolute; left:0; bottom:0;}
.ul_5 li .tc_text .title{ width:100%; float:left; font-size:16px; color:#333; line-height:60px; letter-spacing:1px;}
.ul_5 li:hover .tc_text{ background:url(images/cpzx2.png); height:100%;}
.ul_5 li:hover .tc_text .text{ width:100%; height:156px; position:absolute; left:0; top:50%; margin-top:-78px; padding:0 45px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_5 li:hover .tc_text .text .title{ font-size:20px; color:white; line-height:28px;}
.ul_5 li:hover .tc_text .text .p{ width:100%; float:left; font-size:16px; color:white; line-height:24px; height:72px; overflow:hidden; margin-top:15px; letter-spacing:1px;}
.ul_5 li:hover .tc_text .text .ico{ width:100%; float:left; height:32px; margin-top:9px;}
.ul_5 li:hover .tc_text .text .ico img{ height:100%;}
@media screen and (max-width:991px) {
.ul_5{ margin-top:20px;}
.ul_5 li{ height:276px;}
.ul_5 li .img{ height:226px;}
.ul_5 li .img img{ width:302px; height:226px; margin:-113px 0 0 -151px;}
.ul_5 li .tc_text{ height:40px;}
.ul_5 li .tc_text .title{ line-height:40px; font-size:14px;}
.ul_5 li:hover .tc_text .text{ height:126px; margin-top:-63px; padding:0 25px;}
.ul_5 li:hover .tc_text .text .title{ font-size:16px; line-height:26px;}
.ul_5 li:hover .tc_text .text .p{ font-size:14px; line-height:22px; height:66px; margin-top:10px;}
.ul_5 li:hover .tc_text .text .ico{ height:28px; margin-top:5px;}
}
@media screen and (max-width:767px) {
.ul_5{ margin-top:10px;}
.ul_5 li{ width:50%; height:161px; padding:5px;}
.ul_5 li .img{ height:126px;}
.ul_5 li .img img{ width:168px; height:126px; margin:-63px 0 0 -84px;}
.ul_5 li .tc_text{ height:30px;}
.ul_5 li .tc_text .title{ line-height:30px; font-size:12px;}
.ul_5 li:hover .tc_text .text{ height:106px; margin-top:-53px; padding:0 10px;}
.ul_5 li:hover .tc_text .text .title{ font-size:14px; line-height:24px;}
.ul_5 li:hover .tc_text .text .p{ font-size:12px; line-height:20px; height:58px; margin-top:6px;}
.ul_5 li:hover .tc_text .text .ico{ height:26px; margin-top:3px;}

}


/* sjh 切图 */
/* 内页 banner */
.s_ban{float: left; width: 100%; position:relative;}
.s_ban img{float: left; display: block; width: 100%;}
.s_ban:before{ content:''; width:100%; height:200px; background:url(images/banner_bg.png) no-repeat center bottom; position:absolute; left:0; top:0; background-size:100% 100%;}
@media  screen and (max-width:991px){
  .s_ban{margin-top: 50px;}
  .s_ban:before{ height:100px;}
}

/* 分页 */
.d_0100_fy{ float:left; width:100%; text-align:center; padding:60px 0;}
.pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;}
.pz_fy a {display:block; float:left; width:38px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 5px;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;}
.pz_fy a:hover,.pz_fy a.on{color: #fff; border:1px solid #4f8042; background:#4f8042; text-decoration:none;}
.pz_fy a.prve{ background:url(images/prve_fy.png) no-repeat center; width:100px;}
.pz_fy a.prve:hover,
.pz_fy a.prve.on{ background:url(images/prve_fy_h.png) no-repeat center #4f8042; border:1px solid #4f8042;}
.pz_fy a.next{ background:url(images/next_fy.png) no-repeat center; width:100px;}
.pz_fy a.next:hover,
.pz_fy a.next.on{ background:url(images/next_fy_h.png) no-repeat center #4f8042; border:1px solid #4f8042;}
.fy_phone{ display:none;}
@media  screen and (max-width:767px){
.d_0100_fy{padding: 20px 0;}
.pz_fy{ display:none;}
.fy_phone{ display:block;  float:left; width:100%; text-align:center; font-size:14px; color:#333;}
.fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; margin:0 5px;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;}
.fy_phone a.prve{ background:url(images/prve_fy.png) no-repeat center;}
.fy_phone a.prve:hover,
.fy_phone a.prve.on{ background:url(images/prve_fy_h.png) no-repeat center #4f8042; border:1px solid #4f8042;}
.fy_phone a.next{ background:url(images/next_fy.png) no-repeat center;}
.fy_phone a.next:hover,
.fy_phone a.next.on{ background:url(images/next_fy_h.png) no-repeat center #4f8042; border:1px solid #4f8042;}
.fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:38px; line-height:38px;}
}

/* 13企业招聘 */

.s_1_t{float: left; width: 100%; text-align: center;}
.s_1_t .pz_SideLayer{display: inline-block; *display:inline-block; *zoom:1; vertical-align: top;}
.s_1_t .pz_SideLayer li{float: left; padding: 0 10px; margin-top:20px;}
.s_1_t .pz_SideLayer li a{float: left; display: block; padding: 0 41px; background: #465148; font-size: 16px; color: #fff; line-height: 48px; height: 48px;
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px; }
.s_1_t .pz_SideLayer li a.hover,
.s_1_t .pz_SideLayer li a:hover{background: #4f8042;}

@media  screen and (max-width:991px){
  .s_1170_1{}
  .s_1_t .pz_SideLayer li a{ padding: 0 21px; line-height: 38px; height: 38px;}
}
@media  screen and (max-width:767px){
  .s_1170_1{}
  .s_1_t .pz_SideLayer li{padding: 0 3px; margin-top:6px;}
  .s_1_t .pz_SideLayer li a{ padding: 0 8px; line-height: 28px; height: 28px; font-size: 12px;}
}

.s_1170_1{float: left; width: 100%;}
.s_1170_1 .s_1_d{float: left; width: 100%; padding-top: 50px;}
.s_1170_1 .s_1_d .s_recruit_t{ display:block; float:left; width:100%; margin-top:20px; height:118px;background:#f7f7f7; cursor:pointer;border-left: 3px solid #4f8042;position: relative;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.s_1170_1 .s_1_d .s_recruit_t span{display: block;float: left;margin-left: 30px;}
.s_1170_1 .s_1_d .s_recruit_t span h2{display: block;height: 40px;line-height: 40px;margin-top: 22px;font-size: 24px;color: #4f8042;}
.s_1170_1 .s_1_d .s_recruit_t span h5{display: block;height: 24px;line-height: 24px;margin-top: 5px;font-size: 14px;color: #333;}
.s_1170_1 .s_1_d .s_recruit_t font{display: block;float: right;margin: 32px 40px 0 0;font-size: 14px;color: #808080;padding-right: 50px;position: relative;}
.s_1170_1 .s_1_d .s_recruit_t font::after{content: "";display: block;position: absolute;right: 0;top: 4px;background: url(images/s_bg_1_1.png) no-repeat center/100% 100%;width: 28px;height: 15px;
-webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.s_1170_1 .s_1_d .s_recruit_t i{display: block;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 40px;opacity:0; filter:alpha(opacity=00);z-index: 9;
-webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.s_1170_1 .s_1_d .s_recruit_t i::before{content: "";display: block;float: left;width: 100%;height: 1px;background: #e6e6e6;}
.s_1170_1 .s_1_d .s_recruit_t.on font::after{
-webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
        transform: rotate(180deg);}
.s_1170_1 .s_1_d .s_recruit_t.on i{opacity:1; filter:alpha(opacity=100);}
.s_1170_1 .s_1_d .s_recruit_d{display: none; float:left; width:100%; background:#f7f7f7; border-left: 3px solid #4f8042; position:relative; padding:20px 30px 30px 30px; line-height:34px; font-size:14px; color:#4c4c4c;}
.s_1170_1 .s_1_d .s_recruit_d h4{display: block;line-height: 38px;font-size: 16px;font-weight: bold;}
.s_1170_1 .s_1_d .s_recruit_d span{display: block;height: 38px;line-height: 38px;font-size: 16px;color: #666;font-weight: bold;}
.s_1170_1 .s_1_d .s_recruit_d span a{font-weight: normal;color: #4f8042;}
.s_1170_1 .s_1_d .s_recruit_d span a:hover{text-decoration: underline;}
.s_1170_1 .s_1_d .s_recruit_d span .button{ display:block;float: right;background:#4f8042;margin: -1px 10px 0 0; width:155px; height:40px;line-height: 40px;font-size: 18px;color: #fff; text-align:center; cursor:pointer; outline:none; font-weight: normal;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;
-webkit-border-radius:20px; 
   -moz-border-radius:20px;
        border-radius:20px;}
.s_1170_1 .s_1_d > div button:hover{ opacity:0.8; filter:alpha(opacity=80);}

@media  screen and (max-width:991px){
  .s_1170_1{}
  .s_1170_1 .s_1_d{padding-top: 30px;}
}
@media  screen and (max-width:767px){
  .s_1170_1{}
  .s_1170_1 .s_1_d{padding: 20px 15px 0 15px;}
  .s_1170_1 .s_1_d .s_recruit_t{ margin-top:10px; height:60px;border-left: 2px solid #4f8042;}
  .s_1170_1 .s_1_d .s_recruit_t span{margin-left: 5px;}
  .s_1170_1 .s_1_d .s_recruit_t span h2{height: 20px;line-height: 20px;margin-top: 10px;font-size: 14px;}
  .s_1170_1 .s_1_d .s_recruit_t span h5{height: 20px;line-height: 20px;margin-top: 0;font-size: 12px;}
  .s_1170_1 .s_1_d .s_recruit_t font{margin: 10px 5px 0 0;height: 20px;line-height: 20px; font-size: 12px;padding-right: 20px;}
  .s_1170_1 .s_1_d .s_recruit_t font::after{top: 6px;width: 14px;height: 8px;}
  .s_1170_1 .s_1_d .s_recruit_t i{padding: 0 10px;}
  .s_1170_1 .s_1_d .s_recruit_d{border-left: 2px solid #4f8042;padding:10px; line-height:24px; font-size:13px;}
  .s_1170_1 .s_1_d .s_recruit_d h4{line-height: 28px;height: 28px;font-size: 14px;}
  .s_1170_1 .s_1_d .s_recruit_d span{height: 28px;line-height: 28px;font-size: 14px;}
  .s_1170_1 .s_1_d .s_recruit_d span .button{ display:block;float: right;background:#4f8042;margin: -1px 0 0 0; width:80px; height:26px;line-height: 26px;font-size: 12px;
  -webkit-border-radius:13px; 
     -moz-border-radius:13px;
          border-radius:13px;}
}

/* 12联系我们 */
.s_1170_2{float: left; width: 100%; padding: 73px 0 80px 0;}
#dituContent
{
    width: 100%;
    height: 369px;
    float: left;
    overflow: hidden; 
    position: relative; 
    z-index: 0; 
    text-align: left; 
    border: 1px solid #dedede;
  margin-top: 70px;
}
#dituContent img{max-width:none;}

.BMap_pop,.BMap_shadow,.anchorBL,.BMapLabel{display:none !important;} /*隐藏标题块*/
.s_1170_2 .s_2_d{float: left; width: 100%; padding-top: 50px;}
.s_1170_2 .s_2_d ul{float: left; width: 100%; position: relative;}
.s_1170_2 .s_2_d ul::after{content:""; width: 1px; height: 100%; background: #fff; position: absolute; right: 0; top: 0;}
.s_1170_2 .s_2_d ul li{float: left; width: 25%; padding: 0 10px; border-right: 1px solid #d9d9d9; padding-top: 4px;}
.s_1170_2 .s_2_d ul li img{display: block; margin: 0 auto; width: 59px;}
.s_1170_2 .s_2_d ul li h4{float: left; width: 100%; font-size: 18px; color: #333; line-height: 24px; margin-top: 17px; text-align: center; position: relative;}
.s_1170_2 .s_2_d ul li h4::after{content: ""; width: 23px; height: 2px; background: #ccc; position: absolute; bottom: -14px; left: 50%; margin-left: -12px;}
.s_1170_2 .s_2_d ul li span{float: left; width: 100%; height: 28px; line-height: 28px; font-size: 16px; color: #565656; display: block; text-align: center; margin-top: 28px;}

@media  screen and (max-width:991px){
  .s_1170_2{padding: 43px 0 40px 0;}
  #dituContent{height: 269px; margin-top: 40px;}
  .s_1170_2 .s_2_d ul li{padding: 0 2px;}
  .s_1170_2 .s_2_d ul li img{width: 49px;}
  .s_1170_2 .s_2_d ul li h4{font-size: 16px;}
  .s_1170_2 .s_2_d ul li h4::after{width: 23px; height: 2px;bottom: -14px;margin-left: -12px;}
  .s_1170_2 .s_2_d ul li span{height: 28px; line-height: 28px; font-size: 13px; margin-top: 28px;}
}
@media  screen and (max-width:767px){
  .s_1170_2{padding: 23px 0 20px 0;}
  #dituContent{height: 169px; margin-top: 20px;}
  .s_1170_2 .s_2_d{padding-top: 20px;}
  .s_1170_2 .s_2_d ul li{padding: 0 2px; width: 50%; margin-top: 10px;}
  .s_1170_2 .s_2_d ul li img{width: 39px;}
  .s_1170_2 .s_2_d ul li h4{font-size: 14px;}
  .s_1170_2 .s_2_d ul li h4::after{width: 23px; height: 2px;bottom: -14px;margin-left: -12px;}
  .s_1170_2 .s_2_d ul li span{height: 28px; line-height: 28px; font-size: 12px; margin-top: 28px;}
}

/* 10厂房设备 */
.s_1170_3{float: left; width: 100%;}
.s_3_m{float: left; width: 100%; padding-top: 40px;}
.s_ul_3{ width:100%; float:left;}
.s_ul_3 li{ width:100%; float:left; padding:30px 0 30px 20px; border-bottom:solid 1px #eee; position:relative;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.s_ul_3 li .img{ width:208px; float:left; overflow:hidden;}
.s_ul_3 li .img img{ width:100%; float:left;
    	 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.s_ul_3 li:hover .img img{
-webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
	  -ms-transform: scale(1.1,1.1);	
	   -o-transform: scale(1.1,1.1);	
        transform: scale(1.1,1.1);}
.s_ul_3 li .s_3_text{ margin-left:228px; padding-right:123px; position:relative; margin-top:13px;}
.s_ul_3 li .s_3_text .s_3_btn{ width:66px; height:42px; border-left:solid 1px #e3e3e3; position:absolute; right:0; top:30px; background:url(images/s_btn3.png) no-repeat center center; background-size:contain;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.s_ul_3 li .s_3_text .s_3_name{ width:100%; float:left; font-size:16px; color:#3a3a3a; line-height:23px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.s_ul_3 li .s_3_text .s_3_p{ width:100%; float:left; font-size:14px; color:#7e7e7e; line-height:27px; height:54px; overflow:hidden; margin-top:10px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.s_ul_3 li:hover{ background:#f5f5f5;}
.s_ul_3 li:hover .s_3_text .s_3_btn{ background-image:url(images/s_btn3_h.png); background-color:#4f8042;}
.s_ul_3 li:hover .s_3_text .s_3_name,.s_ul_3 li:hover .s_3_text .s_3_p{ color:#4f8042;}
@media  screen and (max-width:991px){
  .s_1170_3{}
  .s_3_m{padding-top: 20px;}
  .s_ul_3 li .s_3_text{ padding-right:100px;}
}
@media  screen and (max-width:767px){
  .s_ul_3 li{ padding:15px 0 15px 10px;}
  .s_ul_3 li .img{ width:120px;}
  .s_ul_3 li .s_3_text{ margin-left:128px; padding-right:20px; margin-top:0px; position:static;}
  .s_ul_3 li .s_3_text .s_3_btn{ display:none;}
  .s_ul_3 li .s_3_text .s_3_name{ font-size:14px; line-height:20px;}
  .s_ul_3 li .s_3_text .s_3_p{ font-size:12px; line-height:23px; height:46px; margin-top:5px;}
}

/* 11厂房设备详情 */
.s_1170_4{float: left; width: 100%;}
.proStaile{ padding: 4.7% 0 2.56% 0; margin-top: 50px;}
.proStaile h2{ color: #333333; font-size: 24px; line-height: 1.25; text-align: center;}
.proStaile .staileLine{ text-align: center; padding: 16px 0 0 0; line-height: 0;}
.proStaile .staileLine span{ display: inline-block; width: 50px; height: 1px; background: #e5e5e5;}
@media screen and (max-width:767px){
    .proStaile h2{ font-size: 20px; }
}
.slideBack{ background: url("images/s_pro6.jpg") 0 center repeat-x;}
.slideOut{ position: relative;}
.slide{
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    position: relative;

}
.slide .img{
    overflow: hidden;
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
    background: #fff;
    border: #e5e5e5 solid 1px;
}
.slide .img img{
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    margin: 7px;
}
.slide .img1{
    width: 40%;
    height: 40%;
    top: 30%;
    left: -50%;
    z-index: 1;
}
.slide .img2{
    width: 33%;
    height: 61.86%;
    top: 19.07%;
    left: 0%;
    z-index: 2;
    opacity: 0.75;
    background: #000;
}
.slide .img2::before{ content: ''; position: absolute; width: 100%; height: 100%; border: #fff solid 7px;}
.slide .img3{
    width: 55.555556%;
    height: 98%;
    top: 1%;
    left: 23.68%;
    z-index: 3;
}
.slide .img4{
    width: 33%;
    height: 61.86%;
    top: 19.07%;
    left: 67%;
    z-index: 2;
    opacity: 0.75;
    background: #000;
}
.slide .img4::before{ content: ''; position: absolute; width: 100%; height: 100%; border: #fff solid 7px;}
.slide .img5{
    width: 40%;
    height: 40%;
    top: 30%;
    left: 110%;
    z-index: 1;
}
.slide-bt{
    position: absolute;
    left: 50%;
    bottom: 13%;
    z-index: 10;
    display: none;
}
.slide-bt span{
    width: 24px;
    height: 8px;
    background: #c9caca;
    float: left;
    margin: 5px;
    border-radius: 4px;
}
.slide .slide-bt .on{
    background: #ffd200;
}
button{
    width: 50px;
}
.butLeft{ position: absolute; left: 13.5%; top: 50%; margin-top: -31px; width:32px; height: 62px; background: url("images/s_case3.png") no-repeat; outline: 0; z-index: 20; }
.butLeft:hover{background: url("images/s_case3_h.png") no-repeat; }
.butRight{position: absolute; right: 13.5%; top: 50%; margin-top: -31px; width:32px; height: 62px; background: url("images/s_case4.png") no-repeat; outline: 0; z-index: 20;}
.butRight:hover{background: url("images/s_case4_h.png") no-repeat;}
@media screen and (max-width:1327px){
    .butLeft{ left: 5%; }
    .butRight{ right: 5%; }
}
@media screen and (max-width:1199px){
    .slideBack{ background: url("images/s_case5.png") 0 175px repeat-x;}
}
@media screen and (max-width:991px){
    .slideBack{ background:0;}
}
@media screen and (max-width:767px){
    .slide .img2{
        opacity: 1;
    }
    .slide .img4{
        opacity: 1;
    }
    .slide .img img{
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        margin: 3px;
    }
    .slide .img2::before{  border: #fff solid 3px;}
    .slide .img4::before{  border: #fff solid 3px;}
    .butLeft{ width: 20px; height: 39px; margin-top: -20px; background-size: cover;}
    .butLeft:hover{ background-size: cover;}
    .butRight{ width: 20px; height: 39px; margin-top: -20px; background-size: cover;}
    .butRight:hover{ background-size: cover;}
}


.proStaileContent{}
.proStaileContent .ico{ padding: 29px 0 18px 0; text-align: center;}
.proStaileContent .content{ color: #333; font-size: 14px; line-height: 36px;}
.proStaileContent .page{ padding:19px 0 48px 0; border-top: 1px solid #e5e5e5;}
.proStaileContent .page a{ color: #333333; font-size: 14px; padding: 5px 0;}
.proStaileContent .page a:hover{ color: #4f8042;}
.proStaileContent .page .aleft{ float: left; width: 50%; }
.proStaileContent .page .aright{ float: left; width: 50%; text-align: right; }
@media screen and (max-width:767px){
  .s_1170_4{padding:0 15px 0 15px; }
    .proStaileContent .ico{ padding: 18px 0 12px 0; text-align: center;}
    .proStaileContent .content{ line-height: 28px;}
    .proStaileContent .page{ padding:10px 0 28px 0;}
    .proStaileContent .page .aleft{ width: 100%; }
    .proStaileContent .page .aright{ width: 100%; text-align: left; }
}

/* 9合作案例 */
.s_5_m{float: left; width: 100%; padding-top:40px; }
.s_5_m ul{margin: 0 -15px;}
.s_5_m ul li{float: left; width: 33.333333%;  padding: 0 15px; margin-top: 30px;}
.s_5_m ul li a{float: left; width: 100%; display: block; border: 1px solid #e7e7e7;}
.s_5_m ul li i{float: left; width: 100%; display: block; overflow: hidden;}
.s_5_m ul li i img{float: left; width: 100%; display: block;
   -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
        -o-transition: width all 0.3s linear;
    	     transition: all 0.3s linear;}
.s_5_m ul li div{float: left; width: 100%; padding: 13px 28px;}
.s_5_m ul li div h4{float: left; width: 100%; font-size: 16px; color: #282d28; line-height: 28px; height: 44px; padding-bottom: 16px; position: relative;}
.s_5_m ul li div h4::before{content: ""; width: 100px; height: 2px; background: url(images/s_bg_5_1.png) no-repeat; position: absolute; left: 0; bottom: 0;}
.s_5_m ul li div span{float: left; width: 100%; display: block; font-size: 12px; color: #666; line-height: 28px; height: 28px; margin-top: 11px; text-transform: uppercase;}
.s_5_m ul li a:hover {
 -webkit-box-shadow: 2px 2px 20px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 2px 2px 20px 5px rgba(0,0,0,.1);
         box-shadow: 2px 2px 20px 5px rgba(0,0,0,.1);}
.s_5_m ul li a:hover i img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);}
@media screen and (max-width:991px){
  .s_5_m ul{margin: 0 -10px;}
  .s_5_m ul li{padding: 0 10px; margin-top: 20px;}
  .s_5_m ul li div{ padding: 10px 18px;}
}
@media screen and (max-width:767px){
  .s_5_m{padding-top:20px; }
  .s_5_m ul{margin: 0 -5px;}
  .s_5_m ul li{width: 50%; padding: 0 5px; margin-top: 10px;}
  .s_5_m ul li div{ padding: 5px 8px;}
  .s_5_m ul li div h4{font-size: 14px;height: 38px; padding-bottom: 10px;}
  .s_5_m ul li div h4::before{width: 60px; background-size: 60px,2px;}
  .s_5_m ul li div span{line-height: 18px; height: 18px; margin-top: 5px;}
}

/* 8新闻详情 */

.s_6_m{float:left; width: 100%; padding: 40px 0 60px 0;}
.s_6_t{float: left;width: 100%;}
.s_6_t h2{display: block;float: left;width: 100%;font-size: 24px;line-height: 40px;color: #333333!important;font-weight: bold;text-align: center;}
.s_6_t .s_6_t_1{float: left;width: 100%;margin-top: 22px; border-bottom: 1px solid #d7d8d8; border-top: 1px solid #d7d8d8;padding: 10px 0;line-height: 34px;font-size: 14px;color: #777;}
.s_6_t .s_6_t_1 a{display: block;float: right;height: 34px;line-height: 34px;padding-right: 14px;}
.s_6_t .s_6_t_1 a i{display:inline-block; *display:inline; *zoom:1;vertical-align: top;margin-left: 20px; width: 38px; background: #cbcbcb;
-webkit-border-radius:16.5px;
   -moz-border-radius:16.5px;
        border-radius:16.5px;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.s_6_t .s_6_t_1 a i img{display: block;float: left;width: 100%;}
.s_6_t .s_6_t_1 a:hover{color: #4f8042;}
.s_6_t .s_6_t_1 a:hover i{background: #4f8042;}
.s_6_t .s_6_t_2{float: left;width: 100%;;padding: 40px 0;font-size: 14px;line-height: 30px;color: #333; text-align: justify;}
.s_6_t .s_6_t_3{float: left;width: 100%;text-align: center;padding: 27px 0 ; border-top: 1px solid #d7d8d8;}

.jiathis_style_32x32{display:inline-block !important; *display:inline !important; *zoom:1 !important; vertical-align: top !important;}
.jiathis_button_weixin{float: left !important; display: block !important; background: url(images/s_img_6_3.png) no-repeat center  !important;background-size: 100% 100% !important; width: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.jtico_weixin{position: absolute; left: 9999px;}

.jiathis_button_tsina{float: left !important;display: block !important; background: url(images/s_img_6_4.png) no-repeat center  !important;background-size: 100% 100% !important; width: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.jtico_tsina{position: absolute; left: 9999px;}

.jiathis_button_qzone{float: left !important;display: block !important; background: url(images/s_img_6_5.png) no-repeat center  !important;background-size: 100% 100% !important; width: 36px !important;height: 36px!important;overflow: hidden; position: relative; margin: 0 8px !important; padding: 0 !important;cursor: pointer;}
.jtico_qzone{position: absolute; left: 9999px;}
.jiathis_style_32x32 a:hover{opacity:0.8; filter:alpha(opacity=80);}

.s_6_d{float: left;width: 100%; margin-top: 62px;}
.s_6_d h4{display: block;float: left;width: 100%;height: 28px;line-height: 28px;font-size: 18px;color: #24201c;text-transform: uppercase; font-weight: bold;}
.s_6_d .s_6_d_1{float: left;width: 100%;margin-top: 20px;}
.s_6_d .s_6_d_1 ul{margin: 0 -15px;}
.s_6_d .s_6_d_1 ul li{float: left;width: 50%; padding: 0 15px;}
.s_6_d .s_6_d_1 ul li a{display: block; float: left;width:100%; position: relative; height: 39px;line-height: 38px;font-size: 14px; padding-right: 90px; border-bottom: 1px solid #d7d8d8;}
.s_6_d .s_6_d_1 ul li a span{display: block; width: 100%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; text-transform: uppercase;color: #333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.s_6_d .s_6_d_1 ul li a font{display: block;position: absolute;right: 0;top: 0;color: #777;}
.s_6_d .s_6_d_1 ul li a:hover span{color: #4f8042;}

@media screen and (max-width:991px){
  .s_6_m{padding: 20px 0 40px 0;}
  .s_6_t h2{font-size: 22px;}
  .s_6_t .s_6_t_2{padding: 30px 15px;}
  .s_6_d{margin-top: 42px;}
  .s_6_d .s_6_d_1 ul{margin: 0;}
  .s_6_d h4{padding-left: 15px;}
}
@media screen and (max-width:767px){
  .s_6_m{padding: 20px 0 20px 0;}
  .s_6_t h2{font-size: 18px; line-height: 30px; height: auto;}
  .s_6_t .s_6_t_1{margin-top: 12px; padding: 5px 0;line-height: 24px;text-align: center;}
  .s_6_t .s_6_t_1 a{width: 100%; height: 30px;line-height: 30px;padding-right: 0; margin-top: 10px;}
  .s_6_t .s_6_t_1 a i{margin-left: 10px; width: 32px; }
  .s_6_t .s_6_t_2{padding: 20px 10px; line-height: 26px;}
  .s_6_t .s_6_t_3{padding: 17px 0 ;}
  .s_6_d{margin-top: 12px;}
  .s_6_d .s_6_d_1 ul{margin: 0;}
  .s_6_d h4{padding-left: 10px; font-size: 16px;}
  .s_6_d .s_6_d_1{margin-top: 10px;}
  .s_6_d .s_6_d_1 ul li{width: 100%; padding: 0 10px;}
}

/* 7新闻中心 */
.s_7_m{float: left; width: 100%; margin-top: -20px;}
.s_7_1{margin: 0 -15px;}
.ul_1.s_7_ul{width: 100%; }
.ul_1.s_7_ul li{width: 33.333333%; padding: 0 15px;margin-top: 30px;}

@media screen and (max-width:767px){
  .s_7_m{margin-top: 0;}
  .s_7_1{margin: 0;}
  .ul_1.s_7_ul li{width:100%; padding: 0 5px;margin-top: 15px;}
}

/* 6产品详情 */
.s_8_m{float: left; width: 100%; padding: 70px 0 60px 0;}
.s_8_t{float: left; width: 100%;}
.s_8_le{float: left; width: 48.717949%;}
.s_8_le .slick-slide{ width:100%; padding:0;}
.s_8_le img{ width:100%;}
.s_8_le .slick-prev{position:absolute; width:23px; height:39px; left:0; top:50%; margin-top:-19px;  z-index:2; background: url(images/s_left01.jpg) no-repeat; cursor:pointer;}
.s_8_le .slick-prev:hover{background: url(images/s_left02.jpg) no-repeat;}
.s_8_le .slick-next{position:absolute; width:23px; height:39px; right:0; top:50%; margin-top:-19px; z-index:2; background: url(images/s_right01.jpg) no-repeat; cursor:pointer;}
.s_8_le .slick-next:hover{background: url(images/s_right02.jpg) no-repeat;}
.s_8_r{float: right; width: 51.282051%; background: url(images/s_bg_8_1.jpg); padding: 0 40px;}
.s_8_r .s_8_r_1{float: left; width: 100%; padding: 24px 0 0 0;}
.s_8_r .s_8_r_1 span{float: left; width:70%; display: block; line-height: 46px; height: 66px; padding: 10px 0; font-size: 36px; color: #333; }
.s_8_r .s_8_r_1 .s_kf{float: right; width: 34px; display: block; margin: 16px 0 0 17px; }
.s_8_r .s_8_r_1 .s_kf img{float: left; width: 100%; display: block;}
.s_8_r .s_8_r_1 .bdsharebuttonbox{float: right; width: 34px!important; height: 34px!important; margin: 16px 0 0 0 !important;padding: 0!important; }
.s_8_r .s_8_r_1 .bdsharebuttonbox .bds_more{float: left !important; display: block !important; background: url(images/s_img_8_3.png) no-repeat center  !important;background-size: 100% 100% !important; width: 34px !important;height: 34px!important;overflow: hidden; position: relative; margin: 0!important; padding: 0 !important;cursor: pointer;}
.s_8_r h4{float: left; width: 100%; border-bottom: 1px solid #e0e0e0; height: 60px; line-height: 36px; padding: 12px 0; font-size: 14px; color: #888;}
.s_8_r .s_8_r_2{float: left; width: 100%; margin-top: 22px;  line-height: 30px; height: 90px; overflow: hidden; font-size: 14px; color: #888;}
.s_8_r .s_8_online{float: left; width: 100%; margin-top: 37px; padding: 40px 0;  border-top:1px solid #e0e0e0; }
.s_8_r .s_8_online a{float: left; width: 127px; display: block; font-size: 16px; line-height: 45px; height: 45px; color:#fff; text-align: center; background: #4f8042; 
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;}
.s_8_r .s_8_online a:hover{background: #609651;}
.s_8_d{float: left; width: 100%; margin-top: 30px; border: 1px solid #e0e0e0;}
.s_8_d .s_8_d_m{float: left; width: 100%;  padding: 0 36px;}
.s_8_tit{float: left; width: 100%; border-bottom: 1px solid #e0e0e0;}
.s_8_tit .s_8_sp{float: left; display: block; padding: 0 24px; line-height: 59px; height: 59px; background: #e5ece3; font-size: 14px; color: #4f8042; border-right: 1px solid #e0e0e0;}
.s_8_txt{float: left; width: 100%; padding: 21px 0 40px 0; font-size: 14px; color: #666; line-height: 30px; height: auto; border-bottom: 1px solid #e0e0e0;}
.s_8_txt img{display: block; margin: 0 auto;}
.s_8_d .s_8_d_1{float: left; width: 100%; padding-bottom: 11px;}
.s_8_d .s_8_d_1 a{float: left; max-width: 50%; line-height: 50px; height: 50px; font-size: 14px; color: #666;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.s_8_d .s_8_d_1 a:hover{color: #4f8042;}

@media  screen and (max-width:1199px){
  .s_8_r{padding: 0 30px;}
  .s_8_r .s_8_r_1{padding: 14px 0 0 0;}
  .s_8_r .s_8_r_1 span{line-height: 36px; height: 46px; padding: 5px 0; font-size: 32px;}
  .s_8_r .s_8_r_1 .s_kf{width: 34px;margin: 6px 0 0 12px; }
  .s_8_r .s_8_r_1 .bdsharebuttonbox{ margin: 6px 0 0 0 !important;}
  .s_8_r h4{height: 40px; line-height: 26px; padding: 7px 0;}
  .s_8_r .s_8_r_2{ margin-top: 12px;}
  .s_8_r .s_8_online{margin-top: 38px; padding: 30px 0;}
}
@media  screen and (max-width:991px){
  .s_8_r{padding: 0 20px;}
  .s_8_r .s_8_r_1{padding: 10px 0 0 0;}
  .s_8_r .s_8_r_1 span{ height: 36px; padding: 0; font-size: 24px;}
  .s_8_r .s_8_r_1 .s_kf{width: 34px; margin: 0 0 0 12px; }
  .s_8_r .s_8_r_1 .bdsharebuttonbox{ margin:0 !important;}
  .s_8_r h4{height: 36px; line-height: 26px; padding:5px 0;}
  .s_8_r .s_8_r_2{ margin-top: 10px;}
  .s_8_r .s_8_online{margin-top: 18px; padding: 20px 0;}
  .s_8_r .s_8_online a{width: 87px;font-size: 14px; line-height: 31px; height: 31px;}
}
@media  screen and (max-width:767px){
  .s_8_m{ padding: 30px 0 30px 0;}
  .s_8_le{float: left; width:100%;} 
  .s_8_r{width: 100%;}
  .s_8_r .s_8_r_1 span{font-size: 20px;}
  .s_8_d{margin-top: 20px;}
  .s_8_d .s_8_d_m{padding: 0 15px;}
  .s_8_tit .s_8_sp{padding: 0 14px; line-height: 39px; height: 39px;}
  .s_8_txt{padding: 11px 0 20px 0; line-height: 26px; }
  .s_8_d .s_8_d_1 a{max-width: none; width: 100%; line-height: 30px; height: 30px; font-size: 14px;}
}


.sitemap{ width:100%;float:left;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#4f8042;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}


.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

@font-face {
	font-family: 'OPENSANS-BOLD';
	src: url('fonts/OPENSANS-BOLD.eot');
	src: local('☺'), url('fonts/OPENSANS-BOLD.woff') format('woff'), url('fonts/OPENSANS-BOLD.ttf') format('truetype'), url('fonts/OPENSANS-BOLD.svg#webfontHIqteXlE') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OPENSANS-LIGHT';
	src: url('fonts/OPENSANS-LIGHT.eot');
	src: local('☺'), url('fonts/OPENSANS-LIGHT.woff') format('woff'), url('fonts/OPENSANS-LIGHT.ttf') format('truetype'), url('fonts/OPENSANS-LIGHT.svg#webfontHIqteXlE') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OPENSANS-REGULAR';
	src: url('fonts/OPENSANS-REGULAR.eot');
	src: local('☺'), url('fonts/OPENSANS-REGULAR.woff') format('woff'), url('fonts/OPENSANS-REGULAR.ttf') format('truetype'), url('fonts/OPENSANS-REGULAR.svg#webfontHIqteXlE') format('svg');
	font-weight: normal;
	font-style: normal;
}