@charset "utf-8";

/* Hschubin */
*{margin: 0;padding: 0;}
html {font-family: Arial,"Microsoft YaHei";}
a {color: inherit;text-decoration: none;outline-style: none;}
ul, ol, li {list-style: none;}
input {color: inherit;}
img {border: 0 none;}

.fl {float: left; _display: inline;}
.fr {float: right; _display: inline;}
.clear {clear: both; height: 0; overflow: hidden;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

.main-box {position: relative;width: 100%; max-width: 1000px; display: block;margin: 0 auto;*zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}

.header {height: 90px;padding-top: 10px;}
.header-phone {float: right;margin-top: 20px;padding-left: 40px;font-size: 12px;line-height: 1.5;color: #555;background: url(../images/header-phone.png) left center no-repeat;}
.header-phone span {display: block;font-size: 18px;font-weight: bold;color: #185a08;}
.nav {height: 45px;line-height: 45px;background: url(../images/nav-bg.png);}
.nav li {float: left;width: 125px;font-size: 16px;text-align: center;color: #fff;background: url(../images/nav-line.png) right center no-repeat;}
.nav .nav-no-border {background: none;}
.nav a {display: block;}
.nav .present ,.nav li:hover {background: url(../images/nav-line.png);}
.nav .present a ,.nav li:hover a {background: url(../images/nav-bg.png) right center no-repeat;}

.banner {position: relative;}
.one-banner {height: 450px;background-position: center center;background-repeat: no-repeat;}
.banner .hd {position: absolute; bottom: 10px; left: 40%; z-index: 10; width: 20%;margin: 0 auto; text-align: center;}
.banner .hd li {display: inline-block;*display: inline;*zoom: 1; width: 12px; height: 12px; margin-right: 4px; background: #ccc;text-indent: -9999px;}
.banner .hd li.on {background: #333;}

.index-product ,.index-news {background: #f4f4f4;}
.index-part-tit {width: 270px;padding-top: 30px;margin: auto;border-bottom: 2px solid #cacaca;font-size: 12px;line-height: 30px;text-align: center;color: #767676;}
.index-part-tit span {display: block;font-size: 30px;color: #282828;}
.index-part-tit-line {width: 40px;margin: 0 auto -2px;border-bottom: 3px solid #01b901;}
.index-product .hd {position: relative;}
.index-product .hd span {position: absolute;top: 126px;width: 47px;height: 47px;}
.index-product .prev {left: 0;background: url(../images/index-prev.png);}
.index-product .next {right: 0;background: url(../images/index-next.png);}
.index-product .bd {padding: 20px 0;margin: 0 50px;}
.index-one-pro {float: left;width: 33.33%;font-size: 14px;line-height: 2;text-align: center;color: #111;}
.index-one-pro .pic-box {width: 115px;padding: 33px 55px;margin: auto;background: url(../images/index-pro-bg.png) center center no-repeat;}
.index-one-pro .pic-box div {width: 115px;height: 194px;*font-size: 169.75px;}
.index-one-pro .pic-box img {max-width: 115px;max-height: 194px;}
.index-one-pro:hover .pic-box {background: none;}

.index-profile {height: 305px;padding: 30px 30px 30px 490px;font-size: 14px;line-height: 30px;color: #333;}
.index-profile .pic-box {float: left;margin-left: -470px;}
.index-profile .pic-box div {width: 446px;height: 305px;*font-size: 266.88px;}
.index-profile-tit {font-size: 16px;font-weight: bold;color: #111;}
.view-profile {position: absolute;right: 30px;bottom: 30px;width: 160px;height: 40px;font-size: 20px;text-align: center;line-height: 2;color: #fff;background: #3c8b36;}

.index-news {padding-bottom: 60px;}
.index-one-news {display: block;height: 62px;padding-left: 117px;margin-top: 20px;font-size: 12px;line-height: 2;color: #888;}
.index-one-news a {display: block;}
.index-news-date {float: left;width: 55px;margin-left: -80px;font-size: 12px;line-height: 18px;text-align: center;color: #ccc;border: 1px solid #ccc;}
.index-news-date span {display: block;font-size: 30px;line-height: 42px;color: #fff;background: #ccc;}
.index-news-tit {font-size: 14px;color: #333;}
.index-one-news:hover .index-news-date {color: #125200;border: 1px solid #125200;}
.index-one-news:hover .index-news-date span {color: #fff;background: #125200;}
.index-one-news:hover .index-news-tit {color: #125200;}

.footer-nav {font-size: 12px;line-height: 30px;text-align: center;color: #fff;background: #3c8b36;}
.footer-copy {font-size: 12px;line-height: 3;color: #666;}
.footer-nav a:hover ,.footer-copy a:hover {color: #125200;}

.in-banner {height: 300px;background-position: center center;background-repeat: no-repeat;}

.main {padding: 25px 0;}
.main-l {float: left;width: 191px;}

.side-tit {display: block;margin-bottom: 5px;font-size: 12px;line-height: 40px;color: #185a08;border-bottom: 1px solid #a2a2a2;}
.side-tit span {margin-right: 8px;font-size: 18px;color: #333;}
.side-tit em {display: block;width: 40px;margin-bottom: -1px;border-bottom: 2px solid #00a13a;}
.side-nav li {position: relative;display: block;margin-top: 10px;font-size: 14px;line-height: 30px;text-indent: 36px;color: #333;background: #e0e0e0;}
.side-nav a {display: block;}
.side-nav .current ,.side-nav li:hover {color: #fff;background: #185a08 url(../images/side-nav-tag.png) 165px center no-repeat;}
.side-sub-nav {position: absolute;left: 192px;top: 0;display: none;width: 140px;background: #2f8919;}
.side-sub-nav li {margin-top: 0;font-size: 14px;line-height: 30px;text-align: center;text-indent: 0;color: #fff;background: none;border-bottom: 1px solid #82b875;}
.side-recommend {padding: 10px;margin-top: 20px;font-size: 12px;line-height: 2;color: #333;border: 1px solid #dcdbdb;}
.side-one-rec {margin-top: 10px;text-align: center;}
.side-one-rec .pic-box {border: 1px solid #767676;}
.side-one-rec .pic-box div {width: 162px;height: 122px;*font-size: 106.75px;}
.side-one-rec .pic-box img {max-width: 162px;max-height: 122px;}
.side-one-rec:hover {color: #00a13a;}
.side-one-rec:hover .pic-box {border: 1px solid #00a13a;}
.side-contact {background: url(../images/side-contact-bg.png) right 54px no-repeat;}

.main-r {float: right;width: 780px;}
.local {display: block;padding-left: 27px;font-size: 12px;line-height: 40px;color: #555;background: url(../images/home-ico.png) left center no-repeat;border-bottom: 1px solid #a2a2a2;}
.local a:hover {color: #00a13a;}
.page-con {padding: 20px 0;font-size: 12px;line-height: 2;color: #333;}

.one-pro {float: left;width: 240px;margin: 0 10px 10px;line-height: 30px;text-align: center;}
.one-pro .pic-box {width: 238px;margin: auto;border: 1px solid #185a08;}
.one-pro .pic-box div {width: 238px;height: 180px;*font-size: 157.5px;}
.one-pro .pic-box img {max-width: 238px;max-height: 180px;}
.one-pro:hover {color: #00a13a;}
.other-page {padding: 20px 0 40px;font-weight: bold;line-height: 26px;text-align: center;color: #555;}
.other-page a {display: inline-block;*display: inline;*zoom: 1;padding: 0 1em;margin: 0 2px;background: #fff;border: 1px solid #ddd;}
.other-page .page-on ,.other-page a:hover {color: #fff;background: #185a08;}

.product-view {height: 295px;padding-left: 428px;font-size: 14px;line-height: 1.8;color: #333;}
.product-view .pic-box {float: left;margin-left: -428px;border: 1px solid #246215;}
.product-view .pic-box div {width: 396px;height: 293px;*font-size: 256.38px;}
.product-view .pic-box img {max-width: 396px;max-height: 293px;}
.pro-name {font-size: 18px;line-height: 3;}

.one-case {float: left;width: 50%;margin-top: 10px;text-align: center;}
.one-case .pic-box {display: block;width: 322px;padding: 3px;margin: auto;border: 1px solid #ccc;}
.one-case .pic-box div {width: 322px;height: 227px;*font-size: 194.65px;}
.one-case .pic-box img {max-width: 322px;max-height: 227px;}
.one-case:hover {color: #00a13a;}
.one-case:hover .pic-box {border: 1px solid #00a13a;}

.one-news a {position: relative;display: block;padding: 20px 0 20px 240px;margin-left: 25px;margin-right: 15px;font-size: 12px;font-family: "SimSun";line-height: 2;color: #666;border-bottom: 1px solid #b2b2b2;}
.one-news .pic-box {float: left;margin-left: -240px;border: 2px solid #999;}
.one-news .pic-box div {width: 206px;height: 156px;*font-size: 136.5px;}
.one-news .pic-box img {max-width: 206px;max-height: 156px;}
.one-news-tit {font-size: 14px;font-weight: bold;color: #111;}
.view-the-news {position: absolute;right: 0;bottom: 30px;width: 100px;height: 30px;font-size: 12px;line-height: 30px;text-align: center;color: #fff;background: #009480;}
.one-news:hover .one-news-tit {color: #009480;}

.news-title {font-size: 18px;line-height: 3;text-align: center;}
.news-date {font-size: 12px;line-height: 0;text-align: center;}
.other-news {height: 28px;font-size: 12px;line-height: 2;border-top: 1px dotted #ddd;}
.other-news a:hover {color: #009480;}

.one-video {float: left;width: 50%;margin-top: 20px;font-size: 12px;text-align: center;line-height: 2;}
.one-video object {width: 330px;margin: auto;}


/**加留言样式 2016-5-26*/
.feedback{ width: 736px; margin: 0 auto; padding: 20px 0px 0px; font: 12px/24px "微软雅黑"; color: #767169; line-height: 24px;}
.feedback p{ font-weight: bold; font-size: 14px; padding: 10px 0px;}
.feedback p img{ vertical-align: middle;}
.feedback table{ width: 100%; border-collapse: separate; border-spacing: 20px 10px;}
.feedback span{ color: #f00;}
.inputSet{ width: 245px; height: 28px; border: none; background: #e8e8e8; font: 12px/24px "微软雅黑"; color: #767169; line-height: 28px;}
.area{ width: 500px; height: 100px; border: none; background: #e8e8e8; font: 12px/24px "微软雅黑"; color: #767169; line-height: 28px;}
.Btn{ width: 140px; height: 40px; border: none; background: #31962C; color: #fff; font-weight: bold; margin-right: 24px;}
.leave{ width: 500px; height: 100px; border: none; background: #e8e8e8; font: 12px/24px "SimSun"; color: #767169; line-height: 28px;}
.Btn:hover{background: #bd151a;}