#cpnr{ width:100%; float:left; margin-top:2.5%; padding-bottom:10px;}
#cpnr p{ margin:0px; padding:0px; line-height:1.5;color:#555;}
#cpjs{ width:43%; float:right;}
#cptp{ width:55%; float:left;z-index:3;overflow:hidden;position:relative;}
.clear{ clear:both; width:100%;}

#title{
	font-size: 24px;
	font-weight:normal;
	color:#010101;
	padding-bottom:15px;
	line-height:1.5;
	text-align:left;
	margin-top:-10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	 
}
#title span{ position:relative;}
#title .ewm{ width:170px; position:absolute; left:0px;top:150%; display:none; padding:10px; background-color:#fff; border:#ddd solid 1px;}
#title .ewm p{ text-align:center; color:#000; margin-top:5px; font-size:14px}
#title img{ margin-left:8px; cursor:pointer;}
#cpxx{ margin-top:5x; line-height:1.8; color:#666666;font-family: Verdana, Arial, Helvetica, sans-serif;	 }
#cpsl{ margin-top:10px;line-height:1.8; color:#666666;font-family: Verdana, Arial, Helvetica, sans-serif;}
#cpsl .sla{ height:30px; margin-top:5px;}
#cpsl input{ float:left;width:60px; border:#ddd solid 1px; height:28px; display:inline-block; outline:none; margin-left:5px; margin-right:5px;font-size:14px; text-align:center;}
#cpsl  .button2 {    width:70%; 
	
	text-align:center; font-size:16px;border-radius:40px; 
	cursor:pointer;
	transition:all 0.3s ease-in-out 0s; background-color:#009FE0; height:40px;  margin-bottom:2%; line-height:40px;color:#FFFFFF 
}#cpsl  .button2  span{ color:#fff;}

#cpsl .button2 i{ line-height:40px; font-size:24px;color:#FFFFFF }
#cpsl .button2:hover{ background-color:#FF9900; color:#FFFFFF }
#cpsl .kg3{ margin-top:2%;}
#xqnr{ width:100%; float:left; margin-top:2.5%; border:#ddd solid 1px;box-sizing:content-box; box-sizing:border-box;}
#xqnr_1{ width:100%; float:left; background-color:#EFEFEF; height:35px; position:relative; border-bottom:#ddd solid 1px;}
#xqnr_1 span{ background-color:#fff; left:0px; top:0px; height:35px; top:-1px; border-top:#234EA3 solid 2px; position:absolute; line-height:35px; font-weight:bold; color:#234EA3; border-right:#ddd solid 1px; padding-left:12px; padding-right:12px;}
#xqnr_2{ width:94%; padding:2% 3%; float:left;}
#cpzs{ width:100%; float:left; margin-top:1.5%; margin-bottom:1.5%;}
.cpview{ width:100%; float:left; position:relative;}
.cpview  .swiper-pagination{ position:absolute; left:inherit; right:0px; top:0px; height:20px; line-height:20px;border-radius:5px; background-color:#FF9900; color:#fff; width:60px;}
.cpview .swiper-container { width:100%; float:left; position:relative;}
.cpview .swiper-slide {width: 100%; float:left; overflow:hidden;list-style-type:none; cursor:pointer;}
.cpview .swiper-slide img{ height:480px; display:block; margin-left:auto; margin-right:auto; max-width:100%;}
.cpview .arrow-left {
	border-radius:30px; border:#009FE0 solid 1px; color:#009FE0; 
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 10; text-align:center; cursor:pointer;
}

.cpview  .arrow-left i,.cpview  .arrow-right i{ line-height:30px; font-size:20px;color:#009FE0;}
.cpview .arrow-left:hover,.cpview .arrow-right:hover{ background-color:#009FE0; color:#fff;}
.cpview .arrow-left:hover i,.cpview .arrow-right:hover i{color:#fff;}
.cpview .arrow-right {
border-radius:30px; border:#009FE0 solid 1px; color:#009FE0; 
	position: absolute;
	right:0px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 10;text-align:center;cursor:pointer;
}

.cpxtp {
	width: 100%;
	margin-top: 10px;
	position: relative; float:left;box-sizing:content-box; box-sizing:border-box; padding-left:20px; padding-right:20px;
}

.cpxtp .swiper-container {
	width:100%;
 float:left; position:relative;
}

.cpxtp .swiper-slide { width:19%; float:left; margin-left:0.5%; margin-right:0.5%; cursor:pointer;
}
.cpxtp .swiper-slide dd{ width:100%; padding:2px; float:left;box-sizing:content-box; box-sizing:border-box; border:#eee solid 2px;filter: Alpha(Opacity=70);
-moz-opacity:0.7; 		opacity:0.7; margin:0px;}
.cpxtp .swiper-slide dd .tp{ width:100%; display:block; position:relative; padding-top:80%; overflow:hidden;}
.cpxtp .swiper-slide dd .tp img{ position:absolute; left:0px; top:0px; width:100%; min-height:100%;}


.cpxtp .arrow-left { width:20px; height:100%; position:absolute; background-color:#009FE0;
	left:0px;
	top: 0px;
	z-index: 10; color:#fff; text-align:center;cursor:pointer;
}
.cpxtp .arrow-left:hover,.cpxtp .arrow-right:hover{ background-color:#FF9900;}
.cpxtp .arrow-left i,.cpxtp .arrow-right i{ font-size:16px; position:absolute; width:100%; line-height:30px; margin-top:-15px; text-align:center; left:0px; top:50%;color:#FFFFFF;}
.cpxtp .arrow-right {
width:20px; height:100%; position:absolute; background-color:#009FE0;
	right:0px;
	top: 0px;
	z-index: 10; color:#fff; text-align:center;cursor:pointer;
}


.cpxtp .active-nav dd {
	border: 2px solid #FF9900;filter: Alpha(Opacity=100);
-moz-opacity:1 ;		opacity:1;
}
#xqnr{ width:100%; float:left; margin-top:2.5%; border:#ddd solid 1px;box-sizing:content-box; box-sizing:border-box; margin-bottom:2.5%;}
#xqnr_1{ width:100%; float:left; background-color:#EFEFEF; height:45px; position:relative; border-bottom:#ddd solid 1px;}
#xqnr_1 span{ background-color:#fff; left:0px; top:0px; height:45px; top:-1px; border-top:#009FE0 solid 2px; position:absolute; line-height:45px; font-weight:bold; color:#009FE0; border-right:#ddd solid 1px; padding-left:12px; padding-right:12px; font-size:30px;}
#xqnr_2{ width:100%; padding:2%; float:left;}
#cpsm{width:100%; float:left;}
#cpsm.hg1{ margin-top:1.5%;}
#cpsm .title{ width:100%; float:left; position:relative; border-bottom:#ddd solid 1px; line-height:1.8; font-size:24px; font-weight:bold; text-transform:capitalize; text-align:center;color:#009FE0;  margin-bottom:1.5%;}
#cpsm .title:after{ width:100px; height:3px; position:absolute; background-color:#009FE0; left:50%; margin-left:-50px;bottom:-2px; content:"";}
#cpxq{ width:100%; float:left;
	font-size: 16px;	
	color:#555;
	line-height:1.8;
	text-align:left; overflow-x:auto; margin-top:12px;
	
}
#cpxq video{  max-width:100%; }
#cpxq p{ margin:0px; padding:0px;line-height:25px;font-size: 17px;	}
#cpxq .tba{ text-align:center;}
#cpxq table::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color:#288FE1
}
#cpxq  table::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

#cpxq table::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 4px rgba(255,255,255, .6);
    background-color: #333;
}
#cpxq hr{ height:2px; background-color:#00A5DB; overflow:hidden; border:0px;}
#cpxq h3{ font-size:20px; line-height:1.8; color:#234EA3;}
#cpxq img{ max-width:100%; margin-bottom:10px;}
#cpxq table{width:100%; table-layout:fixed; overflow-x:auto;}
#cpxq table td{word-wrap:break-word;word-break:break-all;}
.tabf{ color:#009FE0; width:100%; float:left; margin-top:12px; padding-top:12px; border-top:#ddd solid 1px;}
.tabf a{ font-weight:normal; float:left; line-height:2;border-radius:30px; border:#ddd solid 1px; padding-left:10px; padding-right:10px; margin-right:1%; margin-bottom:1%;}
.tabf a:hover{ border:#009FE0 solid 1px; background-color:#009FE0; color:#fff;}
@media only screen and (max-width: 1200px){.cpview .swiper-slide img{ height:350px;}#cpnr p{ font-size:12px; line-height:20px;}#title{ font-size:16px; line-height:20px; font-weight:bold;}#xqnr_1 span{ font-size:24px;}#cpsm .title{ font-size:18px; margin-top:12px;}}
@media only screen and (max-width: 1000px){.cpview .swiper-slide img{ height:250px;}#cpnr p{ font-size:12px; line-height:20px;}#title{ font-size:14px; }#xqnr_1 span{ font-size:18px;}#cpsm .title{ font-size:16px;}}
@media only screen and (max-width: 800px){#cpjs{ width:100%;  }#cptp{ width:100%;margin-bottom:25px;}.cpview .swiper-slide img{ height:280px;}#title img{ display:none;}}
@media only screen and (max-width: 500px){.cpxtp .swiper-slide { width:23%;  margin-left:1%; margin-right:1%;}.cpview .swiper-slide img{ height:240px;}#cpxq video{ width:100%;}}