﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
a{ text-decoration:none;}
li{ list-style:none;}
body{ width:100%; height:auto; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url(/style/images/bg.png) repeat;}
#warp{ margin:0 auto; width:1024px; height:auto;position:relative; }

#header{ float:left; height:70px; width:100%; margin-top:25px;}
#logo{ float:left; width:179px; height:64px; margin-left:40px; position:relative; top:-15px;}
.nav{ float:right; background:url(/style/images/nav.png) no-repeat; width:705px; height:46px; margin-right:40px;}
.nav li{ float:left; width:auto; text-align:center; height:15px; margin:12px 0px; padding:0px 48px; border-left:1px solid #5e82ae; }
.nav li.navFirst{border-left:none;}
.nav li a{ font-size:14px; font-weight:bold; color:#ffffff;}
.nav li.on a{color:#fcf6a0;}
.nav li a:hover{color:#fcf6a0; text-decoration:underline;}

.banner{ float:left; margin:0 auto; width:1024px; height:396px;}
.pic{ float:left; margin:0 auto; width:1024px; height:281px; z-index:999; margin-top:-20px}



#content{ float:left; width:100%; height:188px; overflow:hidden; background-color:#ffffff;}
.contact_con{ float:left; width:100%; overflow:hidden; background-color:#ffffff; xtop:-60px; z-index:-1; margin-top:-67px; background:#fff url(/style/images/banner_bg.gif) repeat-x ;}
.main{ width:1024px; margin:0 auto; height:170px;}
.contact_main{ width:1024px; margin:0 auto; height:300px; overflow:hidden; position:relative;}
.left_nav{ float:left; width:182px; height:182px; background-color:#194c8b; }
.left_nav li{ height:36px; width:151px; padding-left:30px; line-height:35px;}
.left_nav li.show{ background-image:url(/style/images/contact-2.png); margin-left:2px;}
.left_nav a{color:#ffffff;}
.left_nav h1{ font-size:22px; width:182px; height:35px; line-height:35px; color:#ffffff; text-align:center; padding:6px 0px 10px 0px;  background:url(/style/images/contact-1.png) no-repeat 20px 45px;}
.right_nav{ float:left; width:800px;; padding-left:20px; height:182px; margin-top:50px;}
.right_nav p{ line-height:20px; font-size:14px; text-indent:2em; padding-bottom:20px;}
.right_nav li{ float:left; width:700px; height:30px; line-height:30px;}

.scrap1{ float:left; width:100%; height:15px; background:url(/style/images/shang.png) repeat-x;}
.scrap2{ float:left; width:100%; height:18px; background:url(/style/images/xia.png) repeat-x;}

.adoutUs{ float:left; width:610px; height:142px;}
.adoutUs h3{ float:left; width:610px;height:35px;}
.adoutUs_main{ float:left; width:450px;; height:107px; background:url(/style/images/image_1.png) no-repeat; padding-left:140px; }

.adoutUs_main h4{ float:left; padding:10px 0px 5px 0px; width:460px;}
.adoutUs_main h4 a { text-decoration:underline; font-size:14px; font-weight:bold; color:#000000;}
.adoutUs_main h4 a:hover { color:red;}
.adoutUs_main p{ float:left; width:450px; height:70px; overflow:hidden; line-height:20px; }
.more{ float:right; width:80px; height:12px; position:relative; top:-5px; margin-right:5px;}
.more a{ color:#306bac;}
.more a:hover{ text-decoration:underline; color:#f7815d; }


.contactUs{ float:left; width:330px; height:122px; margin-left:20px;}
.contactUs h3{ float:left; width:610px;height:35px;}
.contactUs_main{ width:100%}

.contactUs_main img{ float:left; width:auto; xheight:99px;}
.contactUs_main img.tel{xwidth:222px;position: relative;top: -10px;}

#footer{ width:1024px; margin:0 auto; height:80px;}
#footer img{ float:left; width:149px; height:54px; margin:0 15px 15px 0;}
#footer h2{ float:left; width:600px; height:25px; line-height:25px; color:#333; font-family:"微软雅黑"; font-size: 14px; font-weight: normal; margin-top:10px; }
#footer p{ float:left; width:auto; height:20px;color:#999999;}

#about_warp{ background:url(/style/images/bg2.jpg) no-repeat; width:1024px; height:365px;}



img{ border: none}
.l{ float: left;}
.r{ float: right;}
.clearfix:after ,.pDetail_ul li::after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix,.pDetail_ul li { *zoom:1; }

/* 产品列表页面 */
.product_main{ width: 960px; margin: 0 auto; padding: 70px 32px 30px 32px; position: relative;}
.product_main .pl_title{ position: absolute;top: 30px}
.product_main .pl_pic_ul{  border: 1px solid #ccc;padding: 5px 5px 0 5px; background:#fff url(/style/images/productList_bg.gif) repeat;margin-bottom: 20px}
.product_main .pl_pic_ul li{ float: left; width: 89px; padding:10px 23px ; border-bottom: 1px dashed #ddd; display: inline-block;}
.product_main .pl_pic_ul li img{ width: 89px; height: 89px}
.product_main .pl_pic_ul li span{ display:block; text-align: center;}
.product_main .pDetail_img{ width:319px; float:left; overflow:hidden; margin-bottom:10px}
.product_main .pDetail_img img{max-width:319px}

.product_detail{background: #F7F7F7;border: 1px solid #D6D6D6; padding: 20px; margin-bottom: 15px }
.pDetail_ul{width: 575px; margin: 0 10px 10px; display: inline-block; float: left; overflow: hidden; }
.pDetail_ul li{ min-height: 30px; height:auto; line-height: 30px; font-size: 14px; border-bottom: 1px solid #C3C3C3; color: #444; background: url(/style/images/jian_ico.gif) no-repeat 5px center; padding-left: 20px;}
.product_detail .pd_title{ background: none; height: 40px; line-height: 40px; margin-bottom: 10px; font-weight: normal; font-size: 18px; color: #222; padding-left: 5px;border-bottom: 1px solid #ccc; }
.pl_title a.detal_link{ font-size:12px; font-weight:normal; padding-left:20px}
.pDetail_ul li span{ width: 40%; float:left; color: #222; display:inline-block; font-weight: bold;}
.pDetail_ul li p{ width:60%; float:right}

.pDetail_ps{ border-bottom:1px dashed #BBB; margin-bottom:20px; padding-bottom:20px}
.pDetail_ps p{ line-height: 22px; font-size: 14px; color: #444}
