﻿body{
	font-family:"微软雅黑";
}
*{ margin:0; padding:0; border:0;}
ul,li{ list-style:none;}
header,footer{}
#logo{width:100%; padding:30px 0 10px; border-bottom:1px solid #000;}
.navbar-inverse{ background:#fff; border:0; border-radius:0; margin-bottom:0;}
.nav-links .navbar { margin-bottom:0px;}
#nav{}
#nav li a{display:block; padding:15px 53px; color:#000;}
#nav li a:hover{color:#337ab7;}
.sousou{ width:316px; float:right;}
.sousou p{ margin-top:10px; font-weight:bold; color:#F00;}
#banner{ border-top:1px #eee solid; box-shadow:1px 1px 1px 1px #eee;}
#banner img{ width:100%;}

.product{ margin-top:20px;}
#left{ width:300px; float:left; margin-bottom:10px;}
#left h2{ border:1px solid #eee; padding:20px 0px; text-align:center; margin:0px 0px 3px; background-color:#fafafa;}
.menu_head{height:57px; line-height:57px; padding-left:25px; font-size:14px; color:#FFF; cursor:pointer; position:relative; margin:0px; font-weight:bold; background:#737373 url(../images/left-ico1.png) center right no-repeat; clear:both; margin-bottom:1px;}
.menu_list .current{background:#0082CE url(../images/left-ico2.png) center right no-repeat;}
.menu_list a{ color:#FFF;}
.menu_body{ line-height:38px;}
.menu_body h4{ margin-top:0px; height: 57px; line-height: 57px; background: #E7E6E6; font-size: 14px; clear:both;}
.menu_body h4:hover{ background:#ccc;}
.menu_body h4 a { margin-left:20px; color: #333;}
.menu_body li{width:50%; float:left; padding: 0 7px; margin: 0 0 14px;}
.menu_body li a{display:block; height:38px; line-height:38px; text-decoration:none; text-align: center; border: 1px solid #CECECE; color:#333; overflow: hidden; }
.menu_body li a:hover{ background:#737373; color:#fff; border:1px solid #737373;}
.menu_body a:hover{text-decoration:underline;}

#left1{ width:100%; margin:0 auto; padding:0px 5px; height:160px;}
#left1 ul li{ width:48%; margin:5px 1%; background-color:#0082CE; float:left; padding:10px;}
#left1 ul li a{ color:#fff;}

#right ul li a img{ width:100%; border:1px solid #eee;}
#right ul li a p{ font-size:14px; color:#666; text-align:center; margin-top:10px; height:20px; overflow:hidden;}

#about{ width:100%; clear:both; background-color:#eee; padding:40px 0px;}
.about{ background-color:#fff; padding:40px 20px;}
.abwz h2{ margin:0px 0px 10px; border-left:3px solid #0082CE; color:#0082CE; padding-left:20px;}
.abwz a{ color:#0082CE;}

.news{ margin-bottom:20px;}
.news h2{ text-align:center;}
.news ul li{ background-color:#f8f8f8; padding:20px; float:left;}
.news ul li a{ font-size:18px; color:#0082CE;}
.news ul li span{ float:right;}
.news ul li p{ color:#5a5a5a; margin:10px 0px 0px;}

#cpzs{ width:100%;  background-color:#eee;}
#cpzs h2{ text-align:center;}
#demo li{ width:273px; float:left; padding:10px;}
#demo li a{ width:253px;}
#demo li a img{ width:100%; border:1px solid #eee;}
#demo li a p{ font-size:14px; color:#666; text-align:center; margin-top:10px;}

#foot{ background-color:#333; padding-top:10px; margin-bottom:0px;}
#foot .banquan{ background-color:#000; color:#ccc; text-align:center; padding:10px 0px; margin-bottom:0px;}
#foot .banquan a{ color:#ccc;}
.f1{ margin:10px 0px;}
.f1 h4{ color:#ccc; border-bottom:1px solid #ccc; padding-bottom:10px;}
.f1 ul li{ padding:3px 10px;}
.f1 ul li a{ color:#999;}
.f1 p{ color:#999; margin-bottom:6px; padding-left:10px;}
#youqing{ width:100%;  background-color:#000; padding:0px 0px 5px;}
#youqing a{ color:#666}

#page{ width:100%; text-align:center; padding-bottom:20px; clear:both;}
.rbt{ width:100%; background-color:#efefef; padding:20px; margin:0; clear:both;}
.rbt1{ padding:0px 0px 0px 15px; background:url(../images/mianbao.png) center left no-repeat;}

#xinwen ul li{ padding:20px; border-bottom:1px solid #ccc;}
#xinwen ul li a{ font-size:18px;}
#xinwen ul li span{ float:right;}
#xinwen ul li p{ margin:10px 0px 0px;}

#con h3{ text-align:center;}
.fbz{ height:30px; margin:20px 0px 30px; border-bottom:1px dashed #ccc;}
.fbz li{ float:left; text-align:center; color:#999;}
.cptu{ border:1px solid #ccc; float:left; margin-bottom:10px; }
.conr{ float:right; padding-bottom:10px;}
.conr p{ margin-bottom:5px;}
.conx{ background-color:#F7F6FB; clear:both; padding:15px 30px 0px; width:100%;}
.conx h4{ color:#0082CE; border-bottom:2px solid #0082CE; width:75px; padding-bottom:15px;}
.cont img{ width:100%;}

.rmtj li{ float:left; padding:10px;}
.rmtj li a{ width:253px;}
.rmtj li a img{ width:100%; border:1px solid #eee;}
.rmtj li a p{ font-size:14px; color:#666; text-align:center; margin-top:10px; overflow:hidden; height:20px;}

.conwz{ padding:0px 20px;}
.rmtjxw ul li{ float:left; padding:5px 0px 5px 10px;}
.rmtjxw ul li span{ margin-right:5px;}
.rmtjxw ul li a{ color:#333;}

.xyy{ margin:30px 0px 20px;}
.xyy ul{ height:25px;}
.xyy li{ width:50%; float:left; padding:0px 20px;}
.xyy .xy{ text-align:right;}
.fanhui{ background-color:#0082CE; padding:10px 20px; text-align:center; margin:0 auto; display:block; width:100px; color:#fff; border-radius:10px;}

.gywmwz{ padding:40px 20px;}
.gywmwz p{ text-indent:2em;}
@media (min-width: 1200px){
#nav li {float: left; list-style: none;padding:0 6px 0;font-size: 16px;font-weight: bold;}
#left1{ display:none;}
#right,#xinwen,#con{ width:820px; float:right}
#right ul li{ width:33.33%; float:left; padding:10px;}
.abwz{ width:730px; float:right;}
.news ul li{ width:48%; margin:10px 1%;}
.f1{ width:33.33%; float:left; padding:0px 20px;}
.rbt span{ font-size:14px; float:right; padding-top:10px;}

.fbz li{ width:33.33%;}
.cptu,.conr{ width:400px;}
.rmtj li{ width:25%;}
.rmtjxw ul{ min-height:90px;}
.rmtjxw ul li{ width:50%;}
}
@media (max-width: 1180px){
.about_img{ display:none;}
#left{ display:none;}
#rught{ width:100%;}
#right ul li{ width:50%; float:left; padding:10px;}
.abwz{ width:100%;}
.about img { width:100%; margin-bottom:20px;}
.news ul li{ width:100%; margin-bottom:10px;}
.f1{ width:100%; padding:0px 20px; margin:20px 0px;}
.rbt span{ display:none;}
.fbz li{ width:50%;}
.fbz .fb1{ display:none;}
.cptu{ width:100%;}
.conr{ width:100%; padding-top:10px;}
.rmtj li{ width:50%;}
.rmtjxw ul{ min-height:180px;}
.rmtjxw ul li{ width:100%;}
.xyy ul{ height:50px;}
.xyy li{ width:100%; padding:0px 20px;}
.xyy .xy{ text-align:left;}
}
@media (max-width: 768px){
.navbar-header{ float:right;}
.xian{ border:1px solid #000;}
#logo img{ height:35px;}
#banner{ display:none;}
#nav li{float:none; padding:0; background:#eee; border-bottom:1px solid #ccc; text-align:center;}
.navbar-nav{margin-top:0;}
.sousou{display:none;}
.news ul li span{display:none;}
.rbt{ font-size:16px; padding: 20px 5px;}
#con h3{ font-size:16px; font-weight:bold;}
#xinwen ul li{  padding:20px 5px;}
.product{ margin-top:-15px; padding-top:0px；}
}