﻿@import "base.css";
	#wp {
	width:100%;
	max-width:1200px;
	margin:0 auto
}
#hd {
	background-color:rgba(22,55,82, 0.9);
	box-shadow:0 1px -2px rgba(0,0,0,.3);
	width:100%;
	margin:0 auto;
	z-index:9999;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s
}
.fixed {
	top:-101px!important
}
#hd .logo {
	height:112px;
	float:left
}
#hd .logo a {
	display:block;
	height:100%;
	line-height:120px
}
#hd .tel {
	height:112px;
	float:right
}
a.tel {
	background:url(http://demos.admin868.com/demo187/8041/skin/img/tel.png) left center no-repeat;
	float:left;
	padding-left:75px;
	padding-top:50px;
	font-size:22px;
	color:#f8d37a;
	margin-right:115px;
	margin-top:18px
}
#hd .tel img {
	padding-top:40px;
	display:inline-block;
	vertical-align:middle
}
#hd .logo a img {
	display:inline-block;
	vertical-align:middle
}
#nav {
	width:100%
}
#nav ul li {
	float:left;
	line-height:70px;
	position:relative;
	width:14.2%
}
#nav ul li a {
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:17px;
	color:#fff;
	height:70px
}
#nav ul li a:hover {
	background:url(../images/navhover.jpg) no-repeat center 56px
}
#nav ul li a.on {
	background:url(../images/navhover.jpg) no-repeat center 56px
}
#nav ul li ol.xlcd {
	position:absolute;
	top:72px;
	left:0;
	z-index:99999;
	width:100%;
	display:none
}
#nav ul li ol.xlcd li {
	width:100%;
	height:48px;
	line-height:48px;
	padding:0;
	margin:0;
	background:rgba(15,117,188,.6);
	float:none
}
#nav ul li ol.xlcd li a {
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#fff;
	height:48px;
	line-height:48px;
	border-top:1px solid #fff
}
#nav ul li ol.xlcd li a:hover {
	background:#0f6ebc
}
#m-hd {
	display:none
}
#m-hd {
	height:60px;
	line-height:60px;
	background-color:#fff;
	padding:0;
	position:relative;
	width:100%;
	z-index:999999
}
#m-hd img {
	max-width:240px;
	height:35px;
	padding:0 0 0 5px;
	margin:0
}
.m-trigger {
	position:absolute;
	top:0;
	right:10px;
	width:50px;
	color:#fff;
	text-align:center;
	font-size:30px;
	line-height:50px;
	cursor:pointer;
	background:url(../images/menu_add.png) center center no-repeat;
	-webkit-background-size:50px;
	background-size:25px;
	height:60px
}
.m-nav {
	z-index:60;
	position:absolute;
	top:60px;
	width:100%;
	left:0;
	background:url(../images/alpha_black_70.png) repeat;
	text-align:center;
	display:none
}
.m-nav li {
	position:relative;
	border-bottom:1px solid #565656
}
.m-nav a {
	display:block;
	font-size:15px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	font-size:14px
}
.m-nav a:hover,.m-nav a:active {
	color:#007cc2
}
.m-nav li ol.ejcd {
	position:relative;
	top:0;
	left:0;
	z-index:99999;
	display:none;
	width:100%
}
.m-nav li ol.ejcd li {
	width:100%;
	height:40px;
	line-height:40px;
	padding:0;
	margin:0;
	background:rgba(153,153,153,.8);
	float:none
}
.m-nav li ol.ejcd li a {
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:13px;
	color:#eee;
	height:40px;
	line-height:40px;
	border-top:1px solid #fff
}
.banner {
	width:100%;
	position:relative
}
.fader {
	position:relative;
	font-family:futura,arial;
	overflow:hidden;
	padding-top:54%
}
.fader .slide {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	z-index:1;
	opacity:0
}
.fader img.slide {
	height:auto
}
.fader .prev,.fader .next {
	position:absolute;
	height:80px;
	line-height:55px;
	width:50px;
	font-size:100px;
	text-align:center;
	color:#fff;
	top:50%;
	left:0;
	z-index:4;
	margin-top:-25px;
	cursor:pointer;
	opacity:.8;
	transition:all 150ms
}
.fader .prev:hover,.fader .next:hover {
	opacity:1
}
.fader .next {
	left:auto;
	right:0
}
.fader .pager_list {
	position:absolute;
	width:100%;
	height:40px;
	padding:0;
	line-height:40px;
	bottom:0;
	text-align:center;
	z-index:4
}
.fader .pager_list li {
	display:inline-block;
	width:15px;
	height:15px;
	margin:0 7px;
	background:#fff;
	text-indent:-9999px;
	border-radius:999px;
	cursor:pointer;
	transition:all 150ms
}
.fader .pager_list li:hover,.fader .pager_list li.active {
	opacity:1;
	background:#0f75bc
}
.zbjs {
	background:#c6d7e5;
	clear:both;
	padding-top:3%
}
h2.cptjbt {
	width:100%;
	color:#131313;
	font-size:27px;
	font-weight:700;
	text-align:center;
	padding:30px 0 5px;
	z-index:1;
	margin:0
}
h3.cptjfbt {
	width:100%;
	color:#7b849f;
	font-size:15px;
	text-align:center;
	padding:5px 0 35px;
	z-index:1;
	text-transform:uppercase;
	margin:0
}
.btbjh {
	background:url(../images/btbj.png) no-repeat center 48px
}
.about_nr {
	width:100%;
	padding-bottom:66px;
	overflow:hidden
}
.about_nr_l {
	width:49.3%;
	background:#fff;
	padding:18px 0 0
}
.about_nr_l h3 {
	font-size:21px;
	color:#256fc2;
	width:90%;
	padding:18px 5%
}
.about_nr_l p {
	text-align:justify;
	font-size:15px;
	line-height:26px;
	color:#696969;
	width:90%;
	height:108px;
	overflow:hidden;
	padding:0 5%;
	text-indent:2em
}
.about_nr_l a {
	display:block;
	color:#5a5a5a;
	font-size:15px;
	width:130px;
	padding:8px 0;
	border:#9e9e9e solid 1px;
	text-align:center;
	margin:20px 0 36px 5%
}
.about_nr_l a:hover {
	color:#fff;
	background:#1861ae
}
.about_nr_r {
	width:50%
}
.about_nr_r dl {
	width:99%;
	margin:0;
	padding:0;
	float:left;
	margin-left:2%;
}
.about_nr_r dl dt {
	width:100%;
	position:relative;
	float:left
}
.about_nr_r dl dt img {
	display:block;
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0
}
.about_nr_r dl dd {
	width:100%;
	height:80px;
	background:#fff;
	text-align:center;
	float:left;
	overflow:hidden
}
.about_nr_r dl dd h4 {
	color:#256fc2;
	font-size:18px;
	padding:20px 0 5px
}
.about_nr_r dl dd p {
	color:#686868;
	font-size:13px;
	text-transform:uppercase
}
.cplist {
	width:100%;
	background:url(../images/cpbj.png) repeat-y center;
	padding:0 0 20px
}
h2.pt5 {
	padding-top:35px;
	color:#fff
}
h3.cptjfbt1 {
	padding:5px 0;
	color:#6eb1db
}
.cplist p {
	text-align:center;
	color:#ddf2ff;
	line-height:30px;
	padding:20px 0 40px
}
.cplist p a {
	display:inline-block;
	color:#ddf2ff
}
.cplist ul li {
	width:33.33%;
	padding:.5%;
	float:left
}
.cplist ul li a {
	display:block;
	overflow:hidden;
	position:relative;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s
}
.cplist ul li a .imgk {
	width:100%;
	padding-bottom:75%;
	position:relative
}
.cplist ul li a .imgk img {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0
}
.cplist ul li a .hover {
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	top:-100%;
	left:0;
	background:rgba(210,99,98,.4);
	transition:.3s;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s
}
.cplist ul li a .hover b {
	width:0;
	height:100%
}
.cplist ul li a .hover .txt h3 {
	color:#fff;
	font-size:15px;
	padding-bottom:26px
}
.cplist ul li a .hover .txt span {
	color:#fff;
	font-size:13px;
	border:#fff solid 1px;
	padding:6px 20px
}
.cplist ul li a .hover b,.hover .txt {
	display:inline-block;
	vertical-align:middle
}
.cplist ul li a:hover .hover {
	top:0
}
.cpgd {
	margin:28px 0 10px;
	width:100%;
	text-align:center
}
.cpgd a {
	width:100px;
	height:50px;
	display:block;
	background:url(../images/xxjt.png) no-repeat center bottom;
	color:#fff;
	font-size:18px;
	margin:0 auto
}
.cpgd a:hover {
	}
.cplst {
	background:#c6d7e5;
	clear:both;
	padding-top:2.5%;
	padding-bottom:3%
}
.container {
	overflow:hidden;
	width:100%;
	max-width:1250px
}
.container p {
	text-align:center;
	color:#256fc2;
	font-size:14px;
	line-height:50px
}
.container img {
	width:220px;
	height:150px
}
.s_newsbox {
	width:100%;
	background-color:rgba(22,55,82, 0.9);
	padding:3% 0 4.2%
}
.s_newsnr {
	width:50%;
	clear:right;
	float:left
}
.s_newsnr h3 {
	color:#fff;
	font-size:23px;
	font-weight:700;
	padding-bottom:4.2%
}
.s_newsnr h3 span a {
	color:#fff;
	font-size:12px;
	font-weight:700
}
.s_newsnr_l {
	float:left
}
.s_newsnr_l img {
	width:212px;
	height:156px;
	margin-right:10px;
	margin-bottom:4px
}
.s_newsnr_l p {
	width:212px;
	padding:0 5px;
	line-height:32px;
	height:32px;
	background:#afd5f9;
	color:#2f2f2f;
	font-size:13px;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:ellipsis
}
.s_newsnr ul {
	}
.s_newsnr ul li {
	width:95%;
	padding:;
	line-height:38px
}
.s_newsnr ul li a {
	display:block
}
.s_newsnr ul li a {
	color:#fefefe;
	font-size:14px;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:ellipsis
}
.s_newsnr ul li a span {
	background:#3071b2;
	color:#fff;
	font-size:12px;
	width:55px;
	height:22px;
	line-height:22px;
	display:inline-block;
	text-align:center;
	margin:0 10px
}
.s_newsnr ul li a:hover {
	color:#dab866
}
footer {
	width:100%;
	background:#242933;
	border-top:#c6d7e5 solid 30px
}
.footer {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:3% 0
}
.footer_l {
	clear:right;
	float:left;
	width:50%
}
.footer_l img {
	float:left;
	margin-right:34px
}
.footer_l h3 {
	color:#fff;
	font-size:21px;
	line-height:48px
}
.footer_l h3 a {
	color:#fff
}
.footer_l h4 {
	color:#cacaca;
	font-size:14px;
	line-height:28px
}
.footer_l h4 a {
	color:#cacaca
}
.footer_r {
	float:left;
	width:50%
}
.footer_r ul {
	width:172px;
	height:176px;
	float:right;
	border-right:#4e5564 solid 1px
}
.footer_r ul h3 {
	color:#fff;
	padding-bottom:15px;
	font-size:16px;
	text-align:center
}
.footer_r ul li {
	width:100%;
	line-height:30px;
	height:30px;
	text-align:center;
	overflow:hidden
}
.footer_r ul li a {
	color:silver;
	font-size:14px
}
.footer_r ul:nth-of-type(1) {
	border:none
}
@media screen and (max-width:1199px) {
	.about_nr_l {
	width:100%
}
.about_nr_r {
	width:100%;
	padding:20px 1% 0
}
.about_nr_r dl {
	width:98%;
	height:120px;
	margin:0 1%;
	float:left
}
}@media screen and (max-width:1080px) {
	}
@media screen and (max-width:1024px) {
	.s_newsnr {
	width:95%;
	padding-left:5%;
	padding-top:5%;
	clear:right;
	float:left
}
.footer_l,.footer_r {
	width:96%;
	padding:3% 2%
}
.footer_r ul {
	width:33%
}
}@media(max-width:979px) {
	.banner {
	display:none
}
.m_banner {
	width:100%;
	display:block!important
}
}@media(max-width:768px) {
	#hd {
	display:none
}
#m-hd {
	display:block
}
h2.cptjbt {
	}
.cplist ul {
	padding:10px 0
}
.cplist ul li {
	width:48%;
	padding:1%
}
}@media(max-width:480px) {
	.fader .prev,.fader .next {
	display:none
}
.fader .pager_list {
	height:20px;
	line-height:20px
}
h2.cptjbt {
	font-size:27px;
	padding:15px 0 5px
}
h3.cptjfbt {
	font-size:15px;
	padding:0 0 15px
}
.btbjh {
	background:url(../images/btbj.png) no-repeat center 35px
}
.cplist ul li {
	width:100%;
	padding:2%
}
.s_newsnr_l {
	display:none
}
.footer_l {
	text-align:center
}
.footer_l img {
	float:none;
	margin:0
}
}@media(max-width:320px) {
	}
.side2 {
	position:fixed;
	width:40px;
	right:10px;
	z-index:100;
	bottom:10%;
	height:80px
}
.side2 ul li {
	width:40px;
	height:40px
}
.side2 ul li a {
	display:block;
	background-color:#f7941e;
	height:40px;
	width:40px;
	text-align:center;
	line-height:40px
}
.side2 ul li a img {
	vertical-align:middle;
	display:inline-block
}
.side2 ul li a:hover {
	background-color:#002
}
.side2 ul li .weixin {
	position:absolute;
	left:-154px;
	bottom:0;
	display:none
}
.side2 ul li .weixin em {
	background:red;
	width:5px;
	height:17px;
	display:block;
	position:absolute;
	right:-5px;
	top:50%;
	margin-top:3px
}
.side2 ul li .weixin img {
	display:block
}
.m_banner {
	display:none
}
.xy_arrow {
	position: absolute;
	height: 80px;
	line-height: 55px;
	width: 50px;
	font-size: 100px;
	text-align: center;
	color: #fff;
	top: 31%;
	z-index: 4;
	margin-top: -25px;
	cursor: pointer;
	opacity: .8;
	transition: all 150ms;
}