﻿/* ---------------------------------------------   首页样式   ------------------------------------------------ */

#banner {
	position: relative;
	background-color: #fafafa;
	overflow: hidden;
	height: 580px;
}
#banner img {
}
#banner .swiper-pagination-bullet {
	width: 20px;
	height: 3px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: 1;
}
#banner .swiper-pagination-bullet-active {
	opacity: 1;
	background: #0156a5;
}
#banner .box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/banbg.jpg) no-repeat center center;
	text-align: center;
}
#banner .slide-button-prev, #banner .slide-button-next {
	background: url(../images/slide-btn.png) no-repeat;
	width: 32px;
	height: 59px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 9999;
	display: block;
}
#banner .slide-button-prev {
	left: 3%;
}
#banner .slide-button-next {
	right: 3%;
	background-position: -180px 0
}
#banner .swiper-pagination {
	bottom: 20px;
	width: 100%;
	padding-top: 20px;
}
#banner .swiper-pagination-bullet {
	margin-left: 10px;
	background-color: rgba(255,255,255,.6);
}
#banner .swiper-pagination-bullet-active {
	background-color: rgba(255,255,255,1);
}
#banner .page {
	color: #fff;
	position: absolute;
	top: 0;
	width: 100%;
}
.px {
	position: relative;
}
.px:after {
	content: '';
	background: url(../images/0da768_8b89980121844d37be099f0dbe33e3e3.png) repeat;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	z-index: 111;
	position: absolute;
}
#search {
	height: 83px;
	line-height: 83px;
	color: #888;
}
#search b {
	color: #333;
}
#search a {
	color: #888;
}
#search a:hover {
	color: #0156a5;
}
#search .searchform {
	float: right;
	font-size: 0;
}
#search .searchform input[type="text"] {
	width: 310px;
	height: 30px;
	border: solid 1px #e2e2e2;
	padding-left: 10px;
	border-right: none;
	font-size: 12px;
}
#search .searchform input[type="submit"] {
	width: 75px;
	height: 30px;
	background-color: #0154a4;
	color: #fff;
	border: none;
	font-size: 12px;
}
#field {
	background-color: #f7f7f7;
	padding: 65px 0;
}
#field h1, #field p {
	text-align: center;
	line-height: 100%;
}
#field h1 {
	font-size: 30px;
	color: #333;
	margin-bottom: 15px;
}
#field p {
	font-size: 16px;
	color: #888;
	margin-bottom: 50px;
}
#field .list {
	position: relative;
}
#field .list .box {
	overflow: hidden;
}
#field .list dl {
}
#field .list dl a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
#field .list dl a:before, #field .list dl a:after {
	content: '';
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	transition: all .5s ease;
	opacity: 0;
}
#field .list dl a:before {
	border-top: 1px solid rgba(255,255,255,.7);
	border-bottom: 1px solid rgba(255,255,255,.7);
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	transform: scale(0, 1);
}
#field .list dl a:after {
	border-right: 1px solid rgba(255,255,255,.7);
	border-left: 1px solid rgba(255,255,255,.7);
	-webkit-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	transform: scale(1, 0);
}
#field .list dl a:hover:before, #field .list dl a:hover:after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	box-shadow: 0 0 0 30px rgba(255,255,255,0.1);
}
#field .list dl dt img {
	width: 100%;
}
#field .list dl dd {
	position: absolute;
	top: 0;
	text-align: center;
	width: 100%;
	height: 30px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transition: all .5s ease;
}
#field .list dl dd h2 {
	font-size: 24px;
	color: #fff;
	line-height: 100%;
	margin-bottom: 33px;
	width: 60%;
	margin: 0 auto 33px;
}
#field .list dl dd span {
	display: inline-block;
	border-top: solid 1px rgba(255,255,255,.5);
	border-bottom: solid 1px rgba(255,255,255,.5);
	width: 105px;
	line-height: 37px;
	color: #fff;
	opacity: 0;
	transition: all .5s ease;
}
#field .list dl a:hover dd {
	height: 100px;
}
#field .list dl a:hover dd span {
	opacity: 1;
}
#field .list .field-button-prev, #field .list .field-button-next {
	background: url(../images/field-btn.png) no-repeat;
	width: 31px;
	height: 55px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 9999;
	display: block;
	transition: all .3s;
}
#field .list .field-button-prev {
	left: -70px;
}
#field .list .field-button-next {
	right: -70px;
	background-position: -49px 0;
}
#Product {
	padding: 20px 0;
	overflow: hidden;
	background-color: #fff;
	width: 100%;
}
#Product .cate {
	width: 268px;
	float: left;
}
#Product .cate .tt {
	background: url(../images/cate-icon.png) no-repeat 30px center #0154a4;
	height: 100px;
	color: #fff;
	padding-left: 85px;
	padding-top: 24px;
	line-height: 18px;
	font-size: 16px;
	color: #cbd6e6;
}
#Product .cate .tt h1 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 8px;
	line-height: 100%;
	color: #fff;
}
#Product .cate .l {
	border-right: solid 1px #e5e5e5;
	border-left: solid 1px #e5e5e5;
}
#Product .cate .l ul {
}
#Product .cate .l ul li.level {
	line-height: 60px;
	border-bottom: solid 1px #e5e5e5;
}
#Product .cate .l ul li.level a {
	display: block;
	background: url(../images/cate-icon1.png) no-repeat 12px center;
	padding-left: 40px;
	font-size: 16px;
}
#Product .cate .l ul li.level a:hover {
	background: url(../images/cate-icon2.png) no-repeat 12px center;
	color: #0156a5;
}
#Product .cate .l ul li.level ul {
	padding-bottom: 20px;
}
#Product .cate .l ul li.level ul li {
	line-height: 26px;
}
#Product .cate .l ul li.level ul li a {
	color: #666;
	font-size: 12px;
	background: url(../images/cate-icon3.png) no-repeat 64px center;
	padding-left: 82px;
}
#Product .cate .l ul li.level.cur ul li a {
	color: #666;
	font-size: 12px;
	background: url(../images/cate-icon3.png) no-repeat 64px center;
	padding-left: 82px;
}
#Product .cate .l ul li.level ul li a:hover {
	color: #0156a5;
}
#Product .cact {
	background: url(../images/case-bg.jpg) no-repeat;
	height: 288px;
	border: solid 1px #e5e5e5;
	position: relative;
	border-top: none
}
#Product .cact .text {
	position: absolute;
	top: 115px;
	left: 99px;
	color: #999;
	font-size: 12px;
}
#Product .cact .text h3 {
	color: #0154a4;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
#Product .cact .text h2 {
	color: #0154a4;
	font-size: 20px;
}
#Product #pro-slide {
	position: relative;
	border: solid 1px #e5e5e5;
	border-bottom: none;
}
#Product .list {
	position: relative;
	float: right;
	width: 900px;
}
#Product .list h1 {
	font-size: 20px;
	font-weight: bold;
	color: #0154a4;
	margin-bottom: 20px;
}
#Product .list h1 a {
	float: right;
	font-size: 12px;
	color: #666;
	font-weight: normal;
}
#Product .list h1 span {
	color: #999;
	font-size: 12px;
	font-weight: normal;
}
#Product .list .box {
	overflow: hidden;
}
#Product .list .swiper-slide img {
	width: 100%;
}
#Product .list .swiper-slide a {
	display: block;
	width: 100%;
}
#Product .list .swiper-slide a .text {
	color: #888;
	line-height: 20px;
	position: absolute;
	top: 73px;
	left: 120px;
}
#Product .list .swiper-slide a .text h2 {
	position: relative;
	margin-bottom: 15px;
	color: #333;
	font-size: 18px;
	color: #0154a4;
}
#Product .list .swiper-slide a:hover .text h2 {
	color: #007aff;
}
#Product .list .swiper-slide a .text h2:after {
	content: '';
	background-color: #d0d0d0;
	height: 1px;
	width: 33px;
	display: block;
	margin-top: 22px;
}
#Product .list .swiper-slide a .text h6 {
	margin-bottom: 28px;
	color: #4f4d4d;
	font-size: 14px;
}
#Product .list .swiper-slide a .text .des {
	color: #888;
	line-height: 30px;
}
#Product .list .swiper-slide a .text span {
	width: 120px;
	height: 40px;
	line-height: 38px;
	border: solid 1px #8a8a8a;
	display: block;
	margin-top: 50px;
	text-align: center;
	color: #333;
}
#Product .list .swiper-slide a:hover .text span {
	background-color: #0154a4;
	border: solid 1px #0154a4;
	color: #fff;
}
#Product .list .featured-button-prev, #Product .list .featured-button-next {
	background: url(../images/featured-btn.png) no-repeat;
	width: 17px;
	height: 28px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 9999;
	display: block;
}
#Product .list .featured-button-prev {
	left: 23px;
}
#Product .list .featured-button-next {
	right: 23px;
	background-position: -54px 0
}
#Product .ul-box {
	border: solid 1px #e5e5e5;
	border-right: none;
	font-size: 0;
}
#Product .ul-box dl {
	display: inline-block;
	width: 33.333%;
	vertical-align: top;
	border-right: solid 1px #e5e5e5;
	height: 301px;
	position: relative;
	overflow: hidden;
}
#Product .ul-box dl dt img {
	width: 100%;
}
#Product .ul-box dl dd {
	position: absolute;
	border-top: solid 1px #e5e5e5;
	left: 10px;
	right: 10px;
	background-color: #fff;
	padding-bottom: 20px;
}
#Product .ul-box dl dd h4 {
	line-height: 68px;
	font-size: 14px;
}
#Product .ul-box dl dd span {
	font-size: 12px;
	color: #999;
}
#Product .ul-box dl dd i {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 23px;
	right: 0;
	background: url(../images/ul-box-icon.png) no-repeat;
	transition: all .3s;
}
#Product .ul-box dl a:hover dd i {
	background: url(../images/ul-box-icon1.png) no-repeat;
}
.category-filter {
	border: solid 1px #eee;
	overflow: hidden;
	margin-bottom: 30px;
	line-height: 40px;
	border-bottom: none;
}
.category-filter dl {
	border-bottom: solid 1px #eee;
	overflow: hidden;
	position: relative;
	height: auto;
}
.category-filter dl dt {
	width: 15%;
	background-color: #f9f9f9;
	float: left;
	padding-left: 20px;
	height: 100%;
	position: absolute;
	line-height: inherit;
}
.category-filter dl dd {
	width: 85%;
	float: right;
	padding-left: 20px;
}
.category-filter dl dd a {
	display: inline-block;
	padding: 0 10px;
	line-height: 20px;
}
.category-filter dl dd a.cur {
	display: inline-block;
	background-color: #0154a4;
	color: #fff;
	line-height: 20px;
}
#ad {
	margin-bottom: 45px;
	background: url(../images/ad.jpg) no-repeat;
	height: 174px;
	position: relative;
	margin: 0 auto;
    width: 100%;
}
#ad .text {
	text-align: center;
	padding-top: 30px;
}
#ad .text h1 {
	font-size: 30px;
	color: #fff;
	line-height: 100%;
	margin-bottom: 13px;
}
#ad .text h2 {
	font-size: 16px;
	color: #fff;
	line-height: 100%;
}
#ad .text span {
	display: block;
	width: 160px;
	height: 35px;
	margin: 0 auto;
	border: solid 1px #fff;
	color: #fff;
	line-height: 33px;
	margin-top: 20px;
}
#why {
	background: url(../images/why-bg.jpg) no-repeat center top;
	height: 619px;
	padding-top: 60px;
}
#why h1 {
	text-align: center;
	font-size: 30px;
	color: #333;
}
#why h2 {
	text-align: center;
	font-size: 18px;
	color: #999;
}
#why .list {
	position: relative;
	margin-top: 100px;
}
#why .list dl {
	position: absolute;
	width: 305px;
	font-size: 0;
}
#why .list dl dt {
	background-color: #0154a4;
	color: #fff;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	font-size: 18px;
	margin-right: 20px;
	float: left;
}
#why .list dl dd {
	font-size: 12px;
	color: #888;
	width: 250px;
	float: left;
}
#why .list dl dd h3 {
	font-size: 18px;
	color: #333;
	line-height: 100%;
	margin-bottom: 12px;
}
#why .list dl dd h3:after {
	content: '';
	height: 3px;
	width: 33px;
	background-color: #0154a4;
	display: block;
	margin-top: 12px;
}
#adv {
	padding: 55px 0;
}
#adv h1 {
	text-align: center;
	font-size: 30px;
	color: #333;
}
#adv h2 {
	text-align: center;
	font-size: 18px;
	color: #999;
	margin-bottom: 55px;
}
#adv .list .row {
	position: relative;
	margin-bottom: 40px;
	height: 500px;
}
#adv .list .row .img {
	position: relative;
	width: 700px;
}
#adv .list .row .img .box {
	overflow: hidden;
	position: relative;
}
#adv .list .row .img img {
	width: 100%;
}
.adv1-pagination {
	position: absolute;
	z-index: 9999;
	text-align: center;
}
.adv1-pagination .swiper-pagination-bullet {
	background-color: #fff;
}
#adv .list .row .img:after {
	content: '';
	width: 60px;
	height: 1px;
	background-color: #0154a4;
	position: absolute;
	bottom: 155px;
	left: -30px;
	display: block;
	z-index: 9999;
}
#adv .list .row .text {
	background: url(../images/adv-bg.png) no-repeat;
	height: 400px;
	width: 600px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 75px 63px;
	z-index: 9999;
}
#adv .list .row .text:after {
	content: '';
	width: 30px;
	height: 1px;
	background-color: #0154a4;
	position: absolute;
	top: 80px;
	right: -15px;
	display: block;
}
#adv .list .row .text li {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-bottom: 45px;
	position: relative;
	padding-left: 20px;
}
#adv .list .row .text li:before {
	content: '';
	width: 5px;
	height: 21px;
	background-color: #0154a4;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
}
#adv .list .row .text h3 {
	font-size: 24px;
	color: #333;
	line-height: 100%;
	margin-bottom: 20px;
}
#adv .list .row1 {
	position: relative;
	height: 500px;
}
#adv .list .row1 .img {
	position: relative;
	width: 700px;
	height: 500px;
	float: right;
}
#adv .list .row1 .img .box {
	overflow: hidden;
	position: relative;
}
#adv .list .row1 .img img {
	width: 100%;
}
.adv1-pagination {
	position: absolute;
	z-index: 9999;
	text-align: center;
}
.adv1-pagination .swiper-pagination-bullet {
	background-color: #fff;
	opacity: .5;
	width: 10px;
	height: 10px;
}
.adv1-pagination .swiper-pagination-bullet-active {
	background-color: #0154a4;
	opacity: 1;
}
#adv .list .row1 .img:after {
	content: '';
	width: 60px;
	height: 1px;
	background-color: #0154a4;
	position: absolute;
	bottom: 155px;
	right: -30px;
	display: block;
	z-index: 9999;
}
#adv .list .row1 .text {
	background: url(../images/adv-bg1.png) no-repeat;
	height: 400px;
	width: 600px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 75px 63px;
	z-index: 9999;
}
#adv .list .row1 .text:after {
	content: '';
	width: 30px;
	height: 1px;
	background-color: #0154a4;
	position: absolute;
	top: 80px;
	left: -15px;
	display: block;
}
#adv .list .row1 .text li {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-bottom: 45px;
	position: relative;
	padding-left: 20px;
}
#adv .list .row1 .text li:before {
	content: '';
	width: 5px;
	height: 21px;
	background-color: #0154a4;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
}
#adv .list .row1 .text h3 {
	font-size: 24px;
	color: #333;
	line-height: 100%;
	margin-bottom: 20px;
}
#case {
	background-color: #f8f8f8;
	padding: 55px 0;
	overflow: hidden;
}
#case h1 {
	text-align: center;
	font-size: 30px;
	color: #333;
}
#case h2 {
	text-align: center;
	font-size: 18px;
	color: #999;
	margin-bottom: 55px;
}
#case .list {
	position: relative;
	height: 320px;
	overflow: hidden;
}
#case .list .box {
	overflow: hidden;
	height: 280px;
	font-size: 0;
	width: 1300px;
}
#case .list dl {
	width: 300px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	margin-right:10px;
}
#case .list dl a {
	display: block;
	width: 600px;
}
#case .list dl dt {
	width: 300px;
	float: left;
}
#case .list dl dt img {
	width: 100%;
}
#case .list dd {
	width: 300px;
	background-color: #fff;
	padding: 40px 28px;
	float: left;
	height: 320px;
	font-size: 12px;
	color: #999;
	line-height: 24px;
}
#case .list dd h3 {
	font-size: 16px;
	color: #0154a4;
	line-height: 100%;
	margin-bottom: 18px;
}
#case .list dd h3:after {
	content: '';
	width: 30px;
	height: 1px;
	display: block;
	background-color: #cecece;
	margin-top: 18px;
}
#case .list dd span {
	display: block;
	width: 120px;
	line-height: 36px;
	background-color: #0154a4;
	color: #fff;
	border-radius: 20px;
	margin-top: 30px;
	text-align: center;
	font-size: 14px;
}
#case .list dl.cur {
	width: 600px;
}
.case-pagination {
	position: absolute;
	z-index: 9999;
	text-align: center;
	bottom: 0;
	width: 100%;
}
.case-pagination .swiper-pagination-bullet {
	background-color: #fff;
	border: solid 1px #666;
	width: 12px;
	height: 12px;
	opacity: 1;
	margin-left: 10px;
}
.case-pagination .swiper-pagination-bullet-active {
	background-color: #0154a4;
	border: solid 1px #0154a4;
}
#fields {
	padding: 150px 0 60px;
	overflow: hidden;
	height: 710px;
	background: url(../images/fields-bg.jpg) no-repeat center top fixed;
	background-size: cover;
}
#fields h1 {
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 45px;
}
#fields .list {
	font-size: 0;
}
#fields .list dl {
	width: 20%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
#fields .list dl:after {
	content: '';
	width: 1px;
	height: 370px;
	background-color: #3376b3;
	position: absolute;
	right: 0;
	top: 0;
}
#fields .list dl dt {
	height: 170px;
	position: relative;
}
#fields .list dl dt img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#fields .list dl dd {
	text-align: center;
	font-size: 14px;
	color: #b4cbe1;
	padding: 0 8%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#fields .list dl dd h2 {
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 40px;
	font-weight: bold;
}
#about {
	padding: 30px 0;
	overflow: hidden;
	background-color: #fff;
	width: 100%;
}
#about h1 {
	text-align: center;
	font-size: 30px;
	color: #333;
	line-height: 100%;
	margin-bottom: 15px;
}
#about h3 {
	text-align: center;
	font-size: 18px;
	color: #999;
	margin-bottom: 55px;
}
#about .img {
	width: 602px;
	float: left;
	background: #f3f3f3;
	height: 337px;
}
#about .img img {
}
#about .text {
	width: 550px;
	float: right;
	font-size: 14px;
	color: #777;
	line-height: 28px;
}
#about .text h2 {
	font-size: 18px;
	color: #333;
	margin-bottom: 30px;
	line-height: 100%;
}
#about .text .more {
	display: block;
	width: 148px;
	height: 55px;
	text-align: center;
	line-height: 51px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	border: solid 2px #0156a5;
	margin-top: 70px;
	color: #0156a5;
	transition: all .3s;
}
#about .text .more:hover {
	border: solid 2px #0156a5;
	background-color: #0156a5;
	color: #fff;
}
#Strength {
	padding: 60px 0;
	overflow: hidden;
	background-color: #f8f8f8;
	width: 100%;
}
#Strength h1 {
	text-align: center;
	font-size: 30px;
	color: #333;
	line-height: 100%;
	margin-bottom: 35px;
}
#Strength h1:after {
	content: '';
	width: 60px;
	height: 1px;
	background-color: #ccc;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
}
#Strength .list .box {
	overflow: hidden;
}
#Strength .list .box .swiper-slide {
	background-color: #fff;
	padding: 8px;
}
#Strength .list .box .swiper-slide img {
	width: 100%;
}
#Strength .list .box .swiper-slide h3 {
	line-height: 60px;
	font-size: 14px;
	position: relative;
}
#Strength .list .box .swiper-slide h3 i {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 23px;
	right: 0;
	background: url(../images/ul-box-icon.png) no-repeat;
	transition: all .3s;
}
#Strength .list .box .swiper-slide a:hover h3 i {
	background: url(../images/ul-box-icon1.png) no-repeat;
}
#Strength .list {
	position: relative;
}
#Strength .list .Strength-button-prev, #Strength .list .Strength-button-next {
	background: url(../images/Strength-btn.png) no-repeat;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 9999;
	display: block;
}
#Strength .list .Strength-button-prev {
	left: -50px;
}
#Strength .list .Strength-button-next {
	right: -50px;
	background-position: -107px 0
}
#info {
	overflow: hidden;
	padding: 45px 0;
}
#info .news {
	width: 836px;
	float: left;
}
#info .news ul.navs {
	display: block;
	height: 52px;
}
#info .news ul.navs li {
	width: 50%;
	line-height: 52px;
	float: left;
	text-align: center;
	font-size: 18px;
	background-color: #f6f6f6
}
#info .news ul.navs li.cur a {
	background-color: #0154a1;
	display: block;
	color: #fff;
}
#info .news .list {
	border: solid 3px #f6f6f6;
	border-top: none;
	position: relative;
	height: 393px;
}
#info .news .box {
	position: absolute;
	top: 0;
	left: 0;
	padding: 25px;
	width: 100%;
}
#info .news .list dl {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
#info .news .list dl dt {
	position: relative;
	line-height: 20px;
	width: 279px;
	float: left;
}
#info .news .list dl dt img {
	width: 100%;
}
#info .news .list dl dt .date {
	position: absolute;
	width: 85px;
	height: 85px;
	background-color: #ffdf00;
	right: 35px;
	bottom: -17px;
	text-align: center;
	line-height: 100%;
	color: #000;
	font-style: italic;
	font-size: 14px;
}
#info .news .list dl dt .date h4 {
	font-size: 30px;
	font-weight: bold;
	line-height: 100%;
	padding: 15px 0 5px;
}
#info .news .list dd {
	font-size: 14px;
	color: #999;
	width: 480px;
	float: right;
	line-height: 26px;
}
#info .news .list dd h2 {
	font-size: 16px;
	color: #333;
	line-height: 100%;
	padding: 0 0 25px;
}
#info .news .list dl a:hover dd h2 {
	color: #0154a1;
}
#info .news .list dd span {
	width: 113px;
	height: 40px;
	border: solid 2px #0154a1;
	text-align: center;
	line-height: 36px;
	display: block;
	color: #0154a1;
	margin-top: 30px;
}
#info .news .list ul {
	font-size: 0;
}
#info .news .list ul li {
	display: inline-block;
	width: 50%;
	line-height: 30px;
	vertical-align: top;
	font-size: 12px;
}
#info .faq {
	width: 336px;
	float: right;
}
#info .faq h1 {
	height: 52px;
	background-color: #0154a1;
	font-size: 18px;
	line-height: 52px;
	padding: 0 10px;
	color: #fff;
}
#info .faq h1 a {
	font-size: 12px;
	color: #b8c6dc;
	float: right;
}
#info .faq .list {
	border: solid 3px #f6f6f6;
	padding: 35px 25px;
	border-top: none;
	height: 393px;
}
#info .faq .list .boxs {
	height: 325px;
	overflow: hidden;
}
#info .faq .list ul {
	height: 340px;
}
#info .faq .list ul .swiper-slide {
	border-bottom: dashed 1px #d8d8d8;
}
#info .faq .list ul li {
	background: url(../images/faq-icon.gif) no-repeat;
	padding-left: 30px;
}
#info .faq .list ul li a {
	line-height: 24px;
	color: #999;
	display: block;
}
#info .faq .list ul li a h3 {
	font-size: 14px;
	color: #333;
	line-height: 100%;
	margin-bottom: 15px;
}
#info .faq .list ul li a:hover h3 {
	color: #0154a1;
}
#product {
	padding: 54px 0;
	overflow: hidden;
	background-color: #fff;
}
#product .cate {
	width: 300px;
	float: left;
}
#product .cate .t {
	text-transform: uppercase;
	height: 90px;
	background-color: #0156a5;
	color: #fff;
	line-height: 90px;
	font-size: 30px;
	position: relative;
}
#product .cate .t span {
	border-right: solid 1px #80d2a0;
	border-left: solid 1px #80d2a0;
	line-height: 100%;
	display: block;
	width: 220px;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 24px;
	font-weight: bold;
}
#product .cate .lists {
	border: solid 1px #e9e9e9;
	border-top: none;
	border-bottom: none;
}
#product .cate .lists ul {
}
#product .cate .lists ul li.child1 {
	border-bottom: solid 1px #e9e9e9;
	padding: 22px 20px;
}
#product .cate .lists ul li.child1 a {
	font-size: 18px;
	color: #333;
	background: url(../images/cate-child1.gif) no-repeat left center;
	text-indent: 23px;
	display: block;
}
#product .cate .lists ul li.child1 ul.child2 {
	padding-top: 10px;
}
#product .cate .lists ul li.child1 ul.child2 li {
	line-height: 29px;
}
#product .cate .lists ul li.child1 ul.child2 a {
	font-size: 12px;
	color: #666;
	background: url(../images/cate-child2.gif) no-repeat 23px center;
	text-indent: 38px;
}
#product .cate .lists ul li.child1 ul.child2 li ul.child3 {
	padding: 5px 0;
}
#product .cate .lists ul li.child1 ul.child2 li ul.child3 li {
	line-height: 26px;
}
#product .cate .lists ul li.child1 ul.child2 li ul.child3 a {
	color: #888;
	background: url(../images/cate-child3.gif) no-repeat 38px center;
	text-indent: 50px;
}
#product .pro_img {
	float: right;
	width: 866px;
}
#product .pro_img .t {
	font-size: 18px;
	color: #333;
	line-height: 100%;
	margin-bottom: 26px;
}
#product .pro_img .t a {
	float: right;
	font-size: 12px;
	color: #999;
	line-height: 18px;
	display: block;
}
#product .pro_img .pro_slide {
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}
#product .pro_img .pro_slide .swiper-slide {
	position: relative;
}
#product .pro_img .pro_slide .swiper-slide .text {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.7);
	line-height: 70px;
	width: 100%;
	font-size: 14px;
	text-indent: 20px;
}
#product .pro_img .pro_slide .swiper-slide a .text {
	color: #fff;
}
#product .pro_img .pro_slide .swiper-pagination {
	top: 0;
	right: 43px;
	width: 43px;
	height: 43px;
	line-height: 43px;
	color: #fff;
	background-color: rgba(0,0,0,.7);
	left: auto;
}
#product .pro_img .pro_slide .slide-button-prev, #product .pro_img .pro_slide .slide-button-next {
	background: url(../images/pro_slide_btn.png) no-repeat;
	width: 43px;
	height: 43px;
	position: absolute;
	top: 0;
	margin: auto;
	z-index: 9999;
	display: block;
}
#product .pro_img .pro_slide .slide-button-prev {
	right: 86px;
}
#product .pro_img .pro_slide .slide-button-next {
	right: 0;
	background-position: -47px 0
}
#product .pro_img .pro_slide .slide-button-prev:hover {
	background-position: 0 -47px;
}
#product .pro_img .pro_slide .slide-button-next:hover {
	background-position: -47px -47px;
}
#product .pro_img ul {
	margin-right: -14px;
}
#product .pro_img ul li {
	float: left;
	width: 33.33%;
}
#product .pro_img ul li a {
	margin-right: 14px;
	display: block;
}
#product .pro_img ul li h4 {
	height: 61px;
	line-height: 61px;
	border-bottom: solid 1px #e9e9e9;
	font-size: 14px;
	color: #666;
}
#design {
	height: 485px;
	padding: 130px 0;
	overflow: hidden;
}
#design .design-bg {
	background: url(../images/design-bg.jpg) no-repeat center center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
#design dl {
	width: 25%;
	float: left;
	color: #fff;
	text-transform: uppercase;
	position: relative;
}
#design dl:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: 250px;
	background-color: rgba(255,255,255,.15);
	width: 1px;
}
#design dl:nth-child(4):after {
	display: none;
}
#design dl dt {
	text-align: center;
	padding: 20px 0;
}
#design dl dd {
	text-align: center;
	color: #e4dbcb;
	line-height: 24px;
}
#design dl dd h2 {
	padding: 27px 0;
	color: #fff;
	line-height: 100%;
	font-weight: bold;
}
#about .lists .about_slide {
	width: 595px;
	height: 307px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#about .lists .about_slide .box {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#about .lists .about_slide .about-slide-pagination {
	text-align: left;
}
#about .lists .about_slide>.swiper-pagination-bullets {
	left: 0;
	top: -25px;
	bottom: auto;
	position: absolute;
}
#about .lists .about_slide>.swiper-pagination-bullets span {
	margin-right: 10px;
	width: 11px;
	height: 11px;
}
#about .lists .about_slide>.swiper-pagination-bullets span.swiper-pagination-bullet-active {
	background-color: #0156a5;
}
#industry {
	background-color: #fbfbfb;
}
#industry h1 {
	font-size: 30px;
	color: #333;
	text-transform: uppercase;
	height: 147px;
	line-height: 147px;
	text-align: center;
}
#industry .lists {
	overflow: hidden;
}
#industry .lists ul {
	margin-right: -13px;
}
#industry .lists li {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	margin-right: -3px;
	margin-bottom: 24px;
}
#industry .lists li a {
	display: block;
	margin-right: 13px;
	background-color: #fff;
}
#industry .lists li a .img {
	overflow: hidden;
	position: relative;
}
#industry .lists li a img {
	width: 100%;
	transition: all .5s;
}
#industry .lists li a:hover img {
	transform: scale(1.1);
}
#industry .lists li a p {
	line-height: 70px;
	text-align: center;
	font-size: 15px;
	position: relative;
}
#industry .lists li a p font {
	position: relative;
	z-index: 99;
}
#industry .lists li a:hover p font {
	color: #fff;
}
#industry .lists li a p:before, #industry .lists li a p:after, #industry .lists li a p span:before, #industry .lists li a p span:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #0156a5;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
#industry .lists li a p:after, #industry .lists li a p span:before {
	left: auto;
	right: 0;
}
#industry .lists li a p span:before, #industry .lists li a p span:after {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
#industry .lists li a:hover p:before, #industry .lists li a:hover p:after, #industry .lists li a:hover p span:before, #industry .lists li a:hover p span:after {
	width: 100%;
}
#industry .lists .more {
	display: block;
	text-align: center;
	height: 70px;
	line-height: 70px;
	text-transform: uppercase;
	font-size: 18px;
	color: #333;
}
/* ---------------------------------------------   内页样式   ------------------------------------------------ */

#page-slide {
	height: 460px;
	overflow: hidden;
}
/* ---------------------------------------------   内页子菜单   ------------------------------------------------ */
.nav-box {
	line-height: 70px;
	height: 70px;
	border-bottom: solid 1px #f4f4f4;
	background-color: #fff;
}
.nav-box h1 {
	float: left;
	color: #0156a5;
	position: relative;
	text-indent: 15px;
	text-transform: uppercase;
}
.nav-box h1:before {
	content: '';
	position: absolute;
	left: 0;
	width: 4px;
	height: 15px;
	background-color: #0156a5;
	top: 0;
	bottom: 0;
	margin: auto;
	text-indent: 20px;
}
.nav-box ul {
	float: right;
}
.nav-box ul li {
	float: left;
	font-weight: normal;
}
.nav-box ul li.current {
	border-bottom: solid 3px #028cd5;
	height: 70px;
}
.nav-box ul li a {
	padding: 0 18px;
	font-size: 14px;
	color: #666;
	display: block;
}
.nav-box ul li.current a {
	color: #028cd5;
}
.nav-box ul li a:hover {
	color: #028cd5;
}
.detail table, td, th {
	border: solid 1px #eee;
}
td, th {
	padding: 10px;
}
.container {
	padding: 40px 0;
	overflow: hidden;
}
.container .about {
	overflow: hidden;
	font-size: 14px;
	color: #666;
	line-height: 35px;
}
.container .about #about-pic {
	float: right;
	margin-left: 30px;
	margin-top: 10px;
}
.child {
	border-top: solid 1px #f1f1f1;
	padding: 40px 0 85px;
	overflow: hidden;
	background: url(../images/about-child-bg.gif) repeat-x left bottom;
}
.child .w {
	overflow: hidden;
}
.child .swiper-slide {
	position: relative;
}
.child .swiper-slide .img {
	overflow: hidden;
	width: 100%;
}
.child .swiper-slide img {
	width: 100%;
	transition: all .35s
}
.child .swiper-slide a:hover img {
	transform: scale(1.1);
}
.child .swiper-slide .text {
	height: 65px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(25,142,206,.85);
	color: #fff;
	font-size: 18px;
	transition: all .35s;
	padding: 20px;
}
.child .swiper-slide .text i {
	background: url(../images/about-child-icon.png) no-repeat;
	position: absolute;
	right: 5%;
	top: 33px;
	width: 18px;
	height: 10px;
	display: block;
}
.child .swiper-slide .text p {
	font-size: 12px;
	line-height: 24px;
	margin-top: 15px;
	transition: all .35s;
	opacity: 0;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.child .swiper-slide a:hover .text p {
	opacity: 1;
}
.child .swiper-slide a:hover .text {
	height: 140px;
}
.list-faq {
	width: 900px;
	float: right;
}
.list-faq ul {
	margin-bottom: 40px;
}
.list-faq ul li {
	margin-bottom: 30px;
	color: #999;
	border-bottom: dashed 1px #ddd;
	padding-bottom: 30px;
}
.list-faq ul li a {
	color: #666;
	font-size: 14px;
	line-height: 28px;
}
.list-faq ul li h2 {
	font-size: 16px;
	color: #333;
	line-height: 100%;
	margin-bottom: 10px;
}
.list-faq ul li a:hover h2 {
	color: #0154a4;
	text-decoration: underline;
}
/* ---------------------------------------------   内页关于我们   ------------------------------------------------ */


.page .group {
	padding: 4.8% 0 6.5%;
	background: #f5f5f5;
	font-size: 14px;
	line-height: 2;
	color: #777;
	text-align: center;
}
.page .group .detail {
	width: 82.5%;
	padding-top: 3%;
	margin: 0 auto;
}
.page .group .detail h2 {
	font-size: 20px;
	line-height: 2;
	color: #000;
	margin-bottom: 7px;
}
.page .group .detail a {
	display: inline-block;
	width: 136px;
	border: 1px solid #035cac;
	background: #035cac;
	margin-top: 4.6%;
	font-size: 14px;
	line-height: 38px;
	color: #fff;
	transition: all 0.5s;
	margin-bottom: 10px;
}
.page .group .detail a:hover {
	background: #f5f5f5;
	color: #035cac;
}
.page .title {
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	color: #035cac;
	text-transform: uppercase;
	position: relative;
}
.page .title span {
	position: relative;
	display: inline-block;
	padding: 0 35px;
	line-height: 36px;
}
.page .title span:before, .page .title span:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 17.5px;
	width: 27px;
	height: 1px;
	background: #c8c8c8;
}
.page .title span:before {
	left: 0;
}
.page .title span:after {
	right: 0;
}
.contact {
	padding: 6% 0;
	overflow: hidden;
}
.contact .title {
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	color: #035cac;
	text-transform: uppercase;
	position: relative;
}
.contact .title span {
	position: relative;
	display: inline-block;
	padding: 0 35px;
	line-height: 36px;
}
.contact .title span:before, .contact .title span:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 17.5px;
	width: 27px;
	height: 1px;
	background: #c8c8c8;
}
.contact .title span:before {
	left: 0;
}
.contact .title span:after {
	right: 0;
}
.contact .top {
	font-size: 0;
	border-bottom: solid 1px #eee;
	padding-bottom: 4%;
	margin-bottom: 4%;
	padding-top: 5%;
}
.contact .top div {
	display: inline-block;
	width: 33.33%;
	position: relative;
	padding-left: 100px;
}
.contact .top div i {
	font-size: 50px;
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 80px;
	border: solid 1px #0156a5;
	border-radius: 50%;
	text-align: center;
	line-height: 80px;
	bottom: 0;
	margin: auto;
	color: #0156a5;
}
.contact .top div h5 {
	font-size: 20px;
	color: #444;/* font-weight: bold; */
	padding-bottom: 10px;
	line-height: 100%;
}
.contact .top div p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.contact .top div p span {
	color: #0156a5;
}
.ovh {
	overflow: hidden;
}
.por {
	position: relative;
}
.poa {
	position: absolute;
}
.page .white.title {
	color: #fff;
}
.page .white.title span:before, .page .white.title span:after {
	background: #fff;
	opacity: 0.8;
}
.page1 {
	padding: 3% 0;
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.page .history {
	padding: 4.6% 0 3%;
	background: url(../images/bg_bg03.jpg) no-repeat center center fixed;
	background-size: cover;
}
.page .history .line {
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
	background: #fff;
	margin-top: -1px;
}
.page .history .in {
	background: url(../images/bg_line01.png) repeat-x center;
	height: 514px;
	margin-top: 20px;
}
.page .history .list-box {
	width: 1040px;
	height: 612px;
	margin-left: 100px;
}
.page .history .list-box ul {
	height: 612px;
}
.page .history .list-box li {
	position: absolute;
	bottom: 355px;
	width: 220px;
	min-height: 176px;
	padding-left: 32px;
	background: url(../images/bg_line02.png) no-repeat left top;
	font-size: 13px;
	line-height: 20px;
	color: #cee5fa;
}
.page .history .list-box li h2 {
	font-size: 36px;
	line-height: 50px;
	color: #fff;
}
.page .history .list-box li.cur h2 {
	font-weight: bold;
	font-size: 46px;
	line-height: 60px;
}
.page .history .list-box li img {
	display: block;
	max-width: 100%;
	margin: 18px 0;
}
.page .history .list-box li:nth-child(2n) {
	bottom: auto;
	top: 258px;
	padding-top: 42px;
	background: url(../images/bg_line03.png) no-repeat left -79px;
}
.page .history .list-box li:nth-child(2) {
	left: 120px;
}
.page .history .list-box li:nth-child(3) {
	left: 330px;
}
.page .history .list-box li:nth-child(4) {
	left: 450px;
}
.page .history .list-box li:nth-child(5) {
	left: 660px;
}
.page .history .list-box li:nth-child(6) {
	left: 780px;
}
.page .history .btn {
	top: 50%;
	width: 37px;
	height: 37px;
	margin-top: -18.5px;
	cursor: pointer;
}
.page .history .btn.prev {
	left: 0;
	background: url(../images/prev01.png) no-repeat #035cac;
}
.page .history .btn.next {
	right: 0;
	background: url(../images/next01.png) no-repeat #035cac;
}
.page .honor, .duty-wrap .honor {
	padding: 3.3% 0 4.3%;
	background-color: #fff;
}
.page .honor {
}
.page .honor.bggray, .duty-wrap .honor.bggray {
	background: #f5f5f5;
}
.page .honor .tips, .duty-wrap .honor .tips {
	font-size: 14px;
	line-height: 2;
	color: #666;
	text-align: center;
}
.page .honor .list, .duty-wrap .honor .list {
	margin-top: 5%;
}
.page .honor li, .duty-wrap .honor li {
	position: relative;
	overflow: hidden;
	padding-bottom: 5.5%;
}
.page .honor li a {
	display: block;
}
.page .honor li img, .duty-wrap .honor li img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	box-reflect: below 0 -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.2) 94%, rgba(255, 255, 255, 0.4) 96%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0.8) 100%);
}
.page .honor .btn, .duty-wrap .honor .btn {
	text-align: center;
}
.page .honor .btn a, .duty-wrap .honor .btn a {
	display: inline-block;
	width: 136px;
	background: #035cac;
	border: 1px solid #035cac;
	font-size: 14px;
	line-height: 38px;
	color: #fff;
	transition: all 0.5s;
}
.page .honor .btn a:hover, .duty-wrap .honor .btn a:hover {
	background: none;
	color: #035cac;
}
.page .mission, .duty-wrap .mission {
	padding: 5.2% 0 7.8%;
	background: url(../images/bg_bg05.jpg) no-repeat center bottom fixed;
	background-size: cover;
}
.page .mission .scroll-box, .duty-wrap .mission .scroll-box {
	width: 73.5%;
	height: 148px;
	margin: 4.4% auto 1.8%;
	font-size: 14px;
	line-height: 26px;
	color: #666;
	text-align: center;
}
.page .mission .scroll-box .scroll, .duty-wrap .mission .scroll-box .scroll {
	left: 0;
	top: 0;
	width: 100%;
}
.page .mission .scroll-box h2, .duty-wrap .mission .scroll-box h2 {
	margin-bottom: 4px;
	font-size: 20px;
	line-height: 2;
	color: #000;
}
.page .mission .btns, .duty-wrap .mission .btns {
	height: 29px;
	text-align: center;
}
.page .mission .btns span, .duty-wrap .mission .btns span {
	display: inline-block;
	width: 29px;
	height: 29px;
	background: url(../images/prev02.png) no-repeat;
	margin: 0 8px;
	cursor: pointer;
}
.page .mission .btns span.down, .duty-wrap .mission .btns span.down {
	background-image: url(../images/next02.png);
}
.page .mission .scroll-box, .duty-wrap .mission .scroll-box {
	width: 73.5%;
	height: 148px;
	margin: 4.4% auto 1.8%;
	font-size: 14px;
	line-height: 26px;
	color: #666;
	text-align: center;
}
.container .news {
}
.container .news dl {
	overflow: hidden;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e5e5e5;
}
.container .news dl dt {
	width: 362px;
	float: left;
}
.container .news dl dt img {
	width: 100%;
}
.container .news dl dd {
	width: 900px;
	float: right;
}
.container .news dl a {
	color: #999;
	font-size: 14px;
}
.container .news dl a dd h2 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	margin-bottom: 15px;
}
.container .news dl a:hover dd h2 {
	color: #0156a5;
}
.container .news dl a dd .date {
	margin-top: 20px;
}
.container .news dl a dd .date i {
	margin-right: 10px;
}
.tags {
}
.tags dl {
	overflow: hidden;
	margin-bottom: 45px;
}
.tags dl dt {
	width: 28%;
	float: left;
}
.tags dl dt img {
	width: 100%;
	border: solid 1px #ddd;
}
.tags dl dd {
	width: 70%;
	float: right;
}
.tags dl a {
	color: #999;
	font-size: 14px;
}
.tags dl a dd h2 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	margin-bottom: 15px;
}
.tags dl a:hover dd h2 {
	color: #0156a5;
}
.tags dl a dd .date {
	margin-top: 40px;
}
.tags dl a dd .date i {
	margin-right: 10px;
}
.newsDetail {
}
.newsDetail h1.t {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
}
.newsDetail .time {
	text-align: center;
	color: #999;
	margin-bottom: 20px;
	border-bottom: solid 1px #eee;
	padding-bottom: 20px;
	margin-top: 10px;
}
.newsDetail .content {
	line-height: 28px;
	color: #666;
	font-size: 14px;
}
.newsDetail .content img {
	max-width: 100%;
}
.caseDetail {
}
.caseDetail h1.t {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
}
.caseDetail .time {
	text-align: center;
	color: #999;
	margin-bottom: 20px;
	border-bottom: solid 1px #eee;
	padding-bottom: 20px;
	margin-top: 10px;
}
.caseDetail .content {
	line-height: 28px;
	color: #666;
	font-size: 14px;
}
.caseDetail .content img {
	max-width: 100%;
	display: block;
	margin: 0 auto 20px;
}
.factory {
	overflow: hidden;
	width: 100%;
	padding-bottom: 20px;
}
.factory ul {
	margin-right: -20px;
	font-size: 0;
}
.factory li a {
	margin-right: 20px;
	display: block;
}
.factory li {
	width: 25%;
	vertical-align: top;
	display: inline-block;
}
.factory li img {
	width: 100%;
}
.factory li h2 {
	overflow: hidden;
	text-align: center;
	font-weight: normal;
	line-height: 36px;
	margin-bottom: 20px;
	font-size: 12px;
}
.pat {
	overflow: hidden;
	width: 100%;
	padding-bottom: 20px;
}
.pat ul {
	margin-right: -30px;
	font-size: 0;
}
.pat li a {
	margin-right: 30px;
	display: block;
}
.pat li {
	width: 25%;
	vertical-align: top;
	display: inline-block;
}
.pat li img {
	width: 100%;
	border: solid 1px #ddd;
}
.pat li h2 {
	overflow: hidden;
	text-align: center;
	font-weight: normal;
	line-height: 36px;
	margin-bottom: 20px;
	font-size: 12px;
}
.page-adv dl {
	overflow: hidden;
	margin-bottom: 30px;
	transition: all .5s
}
.page-adv dl:hover {
	box-shadow: 0 0 15px rgba(0,0,0,.1)
}
.page-adv dl dt {
	width: 50%;
	float: left;
	overflow: hidden;
}
.page-adv dl dt img {
	width: 100%;
	transition: all .5s
}
.page-adv dl a:hover dt img {
	transform: scale(1.1);
}
.page-adv dl dd {
	width: 50%;
	float: left;
	padding: 5% 4%;
	height: 100%;
	background-color: #fff;
	height: 401px;
	font-size: 15px;
	line-height: 30px;
	color: #666;
}
.page-adv dl dd h1 {
	font-size: 36px;
	margin-bottom: 20px;
	color: #333;
}
.page-adv dl dd h3 {
	font-size: 20px;
	color: #333;
	margin-bottom: 30px;
}
.page-adv dl dd span {
	display: block;
	margin-top: 30px;
	width: 120px;
	line-height: 40px;
	border: solid 2px #0156a5;
	color: #0156a5;
	text-align: center;
}
.page-adv dl.r dt {
	float: right;
}
.honor {
	overflow: hidden;
	width: 100%;
	padding-bottom: 20px;
}
.honor ul {
	margin-right: -30px;
	font-size: 0;
}
.honor li a {
	margin-right: 30px;
	display: block;
}
.honor li {
	width: 25%;
	vertical-align: top;
	display: inline-block;
	margin-bottom: 0;
}
.honor li .img {
	border: solid 1px #eee;
	padding: 3px;
}
.honor li img {
	width: 100%;
	border: solid 1px #eee;
	padding: 3px;
}
.honor li a h2 {
	overflow: hidden;
	text-align: center;
	font-weight: normal;
	margin-bottom: 20px;
	font-size: 12px;
	padding: 10px 0;
}
#page-product {
	overflow: hidden;
	width: 100%;
	margin-top:30px;
}
#page-product .list {
	width: 900px;
	float: right;
}
#page-product .ul {
	font-size: 0;
	overflow: hidden;
	margin-right: -30px;
	padding-bottom: 10px;
}
#page-product .ul h2 {
	font-size: 15px;
	margin-bottom: 20px;
}
#page-product .p {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	margin-bottom: 30px;
}
#page-product .p img {
	width: 100%;
	border-bottom: solid 1px #eee;
	transition: all .3s;
}
#page-product .p a {
	display: block;
	margin-right: 30px;
	border: solid 1px #eee;
	transition: all .3s;
}
#page-product .p a:hover {
	border: solid 1px #ccc;
}
#page-product .p a:hover img {
	border-bottom: solid 1px #ccc;
}
#page-product .p a .text {
	padding: 10px 25px;
	text-align: center;
	color: #888;
	line-height: 20px;
	font-size: 12px;
}
#page-product .p a .text h2 {
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
	color: #333;
	font-size: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#page-product .p a:hover .text h2 {
	color: #007aff;
}
#page-product .p a .text h2:after {
	content: '';
	background-color: #d0d0d0;
	height: 1px;
	width: 33px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#page-product #pro-slide {
	position: relative;
	border: solid 1px #e5e5e5;
	margin-bottom: 20px;
}
#Product .list {
	position: relative;
	float: right;
	width: 900px;
}
#page-product #pro-slide h1 {
	font-size: 20px;
	font-weight: bold;
	color: #0154a4;
	margin-bottom: 20px;
}
#page-product #pro-slide h1 a {
	float: right;
	font-size: 12px;
	color: #666;
	font-weight: normal;
}
#page-product #pro-slide h1 span {
	color: #999;
	font-size: 12px;
	font-weight: normal;
}
#page-product #pro-slide .box {
	overflow: hidden;
}
#page-product #pro-slide .swiper-slide img {
	width: 100%;
}
#page-product #pro-slide .swiper-slide a {
	display: block;
	width: 100%;
}
#page-product #pro-slide .swiper-slide a .text {
	color: #888;
	line-height: 20px;
	position: absolute;
	top: 73px;
	left: 120px;
}
#page-product #pro-slide .swiper-slide a .text h2 {
	position: relative;
	margin-bottom: 15px;
	color: #333;
	font-size: 18px;
	color: #0154a4;
}
#page-product #pro-slide .swiper-slide a:hover .text h2 {
	color: #007aff;
}
#page-product #pro-slide .swiper-slide a .text h2:after {
	content: '';
	background-color: #d0d0d0;
	height: 1px;
	width: 33px;
	display: block;
	margin-top: 22px;
}
#page-product #pro-slide .swiper-slide a .text h6 {
	margin-bottom: 28px;
	color: #4f4d4d;
	font-size: 14px;
}
#page-product #pro-slide .swiper-slide a .text .des {
	color: #888;
	line-height: 30px;
}
#page-product #pro-slide .swiper-slide a .text span {
	width: 120px;
	height: 40px;
	line-height: 38px;
	border: solid 1px #8a8a8a;
	display: block;
	margin-top: 50px;
	text-align: center;
	color: #333;
}
#page-product #pro-slide .swiper-slide a:hover .text span {
	background-color: #0154a4;
	border: solid 1px #0154a4;
	color: #fff;
}
#page-product #pro-slide .featured-button-prev, #page-product #pro-slide .featured-button-next {
	background: url(../images/featured-btn.png) no-repeat;
	width: 17px;
	height: 28px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 9999;
	display: block;
}
#page-product #pro-slide .featured-button-prev {
	left: 23px;
}
#page-product #pro-slide .featured-button-next {
	right: 23px;
	background-position: -54px 0
}
#page-product .cate {
	width: 268px;
	float: left;
}
#page-product .cate .tt {
	background: url(../images/cate-icon.png) no-repeat 30px center #0154a4;
	height: 100px;
	color: #fff;
	padding-left: 85px;
	padding-top: 24px;
	line-height: 18px;
	font-size: 16px;
	color: #cbd6e6;
}
#page-product .cate .tt h1 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 8px;
	line-height: 100%;
	color: #fff;
}
#page-product .cate .l {
	border-right: solid 1px #e5e5e5;
	border-left: solid 1px #e5e5e5;
}
#page-product .cate .l ul {
}
#page-product .cate .l ul li.level {
	line-height: 63px;
	border-bottom: solid 1px #e5e5e5;
}
#page-product .cate .l ul li.level a {
	display: block;
	background: url(../images/cate-icon1.png) no-repeat 12px center;
	padding-left: 40px;
	font-size: 16px;
}
#page-product .cate .l ul li.level.cur {
	background-color: #fdfdfd;
}
#page-product .cate .l ul li.level.cur a {
	background: url(../images/cate-icon2.png) no-repeat 32px center;
	color: #0156a5;
}
#page-product .cate .l ul li.level ul {
	padding-bottom: 20px;
}
#page-product .cate .l ul li.level ul li {
	line-height: 26px;
}
#page-product .cate .l ul li.level ul li a {
	color: #666;
	font-size: 12px;
	background: url(../images/cate-icon3.png) no-repeat 64px center;
	padding-left: 82px;
}
#page-product .cate .l ul li.level.cur ul li a {
	color: #666;
	font-size: 12px;
	background: url(../images/cate-icon3.png) no-repeat 64px center;
	padding-left: 82px;
}
#page-product .cate .l ul li.level ul li a:hover {
	color: #0156a5;
}
#page-product .cact {
	background: url(../images/case-bg.jpg) no-repeat;
	height: 288px;
	border: solid 1px #e5e5e5;
	position: relative;
	border-top: none
}
#page-product .cact .text {
	position: absolute;
	top: 115px;
	left: 99px;
	color: #999;
	font-size: 12px;
}
#page-product .cact .text h3 {
	color: #0154a4;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
#page-product .cact .text h2 {
	color: #0154a4;
	font-size: 20px;
}
.page-xz {
	padding: 40px 0;
}
.page-xz .ul {
	font-size: 0;
	overflow: hidden;
	margin-right: -30px;
	padding-bottom: 60px;
}
.page-xz .p {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	margin-bottom: 30px;
}
.page-xz .p img {
	width: 100%;
	border-bottom: solid 1px #eee;
	transition: all .3s;
}
.page-xz .p a {
	display: block;
	margin-right: 30px;
	border: solid 1px #eee;
	transition: all .3s;
}
.page-xz .p a:hover {
	border: solid 1px #ccc;
}
.page-xz .p a:hover img {
	border-bottom: solid 1px #ccc;
}
.page-xz .p a .text {
	padding: 30px 25px;
	text-align: center;
	color: #888;
	line-height: 20px;
	font-size: 12px;
}
.page-xz .p a .text h2 {
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
	color: #333;
	font-size: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.page-xz .p a:hover .text h2 {
	color: #007aff;
}
.page-xz .p a .text h2:after {
	content: '';
	background-color: #d0d0d0;
	height: 1px;
	width: 33px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.products-tips {
}
.products-img {
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}
.products-img .img {
}
.products-img .img .mask {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	color: #fff;
	margin-left: -10px;
	margin-top: -10px;
}
.products-img .img .mask span {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: red;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	border-radius: 50%;
	animation: diandian 1s infinite linear 1s;
	line-height: 16px;
	border: solid 2px rgba(255,255,255,.9);
}
.products-img .img .desc {
	padding: 5% 5%;
	position: absolute;
	font-size: 12px;
	width: 900px;
	text-align: left;
	left: -110px;
	font-weight: normal;
	line-height: 24px;
	z-index: 999;
	display: none;
	color: #bcbcbc;
	border-radius: 4px;
	background-color: rgba(0,0,0,.9);
	margin: auto;
	top: 25%;
	right: 5%;
	bottom: 25%;
	left: 5%;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.products-img .img .mask .tooltip-arrow {
	left: 50%;
	margin-left: -10px;/* border:8px solid transparent;    border-top-color:rgba(0,0,0,.8);*/
}
.products-img .img .mask .tooltip-arrow.up {
	border-width: 10px 10px 0;
	border-top-color: rgba(0,0,0,.8);
	display: block;
	bottom: 20px;
}
.products-img .img .mask .tooltip-arrow.down {
	border-width: 0 10px 10px 10px;
	border-bottom-color: rgba(0,0,0,.8);
	display: block;
	top: 20px;
}
.products-img .img .desc h2 {
	font-size: 15px;
	margin-bottom: 15px;
	line-height: 100%;
	color: #fff;
}
.products-img .img img {
	width: 100%;
}
.products-img .img .desc img {
	margin-bottom: 10px;
	width: 50%;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
}
.products-img .img .desc .text {
	display: inline-block;
	vertical-align: top;
	width: 47%;
}
 @keyframes diandian {
from {
opacity: 0;
}
to {
	opacity: 1;
}
}
.products-info {
	width: 100%;
	float: left;
	background-color: #f9f9f9;
	padding: 3%;
	margin-bottom: 20px;
}
.products-info .tit {
	font-size: 24px;
	margin-bottom: 20px;
	line-height: 100%;
}
.products-info .tips {
	line-height: 26px;
	color: #666;
	font-size: 14px;
	line-height: 30px;
}
.products-info .tips h3 {
	font-weight: bold;
	font-size: 18px;
	color: #333;
	padding: 10px 0;
}
.products-info .tips p {
	padding-top: 15px;
	margin-top: 15px;
}
.products-info .tips p b {
	font-size: 22px;
	color: #0156a5;
}
.download {
}
.download ul {
	margin-right: -30px;
}
.download li {
	width: 20%;
	display: inline-block;
	vertical-align: top;
}
.download li .b {
	margin-right: 30px;
	border: solid 1px #eee;
}
.download li img {
	width: 100%;
	padding: 4px;
	border-bottom: solid 1px #eee;
}
.download li .text {
	text-align: center;
	padding: 20px 0;
}
.download li .text h2 {
	margin-bottom: 10px;
}
.down {
	overflow: hidden;
	width: 100%;
}
.down ul {
	width: 100%;
}
.down ul li {
	line-height: 36px;
	color: #666;
	position: relative;
	margin-bottom: 20px;
	width: 100%;
	border-bottom: solid 1px #ddd;
	padding-bottom: 30px;
}
.down ul li h3 {
	color: #333;
	font-size: 16px;
}
.down ul li .down-btn {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 92px;
	font-size: 18px;
	background: url(../images/down.png) no-repeat 25px center;
	text-indent: 50px;
}
.down ul li .down-btn:hover {
	background-color: #fff;
}
.page-case {
	font-size: 0;
}
.page-case ul {
	margin-right: -20px;
	margin-bottom: 40px;
	overflow: hidden;
}
.page-case li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin-bottom: 20px;
}
.page-case li a {
	display: block;
	margin-right: 20px;
}
.page-case li a .img {
	background-color: #fafafa;
}
.page-case li a img {
	width: 100%;
}
.page-case li h2 {
	font-size: 14px;
	padding: 10px 0;
}
.gallery-top {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	display: none;
}
.gallery-top .swiper-slide {
	width: 100%;
}
.gallery-top .swiper-slide img {
	width: 100%;
}
.mob-img {
	width: 100%;
	overflow: hidden;
	display: none;
}
.mob-img .swiper-slide {
	width: 20%;
}
.mob-img .swiper-slide-active {
	border: solid 3px #eee;
}
.mob-img img {
	width: 100%;
}
.pro-title {
	padding: 0 0 15px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: normal;
}
.detail {
	overflow: hidden;
	line-height: 28px;
	font-size: 14px;
}
.detail img {
	max-width: 100%;
}
.diog-bg {
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	display: none;
}
.diogBox {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	left: 0;
	top: 0;
	display: none;
}
.diogBox .swiper-slide {
	position: relative;
}
.diogBox img {
	max-width: 30%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.diogBox .swiper-pagination-bullet {
	background-color: #fff;
}
.relation {
	overflow: hidden;
}
.relation h1 {
	font-weight: normal;
	color: #333;
	margin-bottom: 20px;
	font-size: 22px;
}
.relation .swiper-slide a {
	color: #999;
}
.relation .swiper-slide a h2 {
	color: #333;
	padding: 10px 0;
}
.relation .swiper-slide a:hover h2 {
	color: #0156a5;
}
.relation img {
	width: 100%;
	border: solid 1px #eee;
}
.relation ul {
}
.relation ul li {
	width: 33.3333%;
	float: left;
	line-height: 36px;
	font-size: 15px;
}
.contact .text {
	width: 45%;
	float: left;
}
.contact .text h2 {
	color: #333;
	font-weight: normal;
}
.contact .text h3 {
	color: #999;
	font-size: 12px;
	font-weight: normal;
	line-height: 30px;
	padding: 10px 0;
}
.contact .text ul {
}
.contact .text ul li {
	float: left;
	width: 50%;
	line-height: 36px;
	font-size: 14px;
	color: #666;
}
.contact .text ul li.add {
	width: 100%;
}
.contact .form {
	width: 50%;
	float: right;
}
.contact .form h1 {
	padding-left: 20px;
}
.contact .form h1 font {
	font-size: 12px;
	padding-left: 10px;
	color: #999;
}
.contact .form .line {
	width: 50%;
	float: left;
	padding-left: 20px;
}
.contact .form .line label {
	display: block;
	color: #666;
	font-size: 14px;
	line-height: 100%;
}
.contact .form .line input[type="text"] {
	background-color: #f6f6f6;
	border: none;
	border-radius: 3px;
	padding: 10px;
	width: 100%;
	margin: 10px 0;
}
.contact .form .lineTextArea {
	width: 100%;
}
.contact .form .lineTextArea textarea {
	background-color: #f6f6f6;
	border: none;
	border-radius: 3px;
	padding: 10px;
	width: 100%;
	margin-top: 10px;
}
.contact .form .subBox {
	padding-left: 20px;
}
.contact .form .subBox input[type="submit"] {
	margin-top: 30px;
	width: 87px;
	line-height: 32px;
	background-color: #0156a5;
	color: #fff;
	border: none;
}
.allmap {
	height: 600px;
	overflow: hidden;
	margin-top: 40px;
	border: solid 1px #ccc;
}
#allmap {
	height: 650px;
	width: 100%;
}
#pages {
	text-align: center;
	overflow: hidden;
	font-size: 0
}
#pages span, #pages a {
	border: solid 1px #eee;
	padding: 10px 20px;
	color: #666;
	font-size: 12px;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
}
#pages span.cur {
	background-color: #0156a5;
	color: #fff;
	border: solid 1px #0156a5;
}
.pagelinks {
	padding: 15px 0;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	margin: 15px 0;
}
.top-level-news .slide-new {
	background-color: #fff;
	padding: 3%;
	position: relative;
	margin-bottom: 20px;
}
.top-level-news .slide-new h1 {
	font-size: 30px;
	margin-bottom: 30px;
}
.top-level-news .slide-new h1 font {
	font-size: 18px;
	color: #999;
}
.top-level-news .slide-new h1 a {
	float: right;
	display: inline-block;
	width: 76px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	background-color: #0156a5;
	font-size: 12px;
	text-align: center;
	position: absolute;
	top: 40px;
	right: 0;
	border-bottom-left-radius: 12px;
	border-top-left-radius: 12px;
}
.top-level-news .slide-new .list {
	overflow: hidden;
	position: relative;
}
.top-level-news .slide-new dl {
}
.top-level-news .slide-new dl dt {
	float: left;
	width: 40%;
}
.top-level-news .slide-new dl dt img {
	width: 100%;
}
.top-level-news .slide-new dl dd {
	width: 56%;
	float: right;
	line-height: 26px;
	color: #666;
	font-size: 14px;
}
.top-level-news .slide-new dl dd h2 {
	font-size: 20px;
	line-height: 100%;
	color: #333;
	margin-bottom: 30px;
}
.top-level-news .slide-new dl a:hover dd h2 {
	color: #0156a5;
	text-decoration: underline;
}
.top-level-news .slide-new dl dd span {
	display: block;
	width: 120px;
	height: 40px;
	line-height: 38px;
	border: solid 1px #0156a5;
	color: #0156a5;
	text-align: center;
	margin-top: 50px;
}
.top-level-news .slide-new dl a:hover dd span {
	background-color: #0156a5;
	color: #fff;
}
.slide-new .swiper-container-horizontal>.swiper-pagination-bullets {
	text-align: right
}
.top-level-news .top-level-new-list {
	margin-bottom: 20px;
	overflow: hidden;
}
.top-level-news .top-level-new-list .new-list-left {
	background-color: #fff;
	width: 68%;
	float: left;
	padding: 3%;
	position: relative;
	height: 548px;
}
.top-level-news .top-level-new-list .new-list-left h1 {
	font-size: 25px;
	margin-bottom: 30px;
}
.top-level-news .top-level-new-list .new-list-left h1 font {
	font-size: 18px;
	color: #999;
}
.top-level-news .top-level-new-list .new-list-left h1 a {
	float: right;
	display: inline-block;
	width: 76px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	background-color: #0156a5;
	font-size: 12px;
	text-align: center;
	position: absolute;
	top: 40px;
	right: 0;
	border-bottom-left-radius: 12px;
	border-top-left-radius: 12px;
}
.top-level-news .top-level-new-list .new-list-left .list {
}
.top-level-news .top-level-new-list .new-list-left .list dl {
	position: relative;
	padding-left: 70px;
	display: block;
	margin-bottom: 30px;
}
.top-level-news .top-level-new-list .new-list-left .list dl dt {
	position: absolute;
	width: 50px;
	height: 30px;
	display: inline-block;
	background-color: #0156a5;
	color: #fff;
	text-align: center;
	line-height: 30px;
	left: 0;
	top: 0;
	font-size: 14px;
	border-radius: 3px;
}
.top-level-news .top-level-new-list .new-list-left .list dl dd {
	color: #666;
	line-height: 24px;
	font-size: 15px;
}
.top-level-news .top-level-new-list .new-list-left .list dl dd h2 {
	font-size: 22px;
	color: #333;
	line-height: 100%;
	margin-bottom: 30px;
}
.top-level-news .top-level-new-list .new-list-left .list dl a:hover dd h2 {
	color: #0156a5;
	text-decoration: underline;
}
.top-level-news .top-level-new-list .new-list-left .list ul {
	border-left: solid 1px #ddd;
	padding-left: 20px;
}
.top-level-news .top-level-new-list .new-list-left .list ul li {
	line-height: 45px;
	border-bottom: dashed 1px #eee;
	font-size: 14px;
	position: relative;
}
.top-level-news .top-level-new-list .new-list-left .list ul li span {
	float: right;
	color: #999;
}
.top-level-news .top-level-new-list .new-list-left .list ul li i {
	content: '';
	position: absolute;
	left: -20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 8px;
	background-color: #ddd;
	border-radius: 50%;
	margin-left: -4px;
}
.top-level-news .top-level-new-list .new-list-left .list ul li a:hover {
	text-decoration: underline;
}
.top-level-news .top-level-new-list .new-list-right {
	background-color: #fff;
	width: 30%;
	float: right;
	padding: 3%;
	position: relative;
	height: 548px;
}
.top-level-news .top-level-new-list .new-list-right h1 {
	font-size: 25px;
	margin-bottom: 30px;
}
.top-level-news .top-level-new-list .new-list-right h1 font {
	font-size: 18px;
	color: #999;
}
.top-level-news .top-level-new-list .new-list-right h1 a {
	float: right;
	display: inline-block;
	width: 76px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	background-color: #0156a5;
	font-size: 12px;
	text-align: center;
	position: absolute;
	top: 40px;
	right: 0;
	border-bottom-left-radius: 12px;
	border-top-left-radius: 12px;
}
.top-level-news .top-level-new-list .new-list-right .list {
}
.top-level-news .top-level-new-list .new-list-right .list dl {
	margin-bottom: 10px;
}
.top-level-news .top-level-new-list .new-list-right .list dl dt {
}
.top-level-news .top-level-new-list .new-list-right .list dl dt img {
	width: 100%;
}
.top-level-news .top-level-new-list .new-list-right .list dl dd {
	line-height: 22px;
	color: #999;
}
.top-level-news .top-level-new-list .new-list-right .list dl dd h2 {
	padding: 15px 0;
	text-align: center;
	line-height: 100%;
	color: #333;
}
.top-level-news .top-level-new-list .new-list-right .list dl a:hover dd h2 {
	color: #0156a5;
	text-decoration: underline;
}
.top-level-news .top-level-new-list .new-list-right .list ul {
}
.top-level-news .top-level-new-list .new-list-right .list ul li {
	line-height: 30px;
}
.top-level-news .top-level-new-list .new-list-right .list ul li:before {
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #ccc;
	border-radius: 50%;
	content: '';
	margin-right: 10px;
}
.top-level-news .top-level-new-list .new-list-right .list ul li a:hover {
	text-decoration: underline;
}
.top-level-news .top-level-new-case {
	background-color: #fff;
	padding: 3%;
	position: relative;
}
.top-level-news .top-level-new-case h1 {
	font-size: 30px;
	margin-bottom: 30px;
}
.top-level-news .top-level-new-case h1 font {
	font-size: 18px;
	color: #999;
}
.top-level-news .top-level-new-case h1 a {
	float: right;
	display: inline-block;
	width: 76px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	background-color: #0156a5;
	font-size: 12px;
	text-align: center;
	position: absolute;
	top: 40px;
	right: 0;
	border-bottom-left-radius: 12px;
	border-top-left-radius: 12px;
}
.top-level-news .top-level-new-case .list {
	font-size: 0;
}
.top-level-news .top-level-new-case .list ul {
	margin-right: -20px;
	overflow: hidden;
}
.top-level-news .top-level-new-case .list li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	font-size: 12px;
}
.top-level-news .top-level-new-case .list li a {
	display: block;
	margin-right: 20px;
	color: #999;
}
.top-level-news .top-level-new-case .list li a img {
	width: 100%;
}
.top-level-news .top-level-new-case .list li h2 {
	font-size: 14px;
	padding: 10px 0;
	color: #333;
}
.top-level-news .top-level-new-case .list li a:hover h2 {
	color: #0156a5
}
.sub_content {
	width: 900px;
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
	clear: both;
	background-color: #fff
}
.sub_content_right {
	width: 900px;
	height: auto;
	overflow: hidden;
	zoom: 1;
	float: right;
	margin-bottom: 15px;
}
.sub_content_right_top {
	width: 100%;
	border-bottom: 1px solid #cccccc;
}
.sub_content_right_top_top {
	width: 100%;
	height: 20px;
}
.sub_content_right_top_top a {
	text-decoration: none;
	color: #666666
}
.sub_content_right_top_top a:hover {
	color: #bf3131
}
.sub_content_right_top_below {
	width: 100%;
	height: 55px;
	font-size: 24px;
	color: #0154a4;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	line-height: 55px;
}
.sub_content_right_top_below span {
	font-size: 14px;
	color: #999999;
	padding-left: 10px;
}
.sub_content_right_below {
	padding-top: 10px;
	width: 100%;
	height: auto;
	overflow: hidden;
	zoom: 1;
}
.sub_content_right_below p {
	line-height: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	color: #666666
}
.mainPage {
	margin: 20px 0;
}
.mainPage ul {
	height: 32px;
	display: block;
	margin: 0 auto;
}
.mainPage ul li {
	float: left;
	display: inline;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	color: #000;
	margin: 0 5px;
	border: 1px solid #dedede;
}
.mainPage ul li a {
	color: #000;
}
.mainPage ul li.thisclass {
	background: #0154a1;
	border: 1px solid #218EC1;
	color: #fff;
}
.mainPage ul li.thisclass a {
	color: #fff;
}
/*分页*/
.pages {
  clear: both;
  margin: 30px 0;
  text-align: center;
  font-size: 12px;
}
.pages .nolink, .pages a {
  text-decoration: none;
  margin-left: 3px;
  padding: 8px;
  border: 1px solid #E5E5E5
}
.pages a:hover {
  text-decoration: none;
  border: 1px solid #1477b0;
  background: #1477b0;
  color: #FFF
}