/*header start*/

.header .h-t{border-bottom:1px solid #E8E8E8;}

.header .h-t .logo{display:inline-block;float:left;padding:35px 0;}

.header .h-t .logo a{display: block;}

.header .h-t .logo a img{max-width:162px;}

.header .h-t .t-contact{display: inline-block;float:right;padding:30px 0 20px;}

.h-t .t-contact ul li{float:left;padding-left:50px;margin-left:60px;}

.h-t .t-contact ul li.tel{background:url(../images/h-t-icon-01.png) no-repeat left center;}

.h-t .t-contact ul li.mail{background:url(../images/h-t-icon-02.png) no-repeat left center;}

.h-t .t-contact ul li.wechat{background:url(../images/h-t-icon-03.png) no-repeat left center;}

.h-t .t-contact ul li span{

	font-size:14px;

	font-weight:300;

	color:rgba(136,136,136,1);

	display: block;

}

.h-t .t-contact ul li a{

	font-size:16px;

	font-weight:700;

	color:rgba(11,33,84,1);

	display: block;

	transition: all 0.4s;

}

.h-t .t-contact ul li a:hover{

	color:#E60012;

}

.header .h-b .nav-box{display: inline-block;float:left;}

.header .h-b .nav-box #menuWap{display:none;}

.header .h-b .tool-box{display: inline-block;float:right;}

.header .h-b .nav-box > nav > ul > li{float:left;margin:0 15px;position: relative;}

.header .h-b .nav-box > nav > ul > li > a{

	position: relative;

	display: block;

	padding:15px 15px;

	font-size:16px;

	font-weight:700;

	color:rgba(11,33,84,1);

}

.header .h-b .nav-box > nav > ul > li > a::after{width:0;height:2px;background:#d81324;content: '';position: absolute;bottom:0;left:50%;transition: all 0.4s;}

.header .h-b .nav-box > nav > ul > li.act > a::after ,.header .h-b .nav-box > nav > ul > li:hover > a::after{width:48px;margin-left:-24px;}

.second{position: absolute;left:-5%;top:100%;z-index:33;background:#0B2154;color:#FFFFFF;width:110%;opacity:0;visibility: hidden;transition: all 0.2s;}

.header .h-b .nav-box > nav > ul > li:hover .second{opacity:1;visibility: visible;}

.second a{display: block;padding:5px 10px;color:#FFFFFF;text-align: center;transition: all 0.4s;}

.second a:hover{background:#0064B6;}

.header .h-b .tool-box{display: inline-block;float:right;}

.header .h-b .tool-box .search-box{display: inline-block;float:left;padding:16px 0;}

.header .h-b .tool-box .share-box{display: inline-block;float:right;margin-left:30px;padding:15px 0;}

.header .h-b .tool-box .share-box a{display: inline-block;margin:0 10px;width:18px;height:18px;transition: all 0.4s;vertical-align: middle;}

.header .h-b .tool-box .share-box a.f{background:url(../images/h-share-01.png) no-repeat center;}

.header .h-b .tool-box .share-box a.t{background:url(../images/h-share-02.png) no-repeat center;}

.header .h-b .tool-box .share-box a.i{background:url(../images/h-share-03.png) no-repeat center;}

.header .h-b .tool-box .share-box a.y{background:url(../images/h-share-04.png) no-repeat center;}



.header .h-b .tool-box .share-box a.f:hover{background:url(../images/h-share-01-h.png) no-repeat center;}

.header .h-b .tool-box .share-box a.t:hover{background:url(../images/h-share-02-h.png) no-repeat center;}

.header .h-b .tool-box .share-box a.i:hover{background:url(../images/h-share-03-h.png) no-repeat center;}

.header .h-b .tool-box .share-box a.y:hover{background:url(../images/h-share-04-h.png) no-repeat center;}









/*header end*/



/*footer start*/

.footer{background:url(../images/index-pic-09.jpg) no-repeat center;background-size:cover;padding:10px 0 0;border-top:2px solid #D81324;}

.footer .f-t{padding:35px 0;text-align: center;}

.footer .f-t ul li{display: inline-block;padding:0 60px;position: relative;vertical-align: middle;}

.footer .f-t ul li::after{

	content: '';

	width:1px;

	height:52px;

	background:#1a1b2b;

	position: absolute;

	left:0;

	top:50%;

	margin-top:-26px;

}

.footer .f-t ul li:first-child::after{display: none;}

.footer .f-t .logo{padding:11px 0;}

.footer .f-t .mail{

	display: block;

	padding:12px 0;

	font-size:20px;

	font-weight:400;

	color:rgba(141,144,150,1);

	transition: all 0.4s;

}

.footer .f-t .mail:hover{

	color:#D81324;

}

.footer .f-t .share a{display: inline-block;margin:0 5px;transition: all 0.4s;opacity:1;}

.footer .f-t .share a:hover{opacity:0.5;}

.footer .f-m{padding:35px 0;border-top:1px solid #1a1b2b;}

.footer .f-m dl{float:left;width:25%;}

.footer .f-m dl dt ,.footer .f-m dl dd{

	padding:0 10px;

}

.footer .f-m dl dt{margin-bottom:20px;}

.footer .f-m dl dt a{

	font-size:20px;

	font-weight:700;

	color:rgba(255,255,255,1);

	transition: all 0.4s;

}

.footer .f-m dl dt a:hover{

	color:#D81324;

}

.footer .f-m dl dd{

	margin-top:10px;

}

.footer .f-m dl dd a{

	color:rgba(141,144,150,1);

	transition: all 0.4s;

}

.footer .f-m dl dd a:hover{

	color:#D81324;

}

.footer .f-b{padding:25px 0;border-top:1px solid #1a1b2b;text-align: center;}

.footer .f-b .copy{

	color:rgba(81,84,93,1);

}

/*footer end*/



/*轮播图start*/

.banner{max-width:1920px;margin:0 auto 0;width:100%;background:#FFFFFF;}

.banner .swiper-slide{position: relative;overflow: hidden;}

.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-pagination-bullet{width:10px;height:10px;background:#FFFFFF;opacity:1;border-radius: inherit;border-radius:50%;transition:all 0.6s;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;}

.banner .swiper-pagination-bullet-active{opacity:1;transform:scale(1.3);background:#E60012;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom:20px;}

.swiper-slide .banner-content{

	transform:translateY(-200px);

	opacity:0;

	transition:all .6s;

}

.ani-slide .banner-content{

	transform:translateY(0);

	opacity:1;

}



/*轮播图end*/



.inner-banner{max-width:1920px;margin:0 auto;position: relative;}

.inner-banner .img-box{position: relative;}

.inner-banner .img-box img{width:100%;height:auto;}

.crumbs-box{padding:12px 0;position: absolute;bottom:0;left:50%;width:1280px;margin-left:-640px;}

.crumbs-box a.home{background:url(../images/home-page.png) no-repeat left 0;padding-left:25px;}

.crumbs-box a{color:#bfbfbf;display: inline-block;transition: all 0.4s;}

.crumbs-box a:hover{color:#D81324;}

.crumbs-box i{display: inline-block;padding:0 5px;color:#bfbfbf;}

.crumbs-box span{color:#bfbfbf;}



/*公共样式定义 start*/

/*例如,统一间距,统一字体,统一大小写,统一最大距离*/



.m-width-1280{max-width:1280px;margin:0 auto;}

.ipd-20{}

/*置顶按钮 start*/

#toTop{width:40px;height:40px;left:20px;bottom:20px;position: fixed;z-index:999;background:#0B2154;}

/*置顶按钮 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:18px;color:#9A9A9A;margin:0 5px;width:35px;height:35px;line-height:35px;justify-content: center;background:transparent;border:1px solid rgba(199,199,199,1);}

.page-box .page-inner .current{display:inline-flex;font-size:18px;color:#9A9A9A;margin:0 5px;width:35px;height:35px;line-height:35px;justify-content: center;background:transparent;}

.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:#E60012;border:1px solid #E60012;}

.page-box .page-inner .page-list .current {color: #FFFFFF;transition: all 0.4s;}

.page-box .page-inner a.p-prev{background:url(../images/page-left.png) no-repeat center;}

.page-box .page-inner a.p-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;color:#666666;}}

.page-box .page-inner .page-list .current.act ,.page-box .page-inner .page-list .current:hover{color:#E60012;transition: all 0.4s;}

.page-box .page-inner .current.prev{font-family:simsun;font-weight:bold;font-weight: bold;color:#E60012;}

.page-box .page-inner .current.next{font-family:simsun;font-weight:bold;font-weight: bold;color:#E60012;}

.page-box .page-inner .current.p-prev{background:url(../images/page-left.png) no-repeat center;}

.page-box .page-inner .current.p-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;color:#666666;}



.page-box .page-inner span.current{display:inline-flex;font-size:18px;margin:0 5px;width:35px;height:35px;line-height:35px;justify-content: center;background:transparent;border:1px solid rgba(199,199,199,1);color:#FFFFFF;transition: all 0.4s;background:#E60012;border:1px solid #E60012;}

/*分页 end*/



/*公共样式定义 end*/

.index-tit{padding:60px 0;text-align: center;}

.index-tit span{display: inline-block;padding-left:35px;background:url(../images/index-tit-icon.png) no-repeat left center;

	font-size:16px;

	font-weight:400;

	color:rgba(175,181,187,1);

	text-transform: uppercase;

}

.index-tit h4{

	font-family: 'Muli', sans-serif;

	font-weight:900;

	color:rgba(11,33,84,1);

	font-size:48px;

}



.op-slider .ss-in{

	border:1px solid rgba(243,242,242,1);

	padding:5px;

}

.op-slider .ss-in .img-box{display: block;}

.op-slider .ss-in .img-box img{width:100%;height:auto;}

.op-slider .ss-in .text{

	padding:25px 20px;

	text-align: center;

}

.op-slider .ss-in .text .name{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

	font-size:16px;

	font-weight:500;

	color:rgba(78,78,78,1);

	transition: all 0.4s;

}

.op-slider .ss-in .text .name:hover{

	color:#0B2154;

}

.op-slider .ss-in .text .bt{

	width:142px;

	height:34px;

	border:1px solid rgba(89,98,119,1);

	text-align: center;

	line-height:34px;

	display: block;

	margin:20px auto 0;

	font-weight:400;

	color:rgba(89,98,119,1);

	transition: all 0.4s;

}

.op-slider .ss-in .text .bt:hover{

	color:#E60012;

	border:1px solid #E60012;

}

.op-slider .swiper-pagination{width:100%;height:auto;position: relative;padding:40px 0 0;}

.op-slider .swiper-pagination-bullet{margin:0 4px;}

.op-slider .swiper-pagination-bullet-active{background:#0B2154;}

.index-our-product{padding-bottom:60px;}



.index-about-us{background:url(../images/index-pic-10.jpg) no-repeat center;background-size: cover;padding:94px 0;}

.index-about-us .about-text{width:70%;float:left;}

.index-about-us .about-text .text{width:50%;float:left;}

.index-about-us .about-text .text .index-tit{text-align: left;padding:0;}

.index-about-us .about-text .text .index-tit h4{line-height:1;margin-top:20px;}

.index-about-us .about-text .pic{width:45%;float:right;}

.index-about-us .about-text .pic img{width:100%;height:auto;}

.index-about-us .about-text .text .at-content{

	font-size:16px;

	color:rgba(89,98,119,1);

	line-height:30px;

	height:150px;

	overflow: hidden;

	margin:50px 0;

}



.more{

	width:142px;

	height:34px;

	border:1px solid rgba(89,98,119,1);

	text-align: center;

	line-height:34px;

	display: block;

	font-weight:400;

	color:rgba(89,98,119,1);

	transition: all 0.4s;

}

.more:hover{

	color:#E60012;

	border:1px solid #E60012;

}

.index-about-us .about-list{

	width:27%;

	float:right;

}

.index-about-us .about-list ul li{padding-left:85px;position:relative;margin-top:50px;}

.index-about-us .about-list ul li:first-child{margin-top:0;}

.index-about-us .about-list ul li .tit{

	font-size:24px;

	font-weight:700;

	color:rgba(11,33,84,1);

}

.index-about-us .about-list ul li .tips{

	font-size:16px;

	font-weight:400;

	color:rgba(89,98,119,1);

	line-height:24px;

	height:72px;

	overflow: hidden;

}

.index-about-us .about-list ul li .icon{width:88px;position: absolute;left:0;top:0;z-index:2;text-align: center;}

.index-solution{padding-bottom:60px;}

.index-solution .is-list ul li{width:48.5%;float:left;}

.index-solution .is-list ul li:nth-child(even){float:right;display: flex;flex-direction: column-reverse;}

.index-solution .is-list ul li:nth-child(even) .img-text{margin-top:0;margin-bottom:35px;}

.index-solution .is-list ul li .img-box a{display: block;overflow: hidden;}

.index-solution .is-list ul li .img-box a img{width:100%;height:auto;transition: all 0.6s;transform: scale(1);}
.index-solution .is-list ul li .img-box a:hover img{transform: scale(1.05);}

.index-solution .is-list ul li .img-text{

	margin-top:35px;

	overflow: hidden;

}

.index-solution .is-list ul li .img-text .it-inner{

	padding:40px 70px 50px;

	position: relative;

	background:#F6F7F8;

}

.is-list .img-text .it-inner .tit{

	font-size:26px;

	font-weight:400;

	color:rgba(59,59,59,1);

	text-overflow: ellipsis;

	white-space:nowrap;

	overflow: hidden;

	transition: all 0.4s;

}

.is-list .img-text .it-inner .tit:hover{

	color:#0B2154;

}

.is-list .img-text .it-inner .tips{

	margin-top:20px;

	height:84px;

	overflow: hidden;

	font-size:16px;

	color:rgba(89,98,119,1);

	line-height:28px;

}

.is-list .img-text .it-inner::after{

	width:20px;

	height:20px;

	content: '';

	position: absolute;

	left:-10px;

	bottom:-10px;

	transform: rotate(45deg);

	background:#0B2154;

}

.header .header-box{position: relative;}

.product-banner{background:url(../images/product-pic-01.jpg) no-repeat center;background-size:cover;padding:40px 0;position: absolute;top:100%;left:0;width:100%;display: none;z-index:999;}

.product-banner .list:first-child{margin-bottom:40px;}

.product-banner .list .tit{margin-bottom:10px;}

.product-banner .list .tit a{

	font-size:22px;

	font-weight:700;

	color:rgba(255,255,255,1);

	transition: all 0.4s;

}

.product-banner .list .tit a:hover{

	color:#D81324;

}

.product-banner .list .il ul li{width:20%;float:left;margin-bottom:10px;}

.product-banner .list .il ul li a{

	padding-left:15px;background:url(../images/product-icon-02.png) no-repeat left center;

	display: block;

	color:rgba(220,221,226,1);

	transition: all 0.4s;

}

.product-banner .list .il ul li a:hover{

	color:#D81324;

}

.product-box{margin-top:40px;}

.product-box .product-menu{

	width:24%;

	float:left;

}

.product-box .product-menu .title{

	background:#E9E9E9;

	padding:11px 30px;

	border:1px solid rgba(233,233,233,1);

	font-size:20px;

	font-weight:700;

	color:rgba(51,51,51,1);

}

.product-box .product-menu .list-box{padding:20px 30px;

	border:1px solid rgba(235,235,235,1);

	background:url(../images/product-left-menu-bg.jpg) no-repeat center;

	background-size: cover;

}

.product-box .product-menu .list-box .list .tit{position: relative;}

.product-box .product-menu .list-box .list .tit .name{

	font-size:16px;

	font-weight:700;

	color:rgba(11,33,84,1);

	display: block;

	height:40px;

	line-height:40px;

}

.product-box .product-menu .list-box .list .tit .bt{

	width:40px;

	height:40px;

	background:url(../images/product-icon-01.png) no-repeat center;

	position: absolute;

	right:0;

	top:0;

	z-index:3;

	transition: all 0.6s;

}

.product-box .product-menu .list-box .list.act .bt{transform: rotate(-90deg);}

.product-box .product-menu .list-box .list .il{display: none;}

.product-box .product-menu .list-box .list.act .il{display: block;}

.product-box .product-menu .list-box .list .il ul li{

	padding:10px 0;

}

.product-box .product-menu .list-box .list .il ul li a{

	display: inline-block;

	color:rgba(136,136,136,1);

	transition: all 0.4s;

	font-weight:300;

}

.product-box .product-menu .list-box .list .il ul li a:hover{

	color:#E60012;

	font-weight:700;

}

.product-content .product-hot{

	background-position: center;

	background-size:cover;

	padding:40px 70px;

	margin-bottom:40px;

}



.product-content .product-hot .tit span{

	font-size:18px;

	font-weight:300;

	color:rgba(51,51,51,1);

	display: block;

}

.product-content .product-hot .tit h6{

	font-size:34px;

	font-weight:700;

	color:rgba(51,51,51,1);

	line-height:1;

}

.product-content .product-hot .bt{

	margin-top:15px;

}

.product-content .product-hot .bt a{

	width:177px;

	height:38px;

	border:1px solid rgba(51,51,51,1);

	text-align: center;

	line-height:38px;

	font-weight:400;

	color:rgba(51,51,51,1);

	transition: all 0.4s;

	display: block;

}



.product-content .product-hot .bt a:hover{

	color:#D81324;

	border: 1px solid #D81324;

}

.product-content .product-list ul li{

	width:32%;

	float:left;

	margin-left:2%;

	margin-top:35px;

}

.product-content .product-list ul li:nth-child(3n+1){margin-left:0;}

.product-content .product-list ul li:nth-child(1){margin-top:0;}

.product-content .product-list ul li:nth-child(2){margin-top:0;}

.product-content .product-list ul li:nth-child(3){margin-top:0;}

.product-content .product-list ul li .ss-in{

	border:1px solid rgba(243,242,242,1);

	padding:5px;

}

.product-content .product-list ul li .ss-in .img-box{display: block;}

.product-content .product-list ul li .ss-in .img-box img{width:100%;height:auto;}

.product-content .product-list ul li .ss-in .text{

	padding:25px 20px;

	text-align: center;

}

.product-content .product-list ul li .ss-in .text .name{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

	font-size:16px;

	font-weight:500;

	color:rgba(78,78,78,1);

	transition: all 0.4s;

}

.product-content .product-list ul li .ss-in .text .name:hover{

	color:#0B2154;

}

.product-content .product-list ul li .ss-in .text .bt{

	width:142px;

	height:34px;

	border:1px solid rgba(89,98,119,1);

	text-align: center;

	line-height:34px;

	display: block;

	margin:20px auto 0;

	font-weight:400;

	color:rgba(89,98,119,1);

	transition: all 0.4s;

}

.product-content .product-list ul li .ss-in .text .bt:hover{

	color:#E60012;

	border:1px solid #E60012;

}







.product-box .product-content{

	width:73%;

	float:right;

}



.prodis-box .pic-text .pic{width:44.5%;float:left;}

.prodis-box .pic-text .pic img{width:100%;height:auto;}

.prodis-box .pic-text .text{width:52%;float:right;}

.prodis-box .pic-text .text .t{

	font-size:30px;

	font-weight:700;

	color:rgba(51,51,51,1);

}

.prodis-box .pic-text .text .share{margin:25px 0;}

.prodis-box .pic-text .text .share a{display: flex;align-items: center;justify-content: center;margin:0 5px;background:#D1D1D1;width:28px;height:28px;border-radius:50%;text-align: center;transition: all 0.4s;float:left;margin-left:10px;}

.prodis-box .pic-text .text .share a:first-child{margin-left:0;}

.prodis-box .pic-text .text .share a:hover{background:#E60012;}

.prodis-box .pic-text .text .list ul li{background:url(../images/prodis-icon-05.png) no-repeat left 10px;padding:5px 0 5px 20px;}

.prodis-box .pic-text .text .link{margin-top:25px;}

.prodis-box .pic-text .text .link a{display:inline-block;

	width:164px;

	height:48px;

	background:rgba(11,25,59,1);

	text-align: center;

	line-height:48px;

	color:#FFFFFF;

	font-size:16px;

	transition: all 0.4s;

}

.prodis-box .pic-text .text .link a:hover{

	background:#E60012;

}

.prodis-box .pic-text .text .link a span{display: inline-block;padding-left:30px;}

.prodis-box .pic-text .text .link a.cn{margin-right:10px;}

.prodis-box .pic-text .text .link a.cn span{background:url(../images/prodis-icon-06.png) no-repeat left center;}

.prodis-box .pic-text .text .link a.ct span{background:url(../images/prodis-icon-07.png) no-repeat left center;}



.prodis-content .pc-tit{padding:30px 0;

	font-size:24px;

	font-weight:700;

	color:rgba(51,51,51,1);

}

.prodis-content .text{

	font-size:16px;

	color:rgba(136,136,136,1);

	line-height:30px;

}

.prodis-content .pic-list{

	padding:30px 0 0;

}

.prodis-content .pic-list ul li{width:32%;float:left;margin-left:2%;}

.prodis-content .pic-list ul li:first-child{margin-left:0;}

.prodis-content .pic-list ul li .img-box img{width:100%;height:auto;}

.prodis-content .table-box table{width:100%;}

.prodis-content .table-box table tr td{padding:10px 40px;border:1px solid rgba(237,237,237,1);}

.prodis-content .table-box table tr:nth-child(odd){background:#F8F8F8;}



.related-pro .rp-tit{padding:30px 0;

	text-align: center;

	font-size:30px;

	font-weight:700;

	color:rgba(11,33,84,1);

}

.rp-list ul li{width:32%;float:left;margin-left:2%;}

.rp-list ul li:nth-child(3n+1){margin-left:0;}

.rp-list ul li .ss-in{

	border:1px solid rgba(243,242,242,1);

	padding:5px;

}

.rp-list ul li .ss-in .img-box{display: block;}

.rp-list ul li .ss-in .img-box img{width:100%;height:auto;}

.rp-list ul li .ss-in .text{

	padding:25px 20px;

	text-align: center;

}

.rp-list ul li .ss-in .text .name{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

	font-size:16px;

	font-weight:500;

	color:rgba(78,78,78,1);

	transition: all 0.4s;

}

.rp-list ul li .ss-in .text .name:hover{

	color:#0B2154;

}

.rp-list ul li .ss-in .text .bt{

	width:142px;

	height:34px;

	border:1px solid rgba(89,98,119,1);

	text-align: center;

	line-height:34px;

	display: block;

	margin:20px auto 0;

	font-weight:400;

	color:rgba(89,98,119,1);

	transition: all 0.4s;

}

.rp-list ul li .ss-in .text .bt:hover{

	color:#E60012;

	border:1px solid #E60012;

}

.message-box{

	padding:0 0 60px;

}

.message-box .message-tit{padding:30px 0;

	text-align: center;

	font-size:30px;

	font-weight:700;

	color:rgba(11,33,84,1);

}

.solution-box .index-solution .is-list ul li{margin-top:35px;}

.solution-box{padding-top:25px;}

.solution-box .message-box{

	background:#f6f7f8;

	padding-bottom:60px;

}

.solution-box .message-box .message-tit{

	padding:40px 0;

	font-size:48px;

	font-weight:700;

}



.soludis-box{

	padding:60px 0;

}

.soludis-box .soludis-tit{

	padding:10px 0 30px;

	text-align: center;

}

.soludis-box .soludis-tit h4{

	font-size:30px;

	font-weight:700;

	color:rgba(59,59,59,1);

}

.soludis-box .soludis-content{

	font-size:16px;

	font-weight:300;

	color:rgba(89,98,119,1);

	line-height:1.8;

}

.soludis-box .soludis-content img{max-width:100%;height: auto;}

.case-box{padding:60px 0 0;}

.case-box .case-list ul li{width:32.5%;float:left;margin-left:1.25%;margin-top:30px;}

.case-box .case-list ul li:nth-child(3n+1){margin-left:0;}

.case-box .case-list ul li:nth-child(1){margin-top:0;}

.case-box .case-list ul li:nth-child(2){margin-top:0;}

.case-box .case-list ul li:nth-child(3){margin-top:0;}

.case-box .case-list ul li .img-box{display: block;position: relative;}

.case-box .case-list ul li .img-box img{width:100%;height:auto;}

.case-box .case-list ul li .img-box span{

	transform: scale(0.8);

	transition: all 0.6s;

	opacity:0;

	width:100%;

	height:100%;

	background:rgba(11,33,84,0.7) url(../images/link-icon.png) no-repeat center;

	position: absolute;

	left:0;

	top:0;

	z-index:3;

}

.case-box .case-list ul li .img-box:hover span{

	opacity:1;

	transform: scale(1);

}

.case-box .case-list ul li .text{

	padding:10px 25px;

	background:#F7F7F7;

}

.case-box .case-list ul li .text .tit{

	font-size:16px;

	font-weight:700;

	color:rgba(40,40,40,1);

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-bottom:10px;

}

.case-box .case-list ul li .text .more-link{

	color:rgba(177,177,177,1);

	transition: all 0.4s;

}

.case-box .case-list ul li .text .more-link:hover{

	color:#D81324;

}



.service-wqp{padding:60px 0;}

.service-wqp .text{width:57%;float:left;}

.service-wqp .pic{width:38.5%;float:right;}

.service-wqp .pic img{width:100%;height:auto;}

.service-wqp .text .index-tit{text-align: left;padding:20px 0 40px;}

.service-wqp .text .index-tit h4{line-height:1;margin-top:20px;}

.service-wqp .text .tips{

	font-size:16px;

	font-weight:400;

	color:rgba(89,98,119,1);

	line-height:1.8;

}

.service-wqp .text .list{

	margin-top:40px;

}

.service-wqp .text .list ul li{

	background:url(../images/service-icon-01.png) no-repeat left 13px;

	padding:8px 0 8px 30px;

	font-size:16px;

	font-weight:700;

	color:rgba(11,33,84,1);

}

.service-rd{

	padding-bottom:60px;

	background:url(../images/service-pic-02.jpg) no-repeat center;

	background-size:cover;

}



.service-rd .rd-list ul li{width:32%;float:left;margin-left:2%;

	background:rgba(255,255,255,1);

	box-shadow:0px 1px 18px 5px rgba(0, 0, 0, 0.06);

	text-align: center;

}

.service-rd .rd-list ul li:first-child{margin-left:0;}

.service-rd .rd-list ul li .li-inner{

	padding:40px;

}

.service-rd .rd-list ul li .icon img{max-width:100%;height:auto;}

.service-rd .rd-list ul li .tit{

	padding:20px 0;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size:24px;

	font-family: 'Muli', sans-serif;font-weight:900;

	color:rgba(11,33,84,1);

}

.service-rd .rd-list ul li .dis{

	height:72px;

	overflow: hidden;

	color:rgba(135,138,148,1);

	line-height:24px;

}

.service-faq{

	padding-bottom:60px;

}

.service-faq .faq-list ul{width:49%;float:left;}

.service-faq .faq-list ul:nth-child(even){float:right;}

.service-faq .faq-list ul li{margin-bottom:30px;}

.service-faq .faq-list ul li .li-inner{

	position: relative;

	padding:16px 70px 16px 40px;

	background:#F6F7F8;

}

.service-faq .faq-list ul li .li-inner .tit{

	font-size:18px;

	font-weight:700;

	color:#4E4E4E;

	display: block;

	transition:all 0.6s;

}

.service-faq .faq-list ul li .li-inner .tit:hover ,.service-faq .faq-list ul li.act .li-inner .tit{

	color:#0B2154;

}

.service-faq .faq-list ul li .li-inner .icon{

	position: absolute;

	right:10px;

	top:0;

	width:59px;

	height:59px;

	background:url(../images/service-icon-05.png) no-repeat center;

}

.service-faq .faq-list ul li.act .li-inner .icon{

	background:url(../images/service-icon-06.png) no-repeat center;

}

.service-faq .faq-list ul li .dis{

	display: none;

	padding:20px 40px;

	font-size:16px;

	color:rgba(135,138,148,1);

	line-height:24px;

}



.main-box #st1{padding:60px 0;}

.main-box .about-text .text{width:57%;float:left;}

.main-box .about-text .text .index-tit{text-align: left;padding:0;margin-bottom:40px;}

.main-box .about-text .text .dis{

	font-size:16px;

	color:rgba(140,140,140,1);

	line-height:1.8;

}

.main-box .about-text .pic{width:37%;float:right;}

.main-box .about-text .pic img{width:100%;height:auto;}



.about-oap{padding-bottom:60px;background:url(../images/about-pic-02.jpg) no-repeat center;background-size:cover;}

.about-oap .index-tit{text-align: left;position: relative;}

.about-oap .index-tit h4{color:#FFFFFF;}

.about-oap .index-tit .link{

	width:230px;

	height:56px;

	background:rgba(232,24,41,1);

	display: block;

	position: absolute;

	bottom:68px;

	right:0;

	z-index:2;

	text-align: center;

	line-height:56px;

	font-size:16px;

	font-weight:700;

	color:rgba(255,255,255,1);

	transition: all 0.4s;

}

.about-oap .index-tit .link:hover{

	background:#0B2154;

}

.about-oap .oap-list ul li{

	text-align: center;

	width:32%;

	float:left;

	margin-left:2%;

	background:rgba(255,255,255,1);

	box-shadow:0px 7px 10px 0px rgba(0, 0, 0, 0.02);

}

.about-oap .oap-list ul li:first-child{

	margin-left:0;

}

.about-oap .oap-list ul li .li-inner{

	padding:45px;

}

.about-oap .oap-list ul li .li-inner .icon{

	height:58px;

}

.about-oap .oap-list ul li .li-inner .tit{

	padding:20px 0;

	font-size:24px;

	font-weight:700;

	color:rgba(11,33,84,1);

}

.about-oap .oap-list ul li .li-inner .dis{

	font-size:16px;

	color:rgba(89,98,119,1);

	line-height:24px;

	height:48px;

	overflow: hidden;

}

.about-factory{padding-bottom:60px;}

.about-factory .factory-list ul li{width:23.5%;float:left;margin-left:2%;}

.about-factory .factory-list ul li:first-child{margin-left:0;}

.about-factory .factory-list ul li .img-box img{width:100%;height:auto;}

.contact-text{padding:60px 0 40px;text-align: center;}

.contact-text .contact-tit{

	font-size:40px;

	font-weight:700;

	color:rgba(11,33,84,1);

}

.contact-text .contact-tips{

	max-width:600px;

	margin:20px auto 0;

	font-size:16px;

	color:rgba(89,98,119,1);

	line-height:24px;

}

.contact-list{padding-bottom:60px;}

.contact-list ul li{width:32%;float:left;margin-left:2%;box-sizing: border-box;border:1px solid rgba(230,230,230,1);text-align: center;}

.contact-list ul li:first-child{margin-left:0;}

.contact-list ul li .li-inner{

	padding:35px 40px;

}

.contact-list ul li .li-inner .icon{height:46px;}

.contact-list ul li .li-inner .tit{

	padding:20px 0;

	font-size:22px;

	font-weight:700;

	color:rgba(11,33,84,1);

}

.contact-list ul li .li-inner .dis{

	font-size:16px;

}

.contact-msg{padding-bottom:60px;}

.contact-msg .msg-tit{width:26.5625%;float:left;background:url(../images/contact-pic-01.jpg) no-repeat center;background-size:cover;}

.contact-msg .msg{width:68.4375%;float:right;}

.contact-msg .msg-tit .mt-inner{

	padding:60px 40px 130px;

}

.contact-msg .msg-tit .mt-inner .ft{margin-top:35px;

	font-size:16px;

	color:rgba(149,154,173,1);

	position: relative;

}

.contact-msg .msg-tit .mt-inner .ft::after{

	content: '';

	width:110px;

	height:2px;

	background:rgba(149,154,173,0.48);

	position: absolute;

	left:100px;

	top:50%;

	margin-top:-1px;

}

.contact-msg .msg-tit .mt-inner .bt{

	margin-top:40px;

	font-size:54px;

	font-weight:800;

	color:rgba(255,255,255,1);

	line-height:1;

}

.news-list{padding-top:60px;}

.news-list ul li{padding:50px 0;border-bottom:1px solid #E9EBF0;}

.news-list ul li:first-child{padding-top:0;}

.news-list ul li .img-box{width:40%;float:left;position: relative;}

.news-list ul li .img-box a{display: block;padding-left:110px;}

.news-list ul li .img-box a img{width:100%;height:auto;}

.news-list ul li .img-box .time{position: absolute;left:0;top:0;}

.news-list ul li .img-box .time span{

	font-size:20px;

	font-weight:700;

	color:rgba(11,33,84,1);

	display: block;

	position: relative;

	padding-bottom:15px;

}

.news-list ul li .img-box .time span::after{

	content: '';

	width:20px;

	height:2px;

	background:rgba(11,33,84,1);

	position: absolute;

	bottom:0;

	left:0;

}

.news-list ul li .img-box .time b{

	display: block;

	font-size:42px;

	font-weight:700;

	color:rgba(11,33,84,1);

}

.news-list ul li .img-text{width:57%;float:right;}

.news-list ul li .img-text .tit{

	font-size:26px;

	font-weight:700;

	color:rgba(51,51,51,1);

	line-height:34px;

	height:68px;

	overflow: hidden;

	transition: all 0.4s;

}

.news-list ul li .img-text .tit:hover{

	color:#0B2154;

}

.news-list ul li .img-text .dis{

	margin:30px 0;

	height:56px;

	font-size:16px;

	color:rgba(140,140,140,1);

	line-height:28px;

	overflow: hidden;

}



.display-box{

	padding:60px 0;

}

.display-content{

	width:72%;

	float:left;

}

.display-content .tit{

	font-size:30px;

	font-weight:700;

	color:rgba(51,51,51,1);

	line-height:32px;

	text-align: center;

}

.display-content .by-tips{margin:20px 0 0;

	background:rgba(11,33,84,0.03);

	padding:10px 0;

	text-align: center;

}

.display-content .by-tips span{display: inline-block;

	color:rgba(136,136,136,1);

	vertical-align:middle;

}

.display-content .by-tips .share{display: inline-block;margin-left:50px;}

.display-content .by-tips .share a{display:inline-block;margin-right:5px;transition: all 0.4s;opacity:1;}

.display-content .by-tips .share a:hover{opacity:0.7;}

.display-content .by-tips i{display: inline-block;margin:0 10px;vertical-align:baseline;}

.display-content .content{padding:40px 0;

	color:rgba(136,136,136,1);

	line-height:2;

}

.display-content .content img{max-width:100%;height: auto;}

.display-content .display-page{

	padding:30px 0;

	border-top:1px solid rgba(11,33,84,0.07);

	border-bottom:1px solid rgba(11,33,84,0.07);

}

.display-content .display-page .prev{width:40%;float:left;padding-left:60px;background:url(../images/display-icon-05-h.png) no-repeat left center;}

.display-content .display-page .next{width:40%;float:right;padding-right:60px;background:url(../images/display-icon-06-h.png) no-repeat right center;text-align: right;}

.display-content .display-page .prev.no-drop{background:url(../images/display-icon-05.png) no-repeat left center;}

.display-content .display-page .next.no-drop{background:url(../images/display-icon-06.png) no-repeat right center;}



.display-content .display-page span{

	display: block;

	font-weight:400;

	color:#666666;

}

.display-content .display-page a{

	font-weight:400;

	color:#D81324;

	display: block;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.display-content .display-page .no-drop a{

	color:#666666;

}

.display-rp{

	width:24%;

	float:right;

}

.display-rp .rp-tit{

	position: relative;

	padding:20px 30px;

	box-sizing: border-box;

	background:rgba(245,245,245,1);

	border:1px solid rgba(233,233,233,1);

	font-size:18px;

	font-weight:700;

	color:rgba(51,51,51,1);

}

.display-rp .rp-tit i{

	background:url(../images/display-icon-07.png) no-repeat center;

	width:22px;

	height:22px;

	position: absolute;

	right:30px;

	top:50%;

	margin-top:-11px;

}

.display-rp .drp-list{margin-top:30px;}

.display-rp .drp-list ul li{margin-bottom:20px;}

.display-rp .drp-list ul li .img-box{display: block;width:50%;float:left;}

.display-rp .drp-list ul li .img-box img{width:100%;height:auto;}

.display-rp .drp-list ul li .img-text{width:45%;float:right;}

.display-rp .drp-list ul li .img-text .tit{

	font-size:16px;

	color:rgba(51,51,51,1);

	line-height:24px;

	height:48px;

	overflow: hidden;

	transition: all 0.4s;

	display: block;

}

.display-rp .drp-list ul li .img-text .tit:hover{

	color:#D81324;

}

.display-rp .drp-list ul li .img-text .time{

	display: block;

	margin-top:15px;

	font-size:14px;

	font-weight:300;

	color:rgba(170,170,170,1);

}



.display-rp .hot-pic{

	margin-top:30px;

	background:url(../images/display-pic-02.jpg) no-repeat center;

	background-size:cover;

	padding:60px 25px 110px;

}

.display-rp .hot-pic .text{

	margin:20px 0;

	color:rgba(216,228,240,1);

	line-height:24px;

}

.display-rp .hot-pic .more{

	color:#FFFFFF;

	border:1px solid #FFFFFF;

}

.error-box{padding:60px 0 60px;text-align: center;}

.error-box .error-tit h6{

	font-size:38px;

	font-weight:700;

	color:rgba(11,33,84,1);

}

.error-box .error-tit p{

	margin-top:20px;

	font-size:16px;

	color:rgba(136,136,136,1);

	line-height:24px;

}

.error-box .error-pic{

	margin-top:20px;

}

.error-box .error-pic img{

	max-width:100%;

	height:auto;

}

















































@media only screen and (max-width: 1340px) {

	.ipd-20{padding:0 20px;}

}





@media only screen and (max-width: 1279px) {

	.header .h-b .nav-box #menuPc{display:none;}

	.header .h-b .nav-box #menuWap{display:block;}

	#page{background:#FFFFFF;}

	.btn-nav{position: absolute;right:20px;top:0;z-index:3;background: transparent;border: none;padding:4px 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:rgba(11,33,84,1);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 .bg-box{display: none;}

	.banner-content{display: none;}

	.banner .wap-box{display: block;}

	.header .h-t .t-contact{display: none;}

	.header .h-b{display:none;}

	.header .h-t .logo{padding:10px 0;}

	.header .h-t .logo a img{max-width:120px;height:auto;}

	.index-tit{padding:30px 0;}

	.index-tit h4{font-size:32px;}

	.op-slider .swiper-pagination{padding:20px 0 0;}

	.index-our-product{padding-bottom:30px;}

	.index-about-us .about-text{width:100%;float:none;}

	.index-about-us .about-text .text{width:100%;float:none;}

	.index-about-us .about-text .pic{width:100%;float:none;margin-top:20px;}

	.index-about-us .about-list{width:100%;float:none;}

	.index-about-us{padding:30px 0;}

	.about-text{padding:0 0 50px;}

	.index-about-us .about-text .text .at-content{margin:20px 0;}

	.index-solution .is-list ul li{width:100%;float:none;}

	.index-solution .is-list ul li:first-child{margin-bottom:30px;}

	.index-solution .is-list ul li:nth-child(even){flex-direction: column;}

	.index-solution .is-list ul li:nth-child(even) .img-text{margin-bottom:0;margin-top:15px;}

	.index-solution .is-list ul li .img-text{margin-top:15px;}

	.footer .f-m{display: none;}

	#toTop{display: none !important;}

	.footer .f-b .copy{padding-bottom:100px;}

	.crumbs-box{width:100%;left:0;margin-left:0;position: relative;background:#0B2154;}

	.inner-banner .img-box{display: none;}

	.error-box .error-tit h6{font-size:32px;}

	.main-box #st1{padding:30px 0;}

	.main-box .about-text .text{width:100%;height:auto;}

	.main-box .about-text .text .index-tit{margin-bottom:20px;}

	.main-box .about-text .pic{width:100%;height:auto;margin-top:20px;}

	.about-oap .index-tit .link{position: relative;bottom:0;margin-top:20px;}

	.about-oap .oap-list ul li{width:100%;float:none;margin-left:0;margin-top:20px;}

	.about-oap .oap-list ul li:first-child{margin-top:0;}

	.about-factory .factory-list ul li{width:48%;margin-left:0;margin-bottom:15px;}

	.about-factory .factory-list ul li:nth-child(even){float:right;}

	.about-factory{padding-bottom:30px;}

	.case-box{padding:30px 0 0;}

	.case-box .case-list ul li{width:100%;float:none;margin-left:0;margin-top:20px;}

	.case-box .case-list ul li:nth-child(2){margin-top:20px;}

	.case-box .case-list ul li:nth-child(3){margin-top:20px;}

	.contact-text{padding:30px 0 20px;}

	.contact-text .contact-tit{font-size:32px;}

	.contact-list ul li{width:100%;float:none;margin-left:0;margin-bottom:20px;}

	.contact-msg .msg-tit{float:none;width:100%;}

	.contact-msg .msg-tit .mt-inner{padding:40px;}

	.contact-msg .msg-tit .mt-inner .bt{font-size:32px;}

	.contact-list{padding-bottom:20px;}

	.contact-msg .msg{width:100%;float:none;margin-top:20px;}

	.display-box{padding:30px 0;}

	.display-content{width:100%;float:none;}

	.display-rp{float:none;width:100%;margin-top:40px;}

	.display-content .display-page .prev{padding-left:30px;width:35%;}

	.display-content .display-page .next{padding-right:30px;width:35%;}

	.footer .f-t ul li{padding:0 0;}

	.display-content .tit{font-size:22px;}

	.news-list{padding-top:30px;}

	.news-list ul li .img-box{width:100%;float:none;}

	.news-list ul li .img-box a{padding-left:0;}

	.news-list ul li .img-box .time{left:20px;top:20px;}

	.news-list ul li .img-box .time span{font-size:18px;padding-bottom:5px;}

	.news-list ul li .img-box .time b{font-size:32px;}

	.news-list ul li .img-text{width:100%;float:none;margin-top:20px;}

	.news-list ul li{padding:25px 0;}

	.news-list ul li .img-text .tit{font-size:22px;}

	.product-box .product-menu{display: none;}

	.product-box .product-content{width:100%;float:none;}

	.prodis-box .pic-text .pic{width:100%;float:none;}

	.prodis-box .pic-text .text{width:100%;float:none;margin-top:20px;}

	.prodis-content .table-box{overflow-x: scroll;}

	.rp-list ul li{width:100%;float:none;margin-left:0;margin-bottom:20px;}

	.product-content .product-hot{padding:35px 20px;margin-bottom:20px;}

	.product-content .product-list ul li{width:48%;float:left;margin-left:0;margin-top:20px;}

	.product-content .product-list ul li:nth-child(even){float:right;}

	.product-content .product-list ul li:nth-child(3){margin-top:20px;}

	.service-wqp{padding:30px 0;}

	.service-wqp .text{width:100%;float:none;}

	.service-wqp .pic{width:100%;float:none;margin-top:20px;}

	.service-rd .rd-list ul li{width:100%;float:none;margin-top:20px;margin-left:0;}

	.service-rd .rd-list ul li:first-child{margin-top:0;}

	.service-faq .faq-list ul{width:100%;float:none;}

	.service-faq{padding-bottom:20px;}

	.soludis-box{padding:10px 0 30px;}

	.solution-box .message-box .message-tit{font-size:32px;}

	.product-content .product-list ul li .ss-in .text .bt{width:100%;}

	.product-content .product-list ul li .ss-in .text .name{text-overflow: inherit;white-space:inherit;line-height:24px;height:48px;}

	

	

	

	

	

	

	

	

}	



