/*header start*/

.header-welcome{background:#364451;padding:10px 0;}

.header-welcome .welcome-tips{float:left;width:50%;color:#6E7780;font-size:16px;}

.header-welcome .link-share{float:right;width:45%;}

.header-welcome .link-share .link{float:left;}

.header-welcome .link-share .link a{display: inline-block;padding-left:25px;color: #6E7780;font-size:16px;transition: all 0.4s;}

.header-welcome .link-share .link a:hover{color:#FFFFFF;}

.header-welcome .link-share .link a span{display: inline-block;position: relative;}

.header-welcome .link-share .link a span:after{content: '';position: absolute;left:0;bottom:2px;width:0;height:1px;background:#FFFFFF;transition: all 0.4s;}

.header-welcome .link-share .link a:hover span:after{width:100%;}

.header-welcome .link-share .link a.tel{background:url(../images/index-icon-01.png) no-repeat left center;}

.header-welcome .link-share .link a.mail{background:url(../images/index-icon-02.png) no-repeat left center;margin-left:40px;}

.header-welcome .link-share .link a.tel:hover{background:url(../images/index-icon-01-h.png) no-repeat left center;}

.header-welcome .link-share .link a.mail:hover{background:url(../images/index-icon-02-h.png) no-repeat left center;}

.header-welcome .link-share .share{float:right;padding:2px 0;}

.header-welcome .link-share .share a{display:block;width:20px;height:20px;margin-left:10px;float:left;transition: all 0.4s;}

.header-welcome .link-share .share a.f{background:url(../images/h-share-icon-01.png) no-repeat center;}

.header-welcome .link-share .share a.t{background:url(../images/h-share-icon-02.png) no-repeat center;}

.header-welcome .link-share .share a.y{background:url(../images/h-share-icon-03.png) no-repeat center;}

.header-welcome .link-share .share a.i{background:url(../images/h-share-icon-04.png) no-repeat center;}

.header-welcome .link-share .share a.f:hover{background:url(../images/h-share-icon-01-h.png) no-repeat center;}

.header-welcome .link-share .share a.t:hover{background:url(../images/h-share-icon-02-h.png) no-repeat center;}

.header-welcome .link-share .share a.y:hover{background:url(../images/h-share-icon-03-h.png) no-repeat center;}

.header-welcome .link-share .share a.i:hover{background:url(../images/h-share-icon-04-h.png) no-repeat center;}

.header-box .logo{float:left;padding:32px 0;}

.header-box .logo a{display: block;}

.header-box .logo a img{max-width:180px;height:auto;}

.header-box .nav-box{float:right;}

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

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

.header-box .nav-box nav > ul > li dl{position: absolute;/*left:50%;*/width:220px;margin-left:-60px;top:100%;background:#FFFFFF;z-index:99999;text-align: center;padding:10px 0;opacity:0;visibility:hidden;transition: all 0.2s}

.header-box .nav-box nav > ul > li:hover dl{opacity:1;visibility: visible;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);}/*我偷偷改过了*/

.header-box .nav-box nav > ul > li dl dd a{padding:5px 0;display: block;font-weight:300;}

.header-box .nav-box nav > ul > li > a{display: block;padding:46px 17px;font-size:18px;color:#364451;transition: all 0.4s;position: relative;}

.header-box .nav-box nav > ul > li > a:after{width:5px;height:5px;background:#CA2627;position: absolute;left:5px;content: '';position: absolute;top:50%;margin-top:-2.5px;opacity:0;transform: translateX(50%);transition: all 0.4s;}

.header-box .nav-box nav > ul > li.act > a:after ,.header-box .nav-box nav > ul > li:hover > a:after{opacity:1;transform:translateX(0);transform: translateX(0);}

/*header end*/



/*footer start*/

.nav-search{background:#364451;}

.nav-search .nav-box{width:70%;float:left;padding:40px 0;}

.nav-search .nav-box dl{width:50%;float:left;}

.nav-search .nav-box dl dt{margin-bottom:30px;}

.nav-search .nav-box dl dt a{display:block;padding:15px 0;position: relative;color:#FFFFFF;font-size:18px;text-transform: uppercase;}

.nav-search .nav-box dl dt a:after{content: '';width:60px;height:2px;background:#FFFFFF;position: absolute;bottom:0;left:0;}

.nav-search .nav-box dl dd a{display: block;float:left;width:50%;text-overflow: ellipsis;white-space:nowrap;padding:5px 5px;}

.nav-search .nav-box dl dd a span{display: inline-block;padding-left:15px;color:#888F96;position: relative;transition: all 0.4s;}

.nav-search .nav-box dl dd a span:after{width:3px;height:3px;background:#888F96;content: '';position: absolute;left:0;top:50%;margin-top:-1.5px;transition: all 0.4s;}

.nav-search .nav-box dl dd a:hover span{color:#FFFFFF;}

.nav-search .nav-box dl dd a:hover span:after{background:#FFFFFF;}

.nav-search .nav-box dl.contact dd a{float:none;width:60%;overflow: auto;text-overflow: inherit;white-space: inherit;}

.nav-search .nav-box dl.contact dd a span{padding-left:25px;}

.nav-search .nav-box dl.contact dd a span:after{display: none;}

.nav-search .nav-box dl.contact dd a.tel span{background:url(../images/index-icon-11.png) no-repeat left center;}

.nav-search .nav-box dl.contact dd a.fex span{background:url(../images/index-icon-12.png) no-repeat left center;}

.nav-search .nav-box dl.contact dd a.mail span{background:url(../images/index-icon-13.png) no-repeat left center;}

.nav-search .nav-box dl.contact dd a.add span{background:url(../images/index-icon-14.png) no-repeat left 4px;}

.nav-search .search-box{width:30%;float:right;background:#3A4855;padding:40px 0;text-align: center;}

.nav-search .search-box .tit{padding:15px 0;position: relative;color:#FFFFFF;font-size:18px;text-transform: uppercase;}

.nav-search .search-box .tit:after{content: '';width:60px;height:2px;background:#FFFFFF;position: absolute;bottom:0;left:50%;margin-left:-30px;}

.nav-search .search-box .tips{padding:25px 10%;color:#848B92;font-size:18px;}

.nav-search .search-box .input-box{position: relative;margin:0 37px;text-align:left;}
.nav-search .search-box .input-box .usedComp{width:100%;margin-bottom:0;}
.nav-search .search-box .input-box #xhlFormSubmit{
	margin-top:0;
	text-indent: -99em;
	overflow: hidden;
	border-radius:0;
	background:#C52B28 url(../images/index-icon-10.png) no-repeat center;width:20%;height:52px;position: absolute;right:-2px;bottom:0;z-index:2;border:none;transition: all 0.4s;
}
.nav-search .search-box .input-box #xhlFormSubmit:hover{background-color:#6b7680;}
.nav-search .search-box .input-box input{width:74%;height:50px;border:1px solid #6b7680;background:transparent;color:#848B92;padding:0 21% 0 5%;}

.nav-search .search-box .input-box button{background:#C52B28 url(../images/index-icon-10.png) no-repeat center;width:20%;height:52px;position: absolute;right:-2px;top:0;z-index:2;border:none;transition: all 0.4s;}

.nav-search .search-box .input-box button:hover{background-color:#6b7680;}

.nav-search .search-box .share{margin-top:30px;text-align: center;}

.nav-search .search-box .share a{width:36px;height:36px;display: inline-block;transition: all 0.4s;margin:0 7px;}

.nav-search .search-box .share a.f{background:url(../images/f-share-icon-01.png) no-repeat center;}

.nav-search .search-box .share a.t{background:url(../images/f-share-icon-02.png) no-repeat center;}

.nav-search .search-box .share a.y{background:url(../images/f-share-icon-03.png) no-repeat center;}

.nav-search .search-box .share a.i{background:url(../images/f-share-icon-04.png) no-repeat center;}

.nav-search .search-box .share a.f:hover{background:url(../images/f-share-icon-01-h.png) no-repeat center;}

.nav-search .search-box .share a.t:hover{background:url(../images/f-share-icon-02-h.png) no-repeat center;}

.nav-search .search-box .share a.y:hover{background:url(../images/f-share-icon-03-h.png) no-repeat center;}

.nav-search .search-box .share a.i:hover{background:url(../images/f-share-icon-04-h.png) no-repeat center;}

.copy-box{background: #313E4A;text-align: center;padding:11px 0;color:#888F96;font-size:16px;}

/*footer end*/



/*轮播图start*/

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

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

.banner .bg-box{position: relative;z-index:1;}
.banner .bg-box a{display:block;}
.banner .bg-box img{width:100%;height:auto;}

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

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

.banner-content{position: absolute;left:0;top:0;height:100%;width:100%;z-index:3;}

.banner-content .bc-inner{width:1280px;margin:0 auto;height:100%;display: flex;align-items: center;position: relative;}

.banner-content .bc-inner .bc-text{width:50%;float:left;background: rgb(0 0 0 / 24%); padding: 25px 25px 22px 25px;}

.bc-inner .bc-text .tit{padding:30px 0;font-size:60px;color:#FFFFFF;line-height:1.2;position: relative;}

.bc-inner .bc-text .tit:after{content: '';width:65px;height:3px;position: absolute;top:0;left:0;z-index:3;background:#FFFFFF;}

.bc-inner .bc-text .dis{font-size:18px;color:#FFFFFF;line-height:30px;height:60px;overflow: hidden;}

.bc-inner .bc-text .links{margin-top:40px;}

.bc-inner .bc-text .links a{display: inline-block;width:206px;height:50px;background:#36658a;line-height:50px;color:#FFFFFF;transition: all 0.4s;}

.bc-inner .bc-text .links a:hover{background:#364451;}

.bc-inner .bc-text .links a.see-product{margin-right:20px;}

.bc-inner .bc-text .links a i{width:50px;height:50px;display: block;float:left;transition: all 0.4s;background-color:#2b5a7e;background-repeat:no-repeat;background-position: center;}

.bc-inner .bc-text .links a:hover i{background-color:#465461;}

.bc-inner .bc-text .links a span{width:156px;float:right;height:50px;text-align: center;}

.bc-inner .bc-text .links a.see-product i{background-image:url(../images/index-icon-04.png);}

.bc-inner .bc-text .links a.contact-us i{background-image:url(../images/index-icon-05.png);}

.bc-inner .bc-play{position: absolute;right:0;top:50%;transform: translateY(-50%);} 

.bc-inner .bc-play a{display: block;text-align: center;}

.bc-inner .bc-play a span{display: block;font-size:16px;color:#FFFFFF;padding:10px 0;}

.banner .bc-page{z-index:3;position: absolute;bottom:0;right:15%;width:140px;}

.banner .bc-page .swiper-button-next, .banner .bc-page .swiper-button-prev{width:70px;height:70px;position: relative;margin-top:0;top:0;float:left;transition: all 0.4s;}

.banner .bc-page .swiper-button-prev{left:0;background:#364451 url(../images/index-icon-06.png) no-repeat center;}

.banner .bc-page .swiper-button-next{right:0;background:#364451 url(../images/index-icon-07.png) no-repeat center;}

.banner .bc-page .swiper-button-prev:hover{left:0;background:#465461 url(../images/index-icon-06.png) no-repeat center;}

.banner .bc-page .swiper-button-next:hover{right:0;background:#465461 url(../images/index-icon-07.png) no-repeat center;}

.swiper-slide .banner-content{

	transform:translateY(-200px);

	opacity:0;

	transition:all .6s;

}

.ani-slide .banner-content{

	transform:translateY(0);

	opacity:1;

}
/*轮播图end*/
.pic-box {
    position: relative;
}
.nybanner-con{position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 0 0 -640px;
    transform: translate(0, -50%);width:600px; background: rgba(255, 255,255, 0.7);padding:30px;line-height:1.6;}
.nybanner-con h2{font-size:28px;font-weight: normal;color: #0d3556;border-bottom: 2px solid #0d3556;padding-bottom:2%;margin-bottom:2%;}
.nybanner-con p{font-size:18px;color: #0d3556;}

/* .nybanner-con {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff; 
    padding: 20px;
    border-radius: 8px;
}

.nybanner-con h2 {
    font-size: 36px;
    margin: 0;
}

.nybanner-con p {
    font-size: 18px;
    margin: 10px 0 0;
} */


.inner-banner{position: relative;}

.inner-banner .pic-box{position: relative;height:250px;display: flex;justify-content: center;align-items: center;}

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

.inner-banner .crumbs-box{font-size:16px;padding:0 25px;display: inline-block;position: absolute;bottom:-17px;left:50%;z-index:3;transform: translateX(-50%);background:#56626d;height:34px;line-height:34px;}

.inner-banner .crumbs-box:after{content: '';position: absolute;left:-11px;top:0;background:url(../images/c-after.png) no-repeat center;width:11px;height:17px;}

.inner-banner .crumbs-box::before{content: '';position: absolute;right:-11px;top:0;background:url(../images/c-befor.png) no-repeat center;width:11px;height:17px;}

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

.inner-banner .crumbs-box a.home{padding-left:30px;background:url(../images/page-icon-01.png) no-repeat left;}

.inner-banner .crumbs-box a:hover{color:#C7C7C7;}

.inner-banner .crumbs-box i{display: inline-block;margin:0 5px;color:#FFFFFF;}

.inner-banner .crumbs-box span{display: inline-block;color:#FFFFFF;}

/*公共样式定义 start*/

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



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

.inner-padding-20{}

/*置顶按钮 start*/

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

/*置顶按钮 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:#C7C7C7;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:14px;color:#C7C7C7;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:#dc2424;border:1px solid #dc2424;}

.page-box .page-inner .page-list .current {

	color: #FFFFFF;

	transition: all 0.4s;

	background: #dc2424;

	border: 1px solid #dc2424;

}

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

.page-box .page-inner a.next{background:url(../images/r-l.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:#295a83;transition: all 0.4s;}

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

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

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

.page-box .page-inner .current.next{background:url(../images/r-l.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;}

/*分页 end*/



/*公共样式定义 end*/

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

.index-tit h4{display: inline-block;color:#333333;font-weight:300;font-size:38px;position: relative;line-height:1;}

.index-tit h4:after{content: '';width:8px;height:8px;background:#CA2627;position: absolute;left:-30px;top:50%;margin-top:-4px;}

.index-tit h4:before{content: '';width:8px;height:8px;background:#CA2627;position: absolute;right:-30px;top:50%;margin-top:-4px;}

.index-tit p{margin-top:15px;color: #8D8D8D;}



.index-product{padding:20px 0;}

.index-product-list ul li{width:24%;margin-left:1.33333%;float:left;background:#ECF0F1;margin-bottom:17px;transition:all 0.6s;position: relative;max-height:380px;overflow: hidden;}

.index-product-list ul li:nth-child(3n+1){margin-left:0;}
.index-product-list ul li.i1{margin-left:0;}
.index-product-list ul li.i3{width:49.33333%;}
.index-product-list ul li.i4{margin-left:0;width:49.33333%;}
.index-product-list ul li:nth-child(3){width:49.33333%;}

.index-product-list ul li:nth-child(4){width:49.33333%;}

.index-product-list ul li .tit{padding:35px 40px 30px;position: relative;}

.index-product-list ul li .tit a{display: block;width: 90%;font-weight:400;color:#333333;font-size:22px;line-height:30px;height:60px;overflow: hidden;transition: all 0.6s;}

.index-product-list ul li .tit i{display: inline-block;color:#D52720;font-size:20px;font-weight:500;position: absolute;right:40px;top:35px;z-index:3;}

.index-product-list ul li .tit:after{content: '';background:#D52720;width:35px;height:2px;position: absolute;left:40px;bottom:0;}

.index-product-list ul li .img-box a{display: block;opacity:1;transition: all 0.6s;}

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

.index-product-list ul li:nth-child(3) .img-box{padding:10.65px 0;}

.index-product-list ul li:nth-child(4) .img-box{padding:10.65px 0;}

.index-product-list ul li .more{position: absolute;bottom:50px;left:40px;z-index:99;transition: all 0.6s;opacity:0;transform: translateY(-50%);transition: all 0.6s;}

.index-product-list ul li .more a{display: block;width:163px;height:40px;border:1px solid #FFFFFF;text-align: center;line-height:40px;transition: all 0.4s;}

.index-product-list ul li .more a span{display: block;float:left;width:123px;font-size:16px;color:#FFFFFF;transition: all 0.4s;}

.index-product-list ul li .more a i{transition: all 0.4s;width:40px;height:40px;box-sizing: border-box;border-left:1px solid #FFFFFF;background:url(../images/index-icon-08.png) no-repeat center;display: block;float:right;}

.index-product-list ul li:hover{background:#2F3D4A;}

.index-product-list ul li:hover .tit a{color:#FFFFFF;}

.index-product-list ul li:hover .img-box a{opacity:0.5;}

.index-product-list ul li:hover .more{opacity:1;transform: translateY(0);}

.index-product-list ul li:hover .more:hover a{border:1px solid #0a5ea4;}

.index-product-list ul li:hover .more:hover a span{color:#0A5EA4;}

.index-product-list ul li:hover .more:hover a i{border-left:1px solid #0A5EA4;background:url(../images/index-icon-08-h.png) no-repeat center;}



.index-case{padding-bottom:20px;}

.index-case-slider{overflow: hidden;position: relative;}

.index-case-slider .swiper-slide{background:#ecf0f1;overflow: hidden;}

.index-case-slider .cs-text{width:50%;float:left;}

.index-case-slider .cs-text .cs-text-inner{padding:14% 15% 17% 33%;position: relative;}

.cs-text .cs-text-inner .tit{padding:30px 0;position: relative;}

.cs-text .cs-text-inner .tit:after{width:2px;height:123px;content: '';background:#bc2424;position: absolute;left:0;top:-130px;}

.cs-text .cs-text-inner .tit a{display: block;font-size:32px;color:#2e2e2e;line-height:44px;height:44px;overflow: hidden;transition:all 0.4s;}

.cs-text .cs-text-inner .tit a:hover{color:#0A5EA4;}

.cs-text .cs-text-inner .tit a span{display: block;position: relative;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}

.cs-text .cs-text-inner .tit a span:after{position: absolute;bottom:0;left:0;width:100%;height:2px;background:#E69C9B;content: '';}

.cs-text .cs-text-inner .dis{font-size:18px;color:#666666;height:90px;overflow: hidden;line-height:30px;}

.index-case-slider .cs-pic{width:50%;float:right;position: relative;}

.index-case-slider .cs-pic .img-box{display: block;}

.index-case-slider .cs-pic .img-box img{width:100%;height:auto;}

.index-case-slider .cs-pic .img-more{position: absolute;left:50%;top:50%;margin:-44px 0 0 -44px;width:88px;height:88px;z-index:3;display: none;}

.index-case-slider .cs-pic .img-more img{width:100%;height:auto;}

.index-case-slider .number{font-size:148px;color:#FFFFFF;line-height:1;position: absolute;left:33%;bottom:-60px;}

.index-case-slider .add-arrows{width:52px;height:104px;position: absolute;left:5%;top:50%;margin-top:-52px;z-index:33;}

.index-case-slider .add-arrows .swiper-button-next, .index-case-slider .add-arrows .swiper-button-prev{width:52px;height:52px;border:2px solid #dc2424;box-sizing: border-box;position: relative;margin-top:0;top:0;transition: all 0.4s;}

.index-case-slider .add-arrows .swiper-button-prev{left:0;background:#DC2424 url(../images/arrow-top.png) no-repeat center;}

.index-case-slider .add-arrows .swiper-button-next{right:0;background:#DC2424 url(../images/arrow-bottom.png) no-repeat center;}

.index-case-slider .add-arrows .swiper-button-prev.swiper-button-disabled{left:0;background:#ecf0f1 url(../images/arrow-top-h.png) no-repeat center;opacity:1;}

.index-case-slider .add-arrows .swiper-button-next.swiper-button-disabled{right:0;background:#ecf0f1 url(../images/arrow-bottom-h.png) no-repeat center;opacity:1;}



.index-about{padding:0 0 100px;}

.index-about .index-about-content .dis{padding:0 10%;text-align: center;color:#777777;font-size:18px;line-height:32px;height:96px;overflow: hidden;}

.index-about-content .data-number{padding:60px 0;}

.index-about-content .data-number ul li{width:25%;float:left;text-align: center;}

.index-about .data-number ul li b{display: block;font-size:48px;font-weight:700;color:#364451;}

.index-about .data-number ul li span{display: block;font-size:18px;color:#888888;}

.index-about .about-factry ul li{width:31%;float:left;margin-left:3.5%;}

.index-about .about-factry ul li:first-child{margin-left:0;}

.index-about .about-factry ul li .img-box{overflow: hidden;}

.index-about .about-factry ul li .img-box img{width:100%;height:auto;transition: all 0.4s;transform: scale(1);}

.index-about .about-factry ul li .img-box img:hover{transform: scale(1.05);}



.product-box{margin-top:100px;position: relative;min-height:600px;padding-bottom:100px;}

.menu-left{width:294px;position: absolute;left:0;top:0;z-index:2;}

.menu-left .menu-item ul li{margin-bottom:10px;}

.menu-left .menu-item ul li .dt{position: relative;}

.menu-left .menu-item ul li .dt i{transition: all 0.3s;display: block;width:47px;height:47px;background:url(../images/menu-icon-01.png) no-repeat center;left:0;top:0;z-index:3;position: absolute;cursor: pointer;}

.menu-left .menu-item ul li.act .dt i{transform: rotate(90deg);}

.menu-left .menu-item ul li .dt a{display: block;padding:10px 20px 10px 50px;background:#56626d; color:#FFFFFF;font-size:18px;}

.menu-left .menu-item ul li.act .dt a{background:#c52b28;}

.menu-left .menu-item ul li .dd{border:1px solid #dcdfe3;padding:10px 0;display:none;}

.menu-left .menu-item ul li.act .dd{display: block;}

.menu-left .menu-item ul li .dd .dit a{display: block;padding:5px 20px 5px 47px;color:#888888;font-size:14px;transition:all 0.4s;}

.menu-left .menu-item ul li .dd .dit a:hover ,.menu-left .menu-item ul li .dd .dit.on a{background:#f0f2f3;}

.menu-content{padding-left:338px;}

/* .product-list{padding-bottom:100px;} */

.product-list ul li{width:48%;float:left;margin-bottom:45px;}

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

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

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

.product-list ul li .img-text{padding:20px 17px;border-bottom:1px solid #e2e2e2;background:transparent;transition: all 0.4s;}

.product-list ul li .img-text .tit{font-size:18px;color:#333333;transition: all 0.4s;background:url(../images/pro-cion-01.png) no-repeat right center;display: block;padding-right:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.product-list ul li:hover .img-text{background:#364451;}

.product-list ul li:hover .img-text .tit{background:url(../images/pro-cion-02.png) no-repeat right center;color:#FFFFFF;}

.product-list ul li:nth-child(5){margin-bottom:0;}

.product-list ul li:nth-child(6){margin-bottom:0;}



.prodis-box{margin-top:100px;padding-bottom:100px;}

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

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

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

.prodis-pic-text .pic-text .tit{font-size:30px;color:#292929;font-weight:400;}

.prodis-pic-text .pic-text .share{padding:30px 0;}

.prodis-pic-text .pic-text .share a{display: inline-block;width:28px;height:28px;transition: all 0.4s;margin:0 2px;opacity:1;}

.prodis-pic-text .pic-text .share a:hover{opacity:0.8;}

.prodis-pic-text .pic-text .share a.f{background:url(../images/prodis-icon-01.png) no-repeat center;}

.prodis-pic-text .pic-text .share a.t{background:url(../images/prodis-icon-02.png) no-repeat center;}

.prodis-pic-text .pic-text .share a.y{background:url(../images/prodis-icon-03.png) no-repeat center;}

.prodis-pic-text .pic-text .share a.i{background:url(../images/prodis-icon-04.png) no-repeat center;}

.prodis-pic-text .pic-text .dis .dt{background:url(../images/description.png) no-repeat center;width:97px;height:30px;padding:0 15px;line-height:30px;color:#FFFFFF;}

.prodis-pic-text .pic-text .dis .dd{margin-top:20px;}

.prodis-pic-text .pic-text .dis .dd .b{font-weight:400;color:#666666;padding:20px 0;}

.prodis-pic-text .pic-text .dis .dd .l ul li{width:50%;float:left;padding:8px 0;}

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

.prodis-pic-text .pic-text .link a{width:164px;height:48px;color:#cb403d;background:#FFFFFF;box-sizing: border-box;border:1px solid #cb403d;line-height:48px;text-align: center;display: inline-block;transition: all 0.4s;}

.prodis-pic-text .pic-text .link a:hover{background:#cb403d;color:#FFFFFF;}

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

.prodis-pic-text .pic-text .link .get-price{margin-right:15px;}

.prodis-pic-text .pic-text .link .get-price span{background:url(../images/prodis-icon-05.png) no-repeat left center;}

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

.prodis-pic-text .pic-text .link .get-price:hover span{background:url(../images/prodis-icon-05-h.png) no-repeat left center;}

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

.prodis-tit{padding:35px 0;border-bottom:1px solid #e3e3e3;position: relative;text-align: center;margin-top:30px;}

.prodis-tit:after{content: '';width:54px;height:3px;background:#cb403d;position: absolute;bottom:-2px;left:50%;margin-left:-27px;}

.prodis-tit h4{font-size:28px;font-weight:400;color:#333333;}

.prodis-text{padding:40px 0;line-height:2;}

.prodis-list ul li{width:24%;float:left;margin-left:1.33333%;}

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

.prodis-list ul li .img-box{overflow: hidden;}

.prodis-list ul li .img-box img{width:100%;height:auto;transition: all 0.6s;transform: scale(1);}

.prodis-list ul li .img-box img:hover{transform: scale(1.05);}

.table-box .table{padding:40px 0 0;}

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

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

.table-box .table table td{border:1px solid #ededed;padding:10px 5%;font-size:18px;color:#888888;}

.prodis-related{padding:40px 0 0;}

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

.prodis-related ul li:first-child{margin-left:0;}

.prodis-related ul li .img-box{display: block;}

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

.prodis-related ul li .img-text{padding:20px 17px;border-bottom:1px solid #e2e2e2;background:transparent;transition: all 0.4s;}

.prodis-related ul li .img-text .tit{font-size:18px;color:#333333;transition: all 0.4s;background:url(../images/pro-cion-01.png) no-repeat right center;display: block;padding-right:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.prodis-related ul li:hover .img-text{background:#364451;}

.prodis-related ul li:hover .img-text .tit{background:url(../images/pro-cion-02.png) no-repeat right center;color:#FFFFFF;}

.massage-box{padding:40px 0;background:url(../images/message-bg.png) no-repeat center;}

.massage-box .msg-tit{text-align: center;padding:35px 0;}

.massage-box .msg-tit h4{font-weight:400;font-size:28px;color:#222222;}

.we-help{margin-top:40px;position: relative;}

.we-help .img-box{position: relative;}

.we-help .img-box img{width:100%;height:auto;}

.we-help .img-text{position: absolute;left:10%;top:0;height:100%;display: flex;justify-content:center;width:30%;flex-direction: column;}

.we-help .img-text .tit{font-weight:700;font-size:34px;color:#313E4A;}

.we-help .img-text .dis{padding:20px 0;font-size:18px;color:#666666;line-height:20px;height:54px;overflow: hidden;}

.we-help .img-text .more a{display: block;width:206px;height:44px;text-align: center;line-height:44px;background:#C52B28;color:#FFFFFF;font-size:18px;transition: all 0.4s;}

.we-help .img-text .more a:hover{background:#313E4A;}

.we-help .img-text .more a span{display: inline-block;padding-right:35px;background:url(../images/index-icon-08.png) no-repeat right center;}



.case-box{margin-top:100px;padding-bottom:100px;}

.case-list ul li{width:48%;float:left;position: relative;margin-bottom:50px;overflow: hidden;}

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

.case-list ul li:nth-child(4){margin-bottom:0;}

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

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

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

.case-list ul li .img-box a img{width:100%;height:auto;transition: all 0.4s;filter: brightness(50%);}

.case-list ul li:hover .img-box a img{filter:brightness(100%);}

.case-list ul li .li-inner{position: absolute;left:0;top:0;z-index:3;height:100%;width:100%;}

.case-list ul li .more{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index:4;transition:all 0.4s;opacity:0;}

.case-list ul li:hover .more{opacity:1;}

.case-list ul li .more a{display: block;width:88px;transition: all 0.4s;}

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

.case-list .li-inner{overflow: hidden;transition: all 0.4s;opacity:1;transform: translateY(0);}

.case-list ul li:hover .li-inner{opacity:0;transform: translateY(20%);}

.case-list .li-inner .li-inster{padding:30px 60px;position: relative;}

.case-list .li-inster .tit{padding:30px 0;position: relative;}

.case-list .li-inster .tit:after{width:2px;height:65px;content: '';background:#bc2424;position: absolute;left:50px;top:-40px;}

.case-list .li-inster .tit a{display: block;font-size:32px;color:#FFFFFF;line-height:44px;height:44px;overflow: hidden;transition:all 0.4s;}

.case-list .li-inster .tit a:hover{color:#0A5EA4;}

.case-list .li-inster .tit a span{display: block;position: relative;white-space: nowrap;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.case-list .li-inster .tit a span:after{position: absolute;bottom:0;left:0;width:100%;height:2px;background:#DC2424;content: '';}

.case-list .li-inster .dis{font-size:18px;color:#FFFFFF;line-height:30px;height:60px;overflow: hidden;}

.case-list .li-inster .number{font-size:100px;color:#FFFFFF;margin-top:40px;}

.case-box .we-help{margin-top:0;}



.service-box{margin-top:100px;}

.service-ltd .ltd-tit{float:left;width:36.4%;}

.service-ltd .ltd-tit .tit{padding:30px 0;position: relative;}

.service-ltd .ltd-tit .tit:after{content: '';

	width:41px;

	height:1px;

	background:#D52720;

	position: absolute;

	left:0;

	top:0;

	z-index:2;

}

.service-ltd .ltd-tit .tit h4{

	font-size:30px;

	font-weight:400;

	color:#333333;

	line-height:1.1;

}

.service-ltd .ltd-tit .share{margin-bottom:60px;}

.service-ltd .ltd-tit .share a{display: inline-block;

	width:48px;

	height:48px;

	border:1px solid #E5E5E5;

	transition: all 0.4s;

	filter: brightness(100%);

	margin-right:20px;

	float:left;

}

.service-ltd{padding-bottom:80px;}

.service-ltd .ltd-tit .share span{height:48px;line-height:48px;color:#B0B5C1;font-size:18px;font-weight:400;padding-left:55px;display: inline-block;float:left;position: relative;}

.service-ltd .ltd-tit .share span:after{content: '';position: absolute;left:0;background:#E5E5E5;height:1px;width:40px;top:50%;position: absolute;}

.service-ltd .ltd-tit .share a:hover{filter: brightness(50%);}

.service-ltd .ltd-tit .share a.f{background:url(../images/service-icon-01.png) no-repeat center;}

.service-ltd .ltd-tit .share a.t{background:url(../images/service-icon-02.png) no-repeat center;}

.service-ltd .ltd-tit .share a.i{background:url(../images/service-icon-03.png) no-repeat center;}

.service-ltd .ltd-tit .img-box img{width:100%;height:auto;}

.service-ltd .ltd-text{width:56%;float:right;}

.service-ltd .ltd-text .text{line-height:2;color:#888888;}

.service-ltd .ltd-text .img-list{margin-top:70px;}

.service-ltd .ltd-text .img-list ul li{width:50%;float:left;}

.service-ltd .ltd-text .img-list ul li:nth-child(2){width:40%;float:right;}

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

.service-item{background:#F6F6F6;padding:80px 0;}

.service-item .si-list ul li{width:31%;float:left;margin-left:3.5%;}

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

.si-list ul li .li-tit{padding:20px 0 20px 80px;font-size:18px;font-weight:400;color:#364451;position: relative;}

.si-list ul li .li-tit:after{content: '';width:32px;height:2px;background:#364451;position: absolute;left:80px;top:0;}

.si-list ul li .li-dis{padding-left:80px;color:#888888;line-height:28px;height:112px;overflow: hidden;}

.si-list ul li:nth-child(1) .li-tit{background:url(../images/sevice-icon-04.png) no-repeat left center;}

.si-list ul li:nth-child(2) .li-tit{background:url(../images/sevice-icon-05.png) no-repeat left center;}

.si-list ul li:nth-child(3) .li-tit{background:url(../images/sevice-icon-06.png) no-repeat left center;}

.service-faq{padding:80px 0;}

.service-faq .faq-tit{padding-bottom:40px;text-align: center;}

.service-faq .faq-tit h4{

	font-size:30px;

	font-weight:400;

	color:#333333;

}

.service-faq .faq-list ul li{padding:30px 40px;border-bottom:1px solid #E7E8F0;}

.service-faq .faq-list ul li .t a{display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;

	font-size:18px;

	font-weight:400;

	color:#333333;

	position: relative;

}

.service-faq .faq-list ul li .t a:after{transition:all 0.4s;content: '';width:40px;height:40px;background:url(../images/sevice-icon-07.png) no-repeat center;position: absolute;right:0;top:50%;margin-top:-20px;transform: rotate(0);}

.service-faq .faq-list ul li.act .t a:after{transform: rotate(-180deg);}

.service-faq .faq-list ul li .d{padding:30px 17px 0;color:#888888;line-height:1.8;display: none;}

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

	box-shadow:0px 1px 15px 12px rgba(45,108,225,0.04);

	border-bottom:none;

}

.service-wh{padding-bottom:100px;}

.service-wh .we-help{margin-top:0;}



.news-box{margin-top:80px;padding-bottom:60px;}

.news-box .news-list ul li{margin-bottom:60px;position: relative;}

.news-box .news-list ul li .li-text{width:58%;float:left;}

.news-box .news-list ul li .li-text:after{content: '';position: absolute;bottom:0;width:58%;left:0;height:2px;background:#efefef;transition:all 0.4s;}

.news-box .news-list ul li:hover .li-text:after{background:#ca2627;}

.news-box .news-list ul li .li-text .time span{display: block;font-size:14px;font-weight:400;color:#ca2627;}

.news-box .news-list ul li .li-text .time i{display: block;font-size:34px;color:#CA2627;font-weight:400;}

.news-box .news-list ul li .li-text .tit{padding:30px 0;}

.news-box .news-list ul li .li-text .tit a{display: block;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;font-size:24px;color:#333333;transition: all 0.4s;}

.news-box .news-list ul li .li-text .tit a:hover{color:#0A5EA4;}

.news-box .news-list ul li .li-text .dis{line-height:28px;height:84px;overflow: hidden;}

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

.news-box .news-list ul li .li-img a{display: block;}

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



.display-box{margin-top:100px;padding-bottom:100px;min-height:800px;}

.display-box .display-fixed{position: relative;}

.display-box .display-fixed .display-content{padding-right:440px;}

.display-box .display-fixed .display-content .dc-tit h4{

	font-size:30px;

	font-weight:400;

	color:#333333;

}

.display-fixed .display-content .share-tv{padding:20px 0 40px;}

.display-content .share-tv .share{float:left;padding:3px 0;}

.display-content .share-tv .share a{display: inline-block;width:20px;height:20px;float:left;margin-right:10px;transition: all 0.4s;opacity:1;}

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

.display-content .share-tv .share a.f{background:url(../images/display-pic-01.png) no-repeat center;}

.display-content .share-tv .share a.t{background:url(../images/display-pic-02.png) no-repeat center;}

.display-content .share-tv .share a.y{background:url(../images/display-pic-03.png) no-repeat center;}

.display-content .share-tv .share a.i{background:url(../images/display-pic-04.png) no-repeat center;}

.display-content .share-tv .tv{color:#888888;float:left;margin-left:40px;}

.display-content .share-tv .tv .t{float:left;display: inline-block;}

.display-content .share-tv .tv .v{float:left;display: inline-block;padding-left:30px;position: relative;}

.display-content .share-tv .tv .v:after{content: '|';position: absolute;left:15px;top:-2px;}

.display-content .dc-content{padding:30px 0;border-top:1px solid #E5E5E5;line-height:2;}

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

.display-content .dc-page a{display: inline-block;

	width:200px;

	height:46px;

	background:#364451;

	text-align: center;

	line-height:46px;

	color:#FFFFFF;

	font-weight:400;

	font-size:18px;

	transition: all 0.4s;

}

.display-content .dc-page a:hover{background:#0A5EA4;}

.display-content .dc-page a:first-child{margin-right:5px;}

.display-content .dc-page a span{display: inline-block;}

.display-content .dc-page a.prev span{padding-left:35px;background:url(../images/cp-left.png) no-repeat left center;}

.display-content .dc-page a.next span{padding-right:35px;background:url(../images/cp-right.png) no-repeat right center;}

.display-box .display-fixed .display-rh{width:370px;position: absolute;right:0;z-index:3;top:0;}

.display-fixed .display-rh .item-rh{margin-bottom:30px;}

.display-fixed .display-rh .rh-tit{padding-left:17px;position: relative;}

.display-fixed .display-rh .rh-tit:after{content: '';

	width:6px;

	height:23px;

	background:#CA2627;

	position: absolute;

	left:0;

	top:50%;

	margin-top:-10.5px;

}

.display-fixed .display-rh .rh-tit h4{font-weight:400;color:#333333;font-size:24px;}

.display-fixed .display-rh .r-list{padding-top:20px;}

.display-rh .r-list ul li{padding:15px 0;border-bottom:1px solid #EAEDF0;}

.display-rh .r-list ul li a.t{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

	font-size:18px;

	font-weight:400;

	color:#333333;

	transition:all 0.4s;

}

.display-rh .r-list ul li a.t:hover{

	color:#0A5EA4;

}

.display-rh .r-list ul li .time{font-size:14px;color:#888888;margin-top:10px ;}

.display-fixed .display-rh .h-list{padding-top:40px;}

.display-fixed .display-rh .h-list ul li{margin-bottom:20px;}

.display-fixed .display-rh .h-list ul li .img-box{display: block;width:30%;float:left;}

.display-fixed .display-rh .h-list ul li .img-box img{width:100%;height:auto;}

.display-fixed .display-rh .h-list ul li .img-text{width:65%;float:right;}

.display-fixed .display-rh .h-list ul li .img-text .tit{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

	font-size:18px;

	font-weight:400;

	color:#333333;

}

.display-fixed .display-rh .h-list ul li .img-text .vm{display:block;padding-left:20px;background:url(../images/v-m-icon.png) no-repeat left center;font-size:14px;color:#CFCFCF;margin-top:15px;}

.error-rpro{padding-bottom:100px;}

.error-box{background:#F5F5F5;text-align: center;padding-top:100px;}

.error-box .error-pic{max-width:488px;margin:0 auto;}

.error-box .error-pic img{max-width:100%;height:auto;}

.error-box .error-tips{padding:30px 0;

	font-size:18px;

	color:#3E3E3E;

}

.error-box .error-links{padding:140px 0 50px;background:url(../images/error-pic-02.png) no-repeat center bottom;}

.error-box .error-links .a-box a{display: inline-block;

	width:154px;

	height:52px;

	background:#FFFFFF;

	border-radius:8px;

	margin:0 10px;

	line-height:52px;

	color:#3E3E3E;

	font-weight:400;

	text-transform: uppercase;

	transition: all 0.4s;

}

.error-box .error-links .a-box a:hover{

	background:#0A5EA4;

	color:#FFFFFF;

}



/* 切换 start */

#certify {

	position: relative;

	width: 100%;

	margin: 0 auto

}

#certify  .swiper-slide {

	width: 316px;

	height: 449px;

}

#certify  .swiper-slide .img-box{

	padding:10px 5px;

	background: #fff;

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

	box-shadow:0px 6px 22px 11px rgba(0, 0, 0, 0.07);

}

#certify  .swiper-slide img{

	display:block;

	width:100%;

	height:auto;

}

/* 切换 end */



.about-one{padding:100px 0 50px;}

.about-text .img-box{width:47%;float:left;}

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

.about-text .img-text{width:48%;float:right;}

.about-text .img-text .t{

	font-size:30px;

	font-weight:400;

	color:#333333;

	padding-bottom:30px;

}

.about-text .img-text .d{

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

	line-height:2;

}

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

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

	line-height:2;

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

.about-number{background:url(../images/about-pic-03.jpg) no-repeat center;background-size:cover;padding:50px 10%;}

.about-number .an-list ul li{width:25%;float:left;text-align: center;}

.about-number .an-list ul li .n{

	font-size:48px;

	font-weight:700;

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

}

.about-number .an-list ul li .p{

	font-size:18px;

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

}

.cc-box{background:#F9F9F9;padding:0 0 80px;}

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

.cc-box .cc-tit h4{

	font-size:30px;

	font-weight:400;

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

}

.cc-list{position: relative;}

.cc-list .img-box{width:35%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

.cc-list .img-box img{width:100%;height:auto;}

.cc-list .cl-left{width:30%;float:left;text-align: right;}

.cc-list .cl-left ul li:nth-child(2){padding-right:20px;}

.cc-list .cl-right{width:30%;float:right;}

.cc-list .cl-right ul li:nth-child(2){padding-left:20px;}

.cc-list ul li{padding:30px 0;}

.cc-list ul li .t{

	text-overflow: ellipsis;white-space:nowrap;overflow: hidden;

	font-size:24px;

	font-weight:400;

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

}

.cc-list ul li .d{

	font-size:18px;

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

	line-height:32px;

	height:64px;

	overflow: hidden;

}



.our-factory{padding:0 0 100px;}

.our-factory .fac-tit{padding:60px 0;text-align: center;}

.our-factory .fac-tit h4{

	font-size:30px;

	font-weight:400;

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

}

.our-factory .fac-pic img{max-width:100%;height:auto;}



.qua-box{padding:0 0 100px;background:#F9F9F9;}

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

.qua-box .qua-tit h4{

	font-size:30px;

	font-weight:400;

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

}



.contact-info{padding:80px 0;}

.contact-info .tit{width:25%;float:left;

	font-size:36px;

	font-weight:400;

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

}

.contact-info .info-list{width:73%;float:right;}

.contact-info .info-list ul li{width:50%;float:left;position: relative;padding:20px 0;}

.contact-info .info-list ul li:after{content: '';position: absolute;left:0;top:50%;margin-top:-82.5px;

	width:1px;

	height:165px;

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

}

.contact-info .info-list ul li .li-inner{padding:0 15%;}

.info-list ul li .li-inner .it{

	font-size:20px;

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

	line-height:1.8;

}

.info-list ul li .li-inner .im{margin-top:30px;}

.info-list ul li .li-inner .im a{

	display: block;

	width:206px;

	height:44px;

	text-align: center;

	line-height:44px;

	background:rgba(197,43,40,1);

	font-size:18px;

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

	transition: all 0.4s;

}

.info-list ul li .li-inner .im a:hover{

	background:#0A5EA4;

}

.info-list ul li .li-inner .im a span{

	display: inline-block;

	padding-right:35px;

	background:url(../images/index-icon-08.png) no-repeat right center;

}

.info-list ul li .li-inner .m a{

	display: block;

	font-size:30px;

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

}

.info-list ul li .li-inner .m a:hover{color:#0A5EA4;}

.info-list ul li .li-inner .tf{margin-top:30px;}

.info-list ul li .li-inner .tf a{display: block;

	font-size:18px;

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

	transition: all 0.4s;

}

.info-list ul li .li-inner .tf a:hover{color:#0A5EA4;}

.info-list ul li .li-inner .tf span{display: block;

	margin-top: 10px;

	font-size:18px;

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

}

.maps-box .map img{max-width:100%;height:auto;}

.sym{padding:80px 0 100px;}

.sym-text{width:28%;float:left;}

.sym-text .tit{padding:30px 0;

	font-size:36px;

	font-weight:400;

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

}

.sym-text .dis{

	margin-top:20px;

	height:180px;

	font-size:18px;

	color:rgba(126,133,150,1);

	line-height:36px;

	overflow: hidden;

}

.sym-text .share{margin-top:50px;}

.sym-text .share a{display: inline-block;

	width:68px;

	height:68px;

	margin-right:5px;

	opacity:1;

	transition:all 0.4s;

}

.sym-text .share a:hover{

	opacity:0.7;

}

.sym-text .share a.f{background:#F6F6F6 url(../images/service-icon-01.png) no-repeat center;}

.sym-text .share a.t{background:#F6F6F6 url(../images/service-icon-02.png) no-repeat center;}

.sym-text .share a.y{background:#F6F6F6 url(../images/service-icon-033.png) no-repeat center;}

.sym-text .share a.i{background:#F6F6F6 url(../images/service-icon-03.png) no-repeat center;}

.sym-form{width:65%;float:right;}

.sym-form .sf-inner{

	padding:30px;

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

	box-shadow:0px 16px 26px 6px rgba(0, 0, 0, 0.05);

}

.menu-click{
	margin-bottom:20px;
	display:none;
}
.menu-click a{
	display: block;padding:10px 20px;background:#56626d; color:#FFFFFF;font-size:18px;
	position: relative;
}
.menu-click a::after{
	content: '';
	width:40px;height:40px;background:url(../images/gotop.png) no-repeat center;transform: rotate(-180deg);
	position: absolute;right:20px;top:50%;margin-top:-20px;z-index:999;
	transition: all 0.4s;
}
.menu-click.act a::after{
	transform: rotate(0);
}
/*搜索START*/
        .search-button {
            width: 100%;
            height: 100%;
            padding: 49px 17px;
            border: none;
            background: white;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .search-icon {
            width: 20px;
            height: 20px;
            position: relative;
        }


        .modal-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s;
        }

        .modal-overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
        }

        .search-container {
            position: relative;
            width: 90%;
            max-width: 600px;
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            transform: translateY(-100%);
            transition: transform 0.3s;
        }

        .search-form {
            display: flex;
            gap: 10px;
        }

        .search-input {
            flex: 1;
            padding: 12px;
            font-size: 16px;
            border: 1px solid #ddd;
            border-radius: 4px;
            outline: none;
        }

        .search-input:focus {
            border-color: #4a90e2;
            box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
        }

        .search-submit {
            padding: 12px 24px;
            background: #4a90e2;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
        }

        .search-submit:hover {
            background: #357abd;
        }

        .modal-container.show {
            opacity: 1;
            z-index: 999;
            visibility: visible;
        }

        .modal-container.show .search-container {
            transform: translateY(0);
        }
/*搜索END*/



/*------------------------表单------------------------------*/
        /* 样式设置 */
.pd8 {
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
}

.sjTit {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

.mesform {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.mesform li {
    list-style: none;
    flex-basis: calc(50% - 10px); /* 每行2个输入框 */
    box-sizing: border-box;
}

.mesform li.mestext {
    flex-basis: 100%; /* 文本域占据整行 */
}

.mesform input[type="text"],
.mesform input[type="email"], 
.mesform textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box;
}

.mesform textarea {
    height: 150px;
    resize: none;
}

.btn_submit {
    text-align: center;
    margin-top: 20px;
}

.btn_submit input[type="submit"] {
    background-color: #0056b3;
    color: white;
    padding: 12px 30px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.btn_submit i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    margin-left: 10px;
}

.btn_submit input[type="submit"]:hover {
    background-color: #004494;
}

.pc-nav li:nth-of-type(4) {
    margin-right: 60px;
}
@media only screen and (max-width: 1466px) {
    .pc-nav li:nth-of-type(4) {
        margin-right: 90px;
    }
}
@media only screen and (max-width: 1466px) {
    .header .logo img {
        width: initial;
    }
}
/*------------------表单END----------------------*/




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

	.index-case-slider .cs-text .cs-text-inner{

		padding:11% 15% 17% 33%;

	}

}



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

	.index-case-slider .cs-text .cs-text-inner{

		padding:8% 15% 15% 33%;

	}

	.index-case-slider .number{font-size:100px;}

}



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

	.index-case-slider .cs-text .cs-text-inner{

		padding:5% 15% 15% 33%;

	}

}



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

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

	.banner-content .bc-inner{width:1000px;}

	.bc-inner .bc-text .tit{font-size:42px;}

}

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

	#menuPc{display: none;}

	#page{background:#FFFFFF;}

	.btn-nav{position: relative;background: transparent;border: none;padding:18px 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:#0A5EA4;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-welcome .welcome-tips{display: none;}

	.header-welcome .link-share{width:100%;float:none;}

	.header-welcome .link-share .share{display: none;}

	.header-box .logo{width:170px;padding:20px 0;}

	.header-box .logo a img{width:100%;height:auto;}

	.banner .bc-page{right:auto;left:50%;margin-left:-70px;transform: scale(0.5);}

	.index-tit{padding:20px 0;}
    .index-product-list .fixed{display: flex;flex-direction: row;flex-wrap: wrap;gap:1%;}
	.index-product-list ul li{width:32%;float:none;margin-left:0;}
    
	.index-product-list ul li:nth-child(3){width:33%;}

	.index-product-list ul li:nth-child(4){width:33%;}

	.index-case-slider .cs-text{width:100%;float: none;}

	.index-case-slider .cs-pic{width:100%;float:none;}

	.index-case-slider .add-arrows{display: none;}

	.index-case-slider .cs-text .cs-text-inner{padding:20px;}

	.index-case-slider .number{display: none;}

	.cs-text .cs-text-inner .tit:after{top:-100px;}

	.index-case-slider .cs-pic .img-more{transform: scale(0.5);}

	.index-about .index-about-content .dis{padding:0;}

	.index-about-content .data-number ul li{width:50%;}

	.index-about .about-factry ul li{width:33.3%;float:left;margin-left:0;}

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

	.nav-search .nav-box{display: none;}

	.nav-search .search-box{width:100%;float:none;}

	#toTop{display: none;}

	.copy-box{padding-bottom:110px;}

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

	.inner-banner{background:#56626d;height:50px;}
	.inner-banner .crumbs-box{left:0;transform: translateX(0);width:90%;padding:0 5%;}
	.inner-banner .crumbs-box:after{display: none;}
	.inner-banner .crumbs-box a{float: left;}
	.inner-banner .crumbs-box span{float: left;width:50%;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;display: block;}
	.inner-banner .crumbs-box i{float: left;}
	.inner-banner .crumbs-box:before{background: none;clear: both;width:0;}

	.inner-banner .crumbs-box{bottom:auto;top:8px;}

	.about-one{padding:20px 0 0;}

	.about-text .img-box{width:100%;float:none;}

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

	.about-number .an-list ul li{width:100%;float:none;margin-top:20px;}

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

	.cc-box .cc-tit{padding:20px 0;}

	.cc-list .cl-left{float:none;width:100%;text-align: left;}

	.cc-list .cl-right{float:none;width:100%;}

	.cc-list .img-box{display: none;}

	.cc-list .cl-right ul li:nth-child(2){padding-left:0;}

	.cc-list .cl-left ul li:nth-child(2){padding-right:0;}

	.cc-box{padding:0 0 20px;}

	.our-factory .fac-tit{padding:20px 0;}

	.our-factory{padding:0 0 20px;}

	.qua-box .qua-tit{padding:20px 0;}

	.qua-box{padding:0 0 50px;}

	.error-box .error-links{background-size:cover;}

	.error-box .error-links .a-box a:first-child{margin-bottom:20px;}

	.prodis-related ul li{width:100%;float:none;margin-left:0;margin-top:20px;}

	.prodis-related ul li:first-child{margin-top:0;}

	.error-rpro{padding-bottom:50px;}

	.case-box{margin-top:20px;padding-bottom:50px;}

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

	.case-list ul li:nth-child(even){float:none;}

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

	.case-list .li-inster .dis{display: none;}

	.case-list .li-inster .number{display: none;}

	.we-help .img-text{position: relative;width:100%;left:0;margin-top:20px;}

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

	.contact-info .info-list{width:100%;float:none;}

	.contact-info .info-list ul li{width:100%;float:none;}

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

	.sym-form{width:100%;float:none;margin-top:20px;}

	.sym{padding:20px 0 50px;}

	.display-box .display-fixed .display-content{padding-right:0;}

	.display-box .display-fixed .display-rh{position: relative;width:100%;margin-top:40px;}

	.display-box{margin-top:20px;padding-bottom:50px;}

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

	.display-content .share-tv .tv{margin-left:0;}

	.display-content .dc-page a{width:40%;}

	.news-box .news-list ul li{display: flex;flex-direction: column-reverse;}

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

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

	.news-box{margin-top:20px;padding-bottom:30px;}

	.news-box .news-list ul li .li-text:after{display: none;}

	.news-box .news-list ul li:last-child{margin-bottom:0;}

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

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

	.prodis-pic-text .pic-text .dis .dd .l ul li{width:100%;float:none;}

	.prodis-pic-text .pic-text .link a{width:120px;}

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

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

	/*.table-box .table{overflow-x: scroll;}*/

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

	.menu-left{position: relative;width:100%;}

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

	.menu-content{padding-left:0;margin-top:20px;}

	.product-list ul li{width:100%;float:none;}

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

	.service-ltd .ltd-tit{width:100%;float:none;}

	.service-box{margin-top:20px;}

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

	.service-item .si-list ul li{width:100%;float:none;margin-top:40px;}

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

	.service-faq .faq-list ul li{padding:20px 0;}

	.service-faq .faq-list ul li .t a{padding-right:50px;}
	.service-ltd{padding-bottom:20px;}
	.service-item{padding:40px 0;}
	.service-faq{padding:40px 0;}
	.service-wh{padding-bottom:50px;}
	.copy-box{text-align: left;font-size:14px;}
	.case-list .li-inner .li-inster{padding:30px;}
	.case-list .li-inster .tit a{font-size:22px;}
	.menu-click{display: block;}
	.menu-left .menu-item{display: none;}
	

 .leftfixapp.appwap{
        display: block;
        margin-bottom: 50px;
    }
    .leftfixapp.appc{
        display: none;
    }

}	


.leftfixapp{
    width: 50px;
    height: 50px;
    text-align: center;
    position: fixed;
    bottom: 16%;
    margin-bottom: 70px;
    right: 34px;
    z-index: 10;
    text-align: center;
    cursor: pointer;
    z-index: 1990;
 
}
.leftfixapp img{
    width: 50px;
}
.leftfixapp.appwap{
    display: none;
}
.leftfixapp.appwap{
        display: none;
    }
.leftfixapp.appc{
	display: block;
}

.whatsapp2{
    bottom: 8%;
}