/*header start*/
.header{position: fixed;width:100%;left:0;top:0;z-index:99;}
.header .header-box{background:#FFFFFF;}
/* .header.inner-page{position: relative;} */
.header-box .logo{padding:30px 0;position:absolute;/*left:14.5%;*/top:0;z-index:3;}
.header-box .logo a{display: inline-block;}
.header-box .logo a img{max-width:120px;height:auto;min-width:98px;}
.header-box .tool-nav{float:right;}
.header-box .tool-nav .tool-box{background:#0F0F0F;padding:13px 0;position: relative;padding-left:40px;width:920px;float:right;}
.header-box .tool-nav .tool-box::before{background:url(../images/h-t-01.png) no-repeat center;width:31px;height:50px;position: absolute;left:-31px;top:0;content: '';}
.header-box .tool-nav .tool-box .link-box{float:left;}
.header-box .tool-nav .tool-box .link-box a{
	font-size: 16px;
	color: #FFFFFF;
	padding-left:25px;
	margin-right:77px;
	transition: all 0.6s;
}
.header-box .tool-nav .tool-box .link-box a:hover{
	color:#CCCCCC;
}
.header-box .tool-nav .tool-box .link-box a.tel{background:url(../images/h-icon-01.png) no-repeat left center;}
.header-box .tool-nav .tool-box .link-box a.mail{background:url(../images/h-icon-02.png) no-repeat left center;padding-left:34px;}
.header-box .tool-nav .tool-box .search-lan{float:right;}
.header-box .tool-nav .tool-box .search-lan .search{display: inline-block;float:left;margin-right:40px;}
.header-box .tool-nav .tool-box .search-lan .lan{float:right;display: inline-block;padding-left:25px;background:url(../images/h-icon-04.png) no-repeat left center;position: relative;}
.header-box .tool-nav .tool-box .search-lan .lan dl{}
.header-box .tool-nav .tool-box .search-lan .lan dt{padding-right:20px;position: relative;}
.header-box .tool-nav .tool-box .search-lan .lan dt .icon{background:url(../images/h-icon-05.png) no-repeat center;width:12px;height:7px;position:absolute;right:0;top:50%;margin-top:-6px;transition: all 0.4s;transform: rotate(0);}
.header-box .tool-nav .tool-box .search-lan .lan:hover dt .icon{transform: rotate(-180deg);}
.header-box .tool-nav .tool-box .search-lan .lan dt a{
	font-size: 16px;
	color: #FFFFFF;
}
.header-box .tool-nav .tool-box .search-lan .lan dd{
	position: absolute;
	left:0;
	top:100%;
	width:100%;
	background:#0F0F0F;
	z-index:3;
	transition:all 0.2s;
	visibility: hidden;
	opacity:0;
	transform: translateY(0);
}
.header-box .tool-nav .tool-box .search-lan .lan:hover dd{opacity:1;visibility: visible;transform: translateY(10%);}
.header-box .tool-nav .tool-box .search-lan .lan dd a{display:block;padding:5px 10px;color:#FFFFFF;transition: all 0.6s;}
.header-box .tool-nav .tool-box .search-lan .lan dd a:hover{background:#666666;}
.header-box .tool-nav .nav-box{background:#0F3360;position: relative;width:1050px;float:right;}
.header-box .tool-nav .nav-box::before{background:url(../images/h-t-02.png) no-repeat center;width:34px;height:80px;position: absolute;left:-34px;top:0;content: '';}
.header-box .tool-nav .nav-box #menuWap{display: none;}
.header-box .tool-nav .nav-box #menuPc > ul{display: flex;flex-wrap:wrap;}
.header-box .tool-nav .nav-box #menuPc > ul > li{text-align: center;flex:1;position: relative;}
.header-box .tool-nav .nav-box #menuPc > ul > li > a{
	font-family: "Arial-BoldMT";
	font-size: 18px;
	color: #FFFFFF;
	padding:26.5px 0;
	display: block;
	position: relative;
}
.header-box .tool-nav .nav-box #menuPc > ul > li > a::after{
	content: '';
	width: 0;
	height: 2px;
	background: #FFFFFF;
	position: absolute;
	left:50%;
	top:75%;
	margin-left:-10px;
	transition: all 0.6s;
	opacity:0;
}
.header-box .tool-nav .nav-box #menuPc > ul > li > a:hover::after ,.header-box .tool-nav .nav-box #menuPc > ul > li.act > a::after{
	width:20px;
	opacity:1;
}
.header-box .tool-nav .nav-box #menuPc > ul > li .second{
	margin-top:10px;
	position: absolute;
	left:50%;
	width: 290px;
	background: rgba(252, 253, 254, 0.95);
	box-shadow: 0px 7px 24px 0px rgba(4, 0, 0, 0.15);
	margin-left:-145px;
	opacity:0;
	visibility: hidden;
	transition: all 0.2s;
	transform: translateY(-10%);
}
.header-box .tool-nav .nav-box #menuPc > ul > li:hover .second{
	opacity:1;
	visibility: visible;
	transform: translateY(0);
}
.header-box .tool-nav .nav-box #menuPc > ul > li .second::after{
	content: '';
	background:url(../images/second-s-02.png) no-repeat center;
	width:14px;
	height:7px;
	position: absolute;
	left:50%;
	margin-left:-7px;
	top:-7px;
}
.header-box .tool-nav .nav-box #menuPc > ul > li .second > li{border-top:1px solid #E4E4E4;position: relative;}
.header-box .tool-nav .nav-box #menuPc > ul > li .second > li:first-child{border-top:none;}
.header-box .tool-nav .nav-box #menuPc > ul > li .second > li > a{
	padding:15px 40px;
	display: block;
	font-size: 18px;
	color: #323333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: all 0.6s;
}
.header-box .tool-nav .nav-box #menuPc > ul > li .second > li > a:hover{
	background:#0F3360;
	color:#FFFFFF;
}
.header-box .tool-nav .nav-box #menuPc > ul > li .second > li .third{
	position: absolute;
	left:100%;
	top:50%;
	margin-left:25px;
	width: 290px;
	background: rgba(252, 253, 254, 0.95);
	box-shadow: 0px 7px 24px 0px rgba(4, 0, 0, 0.15);
	transition: all 0.6s;
	opacity:0;
	visibility:hidden;
	transform:translate(-10%,-50%);
}
.header-box .tool-nav .nav-box #menuPc > ul > li .second > li:hover .third{
	opacity:1;
	visibility: visible;
	transform:translate(0,-50%);
}
.header-box .tool-nav .nav-box #menuPc > ul > li .second > li .third::after{
	content: '';
	background:url(../images/second-s-01.png) no-repeat center;
	width:7px;
	height:14px;
	position: absolute;
	left:-7px;
	margin-top:-7px;
	top:50%;
}
.header-box .tool-nav .nav-box #menuPc > ul > li .second > li .third li{
	border-top:1px solid #E4E4E4;
}
.header-box .tool-nav .nav-box #menuPc > ul > li .second > li .third li:first-child{
	border-top:none;
}
.header-box .tool-nav .nav-box #menuPc > ul > li .second > li .third li a{
	padding:15px 40px;
	display: block;
	font-size: 18px;
	color: #323333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: all 0.6s;
}
.header-box .tool-nav .nav-box #menuPc > ul > li .second > li .third li a:hover{
	color:#146FD6;
}
/*header end*/

/*footer start*/
.footer{
	background:#303030;
}
.footer-top{
	padding:60px 0;
}
.footer-top .logo-contact{
	width:20%;
	float:left;
	padding-right:5%;
	border-right:1px dashed #656565;
}
.footer-top .logo-contact .f-logo a{display: inline-block;}
.footer-top .logo-contact .f-contact{margin-top:30px;}
.footer-top .logo-contact .f-contact ul li{padding-left:25px;margin-bottom:20px;}
.footer-top .logo-contact .f-contact ul li span ,.footer-top .logo-contact .f-contact ul li a{
	font-size: 12px;
	color: #dadada;
	transition: all 0.6s;
}
.footer-top .logo-contact .f-contact ul li a:hover{
	color:#136FD5;
	text-decoration: underline;
}
.footer-top .logo-contact .f-contact ul li.add{background:url(../images/f-icon-01.png) no-repeat left 4px;}
.footer-top .logo-contact .f-contact ul li.tel{background:url(../images/f-icon-02.png) no-repeat left 2px;}
.footer-top .logo-contact .f-contact ul li.fax{background:url(../images/f-icon-03.png) no-repeat left 3px;}
.footer-top .logo-contact .f-contact ul li.mail{background:url(../images/f-icon-04.png) no-repeat left 5px;}
.footer-top .f-nav{
	width:70%;
	float:right;
}
.footer-top .f-nav dl{
	width:22%;
	float:left;
	margin-left:4%;
}
.footer-top .f-nav dl:first-child{margin-left:0;}
.footer-top .f-nav dl dt{margin-bottom:45px;position: relative;padding-bottom:15px;}
.footer-top .f-nav dl dt::after{
	content: '';
	width: 24px;
	height: 1px;
	background: #656565;
	position: absolute;
	left:0;
	bottom:0;
}
.footer-top .f-nav dl dt a{display:block;
	font-size: 15px;
	color: #FFFFFF;
	transition:all 0.6s;
}
.footer-top .f-nav dl dt a:hover{
	color:#136FD5;
}
.footer-top .f-nav dl dd{
	margin-bottom:20px;
}
.footer-top .f-nav dl dd a{
	font-size:12px;
	color:#dadada;
	transition:all 0.6s;
}
.footer-top .f-nav dl dd a:hover{
	color:#136FD5;
}
.footer-copy{
	padding:30px 0;
	border-top:1px dashed #656565;
}
.footer-copy .footer-share{width:50%;float:left;}
.share-box a{
	display: inline-block;
	width:25px;
	height:25px;
	margin-right:12px;
	float:left;
	transition:all 0.6s;
}
.share-box a.i{background:url(../images/share-01.png) no-repeat center;}
.share-box a.f{background:url(../images/share-02.png) no-repeat center;}
.share-box a.y{background:url(../images/share-03.png) no-repeat center;}
.share-box a.t{background:url(../images/share-04.png) no-repeat center;}
.share-box a.ins{background:url(/wp-content/uploads/2025/08/ins1.png) no-repeat center;}

.share-box a.i:hover{background:url(../images/share-01-h.png) no-repeat center;}
.share-box a.f:hover{background:url(../images/share-02-h.png) no-repeat center;}
.share-box a.y:hover{background:url(../images/share-03-h.png) no-repeat center;}
.share-box a.t:hover{background:url(../images/share-04-h.png) no-repeat center;}
.share-box a.ins:hover{background:url(/wp-content/uploads/2025/08/ins2.png) no-repeat center;}


.footer-copy .copy-box{width:60%;float:right;font-size:12px;color:#656565;text-align: right;}
/*footer end*/

/*轮播图start*/
.banner{max-width:100%;margin:130px auto 0;width:100%;background:#FFFFFF;}
.banner .swiper-slide{position: relative;overflow: hidden;height:100%;}
.banner .swiper-slide .video-box{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;}
.banner .swiper-slide .video-box video{position: absolute;left:0;top:0;right:0;bottom:0;}
.banner .swiper-slide .video-box iframe{position: absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;}
.banner .bg-box{position: relative;z-index:1;}
.banner .bg-box img{width:100%;height:auto;}
.banner .wap-box{display:none;}
.banner .wap-box img{width:100%;height:auto;}
.banner .swiper-page-box{position: absolute;right:15%;z-index:6;bottom:30px;padding:0 60px;}
.banner .swiper-page-box .swiper-pagination{position: relative;display: inline-block;float:right;margin-left:5px;padding:12px 0;}
.banner .swiper-page-box .swiper-pagination .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #999999;
	border-radius: 50%;
	margin:0 15px;
	opacity:1;
	transition: all 0.6s;
}
.banner .swiper-page-box .swiper-pagination .swiper-pagination-bullet-active{
	transform: scale(1.2);
	background:#FFFFFF;
}
.banner .swiper-button-next, .banner .swiper-button-prev{width:29px;transition: all 0.6s;}
.banner .swiper-button-prev{background:url(../images/banner-left.png) no-repeat center;transform:translateX(0);}
.banner .swiper-button-next{background:url(../images/banner-right.png) no-repeat center;transform:translateX(0);}
.banner .swiper-button-prev:hover{transform:translateX(-20%);}
.banner .swiper-button-next:hover{transform:translateX(20%);}
/* 自定义分页器 */
.swiper-num{display: inline-block;float:left;font-family: "Arial-BoldMT";font-size:30px;color:#FEFEFE;}
.swiper-num i{display: inline-block;}
.swiper-num .active {display: inline-block;}
.swiper-num .total {display: inline-block;font-size:16px;}

.banner .swiper-slide .banner-content{position: absolute;left:0;top:0;width:100%;height:100%;z-index:4;display:flex;align-items: center;}
.banner .swiper-slide .banner-content .m-width-1360{width:1360px;}
.banner .swiper-slide .banner-content h4{
	font-family: "Arial-BoldMT";
	font-size: 60px;
	font-weight: 900;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height:1.1;
}
.banner .swiper-slide .banner-content p{
	font-size: 20px;
	color: #FFFFFF;
	padding:25px 0;
}
.banner .swiper-slide .banner-content .banner-play{
	width:44px;
	height:44px;
	position:relative;
	display: block;
	background:url(../images/banner-play.png) no-repeat center;
}
.banner .swiper-slide .banner-content .banner-play.stop{
	background:url(../images/banner-stop.png) no-repeat center;
}
.banner .swiper-slide .banner-content .banner-play:after {
	animation: sanfang 1s ease-out infinite;
	width: 60px;
	height: 60px;
	content: '';
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	background: rgba(255, 255, 255, 0.2);
	position: absolute;
	border-radius: 50%;
}
.banner .swiper-slide .banner-content .banner-play:before {
	animation: sanfang 1s ease-out infinite;
	width: 80px;
	height: 80px;
	background: rgba(255, 255, 255, 0.1);
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px;
	content: '';
	border-radius: 50%;
}
@keyframes sanfang {
	0% {
		transform: scale(0.6);
		opacity: 0.6;
	}
	25% {
		transform: scale(0.7);
		opacity: 0.8;
	}
	50% {
		transform: scale(0.8);
		opacity: 1;
	}
	75% {
		transform: scale(0.9);
		opacity: 0.8;
	}
	100% {
		transform: scale(1);
		opacity: 0.6;
	}
}


.swiper-slide .banner-content{
	transform:translateY(-200px);
	opacity:0;
	transition:all 1s;
}
.ani-slide .banner-content{
	transform:translateY(0);
	opacity:1;
}

/*轮播图end*/
.inner-banner{width:100%;margin:0 auto;position: relative;margin-top:130px;}
.inner-banner .img-box img{width:100%;height:auto;}
.inner-banner .inner-banner-tit{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:3;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.inner-banner .inner-banner-tit .m-width-1360{width:1360px;}
.inner-banner .inner-banner-tit h4{
	font-size: 26px;
	font-weight: 400;
	color: #FFFFFF;
}
.crumbs-box{padding:20px 0;font-size:15px;}
.crumbs-box .cb-box{padding-left:25px;background:url(../images/cb-icon.png) no-repeat left 3px;}
.crumbs-box a{color:#656565;display: inline-block;transition: all 0.4s;}
.crumbs-box a:hover{color:#0F335F;}
.crumbs-box i{display: inline-block;padding:0 5px;color:#;}
.crumbs-box span{color:#0F335F;}

/*公共样式定义 start*/
/*例如,统一间距,统一字体,统一大小写,统一最大距离*/

.m-width-1360{max-width:1360px;margin:0 auto;}
.ipd-20{}
/*置顶按钮 start*/
#toTop{width:56px;height:48px;right:20px;bottom:20%;position: fixed;z-index:999;}
/*置顶按钮 end*/

/*分页 start*/
.page-box{padding:50px 0;text-align: center;}
.page-box .page-inner{display:flex;justify-content: center;}
.page-box .page-inner a{display:inline-flex;font-size:14px;color:#696969;width:45px;height:45px;line-height:45px;justify-content: center;background:transparent;border:1px solid #D4D4D4;margin-left:-1px;}
.page-box .page-inner .current{display:inline-flex;font-size:14px;color:#696969;width:45px;height:45px;line-height:45px;justify-content: center;background:transparent;border:1px solid #D4D4D4;margin-left:-1px;}
.page-box .page-inner .page-list{display: flex;}
.page-box .page-inner .page-list a.act ,.page-box .page-inner .page-list a:hover{color:#FFFFFF;transition: all 0.4s;background:#0f3360;}
.page-box .page-inner a.prev{background:url(../images/page-left.png) no-repeat center;}
.page-box .page-inner a.next{background:url(../images/page-right.png) no-repeat center;}
.page-box .page-inner a.prev.no-drop ,.page-box .page-inner a.next.no-drop{cursor: no-drop;opacity:0.5;}

.page-box .page-inner .page-list .current.act ,.page-box .page-inner .page-list .current:hover{color:#FFFFFF;transition: all 0.4s;background:#0f3360;}
.page-box .page-inner .current.prev{background:url(../images/page-left.png) no-repeat center;}
.page-box .page-inner .current.next{background:url(../images/page-right.png) no-repeat center;}
.page-box .page-inner .current.prev.no-drop ,.page-box .page-inner .current.next.no-drop{cursor: no-drop;opacity:0.5;}
/*分页 end*/

/*公共样式定义 end*/
.index-service-box{
	max-width:1920px;
	margin:0 auto;
	background:url(../images/index-service-bg-pic.jpg) no-repeat center;
	background-size: cover;
	padding:90px 0;
}
.index-service-box .in-ser-pla{position: relative;}
.index-service-box .in-ser-pla .pla-pic{position: relative;z-index:1;}
.index-service-box .in-ser-pla .pla-pic img{max-width:100%;height:auto;}
.index-service-box .in-ser-pla .index-ser-tit{position: absolute;left:0;top:0;z-index:2;}
.index-service-box .in-ser-pla .index-ser-tit h6{
	font-size: 36px;
	font-family: "Arial-BoldMT";
	color: #FFFFFF;
	text-transform: uppercase;
	padding:30px 0;
	line-height:1;
	position: relative;
}
.index-service-box .in-ser-pla .index-ser-tit h6::after{
	content: '';
	width: 40px;
	height: 4px;
	background: #FFFFFF;
	position: absolute;
	left:0;
	bottom:0;
}
.index-service-box .in-ser-pla .in-ser-list{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:3;
}
.index-service-box .in-ser-pla .in-ser-list ul{
	width:100%;
	height:100%;
}
.index-service-box .in-ser-pla .in-ser-list ul li{position:absolute;}
.index-service-box .in-ser-pla .in-ser-list ul li .img-box{display: block;position: relative;}
.index-service-box .in-ser-pla .in-ser-list ul li .img-box img{width:100%;height:auto;}
.index-service-box .in-ser-pla .in-ser-list ul li .pop-box{
	position: absolute;
	right:0;
	top:0;
	z-index:2;
	width:53.76623%;
}
.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-bg{
	position:relative;
}
.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-bg img{width:100%;height:auto;}
.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-inner{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	box-sizing: border-box;
	padding-left:30%;
	padding-right:30px;
	display:flex;
	justify-content: center;
	flex-direction: column;
}
.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-inner .number{
	font-size: 40px;
	color: #FFFFFF;
	font-family: "Arial-BoldMT";
	margin-bottom:20px;
}
.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-inner .tips{
	font-size: 20px;
	color: #FFFFFF;
	font-family: "Arial-BoldMT";
}
.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-inner .tips a,
.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-inner .list ul li a{ color: #fff; }
.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-inner .list ul li{
	padding-left:15px;
	margin-bottom:30px;
	font-size: 16px;
	color: #FFFFFF;
	position: relative;
}
.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-inner .list ul li::after{
	content: '';
	width: 6px;
	height: 6px;
	background: #FFFFFF;
	border-radius: 50%;
	position: absolute;
	left:0;
	top:8px;
}
.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-inner .icon{
	position: absolute;
	right:30px;
	bottom:30px;
}
.index-service-box .in-ser-pla .in-ser-list > ul > li:nth-child(1){
	right:0;
	top:0;
	width:56.61764%;
}
.index-service-box .in-ser-pla .in-ser-list > ul > li:nth-child(2){
	right:18.08823%;
	bottom:7.91284%;
	width:38.52941%;
}
.index-service-box .in-ser-pla .in-ser-list > ul > li:nth-child(3){
	left:6.76470%;
	bottom:0;
	width:35.07352%;
}
.index-service-box .in-ser-pla .in-ser-list > ul > li:nth-child(4){
	left:0;
	top:25.22935%;
	width:41.91176%;
}
.index-product-box{
	background:url(../images/index-pro-bg.jpg) no-repeat center;
	background-size:cover;
	padding:90px 8%;
	max-width:1920px;
	margin:0 auto;
	box-sizing:border-box;
	position: relative;
}
.index-product-box .index-pro-con .con-pic{max-width:740px;margin:0 auto;background:url(../images/index-pro-bg-02.png) no-repeat center;}
.index-product-box .index-pro-con .con-pic .con{position: absolute;left:0;top:0;z-index:-1;opacity:0;visibility:hidden;}
.index-product-box .index-pro-con .con-pic .con.act{position: relative;z-index:2;opacity:1;visibility:visible;animation:fangda 0.6s ease-in-out forwards;}
.index-product-box .index-pro-con .con-pic .con .img-box img{width:100%;height:auto;}
.index-product-box .index-pro-tit{text-align: center;margin-bottom:60px;}
.index-product-box .index-pro-tit h6{
	display: inline-block;
	padding:0 0 30px;
	position: relative;
	font-size: 36px;
	color: #FFFFFF;
	font-family: "Arial-BoldMT";
	text-transform: uppercase;
	line-height:1;
}
.index-product-box .index-pro-tit h6::after{
	width: 40px;
	height: 4px;
	background: #FFFFFF;
	content: '';
	position: absolute;
	left:50%;
	margin-left:-20px;
	bottom:0;
}
.index-product-box .index-product-inner{position: relative;}
.index-product-box .index-pro-list{
	position: absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:4;
}
.index-product-box .index-pro-list ul{position: relative;height:100%;}
.index-product-box .index-pro-list ul li{position: absolute;padding:0 0 0 90px;width:20%;cursor:pointer;height:84px;}
.index-product-box .index-pro-list ul li .num{
	width: 73px;
	height: 84px;
	background:url(../images/index-pro-num-02.png) no-repeat center;
	text-align: center;
	line-height:84px;
	font-size: 24px;
	color: #626262;
	font-family: "Arial-BoldMT";
	position: absolute;
	left:0;
	top:50%;
	margin-top:-42px;
}
.index-product-box .index-pro-list ul li.act .num{
	background:url(../images/index-pro-num-01.png) no-repeat center;
	color:#FFFFFF;
	transition: all 0.6s;
}
.index-product-box .index-pro-list ul li .tips{
	font-size: 24px;
	font-family: "Arial-BoldMT";
	color: #FFFFFF;
	line-height:1.2;
	height:84px;
	display: flex;
	align-items: center;
}
.index-product-box .index-pro-list ul li:nth-child(1){left:0;top:0;}
.index-product-box .index-pro-list ul li:nth-child(2){left:0;top:30%;}
.index-product-box .index-pro-list ul li:nth-child(3){left:0;bottom:30%;}

.index-product-box .index-pro-list ul li:nth-child(4){right:0;top:0;text-align: right;padding-left:0;padding-right:90px;}
.index-product-box .index-pro-list ul li:nth-child(5){right:0;top:30%;text-align: right;padding-left:0;padding-right:90px;}
.index-product-box .index-pro-list ul li:nth-child(6){right:0;bottom:30%;text-align: right;padding-left:0;padding-right:90px;}
.index-product-box .index-pro-list ul li:nth-child(4) .num{left:auto;right:0;}
.index-product-box .index-pro-list ul li:nth-child(5) .num{left:auto;right:0;}
.index-product-box .index-pro-list ul li:nth-child(6) .num{left:auto;right:0;}
.index-product-box .index-pro-list ul li:nth-child(4) .tips{justify-content: flex-end;}
.index-product-box .index-pro-list ul li:nth-child(5) .tips{justify-content: flex-end;}
.index-product-box .index-pro-list ul li:nth-child(6) .tips{justify-content: flex-end;}
.index-product-box .index-pro-con .con-text{padding:50px 0;max-width:740px;margin:0 auto;}
.index-product-box .index-pro-con .con-text .con{
	position: absolute;left:0;top:0;z-index:-1;opacity:0;visibility:hidden;
	font-size: 16px;
	color: #E5E5E5;
	line-height:1.8;
	text-align: center;
}
.index-product-box .index-pro-con .con-text .con.act{position: relative;z-index:2;opacity:1;visibility:visible;animation:xiangxia 1s ease-in-out forwards;}
.index-product-box .index-pro-con .con-text .con .img-box img{width:100%;height:auto;}


@keyframes fangda{
	from{transform: scale(0.5);}
	to{transform: scale(1);}
}
@keyframes xiangxia{
	from{opacity:0;transform: translateY(-50px);}
	to{opacity:1;transform: translateY(0);}
}

.index-factroy-box{max-width:1920px;margin:0 auto;}
.index-factroy-box .index-fac-text{
	padding:90px 0 150px;
	background:url(../images/index-factory-bg.jpg) no-repeat center;
	background-size:cover;
}
.index-factroy-box .index-fac-text .tit{width:30%;float:left;}
.index-factroy-box .index-fac-text .tit h4{
	font-size: 36px;
	color: #0D3460;
	font-family: "Arial-BoldMT";
	text-transform: uppercase;
}
.index-factroy-box .index-fac-text .tit .more{
	margin-top:50px;
	display: block;
	width: 150px;
	height: 50px;
	border: 2px solid #0D3460;
	line-height:50px;
	background:url(../images/factory-more-icon.png) no-repeat 90% center;
}
.index-factroy-box .index-fac-text .tit .more span{
	font-size: 16px;
	color: #0D3460;
	font-family: "Arial-BoldMT";
	text-transform: uppercase;
	padding:0 15px;
}
.index-factroy-box .index-fac-text .tips{
	width:70%;
	float:right;
	font-size: 16px;
	color: #111111;
	line-height: 1.8;
}
.index-factroy-box .index-fac-slider{position: relative;}
.index-factroy-box .index-fac-slider .swiper-slide .img-box img{width:100%;height:auto;}
.index-fac-slider .swiper-button-next, .index-fac-slider .swiper-button-prev{
	width: 46px;
	height: 46px;
	margin-top:-23px;
}
.index-fac-slider .swiper-button-prev{
	left:6.25%;
	background:url(../images/index-fac-left-h.png) no-repeat center;
}
.index-fac-slider .swiper-button-next{
	right:6.25%;
	background:url(../images/index-fac-right-h.png) no-repeat center;
}

.index-fac-slider .swiper-button-prev.swiper-button-disabled{
	opacity:1;
	cursor:no-drop;
	pointer-events:auto;
	background:url(../images/index-fac-left.png) no-repeat center;
}
.index-fac-slider .swiper-button-next.swiper-button-disabled{
	opacity:1;
	cursor:no-drop;
	pointer-events:auto;
	background:url(../images/index-fac-right.png) no-repeat center;
}
.index-appliction-box{
	background:url(../images/index-app-bg.jpg) no-repeat center;
	background-size:cover;
	padding:90px 0;
	max-width:1920px;
	margin:0 auto;
}
.index-appliction-box .index-app-tit h4{
	font-size: 35px;
	color: #FFFFFF;
	font-family: "Arial-BoldMT";
	text-transform:uppercase;
	padding-bottom:30px;
	position: relative;
	line-height:1;
}
.index-appliction-box .index-app-tit h4::after{
	width: 40px;
	height: 4px;
	background: #FFFFFF;
	content: '';
	position: absolute;
	left:0;
	bottom:0;
}
.index-appliction-box .index-app-list{padding-top:150px;}
.index-appliction-box .index-app-list ul{position: relative;width:100%;}
.index-appliction-box .index-app-list ul li{width:23%;float:left;margin-right:2%;}
.index-appliction-box .index-app-list ul li.hot{width:50%;position: absolute;right:0;bottom:0;margin-right:0;}
.index-appliction-box .index-app-list ul li .img-box{display: block;}
.index-appliction-box .index-app-list ul li .img-box img{width:100%;height:auto;}
.index-appliction-box .index-app-list ul li .text-box{
	padding:25px 0 0;
}

.index-appliction-box .index-app-list ul li.hot .text-box{
	position: absolute;bottom:0;
	width:60%;
	padding:40px 40px 80px 40px;
	box-sizing: border-box;
	right:-85px;
	background:#0F335F;
}
.index-appliction-box .index-app-list ul li.hot .text-box .d{
	height:48px;
}
.index-appliction-box .index-app-list ul li.hot .text-box .m{
	width: 320px;
	height: 40px;
	background: #136FD5;
	position: absolute;
	left:0;
	bottom:0;
	box-sizing:border-box;
	padding:0 40px;
	line-height:40px;
}
.index-appliction-box .index-app-list ul li .text-box .t{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 19px;
	color: #FFFFFF;
	font-family: "Arial-BoldMT";
	transition:all 0.6s;
}
.index-appliction-box .index-app-list ul li .text-box .t:hover{
	color:#136FD5;
}
.index-appliction-box .index-app-list ul li .text-box .d{
	margin-top:15px;
	height: 72px;
	font-size: 15px;
	color: #DBDBDB;
	line-height: 24px;
	overflow: hidden;
}
.index-appliction-box .index-app-list ul li .text-box .m{
	margin-top:25px;
	display: inline-block;
	font-size: 15px;
	color: #FFFFFF;
	font-family: "Arial-BoldMT";
	text-transform: uppercase;
}
.index-appliction-box .index-app-list ul li .text-box .m span{
	padding-right:45px;
	transition: all 0.6s;
	display: inline-block;
	background:url(../images/index-app-more.png) no-repeat 90% center;
}
.index-appliction-box .index-app-list ul li .text-box .m:hover span{
	background-position:right center;
}
.about-company{
	padding:50px 0 80px;
}
/*.about-company .company-tit{background:url(../images/about-tit-bg.png) no-repeat left center;}*/
.about-company .company-tit h6{
	padding:20px 0;
	font-size: 30px;
	font-family: "Arial-BoldMT";
	color: #0F335F;
}
.about-company .company-text{
	margin:20px 0 40px;
	font-size: 15px;
	line-height:2.1;
	color: #656565;
}
.about-company .company-video{position: relative;}
.about-company .company-video .video-play{position: relative;display: block;}
.about-company .company-video .video-play img{width:100%;height:auto;}
.company-video .video-play::after{
	content: '';
	background:url(../images/about-play.png) no-repeat center;
	width:76px;
	height:76px;
	position: absolute;
	left:50%;
	top:50%;
	margin:-38px 0 0 -38px;
}
.about-honor{
	background:url(../images/about-pic-13.jpg) repeat;
	padding:80px 0;
}
.about-honor .honor-tit{text-align: center;/*background:url(../images/about-tit-bg.png) no-repeat  center;*/}
.about-honor .honor-tit h6{
	padding:20px 0;
	font-size: 30px;
	color: #0F335F;
	font-family: "Arial-BoldMT";
}
.about-honor .honor-slider{margin-top:30px;position: relative;}
.about-honor .honor-slider .swiper-slide .img-box img{width:100%;height:auto;}
.about-honor .honor-slider .swiper-slide .text-box{
	width:100%;
	box-sizing: border-box;
	padding:20px 20px;
	text-align: center;
	background:rgba(15, 51, 95, 0.5);
	position: absolute;
	z-index:3;
	left:0;
	top:50%;
	transform: translateY(100%);
	opacity:0;
	visibility:hidden;
	transition: all 0.6s;
}
.about-honor .honor-slider .swiper-slide:hover .text-box{
	visibility: visible;
	opacity:1;
	transform: translateY(-50%);
}
.honor-slider .swiper-slide .text-box span{display: block;
	font-size: 15px;
	color: #FFFFFF;

}
.honor-slider .swiper-slide .text-box i{display: block;
	font-size:14px;
	color:#FFFFFF;
}
.honor-slider .swiper-button-next, .honor-slider .swiper-button-prev{
	width: 40px;
	height: 35px;
	margin-top:-17.5px;
}
.honor-slider .swiper-button-prev{background:url(../images/honor-left.png) no-repeat center;left:-100px;}
.honor-slider .swiper-button-next{background:url(../images/honor-right.png) no-repeat center;right:-100px;}
.honor-slider .swiper-button-prev.swiper-button-disabled{background:url(../images/honor-left-h.png) no-repeat center;cursor: no-drop;pointer-events:auto;opacity:1;}
.honor-slider .swiper-button-next.swiper-button-disabled{background:url(../images/honor-right-h.png) no-repeat center;cursor: no-drop;pointer-events:auto;opacity:1;}
.about-news{
	padding:80px 0;
}
.about-news .about-news-tit{margin-bottom:55px;}
.about-news .about-news-tit h6{
	padding:20px 0;
	/*background:url(../images/about-tit-bg.png) no-repeat left center;*/
	font-size: 30px;
	color: #0F335F;
	font-family: "Arial-BoldMT";
	float:left;
}
.about-news .about-news-tit a.more{
	margin-top:15px;
	display: inline-block;
	float:right;
	width: 150px;
	height: 50px;
	border: 2px solid #0D335F;
	line-height:50px;
	background:url(../images/factory-more-icon.png) no-repeat 85% center;
	transition:all 0.6s;
}
.about-news .about-news-tit a.more:hover{
	background-position:90% center;
}
.about-news .about-news-tit a.more i{
	font-size: 15px;
	color: #0D335F;
	font-family: "Arial-BoldMT";
	display: inline-block;
	padding:0 15px;
	text-transform:uppercase;
}
.about-news .about-news-list ul li{position: relative;}
.about-news .about-news-list ul li .img-box{width:26%;float: left;}
.about-news .about-news-list ul li .img-box a{display: block;}
.about-news .about-news-list ul li .img-box a img{width:100%;height:auto;}
.about-news .about-news-list ul li .text-box{width:74%;border-bottom:1px dashed #EDEDED;position: absolute;right:0;top:0;height:100%;display: flex;align-items: center;}
.about-news .about-news-list ul li .text-box .time{width:20%;text-align: center;float:left;}
.about-news .about-news-list ul li .text-box .time-inner{display:inline-block;}
.about-news .about-news-list ul li .text-box .time i{
	font-size:40px;
	color:#0F335F;
	display: block;
	line-height:1;
}
.about-news .about-news-list ul li .text-box .time font{
	font-size:15px;
	color:#999999;
	font-style: italic;
	text-align: left;
	width:100%;
	display: inline-block;
}
.about-news .about-news-list ul li .text-box .text{width:70%;float:left;}
.about-news .about-news-list ul li .text-box .text .t{
	font-size: 19px;
	color: #333333;
	font-family: "Arial-BoldMT";
	transition: all 0.6s;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.about-news .about-news-list ul li .text-box .text .t:hover{
	color:#0F335F;
}
.about-news .about-news-list ul li .text-box .text .d{
	margin-top:20px;
	height: 61px;
	overflow: hidden;
	font-size: 15px;
	color: #656565;
	line-height: 31px;
}
.about-news .about-news-list ul li .text-box .more{width:10%;float:left;text-align:center;}
.about-news .about-news-list ul li .text-box .more a{
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	border: 1px solid #0F335F;
	border-radius: 50%;
	display:inline-block;
	transition:all 0.6s;
}
.about-news .about-news-list ul li .text-box .more a:hover{background:#136FD5;border: 1px solid #136FD5;}
.about-news .about-news-list ul li .text-box .more a:hover::after{background:#FFFFFF;}
.about-news .about-news-list ul li .text-box .more a:hover::before{background:#FFFFFF;}
.about-news .about-news-list ul li .text-box .more a::after{
	background:#0F335F;
	content: '';
	width:18px;
	height:2px;
	position: absolute;
	left:50%;
	top:50%;
	margin:-1px 0 0 -9px;
}
.about-news .about-news-list ul li .text-box .more a::before{
	background:#0F335F;
	content: '';
	height:18px;
	width:2px;
	position: absolute;
	left:50%;
	top:50%;
	margin:-9px 0 0 -1px;
}
.about-factory{background:url(../images/about-pic-13.jpg) repeat;padding:80px 0;}
.about-factory .fac-text{width:40%;float:left;}
/*.about-factory .fac-text .fac-tit{*/
/*	background:url(../images/about-tit-bg.png) no-repeat left center;*/
/*}*/
.about-factory .fac-text .fac-tit h6{
	padding:20px 0;
	font-size: 30px;
	color: #0F335F;
	font-family: "Arial-BoldMT";
}
.about-factory .fac-text .fac-tips{
	margin-top:30px;
}
.about-factory .fac-text .fac-tips .name{
	font-size: 17px;
	color: #0F335F;
	font-family: "Arial-BoldMT";
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: uppercase;
	margin-bottom:25px;
}
.about-factory .fac-text .fac-tips .dis{
	height: 155px;
	overflow: hidden;
	font-size: 15px;
	color: #656565;
	line-height: 31px;
}
.about-factory .fac-text .fac-tips .page{
	margin-top:50px;
	position: relative;
	width:72px;
	height:22px;
}
.fac-tips .page .swiper-button-prev ,.fac-tips .page .swiper-button-next{
	width: 26px;
	height: 22px;
	position: absolute;
	top:50%;
	margin-top:-11px;
	transition: all 0.6s;
}
.fac-tips .page .swiper-button-prev{left:0;background:url(../images/factor-left.png) no-repeat center;}
.fac-tips .page .swiper-button-next{right:0;background:url(../images/factor-right.png) no-repeat center;}
.fac-tips .page .swiper-button-prev:hover{background:url(../images/factor-left-h.png) no-repeat center;}
.fac-tips .page .swiper-button-next:hover{background:url(../images/factor-right-h.png) no-repeat center;}
.about-factory .fac-pic{width:55%;float:right;}





#certify{
	position: relative;
	width: 100%;
	margin: 0 auto;
	transform: rotate(-180deg);
}
#certify  .swiper-slide{
	width:479px;
	height:540px;
}
#certify  .swiper-slide img{
	display:block;
	width:100%;
	height:auto;
	transform: rotate(180deg);
}
.news-hot{margin-bottom:40px;}
.news-hot .fixed{position:relative;}
.news-hot .img-box{width:46.5%;float:left;}
.news-hot .img-box a{display: block;}
.news-hot .img-box a img{width:100%;height:auto;}
.news-hot .hot-list{
	position: absolute;
	right:0;
	width:53.5%;
	top:0;
	height:100%;
}
.news-hot .hot-list ul{
	height:100%;
	display: flex;
	flex-wrap: wrap-reverse;
	flex-direction:column;
}
.news-hot .hot-list ul li{
	padding:0 20px 0 30px;
	background:#F8F8F8;
	flex:1;
	display:flex;
	align-items: center;
}
.news-hot .hot-list ul li .li-inner{
	padding-right:50px;
	position: relative;
	width:100%;
	box-sizing: border-box;
}
.news-hot .hot-list ul li .t{
	display: block;
	padding-left:40px;
	background:url(../images/news-icon-01.png) no-repeat left center;
	font-size: 20px;
	color: #333333;
	font-family: "Arial-BoldMT";
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: all 0.6s;
}
.news-hot .hot-list ul li:hover .t{
	color:#0F3360;
}
.news-hot .hot-list ul li .tips{
	font-size: 16px;
	color: #666666;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top:20px;
}
.news-hot .hot-list ul li .more{
	position: absolute;
	right:30px;
	top:50%;
	transform: translateY(-50%);
	display: inline-block;
	opacity:0;
	transition: all 0.6s;
}
.news-hot .hot-list ul li:hover{background:#FFFFFF;}
.news-hot .hot-list ul li:hover .more{opacity:1;right:20px;}
.about-news-list .page-box{padding-bottom:0;}

.news-detail-box{
	padding:50px 0 80px;
}
.news-detail-box .news-detail-left{
	width:71.5%;
	float:left;
}
.news-detail-box .news-detail-left .tit{
	padding:0 0 20px;
	border-bottom:1px solid #EDEDED;
}
.news-detail-box .news-detail-left .tit h6{
	font-size: 30px;
	color: #0F335F;
	font-family: "Arial-BoldMT";
}
.news-detail-box .news-detail-left .tit .by{
	margin-top:10px;
}
.news-detail-box .news-detail-left .tit .by span{
	display: inline-block;
	font-size: 14px;
	color: #656565;
	display: inline-block;
	margin-right:20px;
}
.news-detail-box .news-detail-left .content{
	padding:40px 0;
	font-size: 15px;
	color: #656565;
	line-height: 2.1;

}
.news-detail-box .news-detail-left .content img{
	max-width:100%;
	height:auto;
}
.news-detail-box .news-detail-left .share-back .share-box{
	width:50%;
	float:left;
}
.news-detail-box .news-detail-left .share-back .share-box span{
	display: inline-block;
	float:left;
	margin-right:20px;
	font-size:15px;
	color:#656565;
}

.news-detail-box .share-box a.i{background:url(../images/d-share-01.png) no-repeat center;}
.news-detail-box .share-box a.f{background:url(../images/d-share-02.png) no-repeat center;}
.news-detail-box .share-box a.y{background:url(../images/d-share-03.png) no-repeat center;}
.news-detail-box .share-box a.t{background:url(../images/d-share-04.png) no-repeat center;}

.news-detail-box .share-box a.i:hover{background:url(../images/share-01-h.png) no-repeat center;}
.news-detail-box .share-box a.f:hover{background:url(../images/share-02-h.png) no-repeat center;}
.news-detail-box .share-box a.y:hover{background:url(../images/share-03-h.png) no-repeat center;}
.news-detail-box .share-box a.t:hover{background:url(../images/share-04-h.png) no-repeat center;}


.news-detail-box .news-detail-left .share-back .back{
	width:50%;
	float:right;
	text-align: right;
}
.news-detail-box .news-detail-left .share-back .back a{
	display: inline-block;
	background:url(../images/news-dis-icon-04.png) no-repeat left center;
	padding-left:25px;
	font-size: 15px;
	color: #656565;
	opacity:1;
	transition: all 0.6s;
}
.news-detail-box .news-detail-left .share-back .back a:hover{
    /* opacity:0.8; */
    color: #216fd6;
}
.news-detail-box .news-detail-left .dis-page{
	margin-top:40px;
	padding-top:20px;
	border-top:1px solid #EDEDED;
}
.news-detail-box .news-detail-left .dis-page a{
	display: inline-block;
	font-size:15px;
	color:#656565;
	transition: all 0.6s;
}
.news-detail-box .news-detail-left .dis-page a:hover{
	color:#136FD5;
}
.news-detail-box .news-detail-left .dis-page a.prevs{
	padding-left:30px;
    float:left;
    background-size: 20px;
	background:url(../images/factor-left.png) no-repeat left center;
}
.news-detail-box .news-detail-left .dis-page a.nexts{
	padding-right:30px;
	float:right;
    background:url(../images/factor-right.png) no-repeat right center;
    background-size: 20px;
}
.news-detail-box .news-detail-left .dis-page a.prevs.no-drop{
    background:url(../images/factor-left-h.png) no-repeat left center;
    background-size: 20px;
}
.news-detail-box .news-detail-left .dis-page a.nexts.no-drop{
    background:url(../images/factor-right-h.png) no-repeat right center;
    background-size: 20px;
}
.news-detail-box .news-detail-right{
	width:24%;
	float:right;
}
.news-detail-box .news-detail-right .item-box{
	margin-bottom:60px;
}
.news-detail-box .news-detail-right .item-box .item-tit{
	padding:14px 25px;
	background:#0F335F;
	border-top-right-radius:80px;
	color:#FFFFFF;
	font-size:21px;
	width:100%;
	box-sizing: border-box;
}
.news-detail-box .news-detail-right .item-box .item-tit h6{padding-left:40px;font-weight: normal;}
.news-detail-box .news-detail-right .item-box.pro .item-tit h6{background:url(../images/news-dis-icon-01.png) no-repeat left center;}
.news-detail-box .news-detail-right .item-box.news .item-tit h6{background:url(../images/news-dis-icon-03.png) no-repeat left center;}
.news-detail-box .news-detail-right .item-slider{border:1px solid #EDEDED;padding-bottom:40px;position: relative;}
.news-detail-box .news-detail-right .item-slider .swiper-pagination{width:100%;}
.news-detail-box .news-detail-right .item-slider .swiper-pagination-bullet{margin:0 10px;background:#0F335F;opacity:1;position: relative;}
.news-detail-box .news-detail-right .item-slider .swiper-pagination-bullet-active{background:transparent;}
.news-detail-box .news-detail-right .item-slider .swiper-pagination-bullet-active::after{content: '';background:url(../images/news-dis-icon-02.png) no-repeat center;width:14px;height:14px;position: absolute;left:50%;top:50%;margin:-7px 0 0 -7px;}
.news-detail-box .news-detail-right .item-slider .img-box{display: block;}
.news-detail-box .news-detail-right .item-slider .img-box img{width:100%;height:auto;}
.news-detail-box .news-detail-right .item-slider .text-box{padding:20px;}
.news-detail-box .news-detail-right .item-slider .text-box .t{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	font-size: 17px;
	color: #333333;
	font-family: "Arial-BoldMT";
}
.news-detail-box .news-detail-right .item-slider .text-box .d{
	height: 48px;
	overflow: hidden;
	font-size: 15px;
	color: #656565;
	line-height: 24px;
	margin-top:15px;
}
.news-detail-box .news-detail-right .item-news-list{margin-top:20px;}
.news-detail-box .news-detail-right .item-news-list ul li{margin-bottom:20px;}
.news-detail-box .news-detail-right .item-news-list ul li .img-box{width:30%;float:left;display: block;}
.news-detail-box .news-detail-right .item-news-list ul li .img-box img{width:100%;height:auto;}
.news-detail-box .news-detail-right .item-news-list ul li .text-box{width:65%;float:right;display: block;font-size:15px;color:#333333;transition: all 0.6s;line-height:30px;}
.news-detail-box .news-detail-right .item-news-list ul li .text-box:hover{color:#136FD5;}

.product-box{
	padding:40px 0 80px;
}
.product-left{
	width:24%;
	float:left;
}
.product-left .item-box .item-tit{
	padding:14px 25px;
	background:#0F335F;
	border-top-right-radius:80px;
	color:#FFFFFF;
	font-size:21px;
	width:100%;
	box-sizing: border-box;
}
.product-left .item-box .item-tit h6{padding-left:40px;font-weight: normal;}
.product-left .item-box.pro .item-tit h6{background:url(../images/news-dis-icon-01.png) no-repeat left center;}
.product-left .product-menu{margin-top:15px;}
.product-left .product-menu > ul > li{
	margin-bottom:15px;
}
.product-left .product-menu ul li .li-inner{
	background: #F5F5F5;
	padding:15px 30px;
	position: relative;
}
.product-left .product-menu ul li .li-inner::after{
	content: '';
	width:7px;
	height:100%;
	position: absolute;
	left:4px;
	background:#FFFFFF;
	top:0;
}
.product-left .product-menu ul li .li-inner a{
	font-size: 18px;
	color: #333333;
	transition: all 0.6s;
}
.product-left .product-menu ul li.act .li-inner a{color:#146FD6;}
.product-left .product-menu ul li .li-inner i{
	position: absolute;
	width: 55px;
	height: 55px;
	background:url(../images/product-icon-01.png) no-repeat center;
	right:5px;
	top:50%;
	margin-top:-27.25px;
	cursor: pointer;
	z-index:3;
}
.product-left .product-menu ul li.act .li-inner i{
	background:url(../images/product-icon-02.png) no-repeat center;
}
.product-left .product-menu ul li .second-li{display: none;}
.product-left .product-menu ul li.act .second-li{display: block;}
.product-left .product-menu ul li .second-li ul li{border-bottom:1px dashed #EEEEEE;}
.product-left .product-menu ul li .second-li ul li a{
	display: block;
	padding:10px 30px;
}
.product-left .product-menu ul li .second-li ul li.act a ,.product-left .product-menu ul li .second-li ul li a:hover{color:#146FD6;}

.product-right{
	width:71.5%;
	float:right;
}
.product-right .product-list ul li{
	width:31%;
	float:left;
	margin-left:3.5%;
	margin-bottom:40px;
	transition:all 0.6s;
}
.product-right .product-list ul li:hover{
	box-shadow: 0px 3px 6px 0px rgba(15, 51, 96, 0.15);
}
.product-right .product-list ul li:nth-child(3n+1){margin-left:0;}
.pro-list .img-box{display:block;}
.pro-list .img-box img{width:100%;height:auto;}
.pro-list .text-box{
	padding:20px;
} 
.pro-list .text-box .t{
	display: block;
	transition: all 0.6s;
	font-size: 18px;
	color: #333333;
	font-family: "Arial-BoldMT";
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro-list:hover .text-box .t{color:#146FD6;}
.pro-list .text-box .d{
	height: 48px;
	font-size: 16px;
	color: #666666;
	line-height: 24px;
	overflow: hidden;
	margin-top:15px;
}
.pro-list .text-box .m{
	margin-top:40px;
	display: block;
	width: 25px;
	height: 25px;
	background: #0F3360;
	text-align: center;
	transition: all 0.6s;
}
.pro-list:hover .text-box .m{
	background: #146FD6;
}
.pro-list .text-box .m img{vertical-align:baseline;}
.product-list .page-box{padding:10px 0 0;}

.photo-text .photo{width:44%;float:left;position: relative;}
.photo-text .photo .gallery-top{
	border:1px solid #EDEDED;
}
.photo-text .photo .gallery-top .img-box{position: relative;opacity:1;visibility:visible;transition: all 0.3s;}
.photo-text .photo .gallery-top .img-box.act{opacity:0;visibility: hidden;}
.photo-text .photo .gallery-top .iframe-box{position: absolute;left:0;top:0;width:100%;height:100%;z-index:-1;}
.photo-text .photo .gallery-top .iframe-box iframe{position: absolute;left:0;top:0;width:100%;height:100%;}
.photo-text .photo .gallery-top .iframe-play{position: absolute;z-index:3;left:50%;top:50%;transform: translate(-50%,-50%);}
.photo-text .photo .gallery-thumbs{margin-top:20px;}
.photo-text .photo .gallery-thumbs .img-box{border:1px solid #EDEDED;box-sizing: border-box;}
.photo-text .photo .gallery-thumbs .swiper-slide-thumb-active .img-box{border:2px solid #0F335F;}
.photo-text .photo .img-box img{width:100%;height:auto;transition: all 0.6s;}
.photo-text .photo .swiper-button-next, .photo-text .photo .swiper-button-prev{
	width:40px;
	height:35px;
	margin-top:-17.5px;
}
.photo-text .photo .swiper-button-prev{background:url(../images/honor-left.png) no-repeat center;left:20px;}
.photo-text .photo .swiper-button-next{background:url(../images/honor-right.png) no-repeat center;right:20px;}

.photo-text .photo .swiper-button-prev.swiper-button-disabled{background:url(../images/honor-left-h.png) no-repeat center;opacity:1;cursor: no-drop;pointer-events: auto;}
.photo-text .photo .swiper-button-next.swiper-button-disabled{background:url(../images/honor-right-h.png) no-repeat center;opacity:1;cursor: no-drop;pointer-events: auto;}
.photo-text .text{width:53%;float:right;}
.photo-text .text .t-share{
	border-bottom:1px solid #EDEDED;
	padding:0 0 20px;
}
.photo-text .text .t-share .t{
	font-size: 30px;
	color: #0F335F;
	font-family: "Arial-BoldMT";
	line-height:1;
}
.photo-text .text .t-share .share-box{margin-top:20px;}
.photo-text .text .t-share .share-box a.i{background:url(../images/d-share-01.png) no-repeat center;}
.photo-text .text .t-share .share-box a.f{background:url(../images/d-share-02.png) no-repeat center;}
.photo-text .text .t-share .share-box a.y{background:url(../images/d-share-03.png) no-repeat center;}
.photo-text .text .t-share .share-box a.t{background:url(../images/d-share-04.png) no-repeat center;}

.photo-text .text .t-share .share-box a.i:hover{background:url(../images/share-01-h.png) no-repeat center;}
.photo-text .text .t-share .share-box a.f:hover{background:url(../images/share-02-h.png) no-repeat center;}
.photo-text .text .t-share .share-box a.y:hover{background:url(../images/share-03-h.png) no-repeat center;}
.photo-text .text .t-share .share-box a.t:hover{background:url(../images/share-04-h.png) no-repeat center;}
.photo-text .text .dis{
	margin-top:25px;
	padding-bottom:40px;
	border-bottom:1px solid #EDEDED;
}
.photo-text .text .dt{margin-top:0;}
.dt{padding-left:25px;background:url(../images/prodis-icon-03.png) no-repeat left center;margin:50px 0 0;}
.dt h6{
	display: inline-block;
	font-weight: normal;
	font-size: 19px;
	color: #0F335F;
	font-family: "Arial-BoldMT";
	padding-right:30px;
	background:url(../images/prodis-tit-icon-01.png) no-repeat right center;
}
.photo-text .text .ds{
	font-size: 15px;
	line-height: 2.1;
	color:#656565;
	margin-top:10px;
}
.photo-text .text .links{margin-top:20px;}
.photo-text .text .links a{display: block;width:32%;float:left;margin-left:2%;
	height: 50px;
	line-height:50px;
	background:#0F335F url(../images/prodis-icon-02.png) no-repeat 99% center;
	color:#FFFFFF;
	font-size:15px;
	transition: all 0.6s;
}
.photo-text .text .links a:hover{
	background:#136FD5 url(../images/prodis-icon-01.png) no-repeat 99% center;
}
.photo-text .text .links a span{display: inline-block;padding:0 30px;}
.photo-text .text .links a:first-child{margin-left:0;}
.prodis-content .text-box{padding:20px 0;font-size:15px;line-height:2.1;}
.prodis-content .img-box img{width:100%;height:auto;}
.prodis-content .table-box table{width:100%;border:1px solid #EDEDED;}
.prodis-content .table-box table td{border:1px solid #EDEDED;padding:20px 0;text-align: center;font-size:15px;color:#333333;}
.prodis-content .table-box table td:first-child{background:#f3f6fa;}
.prodis-content .table-box table tr:hover{background:#F3F6FA;}
.prodis-content .table-box table tr:first-child:hover{background:#FFFFFF;}
.prodis-content .table-box table th{padding:15px 0;text-align: center;font-size:17px;color:#333333;}
.prodis-content .table-box table th i{font-size:15px;}
.prodis-content .product-adv{margin-top:20px;}
.prodis-content .product-adv .adv-list{
	width:57%;
	float:left;
}
.prodis-content .product-adv .adv-list ul li{
	margin-bottom:10px;
	padding-left:15px;
	position: relative;
	font-size:15px;
	color:#656565;
	line-height:2.1;
}
.prodis-content .product-adv .adv-list ul li::after{
	content: '';
	width: 4px;
	height: 4px;
	background: #0F335F;
	border-radius: 50%;
	position: absolute;
	left:0;
	top:12px;
}
.prodis-content .product-adv .adv-pic{
	width:40%;
	float:right;
} 
.prodis-content .product-adv .adv-pic img{width:100%;height:auto;}

.prodis-content .dis-page{
	margin-top:40px;
	padding-top:20px;
	padding-bottom:20px;
	border-top:1px solid #EDEDED;
}
.prodis-content .dis-page a{
	display: inline-block;
	font-size:15px;
	color:#656565;
	transition: all 0.6s;
}
.prodis-content .dis-page a:hover{
	color:#136FD5;
}
.prodis-content .dis-page a.prevs{
	padding-left:35px;
	float:left;
	background:url(../images/factor-left.png) no-repeat left center;
}
.prodis-content .dis-page a.nexts{
	padding-right:35px;
	float:right;
	background:url(../images/factor-right.png) no-repeat right center;
}
.prodis-content .dis-page a.prevs.no-drop{
	background:url(../images/factor-left-h.png) no-repeat left center;
}
.prodis-content .dis-page a.nexts.no-drop{
	background:url(../images/factor-right-h.png) no-repeat right center;
}
.related-product{
	padding:40px 0 80px;
}
.related-product .rp-tit{text-align: center;margin-bottom:20px;}
.related-product .rp-tit h6{padding:20px 0;background:url(../images/about-tit-bg.png) no-repeat center;
	font-size: 30px;
	color: #0F335F;
	font-family: "Arial-BoldMT";
}
.rp-slider{position: relative;}
.rp-slider .swiper-button-next ,.rp-slider .swiper-button-prev{width:40px;height:35px;margin-top:-17.5px;}
.rp-slider .swiper-button-prev{left:-100px;background:url(../images/honor-left.png) no-repeat center;}
.rp-slider .swiper-button-next{right:-100px;background:url(../images/honor-right.png) no-repeat center;}

.rp-slider .swiper-button-prev.swiper-button-disabled{background:url(../images/honor-left-h.png) no-repeat center;opacity:1;cursor: no-drop;pointer-events: auto;}
.rp-slider .swiper-button-next.swiper-button-disabled{background:url(../images/honor-right-h.png) no-repeat center;opacity:1;cursor: no-drop;pointer-events: auto;}


.prodis-appliction{
	padding:80px 0;
	background:url(../images/about-pic-13.jpg) repeat;
}
.prodis-appliction .pa-tit{text-align: center;margin-bottom:20px;}
.prodis-appliction .pa-tit h6{padding:20px 0;/*background:url(../images/about-tit-bg.png) no-repeat center;*/
	font-size: 30px;
	color: #0F335F;
	font-family: "Arial-BoldMT";
}
.pa-slier{position: relative;}
.pa-slier .swiper-container{padding:20px 0 0;}
.pa-slier .swiper-button-next ,.pa-slier .swiper-button-prev{width:40px;height:35px;margin-top:-17.5px;}
.pa-slier .swiper-button-prev{left:-100px;background:url(../images/honor-left.png) no-repeat center;}
.pa-slier .swiper-button-next{right:-100px;background:url(../images/honor-right.png) no-repeat center;}
.app-list{position: relative;transform: translateY(0);transition: all 0.6s;}
.app-list:hover{transform: translateY(-20px);}
.pa-slier .swiper-button-prev.swiper-button-disabled{background:url(../images/honor-left-h.png) no-repeat center;opacity:1;cursor: no-drop;pointer-events: auto;}
.pa-slier .swiper-button-next.swiper-button-disabled{background:url(../images/honor-right-h.png) no-repeat center;opacity:1;cursor: no-drop;pointer-events: auto;}
.app-list .img-box{display: block;}
.app-list .img-box img{width:100%;height:auto;}
.app-list .text-box{margin-top:30px;}
.app-list .text-box .t{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:19px;
	color:#333333;
}
.app-list .text-box .d{
	margin-top:15px;
	height: 72px;
	font-size: 15px;
	color: #656565;
	line-height: 24px;
	overflow: hidden;
}
.app-list .text-box .m{
	display: inline-block;
	margin-top:15px;
	font-size: 15px;
	color: #0F335F;
	font-family: "Arial-BoldMT";
	padding-right:35px;
	background:url(../images/app-more-c.png) no-repeat right center;
	text-transform:uppercase;
}
.message-box{
	padding:80px 0;
}
.message-box .ipd-20{background:url(../images/prodis-pic-04.jpg) no-repeat right bottom;}
.message-box .msg-tit h6{
	padding:20px 0;
	/*background:url(../images/about-tit-bg.png) no-repeat left center;*/
	font-size: 30px;
	color: #0F335F;
	font-family: "Arial-BoldMT";
}
.message-box .msg-tips{
	margin-top:10px;
	font-size: 14px;
	color: #999999;
}
.message-box .msg-form{
	width:67.5%;
	margin-top:40px;
}
.appliction-content{
	padding:40px 0 80px;
}
.appliction-content .ac-list ul li{width:23%;float:left;margin-left:2.66666%;margin-bottom:40px;}
.appliction-content .ac-list ul li:nth-child(4n+1){margin-left:0;}
.appliction-content .ac-list .page-box{
	padding:10px 0 0;
}
.appdis-hc .photo-text .text .dis{border-bottom:none;}
.appdis-hc .photo-text .text .links{margin-top:0;}

.app-vinson{
	margin-top:80px;
	background:url(../images/about-pic-13.jpg) repeat;
	padding:50px 0 80px;
}
.app-vinson .av-tit{
	text-align: center;
	margin-bottom: 40px;
}
.app-vinson .av-tit h6{
	padding:20px 0;
	/*background:url(../images/about-tit-bg.png) no-repeat center;*/
	font-size: 30px;
	color: #0F3360;
	font-family: "Arial-BoldMT";
}
.app-vinson .av-slider .swiper-slide{
	background: #FFFFFF;
	border-radius: 10px;
	transition: all 0.6s;
}
.app-vinson .av-slider .swiper-slide:hover{
	background:#0F3360;
}
.app-vinson .av-slider{position: relative;}
.app-vinson .av-slider .swiper-slide .ss-inner{
	padding:30px;
}
.av-slider .swiper-slide .ss-inner .t{
	padding-left:65px;
	position: relative;
	font-size: 24px;
	color: #333333;
	font-family: "Arial-BoldMT";
}
.av-slider .swiper-slide:hover .ss-inner .t{color:#FFFFFF;}
.av-slider .swiper-slide .ss-inner .t .num{
	width: 46px;
	height: 46px;
	background: #0F3360;
	border-radius: 5px;
	position: absolute;
	left:0;
	top:50%;
	margin-top:-23px;
	text-align: center;
	line-height:46px;
	color:#FFFFFF;
}
.av-slider .swiper-slide:hover .ss-inner .t .num{background:#FFFFFF;color:#0F3360;}
.av-slider .swiper-slide .ss-inner .t .name{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.av-slider .swiper-slide .ss-inner .d{
	margin-top:30px;
	height: 79px;
	font-size: 16px;
	color: #666666;
	line-height: 32px;
	height:96px;
	overflow: hidden;
}
.av-slider .swiper-slide:hover .ss-inner .d{color:#FFFFFF;}

.av-slider .swiper-button-next ,.av-slider .swiper-button-prev{width:40px;height:35px;margin-top:-17.5px;}
.av-slider .swiper-button-prev{left:-100px;background:url(../images/honor-left.png) no-repeat center;}
.av-slider .swiper-button-next{right:-100px;background:url(../images/honor-right.png) no-repeat center;}

.av-slider .swiper-button-prev.swiper-button-disabled{background:url(../images/honor-left-h.png) no-repeat center;opacity:1;cursor: no-drop;pointer-events: auto;}
.av-slider .swiper-button-next.swiper-button-disabled{background:url(../images/honor-right-h.png) no-repeat center;opacity:1;cursor: no-drop;pointer-events: auto;}

.app-project{
	padding:50px 0 80px;
	margin-top:150px;
	background:url(../images/appdis-rep.jpg) repeat;
}
.app-project .ap-inner{position:relative;padding:0 0 80px;}
.app-project .ap-inner .text{
	width:47%;
	float:left;
}
.app-project .ap-inner .text .t h6{
	padding:20px 0;
	/*background:url(../images/app-tit-bg.png) no-repeat left center;*/
	font-size: 30px;
	color: #FFFFFF;
	font-family: "Arial-BoldMT";
}
.app-project .ap-inner .text .d{
	margin-top:20px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 2;
}
.app-project .ap-inner .pic{
	position: absolute;
	width:48.8%;
	right:0;
	bottom:0;
}
.app-project .ap-inner .pic .img-box{
	border: 1px solid #CCCCCC;
	padding:20px;
}
.app-project .ap-inner .pic .img-box img{width:100%;height:auto;}
.service-left .item-box.pro{margin-top:40px;}
.service-left .item-box.ser .item-tit h6{background:url(../images/service-icon-01.png) no-repeat left center;}
.service-left .item-slider{border:1px solid #EDEDED;padding-bottom:40px;position: relative;}
.service-left .item-slider .swiper-pagination{width:100%;}
.service-left .item-slider .swiper-pagination-bullet{margin:0 10px;background:#0F335F;opacity:1;position: relative;}
.service-left .item-slider .swiper-pagination-bullet-active{background:transparent;}
.service-left .item-slider .swiper-pagination-bullet-active::after{content: '';background:url(../images/news-dis-icon-02.png) no-repeat center;width:14px;height:14px;position: absolute;left:50%;top:50%;margin:-7px 0 0 -7px;}
.service-left .item-slider .img-box{display: block;}
.service-left .item-slider .img-box img{width:100%;height:auto;}
.service-left .item-slider .text-box{padding:20px;}
.service-left .item-slider .text-box .t{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	font-size: 17px;
	color: #333333;
	font-family: "Arial-BoldMT";
}
.service-left .item-slider .text-box .d{
	height: 48px;
	overflow: hidden;
	font-size: 15px;
	color: #656565;
	line-height: 24px;
	margin-top:15px;
}
.service-tit{
	text-align: center;
}
.service-tit h6{
	padding:20px 0;
	/*background:url(../images/about-tit-bg.png) no-repeat center;*/
	font-size:30px;
	color:#0F335F;
	font-family: "Arial-BoldMT";
}
.service-text{
	margin-top:20px;
	font-size: 16px;
	color: #666666;
	line-height:2;
}
.service-text .st{
	margin-top:20px;
	margin-bottom:10px;
	padding-left:25px;
	background:url(../images/service-icon-02.png) no-repeat left center;
	font-size: 18px;
	color: #0F3360;
}
.service-text .rp-padding{
	padding-right:45%;
	background:url(../images/service-icon-03.png) no-repeat right bottom;
}
.service-text .man-list ul li{width:48%;float:left;}
.service-text .man-list ul li:nth-child(even){float:right;}
.service-text .man-list ul li .st-pic img{width:100%;height:auto;}

.man-tab-slider{
	margin-top:25px;
}
.man-tab-slider .swiper-slide{cursor: pointer;}
.man-tab-slider .img-box img{width:100%;height:auto;}
.man-tab-slider .tit{
	padding-left:58px;
	position: relative;
	font-size: 18px;
	color: #333333;
	line-height:26px;
	height:52px;
	overflow: hidden;
	display: flex;
	align-items: center;
	margin:20px 0;
}
.man-tab-slider .tit i{
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;
	border:2px solid #CCCCCC;
	left:0;
	top:50%;
	margin-top:-19px;
	border-radius:50%;
	transition: all 0.6s;
	transform: rotate(0);
}
.man-tab-slider .tit span{display: flex;height:52px;overflow: hidden;align-items: center;}
.man-tab-slider .act .tit i{transform: rotate(-45deg);}
.man-tab-slider .tit i::after{
	position: absolute;
	content: '';
	background:#2b4b73;
	width:2px;
	height:16px;
	top:50%;
	left:50%;
	margin:-8px 0 0 -1px;
}
.man-tab-slider .tit i::before{
	position: absolute;
	content: '';
	background:#2b4b73;
	width:16px;
	height:2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -8px;
}
.man-tab-con{
	padding:40px;
	background:url(../images/about-pic-13.jpg) repeat;
	margin-top:20px;
	margin-bottom:30px;
}
.man-tab-con .con{
	display:none;
}
.man-tab-con .con.act{display: block;}
.con-fra ul li{
	margin-bottom:40px;
}
.con-fra ul li .text{
	width:63%;
	float:left;
}
.con-fra ul li .text .st{margin-top:0;}
.con-fra ul li .pic{
	width:32.5%;
	float:right;
}
.con-fra{margin-top:25px;}
.con-fra ul li .pic img{width:100%;height:auto;}
.man-tab-arrow{position: relative;}
.man-tab-arrow .man-r{
	width:42px;
	position: absolute;
	height:14px;
	right:0;
	top:50%;
	margin-top:-7px;
}
.man-tab-arrow .man-r .swiper-button-prev ,.man-tab-arrow .man-r .swiper-button-next{
	width:16px;
	height:14px;
	margin-top:-7px;
}
.man-tab-arrow .man-r .swiper-button-prev{
	background:url(../images/factor-left.png) no-repeat center;
	background-size:cover;
	left:0;
}
.man-tab-arrow .man-r .swiper-button-next{
	background:url(../images/factor-right.png) no-repeat center;
	background-size:cover;
	right:0;
}
.man-tab-arrow .man-r .swiper-button-prev.swiper-button-disabled{
	background:url(../images/factor-left-h.png) no-repeat center;
	background-size:cover;
	cursor:no-drop;
	pointer-events: auto;
	opacity:1;
}
.man-tab-arrow .man-r .swiper-button-next.swiper-button-disabled{
	background:url(../images/factor-right-h.png) no-repeat center;
	background-size:cover;
	cursor:no-drop;
	pointer-events: auto;
	opacity:1;
}
.tea-box{
	padding:50px 0 80px;
}
.tea-box .tea-tips{
	text-align: center;
}
.tea-box .tea-tips h6{
	padding:20px 0;
	/*background:url(../images/about-tit-bg.png) no-repeat center;*/
	font-size: 30px;
	color: #0F3360;
	font-family: "Arial-BoldMT";
}
.tea-box .tea-tips p{
	max-width:800px;
	margin-top:20px;
	margin:0 auto;
}
.tea-box .tea-list{margin-top:40px;}
.tea-box .tea-list ul li{
	width:31%;
	float:left;
	margin-left:3.5%;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	transition: all 0.6s;
	position: relative;
	box-sizing: border-box;
}
.tea-box .tea-list ul li::after{
	content: '';
	background:url(../images/contact-icon-04.png) no-repeat center;
	position: absolute;
	left:0;
	top:0;
	width:50px;
	height:50px;
	opacity:0;
	visibility:hidden;
	transition: all 0.6s;
}
.tea-box .tea-list ul li:hover::after{
	opacity:1;
	visibility: visible;
}
.tea-box .tea-list ul li:hover{
	box-shadow: 0px 2px 15px 0px rgba(15, 51, 96, 0.15);
}
.tea-box .tea-list ul li:first-child{margin-left:0;}
.tea-box .tea-list ul li .li-inner{
	padding:40px;
}
.tea-box .tea-list ul li .li-inner .tn{
	padding-left:80px;
	height:90px;
}
.tea-box .tea-list ul li.tel .li-inner .tn{
	background:url(../images/contact-icon-01.png) no-repeat left center;
}
.tea-box .tea-list ul li.mail .li-inner .tn{
	background:url(../images/contact-icon-02.png) no-repeat left center;
}
.tea-box .tea-list ul li.add .li-inner .tn{
	background:url(../images/contact-icon-03.png) no-repeat left center;
}
.tea-box .tea-list ul li .li-inner .tn label{
	font-size:20px;
	color: #0F3360;
	font-family: "Arial-BoldMT";
}
.tea-box .tea-list ul li .li-inner .tn a ,.tea-box .tea-list ul li .li-inner .tn span{
	display: block;
	margin-top:5px;
	font-size:16px;
	color:#666666;
}
.tea-box .tea-list ul li .li-inner .tn a:hover{
	color:#0F3360;
}
.contact-map-box{
	max-width:1920px;
	margin:0 auto;
}
.contact-map-box iframe ,.contact-map-box img{
	width:100%;
	/*height:auto;*/
}
.error-box{
	background:url(../images/about-pic-13.jpg) repeat;
}
.error-box .error-inner{
	padding:100px 0 150px;
	text-align: center;
}
.error-box .error-inner .pic-box img{max-width:100%;height:auto;}
.error-box .error-inner .tips{
	padding:40px 0 60px;
	font-size: 30px;
	color: #0F3360;
	font-family: "Arial-BoldMT";
}
.error-box .error-inner .link-box a{
	display: inline-block;
	width: 174px;
	height: 49px;
	border: 1px solid #0F3360;
	border-radius: 25px;
	text-align: center;
	line-height:49px;
	font-size:16px;
	color:#0F335F;
	transition: all 0.6s;
}
.error-box .error-inner .link-box a:first-child{margin-right:10px;}
.error-box .error-inner .link-box a:hover{
	background:#0F335F;
	color:#FFFFFF;
}
.error-box .search-box{
	max-width:600px;
	margin:0 auto;
	text-align: left;
}
.search-box .t{
	font-size: 30px;
	color: #0F3360;
	font-family: "Arial-BoldMT";
	text-align: center;
}
.search-box .input-box{
	margin-top:40px;
	position: relative;
}
.search-box .input-box input{
	position: relative;
	width:100%;
	height: 50px;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	box-sizing:border-box;
	padding:0 60px 0 20px;
}
.search-box .input-box button{
	border:none;
	position: absolute;
	right:0;
	top:0;
	width:50px;
	height:50px;
	background:transparent;
}
.search-box .key-box{
	margin-top:20px;
}
.search-box .key-box a{
	color:#0071CE;
	transition: all 0.6s;
}
.search-box .key-box a:hover{color:#0F335F;}
.search-list{padding:40px 0 80px;}
.search-list .s-tit{text-align: center;}
.search-list .s-tit h6{
	padding:20px 0;
	background:url(../images/about-tit-bg.png) no-repeat center;
	font-size: 30px;
	color: #0F3360;
	font-family: "Arial-BoldMT";	
}
.search-list .s-tit h6 i{
	color:#146FD6;
}
.search-list .sl-list{margin-top:30px;}
.search-list .sl-list ul li{
	width:23.5%;
	float:left;
	margin-bottom:40px;
	margin-left:2%;
	transition: all 0.6s;
}
.search-list .sl-list ul li:hover{
	box-shadow: 0px 3px 6px 0px rgba(15, 51, 96, 0.15);
}
.search-list .sl-list ul li:nth-child(4n+1){margin-left:0;}
.search-list .sl-list .page-box{padding:10px 0 0;}


@media only screen and (max-width: 1400px) {
	.m-width-1360{max-width:1024px;}
	.ipd-20{padding:0 20px;}
	.header-box .tool-nav .tool-box{width:780px;}
	.header-box .tool-nav .nav-box{width:880px;}
	.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-inner .list ul li{margin-bottom:10px;}
	.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-inner .number{font-size:30px;margin-bottom:10px;}
	.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-inner .tips{font-size:14px;}
	.index-product-box .index-pro-list ul li .tips{font-size:18px;}
	.index-product-box .index-pro-list ul li{width:15%;}
	.product-left .product-menu ul li .li-inner{padding:15px 20px;}
	.product-left .product-menu ul li .li-inner i{right:0;}
	.photo-text .text .links a{font-size:12px;}
	.photo-text .text .links a span{padding:0 10px;}
	.man-tab-slider .tit span{font-size:14px;}
}


@media only screen and (max-width: 1000px) {
	#menuPc{display: none;}
	#page{background:#FFFFFF;}
	.btn-nav{position: relative;background: transparent;border: none;padding:21px 0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;z-index: 99999;display: block;width:30px;float:right;}
	.icon-bar {display: block;margin: 6px 0;width: 30px;height: 3px;background-color:#0F335F;box-shadow:0 1px 1px #000000;  -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;z-index: 999999;}
	.mm-opening .top {-webkit-transform: translateY(8px) rotateZ(45deg);-moz-transform: translateY(8px) rotateZ(45deg);-ms-transform: translateY(8px) rotateZ(45deg);-o-transform: translateY(8px) rotateZ(45deg);transform: translateY(8px) rotateZ(45deg);}
	.mm-opening .bottom {-webkit-transform: translateY(-10px) rotateZ(-45deg);-moz-transform: translateY(-10px) rotateZ(-45deg);-ms-transform: translateY(-10px) rotateZ(-45deg);-o-transform: translateY(-10px) rotateZ(-45deg);transform: translateY(-10px) rotateZ(-45deg);}
	.mm-opening .middle {width: 0;}
	.banner{margin-top:75px;}
	.crumbs-box{margin-top:75px;}
	.banner .bg-box{display: none;}
	.banner-content{display: none;}
	.banner .wap-box{display: block;}
	.banner .swiper-slide .banner-content{display: none;}
	.banner .swiper-page-box{right:auto;;bottom:20px;left:0;width:100%;box-sizing: border-box;}
	.swiper-num{font-size:16px;float:none;text-align: center;width:100px;margin:0 auto;display: block;}
	.banner .swiper-page-box .swiper-pagination{display: none;}
	.header-box .tool-nav{display: none;}
	.header-box{padding:0 20px;}
	.header-box .logo{width:50px;left:20px;padding:13px 0;}
	.header-box .logo img{width:100%;height:auto;}
	.banner .swiper-slide .video-box{display: none;}
	.index-service-box{padding:40px 0;}
	.index-service-box .in-ser-pla .in-ser-list ul li{position: relative;left: auto !important;right: auto !important;top: auto !important;bottom: auto !important;width:100% !important;margin-top:20px;}
	.index-service-box .in-ser-pla .in-ser-list ul li:first-child{margin-top:0;}
	.index-service-box .in-ser-pla .index-ser-tit{position:relative;width:100%;}
	.index-service-box .in-ser-pla .in-ser-list{position: relative;width:auto;height:auto;}
	.index-service-box .in-ser-pla .pla-pic{display: none;}
	.index-service-box .in-ser-pla .index-ser-tit h6{font-size:22px;text-align: center;padding-top:0;}
	.index-service-box .in-ser-pla .in-ser-list ul li .pop-box{position: relative;width:100%;background:rgba(13, 51, 95, 0.6);}
	.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-bg{display: none;}
	.index-service-box .in-ser-pla .in-ser-list ul li .pop-box .pop-inner{position: relative;padding:20px;}
	.index-product-box{padding:40px 20px;}
	.index-product-box .index-pro-list{position: relative;height: auto;left: auto;top: auto;}
	.index-product-box .index-pro-list ul li{position: relative;width:100%;box-sizing:border-box;padding-right:0 !important;text-align:left !important;padding-left:50px !important;}
	.index-product-box .index-pro-list ul li .tips{justify-content: flex-start !important;}
	.index-product-box .index-pro-list ul li .num{left:0 !important;width:40px;height:46px;background-size:100% 100%;line-height:46px;font-size:16px;margin-top:-23px;}
	.index-product-box .index-pro-list ul li.act .num{width:40px;height:46px;background-size:100% 100%;line-height:46px;font-size:16px;}
	.index-product-box .index-pro-con .con-pic{background-size:60%;}
	.index-product-box .index-pro-tit h6{font-size:22px;}
	.index-factroy-box .index-fac-text{padding:40px 0;}
	.index-factroy-box .index-fac-text .tit{width:100%;float:none;}
	.index-factroy-box .index-fac-text .tips{width:100%;float:none;margin-top:20px;}
	.index-factroy-box .index-fac-text .tit .more{margin-top:20px;}
	.index-factroy-box .index-fac-text .tit h4{font-size:22px;}
	#toTop{display: none !important;}
	.index-appliction-box{padding:40px 0;}
	.index-appliction-box .index-app-tit h4{font-size:22px;}
	.index-appliction-box .index-app-list{padding-top:0;margin-top:40px;}
	.index-appliction-box .index-app-list ul li{width:100%;float:none;margin-right:0;margin-top:20px;}
	.index-appliction-box .index-app-list ul li.hot{position: relative;width:100%;}
	.index-appliction-box .index-app-list ul li.hot .text-box{right:0;width:100%;position: relative;}
	.footer-top .f-nav{display: none;}
	.footer-top .logo-contact{width:100%;border-right:none;}
	.footer-top{padding:30px 0;}
	.footer-copy .footer-share{display: none;}
	.footer-copy .copy-box{width:100%;text-align:center;float:none;}
	.error-box .error-inner{padding:40px 0;}
	.rp-slider .swiper-button-next, .rp-slider .swiper-button-prev{display: none;}
	.inner-banner{display: none;}
	.header.inner-page{background:#FFFFFF;border-bottom:1px solid #f1f1f1;}
	.about-company{padding:20px 0 40px;}
	.company-video .video-play::after{transform: scale(0.5);}
	.about-honor{padding:40px 0;}
	.honor-slider .swiper-button-next{right:10px;}
	.honor-slider .swiper-button-prev{left:10px;}
	.about-news{padding:40px 0;}
	.about-news .about-news-tit a.more{transform: scale(0.6);}
	.about-news .about-news-tit{margin-bottom:20px;}
	.about-news .about-news-list ul li{margin-top:20px;}
	.about-news .about-news-list ul li:first-child{margin-top:0;}
	.about-news .about-news-list ul li .img-box{width:100%;float:none;}
	.about-news .about-news-list ul li .text-box{width:100%;float:none;position: relative;display: block;padding-bottom:20px;}
	.about-news .about-news-list ul li .text-box .time{width:100%;text-align: left;padding:20px 0;float:none;}
	.about-news .about-news-list ul li .text-box .time i{font-size:18px;}
	.about-news .about-news-list ul li .text-box .text{width:100%;float:none;}
	.about-news .about-news-list ul li .text-box .more{width:auto;margin-top:20px;}
	.about-factory{padding:40px 0;}
	.about-factory .fac-text{float:none;width:100%;}
	.about-factory .fac-pic{width:100%;float:none;}
	#certify .swiper-slide{width:100%;height:auto;}
	.about-factory .fac-text .fac-tips .page{margin:0 auto;padding:20px 0;}
	.appliction-content{padding:0 0 40px;}
	.appliction-content .ac-list ul li{width:100%;float:none;margin-left:0;}
	.photo-text .photo{width:100%;float:none;}
	.photo-text .text{width:100%;float:none;margin-top:20px;}
	.photo-text .text .links a{width:100%;float:none;margin-bottom:20px;margin-left:0;}
	.app-vinson{margin-top:20px;padding:40px 0;}
	.av-slider .swiper-button-next{right:0;transform: scale(0.5);}
	.av-slider .swiper-button-prev{left:0;transform: scale(0.5);}
	.app-project{margin-top:0;padding:40px  0;}
	.app-project .ap-inner .text{width:100%;float:none;}
	.app-project .ap-inner .pic{position: relative;width:100%;margin-top:20px;}
	.app-project .ap-inner{padding:0 0 0;}
	.related-product{padding:40px 0;}
	.prodis-appliction{padding:40px 0;}
	.pa-slier .swiper-button-next, .pa-slier .swiper-button-prev{display: none;}
	.message-box .msg-form{width:100%;}
	.message-box .ipd-20{background:none;}
	.message-box{padding:40px 0;}
	.tea-box{padding:0 0 40px;}
	.tea-box .tea-list ul li{width:100%;float:none;margin-left:0;margin-bottom:20px;}
	.news-hot .img-box{width:100%;float:none;}
	.news-hot .hot-list{position: relative;width:100%;height:auto;}
	.news-hot .hot-list ul li{box-sizing: border-box;width:100%;padding:20px;}
	.news-hot .hot-list ul li .li-inner{padding-right:0;}
	.news-detail-box .news-detail-right{display: none;}
	.news-detail-box .news-detail-left{width:100%;float:none;}
	.news-detail-box .news-detail-left .share-back .share-box{width:100%;float:none;display: none;}
	.news-detail-box .news-detail-left .share-back .back{width:100%;float:none;}
    /* .news-detail-box .news-detail-left .dis-page a span{display: none;} */
    .news-detail-box .news-detail-left .dis-page a.prevs,.news-detail-box .news-detail-left .dis-page a.nexts{
        padding: 0;
        background: none;
        display: block;
        float: none;
    }
    .news-detail-box .news-detail-left .dis-page a.prevs.no-drop,.news-detail-box .news-detail-left .dis-page a.nexts.no-drop{
        background: none;
    }
	/* .news-detail-box .news-detail-left .dis-page a b{opacity:0;} */
	.news-detail-box{padding:40px  0;}
	.product-box{padding:40px 0;}
	.product-left{display: none;}
	.product-right{width:100%;float:none;}
	.product-right .product-list ul li{width:48%;margin-left:0;}
	.product-right .product-list ul li:nth-child(even){float:right;}
	.prodis-content .table-box{overflow-x: scroll;}
	.prodis-content .product-adv .adv-list{width:100%;float:none;}
	.prodis-content .product-adv .adv-pic{width:100%;float:none;margin-top:20px;}
	.prodis-content .dis-page a span{display: none;}
	.prodis-content .dis-page a b{opacity:0;}
	.search-list .sl-list ul li{width:48%;margin-left:0;}
	.search-list .sl-list ul li:nth-child(even){float:right;}
	.service-text .rp-padding{padding-right:0;}
	.con-fra ul li .text{width:100%;float:none;}
	.con-fra ul li .pic{width:100%;float:none;margin-top:20px;}
	
}	
@media only screen and (max-width: 1000px) {
	.index-product-box .index-pro-con .con-pic .con .img-box img {
		padding: 80px;
		width: 80%;
	}
	.index-product-box .index-pro-con .con-pic .con.act {
		position: absolute !important;
	}
}

.product-list .fixed{
	display:flex;
	flex-wrap:wrap;
}

.product-list .fixed>li{
	float:initial ;
}

.product-list .fixed::after,
product-list .fixed::before{
	display:none;
}

.product-right .product-list ul li{
	float:initial;
}

@media screen and (max-width:768px) {
	.product-list .fixed>li{
		padding: 0 15px;
		width:50%;
		box-sizing:border-box;
	}
	
	

}

	
	

