@charset "utf-8";
.w{ width:1200px; margin:0 auto}
.header .logo{ float: left;}
a{ color:#666}
a:hover{ color:#00665A }
.bg1{ background-color: #f7f7f7 }

.header .logo img{ height: 63px; margin-top: 20px; margin-bottom: 20px; }
.nav{ float:right }
.nav .nav_list{  height:50px; margin:20px auto; z-index:9999;}
.nav li{float:left; height:50px; line-height:50px;position:relative; padding:0 10px;}
.nav li.last{background:none;}
.nav li a{float:left; display:block;  padding:0 10px;   border-bottom: 2px solid #fff; height:50px; text-align:center; line-height:50px; font-size:16px;}
.nav li a:hover{ border-bottom: 2px solid #00665A; text-decoration:none; color:#00665A}
.nav li a.active{ border-bottom: 2px solid #00665A; text-decoration:none; color:#00665A}
.nav li.active .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:52px;left:0px;}
.nav li .submenu{ width:500px; padding-top:31px;}
.nav li .submenu{ z-index:9999;}
.nav li .submenu li{float:left; padding:0; background:none;height:30px; line-height:30px;}
.nav li .submenu li a{float:none; padding:0; text-align:center; font-family:"Microsoft YaHei";height:30px;line-height:30px; color:#fff; padding:0 20px; font-size:14px; border:0}
.nav li .submenu li a:hover{background:#01949b;font-weight:normal; color:#fff; text-decoration:none;}

.navbg{ background-color:#007b81; height:30px;}
/* flexslider */
.flexslider{position:relative;height:599px;overflow:hidden;background:url(../Images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:599px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../Images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../Images/next.png) center center no-repeat;}

.box1{ padding:50px 0; }
.box1 .fl{ width: 460px; }
.box1 .fl p{ text-align: center; margin:10px; }
.box1 .fr{ width: 700px; }
.box1 .fr h3{color:#007b81; font-size: 36px; display: block; line-height: 140px; text-align: center;}
.box1 .fr ul li{ float: left; width: 20%; text-align: center }
.box1 .fr ul li img{ height: 59px; }
.box1 .fr ul li span{ color:#666; display: block; margin-top:5px;}

.box2{ background:url(../images/centerbg.jpg) center center no-repeat; height: 200px; width: 100% }
.box2 .fl{ width: 60%; }
.box2 .fl h3{color: rgb(33, 33, 33); font-size: 24px; display: block; margin-top: 50px;}
.box2 .fl p{ font-size: 14px; margin-top: 20px; }
.box2 .fr{ text-align: center; width: 30%; }
.box2 .fr a{border-radius: 25px; color: #212121; background: #fff; width: 165px; line-height: 50px; text-align: center; display: block; font-size: 20px; margin-top: 75px;}

.box3{ padding-bottom: 100px; }
.box3 h3{color:#007b81; font-size: 36px; display: block; line-height: 50px; padding:50px; text-align: center;}
.box3 ul li{ float: left; width: 16.666666%; text-align: center }
.box3 ul li img{ height: 80px; }
.box3 ul li span{ color:#666; display: block;  margin-top:5px;}

.box4{ background: url(../images/box4_bg.jpg) center center no-repeat; height: 573px; }
.box4 ul{ width: 80%; margin:0 auto; }
.box4 li{ text-align: center; width: 33.333333%; float: left; }

.box5{}
.box5_con{ position: relative; background: url(../images/yuan.png) center top no-repeat; height: 650px;}
.box5_con .ico1{background: #3bd1da; width: 30px; height: 30px; border-radius:15px; top:35px; left: 435px; position: absolute; }
.box5_con .ico2{background: #ffcd48; width: 30px; height: 30px; border-radius:15px; top:35px; right: 435px; position: absolute; }
.box5_con .ico3{background: #3bda82; width: 30px; height: 30px; border-radius:15px; top:250px; left: 335px; position: absolute; }
.box5_con .ico4{background: #e9a685; width: 30px; height: 30px; border-radius:15px; top:250px; right: 335px; position: absolute; }
.box5_con .ico5{background: #afda3b; width: 30px; height: 30px; border-radius:15px; top:430px; left: 435px; position: absolute; }
.box5_con .ico6{background: #3bd1da; width: 30px; height: 30px; border-radius:15px; top:430px; right: 435px; position: absolute; }

.box5_wz{width: 290px; position:absolute;}
.box5_wz h3{color: rgb(51, 51, 51); font-size: 24px;}
.box5_wz p{line-height: 18px; color: rgb(169, 169, 169); margin-top: 10px; }

.wz1{ left:125px; top:-40px;  text-align: right; }
.wz2{ right:125px; top:-40px;  text-align: left; }
.wz3{ left:35px; top:190px;  text-align: right; }
.wz4{ right:35px; top:190px;  text-align: left; }
.wz5{ left:125px; top:420px;  text-align: right; }
.wz6{ right:125px; top:420px;  text-align: left; }

.box6{ padding: 45px 0; }
.box6 h3{font-size: 36px; color:#333333;  text-align: center; display: block;}
.box6 p{color: rgb(169, 169, 169); font-size: 14px; text-align: center; margin-top: 10px;}
.box6 ul{ background-color: #fff; margin-top: 45px; }
.box6 ul li{ width: 23%; float: left; padding:20px 1%; }
.box6 ul li h4{ display: block; line-height: 50px; font-size: 20px; color: #333; text-align:center; }
.box6 ul li span{line-height: 24px; font-size: 14px; color: #999; text-align:center; display:block}

.box7{ padding-top: 40px; }
.box7 h2{font-size: 36px; color:#333333;  text-align: center; display: block; height: 100px;}
.contact_bg{ background: url(../images/contact_bg.jpg) center center; height: 560px;  }

.contact{ width: 50%; float: right; }
.contact_con{padding:100px 50px 0 100px; }
.contact_con h3{font-size: 38px; color: #fff}
.contact_con h4{font-size: 38px; color: #fff}
.contact_con p{color:#fff; font-size: 14px; margin-top: 20px;}
.contact_con a{border-radius: 25px; color: #212121; background: #fff; width: 165px; line-height: 50px; text-align: center; display: block; font-size: 20px; margin-top: 75px;}

.box8 dl{ overflow: hidden; border-bottom: 1px dashed #e5e5e5; margin-bottom: 28px; padding-bottom: 28px; }
.box8 dl dt{ width: 90%; float: left; }
.box8 dl dt a h3{ color: #666; font-size: 16px; line-height: 50px; }
.box8 dl dt p{ color: #999; }
.box8 dl dd{ width: 10%; float: right; font-size: 16px;}

.box8 h2{font-size: 36px; color:#333333;  text-align: center; display: block; line-height: 100px;}

.q_link h3{ display: block; line-height: 50px; font-size: 16px; color: #666; border-bottom: 1px solid #ddd; }
.q_linkcon{ padding:10px 0; }
.q_linkcon a{ margin-right: 20px; line-height: 27px; color: #666 }

.footer{ background-color: #1b252e; border-top: 2px solid #00665A; padding:20px 0; }
.footer_nav{ overflow: hidden; padding-bottom: 20px;}
.footer_nav li{ float: left; line-height: 27px; margin-right: 50px; }
.footer_nav li ul li{ float: none;  margin-right: 0px;  }
.footer_nav li a{color: #8b939d;}
.footer_copyright{ padding:10px 0; border-top: 1px solid #313a43; color: #8b939d; line-height: 30px; }

.footer li h3{color: #8b939d; font-size:16px;} 
.footer li .f1{ background:url(../images/w1.png) left center no-repeat; padding-left:50px; line-height: 20px; margin-bottom:10px;}
.footer li .f2{ background:url(../images/w2.png) left center no-repeat; padding-left:50px; line-height: 20px; margin-bottom:10px;}
.footer li .f3{ background:url(../images/w3.png) left center no-repeat; padding-left:50px; line-height: 20px; margin-bottom:10px;}

.footer_nav .fr span{ display:block; line-height:30px; color: #8b939d;}

.s_banner1{ height: 300px; }
.main{ padding:50px 0;  }
.main .w{ background: url(../images/mbg.jpg) repeat-y; }
.m_left{ float: left; width: 225px;}
.m_left li a{ line-height: 60px; display: block; color: #666; text-align: center; font-size: 16px; border-bottom: 1px solid #fff }
.m_left li a:hover{ background-color: #00665A; color: #fff; padding:20px 0; -webkit-transition: all .3s; transition: all .3s;}
.m_left li a.cur{background-color: #00665A; color: #fff; padding:20px 0;}

.m_right{ float: right; width: 930px; min-height: 500px; }
.newslist ul{ margin-left:-8px; }
.newslist li{ font-size: 14px; margin-top: 10px; margin-bottom:30px; }
.newslist li a span{ display:inline-block; background-color: #bababa; width: 12px; height: 12px; border-radius:8px; border:2px solid #f4f4f4; margin-right: 10px; }
.newslist li div{ margin-left: 25px; margin-top: 10px; color: #999 }

.newscon{ margin-bottom:30px;}
.newscon h1{display: block; text-align: center; line-height: 40px; padding:20px 0;   font-size: 30px;   font-weight: bold;  color: #333;   text-align: center;}
.line1 {
    border: 1px solid #f0efef;
    border-bottom: none;
    margin: 20px 0;
}
.newscon .other{ text-align: right; }
.con{ margin-top: 20px; font-size: 16px; line-height:1.7em; color: #666 }

 .line2 {
    border: 1px dashed #f0efef;
    border-bottom: none;
    margin: 20px 0;
}

.news_next div{ line-height: 30px; font-size: 14px;  }

.about{ padding-left:50px; }
.about h1{display: block; text-align: center; line-height: 40px; padding:20px 0;   font-size: 30px;   font-weight: bold;  color: #333;   text-align: center;}

.piclist{ padding-left:50px;}
.piclist li{ float: left; width: 30%; margin-right: 3%; margin-bottom:30px;  }
.piclist li a img{ width: 100%; height: 165px; }
.piclist li a{ display: block;    -webkit-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd;
    padding: 5px;
}
.piclist li a span{ font-size: 14px; text-align: center; display: block; line-height: 30px; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; }

/* play */
#play{width:980px;text-align:center;position:relative;overflow:hidden;margin:5px auto;}
#play .change_a{width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;background:url(about:blank);}
#play .prev_a{left:0;}
#play .next_a{right:0}
#play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none;}
#play .prev_a span{background:url(../images/s_gallery_2012110702.png) no-repeat 0px -50px;left:0;}
#play .next_a span{background:url(../images/s_gallery_2012110702.png) no-repeat -30px -50px;right:0;}
#play .img_ul{position:relative;z-index:1;}
.img_hd {width:980px; overflow:hidden;height:86px; margin:50px auto;position:relative;}
.img_hd ul{position:absolute;z-index:1}
.img_hd ul li{float:left; height:80px; cursor:pointer;margin:0 5px 0 5px;overflow:hidden;*display:inline; text-align:center}
.img_hd ul li img{height:80px;}
.img_hd ul li.on{border-color:rgb(45, 150, 233);}
.img_hd .bottom_a{background:url(../images/s_gallery_2012110702.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10}
.img_hd .prev_a{background-position:0 -24px;left:5px;}
.img_hd .next_a{background-position:-30px -24px;right:5px;}


.prolist{ padding-left:50px;}
.prolist li{ float: left; width: 30%; margin-right: 3%; margin-bottom:30px;  }
.prolist li a img{ width: 100%; height: 280px; border: 1px solid #ddd;}
.prolist li a{ display: block;
}
.prolist li a span{ font-size: 14px; text-align: center; display: block; line-height: 30px; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; }

.prodesc{ margin:30px 0; }
.prodesc .fl{ width: 500px;  }
.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(../images/loading.gif) no-repeat center center;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:500px;height:500px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:500px;height:500px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:502;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:472px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.prodesc .fr{width: 650px;}
.prodesc .fr h2{    font-weight: 400; display: block;
    color: #585858;
    margin: 0;
    font-size: 20px;
    text-align: left;
    word-break: break-word;}
 .price{ margin-top: 20px; }
 .price span{ font-family: Arial; font-weight: 700; font-size: 36px;     color: #00665A; line-height: 60px; }


.procon .tit{ border: 1px solid  #f0efef}
.procon .tit h3{border-top:3px solid #ff0000; font-size: 16px; display: block; color: #ff0000; border-right: 1px solid #f0efef; line-height: 50px; text-align: center; width: 150px; }



@media only screen and (max-width:1000px) {
.w{ width: 99%; }
}