@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:12px; color:#6B6B6B; font-family:"Microsoft YaHei";}
ul,li,p,form,div,dl,dd,dd{ margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:100;}
ul,ol,li{ list-style:none;}
a{ color:#6B6B6B; font-size:12px; text-decoration:none; font-family:"Microsoft YaHei";}
a:visited{color:#6B6B6B;}
a:hover{color:#F60;}
img{ border:0px solid #fff;}
.clear{ clear:both;}

.br{ height:5px; border:0px solid #fff; line-height:5px; font-size:5px;}
.bigbr{ height:10px; border:0px solid #fff; line-height:10px; font-size:10px;}
.container{ width:1200px; margin:0px auto;min-width:1200px;}
.right{ float:right;}

.wrap{ width:1250px; margin:0px auto;}
.wrap1200{ width:1200px; margin:0px auto;}
.color_white{ color:#FFF;}
.color_black{ color:#000;}
.color_red{ color:#ea2833;}

.bold{ font-weight:bold;}

.font-14{ font-size:14px;}
.font-16{ font-size:16px;}
.font-18{ font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}
.font-30{ font-size:30px;}
.font-36{ font-size:36px;}

.line18{ line-height:18px;}
.line20{ line-height:20px;}
.line22{ line-height:22px;}
.line25{ line-height:25px;}

/*header*/
#header{ width:1200px; min-width:1200px; margin:20px auto 20px auto; height:60px;}
#header #logo{ float:left;}
#header #search{ float:right; margin-top:14px;}
.search_text{ float:left; width:200px; height:30px; line-height:30px; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:0px 5px; text-align:left;}
.search_btnsubmit{ float:left; background-color:#2ad2c9; font-size:14px; text-align:center; border:1px solid #2ad2c9; color:#fff; height:32px; line-height:30px; cursor:pointer;}

.nav_contain{border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:48px; padding:10px 0px; min-width:1200px;} 
#nav{ margin:0px auto; width:1200px;  min-width:1200px;}
#nav li{ float:left; width:140px; line-height:48px; text-align:center; margin:0px 10px 0px 0px;}
#nav li a{ display:block; width:100%; height:48px; text-align:center; font-size:18px;}
#nav li.on{ background-color:#2ad2c9;}
#nav li.on a{color:#FFF;}

.banner{ background:url(../images/banner2.jpg); height:400px; min-width:1200px;}
.banner2{ background:url(../images/banner1.jpg); height:200px; min-width:1200px;}
.banner_fenxiao{ background:url(../images/wx_ban.jpg); height:300px; min-width:1200px;}

.products{margin-top:10px;}
.products .title{ font-size:30px; color:#2ad2c9; margin:20px 0px; text-align:center;}
.products p{ text-align:center; line-height:24px;}
.products .items{margin:20px 0px 0px 0px;}
.products dl{ float:left; width:300px; text-align:center;}
.products h2{ font-size:18px; line-height:38px;}

.news{ margin-top:30px;}
.news .title{ font-size:30px; color:#2ad2c9; margin:20px 0px; text-align:center;}
.news p{ text-align:center; line-height:24px;}
.news .items{margin:20px 0px 0px 0px;}
.news dl{ float:left; width:280px; text-align:center; margin-right:20px;}
.news dl img{ width:280px; height:200px;}
.news dl.fr{ float:right; margin-right:0px;}
.news h2,.news h2 a{ font-size:18px; line-height:38px; text-align:left;}
.news dd p{ text-align:left;}

.newslist{}
.newslist dl{ height:220px; border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px;}
.newslist dt{ float:left; width:309px; height:220px;}
.newslist dd{ float:right; width:860px;}
.newslist .dates{ font-size:12px; color:#8d8d8d; margin-bottom:10px;}
.newslist h2{ margin-bottom:10px;}
.newslist h2 a{ font-size:24px;}
.newslist dd{ line-height:20px;}

.pages{ clear:both;}
.pages a{ padding:5px; border:1px solid #2ad2c9;}
.pages a.cur{ padding:5px 8px; border:1px solid #2ad2c9; background-color:#2ad2c9; color:#fff;}

.news_show{ width:1200px; margin:30px auto;}
.news_show .left{ float:left; width:860px;}
.news_show .left h1{ font-size:26px; margin-bottom:20px;}
.news_show .left .dates{font-size:12px; color:#8d8d8d; margin-bottom:10px;}
.news_show .right{ float:right; width:300px; border-left:1px solid #ccc; padding:0px 0px 0px 15px;}
.news_show .right .rlist{}
.news_show .right .rlist h2{ color:#2ad2c9; font-size:18px; font-weight:bold; border-bottom:1px solid #ccc; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px;}
.news_show .right .rlist li{ line-height:30px;}
.news_show .right .rlist li a{ font-size:14px;}

.pro_show{ width:1200px; margin:30px auto;}
.pro_show dl{ height:220px; border-bottom:1px solid #ddd; padding-bottom:40px; margin-bottom:40px;}
.pro_show dt{ float:left; width:400px; height:220px;}
.pro_show dt img{ width:400px; height:220px;}
.pro_show dd{ float:right; width:750px; font-size:14px; line-height:30px;}
.pro_show dd h2{ line-height:50px; font-size:24px;}

.pro_show dl.sty2{ height:220px; border-bottom:1px solid #ddd; padding-bottom:40px; margin-bottom:40px;}
.pro_show dl.sty2 dt{ float:right; width:400px; height:220px;}
.pro_show dl.sty2 dt img{ width:400px; height:220px;}
.pro_show dl.sty2 dd{ float:left; width:750px; font-size:14px; line-height:30px;}
.pro_show dl.sty2 dd h2{ line-height:50px; font-size:24px;}

.pro_nav{}
.pro_nav li{ width:400px; float:left; }
.pro_nav li a{ text-align:left; width:385px; height:60px; line-height:60px; border-bottom:2px solid #ccc; display:block; padding:20px 0px 20px 15px;   font-size:24px; background:url(../images/dot.gif) left no-repeat;}
.pro_nav li a.cur{ border-bottom:2px solid #2ad2c9; color:#0fd0c6; font-size:30px; font-weight:bold;}

.flinks{ margin:20px auto; line-height:30px;}
h2.show{ font-size:24px; color:#2ad2c9; margin:0px 0px 20px 0px;}
.content{ line-height:28px; font-size:14px;}
.list_classh{ margin: 0px auto; width: 1200px; line-height: 30px; font-size:14px; min-width:1200px;}

/*contact*/
#rcontact{ position:fixed; top:170px; right:0px;}
#rcontact #closer{ position:absolute; right:32px; top:-25px; font-size:18px; font-weight:bold; color:#888; z-index:4; cursor:pointer;}
#rcontact ul li{	z-index:2;right:-140px;position:absolute;list-style: none;overflow: hidden;background-color: #007dc6;margin-top:1px;transition:all 1s ease; display:block; padding:10px; width:200px;}
#rcontact ul li:nth-child(1){top:0px;}
#rcontact ul li:nth-child(2){top:71px;}
#rcontact ul li:nth-child(3){top:142px;}
#rcontact ul li:nth-child(4){top:213px;}

#rcontact ul li:hover{	right:0px;}
#rcontact ul li .icon{ float:left; width:60px; height:50px; padding-right:10px; text-align:center;}
#rcontact ul li .icon a{display:block; color:#fff;}
#rcontact ul li .text{ float:left; width:128px; font-size:18px; color:#fff;}
#rcontact ul li .text a{ font-size:18px; color:#fff;}

#rooter{ clear:both; margin-top:20px; min-width:1200px; width:100%;}
#rooter .btmnav{ background-color:#2ad2c9; height:70px; text-align:center;}
#rooter .btmnav .content{ width:1200px; margin:0px auto; line-height:70px;}
#rooter .btmnav .content .left{ float:left; color:#fff; font-size:24px;}
#rooter .btmnav .content .right{ float:right;}
#rooter .btmnav .right a{ font-size:16px; color:#fff; margin:0px 0px 0px 30px;}
#rooter .btmtext{background-color:#000; color:#fff; line-height:50px;  height:50px;}