﻿*{margin:0;padding:0;}
a{text-decoration:none;}
img,input{border:none;}
html{overflow-x:hidden;}
i,b{font-style:normal;font-weight:normal;}
ul,ol{ list-style-type:none;}
.none{display:none;height:0;overflow:hidden;}
.hide,ins{display:none;}
.clear{clear:both;width: 100%;}
body{ background: #fff;}
/*----------公共部分css-----------*/

.main{width:1000px;height:auto;margin:0 auto;padding:20px 0;}
.head{width:1000px;height:115px;margin:0 auto;}
.head img{width:210px;height:75px;float:left;padding:10px 0 0 12px;}
.head ul{display:block;width:658px;height:32px;float:right;padding-top:50px;}
.head ul li{width:94px;height:32px;float:left;font-family:"Microsoft YaHei";}
.head ul li a{display:block;width:100%;height:32px;text-align:center;line-height:32px;font-size:14px;color:#000;}
.head ul li a:hover{border-radius:15px;background:#dd9201;color:#fff;}
.head ul li.active a{border-radius:15px;background:#dd9201;color:#fff;}

.banner{ width: 100%;height: 192px;}

.foot{width:100%;height:64px;background:url(../images/foot_bg.jpg) repeat-x;line-height:60px;text-align:center;font-size:12px;font-family:"Microsoft YaHei";color:#828282;}
.foot a{color:#828282;}

.main .left{width:226px;height:660px;float:left;font-family:"Microsoft YaHei";}
.category{width:205px;height:auto;border-right:1px solid #e4e4e4;padding-right:20px;margin-bottom:20px;}
.category .title{width:100%;height:46px;border-bottom:1px solid #e4e4e4;}
.category .title h1{font-size:18px;color:#000;}
.category .title h5{font-family:Arial;color:#888;font-size:10px;}
.category dl{width:100%;height:auto;border-bottom:1px solid #e4e4e4;float:left;padding-bottom:10px;}
.category dl dt{color:#dd9201;width:100%;height:30px;font-size:16px;background:url(../images/more.png) no-repeat 185px 10px;line-height:30px;padding-top:5px;}
.category dl dt a{color:#dd9201;display:block;width:100%;height:30px;}
.category dl dd{width:100%;}
.category dl dd li{width:50%;float:left;line-height:28px;font-size:14px;}
.category dl dd li a{color:#555;}
.category dl a:hover{text-decoration:underline;}

.main .right{width:740px;height:auto;float:right;}
.main .right .title{width:100%;height:46px;border-bottom:1px solid #e4e4e4;}
.main .right .title .font{width:30%;height:46px;float:left;}
.main .right .title .font h1{font-size:18px;color:#000;}
.main .right .title .font h5{font-size:10px;color:#888;font-family:Arial;}
.main .right .title .path{width:50%;text-align:right;line-height:46px;color:#888;font-size:12px;float:right;padding-right:5px;}

.container{width:100%;padding:20px 0;}
.about{background:url(../images/about_pic.jpg) no-repeat right 30px;margin-top:30px;}
.about p{font-size:14px;font-family:"Microsoft YaHei";line-height:28px;text-indent:28px;padding-right:180px;color:#555;}

.products .ShowType{ width: 740px;height: 45px;padding: 0px 0 10px 0;}
.products .ShowType a{font-size: 12px;margin-right: 5px;display: block;width: 97px;height: 40px;float: right;line-height: 40px;color: #626262;background-image: url(../images/type.png);background-repeat: no-repeat;}
.products .ShowType a:hover{ color: #fff;}
.products .ShowType .type1{ background-position: -2px -40px;text-indent: 34px;color: #fff;}
.products .ShowType .type2{ background-position: -97px -40px;text-indent: 34px;color: #fff;}
.products .ShowType .type3{ background-position: -196px 0px;text-indent: 10px;}
.products .ShowType .type4{ background-position: -196px 0px;text-indent: 10px;}
.products .ShowType .type1:hover{ background-position: 0px 0px;color: #626262;}
.products .ShowType .type2:hover{ background-position: -98px 0px;color: #626262;}
.products .ShowType .type3:hover{ background-position: -196px -40px;}
.products .ShowType .type4:hover{ background-position: -196px -40px;}
                
.products .ProShow1 li{position: relative;width: 165px;height: 225px;float: left;text-align: center;background: url(../images/oneproduct_bg.png) no-repeat;padding-right: 20px;margin-bottom: 20px;}
.products .ProShow1 li:hover span{ display: block;}
.products .ProShow1 li span{display: none;width: 153px;height: 211px;position: absolute;left:5px;top: 5px;background: #eff3f4;border: 1px solid #c3cdd4;}
.products .ProShow1 li img{position: relative;z-index: 99;width: 139px;height: 167px;padding: 15px 7px 0 7px;}
.products .ProShow1 li p{ position: relative;z-index: 99;line-height: 19px;font-size: 14px;}
.products .ProShow1 li p a{ color: #333;font-family: Microsoft YaHei;}
.products .ProShow1 li i{ display: none;width: 45px;height: 45px;background: url(../images/jian.png) no-repeat;top: 3px;right: 13px;position: absolute;z-index: 100;}

.products .ProShow2 ul{position: relative;margin-bottom: 5px;display: block;width: 740px;height: 142px;padding: 10px 0 0 0;float: left;border-bottom:1px solid #d2d2d2;}
.products .ProShow2 ul .jian{display: none;width: 45px;height: 45px;background: url(../images/jian.png) no-repeat;top:2px;right: -2px;position: absolute;z-index: 100;}
.products .ProShow2 ul .img{ width: 100px;height: 120px;float: left;padding: 5px 0 0 10px}
.products .ProShow2 ul .img img { width: 100px;height: 120px;}
.products .ProShow2 ul .des{ width: 600px;height: 120px;float: right;overflow: hidden;}
.products .ProShow2 ul .des h1{ font-size: 14px;padding: 10px 0 0 0;}
.products .ProShow2 ul .des h1 a{ color: #333;}
.products .ProShow2 ul .des h1 a:hover{ text-decoration: underline;}
.products .ProShow2 ul .des p{ font-size: 14px;color: #666;font-family: Arial;padding: 10px 0;line-height: 20px;display: block;height: 60px;width: 100%;}
.products .ProShow2 ul .des h2{ text-align: right;}
.products .ProShow2 ul .des h2 a{ display: block;width: 68px;height: 20px;float: right;margin-left: 10px;background: #616161;text-align: center;line-height: 20px;font-size: 12px;color: #fff;font-weight: normal;}
.products .ProShow2 ul .des h2 a:hover{ background: #0c60a9;}

.proinfo .con{width:100%;height:auto;}
.proinfo .pic{ width: 300px;height: auto;float: left;padding-top: 20px;}
.proinfo .pic img{ width: 280px;padding: 5px;border: 1px solid #fff;}
.proinfo .btn a{ display: block;width: 87px;height: 23px;float: left;margin-right: 10px;color: #fff;font-size: 12px;line-height: 25px;text-indent: 30px;}
.proinfo .btn{ padding-top: 20px;}
.proinfo .btn .order{ background: url(../images/order.png) no-repeat;}
.proinfo .btn .btn2{background: url(../images/msg.png) no-repeat;}
.proinfo .des{ width: 380px;height: auto;float: right;padding-left: 0px;padding-top: 20px;}
.proinfo .des h1{ font-size: 20px;color: #007133;display: block;width: 100%;font-weight: normal;padding-bottom: 10px;border-bottom: 1px solid #ddd;margin-bottom: 15px;font-family: "Microsoft YaHei";}
.proinfo .des h1 span{ font-size: 12px;color: #999;}
.proinfo .des h2{ color: #999;font-size: 14px;font-weight: normal;font-family:"\5FAE\8F6F\96C5\9ED1",Microsfot YaHei;line-height: 24px;}
.proinfo .desTitle{ width: 100%;font-size: 18px;font-family: "Microsoft YaHei";color: #007133;font-weight: normal;}
.proinfo .description{ font-size: 14px;color: #333;line-height: 24px;font-family:"\5FAE\8F6F\96C5\9ED1",Microsfot YaHei;}
.proinfo .description p,.proinfo .des .description font,.proinfo .des .description span{ font-size: 14px;font-family:"\5FAE\8F6F\96C5\9ED1",Microsfot YaHei;}
.proinfo .description img{ padding: 5px 0;margin: 0 auto;}
.desTitle{ line-height: 30px;font-size: 18px;color: #007133;border-bottom: 1px solid #ddd;font-family: "Microsoft YaHei";padding-top: 20px;margin-bottom: 20px;}

.proinfo .tab{ width: 100%;height: 32px;border-left: 1px solid #d1d1d1;}
.proinfo .tab li{cursor: pointer;float: left;width: 104px;height: 30px;background: url(../images/msg_tab.jpg) repeat-x;border: 1px solid #d1d1d1;border-left: none;text-align: center;font: 14px/30px "Microsoft YaHei";color: #737373;}
.proinfo .tab li.tabactive{ height: 31px;border-bottom: none;color: #333;font-weight: bold;background: url(../images/msg_tab2.jpg) repeat-x;}
.proinfo .prodes{ width: 100%;padding: 25px 0;border-top:1px solid #d1d1d1;margin-top: -1px;font-size: 14px;color: #333;font-family: "Microsoft YaHei";}
.proinfo .prodes img{width:100%;}

.news .table{ width: 100%;}
.news .table td{ line-height: 40px;color: #999;font-family: Arial;border-bottom: 1px solid #eaeaea;font-size: 14px;font-family: Microsoft YaHei;}
.news .table td a{ color: #626264;}
.news .table td span{ font-family: "宋体";color: #ccc;}

.newinfo .info {width:100%;height: 25px;line-height: 25px;color: #999;font-size: 12px;border:1px solid #eee;border-left: none;border-right: none;margin: 20px 0px;text-align: center;font-family: Arial;}
.newinfo h1{text-align: center;font-size: 24px;color: #016438;line-height: 30px;font-family: Microsoft YaHei;padding-top: 20px;font-weight: normal;}
.newinfo .con{ width:100%;line-height: 24px;font-size: 14px;color: #333;font-family: Arial;}
.newinfo .con img{width:688px;}
.newinfo .des{width: 668px;height: auto;font-size: 12px;color: #666;font-family: Arial;line-height: 22px;margin-bottom:40px;padding: 10px;background: #efefef;}

.show{ padding: 40px 0;}
.show .list{ width: 160px;height: 160px;float: left;padding: 10px;}
.show .list .tit{ width: 80%;height: auto;padding: 15px 10% 0 10%;}
.show .list .tit .name{ width: 100%;height: auto;float: left;font-family: "Microsoft YaHei";font-size: 14px;}
.show .list .tit .name a{ color: #333;}
.show .list .tit .more{ width:100% ;height: 30px;float: left;font-family: "Microsoft YaHei";}
.show .list .tit .more a{display: block;width: 73px;height: 22px;;line-height: 22px;font-size: 12px;color: #999;background: url(../images/more2.jpg) no-repeat;}
.show .list .tit .more a b{ font-family: "宋体";}
.show .list img{ width: 130px;height: 90px;padding-left:14px;padding-top: 14px;}

.showinfo li{ width: 210px;height: 200px;float: left;padding: 10px;}
.showinfo li img{ width: 198px;height: 149px;padding-bottom: 10px;padding: 5px;border: 1px solid #d7d7d7;border-radius:4px;}
.showinfo li p{ font-size: 14px;font-family: "Microsoft YaHei";text-align: center;}
.showinfo li p a{ color: #333;}

.contact p{ font-size: 14px;color: #333;font-family: "Microsoft YaHei";line-height: 24px;font-family:Microsfot YaHei;}
.contact p a{ color: #333;}
.contact h1{ font-size: 22px;font-weight: normal;padding-bottom: 10px;font-family:,Microsfot YaHei;}

/*---------------AspNetPager---------------*/
.CustomCss{ font-size: 14px;color: #999;font-family:Verdana,"Microsoft YaHei";text-align: right;line-height: 40px;}
.page{text-align:center;height:40px;overflow:hidden;padding:20px 0 20px 0;width: 100%;}
.page span.active{background:#247624;color:#fff;border:1px solid #247624;}
.page a{line-height:35px;height:39px;width: 39px;background: url(../images/page_bg.png) no-repeat -191px 0px;display:inline-block;font-size:13px;font-family:Verdana,"Microsoft YaHei";color:#666;vertical-align:middle;}
.page a:hover{color:#fff;background: url(../images/page_bg.png) no-repeat -230px 0px;}
.currentPage{line-height:35px;height:39px;width: 39px;display:inline-block;font-size:13px;font-family:Verdana,"Microsoft YaHei";vertical-align:middle;color:#fff;background: url(../images/page_bg.png) no-repeat -230px 0px;}
