@charset "utf-8";
/* CSS Document */
body {font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;color: #444;}
h4{line-height:36px;}
*{ margin:0; padding:0;}
a{ color:#444;}
a:hover{text-decoration:none;}
ul li{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:30px;}
.f20{ font-size:20px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.fb{ font-weight:bold;}
.blank20{ height:20px; overflow:hidden; clear:both;}
.blank40{ height:40px; overflow:hidden; clear:both;}

.title{color:#0074bf;}
.title2{color:#b6b6b6; text-transform:uppercase;}
/*index*/
.header-bg{ background:#0074bf; color:#fff;min-height:35px;}
.header-phone{line-height:35px;color:#fff;}
.header-logo{ padding-top:2.3%;}
.b-nav li i{ display:block;width:134px; height:100px;}
.icon-1{  background:#fff url(../images/icon-1.jpg) no-repeat center center;}
.icon-2{ background:#fff url(../images/icon-2.jpg) no-repeat center center;}
.icon-3{ background:#fff url(../images/icon-3.jpg) no-repeat center center;}
.icon-4{ background:#fff url(../images/icon-4.jpg) no-repeat center center;}
.icon-5{ background:#fff url(../images/icon-5.jpg) no-repeat center center;}
.icon-6{ background:#fff url(../images/icon-6.jpg) no-repeat center center;}
.icon-7{ background:#fff url(../images/icon-7.jpg) no-repeat center center;}
.icon-8{background:#fff url(../images/icon-8.jpg) no-repeat center center;}
.carousel-inner img{margin:0 auto;}
.content-bg{ background:#caeaf5 url(../images/images_24.jpg) repeat-y top center;padding:30px 0;}
.index-about-nav{width:100%;line-height:40px;}
.index-about-bg{ background:#408c1f url(../images/imgs_04.jpg) no-repeat center center;}
.index-about-text{ line-height:31px;height:162px; overflow:hidden;}
.index-contact{line-height:35px;}
.index-news li{ background:url(../images/images_20.jpg) no-repeat left center;border-bottom:#c5c6c7 dashed 1px; width:100%; height:34px; line-height:34px;overflow:hidden;}
.index-news li a{display:block; padding-left:15px;}
.index-news li a:hover{color:#0074bf;}
.index-region{padding:10px 0;}
.index-region a{display:inline-block; margin:0 0.8%; color:#fff;}
.footer-bg{padding:1.5% 0;}
.footer-text{line-height:28px;}
.footer-text a{display:inline-block; margin-right:2%;}
/*inner*/
.side-region li{font-size:15px;line-height:28px; margin:1.5% 0;}
.side-region li a{ display:inline-block;border:#ccc solid 1px; padding:2%;}
.side-region li a span{display:inline-block;min-width:100px;}
.side-region li a:hover span{ background:#00abef;background:#0074bf;color:#fff;}
.inner-news li{border-bottom:#c5c6c7 dashed 1px; width:100%; }
.inner-news li p a{display:block; padding-left:18px; background:url(../images/images_20.jpg) no-repeat left 7px;}
.inner-news li p{ height:24px; overflow:hidden;}
.inner-news li p a:hover{ color:#0074bf;}
.inner-news li span{ color:#b9b9b9; display:block; height:60px;margin-bottom:10px; overflow:hidden;}
.inner-product li{ margin-bottom:2%;}
.inner-product li a img{ border:#ccc solid 2px; padding:2%;}
.inner-product li a:hover img{ border:#0074bf solid 2px;}
.inner-product li a span{ display:inline-block; overflow:hidden; height:35px; line-height:35px; font-size:13px;}
.inner-product li a:hover span{ color:#0074bf;}
.inner-single{padding-left:3%;}
.inner-single a:hover{color:#0074bf;}
.inner-single-nav{height:45px; line-height:45px;border-bottom:#0074bf solid 2px;}
.inner-content{line-height:26px;}
.inner-key{border:#a7a7a7 dotted 1px; min-height:30px;line-height:30px;border-left:none;border-right:none;}
.inner-related li a{display:block;border-bottom:#a7a7a7 dotted 1px;height:34px;line-height:34px; overflow:hidden;}
/*底部电话*/
.foot-menu {position: fixed;bottom:0;left:0;right:0;overflow:hidden;}
.foot-menu>div {padding:0;float:left;width:100%;}
.foot-menu a {display: block;width:100%;padding:10px 0;color:#fff;background:#f00;text-align:center;}
.foot-menu a:hover {opacity:0.8;}
.foot-menu .bdshare-button-style0-16 a {background-image: none;height:40px;line-height:40px;margin:0;padding:0;font-size:14px;}
.foot-menu .bdshare-button-style0-16 a:hover {color: #fff;}
/*超小设备（手机，小于 768px）*/
@media (max-width: 768px) {
	.mt40{ margin-top:6%;}
	.f16{ font-size:14px;}
	.f18{ font-size:16px;}
	.f20{font-size:20px;}
	.blank40{height:30px;}
	.blank-small{padding-top:2%;}
	/*导航*/
	.b-nav{list-style: none;padding: 0;margin:0;margin-top:4%;}
	.b-navbar-container {position:relative;}
	.b-navbar {font-size:16px;text-align:center;padding: 0;}
	.b-navbar {overflow: hidden;margin-left: -15px;margin-right: -15px;}
	.b-navbar:before {content: "";height: 0;clear: both;display: block;}
	.b-navbar .b-nav {width: 100%;}
	.b-navbar .b-nav li {padding: 9 15px;border-left: 1px solid #408c1f;}
	.b-navbar .b-nav li {border-left: none;}
	.b-navbar .b-nav li {width: 25%;float: left;}
	.b-navbar .b-nav li a {	display: block;color: #fff;padding: 8px 0;position: relative;}
	.b-navbar .b-nav li a {color: #0074bf;}
	.b-navbar .b-nav li a:hover {background-color: #0074bf;color: #fff;}
	.b-navbar .b-nav li a:hover .ic {color: #fff;border: 1px solid #408c1f;}
	.b-navbar .b-nav li:hover, .b-navbar .b-nav li.active {	background-image: inherit;}
	.b-navbar .b-nav li .ic {width: 50px;height: 50px;line-height: 50px;font-size:30px;margin:auto;display:block;margin-bottom:10px;color:#0074bf;	border-radius: 50%;	border: 1px solid #0074bf;}
	.b-navbar .b-nav {display: table;}
	.b-navbar .b-nav > li {display: table-cell;}
	/*内容*/
	.header-logo{ padding-top:4.5%;}
	.content-bg{ padding:5% 0;}
	.footer-bg{ padding-bottom:10%;}
	.inner-content img{ width:100%; height:auto;}
}
/* 小型设备（平板电脑，768px起）px） */
@media (min-width: 768px) {
	/*内容*/
	.blank-small{ padding-top:0;}
	.footer-bg{ padding-bottom:5%;}
}
/*中型设备（台式电脑，992px起）*/
@media (min-width: 992px) {
	.b-nav li{float:left; width:65px; height:100px; line-height:100px; text-align:center; margin:0 11px;}
	.b-nav li a:hover{background:url(../images/img_05.jpg) no-repeat center bottom;}
	.b-nav li a:hover p{color:#0074bf; border-bottom:#0074bf solid 3px;}
	.b-navbar .b-nav li a {display: block;position: relative;}
	.b-navbar .b-nav li a:hover{color:#fff;}
	.b-navbar { padding-left:60%;width:550px;float:right;font-size:14px;text-align:center;padding:0;margin:25px 0;}
	.b-menu {-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.05);box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.05); }
	/*内容*/
	.footer-bg{ padding-bottom:0;}
}
/*大型设备（大台式电脑，1200px起）*/
@media (min-width: 1200px) {
	.b-nav li{float:left; width:65px; height:50px; line-height:50px; text-align:center;margin:0 11px;}
	.b-nav li a:hover{ display:inline-block;}
	.b-nav li a:hover p{color:#0074bf; border-bottom:#0074bf solid 3px;}
	.b-navbar .b-nav li a {display: block;position: relative; color:#0074bf;}
	.b-navbar .b-nav li a:hover{color:#0074bf;}
	.b-navbar { width:700px;float:right;font-size:16px;text-align:center;padding:0; margin:25px 0;}
	.b-menu {-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.05);box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.05); }	
}