@charset "utf-8";
/* 全局CSS定义 */
body { font-family: "微软雅黑"; padding: 0; font-size:14px; color:#333; background:fff; margin: 0 auto;}
div,form,img,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:14px; font-weight: normal;}
table,td,tr,th{font-size:14px;}
a:link {color: #222; text-decoration:none;}
a:visited {color: #222;text-decoration:none;}
a:hover { color: #158474; text-decoration: none;}
a:active { color: #222;}
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.clr_13{ height: 13px; line-height: 0; font-size: 0;}
.cRed{color: #BC730B; }
.c06c,.c06c:link,.c06c:visited{ color: #B62D3F;}
.c06c:hover{ color: #f30;}
.clr_25{ clear: both; height: 28px; line-height: 0; font-size: 0;}
.pages{ height: 28px; line-height: 28px; clear:both; padding-top: 25px; font-family:Verdana, Geneva, sans-serif; text-align:center;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 2px; height: 23px; line-height: 23px; text-align:center; width: 25px; border: 1px solid #ccc; background: #fff;}
.pages a:hover,.pages strong{ border: 1px solid #E62129; color: #fff; background: #E62129; font-weight:normal;}
.Header{ width: 1260px; margin: 0 auto; padding-top: 15px;}
.Header .logo{ float:left; padding: 5px 0 25px 0;}
.Header .logo img{ width: 230px;}
.Header .r{ float:right; background:url(img/ico_tel.png) no-repeat right 0; padding: 10px 280px 0 0; background-size: 210px; margin-top: 20px;}
.Header .r .tel{}


.Header .nav{ clear:both;}
.Header .nav li{ float:left; width: 120px; text-align:center; }
.Header .nav li a{}
.Header .nav li a:hover{ color:#316031;}


.Header #nav li{ position: relative;}
.Header #nav li h2{ font-size: 17px; height: 40px; }
.Header #nav li ul{ position: absolute; top: -999em;  width: 120px; padding: 10px 0; height:auto; background:#148171;opacity:0.8; }
.Header #nav li ul li{ line-height: 32px;  width: auto; float:none; font-size: 14px; }
.Header #nav li ul li a,.Header #nav li ul li a:visited{ color: #fff;}
.Header #nav li ul li a:hover{ color: #FC0;}
.Header #nav li:hover ul,#nav li.sfHover ul { top: 40px; z-index:999; }
.Header #nav li:hover ul a,#nav li.sfHover ul a { }
.Header #nav li:hover ul a:hover, #nav li.sfHover ul a:hover {}



.main_area{ height:650px; position:relative; overflow:hidden;}
#con_product_slide{ width:270px; height:650px;margin:0 auto; position:relative;*z-index:1;}
#scroll_btn_list{ overflow:hidden;height:20px;position:absolute;bottom:15px;z-index:1; margin: 0 auto;}
#scroll_btn_list li{float:left;margin: 0 10px; width: 70px;}
#scroll_btn_list li a{display:block;position:relative;width:70px; height:7px; font-size: 0; line-height: 0; background:#fff;overflow:hidden;}
#scroll_btn_list li a:after{ position:absolute;left:0;top:0;width:100%;height:13px;}
#scroll_btn_list .on a,#scroll_btn_list li a:hover{ background:#118574;}
#scroll_product_list{ height:650px;width:100%;position:absolute;top:0;left:0;}
#scroll_product_list li{height:650px;width:100%;display:none;position:absolute;left:0;top:0;}
#scroll_product_list li.on{display:block;}
#scroll_product_list li a{ display:block; height: 650px;}

.Home{ width: 1260px; margin: 30px auto 0;}
.Home .title{ height:65px; line-height: 50px; text-align:right;  font-size: 16px;}
.Home .title h2{ float:left; font-size: 28px; }
.Home .title a,.Home .title a:visited{ color: #999;}
.Home .title a:hover{ color: #158474;}


.Home .pr { height: 230px;}
.Home .pr li{ float:left; width: 300px; height: 200px; margin-right: 20px; position:relative;}
.Home .pr li img{ display:block; position: absolute; }
.Home .pr li strong{ font-size: 14px; display:block; top: 10px; left: 10px; font-weight:normal; height: 32px; position:absolute; z-index:2; width: 75px; height: 30px; line-height: 30px; background: #118574; color: #fff; text-align:center;}


.Home .pr .r{ float:right; margin-right: 0;}





.Home .about{ float:left; width: 750px; margin-top: 50px; }
.Home .about .text{ background: #F2F7FB; padding: 25px 40px 0; height: 285px;}
.Home .about .text p{ margin: 0; padding: 10px 0; line-height: 28px;}
.Home .news{ float:right; width: 480px; margin-top: 50px;}


.Home .news .list{ height: 282px; padding: 28px 25px 0; background: #F2F7FB;}
.Home .news .list li{ background:url(img/ico_2.png) no-repeat 0 11px; height: 32px; line-height: 32px; padding-left: 25px; text-align:right; color: #999;}
.Home .news .list li a{ float:left;}
.Banner{ background:url(img/banner_bg.jpg) no-repeat center 0; height: 180px;}
.Banner span{ width: 1000px; margin: 0 auto; display:block;}
.Content{ width: 1260px; margin: 30px auto 0;}
.ContentLeft{ float:left; width: 250px;}
.ContentLeft h3{ background: #118574; height: 65px; line-height: 65px; text-indent: 25px; font-size: 24px; color:#fff;}
.ContentLeft .menu{ padding: 20px 0 25px; background: #F2F7FB;}
.ContentLeft .menu li{ line-height: 40px; padding-left: 25px; font-size: 15px;}
.ContentLeft .menu .tag a{ color: #118574;}

.ContentLeft .menuproducts{}
.ContentLeft .menuproducts li{ height:auto; line-height: 25px; padding: 10px 25px; background: none;}



.ContentRight{ float:right; width: 980px;}
.ContentRight .title{ height: 80px; line-height: 65px; color: #ccc;}
.ContentRight .title h1{ float:left;font-size: 28px; color:#118574;}
.ContentRight .title span{ float:right;}
.ContentRight .about{ line-height: 200%;}
.ContentRight .about p{ margin: 0; padding: 15px 0; line-height: 28px;}
.ContentRight .about h3{ font-size: 18px; font-weight:bold; padding-top: 25px;}
.ContentRight .about .zizhi{}
.ContentRight .about .zizhi li{ float:left; width: 424px; margin-right: 25px; text-align:center;}
.ContentRight .about .zizhi li img{ width: 420px; height: 574px; border: 2px solid #ddd; display:block; margin-bottom: 10px;}
.ContentRight .about .zizhi .r{ float:right; margin-right: 0;}
.ContentRight .about img{ display:block; margin: auto; width: 100%;}


.ContentRight .productslist{ padding-top: 20px;}
.ContentRight .productslist li{ float:left; width: 300px; height: 300px; margin-right: 40px; text-align:center; line-height: 27px;}
.ContentRight .productslist li img{ display:block; margin-bottom: 10px; width: 100%;}
.ContentRight .productslist .r{ float:right; margin-right: 0;}
.ContentRight .productslist li p{ margin: 0; padding: 0; line-height: 25px; color: #888;}

.ContentRight .productsview h1{ font-size: 16px; font-weight:bold; background: #EFF3F9; padding: 15px 0; text-align:center;}
.ContentRight .productsview h3{ font-size: 16px; font-weight:bold; border-bottom: 1px solid #ddd; padding: 35px 0 15px;}

.ContentRight .productsview .pic{ padding-top: 25px; }
.ContentRight .productsview .pic img{ display:block; margin: 0 auto; width:100%;}
.ContentRight .productsview .miaoshu{background: #EFF3F9; padding: 20px 25px;}


.ContentRight .productsview .body{ clear:both; padding: 20px 0;}
.ContentRight .productsview .body .text{ line-height: 27px; padding-bottom: 50px;}
.ContentRight .productsview .body img{ display:block; width:100%; margin: 20px 0;}

.ContentRight .productsview table{ width: 100%; border-collapse:collapse;}
.ContentRight .productsview table td{ border: 1px solid #ddd; padding: 0 7px; background: #fff;}
.ContentRight .productsview table th{background: #118574; border: 1px solid #118574; padding: 3px 7px; color: #fff; text-align:left;}









.ContentRight .productsview .next{ border-top: 1px solid #D9D9D9; line-height: 30px; padding-top: 15px; height: 100px;}
.ContentRight .productsview .next span a{ display:block; background: #118574; font-size: 14px; float:right; width: 70px; height: 38px; line-height: 38px; margin-top: 10px; text-align:center; color: #fff;}
.ContentRight .productsview .next span a:hover{ background: #333; color: #fff;}
.ContentRight .productsview .xianguan li{  float:left; width: 250px; height: 250px; margin: 35px 65px 0 0; text-align:center;}
.ContentRight .productsview .xianguan li img{ display:block; margin-bottom: 15px; width: 250px;}
.ContentRight .productsview .xianguan li strong{ display:block; font-weight:normal; line-height: 23px;}
.ContentRight .productsview .xianguan .r{ float:right; margin-right: 0;}
.ContentRight .productshome{ }
.ContentRight .productshome li{ height: 260px; line-height: 28px; padding-top: 20px;}
.ContentRight .productshome li img{ float:left; margin-right: 55px;}
.ContentRight .productshome li span{ float:left; display:block;}
.ContentRight .productshome li strong{ font-size: 18px; display:block; height: 45px;}
.ContentRight .productshome li .more{ display:block; color:#316131; margin-top: 5px;}
.ContentRight .productshome li .more:hover{ color: #BC730B;}

.ContentRight .newslist{}
.ContentRight .newslist li{ height: 65px; padding: 20px 0; line-height: 30px; border-bottom: 1px dotted #ccc;}
.ContentRight .newslist li span{ float:left; width: 65px; height: 65px; background:#f3f3f3; text-align:center; margin-right: 35px; line-height: 19px;}
.ContentRight .newslist li span em{ font-style:normal; display:block; border-bottom: 2px solid #fff; font-size: 24px; height: 40px; line-height: 40px; margin-bottom: 3px;}
.ContentRight .newslist li strong{ font-size: 16px;}
.ContentRight .newsview{ padding-bottom: 25px;}
.ContentRight .newsview h1{ text-align:center; font-size: 26px; padding: 30px 0 12px;}
.ContentRight .newsview .time{ text-align:center; color: #999;}
.ContentRight .newsview .text{ line-height: 25px; font-size: 14px; padding: 20px 0;}
.ContentRight .newsview .text p{ margin: 0; padding: 12px 0;}
.ContentRight .newsview .text img{ max-width: 880px;}
.ContentRight .newsview .next{ border-top: 1px solid #D9D9D9; line-height: 30px; padding-top: 15px;}
.ContentRight .newsview .next span a{ display:block; background: #118574; font-size: 14px; float:right; width: 70px; height: 38px; line-height: 38px; margin-top: 10px; text-align:center; color: #fff;}
.ContentRight .newsview .next span a:hover{ background: #333; color: #fff;}
.ContentRight .newsview .xianguan{ padding-top: 30px;}
.ContentRight .newsview .xianguan h4{ font-size: 18px; height: 35px;}
.ContentRight .newsview .xianguan li{ line-height: 28px; background:url(img/ico_3.gif) no-repeat 0 11px; padding-left: 18px;}




.FootBg{ background: #148171; margin-top: 50px; color: #B6D8D3}
.Foot{ width: 1260px; margin: 0 auto; padding: 40px 0;}
.Foot ul{ float:left; width: 315px;}
.Foot ul li{ line-height: 32px; font-size: 15px;}
.FootBg a,.FootBg a:visited{ color: #B6D8D3;}
.FootBg a:hover{ color: #FC0;}
.Foot ul .t{ font-size: 18px; height: 45px;}
.Foot ul .t a,.Foot ul .t a:visited{ color: #fff;}
.Foot ul .t a:hover{}


.FootBg .bottom{ text-align:center; border-top: 1px solid #127869; }
.FootBg .bottom .add{  border-top: 1px solid #179381; text-align:center; padding: 20px 0; line-height: 32px;}