@charset "utf-8";
*,html{ padding:0px; margin:0px;}
body {
	margin:0 auto; padding:0px; font-size:12px; font-family:"Microsoft Yahei";line-height: 1.6;color:#333;
}
h1,h2,h3,h4,h5,h6{ font-style:normal;}
img { border:0px;}
ol,ul,li{list-style-type:none; padding:0px; MARGIN: 0px;}
table {
    table-layout: fixed;  word-break:break-all;
    word-wrap:break-word;
    }
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:visible;}
.clearfix{*zoom:1;}
.right{text-align:right;}
.left{text-align:left;}
.b{font-weight:bold;}
.under{text-decoration:underline;}
.break{word-break:break-all;}
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;}
a:hover{color:#f60;text-decoration: none;}
a:active {color:#333;text-decoration:none;}
.header{width:100%;margin:0 auto;}



@media (min-width: 761px) {
.wrap{ width:1200px; margin:0 auto;}
.wrap1100{ width:1100px; margin:0 auto;}
.logo{float: left; width: 400px; margin-top: 10px;}
.logoRight{float:right; width: 720px;}
.lan{ width:100%; text-align: right; height:40px;line-height: 40px; margin-top: 5px;}
.nav{ width:100%; margin-top: 10px;}
.nav ul li{float: left; line-height: 34px; margin-left:3px;}
.nav ul li a{color: #fff; padding: 0 20px; font-size: 16px; display: block;background: #007F80; border-radius: 15px 15px 0px 0px;}
.nav ul li a:hover{ background: #ff6600; border-radius: 15px 15px 0px 0px;}
.banner{ width:100%; height: 400px;}
.banner img{ width:100%; height: 100%;}
.bannerMob{display: none;}
.productMain{margin-top: 30px;}
.productMain ul li{ clear: both;}
.productMain ul li .productList{ border-bottom: 1px #d8d8d8 dashed; width: 100%; height: 200px; line-height: 200px; padding: 20px 0;}
.productMain ul li a.productList{ display: block;}
.productMain ul li .productList:hover{box-shadow: 0px 0px 2px 2px #007F80; border-radius: 5px; color: #333;border-bottom: 1px #fff dashed; background: #f8f8f8;}

.productMain ul li .productList .productImg{ width: 180px; float: left; text-align: center; line-height: 200px;}
.productMain ul li .productList .productImg img{ max-width: 100%;}
.productMain ul li .productList .productInfo{width: 880px; float: left; line-height: 30px; font-size:16px; padding: 10px;}
.productMain ul li .productList .productInfo h2{ font-size:18px; height: 50px; line-height: 50px;}

.prodcutShow{ margin-top: 30px;}
.prodcutShow ul li{clear: both;}
.prodcutShow ul li .showContent{ border-bottom: 1px #d8d8d8 solid; font-size: 16px; line-height: 28px;padding: 50px 0;}
.prodcutShow ul li .showContent img{ max-width: 100%;}
.prodcutShow ul li .showContent h2{ font-size:24px; height: 60px; line-height: 60px;}
.prodcutShow ul li .showContent table{ margin-top: 20px; border: 1px #d8d8d8 solid;}
.prodcutShow ul li .showContent table td{padding: 10px;}
.prodcutShow ul li .showContent table tr:nth-child(odd){ background: #f1f1f1;}
.prodcutShow ul li .showContent table tr:first-child{font-weight: bold; background: #ccc; height: 40px; line-height: 40x;}
}
@media (max-width: 760px) {
.wrap{ width:100%; margin:0 auto;}
.wrap1100{ width:100%; margin:0 auto;}
.logo{float: left; width: 30%;}
.logo img{width: 100%;}
.logoRight{float:right; width: 70%; text-align: right;}
.nav{ width:100%;}
.nav ul li{float: left;line-height: 30px; margin-top: 5px;}
.nav ul li a{color: #fff; padding: 0 5px; font-size: 14px; display: block;background: #007F80; margin-left: 5px;}
.nav ul li a:hover{ background: #ff6600;}
.bannerMob{ width:100%; height: 260px;}
.bannerMob img{ width:100%; height: 100%;}
.banner{display: none;}
.productMain{margin-top: 30px;}
.productMain ul li{ clear: both;}
.productMain ul li .productList{ width: 100%;}
.productMain ul li a.productList{ display: block;}
.productMain ul li .productList:hover{color: #333;background: #f8f8f8;}
.productMain ul li .productList .productImg{ width: 100%;text-align: center; padding-top: 20px;}
.productMain ul li .productList .productImg img{max-width: 100%;}
.productMain ul li .productList .productInfo{width:94%; float: left; line-height: 28px; font-size:14px; border-bottom: 1px #d8d8d8 dashed; padding: 3%;}
.productMain ul li .productList .productInfo h2{ font-size:16px; height: 40px; line-height: 40px;}

.prodcutShow{ margin-top: 30px;}
.prodcutShow ul li{clear: both;}
.prodcutShow ul li .showContent{ border-bottom: 1px #d8d8d8 solid; font-size: 14px; line-height: 28px;padding: 50px 0;width:94%; padding: 3%;}
.prodcutShow ul li .showContent img{ max-width: 100%;}
.prodcutShow ul li .showContent h2{ font-size:16px; height: 60px; line-height: 60px;}
.prodcutShow ul li .showContent table{ margin-top: 20px; border: 1px #d8d8d8 solid;}
.prodcutShow ul li .showContent table td{padding: 10px;}
.prodcutShow ul li .showContent table tr:nth-child(odd){ background: #f1f1f1;}
.prodcutShow ul li .showContent table tr:first-child{font-weight: bold; background: #ccc; height: 30px; line-height: 30x;}
}


/*footer*/
.footer{background:#272727;padding:20px 0px; color:#f5f5f5; text-align:center; width:100%; font-size: 14px;}
.footer a{color:#f5f5f5;}



FORM {
	DISPLAY: inline
}

Input
{
BACKGROUND-COLOR: #ffffff; 
BORDER-BOTTOM: #cc0000 1px solid;
BORDER-LEFT: #cc0000 1px solid;
BORDER-RIGHT: #cc0000 1px solid;
BORDER-TOP: #cc0000 1px solid;
COLOR: #000000;
border-color: #cccccc #cccccc #cccccc #cccccc; font-size: 9pt
}
Button
{
FONT-SIZE: 9pt;HEIGHT: 20px; 

}
Select
{
font-size: 14px; height: 25px; line-height: 25px; border:1px #d8d8d8 solid; border-radius: 10px; padding-left:10px;
}

