/*头部*/
a:hover{color: #f9a31c;}
.header{ height: 100px; overflow: hidden;  }
.head-logo{float: left; display:block;}
.head-logo img{max-width: 100%;}
.header dl{ height: 100%; float: left; background: url(../images/line01.png) no-repeat left center; padding-left:20px; }
.header dl dt{color:#555; padding-top: 25px;}
.header dl dd{ color:#f9a31c;font-size:28px; font-weight: bold;}
.head-nav{float:right; padding-top: 30px;}
.head-nav a{display:inline-block; line-height: 40px; margin:0 15px;}
.navcur,.head-nav a:hover{color: #f9a31c; border-bottom: 4px solid #f9a31c;}

/*banner*/
#banner .swiper-pagination-bullet { opacity: 0.5;  height: 10px; width: 10px;}
#banner .swiper-pagination-bullet-active{background: #f0a327; opacity: 1;}

/*us*/
.ind-us{width: 990px; margin: 40px auto 25px;}
.ind-us>img{ display: block;float: left; }
.ind-us dl{float: right; width: 540px;}
.ind-us dt{font-size: 24px; font-weight: bold; color: #666; background-image: url(../images/icon01.png); background-repeat: no-repeat; background-position: left bottom; padding: 10px 0 20px 0; margin-bottom: 25px;}
.ind-us dd{line-height: 30px; text-align: justify;}

.us-slide{width: 990px; margin: 0 auto 40px; position: relative;}
.us-slide .swiper-button-prev{width:20px; height: 27px; position: absolute;top: 50%; left: -40px; background:url(../images/s-left.png) no-repeat left center; margin-top: -14px; outline: none; }
.us-slide .swiper-button-next{width: 20px; height: 27px; position: absolute;; top: 50%; right: -40px; background: url(../images/s-right.png) no-repeat right center; margin-top: -14px; outline: none;}
.us-slide .swiper-wrapper .swiper-slide{height: 120px;overflow: hidden; width: 230px !important; margin-right: 22px !important; border:1px solid #ddd;}

/*--- business     ---*/
#business{background: #f4f4f4; padding: 40px 0;}
#business .title{text-align: center; color: #454545; font-size: 26px; font-weight: 500;}
#business .title span{display: block;font-size: 20px; color: #999; font-weight: normal; background: url(../images/icon02.png) no-repeat center center; width: 572px; margin: 5px auto 50px;}
.business{}
.business .b-left{float: left;width: 260px; height: 485px; background: url(../images/bg_pro.jpg) no-repeat center top; background-size: cover;}
.b-left dt{padding: 35px 0 25px; background: url(../images/line02.png) no-repeat center bottom; margin-bottom: 25px; text-align: center;}
.b-left dd{padding: 0 15px;}
.b-left dd p{background-color: #fff; background-image: url(../images/icon04.png); background-repeat: no-repeat; background-position: 15px center; margin-bottom: 10px; line-height: 50px; color: #666; padding:0 15px 0 35px; }
.b-left dd a{display: block; }
.b-left dd p:hover,.b-left .bcur{background-color: #f0a327; background-image: url(../images/icon03.png);}
.b-left dd a:hover,.bcur a{color: #fff; background: url(../images/icon05.png) no-repeat right center;}
.b-right{float: right;width: 910px;}
.b-right li{float: left; margin:0  20px 15px 0; width: 290px; background: #fff;}
.b-right li:nth-child(3n){margin-right: 0;}
.b-right li a{display: block; border:1px solid #ccc; padding: 9px 9px 0;}
.b-right li span{display: block; height: 180px; overflow: hidden;}
.b-right li span img{width: 100%; min-height: 100%;}
.b-right li p{ text-align: center; color: #666; line-height: 44px; }

/*ban-ad*/
.ban-ad{background: url(../images/bg_ad.jpg) no-repeat center center; height: 180px; overflow: hidden;}
.ban-ad p{background: url(../images/tel.png) no-repeat left center; padding-left: 70px; margin:85px 0 0 50%; font-size: 20px; color: #fff; line-height: 30px; font-weight: bold;}

/***adv-box****/
.adv-box{width: 990px; margin: 30px auto;}
.adv-box dl{clear: both;overflow: hidden;}
.adv-tip dt{float: right;}
.adv-tip dd{ float: left;margin-top: 30px;}
.adv-tip dd div{ height: 60px; background-image: url(../images/adv01.png); background-repeat: no-repeat; background-position: left bottom; padding-left:60px;font-size: 24px; color: #f9a31c; font-weight: bold; line-height: 1; margin-bottom: 30px; }
.adv-tip dd div span{display: block; color: #ddd; font-size: 20px; font-weight: normal; margin-bottom: 10px;}
.adv-tip p{line-height: 30px; color: #666; background: url(../images/icon07.png) no-repeat 5px center; padding-left: 20px;}
.adv-one{background: url(../images/line03.png) no-repeat center bottom; padding-bottom: 60px;}
.adv-two{background: url(../images/line04.png) no-repeat center bottom; padding-bottom: 50px;}
.adv-two dt{float: left;}
.adv-two dd{margin: 40px 0 0 90px;}
.adv-three dt{ padding: 20px 70px 0 0; }
.adv-two dd div{background-image: url(../images/adv02.png);}
.adv-three dd div{background-image: url(../images/adv03.png);}
/***** news*******/
#news{background: #f6f6f6; padding: 40px 0;}
#news dl{background: #fff; width: 380px; padding:20px; float: left; margin-right: 15px;}
#news dl dt{border-bottom: 1px solid #ddd; line-height: 40px; }
#news dl dt span{display: inline-block; font-size: 18px; color: #444;}
#news dl dt a{display: inline-block; float: right; background: url(../images/icon06.png) no-repeat right center;width: 16px; height: 40px;}
#news dd{margin-top: 10px; height: 180px;}
#news dd a{display: block; background: url(../images/icon09.png) no-repeat left center; line-height: 30px; padding-left: 15px; color: #666;}
#news dd a:hover{color: #f9a31c;}
#news dd h2{font-size: 16px;}
#news dd p{line-height: 30px; margin-top:10px;}
#news .contact{width: 290px; margin: 0;}
.footer{background: #4d4d4d; text-align: center; color: #eee; line-height: 30px; padding: 25px 0;}
.footer span{display: inline-block; margin: 0 10px;}

/*list*/
.pagecon{margin-top: 20px;}
.page-left{float: left; width: 250px;}
.page-left dt{background-color: #4ea5ee;background-image: url(../images/bg_pro.jpg); background-repeat: no-repeat; background-position: center top; text-align: center; color: #fff;height: 80px;}
.page-left dt h1{font-size: 20px;text-shadow: 1px 1px 0 #f9a31c; padding-top: 20px;}
.page-left dt span{display: block; font-size:12px; line-height:30px;}
.page-nav{ padding: 0 10px; border: 1px solid #ddd; border-top: none; overflow: hidden; }
.page-nav a{display: block; line-height: 44px; margin: 8px 0; background-color: #f2f2f2; background-image: url(../images/icon04.png); background-repeat: no-repeat; background-position: 12px center; padding-left: 30px; -webkit-transition:0.2s;-o-transition:0.2s; transition: 0.2s;}
.page-nav .soncur,.page-nav a:hover{color: #fff;  background-image: url(../images/icon03.png); background-color: #f9a31c;}
.page-us{margin-top:10px; padding-bottom: 15px; background: #f4f4f4;}
.page-us>img{width: 100%;}
.page-us span{display:block;color: #333; line-height: 34px; padding:10px 10px 0;}
.page-us p{ padding:0 10px; }
.page-right{width: 890px;padding: 20px 20px; float: right; background-color: #f8f8f8;  min-height: 730px;}
.right-tit{ clear: both; overflow: hidden; padding-bottom: 10px;margin-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
.right-tit h1{ float:left;font-size: 20px; border-left: 5px solid #4ea5ee; padding-left: 10px;}
.right-tit p{float: right;}
.right-tit p a{color: #888;}
.right-tit p a:hover{color:#f9a31c;}
.pic-list {clear: both; overflow:hidden;}
.pic-list li{width: 286px;margin:0 15px 10px 0; float:left;}
.pic-list li:nth-child(3n){margin-right: 0;}
.pic-list li a{display: block; padding: 10px 10px 0; border:1px solid #fff; background-color: #fff;}
.pic-list li span{display: block; height:180px; overflow:hidden;}
.pic-list li span img{width: 100%; min-height: 100%;}
.pic-list li p{ text-align: center; line-height: 40px; }
.pic-list li a:hover{color: #f9a31c; border-color: #fad7a1;}
/* .pageturn {margin: 20px 0; line-height: 30px;}
.pageturn a,.pageturn span{display: inline-block; border:1px solid #d0d0d0; background-color: #fff;padding:0 10px; margin: 0 2px; }
.pageturn span{background-color: #f9a31c; color: #fff;} */
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

.pagination > li {
	display: inline;
}

.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857;
	text-decoration: none;
	color: #337ab7;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
	z-index: 2;
	color: #23527c;
	background-color: #eeeeee;
	border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
	z-index: 3;
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7;
	cursor: default;
}

.news-list{}
.news-list li{padding: 10px; border-bottom: 1px dotted #ddd;}
.news-list li a{display: block; line-height: 30px; background: url(../images/icon09.png) no-repeat left center; padding-left: 15px;}
.news-list li span{display: block; color: #999; font-size: 12px; padding-left: 15px;  background: url(../images/icon11.png) no-repeat left center; margin-left:15px;}
.news-list li p{color: #999; padding:0 15px;}

/*** artile ****/
.art-title{text-align: center;}
.art-title h3{font-size: 18px; font-weight: normal; color:#333;}
.art-title p{line-height: 40px; color: #999; font-size:12px;}
.art-con{padding:20px 0; min-height:480px;}
.art-con img{max-width: 100%; height: auto;}
.art-more{padding-top: 10px; border-top: 1px dashed #e0e0e0;}
.art-more a{display: inline-block;}

/*form*/
.form-con input[type=text]{width: 400px; padding: 2px 5px;}
.form-con textarea{width: 400px;height: 80px; padding: 5px;}
.form-con input[type=submit]{width: 100px; height: 34px; line-height: 34px; color: #fff; background: #f9a31c; border:none; outline: none;}
/*return*/
#elevator_item {
	width: 60px;
	height: 100px;
	position: fixed;
	right: 15px;
	bottom: 15px;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 100020;
	display: none;
}
#elevator_item.off {
	opacity: 0;
	visibility: hidden
}
#elevator {
	display: block;
	width: 60px;
	height: 50px;
	background: url(../images/icon_top.png) center center no-repeat;
	background-color: #444;
	background-color: rgba(0,0,0,.6);
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	cursor: pointer;
	margin-bottom: 10px
}
#elevator:hover {
	background-color: rgba(0,0,0,.7)
}
#elevator:active {
	background-color: rgba(0,0,0,.75)
}
#elevator_item .qr {
	display: block;
	width: 60px;
	height: 40px;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	cursor: pointer;
	background: url(../images/icon_code.png) center center no-repeat;
	background-color: #444;
	background-color: rgba(0,0,0,.6)
}
#elevator_item .qr:hover {
	background-color: rgba(0,0,0,.7)
}
#elevator_item .qr:active {
	background-color: rgba(0,0,0,.75)
}
#elevator_item .qr-popup {
	width: 170px;
	height: 200px;
	background: #fff;
	box-shadow: 0 1px 8px rgba(0,0,0,.1);
	position: absolute;
	left: -180px;
	bottom: 0;
	border-radius: 2px;
	display: none;
	text-align: center
}
#elevator_item .qr-popup .code-link {
	display: block;
	margin: 10px;
	color: #777
}
#elevator_item .qr-popup .code {
	display: block;
	margin-bottom: 10px
}
#elevator_item .qr-popup .arr {
	width: 6px;
	height: 11px;
	background: url(../images/code_arrow.png) 0 0 no-repeat;
	position: absolute;
	right: -6px;
	bottom: 14px
}

/*left */
.bcon{ width:228px; padding:10px; border:1px solid #ddd; margin-top:10px;}
.list_lh{ height:260px; overflow:hidden;}
.list_lh li{ padding:10px;}
.list_lh li{ border-bottom:1px dotted #ccc;}
.list_lh li a{display:block; background:url(../images/icon12.png) no-repeat left 10px; padding-left:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list_lh li p{color:#888; font-size:12px;}