#wz.cpxq{ background-color:#fff;}
#part_p1{ width:100%;
	float:left;
	padding-top:1%;
	padding-bottom:3.5%;
	background-image: url(img/chanpin1.jpg);
	background-repeat: no-repeat;
	background-position: center center;background-size:cover;  position: relative;
   z-index:8;}
 #part_p2{ width:100%;
	float:left;
	padding-top:1%;
	padding-bottom:0%;
	background-image: url(img/chanpin2.jpg);
	background-repeat: no-repeat;
	background-position: top center; position: relative;background-size:cover;
   z-index:8;}
 #part_p3{ width:100%;
	float:left;
	padding-top:3%;
	padding-bottom:3%;
	background-image: url(img/chanpin3.jpg);
	background-repeat: no-repeat;
	background-position: center center;background-size:cover;  position: relative;
   z-index:8;}
 #part_p4{ width:100%;
	float:left; background-color:#f8f8f8;
	padding-bottom:3%;}
 #part_p5{
	width:100%;
	float:left;
	padding-top:3%;
	padding-bottom:3%;
	background-image: url(img/xqbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;background-size:cover;
}
 #part_p6{
	width:100%;
	float:left;
	padding-top:3%;
	padding-bottom:3%;
background-color:#f8f8f8;
}
.chanpin1con{
    padding: 60px 80px 0px;
    background-color: #fff;
    position: relative;
    top: -85px; z-index:8;
}
.chanpin1p1{
	line-height:2;
	color: #005098;
	font-weight: bold;
	
}
.chanpin1p3{
	background-image: url(img/numbg.png);
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
	line-height:65px; font-size:24px;
	width:100%;
	color:#7D7D7D;
	font-weight:bold;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}
.chanpin1p2{
    font-size: 18px;
    color: #7D7D7D;
    margin-bottom: 3%; margin-top:8px;
}
.chanpin1p4{
color: #005098;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; line-height:2; text-align:center; font-weight:bold;
}
.chanpin1 .swiper-container{
    padding: 15px 15px 80px;
}
.chanpin1list{
    box-shadow: 0px 0px 12px #ccc;
    padding: 38px 35px 45px;
}
.chanpin1p5{
    color: #676767;
    margin-bottom: 12px;
	height:90px; line-height:30px;
	font-style: normal; display: -webkit-box; 
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient: vertical;
}
.chanpin1p6{ width:100%; display:block;}
.chanpin1p6 img{ max-width:80%; display:block; margin-left:auto; margin-right:auto;}
.chanpin1 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 25px;
}
.chanpin1 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
.chanpin1 .swiper-pagination-bullet,.chanpin1 .swiper-pagination-bullet{width: 12px;height: 12px; border-radius:50%; background-color:rgba(0,0,0,0.4);margin: 0 2px;opacity: 1; margin-top:0px;transition:all 0.6s ease-in-out 0s;}
.chanpin1 .swiper-pagination-bullet-active,#news .swiper-pagination-bullet-active{background-color:#005098;}
.chanpin2{ width:100%; display:block; float:left; padding:135px 40px 0px;box-sizing:content-box; box-sizing:border-box;

}

.chanpin2con1left{
    width: 100%;
    color: #fff;
}
.chanpin2con1right{
    width: 49%;
    font-size: 18px;
    line-height: 2;
    padding-top: 45px;
    color: #fff;
}
.chanpin2p1{
    font-weight: bold;
    margin-bottom: 30px;
}
.chanpin2p2{
    font-size: 18px;
    line-height: 2;
}
.chanpin2con2{
    margin-top: 112px;
    padding-left: 80px;
}
.chanpin2con2 .swiper-slide img{ width:100%; display:block;}
.chanpin2con2 .swiper-button-next{ display:none}
.chanpin2con2-2{
    width: 875px;
    height: 205px;
    background-color: rgba(10,103,188,0.7);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    padding:90px 0px 0px 90px;
    color: #fff;
}
.chanpin2con2p1{
    position: relative; line-height:1.8;
    font-weight: bold;
}
.chanpin2con2p1::before{
    content: '';
    width: 90px;
    height: 3px;
    background-color: #EEEEEE;
    position: absolute;
    top: -30px;
    left: 0;
}
.chanpin2con2p3{
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99;
    cursor: pointer;
}
#cpdh{ width:100%; float:left; background-color:#fff; padding:25px;box-sizing:content-box; box-sizing:border-box; text-align:center; margin-bottom:2.5%;}
#cpdh a{display:inline-block; padding:5px 20px; background-color:#f9f9f9; margin:3px; font-weight:bold; color:#333; line-height:50px;}
#cpdh a img{ margin-right:10px; height:50px; display:block; float:left;}
#cpdh a:hover,#cpdh a.sec{ background-color:#005098; color:#fff;}
#cpdh a:hover img,#cpdh a.sec img{ filter: brightness(0) invert(1);}
#cpnr_t{width:94%; float:left; background-color:#fff; padding:3%;}
#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:46%; float:right;}
#cptp{ width:52%; float:left;z-index:3;overflow:hidden;position:relative; border:#ddd solid 1px; padding:15px;box-sizing:content-box; box-sizing:border-box;}
#cptp img{ max-width:100%; display:block; margin-left:auto; margin-right:auto;}
.clear{ clear:both; width:100%;}
#cpjsbt{width:100%; float:left; background-color:#D6D6D6; line-height:2.4; font-weight:bold; color:#005098;  text-indent:2.4em;}
#cpbt{
	font-size: 28px;
	color:#010101;
	padding-bottom:15px;
	line-height:1.5;
	text-align:left;
	margin-top:-10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	 
}
#cpbt span{ position:relative;}
#cpbt .ewm{ width:170px; position:absolute; left:0px;top:150%; display:none; padding:10px; background-color:#fff; border:#ddd solid 1px;}
#cpbt .ewm p{ text-align:center; color:#000; margin-top:5px; font-size:14px}
#cpbt img{ margin-left:8px; cursor:pointer;}
#cpxx{ margin-top:5x; line-height:1.8; color:#666666;font-family: Verdana, Arial, Helvetica, sans-serif;	 }
.cpzy{ line-height:1.8;}
#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:55%; float:left; font-weight:bold;
	
	text-align:center; border-radius:40px; 
	cursor:pointer;
	transition:all 0.3s ease-in-out 0s; background-color:#005098; height:40px; margin:1.5%; line-height:40px;color:#FFFFFF 
}#cpsl  .button2  span{ color:#fff;}
#cpsl  .button2.zl{ display:none;}
#cpsl .button2 i{ line-height:40px; font-size:20px;color:#FFFFFF; margin-right:10px;}
#cpsl .button2:hover{ background-color:#005098; 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_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:#005098; 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; background-color:#fff;}
.cpview .swiper-slide img{ height:480px; display:block; margin-left:auto; margin-right:auto; max-width:100%;}
.cpview .arrow-left {
	border-radius:30px; border:#005098 solid 1px; color:#005098; 
	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:#005098;}
.cpview .arrow-left:hover,.cpview .arrow-right:hover{ background-color:#005098; color:#fff;}
.cpview .arrow-left:hover i,.cpview .arrow-right:hover i{color:#fff;}
.cpview .arrow-right {
border-radius:30px; border:#005098 solid 1px; color:#005098; 
	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:100%; 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:#005098;
	left:0px;
	top: 0px;
	z-index: 10; color:#fff; text-align:center;cursor:pointer;
}
.cpxtp .arrow-left:hover,.cpxtp .arrow-right:hover{ background-color:#005098;}
.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:#005098;
	right:0px;
	top: 0px;
	z-index: 10; color:#fff; text-align:center;cursor:pointer;
}


.cpxtp .active-nav dd {
	border: 2px solid #005098;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; position:relative; border-bottom:#ddd solid 1px;}
#xqnr_1 span{ float:left; line-height:2; background-color:#fff;font-weight:bold; color:#005098; border-right:#ddd solid 1px;  position:relative; padding-left:12px; padding-right:12px; z-index:1; }
#xqnr_1 span:after{ background-color:#fff; position:absolute; left:0px; top:-1px; z-index:-1; background-color:#fff; height:102%; width:100%; border-top:#005098 solid 2px; content:"";}
#xqnr_2{ width:100%; padding:2%;box-sizing:content-box; box-sizing:border-box; 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:18px; font-weight:bold;text-align:center;color:#005098;  margin-bottom:1.5%;}
#cpsm .title:after{ width:100px; height:3px; position:absolute; background-color:#005098; 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:3%;;
	
}
#cpxq.cpj,#cpxq.cpj p{color:#fff}
#cpxq video{  max-width:100%; }
#cpxq p{line-height:1.8;font-size: 16px;}
#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 h2{ font-size:18px; line-height:1.8; color:#005098; border-bottom:#005098 solid 1px; padding-bottom:6px; margin-bottom:10px;}
#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:#005098; 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:#005098 solid 1px; background-color:#005098; color:#fff;}
@media only screen and (max-width: 1300px){.chanpin1con{ padding:30px;top: 0px;}}
@media only screen and (max-width: 1200px){.cpview .swiper-slide img{ height:350px;}#cpnr p{ font-size:12px; line-height:20px;}#cpbt{ font-size:18px; line-height:20px; font-weight:bold;}#cpsm .title{ font-size:16px; margin-top:12px;}#cpxq p{ font-size:14px;}#cpsl .button2 i{ font-size:18px;}#cpxq h2{ font-size:16px;}.chanpin1p2{ font-size:16px;}.chanpin1con{ padding:20px;}.chanpin1p5{ line-height:25px; height:75px;}.chanpin2con1right,.chanpin2p2{ font-size:16px;}#cpdh a img{ margin-right:8px; height:40px}#cpdh a{ line-height:40px; padding:5px 15px;}#cpdh{ padding:15px;}}
@media only screen and (max-width: 1000px){.cpview .swiper-slide img{ height:250px;}#cpnr p{ font-size:12px; line-height:20px;}#cpbt{ font-size:16px; }#cpsm .title{ font-size:14px;}.chanpin1list{
    box-shadow: 0px 0px 8px #ccc;
    padding:20px;
}#cpdh a img{ margin-right:8px; height:32px}#cpdh a{ line-height:32px; padding:4px 10px;}#cpdh{ padding:10px;}}
@media only screen and (max-width: 900px){#cpjs{ width:100%;  }#cptp{ width:100%;margin-bottom:25px; padding:10px;}.cpview .swiper-slide img{ height:280px;}#cpbt img{ display:none;}#cpxq p{ font-size:12px; line-height:1.5}#cpsl .button2 i{ font-size:16px;}#cpbt{ font-size:16px; text-align:center;}#cpxq h2{ font-size:14px;}.chanpin1p2{ font-size:14px;}.chanpin1con{ padding:22px;}.chanpin1list{
    box-shadow: 0px 0px 8px #ccc;
    padding:15px;
}.chanpin1 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom:15px;}.chanpin1p5{ line-height:20px; height:60px;}.chanpin2con1right,.chanpin2p2{ font-size:14px;}#cpdh a img{ margin-right:6px; height:26px}#cpdh a{ line-height:26px; padding:3px 6px;}}
@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%;}#cpsl  .button2 { width:97%;}}