@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0; }
body,button,input,select,textarea{font:14px/1.8 "Arial","微软雅黑","宋体";color:#666}
ol,ul{list-style:none}
a{text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;cursor:pointer}
fieldset,iframe,img{border:0}
.slick-dots button{font-size:100%;border-radius:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;background:0 0;outline:0}
/*table{border-collapse:collapse;border-spacing:0}*/
th{text-align:inherit}
button,input[type=button],input[type=submit]{cursor:pointer; outline:none;}
button::-moz-focus-inner,button::-moz-focus-outer,input::-moz-focus-inner,input::-moz-focus-outer{border:0 none;padding:0;margin:0; outline:none;}
input[type=search]{-webkit-appearance:textfield}
input:focus::-webkit-input-placeholder{color:transparent}
input::-ms-clear{display:none}
textarea{resize:vertical;overflow-y:auto}
textarea,input,button{outline: none; margin: 0; padding: 0; border: none;}
a{ color: #333;}
a:link,a:visited{text-decoration:none}
a:active,a:hover{text-decoration:none}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
a:hover{}
li,a{-webkit-tap-highlight-color: transparent; outline: none;}


/* 常用元素 */
.clear{ clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left{ float: left; }
.right{ float: right; }
.center{ margin: 0 auto; }

/* 文字对齐 */
.tleft{ text-align:left; }
.tright{ text-align:right; }
.tcenter{text-align:center; }

* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}

/* 主体内容开始
-------------------------------------------------------------- */
.content{ width:100%; margin: 0 auto;}

/*****header*******/
.header_top{ width:100%; height:50px; position:absolute; z-index:1111; background:#eff0f1; }
.header{ width:100%; height:90px; top:0; z-index:99999;}
.header .menu{ height:80px; position:relative;}
.header_con{ width:100%; position:relative;}
.logo{ float:left; margin-top:6px;}
.logo h1{ margin:0;}
.languge{ float:right; padding-top:26px;}
.languge a{ font-size:16px; color:#fff;}
.search{ position:relative; float:right; padding-top:32px; padding-right:20px; padding-left:20px;}
.search span{ cursor:pointer;}
.extra-link{right: 38px;position:absolute;top: 20px;z-index: 99;display:none;}
.form-search{width:210px;background:#f5f5f5;padding: 0px 4px; border:1px solid #b2b2b2; }
.form-search input.search-input{font-size:14px;color:#666;font-family:Montserrat,"Microsoft Yahei",sans-serif;font-weight:400;line-height:22px;margin:0 0 10px;margin:0;color:#333;padding:8px 0 8px 8px;border:none;width:75%;outline:0;background:0 0;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
.form-search .search-btn{background:0 0;border:none; border-left:1px solid #b2b2b2;float:right;margin-top:6px; padding-right:10px;position:relative;z-index:2;}
.logoy{ display:block;}
.logoc{ display:none;}
.search-ico i{ background:url(../images/search.png) no-repeat; width:14px; height:14px; display:inline-block;}
.nav{ float:right;margin-right:0px;}	
.nav>ul{ padding:0; margin:0; margin-top:14px; }
.nav>ul>li{	float:left;	line-height:50px; position:relative;}
.nav>ul>li>a{ font-size:16px; color:#404040; position:relative; display:inline-block; }
.nav ul li a:hover{ color:#45916b;}
.nav ul li a.dq{ color:#45916b;}	
.nav ul li a b{ width:100%; height:1px;	background:#45916b; position:absolute; left: 2px; bottom: -10px; margin-left:-2px; opacity: 0; }	
.nav>ul>li>ul{ width:120px; position:absolute; top:70px; left: -8px; background:rgba(0,0,0,0.5); display:none; z-index:99; box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
	-webkit-transition:top 0.4s ease 0.1s;
	-moz-transition:top 0.4s ease 0.1s;
	-ms-transition:top 0.4s ease 0.1s;
	-o-transition:top 0.4s ease 0.1s;	
	transition:top 0.4s ease 0.1s;
	}
.erjion{ top:50px !important; }
.nav>ul>li>ul>li{ line-height:32px; text-align:center; }
.nav>ul>li>ul>li>a{ color:#fff !important; letter-spacing:1px; }
.nav>ul>li>ul>li:hover{ background:rgba(69,145,107,0.5);}

.erji_line{	position:absolute; top:0; left:15px; width:1px;	height:100%; background:#e8e8e8; }
.erji_line>span{ width:1px; height:20px; background:#45916b; position:absolute; top:25px; left:0; }						
.header_r span{	display:inline-block; line-height:50px;	font-size:15px;	font-weight:600; color:#adadad;	padding-left:10px; }	
.nav ul li.on a{ color:#45916b;}
.nav ul li.on a b{ bottom:-10px; opacity: 1;}
.nav ul li:hover a b{ bottom:-10px; opacity: 1;}


.nav ul li.current a{ color:#45916b;}
.nav ul li.current a b{ bottom:-10px; opacity: 1;}



.sousuo{ height:27px; border:1px solid #CCC; width:120px; background:none; margin-right:5px; font-size:11px; padding:0 20px 0 5px; }	
.qix p span{ text-align:left !important; padding-left:10px !important; }
.qix p{	width:260px !important; right:-1px;	padding-left:10px !important;}			
.ind_h{	margin-top:5px;	}
.ind_h i{ position:absolute; right:5px; top:6px; }	
.nav_down{ color:#999 !important; font-size:12px !important; margin-left:10px !important; }	
.scollheader .header{ background:#fff;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;}
.scollheader .header .logoy{ display:none;}
.scollheader .header .logoc{ display:block;}
.scollheader .nav>ul>li>a{ color:#333;}
.scollheader .languge a{ color:#333;}	
.scollheader .nav ul li.on a{color: #45916b;}
.scollheader .nav ul li a:hover{ color:#45916b;}
.scollheader .search-ico i{ background:url(../images/searchs.png) no-repeat;}

.nscollheader .header{ position:fixed; top:0; left:0;}

.nscollheader .header .logoy{ display:block;}
.nscollheader .header .logoc{ display:none;}

.scollheader .header .logoy{ display:none;}
.scollheader .header .logoc{ display:block;}
.nscollheader .nav>ul>li>a{ color:#ffffff;}
.scollheader .nav>ul>li>a{ color:#333;}
.nscollheader .languge a{ color:#333;}	
.nscollheader .nav ul li.on a{color: #45916b;}
.nscollheader .nav ul li a:hover{ color:#45916b;}
.nscollheader .search-ico i{ background:url(../images/searchs.png) no-repeat;}

@media (min-width: 992px){
	.nav>ul>li{	padding:0 12px;}	
}
@media (min-width: 1200px){
	.nav>ul>li{	padding:0 18px;}
}
/*手机端导航*/
.mobile{display:none;}
.mobile img{max-height: 56px;}

nav{ align-items: center; justify-content: space-between; height: 76px; padding:10px 20px; top: 0; left: 0; width: 100%; z-index:9;}
.sideMenuClosed{ width:30px; height:25px; cursor:pointer;position: fixed; top:30px; right:10px; z-index:9999;}
.sideMenuClosed span{ display: inline-block; width: 30px; height: 2px;	background-color: #1a1a1a; position: absolute; top: 8px; left: 0;
	-webkit-transition: background-color .3s ease-out .1s;
	-moz-transition: background-color .3s ease-out .1s;
	-o-transition: background-color .3s ease-out .1s;
	-ms-transition: background-color .3s ease-out .1s;
	transition: background-color .3s ease-out .1s
}
.sideMenuClosed span:after{ content: ''; display: inline-block; width: 30px; height: 2px; background-color: #1a1a1a; position: absolute; top: 8px; left: 0;
	-webkit-transition: transform .3s ease-out, top .5s ease .4s;
	-moz-transition: transform .3s ease-out, top .5s ease .4s;
	-o-transition: transform .3s ease-out, top .5s ease .4s;
	-ms-transition: transform .3s ease-out, top .5s ease .4s;
	transition: transform .3s ease-out, top .5s ease .4s;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}
.sideMenuClosed span:before{ content: ''; display: inline-block; width: 30px; height: 2px; background-color: #1a1a1a; position: absolute; top: -8px; left: 0;
	-webkit-transition: transform .3s ease-out, top .5s ease .4s;
	-moz-transition: transform .3s ease-out, top .5s ease .4s;
	-o-transition: transform .3s ease-out, top .5s ease .4s;
	-ms-transition: transform .3s ease-out, top .5s ease .4s;
	transition: transform .3s ease-out, top .5s ease .4s;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}
.aa{ display:block !important;}
.aa span{background-color: transparent;}
.aa span:after{ width:20px;
	-webkit-transition: top .5s ease, transform .3s ease-out .4s;
	-moz-transition: top .5s ease, transform .3s ease-out .4s;
	-o-transition: top .5s ease, transform .3s ease-out .4s;
	-ms-transition: top .5s ease, transform .3s ease-out .4s;
	transition: top .5s ease, transform .3s ease-out .4s;
	-webkit-transform: rotate(-45deg);
	top: 0;
	-moz-transform: rotate(-45deg);
	top: 0;
	-o-transform: rotate(-45deg);
	top: 0;
	-ms-transform: rotate(-45deg);
	top: 0;
	transform: rotate(-45deg);
	top: 0
}
.aa span:before{ width:20px;
	-webkit-transition: top .5s ease, transform .3s ease-out .4s;
	-moz-transition: top .5s ease, transform .3s ease-out .4s;
	-o-transition: top .5s ease, transform .3s ease-out .4s;
	-ms-transition: top .5s ease, transform .3s ease-out .4s;
	transition: top .5s ease, transform .3s ease-out .4s;
	-webkit-transform: rotate(45deg);
	top: 0;
	-moz-transform: rotate(45deg);
	top: 0;
	-o-transform: rotate(45deg);
	top: 0;
	-ms-transform: rotate(45deg);
	top: 0;
	transform: rotate(45deg);
	top: 0
}

.nscollheader nav{ background:rgba(255,255,255,0.8);}
#userPLink{ position: relative; float:left;}
#userMenuToggle{ position: absolute; right: 0;}
ul#userMenu{ list-style: none; position: absolute; top: 40px; left: 0; padding: 0;}
#userMenu li{ display: block; padding: 5px 10px; text-align: left; width: 150px;}
ul#userMenu li a::after{ content: attr(title);}
#userMenu li a:hover, #sideMenuContainer > a:hover{ padding-left: 3px;}
#scrollingNews{ color: #fcfcfc;}
#sideMenuContainer{ background: #45916b; height: 100%; padding: 10px; position: fixed; top:0px; right: -200px; width: 200px; z-index: 999;}
#sideMenuContainer h2{ color: #fcfcfc; letter-spacing: 2px; text-transform: uppercase;}
#sideMenuContainer>a{ display: block; color:#fff; font-size:16px; padding: 10px 10px;}
@media (max-width:991px){
	.mobile{ display:block; position: fixed; z-index: 99; background-color: #fff; width: 100%;}
	header{ height:76px;}
}






/*--banner--*/
.banner { overflow:hidden; position:relative;}
.banner #arrow{ position:absolute; width:22px; left:50%; margin-left:-11px; bottom:10%; z-index:99;}
#arrow img{ margin:0 auto; display:block; cursor:pointer;animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; 
-webkit-animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; }
@keyframes b_jump{
	from{ transform:translateY(0); -webkit-transform:translateY(0);}
	to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
	}
@-webkit-keyframes b_jump{
	from{ transform:translateY(0); -webkit-transform:translateY(0); }
	to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
	}


.banner .item { position:relative;}
.banner .owl-dots{ position:absolute; left:50%; margin-left:-650px; bottom:70px;text-align:left; z-index:99;}
.banner .owl-carousel .owl-nav{ display:block; position:absolute; width:80%; left:10%; top:50%; margin-top:-33px;}
.banner .owl-carousel .item img{ width:100%; height:auto;}
.banner .owl-carousel .owl-nav button.owl-prev,.banner .owl-carousel .owl-nav button.owl-next { position: absolute; width:65px; height:65px; z-index:99; font-size:0px;}
.banner .owl-carousel .owl-dots .owl-dot span { width:12px; height:12px;background:#FFFFFF; border-radius:12px; margin:0 2px;outline:0;}
.banner .owl-carousel .owl-dots .owl-dot.active span{ background-color:#1F73B3; outline:0; width:35px;}
.banner .owl-carousel .owl-nav button.owl-prev { left:10px; background:url(../images/left.png) no-repeat;}
.banner .owl-carousel .owl-nav button.owl-next { right:10px;background:url(../images/next.png) no-repeat;}
.banner .owl-carousel .owl-nav .owl-next:hover,.banner .owl-carousel .owl-nav .owl-prev:hover{filter:Alpha(Opacity=100);opacity:1;}
@media screen and (max-width:1300px){
.banner .owl-dots { margin-left:-570px; bottom:50px; }
}
@media screen and (max-width:1200px){
.banner .owl-dots { width:100%; left:0%; margin-left:0px; bottom:30px;text-align:center; }
#arrow{ display:none;}
}
@media screen and (max-width:768px){
.banner .owl-carousel .owl-nav{ display:none;}
.banner .owl-dots { bottom:15px; }
}
.content{ padding-top:50px; width:100%;}
.i_new{ display:block; margin-bottom:40px;}
.i_new h2{ font-size:20px; color:#484848; line-height:32px; font-weight:bold; margin-bottom:20px; height:32px; white-space:nowrap; width:100%; text-overflow:ellipsis; overflow:hidden;}
.i_new:hover h2{color:#0053a3;}
.i_new p{ font-size:14px; color:#666; line-height:26px; height:78px; overflow:hidden;}
.i_new span{ display:inline-block; width:170px; line-height:42px; text-align:center; font-size:14px; color:#666; margin-top:22px; border:1px solid #ccc;}
span.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background: #fff;
}
span.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#0053a3;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
span.hvr-bounce-to-top:hover,span.hvr-bounce-to-top:focus,span.hvr-bounce-to-top:active {
  color: white;
}
span.hvr-bounce-to-top:hover:before,span.hvr-bounce-to-top:focus:before,span.hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}



/*首页通用样式*/
.main .title{}
.main .title h3{ text-align: center; font-size: 24px; color: #1a1a1a; line-height: 38px; font-weight: bold;}


/*首页样式*/
.main .about{padding: 100px 0px;}
.main .about .title{ background:url( ../images/about_back.png) center center no-repeat;}
.main .about .left{ width: 47.5%; padding-right: 90px; padding-top: 32px; box-sizing: border-box;}
.main .about .left h3{ font-size: 20px; color: #1a1a1a; font-weight: bold;}
.main .about .left i{ display: inline-block; font-size: 14px; color: #404040; font-style: normal; margin-top: 10px;}
.main .about .left p{ font-size: 14px; color: #666; line-height: 24px; margin-top: 50px;}
.main .about .left .link{ margin-top: 40px;}
.main .about .left .link li{ float: left; text-align: center; margin: 0px 25px;}
.main .about .left .link li h4{ font-size: 14px; color: #404040; padding-top: 15px;
	-webkit-transition: 0.3s ease-out .1s;
	-moz-transition: 0.3s ease-out .1s;
	-o-transition:0.3s ease-out .1s;
	-ms-transition: 0.3s ease-out .1s;
	transition: 0.3s ease-out .1s}
.main .about .left .link li:hover h4{ color: #36b374;}
.main .about .left b{ display: inline-block; line-height: 38px; padding: 0 38px; border-radius: 19px; background-color: #36b374; color: #fff; font-weight: normal; margin-top: 40px;
	-webkit-transition: 0.3s ease-out .1s;
	-moz-transition: 0.3s ease-out .1s;
	-o-transition:0.3s ease-out .1s;
	-ms-transition: 0.3s ease-out .1s;
	transition: 0.3s ease-out .1s}
.main .about .left b:hover{ background-color: #278757;}
.main .about .right{ width: 52.5%;}
.main .about .right img{ width: 100%;}
@media screen and (max-width:990px){
	.main .about{ padding: 40px;}	
	.main .about .content{ padding-top: 0px;}	
	.main .about .left{ padding-top: 10px;}
	.main .about .left .link li{ margin: 0px 10px;}
	.main .about .left p{ margin-top: 15px;}
	
}
@media screen and (max-width:769px){
	.main .about .left{ float: none; width: 100%; padding: 40px 0px; padding-right: 0;}
	.main .about .right{ float: none; width: 100%; margin-top: 20px;}
	.main .about .left .link li{ width: 33%; margin: 0;}
}



.main .product{ width: 100%; background-color: #57a556; padding: 80px 0px;}
.main .product .title{ background:url( ../images/product_back.png) center center no-repeat;}
.main .product .gsdown{ margin-top: 40px;}
.main .product ul{ text-align: center; padding-bottom: 20px;}
.main .product li{ display: inline-block; line-height: 36px; margin: 0px 15px; color: #b7d7b6; }
.main .product li a{ color: #b7d7b6; }
.main .product li.active{ border-bottom: 1px solid #fff;}
.main .product li.active a{ color: #fff;}
.main .product li:hover{ border-bottom: 1px solid #fff;}
.main .product li:hover a{ color: #fff;}
.main .product .gsdbgone .imgbox{ position: relative; width: 100%; padding-top: 100%; background-color:#fff; overflow:hidden; }
.main .product .gsdbgone .imgbox h3{ position: absolute; z-index: 5; width: 100%; left:0; bottom: 0; line-height: 48px; font-size: 16px; text-align: center; background-color: rgba(0,0,0,0.5); color: #fff;}
.main .product .gsdbgone img{display: block; max-width: 100%; height: auto; position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; 
	-webkit-transition: 0.3s ease-out .1s;
	-moz-transition: 0.3s ease-out .1s;
	-o-transition:0.3s ease-out .1s;
	-ms-transition: 0.3s ease-out .1s;
	transition: 0.3s ease-out .1s;}	
	
	



.main .product .gsdbgone img:hover{
	transform: translate(-50%, -50%) scale(1.2);
	-webkit-transform: translate(-50%, -50%) scale(1.2);
	-moz-: translate(-50%, -50%) scale(1.2);
	-o-transform: translate(-50%, -50%) scale(1.2);
	-ms-transform: translate(-50%, -50%) scale(1.2);}
	

@media screen and (max-width:990px){
	.main .product .gsdbgone .imgbox{ margin-bottom: 30px;}
	.main .product{ padding: 40px 0px;}
}





.main .new{ padding: 100px 0px;}
.main .new .title{ background:url( ../images/new_back.png) center center no-repeat;}
.main .new .recommend{ box-sizing: border-box; border: 1px solid #ddd; padding: 14px; margin-top: 30px;}
.main .new .recommend .left{ width: 48.5%;}
.main .new .recommend .left img{ width: 100%;}
.main .new .recommend .right{ width: 46%;}
.main .new .recommend .right i{ display: inline-block; font-style: normal; font-size: 14px; color: #999; background: url(../images/new_back01.jpg) left bottom no-repeat; padding-bottom: 20px; margin-bottom: 15px;}
.main .new .recommend .right h3{ font-size: 24px; color: #404040; margin-bottom: 30px;}
.main .new .recommend .right p{ font-size: 14px; color: #999; line-height: 24px; margin-bottom: 30px;}
.main .new .recommend .right b{ display: inline-block; padding: 0px 38px; line-height: 38px; border-radius: 19px; background-color: #36b374;; font-weight: normal; color: #fff;
	-webkit-transition: 0.3s ease-out .1s;
	-moz-transition: 0.3s ease-out .1s;
	-o-transition:0.3s ease-out .1s;
	-ms-transition: 0.3s ease-out .1s;
	transition: 0.3s ease-out .1s}
.main .new .recommend .right b:hover{ background-color: #45916b;}
.main .new .list{ margin-top: 30px; }
.main .new .list .bor{ background: #f7f7f7; padding: 36px 28px;
	-webkit-transition: 0.3s ease-out .1s;
	-moz-transition: 0.3s ease-out .1s;
	-o-transition:0.3s ease-out .1s;
	-ms-transition: 0.3s ease-out .1s;
	transition: 0.3s ease-out .1s}
.main .new .list .bor .left{ width: 19%; position: relative; padding-bottom: 60px;}
.main .new .list .bor .left i{ display: block; text-align: right; font-size: 14px; color: #666; font-style: normal;
	-webkit-transition: 0.3s ease-out .1s;
	-moz-transition: 0.3s ease-out .1s;
	-o-transition:0.3s ease-out .1s;
	-ms-transition: 0.3s ease-out .1s;
	transition: 0.3s ease-out .1s}
.main .new .list .bor .left b{ display: block; text-align: right; font-size: 22px; color: #262626; font-family: "Arial";
	-webkit-transition: 0.3s ease-out .1s;
	-moz-transition: 0.3s ease-out .1s;
	-o-transition:0.3s ease-out .1s;
	-ms-transition: 0.3s ease-out .1s;
	transition: 0.3s ease-out .1s;}
.main .new .list .bor .left:before{ position: absolute; left: 0; bottom: 0; content: ""; width: 50px; height: 50px; background: url(../images/new_back03.png) left bottom no-repeat;}
.main .new .list .bor .right{ width: 74%; position: relative; padding-bottom: 36px;}
.main .new .list .bor .right h3{ font-size: 14px; color: #262626; font-weight: bold; margin-bottom: 30px;
	-webkit-transition: 0.3s ease-out .1s;
	-moz-transition: 0.3s ease-out .1s;
	-o-transition:0.3s ease-out .1s;
	-ms-transition: 0.3s ease-out .1s;
	transition: 0.3s ease-out .1s;}
.main .new .list .bor .right p{ font-size: 14px; color: #999; line-height: 24px;
	-webkit-transition: 0.3s ease-out .1s;
	-moz-transition: 0.3s ease-out .1s;
	-o-transition:0.3s ease-out .1s;
	-ms-transition: 0.3s ease-out .1s;
	transition: 0.3s ease-out .1s;}
.main .new .list .bor .right:before{ position: absolute; left: 0; bottom: 0; content: ""; width: 34px; height: 5px; background: url(../images/new_back02.png);}
.main .new .list .bor:hover{ background-color: #45916b;}
.main .new .list .bor:hover b{ color: #fff;}
.main .new .list .bor:hover i{ color: #fff;}
.main .new .list .bor:hover h3{ color: #fff;}
.main .new .list .bor:hover p{ color: #fff;}
@media screen and (max-width:990px){
	.main .new .list .bor{ margin-bottom: 10px;}
	.main .new .recommend .left{ display: none;}
	.main .new .recommend .right{ float: none; width: 100%;}
	.main .new .recommend{ padding: 24px;}
	.main .new{ padding:40px 0px;}	
}



.main .links{ padding-bottom: 40px; font-size: 14px; color: #333;}
.footer{ background-color: #57a556; width: 100%; padding-top: 10px;}
.footer .top{ line-height: 80px; background: url(../images/footer_back.jpg) bottom repeat-x;}
.footer .top span{ float: left; display: inline-block; width: 11%; text-align: center;}
.footer .top span a{ color: #fff; font-size: 14px;}
.footer .top span a:hover{ color: #fff;}
.footer .text{ text-align: center; line-height: 80px; color: #fff;}
.footer .text p{ color:#fff;}
.footer .text a{ color: #fff; }
.footer .text a :hover{ color: #fff; }

@media screen and (max-width:768px){
	.footer .top span{ width: 25%;}
}
/*首页结束*/



/*内页开始*/
.banner_n{ width: 100%;}
.banner_n img{ width: 100%;}



.nei_nav{ width: 100%; height: 72px; line-height: 72px; border-bottom: 1px solid #ddd; font-size: 16px; color: #666;}
.nei_nav a{ font-size: 16px; color: #666;}
.nei_nav a:hover{ color: #45916b;}




.about .title{ background:url( ../images/new_back.png) center center no-repeat; margin-bottom: 60px;}
.about .title h3{ text-align: center; font-size: 24px; color: #1a1a1a; line-height: 38px; font-weight: bold;}
.about p{ font-size: 14px; color: #1a1a1a; line-height: 36px;}
.about{ padding-top: 60px;}

.about .num{ margin-top: 70px; margin-bottom: 50px;}
.about .num .product-num-item{ float: left; width: 25%; text-align: center;}
.about .num .product-num-item .product-num-inf{ font-size: 14px; color: #404040;}
.about .num .product-num-item .product-num-nub{ font-style: normal; font-weight: bold; font-size: 44px; color: #45916b;}
.about .num .product-num-item span{ font-size: 14px; color: #666;}
.about .img{ width: 100%;}
.about .img img{ width: 100%;}

@media screen and (max-width:768px){
	.about .num .product-num-item{ width: 50%; }
}






/*--新闻--*/
.pc_show{ display:block;}
.pad_show{ display:none;}
.phone_show{ display: none;}
.pc_pad_show{display:block;}
.pad_phone_show{ display:none;}


@media  screen and (max-width: 1199px){
.pc_show{ display:none;}
.pad_show{ display:block;}
.phone_show{ display: none;}
.pc_pad_show{display:block;}
.pad_phone_show{ display:block;}

.w_0100{ float:left; width:100%; padding:0 10px;
box-sizing:border-box; 
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
.w_1200{ margin:0 auto; max-width:984px;}	
}

@media  screen and (max-width: 767px){
.pc_show{ display:none;}
.pad_show{ display:none;}
.phone_show{ display: block;}
.pc_pad_show{display:none;}
.pad_phone_show{ display:block;}
.tit_hitem { display:none;}
.w_0100{padding:0;}
}
.c_1200_5{ width:100%; padding:40px 0 55px 0;}
.t_1200_2{  width:100%; padding:0;}
.slide_hitem{  width:100%;}
.slide_hitem .hd{ float:left; width:47%; padding-left:17px;}
.slide_hitem .hd ul{ float:left; width:100%;}
.slide_hitem .hd ul li{ float:left; width:100%; height:150px; position:relative;margin-bottom:2px; background:#F7F7F7; cursor:pointer;}
.slide_hitem .hd ul li:last-child { margin-bottom:0;}
.slide_hitem .hd ul li .t_254{ position:absolute; width:100%; height:150px; left:0; top:0;
-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;
}
.slide_hitem .hd ul li.on .t_254{ position:absolute; width:100%; height:150px; left:0; top:0; background:#45916b;}
.slide_hitem .hd ul li .t_254 .l_217{ float:left; width:100%; padding:39px;
box-sizing:border-box; 
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
-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;
}

.slide_hitem .hd ul li .t_254 .l_217 .sp6{ float:left; height:25px; line-height:25px; margin-bottom:5px; width:100%; font-size:18px; font-weight:bold;white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis; color:#333333;
-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;
}
.slide_hitem .hd ul li.on .t_254 .l_217 .sp6{ color:#fff;}
.slide_hitem .hd ul li p { float:left; width:100%; color:rgba(51,51,51,0.5); height:50px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.slide_hitem .hd ul li.on p { color:#fff;}

.slide_hitem .bd{ float:left; width:53%; height:453px;}
.slide_hitem .bd .box_hitem{ float:left; width:100%;}
.slide_hitem .bd ul{ float:left; width:100%;}
.slide_hitem .bd ul li{ float:left; width:100%; height:453px; position:relative;}
.slide_hitem .bd ul li a { display:block; width:100%; height:100%;}
.slide_hitem .bd ul li .nr_hitem{ width:100%; height:100%; position: absolute; left:0; top:0; text-align:center;}
.tit_hitem strong { font-size:36px; color:#fff; height:36px; line-height:36px; margin-top:20px; display:block;}
.tit_hitem span { font-size:14px; color:#fff; display:block; padding-top:4px;}


.slide_hitem .bd ul li .nr_hitem .tit_hitem{ float:left; width:95px; height:99px;overflow:hidden; background:#45916b; }


.slide_hitem .bd ul li .nr_hitem .btn_hitem{ float:left; width:100%; margin-top:18px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem a{ padding:16px;  border:#fff solid 1px; color:#fff; font-size:14px;  line-height:33px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem a i { padding-left:68px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem a:hover{ background-color:#1069AD; border:#1069AD solid 1px; color:#fff;}


@media  screen and (max-width:1199px){
.slide_hitem{ float:left; width:100%;}	
}

@media  screen and (max-width:767px){
.newtitle { font-size:16px; color:#fff;white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis; margin-bottom:10px;}
.newdes { font-size:14px; color:#fff;overflow: hidden; text-align:left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}	
.slide_hitem .bd ul li .nr_hitem .btn_hitem a:hover{ background-color:#fff; border:#1069AD solid 1px; color:#1069AD;}
.slide_hitem .bd ul li .nr_hitem .tit_hitem{ float:left; width:100%;margin:20px 0 13px 0;}

.slide_hitem{ position:relative;}
.slide_hitem .bd{ width:100%; height:auto; overflow:hidden;}
.slide_hitem .bd .box_hitem{ float:left; width:100%;
	width:100%;
	height:100%;
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
	}
.slide_hitem .bd ul{
    margin:0;
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
}
.slide_hitem .bd ul li{  height:auto;}
.slide_hitem .bd ul li .img_hitem{  width:100%; height:auto;}
.slide_hitem .bd ul li .nr_hitem{ position:inherit;  width:100%; height:auto; padding:25px 19px 30px 19px; margin:0; background:#45916b;
box-sizing:border-box; 
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
.slide_hitem .bd ul li .nr_hitem .text_hitem{ height:96px; margin-bottom:28px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem{float:left;margin-top:0; margin:0 auto;}
.slide_hitem .left_hi{ position:absolute; width:30px; height:54px; left:-10px; z-index:20; top:20%; cursor:pointer;}
.slide_hitem .right_hi{ position:absolute; width:30px; height:54px; right:-10px; z-index:20; top:20%; cursor:pointer;}
}
@media  screen and (max-width:480px){
.slide_hitem .bd ul li .nr_hitem .btn_hitem{float:none;margin-top:0; margin:0 auto;}	
.slide_hitem .bd ul li .nr_hitem .btn_hitem a{ width:105px;}

}

.newd{ height:283px; display:block; border:1px solid #e5e5e5; padding:40px 30px; box-sizing:border-box; background-color:#fff; overflow:hidden; margin-bottom:30px;}
.newd h3{ font-size:16px; color:#333; margin-bottom:30px; margin-top:10px; line-height:35px;width:100%; height:35px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.newd .hdis{ font-size:14px; color:#999999; line-height:24px; width:100%; height:72px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
.newd .time{ font-size:18px; color:#cccccc; line-height:24px; margin-top:20px; display:block;}
.newd a{ display:block;}
.insides{ transform: translateY(-20px); transition:all 0.5s;}
.newd:hover{ background-color:#45916b;}
.newd:hover h3 , .newd:hover .hdis , .newd:hover .time , .newd:hover .hnew{color:#fff;}
.newd:hover .insides{  transform: translateY(0);}
.topnew{  margin-bottom:60px; margin-top:20px; border-bottom:1px solid #eee; padding-bottom:50px;}
.picnew{ display:block; overflow:hidden;}
.picnew img{ width:100%; position:relative; transition:all 0.3s;}
.picnew .picontent{ background-color:rgba(206,45,37,0.8); width:50%; padding:40px; position:absolute; right:10%; bottom:40px;}
.picontent h3{ font-size:16px; color:#fff; margin-bottom:10px; line-height:35px; font-weight:bold; width:100%; height:35px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.picontent p{ font-size:14px; color:#fff; line-height:24px; width:100%; height:72px; overflow:hidden; margin-bottom:20px; }
.picontent span{ font-size:14px; color:#fff; line-height:24px; display:block;}
.picnew:hover img{ transform:scale(1.05);}
.pictop{ overflow:hidden; display:block;}
.pictop img{ transition:all 0.5s;}
.pictop:hover img{  transform:scale(1.05);}
.pictop h3{ font-size:16px; color:#333; margin:30px 0; line-height:35px; font-weight:bold; width:100%; height:35px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.pictop p{ font-size:14px; color:#666; line-height:24px; width:100%; height:72px; overflow:hidden; margin-bottom:50px; }
.pictop span{ font-size:14px; color:#666; line-height:24px; display:block;}
.pictop:hover h3{  color:#ce2d25;}


@media screen and (max-width:990px){
.newd{ padding:30px 15px; }
}
.dede_pages{ text-align: center; margin-bottom: 30px;}


.nei_pro{ margin-top: 20px;}
.nei_pro .pro_nav{ background-color: #f2f2f2; padding-bottom: 30px;}
.nei_pro .pro_nav h3{ width: 100%; box-sizing: border-box; padding-left: 20px; background-color: #45916b; line-height: 54px; font-weight: bold; color: #fff; font-size: 20px;}
.nei_pro .pro_nav h3 a{ color: #fff; }
.nei_pro .pro_nav .title{ width: 100%; padding-left: 40px; background:url(../images/pro_nav01.png) left center no-repeat;}
.nei_pro .pro_nav .title h4{ line-height: 36px; font-size: 16px;}
.nei_pro .pro_nav .title h4 a{ color: #404040; word-break: keep-all;}
.nei_pro .pro_nav>.cattree>dt{ line-height: 36px; font-size: 16px; padding-left: 60px; background:url(../images/pro_nav02.png) left center no-repeat;}
.nei_pro .pro_nav .cattree>dt a{ font-size: 16px; color: #404040; line-height: 36px; font-weight: normal;}
.nei_pro .pro_nav .cattree dd dt{ line-height: 36px; font-size: 16px; padding-left: 80px;}
.nei_pro .pro_nav .cattree dd dt a{ font-size: 16px; color: #404040; line-height: 36px; font-weight: normal;}
.nei_pro .pro_nav .title a:hover{ color: #45916b;}
.nei_pro .pro_nav .cattree a:hover{ color: #45916b; border-bottom: 1px solid #45916b;}


.nei_pro .list{ background-color: #f2f2f2; padding: 30px;}
.nei_pro .list .proimg{ width: 100%; padding-top: 65%; position: relative; overflow: hidden; margin-bottom: 30px;}
.nei_pro .list .proimg img{ display: block; max-width: 100%; height: auto; position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; 
	-webkit-transition: 0.3s ease-out .1s;
	-moz-transition: 0.3s ease-out .1s;
	-o-transition:0.3s ease-out .1s;
	-ms-transition: 0.3s ease-out .1s;
	transition: 0.3s ease-out .1s;}
.nei_pro .list .proimg img:hover{
	transform: translate(-50%, -50%) scale(1.2);
	-webkit-transform: translate(-50%, -50%) scale(1.2);
	-moz-: translate(-50%, -50%) scale(1.2);
	-o-transform: translate(-50%, -50%) scale(1.2);
	-ms-transform: translate(-50%, -50%) scale(1.2);}
.nei_pro .list .proimg .protit_name{ position: absolute; z-index: 10; left: 0; bottom: 0; display: inline-block; width: 100%; line-height: 40px; font-size: 14px; color: #fff; text-align: center; background-color: rgba(0,0,0,0.5);}

.nei_pro .list .pro_text{ width: 100%; text-align: center;}
.nei_pro .list .pro_text a{ color: #333;}
.nei_pro .list .pro_text a:hover{ color: #45916b;}




@media screen and (max-width:990px){
.nei_pro .list{ margin-top: 30px; }
}
.nei_article{ margin-top: 40px;}
.nei_article .img{ padding-top: 80px;}
.nei_article .img img{ width: 100%;}
.nei_article .detail h3{ font-size: 32px; color: #252525; text-align: center;}
.nei_article .detail i{ width: 100%; display: inline-block; font-style: normal; text-align: center;}
.nei_article .xq{ border-left: 2px solid #45916b; padding-left: 15px; margin-top: 20px; margin-bottom: 10px;}

.nei_article .page1{ margin-top: 30px; padding-bottom: 30px;}


@media screen and (max-width:990px){
	.nei_article .img{ padding-top: 0px;}
}


.img_list{ margin-top: 60px; margin-bottom: 30px;}
.img_list .proimg img{ width: 100%;
	-webkit-transition: 0.3s ease-out .1s;
	-moz-transition: 0.3s ease-out .1s;
	-o-transition:0.3s ease-out .1s;
	-ms-transition: 0.3s ease-out .1s;
	transition: 0.3s ease-out .1s;}
.img_list .proimg img:hover{transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-moz-:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);}
.img_list .protit_name{ display: inline-block; width: 100%; line-height: 42px; font-size: 16px; text-align: center;}



.img_list .proimg{ position: relative; padding-top: 65%; overflow: hidden;}


.img_list .proimg img{ display: block; max-width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; 
	-webkit-transition: 0.3s ease-out .1s;
	-moz-transition: 0.3s ease-out .1s;
	-o-transition:0.3s ease-out .1s;
	-ms-transition: 0.3s ease-out .1s;
	transition: 0.3s ease-out .1s;}
.img_list .proimg:hover img{
	transform: translate(-50%, -50%) scale(1.2);
	-webkit-transform: translate(-50%, -50%) scale(1.2);
	-moz-: translate(-50%, -50%) scale(1.2);
	-o-transform: translate(-50%, -50%) scale(1.2);
	-ms-transform: translate(-50%, -50%) scale(1.2);}


.nmessagenr{ margin-top: 60px;}
.nmessagenr .input01 input{ display: block; width: 100%; border: none; padding: 0; margin: 0; background-color: #f2f2f2; line-height: 64px; font-size: 18px; color: #666; margin-bottom: 24px; box-sizing: border-box; padding-left: 20px;}
.nmessagenr .text textarea{ display: block; width: 100%; border: none; padding: 0; margin: 0; background-color: #f2f2f2; height: 240px; font-size: 18px; color: #666; box-sizing: border-box; padding: 20px;}



.tjbtn button{ display: block; margin: 0 auto; width: 172px; line-height: 52px; font-size: 18px; text-align: center; color: #fff; background-color: #45916b;}
.tjbtn{ margin-bottom: 40px;}




@media screen and (max-width:990px){
	.tjbtn{ margin-top: 40px; margin-bottom: 40px;}
}



.centerus{ margin-top: 80px; margin-bottom: 80px;}
.centerus .text{ padding-top: 36px;}
.centerus h3{ font-size: 28px; color: #1a1a1a; margin-bottom: 60px;}
.centerus p{ line-height: 40px; font-size: 18px; color: #333;}


.acticle { margin-top: 80px;}
.acticle h1{ text-align: center; font-size: 36px; color: #262626;}
.acticle .fbtime{ font-size: 14px; margin-top: 24px; color: #666; text-align:center;}
.acticle .info{ margin-top: 20px; margin-bottom: 20px;}
.acticle .news_content{ margin-bottom: 40px;}



.pagelist{ text-align: center;}
.pagelist li{ display: inline-block; margin: 10px; padding:5px 15px; border: 1px solid #ddd;}
.pagelist li:hover{ background-color: #45916b;}
.pagelist li:hover a{ color: #fff;}
.pagelist li:hover span{ color: #fff;}


table{ width:100% !important;}
table td{ width: auto !important;}
table tr{ width: auto !important;}
#container{ height:350px;}


.news_content table{background:#57a556;width:100%;margin:20px auto 40px;font-size:16px;line-height:26px;text-align:center;}
.news_content table td{background:#f5f5f5;}
.news_content tbody tr:nth-child(even) td,
.news_content tbody tr:nth-child(even) th {background-color:#f0f0f0;}
.news_content tbody tr:nth-child(odd) td,
.news_content tbody tr:nth-child(odd) th {background-color:#fff;}
.news_content table tr:first-child td{background-color:#57a556;color:#fff;}

.detail table{background:#57a556;width:100%;margin:20px auto 40px;font-size:16px;line-height:26px;text-align:center;border-color: #fff;}
.detail table colgroup{ display:none;}
.detail table td{background:#f5f5f5; border: 1px solid #fff;}
.detail tbody tr:nth-child(even) td,
.detail tbody tr:nth-child(even) th {background-color:#f0f0f0;}
.detail tbody tr:nth-child(odd) td,
.detail tbody tr:nth-child(odd) th {background-color:#fff;}
.detail table tr:first-child td{background-color:#57a556;color:#fff;}

.nei_pro .row span{
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space:nowrap;}
	
	.pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.pages ul{display:inline-block;margin:0 auto;padding:0}
.pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:12px}
.pages ul a.page-num-current{ background:#24ac49; color:#fff; }
.pages ul a:hover{ background:#ddd}
.pages .page-status{ display:none;}
.pages span.page-num{ display:none;}