﻿body{
	font-family:"微软雅黑";
}
*{margin:0; padding:0; border:0;}
ul,li{list-style:none; margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0; border:0;}
a{ color:#0062ab;}
a:hover{ text-decoration:none;}

#logo{ width:100%; padding:30px 0 20px;}
#logo .lg1{ margin-right:5px; height:50px;}
#logo .lg2{height:70px;}
.navbar-inverse{background:#fff; border:0; border-radius:0; margin-bottom:0;}
.nav-links .navbar {margin-bottom:0px;}
#nav{ background-color:#018f5d;}
#nav li a{display:block; padding:15px 24px; color:#fff; font-weight:normal; }
#nav li a:hover{ background-color:#fdc927;}
.imcm .imclear, .imclear { clear: both; height: 0px; visibility: hidden; line-height: 0px; font-size: 1px;}
.imcm .imsc {position: relative; z-index:101;}
.imcm .imsubc { position: absolute; visibility: hidden;}
.imcm ul ul li {width: 100%;float: none !important;}
.imcm a {position: relative;}
.imde ul li:hover .imsubc {visibility: visible;}
.imde ul ul li:hover .imsubc { visibility: visible;}
.imde ul ul ul li:hover .imsubc {visibility: visible;}
.imde li:hover ul .imsubc {visibility: hidden;}
.imde li:hover ul ul .imsubc {visibility: hidden;}
.imde li:hover ul ul ul .imsubc {visibility: hidden;}
#imenus0 li ul li { text-align:center; border:1px solid #ccc; border-top:none; background-color: #fff; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }
#imenus0 li ul li a { color: #000; font-size: 14px; padding:13px 35px;}
#imenus0 ul li:hover{background-color: #fdc927; color: #FFF;}
#imenus0 ul li:hover a{ color: #FFF; text-decoration:none;}
.im1{ width:150px; top:0px; left:-20px;}

.sousou{width:300px; float:right;}
.sousou img{ float:left; display:block; margin-right:10px; margin-top:5px;}
.sousou p{ font-weight:bold; font-size:30px; color:#F00;}
.sousou p span{ color:#333; font-size:16px;}
#banner img{ width:100%;}
.biaoti{ margin:20px auto 30px;}
.biaoti h2{ text-align:center;}
.biaoti p{ text-align:center; margin-top:10px; color:#777; font-size:18px;} 
.zhutui h4{background-color:#eee; color:#007744; text-align:center; padding:10px; margin:0px 0 40px; width:480px;}
.zhutui img{ width:500px; float:left; margin-left:50px;}
.zhutui .ztr{ width:550px; float:right; padding-top:0px;}
.zhutui .ztr h2{ color:#fbc825; font-weight:bold; margin:30px 0px 20px;}
.zhutui .ztr h2 a span{ color:#018f5d; }
.zhutui .ztr h2 a:hover span{ color:#1ba93b;}
.zhutui .ztr p{ color:#555; font-size:18px;}
.zhutui .ztr ul{ margin-top:30px;}
.zhutui .ztr ul li{ padding:54px 10px; width:132px; border:1px dashed #1ba93b;  float:left; text-align:center; margin:10px; border-radius:100px; font-size:16px;}
.zhutui .ztr ul li:hover{ background-color:#1ba93b; color:#fff;}
.zhutui1{ padding-top:30px;}
.zhutui1 h4{background-color:#eee; color:#007744; text-align:center; padding:10px; margin:0px 0 40px;}
.zhutui1 img{ width:400px; float:left;}
.zhutui1 .ztr{ width:420px; float:right; padding-top:0px;}
.zhutui1 .ztr h2{ color:#fbc825; font-weight:bold; margin:30px 0px 20px;}
.zhutui1 .ztr h2 span{ color:#018f5d; }
.zhutui1 .ztr p{ color:#555; font-size:18px;}
.zhutui1 .ztr ul{ margin-top:30px;}
.zhutui1 .ztr ul li{ padding:49px 10px; width:120px; border:1px dashed #1ba93b;  float:left; text-align:center; margin:10px; border-radius:100px; font-size:14px;}
.zhutui1 .ztr ul li:hover{ background-color:#1ba93b; color:#fff;}
.xinpin{ margin-top:30px; padding:30px 0px;  background:#F3F3F4;}
.xinpin h4{background-color:#007744; color:#fff; text-align:center; padding:5px; width:150px; margin:10px auto 30px;}
.xinpin1{ margin-top:30px; padding:20px 10px;  background:#F3F3F4;}
.xinpin1 h4{background-color:#007744; color:#fff; text-align:center; padding:5px; width:150px; margin:10px auto 30px;}

.hvr-sweep-to-bottom {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px transparent;-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .3s;transition-duration: .3s}
.hvr-sweep-to-bottom:before {content: "";position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #305DC3;-webkit-transform: scaleY(0);transform: scaleY(0); -webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform; -webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out}
#product {padding:30px 0 0px;}
.pro-item{ width:32.33%; margin:10px 0.5%; float:left; overflow: hidden; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05)}
.pro-item .portfolio-img {position: relative; overflow: hidden;}
.pro-item .portfolio-img img { width: 100%;}
.pro-item .portfolio-img .overlay {position: absolute; top: 0;left: 0;right: 0;bottom: 0;background:#007744;text-align: center;opacity: 0;transition: all .3s ease;}
.pro-item .portfolio-img a {color: #fff;}
.pro-item:hover .portfolio-img .overlay { opacity: 0.7}
.pro-item .portfolio-img .overlay .inner {display: table;width: 100%;height: 100%;position: relative}
.pro-item .portfolio-img .overlay .inner:before {content: '';position: absolute;top: 8px;left: 8px;right: 8px;bottom: 8px;border: 1px solid rgba(255,255,255,.5)}
.pro-item .portfolio-img .overlay .social {display: table-cell;vertical-align: middle;position: relative;padding: 30px}
.pro-item .portfolio-img .overlay .social li {display: inline;margin-right: 4px}
.pro-item .portfolio-img .overlay .social li a {display: inline-block;width: 31px;height: 31px;border: 1px solid #fff;text-align: center;font-size: 12px;line-height: 30px;color: #fff;border-radius: 50%}
.pro-item .content-box {text-align: center;background: #fff;border-top: 2px solid #007744;display: block;margin-top: 0;padding: 15px 20px}
.pro-item .content-box:before {background: #007744}
.pro-item:hover .content-box {border-top-color: #007744}
.pro-item .content-box h2 a {color: #007744;}
.pro-item:hover .content-box:before {-webkit-transform: scaleY(1);transform: scaleY(1)}
.pro-item:hover .content-box h2 a {color: #fff}
.pro-item .content-box h2 {text-transform: uppercase;color: #007744;margin: 0;font-size: 18px;font-weight: 700;transition: all .3s ease;overflow: hidden}

.about{ width:540px; float:left; margin-top:40px;}
.about h2{ border-bottom:2px solid #018f5d; padding-bottom:10px;  font-weight:600;}
.about img{ width:100%; margin:10px 0px;}
.about a{ background-color:#018f5d; width:100px; padding:10px; color:#FFF; margin-top:20px; display:block; border-radius:5px; text-align:center;}
.about a:hover{background-color:#1ba93b;}
.shipin{ width:540px; float:right; margin-top:40px;}
.shipin h2{ border-bottom:2px solid #018f5d; padding-bottom:10px; font-weight:600;}
.shipin img{ width:100%; margin:10px 0px;}
.tu{ margin:20px auto;}
.tu ul li{ width:24%; margin:10px 0.5%; float:left;}
.tu ul li img{ width:100%;}
.tu ul li p{ text-align:center; background-color:#fafafa; border-top:2px solid #1ba93b; padding:8px 0px 10px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05)}
.tu ul li p a{ color:#555; height: 18px; display: block; overflow: hidden;}
.tu ul li:hover p{ background-color:#1ba93b; transition: all .3s ease;}
.tu ul li:hover p a{ color:#fff;}
.chang{margin-top:30px; padding:30px 0px 40px;  background:#F3F3F4;}
.chang li{ width:280px; margin:0px 5px;}
.chang li a img{ width:100%;}
.chang li p{ text-align:center; background-color:#fff; border-top:2px solid #1ba93b; padding:8px 0px 10px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05)}
.chang li p a{ color:#555;  height: 18px; display: block; overflow: hidden;}
.chang li:hover p{ background-color:#1ba93b; transition: all .3s ease;}
.chang li:hover p a{ color:#fff;}
.ne{ margin-top:30px; margin-bottom:40px;}
.news{ width:47%; float:left; margin:0px 1.5%;}
.news img{ width:100%;}
.news h3{ margin:10px 0px 20px; color:#1ba93b;}
.news ul li{padding:5px;}

.news ul li a{ color:#666; font-size:16px;}
.news ul li span{ float:right;}
.news ul li:hover{ background-color:#b4dcc4;}
.news ul a:hover{ color:#1ba93b;}

.foot{ background-color:#555; padding:30px 15px;}
.ff{ float:left; margin-right:100px; margin-top:20px;}
.foot ul{ margin-bottom:20px;}
.foot ul h4 {margin-bottom:10px;}
.foot ul h4 a{ color:#fff;}
.foot ul li{ margin-bottom:3px;}
.foot ul li a{ color:#ccc;}
.fr{ border-left:1px solid #ccc; float:left; padding-left:80px;}
.fr h4{ color:#fff; margin:10px 0px;}
.fr p{ line-height:25px; color:#fff;}
.bq{ padding:20px 0px; background-color:#333;}
.bq p{ text-align:center; color:#fff;}
.fzzl{  margin-top:50px;}

.con{ margin:30px auto;}
#left{ width:250px; float:left;}
#left h3{background-color:#018f5d; color:#fff; text-align:center; padding:20px 0;}
#left ul li{ border:1px solid #ececec; border-left:5px solid #fdc927; padding:10px 10px 10px 20px; margin:10px 0; box-shadow: 0 1px 1px rgba(0,0,0,.05)}
#left ul li a{ color:#555;}
#left ul li:hover{background-color:#018f5d;}
#left ul li:hover a{color:#fff;}
#left ul li a:hover{ color:#fdc927;}
#right{ width:860px; float:right;}
.bt{ border-bottom:1px solid #018f5d; padding:10px;}
.bt span{ float:right; margin-top:-20px;}
.bt span a{ color:#555;}
.gsjj,.lfzc,.qywh,.neir{ padding:30px 10px;}
.gsjj p,.ldzc p{ line-height:25px; margin-bottom:5px; text-indent:2em;}
.ldzc h4{ font-weight:bold; margin:40px 0px 20px;}
.qywh h4{font-weight:bold; margin:10px 0px 10px; font-size:14px; color:#555;}
.qywh p{ line-height:25px; margin-bottom:5px; text-indent:2em; font-size:14px; color:#555;}
.tuji ul li{ width:32.33%; margin:10px 0.5%; float:left;}
.tuji ul li img{ width:100%;}
.tuji ul li p{ text-align:center; background-color:#fafafa; border-top:2px solid #1ba93b; padding:8px 0px 10px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05)}
.tuji ul li p a{ color:#555; height:18px; display:block; overflow:hidden;}
.tuji ul li:hover p{ background-color:#1ba93b; transition: all .3s ease;}
.tuji ul li:hover p a{ color:#fff;}
.page{ padding:20px 0px; text-align:center; clear:both;}
.page a{color:#018f5d;}
.page a:hover{color:#1ba93b;}
.neir h3{ font-size:22px; text-align:center; color:#555;}
.neir p{ line-height:25px; margin-bottom:5px;}
.fbz{ border-bottom:1px dashed #ccc; padding:10px 0px; height:40px; margin:10px 0px;}
.fbz li{ float:left; width:33.33%; text-align:center; color:#777;}
.tunr{ margin:20px auto; display:block;}
.xyy{ margin-top:20px; position:relative;}
.xyy ul li{ font-size:16px; color:#666;}
.xyy ul li a{ font-size:16px; color:#666;}
.xyy .xy{ background-color:#018f5d; width:100px; padding:10px 20px; border-radius:10px; text-align:center; color:#fff; position:absolute; right:0px; top:0px;}
.tuijian{ border-top:1px solid #ccc; margin-top:20px; padding-top:20px;}
.tj{ width:50%; float:left; border-right:1px dashed #ccc; padding:0px 20px 20px;}
.tj h4{ margin:10px 0px;}
.tj ul li{ padding:3px;}
.tj ul li a{ color:#333;}
.tj ul li span{ margin-right:5px;}
.tj ul li .sj{ float:right; margin:0;}
.tj ul li:hover{ background-color:#b4dcc4;}
.tj ul a:hover{ color:#1ba93b;}
.xinwen ul li{ border:1px solid #ececec; padding:20px; margin:10px 0px; box-shadow: 0 1px 1px rgba(0,0,0,.05)}
.xinwen ul li a{ font-size:20px; color:#333;}
.xinwen ul li span{ float:right;}
.xinwen ul li p{ margin-top:10px; color:#777;}
.xinwen ul li:hover{ background-color:#b4dcc4;}
.xinwen ul li a:hover{color:#1ba93b;}
.chanpin h2{ text-align:center; margin:30px 0 10px;}
.chanpin img{ margin:0 auto; display:block;}
#right{ min-height:300px;}
#right .gengxin{ padding-top:30px; text-align:center; font-size:16px;}
.tujihe{background-color:#007744; color:#fff; text-align:center; padding:5px; width:150px; margin:30px auto 20px;}
.xswl{ padding-top:30px;}
.xswl img{ display:block; margin:0 auto;}
.cpsp h3{ text-align:center; margin:30px 0px 10px; color:#007744;}
.cpsp{ margin:0 auto; text-align:center;}
.cpsp p{ line-height:25px; margin-bottom:3px;}
video{ margin-bottom:10px;}
.spb{width:48%; margin:10px 1%; float: left;}
@media (min-width: 1200px){
.xs{ display:none;}
#nav li {float: left;list-style: none; font-size: 16px;font-weight: bold;}
.kj img{width:48%; margin:10px 1%;}
}
@media (max-width: 1180px){
#product{padding:0px 0 0px;}
.zhutui img,.zhutui1 img{ width:100%; margin:0; float:none;}
.zhutui h4,.zhutui1 h4{ width:100%; margin:20px 0;}
.zhutui .ztr ul,.zhutui1 .ztr ul,.ff{display:none;}
.zhutui .ztr,.zhutui1 .ztr,.about,.shipin{ width:100%; float:none;}
.tu ul li{ width:49%;}
.news{ width:100%; float:none; margin-bottom:20px;}
.fr{ border:none; padding-left:0px;}
.con{ margin-top:0px;}
#left,#right{ width:100%; float:none;}
#left{margin-top:10px;}
#left h3{ padding: 15px 0; font-size:18px;}
#left ul li{ width:49%; margin:5px 0.5%; float:left;  border-left: 1px solid #ececec; padding: 8px 8px 8px 20px;}
.bt span{ float:none; margin-top:20px;}
.xyy .xy{ background-color:#018f5d; width:100px; padding:10px 20px; border-radius:10px; text-align:center; color:#fff; position:absolute; left:0px; top:60px;}
.pro-item{ width:99%; margin:10px 0.5%; float:left; overflow: hidden; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05)}
.tuji ul li{ width:49%; margin:10px 0.5%; float:left;}
.neir img,.xswl img,.chanpin img{ width:100%;}
.fbzy{display:none;}
.fbz li{ width:50%;}
video,iframe{ width:100%; height:auto; margin-bottom:10px;}
.tj{ width:100%; border:none; padding: 0px 10px 20px;}
.zhutui .ztr h2,.zhutui1 .ztr h2{ font-size:22px;}
.news ul li:nth-child(even){ background-color:#eee;} 
.kj img{width:100%; margin:10px 0px;}
.spb{width:100%; margin:10px 0;}
}
@media (max-width: 768px){
.imsc{ display:none;}
.navbar-header{float:right; }
.xian{border:1px solid #000;}
#logo{ padding:10px 0px;}
#logo .lg1{height:24px; margin:10px 0px 0px 0px;}
#logo .lg2{height:34px; margin:10px 0px 0px 0px;}
#banner{}
#nav li{float:none;padding:0;background:#eee;border-bottom:1px solid #ccc;text-align:center;}
#nav li a{ color:#333;}
#nav li a:hover{ color:#fff;}
.navbar-nav{margin-top:0;}
.sousou,.news ul li span,.xinwen ul li span,.tj ul li .sj,.xyy .xy{display:none;}
#footnav{display:none;}
.btn-primary{background-color:#018f5d;}
.btn-primary:hover{background-color:#1ba93b;}
.carousel-indicators{bottom:0px;}
}