@charset "utf-8";
/* CSS Document */

body{ font-size:12px; color:#333; line-height:24px;font-family:"微软雅黑"}

a { color:#333; text-decoration:none; }

a:hover { text-decoration:none;}

.sider{width:285px; float:left;}
.containter{float:right; width:655px;}

.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}


/******************header css***************/
.header{/*border-bottom:1px solid #fff;*/ position:absolute; width:100%; top:0; z-index:99999}
.header1{width:100%; background:#f2f2f2;}
.w1100{width:1100px; margin:auto;}
.logo{width:174px; float:left;}
.menu{float:left; margin-left:10px;width:739px; margin-top:40px;}
.menu > ul, .menu1 ul{float: right;}
.menu a{margin:0 17px; font-size:16px; color:#fff; padding-bottom:20px;}
.menu a:hover{color:#4596f2}
.menu1{float:left; margin-left:10px; width:739px; margin-top:40px;}
.menu1 ul li{float:left; position:relative; font-size:16px;}

.menu ul li{float:left; position:relative}

.menu1 ul.sub_menu{position:absolute; display:none; top:40px; z-index:99999; left:0; background:rgba(0,0,0,0.6);}
.menu1 ul.sub_menu li a{color:#fff;}
.menu1 ul.sub_menu li {height:30px; line-height:30px;width: 120px;}

.menu ul.sub_menu{position:absolute; display:none; top:40px; z-index:99999; left:0; background:rgba(0,0,0,0.6);}
.menu ul.sub_menu li a{color:#fff;}
.menu ul.sub_menu li {height:30px; line-height:30px;width: 120px;}

.menu1 a{margin:0 17px; padding-bottom:20px;}
.menu1 a:hover{color:#4596f2}
.title{font-size:30px; text-align:center; font-weight: bold;margin-top:50px;margin-bottom: 10px;color:#4596f2;}
.title2{text-align:center; font-size:14px;color:#898d86;}
.pro_lei{margin:50px 0; text-align:center;}
.pro_lei a{border:1px solid #898d86; padding:5px 15px; font-size:14px;}
.pro_lei a:hover{border:1px solid #4596f2;  color:#4596f2}
.pro{width:25%; float:left; position:relative;}
.pro_name{position:absolute; bottom:0; width:100%; background:rgba(255,255,255,0.8); height:50px;  text-align:center;}
.pro_hover{position:absolute; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center; display:none}
.pro_hover a{display:block; color:#fff; padding-top:10%;}
.font-18{font-size:18px;}
.margin-10{margin-top:10px;}
.more_bg{background:#333333; padding:30px 0; text-align:center;}
.more_bg a{border:1px solid #fff; color:#fff; padding:5PX 25px}
.bg{background:#f8f8f8; padding:50px 0}
.pro1{width:306px; float:left; margin:10px; text-align:center}
.pro_pn{text-align:center; margin:10px 0;}
.pro_pn:hover{color:#4596f2;}
.footer{background:#f2f2f2; padding:10px 0; border-top:2px solid #4596f2; margin-top:30px;}
.lujing{position:absolute; background:rgba(255,255,255,0.6); height:40px; line-height:40px;  bottom:0; width:100%}
.banner1{position:relative;}

.left{ border:1px solid #ccc; margin-top:30px; width:220px; float:left;}

.left1{ border:1px solid #ccc; margin-top:30px; width:220px; float:left;}
.left1 .catname{font-size: 20px;text-align: center;background: #1a4b86;color: #ffffff;height: 70px;line-height: 70px;}
.right{width:860px; float:right; margin-top:30px;}
.left ul li{ height:45px; line-height:45px; padding-left:40px; border-bottom:1px solid #ccc; font-size:14px;}
.left ul li:hover{border-left:5px solid #4596f2;}
.left ul li:hover a{color:#4596f2;}
.right_title{border-bottom:1px solid #ccc; height:44px;}
.right_title span{border-bottom:1px solid #4596f2; color:#4596f2;  font-size:16px; padding-bottom:22px;}
.pro2{width:260px; margin:13px; font-size:14px; float:left;}
.pro_pic2{border:1px solid #ccc; padding:2px;}
.pro_pn2{text-align:center;}
.pro_desp2{text-align:center; overflow:hidden}
.pro_pic2:hover{border:1px solid #4596f2;}
.pro2:hover a{color:#4596f2;}
.pro3{width: 100%;margin-top: 20px;}
.pro3 .pro_pic2 img{float: left;display: block;}
.pro3 .pro_pic3{float: left;padding-left: 20px;width: 575px;}
.pro3 .pro_pic3 p{text-align: left;}

/*********************chonor css *********************/
.cona_kj{ width:580px;  height:360px;margin-top:50px; padding-top:1px; padding-left:2px; float:left;}
.leftxt{ width:94px; float:left; display:inline; }
.rightdt{ width:480px; float:right; display:inline; height:497px;}
#xiaotu{ width:145px; height:auto;} 
#xiaotu ul{ width:94px; margin:0 auto;}
#xiaotu ul li{ width:94px; height:71px; padding:5px 0;}
#xiaotu ul li a{ display:block; background:url(../images/hon_2.jpg) no-repeat; width:94px; height:71px; padding:7px 8px 5px 4px;}
#xiaotu ul li a img{ width:80px; height:60px;}
.cona_kj .top{ width:64px; height:44px; background:url(../images/top.jpg) no-repeat center top; margin:auto}
.cona_kj .bot{ width:64px; height:44px; background:url(../images/xia.jpg) no-repeat center bottom; margin:auto}
#datuh3{ height:40px; line-height:40px;}
#datuh3 font{ color:#333333;}

.prod_right{width:265px; float:right; margin-top:50px;}
.prod_detail{background:#dcdcdc; height:40px;}
.prod_detail span{cursor: pointer;color:#fff; background:#4596f2; display:block; width:100px; height:40px; line-height:40px; font-size:16px; text-align:center; margin-bottom:20px;float: left;border-right: 1px solid #ffffff;}
.prod_desc{margin-top: 20px;}
.prod-a a{display: block;font-size: 14px;border: 1px solid #999999;width: 100px;text-align: center;}