@charset "utf-8";
html{ background: #ccc;}
body { font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; padding: 10px; width: 980px; margin: 0 auto; font-size:12px; color:#222; background:#fff;}
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:12px; font-weight: normal;}
table,td,tr,th{font-size:12px;}
a:link {color: #222; text-decoration:none;}
a:visited {color: #222;text-decoration:none;}
a:hover { color: #c00; text-decoration: none;}
a:active { color: #222;}
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.cRed{color: #BC730B; }
.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{margin: 0 auto; background: #fff;}
.Header .logo{ float:left; padding-bottom: 10px;}
.Header .r{ float:right;}
.Header .nav{ clear:both; height: 34px; background:url(img/menu_bg.jpg) repeat-x 0 0; line-height: 34px;}
.Header .nav li{ float:left; width: 106.8px; background:url(img/menu_line.jpg) no-repeat 0 0; text-align:center; padding-left: 2px; font-size: 14px;}
.Header .nav li a{ color: #fff; font-weight: bold; display:block;}
.Header .nav li a:hover{ background: #000;}
.Header .nav .end{ padding-right: 0;}
.Header .nav .end{ background: none; float:right; padding-right: 0; text-align:right; width: 90px;}
.main_area{height: 322px; position:relative; overflow:hidden; margin-top: 10px;}
#con_product_slide{ width: 63px; height:322px;margin:0 auto; position:relative;*z-index:1;}
#scroll_btn_list{ overflow:hidden;height:15px;position:absolute;bottom:10px;z-index:1; margin: 0 auto;}
#scroll_btn_list li{float:left;margin: 0 5px; width: 11px;}
#scroll_btn_list li a{display:block;position:relative;width:11px; height:11px; font-size: 0; line-height: 0; background:#fff; overflow:hidden;border-radius:11px;}
#scroll_btn_list li a:after{ position:absolute;left:0;top:0;width:100%;height:11px;}
#scroll_btn_list .on a,#scroll_btn_list li a:hover{ background:#c00; }
#scroll_product_list{ height:322px;width:100%;position:absolute;top:0;left:0;}
#scroll_product_list li{height:322px;width:100%;display:none;position:absolute;left:0;top:0;}
#scroll_product_list li.on{display:block;}
.Home{ margin: 10px auto 0;}
.Home .hot{ height: 31px; background:url(img/nav_1.gif) no-repeat 0 0; line-height: 31px;}
.Home .hot h3{ float:left; width: 100px; text-indent: 13px; font-size: 14px; color: #fff; font-weight:bold;}
.Home .hot ul{ float:left;}
.Home .hot ul li{ float:left; margin-right: 30px;}
.ContentLeft{ float:left; width: 235px; margin-top: 10px;}
.ContentLeft h3{ background:url(img/menu_tag1.jpg) repeat-x 0 0; font-size: 14px; color: #fff; height: 31px; line-height: 31px; text-indent: 15px; font-weight:bold;}
.ContentLeft .menu{ border: 1px solid #ccc; border-top: none; padding: 8px 15px 5px;}
.ContentLeft .menu li{ border-top: 1px dotted #ccc; line-height: 31px; background:url(img/ico_1.jpg) no-repeat 0 center; padding: 0 20px;}
.ContentLeft .menu .no{ border-top: none;}
.ContentLeft .Content{ background:url(img/contact.gif) no-repeat 0 0; border: 1px solid #ccc; border-top: none; margin-top: 10px;}
.ContentLeft .Content p{ margin: 0; padding: 65px 15px 10px; line-height: 25px; font-size: 13px;}
.ConentRight{ float:right; width:  735px; margin-top: 10px;}
.ConentRight .title{ height: 31px; line-height: 31px; background: #F5F5F5; padding: 0 10px; font-weight:bold; font-size: 14px; color: #c00; border-bottom: 1px solid #ccc;}
.ConentRight .title a{ float:right;}
.ConentRight .homeabout{ float:left; width: 410px; border: 1px solid #ccc;}
.ConentRight .homeabout p{ margin: 0; padding: 12px 10px; line-height: 21px;}
.ConentRight .homeabout p img{ float:left; margin-right: 15px;}
.ConentRight .homeenews{ float:right; width: 311px; border: 1px solid #ccc;}
.ConentRight .homeenews ul{ padding: 5px 15px;}
.ConentRight .homeenews li{ background:url(img/ico_2.jpg) no-repeat 0 center; border-top: 1px dotted #ccc; line-height: 31px; height: 31px; overflow: hidden; padding-left: 20px;}
.ConentRight .homeenews .no{ border-top: none;}
.homeproducts{ margin-top: 10px; border: 1px solid #ccc; }
.homeproducts ul{ margin-left: 2px;}
.homeproducts li{ width: 146px; height: 150px; float:left; text-align:center; margin-top: 20px;}
.homeproducts li img{ width: 136px; height: 110px; display:block; margin: 0 auto; border: 1px dotted #ccc; margin-bottom: 10px;}
.ConentRight .links{ height: 31px; line-height: 31px; background: #F5F5F5; padding: 0 15px; text-align:right; border: 1px solid #ccc;}
.ConentRight .links strong{font-weight:bold; font-size: 14px; color: #c00; float:left; }
.ConentRight .aboutus{line-height: 25px; font-size: 14px; } 
.ConentRight .aboutus p{ margin: 0; padding: 10px 0;}
.ConentRight .aboutus img{ max-width: 100%; display:block; margin: 0 auto;}
.ConentRight .line{ border: 1px solid #ccc; padding: 15px; margin-top: 10px;}
.productslist li{ height: 132px; padding: 10px 0;}
.productslist li img{ float:left; width: 170px; height: 130px; border: 1px dotted #ccc;}
.productslist li p{ float:right; width: 510px; margin: 0; padding: 0; line-height: 21px; }
.productslist li p strong{ font-size: 16px; display:block; padding-bottom: 10px;}

.Feedback table{ width: 100%;}
.Feedback td{ line-height: 26px; padding-bottom: 10px;}
.Feedback input{ width: 250px; height: 26px; line-height: 26px; border: 1px solid #ccc;}
.Feedback textarea{ width: 650px; height: 120px; border: 1px solid #ccc;}
.Feedback .but{ width: 68px; height: 32px; line-height: 28px; background: url(img/menu_bg.jpg) repeat-x 0 0; margin-right: 15px; color: #fff; font-weight:bold; border: none; cursor: pointer;}
.Partners td{ padding-bottom: 15px; }

.newslist li{ line-height: 32px; height: 32px; border-bottom: 1px dotted #ccc; background:url(img/ico_2.jpg) no-repeat 0 10px; text-align:right; padding: 0 15px 0 25px;}
.newslist li a{ float:left;}
.newsview{}
.newsview h1,.productview h1{ text-align:center; font-size: 18px; font-weight:bold; padding: 10px 0  15px;}
.newsview .time{ background: #F5F5F5; height: 32px; line-height: 32px; text-align:center;}
.newsview .text{ font-size: 14px; line-height: 25px; padding: 20px 0;}
.productview .pic{ text-align:center;}
.productview .pic img{ display:block; margin: 0 auto;}
.productview .text{ font-size: 14px; line-height: 25px; padding: 20px 0; overflow:hidden;}
.productview .text img{ display:block; margin: 0 auto; max-width: 700px;}
.productview .text table{ width: 100%; border-collapse:collapse; margin-top: 20px;}
.productview .text table td{ border: 1px solid #ddd; line-height: 21px; padding: 0 7px;}

.next{ padding: 10px 20px; background: #F5F5F5; margin-top: 20px; border-top: 1px solid #ccc; line-height: 30px;}
.next span{ float:right;}
.next span a{ background: url(img/menu_bg.jpg) repeat-x 0 0; height: 30px; width: 60px; display:block; text-align:center; line-height: 30px; font-size: 14px; margin-top: 15px; color: #fff;}
.next span a:hover{ background: #000;}


.Footlinks{ clear:both; margin-top: 10px; height: 40px; line-height: 40px; border-top: 4px solid #f00;  border-bottom: 1px solid #ccc; }
.Footlinks h3{ float:left; font-size: 14px; font-weight:bold; margin-right: 20px;}
.Footlinks ul li{ float:left; margin-right: 10px;}
.Foot{ text-align:center; padding: 15px; text-align:center; line-height: 25px;}