/* 本例子css */


/* css 重置 */

* {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	background: #fff;
	font: normal 12px/22px;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: #333;
}
.dn{
	display: none;
}
a:hover {
	color: #1974A1;
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #333;
}

a:hover {
	color: #008cd6;
}

#menu.transparent .navaaa>li>a {
	color:#fff;
}
#menu.transparent{
	background-color:transparent;
	box-shadow: none;
	transition: all .23s ease-in;
}

.navaaa {
	height: 82px;
	line-height: 80px;
	position: relative;
	z-index: 1;
}

.navaaa a {
	color: #333333;
}
#menu.transparent .navaaa>li>a:hover,
.navaaa a:hover {
	color: #008cd6;
}

.navaaa .nLi {
	float: right;
	position: relative;
	display: inline;
	font-size: 16px;
	margin-left: 45px;
}

.nLi:hover {
	border-bottom: 2px solid #008cd6;
}

.navaaa .sub {
	display: none;
	width: 200px;
	left: -70px;
	top: 83px;
	position: absolute;
	line-height: 50px;
	height: auto;
	text-align: center;
}

.navaaa .sub li {
	zoom: 1;
	list-style: none;
	font-size: 14px;
	color: #008cd6;
	height: 50px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #008cd6;
}

.navaaa .sub a {
	display: block;
	color: #008cd6;
	text-decoration: none;
}

.navaaa .sub a:hover {
	background: #008cd6;
	color: #fff;
}

#navaaa {
	margin-bottom: 0px;
	margin-left: 0px;
}

.top-dao {
	width: 100%;
	display: table;
	background: #FFFFFF;
	height: 80px;
	display: table;
}

.top-dao-er {
	width: 1170px;
	margin: 0px auto;
	display: table;
}

#bbkki {
	background: url(../images/banner.jpg) center no-repeat;
	background-size: cover;
}

@media screen and (max-width:768px) {
	#bbkki {
		background: url(../images/banner2.jpg) center no-repeat;
		background-size: cover;
	}
	#fp-nav{
		display: none;
	}
	#colpp{
		margin-left: 0px;
	}
	#bbkkiidd {
	background: url(../images/banner1-3.jpg) left 0px center no-repeat;
	background-size: cover;
}

}

#bbkkii {
	background: url(../images/banner1-1.jpg) center no-repeat;
	background-size: cover;
}

#bbkkiic {
	background: url(../images/banner1-2.jpg) center no-repeat;
	background-size: cover;
}

#bbkkiid {
	background: url(../images/banner1-3.jpg) center no-repeat;
	background-size: cover;
}

#bbkkiie {
	background: url(../images/banner1-4.jpg) center no-repeat;
	background-size: cover;
}

#bbkkiif {
	background: url(../images/banner1-5.jpg) center no-repeat;
	background-size: cover;
}

#bbkkiig {
	background: url(../images/banner1-6.jpg) center no-repeat;
	background-size: cover;
}

.col-col-aa {
	background-color: #FFFFFF;
	height: 223px;
}
#col2{
	background: url(../images/cc2.png)center 12% no-repeat #FFFFFF;
}
#col2:hover{
	background: url(../images/cc2-2.png)center 12% no-repeat #00A0E9;
}
#col3{
	background: url(../images/cc3.png)center 12% no-repeat #FFFFFF;
}
#col3:hover{
	background: url(../images/cc3-2.png)center 12% no-repeat #00A0E9;
}
#col4{
	background: url(../images/cc4.png)center 12% no-repeat #FFFFFF;
}
#col4:hover{
	background: url(../images/cc4-2.png)center 12% no-repeat #00A0E9;
}
#col5{
	background: url(../images/cc5.png)center 12% no-repeat #FFFFFF;
}
#col5:hover{
	background: url(../images/cc5-2.png)center 12% no-repeat #00A0E9;
}
#col6{
	background: url(../images/cc6.png)center 12% no-repeat #FFFFFF;
}
#col6:hover{
	background: url(../images/cc6-2.png)center 12% no-repeat #00A0E9;
}
#col7{
	background: url(../images/cc7.png)center 12% no-repeat #FFFFFF;
}
#col7:hover{
	background: url(../images/cc7-2.png)center 12% no-repeat #00A0E9;
}

/*手机端*/
.col-col-aac {
	background-color: #FFFFFF;
	height: 150px;
}
.col-col-aac:hover {
	background-color: #00A0E9;
	color: #FFFFFF;
}
.col-col-aapc {
	font-size: 18px;
	text-align: center;
}
#cocl2{
	background: url(../images/cc2.png)center 30% no-repeat #FFFFFF;
}
#cocl2:hover{
	background: url(../images/cc2-2.png)center 30% no-repeat #00A0E9;
}
#cocl3{
	background: url(../images/cc3.png)center 30% no-repeat #FFFFFF;
}
#cocl3:hover{
	background: url(../images/cc3-2.png)center 30% no-repeat #00A0E9;
}
#cocl4{
	background: url(../images/cc4.png)center 30% no-repeat #FFFFFF;
}
#cocl4:hover{
	background: url(../images/cc4-2.png)center 30% no-repeat #00A0E9;
}
#cocl5{
	background: url(../images/cc5.png)center 30% no-repeat #FFFFFF;
}
#cocl5:hover{
	background: url(../images/cc5-2.png)center 30% no-repeat #00A0E9;
}
#cocl6{
	background: url(../images/cc6.png)center 30% no-repeat #FFFFFF;
}
#cocl6:hover{
	background: url(../images/cc6-2.png)center 30% no-repeat #00A0E9;
}
#cocl7{
	background: url(../images/cc7.png)center 30% no-repeat #FFFFFF;
}
#cocl7:hover{
	background: url(../images/cc7-2.png)center 30% no-repeat #00A0E9;
}
/*手机端end*/

#cop1{
	background: url(../images/cop1.png) center 12% no-repeat #FFFFFF;
}
#cop1:hover{
	background: url(../images/cop1-1.png) center 12% no-repeat #00A0E9;
}
#cop2{
	background: url(../images/cop2.png) center 12% no-repeat #FFFFFF;
}
#cop2:hover{
	background: url(../images/cop2-2.png) center 12% no-repeat #00A0E9;
}
#cop3{
	background: url(../images/cop3.png) center 12% no-repeat #FFFFFF;
}
#cop3:hover{
	background: url(../images/cop3-2.png) center 12% no-repeat #00A0E9;
}
#cop4{
	background: url(../images/cop4.png) center 12% no-repeat #FFFFFF;
}
#cop4:hover{
	background: url(../images/cop4-2.png)center 12% no-repeat #00A0E9;
}
.col-col-ab {
	background-color: #FFFFFF;
	height: 160px;
}

.col-col-aap {
	font-size: 18px;
}

.col-col-aa:hover {
	background-color: #00A0E9;
	color: #FFFFFF;
}

.col-col-ab:hover {
	background-color: #00A0E9;
	color: #FFFFFF;
}

.col-col-b {
	background-color: #FFFFFF;
	height: 50px;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
}

.col-col-b:hover {
	background-color: #00A0E9;
	border: 1px solid #00A0E9;
	color: #FFFFFF;
}


/* 本例子css */

.slideTxtBox {}

.slideTxtBox .hd {
	width: 100%;
	display: table;
	height: 40px;
	line-height: 40px;
	position: relative;
}

.slideTxtBox .hd ul {
	margin: 0px auto;
	height: 40px;
}

.slideTxtBox .hd ul li {
	width: 200px;
	height: 40px;
	line-height: 40px;
	float: left;
	cursor: pointer;
	text-align: center;
	border: 1px solid #00A0E9;
	color: #00A0E9;
}

.slideTxtBox .hd ul li.on {
	background-color: #00A0E9;
	color: #FFFFFF;
}

.slideTxtBox .bd ul {
	zoom: 1;
}

.slideTxtBox .bd li {
	margin-top: 15px;
	height: 24px;
	line-height: 24px;
}

.slideTxtBox .bd li .date {
	float: right;
	color: #999;
}

.col-xinwen {
	height: 360px;
	background: #FFFFFF;
}

.col-xinwen:hover {
	background-color: #00A0E9;
	color: #FFFFFF;
}

.col-col-aapb {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}


/* 本例子css */

.picScroll-left {
	width: 1200px;
	position: relative;
	margin: 0px auto;
}

.picScroll-left .hd {
	height: 30px;
	position: relative;
}

.picScroll-left .hd .prev,
.picScroll-left .hd .next {
	display: block;
	margin-top: 150px;
	width: 31px;
	height: 60px;
	position: absolute;
	z-index: 999;
}

.picScroll-left .hd .next {
	background: url(../images/zuo.png);
	right: 0;
}

.picScroll-left .hd .prev {
	background: url(../images/you.png);
	left: 0;
}

.picScroll-left .hd .prevStop {
	background-position: -60px 0;
}

.picScroll-left .hd .nextStop {
	background-position: -60px -50px;
}

.picScroll-left .bd {
	margin-left: -10px;
	height: auto;
}

.picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}

.picScroll-left .bd ul li {
	margin-left: 10px;
	width: 292px;
	overflow: hidden;
	text-align: center;
	height: 278px;
	position: relative;
}

.picScroll-left .bd ul li .pic {
	text-align: center;
}

.picScroll-left .bd ul li .pic img {
	width: 290px;
	height: 278px;
	display: block;
}

.picScroll-left .bd ul li .pic a:hover img {
	border-color: #999;
}

.picScroll-left .bd ul li .title {
	line-height: 24px;
}

.asc {
	position: absolute;
	width: 292px;
	height: 556px;
	background: rgba(0, 0, 0, 0.6);
	left: 0px;
	top: -278px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.picScroll-left .bd ul li a span {}

.picScroll-left .bd ul li:hover a span {
	top: 0px;
	background: rgba(5, 111, 191, 0.8);
}

.ccoop img {
	width: 100%;
	height: 100%;
}

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
	position: relative;
	min-height: 1px;
	margin-right: 10px;
	margin-left: 10px;
}

.col-xs-1-5 {
	width: 18%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 18%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-1-5 {
		width: 18%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 18%;
		float: left;
	}
}

#colpp {
	background-color: #FFFFFF;
}

#colpp:hover {
	background-color: #00A0E9;
	color: #FFFFFF;
}

.cdf {
	width: 70%;
	display: table;
	margin: 0px auto;
	height: 65px;
	border-radius: 30px;
	line-height: 65px;
	color: #FFFFFF;
	background-color: #00A0E9;
}

.cdf-m {
	width: 90%;
	margin: 0px auto;
	height: 65px;
	line-height: 65px;
}

.llpc:hover {
	margin-top: -10px;
}

.llpc:hover .llp {
	background-color: #00A0E9;
	color: #FFFFFF;
}

.llpc:hover .sswa {
	border: 1px solid #FFFFFF;
}

.llp {
	background-color: #FFFFFF;
}

.ssw {
	display: block;
	font-size: 16px;
	text-align: center;
}

.sswa {
	width: 120px;
	height: 30px;
	background-color: #00A0E9;
	margin: 0px auto;
	display: block;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
	border-radius: 10px;
}

.onb {
	margin: 0px auto;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #00A0E9;
	border: 1px solid #00A0E9;
	border-radius: 10px;
}

.col-col-aa:hover .onb {
	background-color: #FFFFFF;
}




/* 本例子css */

.cok {
	
	text-align: center;
	height: 684px;
}

.cok .hd {
	height: 222px;
	background: #f4f4f4;
	position: relative;
}

.cok .hd ul {
	width: 100%;
	float: left;
	position: absolute;
	height: 222px;
}

.cok .hd ul li {
	height: 222px;
	float: left;
	cursor: pointer;
	background-color: #eaf7ff;
}

.okl {
	height: 222px;
	background-color: #FFFFFF;
}

.cok .hd ul li.on .okl {
	height: 222px;
	background: #00A0E9;
	color: #FFFFFF;
}

.cok .bd ul {
	padding-top: 15px;
	zoom: 1;
	height: 450px;
}

.cok .bd li {
	height: 24px;
	line-height: 24px;
}

.ookl {
	width: 130px;
	height: 30px;
	border: 1px solid #00A0E9;
	color: #00A0E9;
	line-height: 30px;
	background-color: #FFFFFF;
	border-radius: 10px;
	margin: 0px auto;
	margin-bottom: 0px;
}
.mo{
	background-color: #00A0E9;
}
#kko1{
	height: 298px;
	background: #e9f3f8;
	background: url(../images/qp1-1.png) center 11% no-repeat #e9f3f8;
}

#kko1:hover{
	background: #00A0E9;
	color: #FFFFFF;
	background: url(../images/qp1-2.png) center 11% no-repeat #00A0E9;
}
#kko2{
	height: 298px;
	background: #e9f3f8;
	background: url(../images/qp2-1.png) center 11% no-repeat #e9f3f8;
}

#kko2:hover{
	background: #00A0E9;
	color: #FFFFFF;
	background: url(../images/qp2-2.png) center 11% no-repeat #00A0E9;
}
#kko3{
	height: 298px;
	background: #e9f3f8;
	background: url(../images/qp3-1.png) center 11% no-repeat #e9f3f8;
}

#kko3:hover{
	background: #00A0E9;
	color: #FFFFFF;
	background: url(../images/qp3-2.png) center 11% no-repeat #00A0E9;
}
#kko4{
	height: 298px;
	background: #e9f3f8;
	background: url(../images/qp4-1.png) center 11% no-repeat #e9f3f8;
}

#kko4:hover{
	background: #00A0E9;
	color: #FFFFFF;
	background: url(../images/qp4-2.png) center 11% no-repeat #00A0E9;
}

.opllp a{
	display: inherit;
}
.opllp{
	height: 60px; 
	font-size: 16px;
	text-align: center;
	line-height: 60px;
	border-bottom: 1px solid #FFFFFF;
	background-color: #eeeeee;
}
.opllp:hover{
	color: #FFFFFF;
	background-color: #00A0E9;
}
.opllp:hover a{
	color: #FFFFFF;
	
}
.ooonx{
	color: #FFFFFF;
	background-color: #00A0E9;
}

.ooxx{
	border-bottom: 1px solid #CCCCCC;
	height: 160px;
}
.ooxx:hover{
	border-bottom: 1px solid #00A0E9;
}
.oco1{
	background: url(../images/oco1.png)center 12% no-repeat #FFFFFF;
}
.oco1:hover{
	background: url(../images/oco1-1.png)center 12% no-repeat #00A0E9;
}
.oco2{
	background: url(../images/oco2.png)center 12% no-repeat #FFFFFF;
}
.oco2:hover{
	background: url(../images/oco2-2.png)center 12% no-repeat #00A0E9;
}
.oco3{
	background: url(../images/oco3.png)center 12% no-repeat #FFFFFF;
}
.oco3:hover{
	background: url(../images/oco3-2.png)center 12% no-repeat #00A0E9;
}
.oco4{
	background: url(../images/oco4.png)center 12% no-repeat #FFFFFF;
}
.oco4:hover{
	background: url(../images/oco4-2.png)center 12% no-repeat #00A0E9;
}
.oco5{
	background: url(../images/oco5.png)center 12% no-repeat #FFFFFF;
}
.oco5:hover{
	background: url(../images/oco5-2.png)center 12% no-repeat #00A0E9;
}
.pjop1:after{
	content: "";
	position: absolute;
   	left: 2%;
   	margin-top: -0.6%;
 	width: 0; 
 	height: 0;
 	border-width: 15px;
 	border-style: solid;
 	border-color: transparent #00A0E9 transparent transparent;
 	transform: rotate(90deg); /*顺时针旋转90°*/

}
.pjop2:after{
	content: "";
	position: absolute;
   	left: 34%;
   	margin-top: -0.6%;
 	width: 0; 
 	height: 0;
 	border-width: 15px;
 	border-style: solid;
 	border-color: transparent #00A0E9 transparent transparent;
 	transform: rotate(90deg); /*顺时针旋转90°*/

}
.pjop3:after{
	content: "";
	position: absolute;
   	left: 65.4%;
   	margin-top: -0.6%;
 	width: 0; 
 	height: 0;
 	border-width: 15px;
 	border-style: solid;
 	border-color: transparent #00A0E9 transparent transparent;
 	transform: rotate(90deg); /*顺时针旋转90°*/

}
.pjop4:after{
	content: "";
	position: absolute;
   	left: 97%;
   	margin-top: -0.6%;
 	width: 0; 
 	height: 0;
 	border-width: 15px;
 	border-style: solid;
 	border-color: transparent #00A0E9 transparent transparent;
 	transform: rotate(90deg); /*顺时针旋转90°*/

}
.pjop5:after{
	content: "";
	position: absolute;
   	left: 1%;
   	margin-top: -0.3%;
 	width: 0; 
 	height: 0;
 	border-width: 15px;
 	border-style: solid;
 	border-color: transparent #00A0E9 transparent transparent;
 	transform: rotate(90deg); /*顺时针旋转90°*/

}
.pjop6:after{
	content: "";
	position: absolute;
   	left: 17%;
   	margin-top: -0.3%;
 	width: 0; 
 	height: 0;
 	border-width: 15px;
 	border-style: solid;
 	border-color: transparent #00A0E9 transparent transparent;
 	transform: rotate(90deg); /*顺时针旋转90°*/

}
.pjop7:after{
	content: "";
	position: absolute;
   	left: 32.7%;
   	margin-top: -0.3%;
 	width: 0; 
 	height: 0;
 	border-width: 15px;
 	border-style: solid;
 	border-color: transparent #00A0E9 transparent transparent;
 	transform: rotate(90deg); /*顺时针旋转90°*/

}
.pjop8:after{
	content: "";
	position: absolute;
   	left: 48.5%;
   	margin-top: -0.3%;
 	width: 0; 
 	height: 0;
 	border-width: 15px;
 	border-style: solid;
 	border-color: transparent #00A0E9 transparent transparent;
 	transform: rotate(90deg); /*顺时针旋转90°*/

}
.pjop9:after{
	content: "";
	position: absolute;
   	left: 51%;
   	margin-top: 4.7%;
 	width: 0; 
 	height: 0;
 	border-width: 15px;
 	border-style: solid;
 	border-color: transparent #00A0E9 transparent transparent;
 	transform: rotate(270deg); /*顺时针旋转90°*/

}
.pjop10:after{
	content: "";
	position: absolute;
   	left: 67%;
   	margin-top: 4.7%;
 	width: 0; 
 	height: 0;
 	border-width: 15px;
 	border-style: solid;
 	border-color: transparent #00A0E9 transparent transparent;
 	transform: rotate(270deg); /*顺时针旋转90°*/

}
.pjop11:after{
	content: "";
	position: absolute;
   	left: 83%;
   	margin-top: 4.7%;
 	width: 0; 
 	height: 0;
 	border-width: 15px;
 	border-style: solid;
 	border-color: transparent #00A0E9 transparent transparent;
 	transform: rotate(270deg); /*顺时针旋转90°*/

}
.pjop12:after{
	content: "";
	position: absolute;
   	left: 98.6%;
   	margin-top: 4.7%;
 	width: 0; 
 	height: 0;
 	border-width: 15px;
 	border-style: solid;
 	border-color: transparent #00A0E9 transparent transparent;
 	transform: rotate(270deg); /*顺时针旋转90°*/

}
.amm:after{
	content: "";
	position: absolute;
   	left: 46.3%;
   	margin-top: -7%;
 	width: 150px; 
 	height: 150px;
	border-radius: 100px;
	background: url(../images/a.png);
	background-size: 100%;
}
.amm2:after{
	content: "";
	position: absolute;
   	left: 48.3%;
   	margin-top: -1%;
 	width: 70px; 
 	height: 70px;
	border-radius: 100px;
	background: url(../images/cs1.png);
	background-size: 100%;
}
.amm3:after{
	content: "";
	position: absolute;
   	left: 48.3%;
   	margin-top: -1%;
 	width: 70px; 
 	height: 70px;
	border-radius: 100px;
	background: url(../images/cs2.png);
	background-size: 100%;
}
.amm4:after{
	content: "";
	position: absolute;
   	left: 48.3%;
   	margin-top: -1%;
 	width: 70px; 
 	height: 70px;
	border-radius: 100px;
	background: url(../images/cs3.png);
	background-size: 100%;
}
.amm5:after{
	content: "";
	position: absolute;
   	left: 48.3%;
   	margin-top: -1%;
 	width: 70px; 
 	height: 70px;
	border-radius: 100px;
	background: url(../images/cs4.png);
	background-size: 100%;
}
.ocqa{
	height: 307px; 
	margin-top: -50px;
	background-color: #f8f8f8;
	color: #000000;
}
.ocqa:hover{
	background-color: #00A0E9;
	color: #FFFFFF;
}
.ocpa-a{
	border-bottom: 1px solid #CCCCCC;
	width: 60px;
	margin: 0px auto;
}
.ocqa:hover .ocpa-a{
	border-bottom: 1px solid #FFFFFF;
}
.oowx p{
	margin-bottom: 0px;
	line-height: 30px;
}
.col-anli {
	height: 260px;
	background: #FFFFFF;
}

.col-anli:hover {
	height: 260px;
	background-color: #00A0E9;
	color: #FFFFFF;
}
.ococ1{
	background: url(../images/oco1.png)center 25% no-repeat #FFFFFF;
}
.ococ1:hover{
	background: url(../images/oco1-1.png)center 25% no-repeat #00A0E9;
}
.ococ2{
	background: url(../images/oco2.png)center 25% no-repeat #FFFFFF;
}
.ococ2:hover{
	background: url(../images/oco2-2.png)center 25% no-repeat #00A0E9;
}
.ococ3{
	background: url(../images/oco3.png)center 25% no-repeat #FFFFFF;
}
.ococ3:hover{
	background: url(../images/oco3-2.png)center 25% no-repeat #00A0E9;
}
.ococ4{
	background: url(../images/oco4.png)center 25% no-repeat #FFFFFF;
}
.ococ4:hover{
	background: url(../images/oco4-2.png)center 25% no-repeat #00A0E9;
}
.ococ5{
	background: url(../images/oco5.png)center 25% no-repeat #FFFFFF;
}
.ococ5:hover{
	background: url(../images/oco5-2.png)center 25% no-repeat #00A0E9;
}

.top-dao.transparent .logo-normal,
.top-dao .logo-hover{
	display: none;
}
.top-dao.transparent .logo-hover,
.top-dao .logo-normal{
	display: block;
}

#bbkkiig .footer-b{
	position: absolute;
	bottom: 0;
	left: 0;
}