@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;}
.f25{ font-size:25px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f45{ font-size:45px;}
.fb{ font-weight:bold;}
.blank20{ height:20px; overflow:hidden; clear:both;}
.blank40{ height:40px; overflow:hidden; clear:both;}

.title{color:#007fcf; padding:0.5% 0;}
.title2{color:#007fcf;}
/*index*/
.header-logo{ padding-top:2.5%;}

.b-nav li i{ display:block;width:134px; height:51px;}
.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;}
.blue-line{ border-bottom:#007fcf solid 3px;}
.blue-line2{ width:50px;border-bottom:#007fcf solid 3px;}
.blue-line3{ width:50px;border-bottom:#fff solid 2px;margin-bottom:2.5%;}

.index-about-text{ line-height:30px;height:230px; overflow:hidden;}

#wrap ul li{ border:#B7B7B7 solid 1px;}
#wrap ul li .a1 img{width:525px;height:321px;}
#wrap ul li{width:525px;height:321px;list-style:none;position:relative;float:left;overflow:hidden;margin:5px;} 
#wrap ul li .a1 .divA{position:absolute;bottom:0;left:0;width:525px;height:110px;padding:10px;background:#fff;}
#wrap ul li .a1 .divA>.p1{width:505px;height:90px;font-size:14px;line-height:23px;color:#444;}
#wrap ul li .a2{position:absolute;top:0;left:-523PX;width:523px;height:321px;color:white;background:rgba(0,0,0,0.5);transition:all 0.3s;} 
#wrap ul li .a2 .p4{width:520px;position:absolute;top:120px;left:-520px;color:#fff;font-size:17px;line-height:32px; padding:10px 20px;transition:all 0.3s 0.1s ease-out ; height:163px;overflow:hidden;}

.index-news li{ border-bottom:#ccc solid 1px;}
.index-news li div{color:#b9b9b9; padding-top:0.4%;}
.index-news li span{ height:27px; line-height:27px; overflow:hidden;}
.index-news li span a:hover{ color:#007fcf;}
.index-news li p{ padding-top:0.3%; color:#979797; display:block; height:40px; overflow:hidden;}

.footer-bg{background:#009cff url(../images/imgs_11.jpg) center center;color:#fff;}
.footer-bg a{color:#fff;}
.footer-copy-bg{background:#000; color:#fff; padding:0.5% 0;line-height:25px;}
.index-contact{ line-height:24px; padding:1.5% 0;}
.index-region li{font-size:14px;line-height:27px; margin:0.5% 0;}
.index-region li a span{color:#fff; display:inline-block;min-width:88px;}
.index-region li a{ display:inline-block; border:#fff solid 1px;padding:1%;}
.index-region li a:hover span,.footer-key a:hover{color:#000;}
.index-region li a:hover{border:#000 solid 1px;}
.footer-key ul{padding-top:2%;}
.footer-key li{ height:35px; line-height:35px;}
/*inner*/
.inner-single{ padding-left:3%;}
.inner-single a:hover{color:#007fcf;}
.inner-single-nav{height:45px; line-height:45px; border:#007fcf solid 1px; border-left:none;border-right:none;}
.inner-content{line-height:26px;}

.inner-product{ margin-top:2%;}
.inner-product li{ margin:1.2% 0;}
.inner-product li a{}
.inner-product li a img{ border:#ccc solid 2px; padding:2%;width:200px;height:150px;}
.inner-product li a:hover img{ border:#007fcf 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:#007fcf;}



.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;height:55px;}
.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%;}
	.ewm-img{ text-align:center; margin:0 auto;}
	.f18{ font-size:16px;}
	.f25{font-size:20px;}
	.f45{ font-size:30px;}
	.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: #007fcf;}
	.b-navbar .b-nav li a:hover {background-color: #007fcf;color: #fff;}
	.b-navbar .b-nav li a:hover .ic {color: #fff;border: 1px solid #007fcf;}
	.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:#007fcf;	border-radius: 50%;	border: 1px solid #007fcf;}
	.b-navbar .b-nav {display: table;}
	.b-navbar .b-nav > li {display: table-cell;}
	/*内容*/
	.index-about-text{ margin-top:5%;}
	.footer-copy-bg{ padding-bottom:10%;}
	.inner-content img{ width:100%; height:auto;}
	.footer-bg div{ text-align:center;}
	.blue-line3{ width:50px;border-bottom:#fff solid 2px; margin:0 auto;margin-bottom:2.5%;}
}
/* 小型设备（平板电脑，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:91px; height:108px; line-height:108px; text-align:center;}
	.b-nav li a:hover{background:url(../images/img_04.jpg) no-repeat center bottom;}
	.b-nav li a:hover p{color:#fff;}
	.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:730px;float:right;font-size:14px;text-align:center;padding: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:91px; height:108px; line-height:108px; text-align:center;}
	.b-nav li a:hover{background:url(../images/img_04.jpg) no-repeat center bottom;}
	.b-nav li a:hover p{color:#fff;}
	.b-navbar .b-nav li a {display: block;position: relative;}
	.b-navbar .b-nav li a:hover{color:#fff;}
	.b-navbar { width:730px;float:right;font-size:16px;text-align:center;padding: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); }	
}