@charset "utf-8";
/* CSS Document */
.w1180{ width:1180px; margin:0 auto; padding-top:50px;}

.header{ width:100%; height:90px; background:#fff; position:fixed; z-index:999; box-shadow:0px 0px 13px 3px rgba(0, 0, 0, 0.26);}
.logo{ padding-left:20px;}
.nav{ margin-right:100px; margin-top:25px;}
.nav li{ float:left; font-size:16px; margin-right:40px;}
.tel{ padding-right:20px; margin-top:20px;}
.tel strong{ font-size:20px; color:#f30;}

.banner-intro{ width:100%; height:100%;}

.about{ background:url(../images/bg_about.jpg) no-repeat;}
.honor{ background:url(../images/bg_honor.jpg) no-repeat;}
.product{ background:url(../images/bg_product.jpg) no-repeat;}
.contact{ background:url(../images/bg_contact.jpg) no-repeat;}

.about_txt{ width:580px;}

.about_icon{ height: auto; overflow: hidden; padding:30px 0;}
.about_icon ul{ margin:0 auto; padding:0; text-align: center;}
.about_icon ul li{width: 177px;height: auto;overflow: hidden;float: left;position: relative;margin-right: 23px;}
.about_icon ul li a{ display: block; color: #999;}
.about_icon ul li a .pic{transition: 0.5s;width: 147px;height:80px;overflow: hidden;background-repeat: no-repeat;background-position: left top;}
.about_icon ul li a font{display:block;padding-top: 15px;position: absolute;top: 0px;right: 10px!important;text-align: left;}
.about_icon ul li a font i{font-size: 16px;padding-right:4px;color: #333;font-style: normal;text-align: left;font-weight: bold;}
.about_icon ul li:nth-of-type(3){ margin-right:0;}
.about_icon ul li a:hover .pic{background-position: left bottom; transition: 0.5s;}
.about_icon ul li a:hover{ color:#00a1e9;}
.about_icon ul li a:hover font i{ color:#00a1e9;}

.more{ width:120px;}
.more a{display:block;height:38px;line-height:38px;color: #fff;background: #00a1e9;text-align:center;font-size: 14px;transition: 0.6s;}
.more a:hover{background:#19548c;color:#fff;}

.center_top{ width:100%; height:310px; }
.content_middle{ width:100%; height:310px; margin:0px auto; position:relative; }
.content_middle:hover .common{ display: block; }
.content_middle .common{ display: block; width:50px; height: 100px; position: absolute; z-index: 25; top:50%; margin-top: -100px; display: none; }
.content_middle .btnLeft{ opacity: 0.5; left:0px; background: url(../images/jiantou.png) no-repeat; }
.content_middle .btnRight{ opacity: 0.5; right:0px; background: url(../images/jiantou.png) no-repeat -50px 0; }
.content_middle ul li{ width:100%; height:310px; opacity: 0; filter: alpha(opacity=0); position: absolute; margin:0px auto; }
.content_middle ul li:nth-child(1){ opacity: 100; filter: alpha(opacity=1); }
.content_middle .table{height: 48px;position:relative;margin:0 auto;z-index:9;display:table;padding-top: 273px;}
.content_middle .table a{ width: 10px; /* border-radius:30px!important; */ height: 40px; color:#E3DEE1; background:#E3DEE1; opacity: 0.8; text-align:center; line-height: 40px; font-size: 14px!important; display: none; float:left; overflow:hidden; }
.content_middle .table a.small_active{ background: #000000; width: 534px!important; color: #fff; height: 40px!important; display: inline!important; }

.swiper-container { width: 1180px; padding-top:30px;} 
.honor-intro{ position:relative;}
.honor-intro img{ width:100%; margin:0 auto; display:block;}
.honor-intro span{ background:rgba(0,0,0,0.8); color:#fff; position:absolute; bottom:0; display:block; margin:0 auto; width:100%; height:28px; line-height:28px; text-align:center;}

.product-intro{ text-align:center; padding-top:50px;}
.product-intro a{ text-align:center; background:#5857bd; padding:10px 20px; color:#fff; margin-right: 5px;}
.product-intro a:hover{ background:#7271dd;}

.address{ position:absolute; top:45%;}
.address a{ display:block; background:url(../images/wz.png) no-repeat; width:150px; height:50px; padding-top:100px; text-align:center;}
.address a:hover{ background:url(../images/wzh.png) no-repeat; color:#fff;}
.contact-intro{ width:960px; margin:0 auto; position:relative; padding-top:50px;}
.coantact-text{ background:url(../images/m.png) no-repeat; width:393px; height:722px; margin:80px auto 0 auto; text-align:center; color:#fff;}
.coantact-text img{ margin-top:200px; margin-bottom:20px;}
.coantact-text dl dt{ font-size:18px; font-weight:bold;}
.message{ position:absolute; top:45%; right:0;}
.message a{ display:block; background:url(../images/ly.png) no-repeat; width:150px; height:50px; padding-top:100px; text-align:center;}
.message a:hover{ background:url(../images/lyh.png) no-repeat; color:#fff;}

.banner-inner{ height:376px; padding-top:80px;}
.banner-bg1{ background:url(../images/ty_bj.jpg) no-repeat center 80px;}
.banner-bg2{ background:url(../images/xw.jpg) no-repeat center 80px;}
.banner-bg3{ background:url(../images/cp_bj.jpg) no-repeat center 80px;}
.banner-inner h3{ width:1180px; margin:0 auto; font-size:24px; color:#fff; padding-top:280px;}
.banner-inner p{ width:1180px; margin:0 auto; color:#fff;}
.banner-inner p a{ color:#fff;}
.banner-inner p a:hover{ color:#f60;}

.content-inner{ width:1180px; margin:0 auto; padding:50px 0;}
.content-inner h1{ text-align:center; border-bottom:dashed 1px #ddd;}
.content-inner p{ margin-top:15px;}

.news-nav{ border-bottom:solid 1px #ddd; height:60px; line-height:60px;}
.news-nav p{ width:1180px; margin:0 auto;}
.news-nav p a{ background:url(../images/btn01.png) no-repeat left center; padding-left:15px; margin-right:15px;}

.list{ width:1180px; margin:30px auto;}
.list dl{ border-bottom:solid 1px #ddd; padding:20px 0;}
.list dl dt{ font-size:18px; line-height:40px;}
.list dl dt img{ width:300px; height:180px;}
.list dl dd.data{ font-size:14px; line-height:40px; color:#999;}
.list dl dd.txt{ font-size:14px; line-height:24px;}

.product-inner{ zoom:1; overflow:hidden;}
.left{ width:200px; float:left;}
.right{ width:960px; float:right;}

.product_list p{ background:#eee url(../images/btn01_h.png) no-repeat 10px center; height:50px; display:block; padding-left:35px; line-height:50px; margin-bottom:15px; margin-top:0;}
.product-img{ zoom:1; overflow:hidden; margin-right:-30px; border-bottom:solid 1px #ddd;}
.product-img li{ float:left; width:300px; margin-right:30px; margin-bottom:30px;}
.product-img li img{ width:300px; height:220px; border:solid 1px #eee;}
.product-img li span{ display:block; text-align:center;}

.honor-img ul{ zoom:1; overflow:hidden; margin-right:-30px; border-bottom:solid 1px #ddd;}
.honor-img ul li{ float:left; width:270px; margin-right:30px; margin-bottom:30px;}
.honor-img ul li img{ width:270px; height:380px; border:solid 1px #eee;}
.honor-img ul li span{ display:block; text-align:center;}

.honor-imgr ul{ zoom:1; overflow:hidden; margin-right:-30px; border-bottom:solid 1px #ddd;}
.honor-imgr ul li{ float:left; width:270px; margin-right:30px; margin-bottom:30px;}
.honor-imgr ul li img{ width:270px; height:220px; border:solid 1px #eee;}
.honor-imgr ul li span{ display:block; text-align:center;}

.page{ text-align:center; padding:10px; font-size:14px;}

footer {
	width: 100%;
	background: #1758a3;
	padding: 52px 0 7px
}
.footer-top {
	width:1180px;
	margin:0 auto;
	padding-bottom: 29px;
	border-bottom: 1px solid #2167b7
}

.footer-bot {
	padding: 30px 0
}
.footer-bot p {
	text-align:center;
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	opacity: .5;
	filter: alpha(opacity=50)
}

.footer-top-left {
	float: left;
	width: 24.7%
}
.footer-top-center {
	float: right;
	width: 62.6%
}

.footer-top-center li{
	float: left;
	padding-left:50px;
}
.footer-top h2 {
	font-size: 18px;
	color: #fff;
	line-height: 33px;
	margin-bottom: 7px;
	opacity: .8;
	filter: alpha(opacity=80)
}

.footer-top-center li p {
	font-size: 14px;
	color: #fff;
	line-height: 24px
}

.footer-top-center a{
	color: #fff;
}

.picc img{
	max-width: 60%;
}