#005ba8/*内页公用*/
.in_header{background: #FFFFFF;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.in_header h1 a .img1{display: none;}
.in_header h1 a .img2{display:inherit;}
.in_header nav ul li a{color: #000000;}
.in_header .menu-r  .search .search-ico .img1{display: none;}
.in_header .menu-r  .search .search-ico .img2{display: inherit;}
.in_header .menu-r .language span{color: #000000;}
.header .menu-r  .search:before{background: #000000;}
.in_main{padding-top: 65px;}

.site{ /*float: left;*/ width:100%; color: #000000;font-size:16px;margin:6% 0 2.6%;}
.site a,.site span{display: inline-block;margin:0 10px; color: #000000;line-height: 30px;}
.site a.home{padding-left: 50px;margin-left: 0; background: url(../image/a028.png) no-repeat;background-position: left center;background-size: 30px 30px;}

.page {vertical-align:middle;text-align:center;font-size: 18px; color:#2F2F2F; height:36px; line-height:36px; font-family: Arial, Helvetica, sans-serif;}
.page .inner{ display: inline-block; }
.page a{text-align:center; width:36px; height:36px; margin:0 10px;}
.page a.num{float: left;font-family:Arial;color:#000;}
.page a.on{background:#005ba8;color:#fff;}
.page a.num:nth-child(2){border-left:1px solid #D8D8D8;}
.page a.num:nth-child(2).on{border-left:1px solid #005ba8;}
.page a.prev,.page a.next{float: left; width:40px;margin:0 10px; background:url(../image/a002ss.png) center no-repeat; background-size: 32px 20px;}
.page a.next{ background:url(../image/a003ss.png) center no-repeat;background-size: 32px 20px;}
.page a.prev.disable,.page a.next.disable{ cursor: default;}
.p_i{ display: inline-block; position: relative;width:36px;height:36px; line-height:36px;padding:0 2px;background:#fff; border:1px solid #D8D8D8;}
.page input.txtnum{ width:100%; height:100%; text-align: center; border:none; background: none; font-size: 16px;}
.page a.go{ display: inline-block;width: 40px; height: 36px; line-height: 36px; position: relative; top:-1px; font-size: 16px; background:#005ba8;color:#fff!important; text-align: center;}
.p_tot{ margin:0 10px;}
@media only screen and (min-width: 1025px) {
	.page a.prev:hover{background:url(../image/a002.png) center no-repeat #005ba8; background-size: 32px 20px;}
	.page a.next:hover{background:url(../image/a003.png) center no-repeat #005ba8; background-size: 32px 20px;}
    .page a.prev.disable:hover,.page a.next.disable:hover{opacity: 0.5;}
    .page a.num:hover{background:#005ba8;color:#fff!important; }
    .page a.go:hover{opacity: 0.9;}
}
@media only screen and (max-width: 767px) {
    .page span,.page a.go,.page a.num{display: none;}
    .page a.prev.disable,.page a.next.disable{opacity: 0.5;}
}

.service-part{padding:0 0 5%; position: relative;}
.service-part .top-bks{position: absolute;top: 0;left: 0;z-index: -1; width: 100%;height:45%;background: #f2f3f4;}
.service-part .top-bks .top-bks-line{width: 100%;height: auto;left: 0;bottom:-1px;position: absolute;}
.service-part .top-bks .top-bks-line img{display: block;width: 100%;height: auto;}

.service-part .downs-bks{width: 100%;position: absolute;bottom: 0;height:25%;z-index: -1; background-size: cover;background-repeat: no-repeat;background-position: center; background: #f2f3f4;}
.service-part .downs-bks-color .downs-bks-line{width: 100%;height: auto;position: absolute;top: 0;left: 0;}
.service-part .downs-bks-color .downs-bks-line img{display: block;width: 100%;height: auto;}

.service-part .tit{line-height: 1.2; text-align: center; padding-bottom: 20px; color: #000000; margin:0 0 4%; position: relative;}
.service-part .tit span{ display: inline-block; position: relative; padding-bottom: 15px;}
.service-part .tit span:after{content: "";position: absolute;left:0;bottom: 0;width:100%;height:2px;background: #005ba8;}

.ser-sort{margin-bottom: 6%;text-align:center;}
.ser-sort li{position: relative; height: auto;width: calc(16.666% - 2px); box-sizing: border-box;color: #000000; text-align: center;float: left; line-height: 50px; margin-left:-1px; border:1px solid #DCDCDC; background: #fff;}
.ser-sort li a{color: #000000; display: block;}
.ser-sort li.on {background: #005ba8;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.ser-sort li.on a{color: #FFFFFF}

.ser-sort_pro li{ float: none; display: inline-block; margin-left:-6px;}

.ser-slist{margin:0 0 2%;}
.ser-slist ul{margin:0 0 5%;}
.ser-slist li{box-shadow:5px 0 10px 5px rgba(215,25,32,0.1);position: relative;text-align: center; width: calc(33.3% - 20px);float:left;margin-right:30px;margin-bottom: 30px;}
.ser-slist li:nth-child(3n){margin-right: 0px;}
.ser-slist li .pic{width: 100%;height: auto;overflow: hidden;}
.ser-slist li .pic img{display: block;width: 100%;height: auto;}
.ser-slist li .bks{bottom: 0;height: auto; background: none;position: absolute;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);width: 100%;}
.ser-slist li .bks .con{width: 80%;margin: 0 auto; height: auto;padding: 20px 0 30px 0;}
.ser-slist li .bks .con h6{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #000000;font-weight: normal;}
.ser-slist li .bks .con .area-txt{width: 100%;height: 48px;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: none;}
.ser-slist li .bks .con .area-txt p{font-size: 16px; color: #FFFFFF;}
.ser-slist li .bks .con .mores{display: none;margin: 0 auto; width: 40px;height: auto; margin-top:60px;}
.ser-slist li .bks .con .mores img{display: bloc;width: 100%;height: auto;}

.ser-dets-p01{margin:0 0 7%;}
.ser-dets-p01 .ll{padding-top: 10px;position: relative; padding-left: 10px; width:calc(45% - 10px);z-index: 0;float: left;}
.ser-dets-p01 .ll:before{content: "";position: absolute;left:0px;top:0px;width: calc(100% - 20px);height: calc(100% - 20px);background: #f2f3f4;border-top: 10px solid #005ba8;border-left: 10px solid #005ba8;box-shadow: 15px 15px 10px rgba(0,0,0,0.15);}
.ser-dets-p01 .ll .swiper-button-next{background: url(../image/a003.png) #005ba8;right:0px;left: auto;}
.ser-dets-p01 .ll .swiper-button-prev{background: url(../image/a002.png) #005ba8;right:80px;left: auto;}
.ser-dets-p01 .ll .swiper-button-prev:after{content: "";width: 1px;height: 45%;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);background: #FFFFFF;position: absolute;right: 0;}
.ser-dets-p01 .ll .swiper-button-prev,.ser-dets-p01 .ll .swiper-button-next {position: absolute;top:auto;bottom: 0;width:80px;height: 64px;margin-top: 0px;z-index: 10;cursor: pointer;-moz-background-size:32px 20px;-webkit-background-size:32px 20px;background-size:32px 20px;background-position: center;background-repeat: no-repeat;}
.ser-dets-p01 .rr{width: 45%;float: right;}
.ser-dets-p01 .rr h2{margin:6% 0;}
.ser-dets-p01 .rr .brief{ line-height: 2; margin:0 0 5%; width:82%;}
.ser-dets-p01 .rr li{padding-left: 20px;position: relative;margin-bottom: 5px; line-height: 2;}
.ser-dets-p01 .rr li:before{content: "";position: absolute;left: 0;width: 5px;height: 5px;top: 12px;background: #005ba8;}

.service-part .ser-dets-p02 .tit{margin:0 0 2%;}
.ser-dets-p02 .swiper-container{padding:2% 0 7%;}
.ser-dets-p02 .swiper-slide{box-shadow:5px 0 10px 5px rgba(215,25,32,0.1);position: relative;text-align: center;float:left;}
.ser-dets-p02 .swiper-slide .pic{width: 100%;height: auto;overflow: hidden;}
.ser-dets-p02 .swiper-slide .pic img{width:100%;}
.ser-dets-p02 .swiper-slide .bks{bottom: 0; left:0; height: auto; background: none;position: absolute;width: 100%;}
.ser-dets-p02 .swiper-slide .bks .con{width: 80%;margin: 0 auto; height: auto;padding: 20px 0 30px 0;}
.ser-dets-p02 .swiper-slide .bks .con h6{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #000000;font-weight: normal;}
.ser-dets-p02 .swiper-slide .bks .con .area-txt{width: 100%;height: 48px;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: none;}
.ser-dets-p02 .swiper-slide .bks .con .area-txt p{font-size: 16px; color: #FFFFFF;}
.ser-dets-p02 .swiper-slide .bks .con .mores{display: none;margin: 0 auto; width: 40px;height: auto; margin-top:60px;}
.ser-dets-p02 .swiper-slide .bks .con .mores img{display: bloc;width: 100%;height: auto;}
.ser-dets-p02 .swiper-pagination span{ width:50px; height: 5px; margin:0 1%!important; border-radius: 0; background: #C1C1C1;}
.ser-dets-p02 .swiper-pagination span.swiper-pagination-bullet-active{ background: #CE0E17;}
.ser-dets-p02 .swiper-slide h3{ position: absolute; left:0; bottom:0; width:100%; padding:0 5% 10px;}

.contact .map-box{width: 100%;height: 542px;background: #f6f6f6;}
.contact-box{width: 100%;}
.contact-box .contact-con{z-index: 2; position: relative; margin:5% 0; width: 100%;/*transform: translateY(-100px);-ms-transform: translateY(-100px);*/ background: #FFFFFF;box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.contact-box .cont-form{float: left;width:58%;padding: 5%;background: #FFFFFF;}
.contact-box .cont-form h6{color: #000000;text-align: center;}
.contact-box .cont-form ul{width: 100%;margin-top:6%;}
.contact-box .cont-form ul  li{float: left;width:48.5%;margin-bottom:3%;}
.contact-box .cont-form ul  li:nth-child(2n){ float: right;}
.contact-box .cont-form ul  li .inp,.contact-box .cont-form ul  li .sel,.contact-box .cont-form ul  li .text{width:100%;height: 50px;line-height: 50px;border-width: 0px;border-style: solid;background-color: #fff;border-radius: 2px;box-shadow: inset 0 0px 6px rgba(0,0,0,0.15);color: #999;}
.contact-box .cont-form ul  li .inp input{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:90%; padding:0 5%; border:none; font-size: 16px; background: none;}
.contact-box .cont-form ul  li.long{width: 100%;}
.contact-box .cont-form ul  li.long .text{ height: 220px;background: #F6F6F6; position: relative;}
.contact-box .cont-form ul  li.long .text textarea{padding: 20px 2.5%; width:95%; border:none; font-size: 16px; box-shadow: none;background: #f5f5f5;height: 180px;}
.contact-box .cont-form ul  li.long .text .ieTextarea{ position: absolute; left:2.5%; top:0; color:#2E2D2D; width:100%;}
.contact-box .cont-form ul  li.long .text .ieTextHide{ display: none;}

.contact-box .cont-form ul  li.long .file-tips{ float: left;width: 110px;line-height: 50px; font-size: 16px;color: #000000;}
.contact-box .cont-form ul  li.long .file-input{position: relative;width:calc(100% - 110px);float: right;height: 50px;line-height: 50px;text-align: center; color: #999999;  display: block;box-shadow: inset 0 0px 6px rgba(0,0,0,0.15);}
.contact-box .cont-form ul  li.long .file-input input#TUIFileName{ position: absolute;z-index: 0; left:0; top:0; width:100%; height:50px; line-height: 50px; bordeR:none; background: none;}
.contact-box .cont-form ul  li.long .upload-box iframe {overflow:hidden; position:absolute;z-index: 2; width:100%; height:100%; left:0; top:0; opacity:0; filter:alpha(opacity=0);}
.contact-box .cont-form ul  li.long .upload-box.again-box .ViewSpan{overflow: hidden; display: none!important;}
.contact-box .cont-form ul  li.long .upload-box.again-box a.view{color:#E03142;float: left;}
.contact-box .cont-form ul  li.long .upload-box.again-box a.again{color:#E03142;float: left; margin-left:10px;}
.contact-box .cont-form ul  li.long .upload-box.again-box .tip{ display: none;}
.contact-box .cont-form ul  li.long .btn {display: inline-block;height: 50px;line-height: 50px;padding: 0 0px;background-color: #005ba8;color: #fff;width: 100%;margin-top: 10px;white-space: nowrap;text-align: center;font-size: 16px;font-weight: bolder;border: none;border-radius:0px;cursor: pointer;}
.contact-box .cont-form ul li.long .btn+input{left:0; bottom:0;}
.contact-box .cont-information{position: absolute; top: 0;right: 0;height: calc(100% - 80px); width:calc(32% - 80px);background: #005ba8; color: #FFFFFF;padding:  40px;}
.contact-box .cont-information h6{color: #FFFFFF;margin:30% 0 15%;}
.contact-box .cont-information ul li{width: 100%;margin-bottom: 10%;}
.contact-box .cont-information ul li h4{margin-bottom: 3%; line-height: 35px; font-weight: bold; color: #FFFFFF;margin-top: 5%;width: calc(100% - 50px);padding-left: 50px;background-size: 35px 35px;background-repeat: no-repeat;background-position:left center;}
.contact-box .cont-information ul li .con p{color: #FFFFFF;}
.contact-box .cont-information ul li .con p a{color:#fff;}
.contact-box .cont-information ul li h4.ico_add{background-image:url(../image/a038.png);}
.contact-box .cont-information ul li h4.ico_tel{background-image:url(../image/a039.png);}
.contact-box .cont-information ul li h4.ico_email{background-image:url(../image/a040.png);}
.contact-box .cont-information ul li h4.ico_fax{background-image:url(../image/a041.png);}
.contact-box .cont-information ul li h4.ico_code{background-image:url(../image/a042.png);}

@media only screen and (max-width:1399px){
	.contact-box .cont-information ul li h4{padding-left: 40px; background-size: 25px 25px;}
	.contact-box .cont-form ul li .inp, .contact-box .cont-form ul li .sel, .contact-box .cont-form ul li .text,.contact-box .cont-form ul li.long .file-input,.contact-box .cont-form ul li.long .file-tips{height: 40px; line-height: 40px; font-size: 14px;}
	.contact-box .cont-form ul li .inp input,.contact-box .cont-form ul li.long .text textarea,.contact-box .cont-form ul li.long .file-tips,.contact-box .cont-form ul li.long .file-input{font-size: 14px;}
}


@media only screen and (max-width:1365px){
	.ser-dets-p01 .ll .swiper-button-prev, .ser-dets-p01 .ll .swiper-button-next{width:70px; height: 40px;}
	.ser-dets-p01 .ll .swiper-button-prev{right:70px;}
	.ser-dets-p01 .rr h2{margin-top: 0;}
	.ser-dets-p02 .swiper-pagination span{width:40px; height: 4px;}
	
}
@media only screen and (max-width: 1279px){
	.site,.ser-sort li{font-size: 14px;}
	.site a.home{background-size: 20px 20px; padding-left: 34px;}
	.site a, .site span{margin:0;}
	.in_main{padding-top: 60px;}	
	.ser-dets-p01 .rr{width:50%;}
	.ser-dets-p01 .rr .brief{width:100%; line-height: 1.5;}
	.ser-dets-p01 .rr li{line-height: 1.5;}
	.ser-dets-p01 .rr li br{ display: none;}
	.ser-dets-p02 .swiper-pagination span{width:30px; height: 3px;}
	.contact-box .cont-information h6{font-size: 16px;}
	.contact .map-box{height: 400px;}
}

@media only screen and (max-width: 1023px){
	.ser-slist li .bks .con,.ser-dets-p02 .swiper-slide .bks .con{padding:0px 0 20px;}
	.ser-slist li .bks .con{padding: 20px 0;}
	.ser-dets-p02 .swiper-pagination span{width:20px; height: 2px;}
	.ser-dets-p01 .ll,.ser-dets-p01 .rr{width:100%;}
	.ser-dets-p01 .ll{margin:0 0 5%;}
	.ser-dets-p01 .ll:before{width: calc(100% - 15px);height: calc(100% - 10px);border-top: 5px solid #005ba8;border-left:5px solid #005ba8;}
	.service-part .ser-dets-p02 .tit{margin:0 0 4%;}
	.contact-box .cont-form{ float: none; width:90%;}
	.contact-box .cont-information{ position: static; float: none; width:90%;}
	.contact-box .cont-information h6{margin:0;}
	.service-part .top-bks{height: 64%;}
	.ser-dets-p01 .rr li:before{top: 8px;}
}

@media only screen and (max-width: 767px){
	.ser-dets-p01 .ll .swiper-button-prev, .ser-dets-p01 .ll .swiper-button-next{width:40px; height: 30px;background-size:24px 15px;}
	.ser-dets-p01 .ll .swiper-button-prev{right:40px;}
	.ser-sort li{width:33.33%; line-height: 40px; margin-bottom: 5px;}
	.ser-slist li{width:100%;margin:0 0 5%;}
	.ser-dets-p02 .swiper-container{padding-bottom: 15%;}
	.contact .map-box{height: 300px;}
	.contact-box .cont-form ul li .inp, .contact-box .cont-form ul li .sel, .contact-box .cont-form ul li .text,.contact-box .cont-form ul li.long .file-input,.contact-box .cont-form ul li.long .file-tips{height: 34px; line-height: 34px;}
	.contact-box .cont-form ul li.long .text{height: 160px;}
	.contact-box .cont-form ul li.long .text textarea{ height: 120px;}
	.contact-box .cont-information{ height: auto; padding:5%;}
	.contact-box .cont-information ul li{margin-bottom: 5%;}
	.service-part .top-bks{height: 53%;}
}


.col-slist,.col-slist ul{margin:0;}
.col-slist li .bks{ background: url(../image/col_bg01.png) left top repeat-x;}
.col-slist li .bks .con{padding-bottom: 15px;}
.col-slist li .bks .con h6{color:#fff;}
.col-slist li .bks .con .mores{margin-top: 25px;}

.pro_dets01{ margin:2% 0 5%; padding:0 0 2%; background: #F5F5F5; border:1px solid #E7E7E7; box-shadow: -10px 10px 20px 10px #E7E7E7;}
.pro_dets01 .img{position: relative;}
.pro_dets01 .img .bks{
	bottom: 0;
	height: auto;
	background: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 100%;
}
.pro_dets01 .img .bks .mores {
	display: none;
	margin: 0 auto;
	width: 40px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
}
@media only screen and (min-width: 1025px){
	.pro_dets01 .img:hover .bks{
		height: 100%;
		background: rgba(215,25,32,0.5);
		transition: all 0.5s ease-in-out;
	}
	.pro_dets01 .img:hover .bks .mores{display: block;}
}
.pro_dets01 .img img{width:100%;}
.pro_dets01 .img .swiper-button-prev{ left:0; width:64px; height: 48px; margin-top:-24px; background: url(../image/a002.png) center no-repeat #005ba8;}
.pro_dets01 .img .swiper-button-next{ right:0; width:64px; height: 48px; margin-top:-24px; background: url(../image/a003.png) center no-repeat #005ba8;}
.pro_dets01 .con{padding:8% 5% 5%;}
.pro_dets01 .con .ll{ float: left; width:50%; padding-top: 3%;}
.pro_dets01 .con .ll p{ line-height: 2.2;}
.pro_dets01 .con .rr{ float: right; width:30%; margin-right: 10%;background: url(../image/col_img04.png) right bottom no-repeat;}
.pro_dets01 .con .rr h2{padding:10% 0 40%;}
.pro_dets02{margin:6% 0 0;}
.pro_dets02 h2{ text-align: center;}
.pro_dets02 li{ overflow: hidden; line-height: 50px; border-left:4px solid #005ba8; padding:3% 8%; margin:0 0 2%; background: #F5F5F5;}
.pro_dets02 li em{ float: left; width:40px; height: 50px; margin-right:4%;}
.pro_dets02 li em img{ width:100%;}
.pro_dets02 li span{float: left;}
.pro_dets02 li .read{ float: right;margin-right: 10%;}
.pro_dets02 li .read img{ vertical-align: middle; margin-right: 20px; width:38px; height: 30px;}
.pro_dets02 li .down{ float: right;}
.pro_dets02 li .down img{ vertical-align: middle; margin-right: 20px; width:30px; height: 30px;}
.pro_dets03{ margin:4% 0 0;}
.pro_dets03 .more-slist{margin:4% 0 0; position: relative;}
.pro_dets03 .more-slist .swiper-button-prev{left:auto; right:80px; top:-110px; margin-top:0; width:64px; height: 48px; background: url(../image/a002.png) center no-repeat #005ba8;}
.pro_dets03 .more-slist .swiper-button-next{right:0;top:-110px;margin-top:0; width:64px; height: 48px; background: url(../image/a003.png) center no-repeat #005ba8;}

.customers-slist ul{margin:0 -1% 5%;}
.customers-slist li{ float: left; width:23%; margin:0 1% 3%; text-align: center;}
.customers-slist li .pic{border:1px solid #F2F3F4; margin:0 0 3%; overflow: hidden;}

.quality-part01{position: relative; margin:0 0 5%;}
.quality-part01 .tit{ position: absolute; left:42%; top:0; padding-left:4%;}
.quality-part01 .swiper-container{ padding-bottom: 2%;}
.quality-part01 .img{padding-top: 7px;position: relative; padding-left: 7px; width:calc(33.8% - 7px);z-index: 0;float: left;}
.quality-part01 .img:before{content: "";position: absolute;left:0px;top:0px;width: calc(100% - 14px);height: calc(100% - 14px);/* border-top: 7px solid #005ba8;border-left: 7px solid #005ba8; */}
.quality-part01 .img img{box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.15);}
.quality-part01 .con{ float: right; width:50%; margin-top:10%; padding:4% 4% 12%; background: #fff;}
.quality-part01 .con h3{margin-bottom: 25px;}
.quality-part01 .con h3 span{ display: inline-block; position: relative; padding-bottom: 15px; }
.quality-part01 .con h3 span::after{ content: ""; position: absolute; left:0; bottom:0; width:100%; height: 2px; background: #005ba8;}
.quality-part01 .con h4{ font-weight: normal;margin-bottom: 10px; color:#000;}
.quality-part01 .con p{ line-height: 2; height: 6em; overflow: hidden;}
.quality-part01 .swiper-button-prev{ left:46%; width:64px; height: 48px; top:auto; margin-top:0; bottom:30%; background: url(../image/a002.png) center no-repeat #005ba8;}
.quality-part01 .swiper-button-next{ left:calc(46% + 78px); width:64px; height: 48px; top:auto; margin-top:0; bottom:30%; background: url(../image/a003.png) center no-repeat #005ba8;}
.quality-part02 ul{margin:0 -1%;}
.quality-part02 li{ width:48%; margin:0 1% 2%!important;}
.quality-part02 li .bks .con .area-txt{ height: auto;}
.quality-part02 .more{ cursor: pointer; display: block; margin:3% auto 0; width:188px; height: 54px; line-height: 54px; text-align: center; color:#fff!important; background: #D71921;}




@media only screen and (max-width:1365px){
.pro_dets03 .more-slist .swiper-button-prev,.pro_dets03 .more-slist .swiper-button-next,.pro_dets01 .img .swiper-button-prev,.pro_dets01 .img .swiper-button-next,.quality-part01 .swiper-button-prev,.quality-part01 .swiper-button-next{ height: 40px; line-height: 40px; background-size: 32px 20px;}
.pro_dets01 .img .swiper-button-prev,.pro_dets01 .img .swiper-button-next{margin-top:-20px;}
.pro_dets03 .more-slist .swiper-button-prev,.pro_dets03 .more-slist .swiper-button-next{top:-80px;}
.quality-part01 .swiper-button-prev,.quality-part01 .swiper-button-next{bottom:22%;}
}
@media only screen and (max-width:1024px){
.quality-part02 li .bks{position: static;left: 0;transform: translateX(0);-ms-transform: translateX(0); background: #005ba8;}
.quality-part02 li .bks .con .area-txt{ display: block; height: 4.5em; overflow: hidden; margin-top:10px;}
.quality-part01 .swiper-button-prev,.quality-part01 .swiper-button-next{bottom:10%;}
}

@media only screen and (max-width:1023px){
	.pro_dets01 .con .ll{width:60%;}
	.pro_dets01 .con .rr{margin-right: 0;}
	.pro_dets03 .more-slist .swiper-button-prev,.pro_dets03 .more-slist .swiper-button-next{top:-60px;}
}
@media only screen and (max-width:767px){
.pro_dets03 .more-slist .swiper-button-prev,.pro_dets03 .more-slist .swiper-button-next,.pro_dets01 .img .swiper-button-prev,.pro_dets01 .img .swiper-button-next,.quality-part01 .swiper-button-prev,.quality-part01 .swiper-button-next{ width: 40px; height: 30px; line-height: 30px; background-size: 24px 15px;}
.pro_dets01 .con .ll,.pro_dets01 .con .rr{width:100%;}
.pro_dets02 li{line-height: 30px;}
.pro_dets02 li>a{ display: block; width:100%; overflow: hidden; margin-bottom: 10px;}
.pro_dets02 li em{ width:24px; height: 30px;}
.pro_dets02 li .down{ float: left; width:50%;}
.pro_dets02 li .down img{margin-right: 10px; width:20px; height: 20px;}
.pro_dets02 li .read{width:45%; margin:0;}
.pro_dets02 li .read img{margin-right: 10px; width:24px; height: 19px;}
.pro_dets03 .more-slist .swiper-button-prev,.pro_dets03 .more-slist .swiper-button-next{top:-45px;}
.pro_dets03 .more-slist .swiper-button-prev{right:40px;}
.customers-slist ul{margin:0 0 5%;}
.customers-slist li{width:100%; margin:0 0 5%;}
.quality-part01 .img{ float: none; width:100%;}
.quality-part01 .con{ float: none;width:90%; padding:5%;}
.quality-part01 .swiper-button-prev,.quality-part01 .swiper-button-next{left:0;bottom:auto; top:30%;}
.quality-part01 .swiper-button-next{left:auto; right:0;}
.quality-part01 .con p{height: auto;}
.quality-part02 ul{margin:0;}
.quality-part02 li{width:100%; margin:0 0 5%!important;}
.quality-part02 li .bks .con{padding:5%;}
.quality-part02 li .bks .con .area-txt{ height:auto;}
.quality-part02 li .bks .con .area-txt p{font-size: 14px;}
}

.quality_body .pro_dets01 .con{padding-top: 4%;}

@media only screen and (min-width: 1025px){
.site a,.ser-slist li,.ser-dets-p01 .ll .swiper-button-prev,.ser-dets-p01 .ll .swiper-button-next,
.pro_dets03 .more-slist .swiper-button-prev,.pro_dets03 .more-slist .swiper-button-next,
.pro_dets03 .more-slist .swiper-button-prev,.pro_dets03 .more-slist .swiper-button-next,
.customers-slist li,.customers-slist li h2,.quality-part01 .swiper-button-prev,.quality-part01 .swiper-button-next,
.quality-part02 .more{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.site a:hover{color: #005ba8;}
.site a.home:hover{background: url(../image/a029.png) no-repeat;background-position: left center;background-size: 30px 30px;}
.ser-sort li:hover{background: #005ba8;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.ser-sort li:hover a{color: #FFFFFF;}
.ser-slist li:hover,.ser-dets-p02 .swiper-slide:hover{box-shadow: 5px 0 10px 5px rgba(0,0,0,0.2);}
.ser-slist li:hover .bks .con .area-txt,.ser-dets-p02 .swiper-slide:hover .bks .con .area-txt{display: block;}
.ser-slist li:hover .bks .con,.ser-dets-p02 .swiper-slide:hover .bks .con{position: absolute;top: 50%;left: 50%;width: 80%;height: auto;transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);}
.ser-slist li:hover .bks,.ser-dets-p02 .swiper-slide:hover .bks{height: 100%;background: rgba(0,91,168,0.5);transition: all 0.5s ease-in-out;}
.ser-slist li:hover .bks .con .mores,.ser-dets-p02 .swiper-slide:hover .bks .con .mores{display: block;}
.ser-slist li:hover .bks h6,.ser-dets-p02 .swiper-slide:hover .bks h6{color: #FFFFFF;}
.ser-slist li:hover .pic img,.ser-dets-p02 .swiper-slide:hover .pic img,.customers-slist li:hover .pic img{transform: scale(1.1);transition: all 0.3s ease-in-out;}
.customers-slist li:hover h2{color:#005ba8;}
.quality-part02 .more:hover{opacity: 0.8;}
}