@charset "utf-8";
/* 通用代码 */
* {word-wrap:break-word; padding:0; margin:0}
html{padding:0;margin:0}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
body{color:#555;font-family:"STHeitiSC-Light","Helvetica","PingFang SC","Hiragino Sans GB","Microsoft Yahei",sans-serif;font-size:14px; background:#fff;overflow-y:scroll;}
a{ color:#fff;text-decoration:none}
a:hover{text-decoration:underline; color:#fff}
strong{color:#666}
img{border:0}
li{list-style:none}
	body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, .pr, .pc {margin:0;padding:0}
	table {empty-cells:show;border-collapse:collapse}
	caption, th {text-align:left;font-weight:400}
	ul li, .xl li {list-style:none}
	h1, h2, h3, h4, h5, h6 {font-size:1em}
	em, cite {font-style:normal}
/* ------------------------------通用代码 */




.clear {clear:both}
/* 首页焦点图 */
.ind_banner{width:100%;overflow:hidden;height:433px;position:relative;}
.banList{position:absolute;left:50%;margin-left:-960px;height:730px}
.banList li{height:730px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.0s ease 0s, opacity 1.0s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#555;width:10px;height:10px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#fff;cursor:pointer}


.ind_banner2{width:100%;overflow:hidden;height:400px;position:relative;padding-top:20px;}

/* 首页产品内容 */

/* 更多按钮 */
.showMorehandle{width:100%;text-align:center;height:40px;line-height:40px;background:#ffffff;margin-bottom:20px;}



/* 首页底部 */
.ind_footer{width:100%; min-width:1200px;height:850px;color:#fff;}
.ind_foot_all{width:1080px;margin:0 auto;padding-top:50px;}




/*height_line*/
.height_line{width:2px;margin:0 auto;height:40px;background:#000;margin-bottom:20px;}


/* gotop */
#elevator_item {width: 60px;height: 100px;position: fixed;right: 35px;bottom: 45px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020;display: none;}
#elevator_item.off {opacity: 0;visibility: hidden}
#elevator {display: block;width: 60px;height: 60px;background: url(../img/icon_top.png) center center no-repeat;background-color: #444;background-color: rgba(0,0,0,.6);border-radius: 2px;box-shadow: 0 1px 3px rgba(0,0,0,.2);cursor: pointer;margin-top: 10px}
#elevator:hover {background-color: rgba(0,0,0,.7)}
#elevator:active {background-color: rgba(0,0,0,.75)}
#elevator_item .qr {display: block;width: 60px;height: 60px;border-radius: 2px;box-shadow: 0 1px 3px rgba(0,0,0,.2);cursor: pointer;background: url(../img/icon_code.png) center center no-repeat;background-color: #444;background-color: rgba(0,0,0,.6)}
#elevator_item .qr:hover {background-color: rgba(0,0,0,.7)}
#elevator_item .qr:active {background-color: rgba(0,0,0,.75)}
#elevator_item .qr-popup {width: 170px;height: 200px;background: #fff;box-shadow: 0 1px 8px rgba(0,0,0,.1);position: absolute;left: -180px;bottom: 50px;
border-radius: 2px;display: none;text-align: center}
#elevator_item .qr-popup .code-link {display: block;margin: 10px;color: #777}
#elevator_item .qr-popup .code {display: block;margin-bottom: 10px}
#elevator_item .qr-popup .arr {width: 6px;height: 11px;background: url(../img/code_arrow.png) 0 0 no-repeat;position: absolute;right: -6px;bottom: 14px}

















/* ###################################################################################################*/


.blocksday1{position:relative; top:38px;left:30px;}
.blocksday1 li{ width:340px; height:270px; background:#fff;float:left;margin-left:30px; margin-top:60px;box-shadow: 0px 0px 10px #ccc;}

.itembtit{font-size:24px; text-align:center;margin-top:15px;color:#333; }
.itemstit{font-size:14px; color:#aaa; text-align:center;margin-top:5px;}


.blocksday2{}
.blocksday2 li{ width:340px; float:left;margin-left:15px; margin-top:10px; text-align:center;font-size:16px;color:#333;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}




/* 弹出层部分样式 */
.mainlist{padding:10px;}
.mainlist .open{width:85%; height:100px; margin:0 auto;}
.mainlist .open span{height:30PX; line-height:30px; font-size:1.5em; text-align:center}

.mainlist li{height:28px;line-height:28px;font-size:12px;}
.mainlist li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}
.btnbox{text-align:center;height:30px;padding-top:10px;background:#ECF9FF;}

#windownbg{display:none;position:absolute;width:100%;height:100%;background:#000;top:0;left:0;}
#windown-box{position:fixed;_position:absolute;background:#FFF;text-align:left;}
#windown-title{position:relative;height:30px;overflow:hidden;background:url(../images/tipbg.png) 0 0 repeat-x;}
#windown-title h2{position:relative;left:10px;top:5px;font-size:14px;color:#666;}
#windown-close{position:absolute;right:10px;top:8px;width:10px;height:16px;text-indent:-10em;overflow:hidden;background:url(../images/tipbg.png) 100% -49px no-repeat;cursor:pointer;}
#windown-content-border{position:relative;top:-1px;;padding:5px 0 5px 5px;}
#windown-content img,#windown-content iframe{display:block;}
#windown-content .loading{position:absolute;left:50%;top:50%;margin-left:-8px;margin-top:-8px;}










/*##################################################################### */




table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th {
	text-align:left;
	font-weight:400;
}
abbr,body,fieldset,html,iframe,img {
	border:0;
}
address,cite,dfn,em,i,var {
	font-style:normal;
}
[hidefocus],summary {
	outline:0;
}
li {
	list-style:none;
}
h1,h2,h3,h4,h5,h6,small {
	font-size:100%;
}
sub,sup {
	font-size:83%;
}
code,kbd,pre,samp {
	font-family:inherit;
}
q:after,q:before {
	content:none;
}
textarea {
	overflow:auto;
	resize:none;
}
label,summary {
	cursor:inherit;
}
a,button {
	cursor:pointer;
}
em,h1,h2,h3,h4,h5,h6,strong {
	font-weight:400;
}
a,a:hover,del,ins,s,u {
	text-decoration:none;
}
body,button,input,keygen,legend,select,textarea {
	font:14px/1.3 PingFangSC-Light,PingFang SC,Helvetica,Tahoma,Arial,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;
	color:$font;
	outline:0;
}
body,html {
	width:100%;
	height:100%;
}
body {
	background:$white;
}
* {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
::-ms-clear,::-ms-reveal,input::-ms-clear,input::-ms-reveal {
	width:0;
	height:0;
	display:none;
}
::-webkit-scrollbar {
	width:6px;
	height:6px;
}
::-webkit-scrollbar-track {
	background:none;
}
::-webkit-scrollbar-track-piece {
	opacity:0;
}
::-webkit-scrollbar-thumb {
	border-radius:3px;
	background:#5c6e82;
	background:rgba(92,110,130,.6);
}
.g-doc {
	min-width:1200px;
	max-width:1920px;
	margin:0 auto;
	padding-top:115px;
	min-height:-webkit-calc(100vh - 340px - 96px);
	min-height:-moz-calc(100vh - 340px - 96px);
	min-height:calc(100vh - 340px - 96px);
	position:relative;
}
.g-doc.top {
	padding-top:0;
}
.g-c-bd {
	position:relative;
	max-width:1180px;
	padding:0 10px;
	margin:0 auto;
}
.g-hd {
	position:fixed;
	height:115px;
	line-height:115px;
	width:100%;
	min-width:1200px;
	background-color:#098b3d;
	z-index:9999;
	color:#fff;
	border-bottom:1px solid hsla(0,0%,100%,.1);
}
.g-hd.top {
	background-color:transparent;
}
.g-hd.transparent-top {
	background-color:#097333;
	background-color:rgba(9,115,51,.95);
}

.m-logo .logo-link .logo {

	width:261px;
	height:59px;
}
.head-nav {
	margin-left:128px;
}
.head-nav .nav-item {
	display:inline-block;
	width:80px;
	font-size:16px;
	letter-spacing:.8px;
	margin-right:27px;
	text-align:center;
	color:#fff;
	color:hsla(0,0%,100%,.5);
	line-height:80px;
}
.head-nav .nav-item.active,.head-nav .nav-item:hover {
	color:#fff;
	border-bottom:2px solid #fff;
}
.u-header-btn {
	margin-top:25px;
	display:inline-block;
	width:190px;
	height:46px;
	line-height:46px;
	border-radius:23px;
	border:1px solid #fff;
	text-align:center;
	font-size:16px;
	letter-spacing:.8px;
	color:#fff;
}

.g-ft {
	height:340px;
	background:url(../images/footerbg.jpg) no-repeat;
	background-position:center 0;
	background-size:1920px 340px;
	min-width:1200px;
	max-width:1920px;
	margin:0 auto;
}
.m-modal {
	position:fixed;
	top:0;
	bottom:0;
	width:100%;
	background-color:#000;
	background-color:rgba(0,0,0,.1);
	z-index:99999;
}
.m-modal .modal-dialog {
	position:absolute;
	left:50%;
	top:50%;
	background-color:#fff;
}
.m-modal .modal-body {
	overflow:auto;
}
.m-dialog {
	position:fixed;
	z-index:9999;
}
.m-dialog,.m-dialog .dialog-mask {
	left:0;
	top:0;
	bottom:0;
	right:0;
}
.m-dialog .dialog-mask {
	position:absolute;
	z-index:2;
	background:#000;
	opacity:.8;
	filter:alpha(opacity=80);
}
.m-dialog .dialog-actions {
	position:absolute;
	right:20px;
	top:20px;
	color:#fff;
	z-index:10;
}
.m-dialog .dialog-content {
	position:absolute;
	z-index:3;
	left:0;
	top:0;
	bottom:0;
	right:0;
	max-width:67%;
	max-height:75%;
	margin:auto;
	background:#fff;
	box-shadow:0 0 4px #000;
}
.m-dialog .dialog-content .dialog-body {
	width:100%;
	height:100%;
}
.m-dialog * {
	outline:none;
}
.f-hidden {
	display:none;
}
.f-dn {
	display:none!important;
}
.f-hide {
	opacity:0;
}
.f-cb,.f-clearfix {
	zoom:1;
}
.f-cb:after,.f-clearfix:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
	content:".";
}
.f-fl {
	float:left;
}
.f-fr {
	float:right;
}
.f-sm-font,.f-sm-font a {
	font-size:12px!important;
}
.z-cursor-d {
	cursor:default!important;
}
.z-noScroll {
	overflow:hidden!important;
}



/* 产品中心*/
.content{margin-left:13px;padding-bottom:25px;margin-top:25px;}

.title{ width:1050px; height:50px; line-height:50px; text-indent:1em;font-size: 18px; color: #333;margin-top:25px;margin-left:25px; }
.title a{color:#333;}
.title span{ display: inline-block; width: 5px; height: 22px; background-color: #173e6d; vertical-align: middle; margin-right: 7px;}

.content li{ width: 580px; height: 400px; float: left; position: relative;margin-right:12px;margin-bottom:12px;}

.content li .imgbg1{width: 576px; height: 400px; background-color:#098b3d; opacity: 0.8; transition: all 1s linear;position: absolute; left: 0; top: 0;}
.content li .imgbg2{width: 576px; height: 400px; background-color:#666; opacity: 0.8;transition: all 1s linear; position: absolute; left: 0; top: 0;}
.content li .imgbg3{width: 576px; height: 400px; background-color:#666 ; opacity: 0.8;transition: all 1s linear; position: absolute; left: 0; top: 0;}
.content li .imgbg4{width: 576px; height: 400px; background-color:#098b3d ; opacity: 0.8;transition: all 1s linear; position: absolute; left: 0; top: 0;}



.content li:hover .imgbg1{ opacity: 0.1; transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.content li:hover .imgbg2{ opacity: 0.1; transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.content li:hover .imgbg3{ opacity: 0.1; transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.content li:hover .imgbg4{ opacity: 0.1; transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}

.content li:nth-child(1){ background: url(../images/modular_1.jpg) no-repeat;}
.content li:nth-child(2){ background: url(../images/modular_2.jpg) no-repeat;}
.content li:nth-child(3){ background: url(../images/modular_3.jpg) no-repeat;}
.content li:nth-child(4){ background: url(../images/modular_4.jpg) no-repeat;}
.content li .first_a,.first_a2,.first_a3,.first_a4{ width:580px;display: block; color: #fff; font-size: 28px; position: absolute;top: 180px; text-align:center}
.content li p{width:580px;text-align: center; color: #fff; font-size: 14px; position: absolute; top: 220px;}


.ind_news{width:1199px; margin-left:10px;}
.ind_news li{width:385px; height:245px; background:#fff; color:#888; float:left;margin-right:12px;margin-bottom:12px; opacity: 0.8;}
.ind_news_title{color:#000;font-size:20px;width:320px;height:100px;margin:0 auto;margin-top:95px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.ind_news_title a{color:#000;}
.ind_news_title a:hover{color:#097635;}
.ind_news li p{ text-align:right;padding-right:1em;padding-top:10px;padding-right:32px;}




/* 产品列表*/

#prolist_search_box2 {width: 1110px; height: 50px;margin-left:45px;background:#fff;border:1px solid #eee;} 
#prolist_search_box2 #s {font-family:"STHeitiSC-Light","微软雅黑"; float: left; padding: 0; margin: 0 0 0 10px; border: 0; width: 1050px; outline:none;color:#999; height:48px; background: none; font-size:14px; } 
#prolist_search_box2 #go { float: right; margin: 13px 7px 0 0;outline:none; } 


.prolist_cent_tree{margin-top:10px;width:1210px;margin-left:50px;}
.prolist_cent_tree li{width:290px; height:430px; background:#fff;float:left;margin:12px 12px 12px 0;}
.prolist_cent_tree li{transition:All 0.2s ease-in-out;    -webkit-transition:All 0.2s ease-in-out;    -moz-transition:All 0.2s ease-in-out; -o-transition:All 0.2s ease-in-out;}
.prolist_cent_tree li:hover {box-shadow: 0 0 20px #ddd;transform:translate(0,0);    -webkit-transform:translate(0,0);    -moz-transform:translate(0,0);    -o-transform:translate(0,0);    -ms-transform:translate(0,0);}
.prolist_cent_tree li p{margin-top:10px; text-align:center;font-size:12px;color:#666;}

.prolist_cent_click{font-size:12px;margin:0 auto;text-align:center;border:1px solid #85c360;color:#85c360;width:100px; line-height:30px;}
.prolist_cent_click a{color:#85c360;display:block;transition-duration:0.5s;}
.prolist_cent_click a:hover{color:#000;transition-duration:0.5s;}


.left_nav{width:1110px; padding-bottom:110px; margin-left:45px;margin-top:20px; }
.left_nav li{height:60px;line-height:60px;margin-top:-1px; text-indent:1em;border:1px solid #ddd; background:#fff;}
.left_nav li a{color:#666;display:block;}
.left_nav li a:hover{color:#1D9F49; background:#fff;display:block; text-decoration:none;}
.left_nav li a.lhovers{color:#1D9F49; background:#fff;display:block; text-decoration:none;}

.left_nav dl dd{position:relative;}
.left_nav dl dd a.nav_left{font-size:16px;color:#555;height:60px;line-height:60px;margin-top:-1px;display:block;float:left;padding-right:45px;}
.left_nav dl dd a.nav_left:hover{color:#098b3d;transition-duration:0.5s;}
.left_nav dl dd a#nav_left_hover{color:#098b3d;transition-duration:0.5s;}

.left_nav dl dd .nav_right{ width:1110px;font-size:14px;overflow:hidden; position:absolute; left:0;  z-index:1;margin-top:60px; display:none; border-top:1px solid #eee;}
.left_nav dl dd .nav_right a{height:40px; line-height:40px; text-align:left; color:#888;display:block; float:left; margin-right:40px;transition-duration:0.5s;}
.left_nav dl dd .nav_right a:hover{ height:40px; line-height:40px; text-align:left; color:#1D9F49;text-decoration:none;transition-duration:0.5s;}








/* 产品详情*/


/* Goods */
.goodsCont01{width: 1200px;height: 480px;;margin: auto;overflow: hidden;}
.goodsCont05{width: 1198px;height: 484px;border: 1px solid #a4a4a4;margin-top: 70px;}
.goodsCont06{width: 429px;height: 430px;margin-top: 26px;margin-left: 25px;float: left;}
.goodsCont08{float: left;width: 78px;height: 430px;margin-top: 16px;margin-left: 20px;}
.goodsCont09{width: 76px;height: 76px;margin-top: 10px;border: 1px solid #e8e8e8;}
.goodsCont09>img{width: 100%;height: 100%;}
.goodsCont10{width: 76px;height: 76px;margin-top: 10px;border: 1px solid #e8e8e8;}
.goodsCont10>img{width: 100%;height: 100%;}
.goodsCont11{width: 76px;height: 76px;margin-top: 10px;border: 1px solid #e8e8e8;}
.goodsCont11>img{width: 100%;height: 100%;}
.goodsCont12{width: 76px;height: 76px;border: 1px solid #e8e8e8;margin-top: 10px;}
.goodsCont12>img{width: 100%;height: 100%;}
.goodsCont13{width: 554px;height: 484px;float: right;}
.goodsCont14>a>p{font-size: 30px;color: #333;margin-top:100px;max-width:450px;
overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
.goodsCont15{padding:0 10px 0 10px;height:24px; line-height:24px;color:#fff; background:#CD2426;float:left;margin-top:12px;margin-left:10px;}
.goodsCont16{text-align: justify;scrollbar-face-color:#ffffff;scrollbar-height-color:#ffffff;overflow: auto;scrollbar-shadow-color:#cccccc;scrollbar-3dlight-color:#cccccc;scrollbar-arrow-color:#cccccc;scrollbar-darkshadow-color:#ffffff;width:445px;height:45px;color:#666;}
.goodsCont16>p{font-family: "微软雅黑";font-size: 16px;line-height:22px;color: #9f9f9f;}
.goodsQ{border:1px solid #FB5E5E;color:#FB5E5E;width:24px; height:24px; line-height:24px;float:left; text-align:center; border-radius:5px;margin-left:10px;margin-top:3px;}
.goodsQ a{color:#FB5E5E;display:block;}
.goodsQ a:hover{ background:#FB5E5E;color:#fff;display:block; text-decoration:none;}

.goods_btn_go{float:left;background:#85c360;color:#fff; text-align:center;width:310px; height:55px; line-height:55px;display:block;font-size:16px;}
.goods_btn_go a{background:#85c360;color:#fff;display:block;transition-duration:0.2s;}
.goods_btn_go a:hover{background:#7cb15c;color:#fff;display:block; text-decoration:none;transition-duration:0.2s;}

.goods_btn_go_none{ cursor:pointer;float:left;background:#B4B4B4;color:#fff;border-radius:5px; text-align:center;width:150px; height:33px; line-height:33px;display:block;}

#goods_btn_zan{float:left;margin-left:12px;border:1px solid #EC4141;color:#EC4141;border-radius:5px; text-align:center;width:150px; height:40px; line-height:40px;display:block;}
#goods_btn_zan a{color:#EC4141;border-radius:5px;display:block;transition-duration:0.2s;}
#goods_btn_zan a:hover{color:#F28686;border-radius:5px; display:block; text-decoration:none;transition-duration:0.2s;}

.goods_btn_favorite{float:left;margin-left:12px;border:1px solid #FFA614; background:#fff;cursor:pointer; outline:none;color:#FFA614;border-radius:5px; text-align:center;width:150px; height:33px; line-height:33px;font-family: "微软雅黑";}
.goods_btn_favorite a{color:#FFA614;border-radius:5px;transition-duration:0.2s;cursor:pointer; outline:none; }
.goods_btn_favorite a:hover{color:#4DAB73;border-radius:5px; text-decoration:none;transition-duration:0.2s;cursor:pointer; outline:none;}

.goods_btn_favoritei{float:left;margin-left:12px;border:1px solid #ccc;color:#ccc; background:#fff;border-radius:5px;outline:none;  text-align:center;width:150px; height:33px; line-height:33px;display:block;font-family: "微软雅黑";}
.goods_btn_favoritei a{color:#ccc;border-radius:5px;display:block;transition-duration:0.2s;outline:none; }
.goods_btn_favoritei a:hover{color:#ccc;border-radius:5px; display:block; text-decoration:none;transition-duration:0.2s;outline:none; }

.goods_block_all{width:1200px;margin:0 auto;}
.goods_block_left{width:860px; background:#fff;margin-top:20px;float:left;border-radius:5px;}
.goods_block_right{width:330px; background:#fff;margin-top:20px;float:right;border-radius:5px;}

.goods_block_btitle{font-size:16px;border-bottom:1px solid #eee;line-height:30px;}
.goods_block_k{margin:20px;}




.pro_tab2{width:1090px; padding-top:30px;margin-left:308px;}
.pro_tab2 li{ width:100px; height:140px; background:#fff;border:3px solid #f3f3f3;float:left;margin-right:20px;margin-left:20px;}



/* news列表*/


.newslist_cent_tree{margin-top:10px;width:1200px;margin-left:50px;}
.newslist_cent_tree li{width:1200px; height:270px; background:#fff;float:left;margin:12px 12px 12px 0;}
.newslist_cent_tree li{transition:All 0.2s ease-in-out;    -webkit-transition:All 0.2s ease-in-out;    -moz-transition:All 0.2s ease-in-out; -o-transition:All 0.2s ease-in-out;}
.newslist_cent_tree li:hover {box-shadow: 0 0 20px #ddd;transform:translate(0,0);    -webkit-transform:translate(0,0);    -moz-transform:translate(0,0);    -o-transform:translate(0,0);    -ms-transform:translate(0,0);}
.newslist_cent_tree li p{margin-top:10px; font-size:12px;color:#666;margin-left:40px;}


.newslist_cent_click{font-size:12px;margin:0 auto;text-align:center;border:1px solid #85c360;color:#85c360;width:100px; line-height:30px;}
.newslist_cent_click a{color:#85c360;display:block;transition-duration:0.5s;}
.newslist_cent_click a:hover{color:#000;transition-duration:0.5s;}



/* === Page ===*/
.page {font-size:14px;border:none;clear:both;text-align:center; padding:35px 0px 0px 0px; width:100%;clear:both;margin-bottom:20px;margin-top:20px;}
.page span { margin:1px 3px;}
.page span a {color:#666;border:#ddd solid 1px;  background:#fff; text-align:center;padding:12px 16px;text-decoration:none;transition-duration:0.2s;}
.page span a:hover {color:#09A33D;border:#09BE3D solid 1px;  background:#fff;transition-duration:0.2s; }
.page span.n a {background:#ddd;transition-duration:0.2s;}

.page_nr{width:1200px; background:#fff; margin:0 auto;margin-top:20px;margin-bottom:20px;border-radius:5px;}