*{margin: 0;
	padding: 0;-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;}

body{ background:#fff; color:#333;font-family: Microsoft Yahei,Arial, Helvetica, sans-serif; font-size:14px;}
html, body {
-ms-overflow-style: scrollbar;
}

.container img{ max-width:100%;}

a{ color:#2c2c2c;}
a:hover{ text-decoration:none;color:#5bac2e; }

ul {
	list-style: none;
	margin: 0 auto;
}

/* index header */
.head_box{ position:relative; z-index:99999; position:absolute; top:0; left:0; width:100%;}
.top{ margin-top:10px; margin-bottom:25px;}
.top .func{ margin-top:50px; color:#fff; position:relative;}
.top .func .language, .top .func .tsearch{ display:inline; position:relative; }
.func .tsearch{ cursor:pointer;}
.top .func .language{ margin-right:20px;}
.top .func i{ font-size:22px; vertical-align:middle; margin-right:5px;}
.menutop{font-family:Arial, Helvetica, sans-serif;background-color: hsla(0,0%,100%,.7); height:58px; font-size:16px;}
.menutop .nav1{margin:0 auto; text-align:center;  line-height:58px;}
.menutop .nav1 li{list-style:none; display:inline-block; position:relative;}
.menutop .nav1 li:after{ position:absolute; content:""; width:1px; height:16px; background:#8c8c8c; top:21px; left:0;}
.menutop .nav1 li.first:after{ width:0;}
.menutop .nav1 li a{display:block;/*border-left:1px solid #000;*/padding:0 50px;color:#575656;text-decoration:none;position:relative;overflow:hidden; }
.menutop .nav1 li a:hover,.menutop .nav1 li a.current{ border-bottom:3px solid #268856; margin-bottom:-3px;}
/*.menutop .nav1 li .box1{width:100%;height:25px;position:fixed;top:87px;left:0;background:#000;display:none; box-shadow:0px 3px 15px rgba(1, 1, 1, 0.3);z-index:999;}
.menutop .nav1 li .box1 a{display:block;height:25px;float:left;color:#409d9c;line-height:25px;border:none;background:none; font-size:12px;text-decoration:none; font-weight:normal;}
.menutop .nav1 li .box1 a:hover{text-decoration:none;color:#fff;}*/

.search-pop{
	position:absolute;
	top:43px; 
	right:4px;
	left:auto;
	width: 360px !important;
	background-color: #4a9c76;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
	height: 0;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;

}
.search-on {
	height: 80px;
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 11000;
}
.form-group {
	height: 0px;
	width: 300px;
	margin: 0px 30px;
}
.form-group_on {
	height: 40px;
	width: 300px;
	margin: 20px 30px;
}
.btn-default {
	background-image: url(../img/search.png);
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	height: 0px;
	width: 46px;
	float: left;
	border-radius: 0;
	opacity: 0;
}
.form_on {
	height: 40px;
	opacity: 1;
}
.btn-default:hover {
	background-color: #fff;
}
.x-form-control {
	display: block;
	width: 250px!important;
	height: 0px;
	border: none;
	float: left;
	outline: none;
	box-shadow: none;
	color:#333;
}


/* page header */
.header{ height:104px; position:fixed; top:45px; left:0; z-index:100; width:100%; background-color:#fff; box-shadow:0 5px 5px #878787}
.header .container{ position:relative; height:100%}
.header .navBtn,.head_box .navBtn {
    position: absolute;
    top: 50%;
    right: 155px;
    width: 30px;
    height: auto;
    margin-top: -14px;
    cursor: pointer;
    z-index: 1;
}
.header .logo{ position:absolute; left:0; top:0;}
.header .menu{ width:720px; margin:30px auto 0; font-size:15px; }
.header .menu li{ list-style:none; float:left; line-height:40px;padding:0 28px;}
.header .menu li a{display:block;color:#242424;text-decoration:none;position:relative;overflow:hidden; }
.header .nav1 li a:hover,.header .nav1 li a.current{ border-bottom:2px solid #5bac2e; }

.header .func{ position:absolute; right:0; top:40px;}
.header .func .language, .header .func .tsearch{ display:inline; position:relative;}
.header .func .language{ margin-right:20px;}
.header .func .language span,.header .func .language a{ margin-right:15px;color:#242424;}
.header .func .language a:hover{ color:#5bac2e;}
.header .func .tsearch i{ vertical-align:middle; font-size:18px; color:#333;}

#carousel-index{ width:100%; height:auto; margin-bottom:50px;}
.carousel-inner {
    
}
#carousel-index .item{ background-position: center top; background-size:cover; }
#carousel-index .item{text-align:center; }
#carousel-index .item img{ padding:0 0 0 0; margin:0 auto;}



.carousel-indicators {
	z-index:20;
   
}
.carousel-indicators li {
    display: inline-block;
    margin-left:5px;
	margin-right:5px;
    border: 0;
    cursor: pointer;
    background-color: #ffffff;
	box-shadow:2px 2px 2px #000;
	
}

.carousel-indicators .active {
    background-color: #c6df84;
	 margin-left:5px;
	margin-right:5px;
}
.carousel-indicators li.active img{ opacity:1;}
/*.carousel-control{ 
position: absolute;
top:auto;
display: block;
margin-bottom: -30px;
background-color: rgba(0,0,0,0.3);
text-indent: -9999px;
overflow: hidden;
height: 60px;
width: 40px;
background-repeat: no-repeat;
z-index:1000;}
.carousel-control.right{
bottom: 50%;
right: 0;
background-image: url(../img/banner-fy.png);
background-position: center bottom;	
}
.carousel-control.left {
    bottom: 50%;
    left: 0;
    background-image: url(../img/banner-fy.png);
    background-position: center top;
}*/


.catemenu{position:absolute; top:60%; left:0; width:100%; z-index:99;}
.catemenu .menuItem{ float:left; width:calc(25% - 21px); margin:0 10px; color:#4a9c76;}
.catemenu .menuItem a{ font-size:20px; line-height:40px;display:block; background-color: hsla(0,0%,0%,.7); border-radius:10px; text-align:center; color:#fff; padding:15px 0;}
.catemenu .menuItem a:hover{ background-color: hsla(0,0%,100%,.7); color:#5cad2f; text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0; }
.catemenu .menuItem span.icon{ display:block; width:50px; height:50px; margin:10px auto 5px; background-image:url(../img/categoryico.png); background-repeat:no-repeat; }
.catemenu .menuItem span.icon01{ background-position:0 -436px;}
.catemenu .menuItem span.icon03{ background-position:0 -295px;}
.catemenu .menuItem span.icon02{ background-position:0 -155px;}
.catemenu .menuItem span.icon04{ background-position:0 -16px;}
.catemenu .menuItem a:hover span.icon01{ background-position:-50px -436px;}
.catemenu .menuItem a:hover span.icon03{ background-position:-50px -295px;}
.catemenu .menuItem a:hover span.icon02{ background-position:-50px -155px;}
.catemenu .menuItem a:hover span.icon04{ background-position:-50px -16px;}


.newsHead{ max-width:490px; height:195px; background:url(../img/shouye1_04.jpg) no-repeat 0 0; position:relative;}
.newsHead h3{ width:20px; margin:0; padding:0; margin-left:25px; color:#fff; font-size:20px; position:absolute;top: 50%;
transform: translateY(-50%) !important;}

.toutiao h3, .toutiao .meta{ font-size:15px; color:#2c2c2c;}
.toutiao .shortTxt{ margin-bottom:12px;}

#bestPro{  border-top:1px solid #cfcfcf; margin:50px 0; padding-top:50px;}
#bestPro .row{margin-right: -6px;margin-left: -6px;}
#bestPro .col-sm-4{padding-right: 6px; padding-left: 6px; text-align:center;}
#bestPro .item{ position:relative; background-color:#2c2e37; display:inline-block; margin:0 auto 20px;}
#bestPro .item a{ display:block; width:100%; height:100%; color:#fff;}
#bestPro .item .pic{ z-index:1; }
#bestPro .item .mask{ position:absolute; top:0; left:0;background-color: hsla(219,0%,0%,.7); width:100%; height:100%; }
#bestPro .item .content{ position:absolute;  top: 50%;
transform: translateY(-50%) !important; left:0; width:100%; text-align:center; padding:0 10%;}
#bestPro .item .content .squre{ display:block; width:42px; height:42px; border:3px solid #fff; margin:0 auto 30px;}
#bestPro .item .content .circle{ display:block; width:42px; height:42px; border:3px solid #fff; margin:0 auto 30px; border-radius:50%;}
#bestPro .item .content .triangle{ display:block; width:42px; height:42px; border-bottom:3px solid #fff; margin:0 auto 30px; position:relative; overflow:hidden;}
#bestPro .item .content .triangle:before{
        box-sizing: content-box;
        width: 26px;
        height: 26px;
        position: absolute;
        top:24px;
        left:5px;
		border:3px solid #fff;
        display: block;
        content:'';
        z-index: 12;
		transform:rotate(45deg);
    }

#bestPro .item .content h4{ font-size:20px; display:none;}
#bestPro .item .content p{ display:none;}

#bestPro .item a:hover .pic{ opacity:0.1;}
#bestPro .item a:hover .content h4,#bestPro .item a:hover .content p{ display:block;}
#seciton-about{ margin-bottom:50px;}
.aboutIn{ margin-bottom:10px;}
.aboutIn h4{ font-size:23px; margin-bottom:15px;}
.aboutIn .shortdes {
	color:#949494;
	margin-bottom:45px;
	line-height:2;
}

#section-brand{
	padding-top: 50px;
	padding-bottom:50px;
	background: #f8f9fa;
}
.owl-carousel-partner{ width:calc(100% - 100px); margin:0 auto; }
.owl-carousel-partner .owl-wrapper{ position:relative; z-index:10;}
.owl-carousel-partner .item{ text-align:center; }
.owl-carousel-partner .item img{ max-width:200px;}


.owl-carousel-partner .owl-controls{ position:absolute; top:0; left:0; width:100%; font-size:4.5em; color:#ccc; line-height:1;}
.owl-carousel-partner .owl-controls .owl-prev{ float:left; width:50px; text-align:center; margin-left:-50px;} 
.owl-carousel-partner .owl-controls .owl-next{ float:right; width:50px; text-align:center; margin-right:-50px;}
.owl-carousel-partner .owl-controls .owl-prev:hover,.owl-carousel-partner .owl-controls .owl-next:hover{ color:#5bac2e;}

/*底部列表*/
.footer_up {
	width: 100%;
	background:#545454 url(../img/footbg.jpg) no-repeat center 0;
	padding: 6% 0;
	color:#fff;
	text-align:center;
}
.footer_up h4{ font-size:20px; padding-bottom:30px;}
.footer_up p{ padding:10px 0;}
.footer_up a{ color:#fff;}
.footer_up  li:last-child{ margin-right:0;}
.footer_up .foot-widget ul{ padding-bottom:15px;}
.footer_up .foot-widget li{ display:block; margin-right:0; padding:3px 0;}
.footer_up .foot-widget h4{ text-transform:uppercase; margin:15px 0; font-size:18px;}
.footer_up .foot-contact{ line-height:1.8;}

.navbar-fixed-top{filter:alpha(Opacity=96);-moz-opacity:0.96;opacity: 0.96; top:0; height:80px;}
.navbar-fixed-top .logo{height:100%;}
.navbar-fixed-top .logo img{ height:100%;}
.header.navbar-fixed-top .func{ top:30px;}

/*版权*/
.copyright {font-size: 14px;padding: 50px 0 20px; color:#fff; text-align:center;  background:#2c2e37;}
.copyright .container{ position:relative;}
.fmenu{ margin-bottom:30px;}
.fmenu a{ margin:0 10px; color:#fff;}
.fmenu a:hover{ text-decoration:underline;color:#58AE21}

.fshare{ float:right; width:auto; display:inline-block; margin-top:-50px;}
.fshare a{color:#fff; margin-left:10px;}
.fshare i{ font-size:18px;}
.fshare a:hover{ color:#58AE21}

.page-banner{ background-position:center 0; background-size:cover; background-repeat:no-repeat; box-shadow:0 3px 4px #ccc;}
.page-banner .container{ position:relative;}


.breadcrumb{ padding:20px 0 0; text-align:left; background-color: transparent;}
.pageTitle{ font-size:29px; text-align:center; margin-bottom:30px;}
.pageTitle-lg{ font-size:36px; text-align:left; margin-bottom:30px;}

.nav-tabs-news {
	border-bottom: 0;
	float:none;
	width:100%;
	display:block;
	border-bottom:3px solid #e0e0e0;
	text-align:center;
}
.nav-tabs-news > li {
    margin-bottom:0;
	display:inline-block;
	padding:0 55px 0 0;
	position:relative;	
	float:none;
}
.nav-tabs-news > li > a{font-size:18px;  border:0; display:block; text-align:center; color:#555;  padding:0 10px 20px; background:none;border-radius: 0;}
.nav-tabs-news > li > a:hover{color: #222; text-decoration:none;}
.nav-tabs-news > li.active > a, .nav-tabs-news > li.active > a:hover, .nav-tabs-news > li.active > a:focus {
    color: #222;
    background-color: none;
    border: 0;
    border-radius: 0;
	text-decoration:none;
}
.nav-tabs-news > li.active:after{
	content:""; position:absolute; bottom:-3px; left:0; width:calc(100% - 55px); height:3px; background:#58ad21;
	}
.tab-content-news{ border-top:0; padding:30px 0 50px; position:relative;}

.tab-content-news .news-content{ padding:0 10px 0 10px; font-size:16px; color:#797979; }

.tab-content-news .news-content .font20{ font-size:20px; color:#232323; margin-bottom:20px;}
.tab-content-news .news-content p{ margin-bottom:0;}

.cerlist li{ margin-bottom:30px;}
.cerlist li img{ max-width:100%; border:1px solid #ddd; border-radius:5px;}

.newslist{ padding-bottom:50px;}
.newslist li{ width:25%; float:left; margin:10px 0 20px; text-align:center;}
.newslist li .newitem{ width:266px; margin:0 auto; background-color:#f8fafa; border-radius:7px;}

.newslist li .newitem .attachment{position: relative;width:266px; height:271px; text-align:center; margin-bottom:10px;}
.newslist li .newitem .attachment:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.newslist li .newitem .attachment .thumbs {
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 1;
    transition: opacity 0.1s ease 0s;
}
.newslist li .newitem .attachment .thumbs .centered {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    transform: translate(50%, 50%);
}
.newslist li .newitem .attachment .thumbs .centered img {
    transform: translate(-50%, -50%);
	position: absolute;
	top: 0px;
	left: 0px;
	max-height: 100%;
}



.newslist li .newitem h4{ text-align:center;  height:30px; line-height:30px; font-size:18px; overflow:hidden; margin:0;}
.newslist li .newitem .info{ font-size:15px; color:#535353; height:42px;}
.newslist li .newitem .more{ font-size:18px; display:block; padding-bottom:30px;}
.newslist li a:hover h4,.newslist li a:hover .more{ color:#58ad21;}
.newslist li a:hover .newitem{ box-shadow:3px 3px 4px #ccc;}

#pcatepage{ padding-top:50px;}
#pcatepage .col-sm-4{ text-align:center;}
#pcatepage .item{ position:relative; display:inline-block; margin:0 auto 30px; background-color:#fff; box-shadow:0 0 2px #ccc;}
#pcatepage .item a{ display:block; width:100%; height:100%;}
#pcatepage .item .pic{ z-index:1; position:relative;background-color:#2c2e37;  }
#pcatepage .item .mask{ position:absolute; top:0; left:0;background-color: hsla(219,0%,0%,.7); width:100%; height:100%; }
#pcatepage .item .icon{ position:absolute;  top: 50%;
transform: translateY(-50%) !important; left:0; width:100%; text-align:center; opacity:0; font-size:40px;}
#pcatepage .item .content{ padding:10px 5% 30px;}

#pcatepage .item .content h4{ font-size:20px; text-align:left; color:#232323; }
#pcatepage .item .content p{ font-size:16px; text-align:left; color:#666; }

#pcatepage .item a:hover .pic img{ opacity:0.4;}
#pcatepage .item a:hover .icon{ opacity:1; color:#fff;}

.pagenav{ text-align:center; padding:50px 0 70px; font-size:18px;}
.pagenav ul{}
.pagenav ul,.pagenav li{ display:inline-block; margin:0; padding:0;}
.pagenav li a{ padding:7px 15px; display:block;border-top:2px solid #ccc; margin:0 -3px; color:#666}
.pagenav li.currentpage a{border-top:2px solid #58ad21; color:#000;}
.pagenav li a:hover{ background-color:#f2f2f2;}




.article{ padding-bottom:40px;}
.postTitle{ font-size:20px;  color:#222;}
.postMeta{ border-bottom:1px solid #ddd; padding:0 0 10px 0; color:#999; font-size:14px;}
.postMeta span{ margin:0 8px;}
.postBody{ margin:0 auto;  padding:30px 0; }


.back{ text-align:center; padding-bottom:10px;}
.back a{ padding:7px 30px; border:1px solid #ddd;}



.article{  padding-top:20px; line-height:1.8;}
.page-detail{ padding-top:50px;}
.page-detail .pic{ }
.page-detail .txt{ }

.pro-info{ padding:20px;}
.pro-title{ font-size:26px; margin-bottom:25px; color:#58ad21;}
.short-des{ font-size:16px; color:#222; line-height:1.6;}
.short-des .xiangmu{ margin-bottom:20px;}
.short-des .xiangmu strong{ color:#000; font-weight:normal;}
.short-des .xiangmu ul,.short-des .xiangmu li{ float:none; font-size:14px;}
.short-des .xiangmu li{ list-style:inside circle;}
.pfun{ height:48px; margin-bottom:20px; font-size:16px;}
.pfun a{ display:block; width:120px; text-align:center;height:48px; color:#fff; margin-right:10%; vertical-align:middle; overflow:hidden; float:left; border-radius:8px;}
.pfun a.fun01{ background-color:#58ae21; line-height:48px; }
.pfun a.fun02{ background-color:#355d1b; line-height:48px; }
.pfun a:last-child{ margin-right:0;}



.nav-tabs-detail {
	border-bottom:1px solid #ddd;
	float:none;
	width:100%;
	display:block;
	background:#fafafa;
	text-align:center;
	margin-top:30px;
}
.nav-tabs-detail > li {
    margin-bottom:0;display:inline-block;
	position:relative;
	float:none;
	width:19%;
}
.nav-tabs-detail > li > a{color:#101010; display:block; padding:10px 20px; font-size:16px;  position:relative; border-radius: 0;}
.nav-tabs-detail > li > a:hover{ color:#58ad21;}
.nav-tabs-detail > li.active > a, .nav-tabs-detail > li.active > a:hover, .nav-tabs-detail > li.active > a:focus {
    color: #101010;
    background:#fff;
    border: 0;
    border-bottom-color: #fff;
    border-radius: 0;
	text-decoration:none;
	border-left:1px solid #ddd;border-right:1px solid #ddd; border-top:1px solid #ddd;
}
.nav-tabs-detail > li.active > a{ }
.nav-tabs-detail > li.active:after{
	position:absolute; bottom:-2px; left:0; content:"";width: 100%;
    height: 2px;
	background:#fff;
	}
.tab-content-detail{ margin:0 auto 30px;border:1px solid #ddd; border-top:0; padding:50px 50px; font-size:16px;}
.tab-content-detail img{ max-width:100%;}

.owl-carousel-related .item{ width:320px; margin:0 auto; text-align:center;}
.owl-carousel-related .item a{ display:block; padding:20px 0;}
.owl-carousel-related .item a:hover{ display:block; }
.owl-carousel-related .item img{ display:block; margin:0px auto 10px; }
.owl-carousel-related .item h3{ font-weight:normal; font-size:16px;}

.owl-carousel-related .owl-controls{ position:absolute; top:50%; left:0; font-size:2.4em; width:100%; height:1px; margin-top:-42px; color:#fff;}
.owl-carousel-related .owl-controls .owl-prev{ float:left; width:20px; height:20px;  margin-left:10px; } 
.owl-carousel-related .owl-controls .owl-next{ float:right; width:20px; height:20px;  margin-right:10px;}
.owl-carousel-related .owl-controls .owl-prev:hover,.owl-carousel-related .owl-controls .owl-next:hover{ }

.yanfaGallay{ width:calc(100% + 20px); padding:30px 0;}
.yanfaGallay li{ display:inline-block; margin-right:15px; margin-bottom:30px;}
.yanfaGallay li img{ border-radius:10px; box-shadow:2px 2px 3px #ccc;}

.map{ margin:30px auto 50px;  padding:10px; text-align:center; box-shadow:0 1px 2px #ccc; background:#fff; border-radius:6px;}
.contactInfo {  margin-bottom:30px; font-size:16px;}
.contactInfo h3,.contactForm h3{color:#3e3e3e; font-size:22px; padding-bottom:20px; }
.contactInfo h3{border-bottom:1px solid #ddd;margin-bottom:20px; }
.contactInfo .contactDes{ color:#888; display:block; margin-bottom:20px;}
.contactInfo .address{ line-height:1.6}

.contactForm{padding:8px 10px 10px 30px; box-shadow:0 1px 2px #ccc; background:#fff; border-radius:6px; margin-bottom:50px;}
.contactForm td{ padding: 0 20px 12px 0; }
.contactForm input,.contactForm textarea{  padding:8px 2px; line-height:30px; height:46px; border:0; border-bottom:1px solid #ccc; width:100%; font-size:16px;}
.contactForm input:focus,.contactForm textarea:focus,.contactForm input:hover,.contactForm textarea:hover{ border-bottom:2px solid #58ad21;}
.contactForm input[type=submit]{ width:100px; padding:8px 0; height:46px; border-radius:5px; border:0; background-color:#58ad21; box-shadow:1px 1px 2px #ccc; color:#fff; margin-top:10px; }
.contactForm input[type=submit]:hover,.contactForm input[type=submit]:focus{background:#00743b; color:#fff;}


@media (max-width: 992px) and  (min-width: 768px){
	
.contactInfo { padding-left:0;}
.menutop .nav1 li a{ padding:0 25px;}
.head_box .logo img{ width:420px;}
}
@media (max-width: 767px){
/* index header */
body{ padding-top:100px;}
.header {   top: 0;}
	
	#navbar{ margin-top:50px;}

.header .func .language{ margin-right:10px;}
.header .func .language a{ margin-right:5px;}
.header .menu{background:#fff;display:none;border-left:1px solid #ddd;position:absolute;top:100%;right:-201px;width:200px;height:auto;line-height:normal; z-index:9999; margin-top:0; border-top:1px solid #ddd;}
.header .menu li{border-bottom:1px solid #ddd;font-size:16px;margin:0px;width:200px;height:74px;line-height:74px;float:none; padding:0;}
.header .menu li.on{color:#c8161e;}
.header .menu li:hover{color:#c8161e;background:#ddd;}
.header .menu li a{ padding-left:30px;}



.nav-tabs-news > li{ padding-right:20px;}
.nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 10px 5px;
	font-size:14px;
}
.nav-tabs-news > li.active:after{ width:calc(100% - 20px)}
.contactInfo { padding-left:0;}	
.catemenu .menuItem {

    width: calc(25% - 11px);
    margin: 0 5px;

}
.catemenu .menuItem a{ font-size:15px;  padding:10px 0;}
.catemenu .menuItem p{ line-height:1.2; height:30px}

.newslist li {
    width: 50%;
}

}
@media (max-width: 480px){
.proList li{  width:calc(100% - 10px);  margin:0 5px 10px; padding:5px; float:none;}
.newslist li {
    width: 100%;
}

}