/* CSS Document */
/********neiye_产品********/
.ny_dh{ width:1200px; margin:0 auto; }
.ny_dh{ width:1140px; background:#fff; height:60px; line-height:60px; padding-left:30px; padding-right:30px; margin-top:30px; margin-bottom:30px;}
.ny_dh .sy em{ background:url(../images/icon_1.jpg) left no-repeat; padding-left:20px;}
.ny_dh .c_page{ font-size:16px; text-transform:uppercase; }
.ny_dh .c_page a{ color:#959595;}
.ny_dh .c_page a:hover{ color:#424242;}
.ny_dh .ss{ width:280px; margin-top:12px; background:#f9f9f9; height:34px; border-radius:30px; border:1px solid #d2d2d2; }
.ny_dh .ss .ccsInput{ width:215px; height:34px; border:none; font-size: 12px;float: left; line-height:37px; padding-left:20px; color:#B8B8B8; background:none; outline:none; text-transform:uppercase;}
.ny_dh .ss .ccsBtn{ width:45px; height:34px; background:url(../images/nyss.png) center no-repeat; float:left; border:0; color:#fff; cursor: pointer;outline:none;}
.ny_con,.ny_con1{ width:100%; background:#f9f9f9; overflow:hidden; padding-bottom:50px;}
.ny_con2{ width:100%; background:#f9f9f9; overflow:hidden; }
.ny_dh2{ width:1200px; margin:0 auto; }
.ny_dh2{ width:1140px; background:#fff; height:60px; line-height:60px; padding-left:30px; padding-right:30px; margin-top:30px; }
.ny_dh2 .sy em{ background:url(../images/icon_1.jpg) left no-repeat; padding-left:20px;}
.ny_dh2 .c_page{ font-size:16px; text-transform:uppercase; }
.ny_dh2 .c_page a{ color:#959595;}
.ny_dh2 .c_page a:hover{ color:#424242;}
.ny_con3{ width:100%; overflow:hidden; }
.ny_con1{ background:url(../images/lx.jpg) top center no-repeat #e9e9e9;}
.pro_ny,.new_ny,.wz_ny{ width:1200px; margin:0 auto; overflow:hidden; min-height:500px;}
.pro_ny .bt,.new_ny .bt,.wz_ny .bt{ width:1200px; margin-bottom:20px;}
.pro_ny h2,.new_ny h2,.wz_ny h2,.dy_ny h2{ font-family:"apple"; font-weight:normal; font-size:30px; text-align:center; background:url(../images/heng.jpg) center bottom no-repeat; height:60px; line-height:60px; color:#575757; text-transform:uppercase; border-bottom:1px solid #e4e4e4;}
.pro_ny h2 font,.new_ny h2 font,.wz_ny h2 font{ color:#528a32;}
.pro_ny .bt p{ text-align:center; line-height:22px; font-size:16px; color:#bbbbbb; width:450px; margin:0 auto; margin-top:10px;}
.pro_ny .caseList ul:after,.pro_ny .caseList ul:before{content:"";display:block;clear:both;height:0;line-height:0;visibility:hidden}
.pro_ny .caseList li{float:left;width:390px;height:auto;margin:0 15px 35px 0;position:relative;overflow:hidden}
.pro_ny .caseList li:nth-child(3n){margin-right:0!important}
.pro_ny .caseList li img{height:260px;vertical-align:top}
.pro_ny .caseList li .mask{left:0;top:0;position:absolute;width:100%;height:260px;background:url(../images/btmBg.png) 0 0 repeat;background:rgba(0,0,0,.8);opacity:0;transition:all .15s linear;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;z-index:9;display:none\9;}
.pro_ny .caseList li .mask .xm{background-position:0 0}
.pro_ny .caseList li .mask .tit{left:0;top:-17.4%;position:absolute;width:100%;font-size:18px;text-align:center;height:32px;line-height:32px;color:#fff;overflow:hidden}
.pro_ny .caseList li .mask .date{left:50%;top:-8.2%;position:absolute;font-size:12px;height:36px;line-height:36px;color:#888;overflow:hidden;margin-left:-46px}
.pro_ny .caseList li .mask .date .date_ico{background:url(../images/sj.png) no-repeat;width:12px;height:12px;float:left;margin:12px 12px 0 0}
.pro_ny .caseList li .mask .view{left:50%;bottom:-2%;position:absolute;width:40px;height:40px;text-indent:-999em;overflow:hidden;background:url(../images/fd.png) no-repeat;margin-left:-20px}
.pro_ny .caseList li .mask .date,.pro_ny .caseList li .mask .tit,.pro_ny .caseList li .mask .view{opacity:0;transition:all .3s ease .15s;-webkit-transition:all .3s ease .15s;-moz-transition:all .3s ease .15s}
.pro_ny .caseList li .mask a{left:0;top:0;position:absolute;width:100%;height:260px;line-height:100%;overflow:hidden;text-indent:-999em}
.pro_ny .caseList li.hover{box-shadow:0 8px 25px 3px rgba(0,0,0,.2)}
.pro_ny .caseList li.hover .mask{opacity:1;display:block}
.pro_ny .caseList li.hover .tit{top:35%;opacity:1}
.pro_ny .caseList li.hover .date{top:44%;opacity:1}
.pro_ny .caseList li.hover .view{bottom:28%;opacity:1}
.pro_ny .caseList li.mr0{margin-right:0!important}
.pro_ny .viewMore{height:35px;line-height:35px;text-align:center;text-transform:uppercase; width:135px;margin:0 auto;}
.pro_ny .viewMore a{color:#6da547;font-size:14px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s; display:block; border-radius:20px;border:1px solid #6da547; }
.pro_ny .viewMore a:hover{color:#fff; background:#6da547;}
.cateBox{ width:1200px; overflow:hidden; position:relative; margin:0 auto;text-align:center; }
.cateBox .catelm{ min-height:60px; overflow:hidden; margin:25px auto 0px; display:inline-block; }
.cateBox .catelm a{ width:160px; height:60px; line-height:35px;margin:0px 8px; display:inline-block; background:url(../images/sb.jpg) top center no-repeat; color:#6da547; text-align:center;}
.cateBox .catelm a:hover{/* background:url(../images/sb1.jpg) top center no-repeat; */color:#fff;}
.cateBox .catelm a.on{ background:url(../images/sb1.jpg) top center no-repeat; color:#fff;}
.catefl em{ color:#6da547;}
.catefl{ width:1200px; min-height:40px; line-height:40px; border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; }
.catefl a{ float:left; color:#494949; margin-left:20px; font-size:14px; height:40px; display:block;}
.catefl a.on,.catefl a:hover{color:#6da547;}
.cateLayout{display:none; width:1200px;}
/********neiye_新闻********/
.new_ny .xl{ width:1200px; overflow:hidden; margin-top:30px; text-align:center;}
.new_ny .xl a{ width:160px; height:40px; line-height:40px; display:inline-block; margin-right:10px; margin-left:10px; background:#f9f9f9; color:#6da547; border-radius:30px; border:1px solid #6da547; text-align:center;}
.new_ny .xl a.fl_on{ background:#6da547; color:#fff;}
.new_ny .xl a:hover{ background:#6da547; color:#fff;}
.new_ny .tab_contentt{ width:1200px; margin:0 auto; padding-top:20px; overflow:hidden; }
.new_ny .ny_box{width:1200px;margin:0 auto; }
.new_ny .hide{ display:none;}
.new_ny .ny_box ul{ width:1200px; overflow:hidden; margin:15px;}
.new_ny .ny_box ul li{ width:336px;/* height:370px;*/ height:275px; padding:20px 20px 5px; margin-right:20px; float:left; background:#fff; display:inline-block; margin-bottom:30px; color:#9c9c9c; font-size:14px; line-height:28px;}
.new_ny .ny_box ul li.wu{ margin-right:0px;}
.new_ny .ny_box ul li a.img{ width:336px; height:277px;}
.new_ny .ny_box ul li a.img:hover{ opacity:0.8}
.new_ny .ny_box ul li a.mz{ width:336px; font-size:16px; color:#3A3A3a; line-height:30px;}
.new_ny .ny_box ul li a.mz:hover{ color:#6da547;}
.new_ny .ny_box ul li em{ color:#6f6f6f;}
.new_ny .ny_box ul li .time{ /*border-bottom:1px solid #efefef; */padding-bottom:10px; background:url(../images/ico2.jpg) left 6px no-repeat; display:inline-block; padding-left:20px;}
.new_ny .ny_box ul li p.No{ background:url(../images/ico1.jpg) left no-repeat; display:inline-block; padding-left:20px;}
/*.new_ny .ny_box ul li a.more{ width:336px; line-height:38px; color:#7A7A7A; text-align:center; height:38px; display:inline-block;}
.new_ny .ny_box ul li a.more:hover{ color:#6da547;}*/
/********CONTACT********/
.wz_ny .mvjs{ width:1250px; overflow:hidden; margin-top:35px;}
.wz_ny .mvjs ul{ width:1250px;overflow:hidden;}
.wz_ny .mvjs ul li{ width:340px; margin-right:30px; background:#fff; padding:30px 20px; float:left; margin-bottom:30px;}
.wz_ny .mvjs ul li .tx{ width:97px; padding:5px 121px 15px;}
.wz_ny .mvjs ul li .tx:hover{ opacity:0.8;}
.wz_ny .mvjs ul li .xm1{ text-align:center; font-size:18px; color:#474747; display:inline-block; padding-left:20px; width:295px; }
.wz_ny .mvjs ul li .dl{ width:340px; line-height:26px; color:#878787; font-size:14px;}
.wz_ny .mvjs ul li .dl em{ color:#558f2d;}
.wz_ny .mvjs ul li .s{ border-top:1px solid #ededed; margin-top:15px; padding-top:10px; }
.wz_ny .mvjs ul li.wu{ margin-right:0px;}
/********danye********/
.dy_ny{ width:1100px; margin:0 auto; overflow:hidden; min-height:500px; padding:50px; background:#fff; margin-top:30px;}
.dy_ny p{ line-height:26px; font-size:14px;}
.dy_ny img{ margin-bottom:15px;}
.dynr{ width:1100px; margin-top:35px;}
/********find********/
.m30{ margin-top:30px;}
.mvdy{ width:1100px; overflow:hidden; margin-top:35px; background:#fff; padding:50px;}
.mvdy .gt{ text-align:center; font-size:16px; line-height:42px; width:1100px; height:42px;}
.mvdy .bt1{ color:#6da547;}
.mvdy .dh1 img,.mvdy .dz1 img,.mvdy .yx1 img { vertical-align: middle; margin-right:5px;}
.mvdy .dt{ width:1100px; margin-top:35px; }
.bddt{ width:547px; height:329px; float:left; margin-left:50px;}
.jtxl{ width:390px; float:right; margin-right:50px;}
.jtxl .lx1{ width:390px; height:54px; background:url(../images/zgj.jpg) 30px 0px no-repeat #f3f3f3; padding-top:15px; font-size:14px; margin-bottom:18px;}
.jtxl .lx1 p,.jtxl .lx2 p,.jtxl .lx3 p,.jtxl .lx4 p{ line-height:22px;width:270px; text-align:left; padding-left:120px; }
.jtxl .lx2{ width:390px; height:54px; background:url(../images/zfj.jpg) 30px 0px no-repeat #f3f3f3; padding-top:15px; font-size:14px; margin-bottom:18px;}
.jtxl .lx3{ width:390px; height:54px; background:url(../images/zgj.jpg) 30px 0px no-repeat #f3f3f3; padding-top:15px; font-size:14px; margin-bottom:18px;}
.jtxl .lx4{ width:390px; height:54px; background:url(../images/zlc.jpg) 30px 0px no-repeat #f3f3f3; padding-top:15px; font-size:14px;}
.wz_ny h2.no{ margin-top:45px; border-bottom:none;}
.zhwz{ width:628px; margin-left:236px; margin-top:30px;}
/********chanpin********/
.pros_js{ margin-bottom:10px; width:1110px;float:left; background:#fff; padding:20px; border-bottom:1px solid #E4E4E4;}
.pros_js .pros_img{ width:548px; float:left;overflow:hidden;}
.pros_js .pros_text{position:relative;float:left; width:520px; margin-left:35px;}
.pros_js .pros_text .p_title{font-family:Arial,Helvetica,sans-serif; border-bottom:1px dashed #f0f0f0; padding-bottom:5px;}
.pros_js .pros_text .p_title h1{font-size:20px; line-height:24px; font-weight:normal; color:#3a3a3a; overflow:hidden; margin-bottom:15px;}
.pros_js .pros_text .pro_price1{float:left; height:53px; line-height:53px; width:500px; font-size:14px; color:#bababa; background:#f7f7f7; padding-left:17px;}
.pros_js .pros_text .pro_price1 span{font-size:20px; color:#ea4842; }
.pros_js .pros_text .pro_price1 span em{ text-decoration:line-through; font-size:12px; color:#B3B3B3; margin-left:10px;}
.pros_js .pros_text .pos2{width:520px; float:left; margin-top:8px; margin-bottom:7px;}
.pros_js .pros_text .pos2 em{ color:#555; margin-right:5px;}
.pros_js .pros_text .pos2 .pos_k{float:left; width:365px;}
.pros_js .pros_text .pos2 li{border:1px solid #e6e6e6; padding:3px 20px;color:#a5a5a5;float: left;margin:0px 6px 5px 0px;cursor:pointer; font-size:12px; min-width:25px; text-align:center;}
.pros_js .pros_text .menu_box{width:400px; margin-top:15px; float:left; height:40px; line-height:40px; margin-left:100px;}
.pros_js .pros_text .menu_box input{ border:none; cursor:pointer; font-family:Arial,Helvetica,sans-serif;}
.pros_js .pros_text .menu_box .button_1{width:220px; height:50px; line-height:50px; background:#70ad47 url(../images/xq_10.jpg) 38px no-repeat; color:#fff; font-size:16px; margin-right:10px; text-align:center;}
.pros_js .pros_text .menu_box .button_1:hover{ opacity:0.8;}
.num_btn{float:left;margin-right:15px; width:140px;}
.num_btn div{float:left;background-color:#fff;height:23px;line-height:23px;text-align:center;}
.num_btn div.num{width:25px;cursor:pointer;}
.num_btn div.xin{height:23px;line-height:23px; padding-left:3px;padding-right:3px;}
.pro_xx{ width:520px; overflow:hidden; margin-top:15px; float:left;font-size:14px; color:#bababa; }
.pro_xx span{ width:135px; text-align:right; float:left; font-size:14px; text-transform:uppercase;margin-right:10px;}
.pros_x{ width:450px; height:35px; float:left; margin-top:15px;text-align:right;}
.cpjs{ width:1100px; overflow:hidden; margin-top:20px;}
.cpjs h3{ font-size:18px; background:url(../images/yq.jpg) 0px 12px no-repeat; padding-left:25px; line-height:45px; text-transform:uppercase;}
.cpjs p{ line-height:30px; font-size:14px;}
/********留言********/
.lxnr{ width:520px; overflow:hidden; margin-left:340px; margin-top:50px;}
.lxnr .ly_list{ margin-bottom:20px;}
.ly_list .div_input{border:1px solid #f3f3f3; line-height:50px; border-radius:2px; background:#fff;font-family:Arial,Helvetica,sans-serif; height:50px;}
.ly_list input{ width:500px; border:0; background:none; font-size:14px; padding:10px; height:30px; }
.ly_list textarea{ width:488px; resize: none; padding:5px 15px; border:1px solid #f3f3f3;font-family:Arial,Helvetica,sans-serif; height:100px;}
.div_btn{ margin-top:40px;}
.div_btn a{ line-height:50px; text-align:center; font-size:18px; background:#6da547; color:#fff; border-radius:2px;display:block;}
.div_btn a:hover{ opacity:0.9;}
.div_err{ color:#e44141; line-height:24px; font-size:12px; display:none;}
.div_err.on{ display:block;}
.div_input .yhm{ width:40px; float:left; padding:10px 0px; height:30px;}
.dl input{ float:left; width:400px; line-height:30px; margin-left:10px; }
.div_input .yhm img{ vertical-align: middle; margin-left:10px; padding-right:5px; border-right:1px solid #E0E0E0;}
.lxnr .jz{ width:500px;}
.lxnr .jz input{ margin-right:6px; vertical-align: middle;}
.ly_list .div_input1{ height:100px;}
.lxnr .m10{ margin-bottom:10px;}
.ny_con1 .zc{ width:100%; background:url(../images/zc.png) center no-repeat; height:137px; text-align:center; font-family:"apple"; font-weight:normal; font-size:30px; line-height:100px; color:#fff;}
.zc1{ width:500px; display:block; margin:0 auto; margin-bottom:20px;}
.zc1 a{ line-height:50px; text-align:center; font-size:18px; background:#ea662c; color:#fff; border-radius:2px;display:block;}
.zc1 a:hover{ opacity:0.9;}
.zc1 p{ text-align:center; width:500px; line-height:24px; font-size:14px; text-transform:uppercase; margin:20px 15px; }
/*********************放大镜配置文件*******************************************************************************************/
/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */
/* CSS class for zoomed area */
.MagicZoomBigImageCont {
border: 1px solid #ccc;
}
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the tag */
.MagicZoomHeader {
font: 12px Tahoma, Verdana, Arial, sans-serif;
color: #fff;
background: #ccc;
text-align: center !important;
}
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #ffffff;
cursor: hand;
}
/* CSS style for loading animation box */
.MagicZoomLoading {
text-align: center;
background: #ffffff;
color: #444;
border: 1px solid #ccc;
opacity: 0.8;
padding: 3px 3px 3px 3px !important;
display: none; /* do not edit this line please */
}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
padding-top: 3px !important;
}
/* ©2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */
/* CSS class for thumbnail link */
.MagicThumb {
cursor: url(images/zoomin.cur), pointer;
outline: none;
}
/* CSS class for the thumbnail link when the big image is zoomed mo ban tang ban quan suo you */
.MagicThumb-zoomed {
cursor: default;
}
/* CSS class for span inside the thumbnail */
.MagicThumb span {
display: none;
}
/* CSS class for the thumbnail image */
.MagicThumb img {
border: 1px solid #f5f5f5;
outline: none;
}
/* CSS class for the big image while zooming */
.MagicThumb-image {
border: 1px solid #cccccc;
outline: none;
}
/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed {
cursor: url(images/zoomout.cur), pointer;
}
/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
color: #333333;
background-color: #F0F0F0;
border: 1px solid #CCCCCC;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 11px;
padding: 8px 16px;
}
/* CSS class for the control bar ec mo ban */
.MagicThumb-controlbar {
display: block;
height: 18px;
}
.MagicThumb-controlbar a {
display: block;
width: 18px;
height: 18px;
margin: 0px 1px;
outline: none;
float: left;
overflow: hidden;
}
.MagicThumb-controlbar a span {
display: block;
width: 990px;
height: 990px;
background: transparent url(images/controlbar.png) no-repeat 0 0;
outline: none;
position: absolute;
left: 0px;
top: 0px;
}
/* CSS class for the loading message box */
.MagicThumb-loading {
border: 1px solid #000000;
background: #ffffff url(images/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
}
.picture {
margin-top:10px;
text-align:left;
color:#669900;
width:560px;
}
.picture img {
width:65px;
cursor:pointer;
margin:0 0px;
margin-right:9px;
margin-top:5px;
}
.picture img.onbg {
border:1px solid #669900;
}
.picture img.autobg {
border:1px solid #fff;
}
.left_help {
border:1px solid #e2e2e2;
}
.left_help dl {
padding:10px;
}
.left_help dl dt {
font-weight:bold;
font-size:12px;
background:#e5e5e5;
height:24px;
line-height:24px;
padding-left:10px;
}
.left_help dl dt img {
vertical-align:middle
}
.left_help dl dd {
padding-left:10px;
padding-top:5px;
}
.left_help dl a {
color:#666;
text-decoration:none
}
.left_help dl a:hover {
color:#1c7b3b
}
.art_cat_box {
}
.art_cat_box th {
height:26px;
line-height:26px;
}
.art_cat_box td {
border-bottom:1px solid #dbdbdb;
font-weight:normal
}
.art_cat_box td a {
font-weight:bold;
color:#3f3f3f;
padding-left:120px;
}
.ecmoban {
display:none
}
.catt{width:100%;height:auto;overflow:hidden;padding-bottom:0px; font-size:12px;}
.catt a{border: #7E7E7E 1px solid; text-align: center; background-color: #fff; margin-
left:0px;margin-top:0px;padding-left: 0px;padding-right:0px;display: block; white-space: nowrap;
color:#000; text-decoration:none; float:left;}
.catt a:hover {border:#ED0036 2px solid; margin: -1px; margin-left:0px;margin-top:0px;}
.catt a:focus {outline-style:none;}
.catt .cattsel {border:#ED0036 2px solid; margin: -1px;background: url("images/test.gif") no-repeat
bottom right; margin-left:0px;margin-top:0px;}
.catt .cattsel a:hover {border: #ED0036 2px solid;margin:-1px;background: url("images/test.gif") no-
repeat bottom right;}
.goods_cut { background: url("images/yy.gif") no-repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; display: block; float: left; font-size: 0; height: 15px; line-height: 0;margin: 8px 3px 0; width: 15px; } input.goodsBuyBox, input.number { border: 1px solid #DDDDDD; float: left; font-size: 10px; height: 18px; line-height: 18px; margin: 5px 6px 0; padding: 0; text-align: center; width: 32px; }
.goods_add { background: url("images/yy.gif") no-repeat scroll 0 -15px transparent;
border: 0 none;
cursor: pointer;
display: block;
float: left;
font-size: 0;
height: 15px;
line-height: 0;
margin: 8px 3px 0;
width: 15px;
}
.goods_number_tit{
display: block;
background:none;
width:30px;
height:25px;
line-height:22px;
float: left;
}