@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1100px){
	body{ width:1100px !important; margin:0 auto;}
	}

*{ margin:0; padding:0;}
.width{ width:1100px; margin:0 auto;}
.clear{ clear:both; height:0;}
a{ text-decoration:none;}
li{ list-style-type:none;}
.p1{ font-family:Arial; font-size:12px;}
.p2{ font-family:Arial; font-size:15px;}
.p3{ font-family:Arial; font-size:24px;}
.p4{ font-family:Arial; font-size:14px;}
.p5{ font-family:Arial; font-size:12px;}
.p6{ font-family:Arial; font-size:20px;}
.p7{ font-family:Arial; font-size:18px;}
.p8{ font-family:Impact; font-size:32px;}
.p9{ font-family:Arial; font-size:16px;}

.top_bg{ background-color:#505050;}
.top{ height:35px; line-height:35px; color:#fff; overflow:hidden;}
.top .p1{ float:left; margin-left:12px; cursor:default;}
.top .home{ float:right; font-family:Arial; font-size:12px; margin-right:22px; cursor:default;}
.top .tel{ float:right; font-family:Arial; font-size:12px; margin-right:22px; height:35px; cursor:default;}
.top .tel span{ font-family:Arial; font-size:14px; font-weight:bold; cursor:text;}
.top a{ color:#fff;}
.top a:hover{ color:#fff; text-decoration:underline;}
.ali{ float:right; display:block; font-size:0;}
.ali img{ height:15px; margin-top:10px;}

.top2{ height:90px;}
.logo{ float:left; margin-top:15px;}
.logo img{ width:220px; height:71px;}
.nav ul{ float:right;}
.nav li{ float:left; margin-left:20px;}
.nav .p2{ font-weight:bold;}
.nav li a{ color:#333; display:block; width:100px; height:90px; line-height:90px; text-align:center;}
.nav li a:hover{ background-color:#02913f; color:white;}
.cur{ background-color:#02913f; color:white;}

.banner{ position:relative; width:100%; height:540px; overflow:hidden; zoom:1; -moz-user-select:-moz-none;}
.banner .slides li{ width:100%; height:100%;}
.flex-direction-nav a{ width:50px; height:50px; display:block; line-height:99em; overflow:hidden; margin:-25px 0 0; background:url(../img/ad_ctr.png) no-repeat; position:absolute; top:50%; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease; border-radius:25px;}
.flex-direction-nav .flex-next{ background-position:0 -50px; right:0;}
.flex-direction-nav .flex-prev{ left:0;}
.banner:hover .flex-next {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-prev {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-next:hover,.banner:hover .flex-prev:hover {opacity: 1; filter: alpha(opacity=50);}
.flex-control-nav {width: 100%; position: absolute; bottom: 15px; text-align: center; cursor:default;}
.flex-control-nav li {margin: 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {background: url(../img/dot.png) no-repeat -66px 0; display: block; height: 18px; overflow: hidden; text-indent: -99em; width: 66px; cursor: pointer;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background-position: 0 0;}
.banner .slides a img {width: 100%; height: 540px; display: block; cursor:default;}
.banner2 img{ width: 100%; height: 300px; display: block;}

.title{ width:660px; margin:0 auto; text-align:center; background:url(../img/title_bg.png) center 45px no-repeat; padding-top:35px; padding-bottom:30px; cursor:default;}
.title .p3{ color:#02913f;}
.title .p4{ color:#666; margin-top:3px;}

.products{ width:1100px; overflow:hidden;}
.pro{ width:1125px;}
.pro_class{ padding-bottom:22px;}
.pro_class .p5{ text-align:center; cursor:default;}
.pro_class a{ margin-left:15px; margin-right:15px; color:#333;}
.pro_class a:hover{ color:#02913f;}
.pro1{ float:left; margin-right:13px; margin-bottom:16px;}
.pro1 img{ width:255px; height:255px; margin:4px; margin-bottom:12px; background:#abd7f3;}
.pro1 .p1{ height:48px; line-height:24px; text-align:center; margin-left:6px; margin-right:6px; overflow:hidden;}
.pro1 a{ display:block; width:263px; height:328px; border:1px solid #ddd; color:#666;}
.pro1 a:hover{ background:#02913f; border:1px solid #02913f; color:#fff;}
.h{ height:24px; clear:both;}

.about_bg{ background:#f8f8f8;}
.about img{ width:575px; height:265px; margin-bottom:38px;}
.about .p1{ line-height:24px; color:#666; width:490px; float:right; padding-right:2px;}
.about a{ color:#02913f;}
.about a:hover{ text-decoration:underline;}

dt a{ display:block; width:106px; height:30px; text-align:center; line-height:30px;}
.tab1{ margin-left:391px;}
dl.tabs {position:relative;}
dl.tabs dt {float:left; cursor:default;}
dl.tabs dd { width:1100px; height:384px;}
/* if JS is ACTIVATED, enable new style to dl.tabs */
dl.tabs.enabled {}
dl.tabs.enabled .tab1 { background:url(../img/menu.png) left;}
dl.tabs.enabled .tab1:hover{ color:#fff; background:url(../img/menu_hover.png) left;}
dl.tabs.enabled .tab1.active{ color:#fff; background:url(../img/menu_hover.png) left;}
dl.tabs.enabled .tab2 { background:url(../img/menu.png) center;}
dl.tabs.enabled .tab2:hover{ color:#fff; background:url(../img/menu_hover.png) center;}
dl.tabs.enabled .tab2.active{ color:#fff; background:url(../img/menu_hover.png) center;}
dl.tabs.enabled .tab3 { background:url(../img/menu.png) right;}
dl.tabs.enabled .tab3:hover{ color:#fff; background:url(../img/menu_hover.png) right;}
dl.tabs.enabled .tab3.active{ color:#fff; background:url(../img/menu_hover.png) right;}
dl.tabs.enabled dd {position:absolute;top:70px;left:0;margin:0;z-index:1;clear:none;}
dl.tabs.enabled dd.active {z-index:3;}

.news{ height:573px; width:1100px; overflow:hidden; margin-bottom:17px;}
.news1_con{ height:175px;}
.news1 img{ width:275px; height:175px;}
.news2 img{ margin-top:-20px;}
.news1_con .p4{ text-align:center; color:#02913f; line-height:24px; padding-top:20px; margin-bottom:12px;}
.news1_con .p1{ line-height:18px; padding-left:18px; padding-right:15px; height:36px;}
.news1_con .time{ font-family:Arial; font-size:12px; text-align:center; line-height:24px; margin-top:7px; margin-bottom:8px;}
.news1_con .more{ width:70px; margin:auto; font-family:Arial; font-size:12px; text-align:center; line-height:24px; border-top:1px solid #666; border-bottom:1px solid #666;}
.news1_con .more a{ color:#666;}
.news1,.news2{ display:block; width:275px; height:350px; background:#f1f1f1; color:#666; float:left;}

.news1_hov{ height:175px;}
.news1_hov{ background:#02913f;}
.news1_hov .p4{ text-align:center; color:#fff; line-height:24px; padding-top:20px; margin-bottom:12px;}
.news1_hov .p1{ line-height:18px; padding-left:18px; padding-right:15px; color:#fff;}
.news1_hov .time{ font-family:Arial; font-size:12px; text-align:center; line-height:24px; margin-top:7px; margin-bottom:8px; color:#fff;}
.news1_hov .more{ width:70px; margin:auto; font-family:Arial; font-size:12px; text-align:center; line-height:24px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.news1_hov .more a{ color:#fff;}

.effects {
  padding-left: 15px;
}
.effects .img {
  position: relative;
  float: left;
  width: 275px;
  overflow: hidden;
}
.effects .img:nth-child(n) {
  margin-right: 5px;
}
.effects .img:first-child {
  margin-left: -15px;
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  min-height:175px;
  min-width:275px;
  max-height:175px;
  max-width:275px;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background:#02913f;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.overlay .p1{ height:36px;}
main a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
main a.close-overlay.hidden {
  display: none;
}

main a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: solid 5px #fff;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  font-size: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}


#effect-6 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
#effect-6 .overlay a.expand {
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#effect-6 .img.hover .overlay {
  opacity: 1;
}
#effect-6 .img.hover .overlay a.expand {
  top: 50%;
  margin-top: -30px;
  opacity: 1;
}


.friend{height:373px; margin-top:-34px;}
.mr_frbox{overflow:hidden;width:1100px;}
.mr_frBtnL{display:inline;float:left;height:23px;width:22px; margin-left:1056px; margin-bottom:11px;}
.mr_frUl{ float:left;height:350px;width:1100px;}
.mr_frBtnR{display:inline;float:left;height:23px;width:22px; margin-left:1078px; margin-top:-384px;}
.mr_frUl ul li{display:inline;float:left;overflow:hidden;position:relative;}

.equi_bg{ background:#f8f8f8; padding-bottom:60px;}
.equi{ width:1100px; overflow:hidden;}
.equ{ width:1140px;}
.equ1{ float:left; margin-right:20px;}
.equ1 a{ display:block; width:258px; height:253px; background:#fff; border:1px solid #ddd; color:#666;}
.equ1 a:hover{ background:#02913f; border:1px solid #02913f; color:#fff;}
.equ1 img{ width:250px; height:167px; margin:4px;}
.equ1 .p1{ height:48px; line-height:24px; text-align:center; margin-left:6px; margin-right:6px; overflow:hidden; margin-top:15px;}
.equi .friend{ height:289px; margin-top:-25px;}

.part{}
.par{ width:1095px; margin:0 auto;}
.par1{ float:left; margin-left:15px; margin-top:18px; margin-bottom:50px;}
.par1 a{ display:block; width:118px; height:88px; border:1px solid #ddd;}
.par1 a:hover{ border:1px solid #02913f;}
.par1 img{ width:118px; height:88px;}

.footer_bg{ background:#02913f;}
.footer{ height:192px; color:white; line-height:24px;}
.f_left{ float:left; margin-left:10px;}
.f_right{ float:right; margin-right:5px; margin-top:20px;}
.f_right p{ text-align:center;}
.footer a{ color:white;}
.footer a:hover{ color:#fff; text-decoration:underline;}
.footer img{ width:125px; height:125px;}
.f_right2{ float:right; margin-top:20px; margin-right:20px;}
.f_right2 img{ width:125px; height:125px;}
.f_right2 p{ text-align:center; line-height:20px;}

.left{ width:250px; float:left;}
.left1{ background:#02913f; text-align:center; padding-bottom:14px; margin-top:10px;}
.left1 .p6{ line-height:60px; color:white; cursor:default;}
.left1 ul{ width:230px; margin:0 auto; background:#fff; padding-top:13px; padding-bottom:45px;}
.left1 li{ border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; margin-top:-1px;}
.left1 li a{ padding:15px 10px; display:block; background:none; color:#333;}
.left1 li a:hover{ background:#505050; color:#fff;}
.cur2 a{ background:#505050 !important; color:#fff !important;}

.left2{ width:248px; border:1px solid #ccc; margin-top:10px;}
.l_contact{ display:inline-block; padding:14px;}
.left2 .phone{ float:left; margin-right:6px;}
.left2 .p7{ float:left; line-height:27px; color:#00923f; width:195px;}
.left2 .p8{ color:#00923f; line-height:50px; width:228px;}
.left2 .p1{ line-height:26px; color:#666;}
.left2 .p1 a{ color:#666;}

.left3{ margin-top:10px; padding-bottom:30px;}
.left3 .p6{ line-height:48px; background:#02913f; text-align:center; color:#fff; cursor:default;}
.l_contact2{ border:1px solid #ccc; border-top:none; padding-top:23px; padding-bottom:80px;}
.l_contact2 img{ width:118px; height:88px;}
.l_contact2 a{ width:118px; height:88px; display:block; border:1px solid #cdcdcd; margin-left:65px; margin-bottom:16px;}
.l_contact2 a:hover{ border:1px solid #02913f;}

.right{ width:830px; float:right; margin-top:39px; overflow:hidden;}
.title2{ color:#666;}
.title2_l{ float:left; padding-left:3px; padding-right:50px; border-bottom:3px solid #00923f; cursor:default;}
.title2 img{ float:left; margin-right:5px;}
.title2 .p6{ float:left; color:#505050; margin-top:-11px; line-height:40px;}
.title2_r{ float:right; margin-top:4px;}
.title2_r .p1{ padding-right:2px;}
.title2 a{ color:#666;}
.title2 a:hover{ text-decoration:underline;}

.content{ width:808px; border:1px solid #ddd; margin-top:-2px; padding:10px;}
.about1{ padding-top:30px; padding-left:10px; padding-right:10px; padding-bottom:60px; display:block;}
.about1 img{ margin-bottom:25px;}
.about1 .p1{ clear:both; line-height:24px; color:#666; margin-left:5px; padding-right:45px;}

.right2{ margin-top:15px; width:830px; margin-bottom:30px;}
.right2 .p7{ line-height:40px; color:white; background:#02913f; padding-left:20px; cursor:default;}
.right2_c{ height:260px; border:1px solid #ddd; border-top:none; padding-top:13px;}
.pro2{ float:left; margin-left:10px;}
.pro2 a{ display:block; width:193px; height:231px; background:#fff; border:1px solid #ddd; color:#666;}
.pro2 a:hover{ background:#02913f; border:1px solid #02913f; color:#fff;}
.pro2 img{ width:185px; height:185px; margin:4px; background:#abd7f3;}
.pro2 .p1{ line-height:24px; text-align:center; margin-top:2px;}

.contact{ min-height:700px;}
.contact_l{ float:left; width:140px; text-align:center; color:#666; margin-top:20px;}
.contact_r{ float:left; margin-left:45px;}
.contact_r .p3{ color:#333; line-height:70px;}
.contact_r .p1{ line-height:24px; color:#666;}
.map{ margin-left:3px;}
.map img{ margin-top:20px;}

.pros{ width:847px; margin-left:-6px; padding-top:15px; overflow:hidden;}


.newslist{ height:680px;}
.news3{ height:168px; margin-top:10px; border-bottom:1px solid #ddd;}
.news3 img{ padding:4px;}
.news3_l{ float:left;}
.news3_l a{ display:block; width:228px; border:1px solid #ddd;}
.news3_l a:hover{ border:1px solid #02913f;}
.news3_r{ float:left; width:545px; margin-left:20px;}
.news3 .p9{ line-height:45px; margin-top:-5px;}
.news3 .p9 a{ color:#333;}
.news3 .p9 a:hover{ color:#02913f; text-decoration:underline;}
.news3 .p1{ line-height:24px;}
.news3 .p1 a{ color:#02913f;}
.news3 .p1 a:hover{ text-decoration:underline;}
.newslist ul{ margin-left:25px; margin-top:15px;}
.newslist li{ width:770px; height:35px;}
.newslist li img{ margin-left:-12px; margin-right:5px;}
.newslist li p{ float:left; margin-top:6px; color:#666;}
.newslist li .p_l{ float:left;}
.newslist li .p_r{ float:right;}
.newslist li a{ color:#666;}
.newslist li a:hover{ color:#02913f; text-decoration:underline;}
.newslist .page{ margin-top:15px;}

.equs{ width:860px; margin-left:-6px; overflow:hidden;}
.equs .equ1{ margin-top:13px;}
.equs .page{ margin-top:20px; margin-bottom:15px;}

table{ margin-left:-5px; margin-bottom:105px; margin-top:30px;}
tr{ height:40px;}
table p{ width:55px;}
.in1{ border:1px solid #ddd; width:288px; height:28px; font-size:16px; padding-left:3px; padding-right:3px;}
.in2{ border:1px solid #ddd; width:132px; height:28px; font-size:16px; padding-left:3px; padding-right:3px;}
textarea{ border:1px solid #ddd; width:560px; height:136px; margin-top:5px; margin-bottom:10px; font-size:16px; padding:3px;}
.td{ float:left;}
td img{ margin-top:3px; margin-left:5px;}
td a{ color:#666; line-height:30px; margin-left:5px;}
.btn1{ float:left; width:140px; height:40px; border:none; background:#02913f; color:white; font-family:Arial; font-size:14px; cursor:pointer;}
.btn1:hover{ background:#0dc55c;}
.btn2{ float:left; width:140px; height:40px; border:none; background:#4f575a; margin-left:20px; color:white; font-family:Arial; font-size:14px; cursor:pointer;}
.btn2:hover{ background:#616d71;}
table .p2{ width:100px; text-align:right; color:#666;}
.message .p3{ color:#333; margin-left:35px; margin-top:20px;}
.message .p1{ color:#666; margin-left:35px; margin-top:15px;}


/*products2.html*/
.clearfix{zoom: 1;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.etalage{direction: ltr;}
.etalage,.etalage_thumb,.etalage_thumb_image,.etalage_big_image,.etalage_zoom_preview,.etalage_icon,.etalage_hint {
    display: none;
}

.etalage .etalage_thumb {
  background: #fff url(../img/loading.gif) center no-repeat; padding:4px;border:1px solid #ddd;
}

.etalage,.etalage ul,.etalage li,.etalage img,.etalage_hint,.etalage_icon,.etalage_description {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

.etalage img{ background:#abd7f3;}

.etalage,.etalage_magnifier div,.etalage_magnifier div img,.etalage_small_thumbs ul,ul .etalage_small_thumbs li,.etalage_zoom_area div,.etalage_zoom_img {
    position: relative;
}
.etalage img,.etalage li {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    user-drag: none;
}

.etalage,.etalage_small_thumbs li {
    float: left;
}

.etalage_right {
    float: right
}

.etalage li {
    position: absolute; padding:4px;
}

.etalage img {
    vertical-align: bottom;
    width: 50px;
    height: 50px
}
.etalage .etalage_zoom_area, .etalage_zoom_area {
  background: #fff url(../img/loading.gif) center no-repeat;
  border: 1px solid #ddd;
  padding: 6px;
  -webkit-box-shadow: 0 0 10px #ddd;
  -moz-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;
  display: none;
  z-index: 20;
}
.etalage_zoom_area div{
	overflow: hidden;
}
.etalage_zoom_area .etalage_zoom_img{
	position: absolute;
}
.etalage_wrap {
  width: 380px;
  margin: 0 auto;
  float:left;
  margin-left:20px;
  margin-top:-15px;
}
.etalage_wrap .etalage_magnifier{
    background: #fff;
    outline:#bbb solid 1px;
    display: none;
    cursor: move;
}
.etalage_magnifier div{
  overflow: hidden;
}

.etalage_wrap .etalage_small_thumbs{
    overflow:hidden;
}
.etalage_wrap .etalage_small_thumbs li {
    border: 1px solid #FFF;
    margin: 0px 10px 0px 0px;
    position: relative;
}

.etalage_wrap ul li.etalage_smallthumb_active {
    -webkit-box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd;
    border: 1px solid #ddd; width:50px; height:50px;
}
.pro_detail{ height:800px; margin-left:-10px;}

.pro_right{ position:absolute; width:400px; overflow:hidden; margin-left:415px; margin-top:-418px; overflow:hidden;}
.pro_right .p4{ width:380px; height:70px; line-height:70px; color:#fff; background:#02913f; padding-left:20px; margin-bottom:18px;}
.pro_right .p1{ line-height:36px; margin-left:10px;}
.ask{ margin-left:8px; margin-top:15px;}
.ask a{ display:block; width:125px; height:35px; line-height:33px; text-align:center; color:#fff; font-size:14px; background:url(../img/btn.png);}
.ask a:hover{ color:#fff; background:url(../img/btn_hover.png);}
.share{ margin-top:20px;}
.jiathis_style_24x24{ margin-left:10px;}

.details{ width:790px; margin-top:60px; margin-left:20px;}
.details .p7{ width:135px; height:40px; background:#02913f; text-align:center; line-height:40px; color:#fff; cursor:default;}
.line{ border-bottom:1px solid #ddd;}
.details_p{ padding:10px; line-height:24px; color:#666; font-family:Arial;}

.equi_detail{ padding:15px;}
.equi_detail img{ margin:20px 0 10px 20px;}
.equi_detail .p1{ text-align:center;}

.news_detail .p9{ text-align:center; line-height:25px; color:#333; font-weight:bold; margin-top:15px;}
.news_detail .time{ color:#666; font-family:Arial; font-size:12px; text-align:center; line-height:24px; margin-top:7px; margin-bottom:8px;}
.news_detail .details_p{ line-height:24px; min-height:440px;}

.page{ margin:auto;}
.page span{ margin:5px;}
.page a{ color:green; margin:5px;}
.page-num-current{ color:red !important;}