/*全局样式*/

@font-face{
	font-family:'ArialBlack';
	src:url("font/ArialBlack.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

*:focus{outline:none;}
html{overflow-x:hidden;}
body,a{color:#333;}

.wrapper{width:1200px;}
.wrap-white{background:#fff;}
.wrap-white.p1{padding:70px 0;}
.wrap-white.p2{padding:50px 0 70px 0;}

/*头部样式*/

#header{position:sticky; top:0; z-index:99; height:80px; background:#fff; box-shadow:0 10px 10px -10px rgba(0,0,0,.08);}
#logo{left:0; top:12px;}
#logo img{width:162px; height:56px;}
#nav{right:0; top:0;}
#nav > ul{display:flex;}
#nav > ul > li{position:relative; height:80px; margin-left:50px; text-align:center;}
#nav > ul > li:first-child{margin-left:0;}
#nav > ul > li > a{display:block; height:80px; line-height:80px; font-size:16px; overflow:hidden;}
#nav > ul > li:hover > a{color:#0051a3;}
#nav > ul > li.current:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:3px; background:#0051a3;}
#nav > ul > li.current > a{font-weight:bold; color:#0051a3;}
#nav > ul > li ul{position:absolute; left:50%; top:80px; transform:translate(-50%,20px); display:none; width:148px; padding:12px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.08); opacity:0; animation:NavAnimation 0.3s; animation-fill-mode:forwards;}
#nav > ul > li:hover ul{display:block;}
@keyframes NavAnimation{100%{transform:translate(-50%,0); opacity:1;}}
#nav > ul > li ul li{height:38px; line-height:38px; font-size:15px; overflow:hidden;}
#nav > ul > li ul li a{display:block; padding:0 18px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all 0.2s linear;}
#nav > ul > li ul li:hover a{letter-spacing:1px; color:#0051a3; transition:all 0.2s linear;}}

/*首页样式*/

#banner{width:100%; height:650px; overflow:hidden;}
#banner .swiper-wrapper{height:650px;}
#banner .swiper-slide{width:100%; height:650px;}
#banner .swiper-slide img{width:100%; height:650px;}
#banner .swiper-button-prev,#banner .swiper-button-next{top:50%; transform:translateY(-50%); width:70px; height:70px; margin:0; background-repeat:no-repeat; background-position:center; background-size:70px 70px; cursor:pointer; opacity:1;}
#banner .swiper-button-prev:after,#banner .swiper-button-next:after{display:none;}
#banner .swiper-button-prev{left:calc((((100% - 1200px) / 2) - 70px) / 2); background-image:url(img/prev.png);}
#banner .swiper-button-next{right:calc((((100% - 1200px) / 2) - 70px) / 2); background-image:url(img/next.png);}

#search-bar{position:relative; height:80px; background:#0051a3; overflow:hidden;}
#search-bar:after{content:''; position:absolute; right:0; top:0; bottom:0; display:block; width:calc((100% - 1200px) / 2); background:#f27517;}
#search{width:290px; height:40px; padding:1px; background:#fff; border-radius:5px; overflow:hidden;}
#search input{flex:1; width:auto; height:38px; line-height:38px; padding:0 12px 0 38px; background:url(img/search.png) no-repeat left 12px center; border:none; border-radius:0; font-size:14px; color:#464646;}
#search input::-moz-placeholder{color:#999;}
#search input::-webkit-input-placeholder{color:#999;}
#search input::-ms-input-placeholder{color:#999;}
#search button{width:56px; height:38px; line-height:38px; padding:0; background:#0051a3; border:none; border-radius:0 5px 5px 0; font-size:14px; color:#fff;}
#hot-tag{display:flex; align-items:center; margin-left:30px;}
#hot-tag h3{height:22px; line-height:22px; padding-left:26px; background:url(img/hot.png) no-repeat left center; font-size:14px; color:#fff; overflow:hidden;}
#hot-tag .item{flex:1; display:flex; margin-left:4px;}
#hot-tag .item a{height:16px; line-height:16px; margin-left:16px; font-size:14px; color:#fff; overflow:hidden;}
#hot-tag .item a:first-child{margin-left:0;}
#hot-tag .item a:hover{text-decoration:underline;}
#tel{display:flex; align-items:center; height:80px; background:#f27517; overflow:hidden;}
#tel i{width:0; height:0; border-left:20px solid #0051a3; border-top:40px solid #0051a3; border-right:20px solid #f27517; border-bottom:40px solid #f27517;}
#tel h2{height:30px; line-height:30px; margin-left:40px; padding-left:40px; background:url(img/tel1.png) no-repeat left center; font-size:18px; color:#fff; overflow:hidden;}
#tel h2 em{font-family:'Arial'; font-size:24px; font-weight:bold;}

.title h3{height:14px; line-height:34px; font-family:'ArialBlack'; font-size:50px; font-weight:bold; text-transform:uppercase; color:#f1f1f1;}
.title h2{height:38px; line-height:38px; font-size:36px; font-weight:bold; overflow:hidden;}
.title h2 em{color:#0051a3;}
.title h4{height:18px; line-height:18px; margin-top:20px; font-size:15px; color:#666; overflow:hidden;}
.title.white h3{color:rgba(255,255,255,.06);}
.title.white h2,.title.white h4{color:#fff;}
.title.white h2 em{color:#f29700;}

#product-tab{margin-top:40px;}
#product-tab ul{display:flex; justify-content:center;}
#product-tab ul li{width:160px; height:46px; line-height:44px; margin-left:10px; border:1px solid #dcdcdc; border-radius:23px; font-size:15px; text-align:center; color:#666; cursor:pointer; overflow:hidden;}
#product-tab ul li:first-child{margin-left:0;}
#product-tab ul li:hover{border-color:#0051a3; color:#0051a3;}
#product-tab ul li.current{background:#0051a3; border-color:#0051a3; color:#fff;}

#product{margin-top:40px;}
#product .item{display:none;}
#product .item.current{display:block;}
#product ul{display:flex; flex-wrap:wrap;}
#product ul li{width:282px; height:326px; margin:24px 0 0 24px; background:#f5f5f5; overflow:hidden;}
#product ul li:nth-child(-n+4){margin-top:0;}
#product ul li:nth-child(4n+1){margin-left:0;}
#product ul li a{display:block; padding:10px 10px 14px 10px;}
#product ul li span{display:block; width:262px; height:262px; overflow:hidden;}
#product ul li img{width:262px; max-width:none; height:262px; transition:transform 0.3s linear;}
#product ul li h3{display:flex; align-items:center; margin-top:14px; padding:0 4px;}
#product ul li h3 em{flex:1; height:18px; line-height:18px; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product ul li h3 i{width:26px; height:26px; background:url(img/arrow-r.png) no-repeat center #c9c9c9; border-radius:50%;}
#product ul li:hover{background:#fff; box-shadow:0 0 20px rgba(0,0,0,.08);}
#product ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#product ul li:hover h3 i{background-color:#f29700;}

#advantage .left{position:relative; width:960px; height:736px; margin-left:-360px; overflow:hidden;}
#advantage .left img{width:960px; height:736px;}
#advantage .left .item{position:absolute; left:360px; top:232px; width:400px; height:272px; overflow:hidden;}
#advantage .left .text{height:228px; padding:66px 30px 72px 30px; background:rgba(0,81,163,.8); overflow:hidden;}
#advantage .left .text h2{display:flex; justify-content:center; align-items:flex-end;}
#advantage .left .text h2 span{height:38px; line-height:38px; font-size:36px; font-weight:bold; color:#fff; overflow:hidden;}
#advantage .left .text h2 em{height:66px; line-height:68px; margin:0 6px 0 2px; font-family:'Arial'; font-size:90px; font-style:italic; color:#f29700;}
#advantage .left .text h3{height:14px; line-height:14px; margin-top:10px; font-family:'ArialBlack'; font-size:18px; text-transform:uppercase; text-align:center; color:rgba(255,255,255,.8);}
#advantage .left .tel{position:absolute; left:40px; right:40px; bottom:0; display:flex; justify-content:center; align-items:center; height:84px; background:#f29700; border-radius:6px; overflow:hidden;}
#advantage .left .tel i{width:36px; height:32px; background:url(img/tel2.png) no-repeat center;}
#advantage .left .tel section{margin-left:24px;}
#advantage .left .tel section h3{height:18px; left:18px; font-size:16px; color:#fff; overflow:hidden;}
#advantage .left .tel section h2{height:32px; line-height:32px; margin-top:8px; font-family:'Impact'; font-size:30px; color:#fff; overflow:hidden;}
#advantage .right{width:960px; height:736px; margin-right:-360px; padding:60px 360px 60px 60px; background:#0051a3; overflow:hidden;}
#advantage .right ul{display:flex; flex-wrap:wrap;}
#advantage .right ul li{width:240px; margin:26px 0 0 60px;}
#advantage .right ul li:nth-child(-n+2){margin-top:0;}
#advantage .right ul li:nth-child(2n+1){margin-left:0;}
#advantage .right ul li span{display:block; width:240px; height:120px; border:2px solid #fff; border-radius:10px; overflow:hidden;}
#advantage .right ul li img{width:236px; max-width:none; height:116px; transition:transform 0.3s linear;}
#advantage .right ul li h3{height:26px; line-height:26px; margin-top:14px; background-repeat:no-repeat; background-position:left center; font-size:20px; font-weight:bold; color:#fff; overflow:hidden;}
#advantage .right ul li h3.adv-icon1{padding-left:42px; background-image:url(img/adv-icon1.png);}
#advantage .right ul li h3.adv-icon2{padding-left:32px; background-image:url(img/adv-icon2.png);}
#advantage .right ul li h3.adv-icon3{padding-left:34px; background-image:url(img/adv-icon3.png);}
#advantage .right ul li h3.adv-icon4{padding-left:34px; background-image:url(img/adv-icon4.png);}
#advantage .right ul li h3.adv-icon5{padding-left:38px; background-image:url(img/adv-icon5.png);}
#advantage .right ul li h3.adv-icon6{padding-left:34px; background-image:url(img/adv-icon6.png);}
#advantage .right ul li h4{height:18px; line-height:18px; margin-top:10px; font-size:15px; color:#fff; overflow:hidden;}
#advantage .right ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#advantage .right ul li:hover h3{color:#f29700;}

#equipment{margin-top:40px;}
#equipment ul{display:flex; flex-wrap:wrap;}
#equipment ul li{width:382px; margin:12px 0 0 12px; overflow:hidden;}
#equipment ul li:nth-child(-n+3){margin-top:0;}
#equipment ul li:nth-child(3n+1){margin-left:0;}
#equipment ul li.big{height:504px;}
#equipment ul li.big a{position:relative; display:block; height:100%;}
#equipment ul li.big a:after{content:''; position:absolute; left:0; right:0; bottom:0; top:80%; background:linear-gradient(transparent,rgba(0,0,0,.5));}
#equipment ul li.big img{width:382px; max-width:none; height:504px; transition:transform 0.3s linear;}
#equipment ul li.big h3{position:absolute; left:22px; right:22px; bottom:22px; z-index:1; height:18px; line-height:18px; font-size:15px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#equipment ul li.big:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#equipment ul li.more{height:504px;}
#equipment ul li.more .img{height:246px; overflow:hidden;}
#equipment ul li.more .img{height:246px;}
#equipment ul li.more .img a{position:relative; display:block; height:100%;}
#equipment ul li.more .img a:after{content:''; position:absolute; left:0; right:0; bottom:0; top:60%; background:linear-gradient(transparent,rgba(0,0,0,.5));}
#equipment ul li.more .img img{width:382px; max-width:none; height:246px; transition:transform 0.3s linear;}
#equipment ul li.more .img h3{position:absolute; left:22px; right:22px; bottom:22px; z-index:1; height:18px; line-height:18px; font-size:15px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#equipment ul li.more .img:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#equipment ul li.more .text img{width:382px;height:auto;margin-top:12px;}
/*#equipment ul li.more .text{height:246px; margin-top:12px; background:#0051a3; text-align:center; overflow:hidden;}
#equipment ul li.more .text a{position:relative; display:block; height:100%; padding:48px 40px 56px 40px;}
#equipment ul li.more .text a:after{content:''; position:absolute; left:20px; right:20px; top:20px; bottom:20px; display:block; border:1px solid rgba(255,255,255,.3); transition:all 0.2s linear;}
#equipment ul li.more .text h2{height:68px; line-height:34px; font-size:24px; font-weight:bold; color:#fff; overflow:hidden;}
#equipment ul li.more .text h3{height:16px; line-height:16px; margin-top:14px; font-size:14px; color:#7cb5ef; overflow:hidden;}
#equipment ul li.more .text h4{height:20px; line-height:20px; margin-top:24px; font-size:14px; color:#fff; overflow:hidden;}
#equipment ul li.more .text h4 em{display:inline-block; padding-right:30px; background:url(img/arrow-r1.png) no-repeat right center;}
#equipment ul li.more .text:hover a:after{left:16px; right:16px; top:16px; bottom:16px; transition:all 0.2s linear;}*/
#equipment ul li.small{height:246px;}
#equipment ul li.small a{position:relative; display:block; height:100%;}
#equipment ul li.small a:after{content:''; position:absolute; left:0; right:0; bottom:0; top:60%; background:linear-gradient(transparent,rgba(0,0,0,.5));}
#equipment ul li.small img{width:382px; max-width:none; height:246px; transition:transform 0.3s linear;}
#equipment ul li.small h3{position:absolute; left:22px; right:22px; bottom:22px; z-index:1; height:18px; line-height:18px; font-size:15px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#equipment ul li.small:hover img{transform:scale(1.08); transition:transform 0.3s linear;}

#wrap-about{padding:80px 0 70px 0; background:url(img/about-bg.jpg) no-repeat top center #fff;}

#about{width:540px;}
#about h3{height:14px; line-height:34px; font-family:'ArialBlack'; font-size:50px; font-weight:bold; text-transform:uppercase; color:rgba(255,255,255,.06);}
#about h2{height:34px; line-height:34px; font-size:32px; font-weight:bold; color:#fff; overflow:hidden;}
#about .text{height:256px; line-height:32px; margin-top:32px; font-size:15px; color:#fff; overflow:hidden;}
#about .text p{text-indent:30px;}
#about a{display:block; width:150px; height:48px; line-height:48px; margin-top:44px; background:#fff; border-radius:24px; font-size:15px; text-align:center; color:#0051a3; overflow:hidden;}
#about a:hover{background:#f29700; color:#fff;}

#number{height:140px; margin:60px 0 70px 0; background:#fff; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,.08); overflow:hidden;}
#number ul{display:flex; align-items:center; height:100%;}
#number ul li{position:relative; flex:1; text-align:center;}
#number ul li:before{content:''; position:absolute; left:0; top:0; bottom:0; display:block; width:1px; background:#e5e5e5;}
#number ul li:first-child:before{display:none;}
#number ul li h3{height:30px; line-height:30px; font-family:'Arial'; font-size:40px; font-weight:bold; color:#0051a3;}
#number ul li h3 span{font-family:'Arial';}
#number ul li h4{height:18px; line-height:18px; margin-top:16px; font-size:15px; color:#999; overflow:hidden;}

#news{width:790px; margin-top:40px;}
#news ul{display:flex; justify-content:space-between;}
#news ul li{width:380px; height:452px; overflow:hidden;}
#news ul li .img{position:relative; width:380px; height:244px; overflow:hidden;}
#news ul li .img img{width:380px; max-width:none; height:244px; transition:transform 0.3s linear;}
#news ul li .img h5{position:absolute; left:10px; top:10px; width:96px; height:38px; line-height:38px; background:#f29700; font-size:14px; text-align:center; color:#fff; overflow:hidden;}
#news ul li .text{height:208px; padding:20px 24px 28px 24px; background:#f5f5f5; overflow:hidden;}
#news ul li .text h3{height:52px; line-height:26px; font-size:16px; font-weight:bold;}
#news ul li .text p{height:56px; line-height:28px; margin-top:8px; font-size:14px; color:#666;}
#news ul li .text h4{display:flex; justify-content:space-between; align-items:center; margin-top:26px;}
#news ul li .text h4 span{height:18px; line-height:18px; font-family:'Arial'; font-size:15px; color:#999; overflow:hidden;}
#news ul li .text h4 em{height:16px; line-height:16px; padding-right:30px; background:url(img/arrow-r2.png) no-repeat right center; font-size:14px; color:#999; overflow:hidden;}
#news ul li:hover .img img{transform:scale(1.08); transition:transform 0.3s linear;}
#news ul li:hover .text h3{color:#0051a3;}
#news ul li:hover .text h4 em{background-image:url(img/arrow-r2-h.png); color:#0051a3;}

#faq{margin-top:40px;}
#faq .text{position:relative; height:140px; overflow:hidden;}
#faq .text:after{content:''; position:absolute; left:50px; right:50px; top:16px; bottom:16px; display:block; background:rgba(255,255,255,.3);}
#faq .text img{width:380px; max-width:none; height:140px; transition:transform 0.3s linear;}
#faq .text section{position:absolute; left:64px; right:64px; top:30px; bottom:30px; z-index:1; padding:16px; background:#fff; text-align:center; overflow:hidden;}
#faq .text section h3{height:18px; line-height:18px; font-size:16px; font-weight:bold; text-align:center; overflow:hidden;}
#faq .text section h4{height:16px; line-height:16px; margin-top:14px; font-size:14px; color:#999; overflow:hidden;}
#faq .text:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#faq .text:hover section h3{color:#0051a3;}
#faq .item{height:312px; padding:28px 24px; background:#f5f5f5; overflow:hidden;}
#faq .item ul li{display:flex; align-items:center; margin-top:16px;}
#faq .item ul li:first-child{margin-top:0;}
#faq .item ul li a{flex:1; position:relative; height:16px; line-height:16px; padding-left:18px; font-size:14px; color:#666; overflow:hidden;}
#faq .item ul li a:before{content:''; position:absolute; left:0; top:4px; display:block; width:8px; height:8px; border:1px solid #bcbcbc; border-radius:50%; box-sizing:border-box;}
#faq .item ul li span{height:18px; line-height:18px; margin-left:28px; font-family:'Arial'; font-size:15px; color:#999; overflow:hidden;}
#faq .item ul li a:hover{color:#0051a3;}
#faq .item ul li a:hover:before{border-color:#0051a3;}

#wrap-partner{padding:70px 0; background:url(img/partner-bg.jpg) no-repeat top center; background-size:cover;}

#partner{position:relative; height:412px; margin-top:50px; overflow:hidden;}
#partner ul li{position:absolute; width:186px; height:214px; overflow:hidden;}
#partner ul li:nth-child(1){left:55px; top:0;}
#partner ul li:nth-child(2){left:281px; top:0;}
#partner ul li:nth-child(3){left:507px; top:0;}
#partner ul li:nth-child(4){right:281px; top:0;}
#partner ul li:nth-child(5){right:55px; top:0;}
#partner ul li:nth-child(6){left:168px; bottom:0;}
#partner ul li:nth-child(7){left:394px; bottom:0;}
#partner ul li:nth-child(8){right:394px; bottom:0;}
#partner ul li:nth-child(9){right:168px; bottom:0;}
#partner ul li img{width:186px; height:214px;}
#partner ul li:hover img{transform:rotateY(360deg); transition:transform 0.6s linear;}
#partner ul li.more a{display:block; width:186px; height:214px; padding:86px 0; background:url(img/shape.png) no-repeat center; overflow:hidden;}
#partner ul li.more span{display:flex; justify-content:center;}
#partner ul li.more span em{width:8px; height:8px; margin-left:8px; background:#f29700; border-radius:50%;}
#partner ul li.more span em:first-child{margin-left:0;}
#partner ul li.more h3{height:18px; line-height:18px; margin-top:16px; font-size:15px; text-align:center; color:#f29700; overflow:hidden;}
#partner ul li.more:hover a{transform:rotateY(360deg); transition:transform 0.6s linear;}
#partner ul li.more:hover span em{background:#0051a3;}
#partner ul li.more:hover h3{color:#0051a3;}

/*内页样式*/

#lm-banner{height:450px; background:url(img/lm-banner.jpg) no-repeat center; background-size:cover;}

#location{position:relative; height:70px; background:#fff; overflow:hidden;}
#location:after{content:''; position:absolute; left:0; right:0; bottom:1px; display:block; height:1px; background:#e5e5e5;}
#location .weo-flex{height:70px;}
#location .menu{display:flex;}
#location .menu a{height:70px; line-height:70px; margin-left:50px; font-size:16px; overflow:hidden;}
#location .menu a:first-child{margin-left:0;}
#location .menu a:hover{color:#0051a3;}
#location .menu a.current{position:relative; z-index:1; font-weight:bold; color:#0051a3;}
#location .menu a.current:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:3px; background:#0051a3;}
#location .item{height:18px; line-height:18px; padding-left:26px; background:url(img/home.png) no-repeat left center; font-size:15px; color:#666; overflow:hidden;}
#location .item a{color:#666;}
#location .item a:hover{color:#0051a3;}
#location .item em{color:#0051a3;}

.weo-page{margin-top:70px;}
.weo-page a{min-width:42px; height:42px; line-height:40px; margin-left:10px; padding:0 14px; border-color:#dcdcdc; border-radius:0; font-size:14px; color:#666;}
.weo-page a:hover{border-color:#0051a3; color:#0051a3;}
.weo-page a.count{border-color:#dcdcdc; color:#666;}
.weo-page a.weo-page-on{background:#0051a3; border-color:#0051a3; color:#fff;}

#product-list ul{display:flex; flex-wrap:wrap;}
#product-list ul li{width:282px; height:326px; margin:24px 0 0 24px; background:#f5f5f5; overflow:hidden;}
#product-list ul li:nth-child(-n+4){margin-top:0;}
#product-list ul li:nth-child(4n+1){margin-left:0;}
#product-list ul li a{display:block; padding:10px 10px 14px 10px;}
#product-list ul li span{display:block; width:262px; height:262px; overflow:hidden;}
#product-list ul li img{width:262px; max-width:none; height:262px; transition:transform 0.3s linear;}
#product-list ul li h3{display:flex; align-items:center; margin-top:14px; padding:0 4px;}
#product-list ul li h3 em{flex:1; height:18px; line-height:18px; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product-list ul li h3 i{width:26px; height:26px; background:url(img/arrow-r.png) no-repeat center #c9c9c9; border-radius:50%;}
#product-list ul li:hover{background:#fff; box-shadow:0 0 20px rgba(0,0,0,.08);}
#product-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#product-list ul li:hover h3 i{background-color:#f29700;}

#partner-list ul{display:flex; flex-wrap:wrap;}
#partner-list ul li{width:224px; height:124px; margin:20px 0 0 20px; background:#fff; border:1px solid #e5e5e5; overflow:hidden;}
#partner-list ul li:nth-child(-n+5){margin-top:0;}
#partner-list ul li:nth-child(5n+1){margin-left:0;}
#partner-list ul li img{width:222px; height:122px;}
#partner-list ul li:hover img{transform:rotateY(360deg); transition:transform 0.6s linear;}

#pd-info{display:flex;}
#pd-info .left{position:relative; width:500px; height:480px; border:10px solid #f5f5f5; overflow:hidden;}
#pd-info .left .swiper-container{width:480px; height:480px; overflow:hidden;}
#pd-info .left .swiper-wrapper{height:480px;}
#pd-info .left .swiper-slide{width:480px; height:480px; overflow:hidden;}
#pd-info .left .swiper-slide img{width:480px; height:480px;}
#pd-info .left .swiper-pagination{position:absolute; left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto;}
#pd-info .left .swiper-pagination-bullet{width:10px; height:10px; margin:0 0 0 12px; background:#fff; border-radius:50%; cursor:pointer; opacity:1;}
#pd-info .left .swiper-pagination-bullet:first-child{margin-left:0;}
#pd-info .left .swiper-pagination-bullet-active{background:#0051a3;}
#pd-info .right{flex:1; margin-left:50px; padding-top:30px;}
#pd-info .right h1{height:28px; line-height:28px; font-size:26px; font-weight:bold; overflow:hidden;}
#pd-info .right i{display:block; height:1px; margin-top:35px; background:#e5e5e5;}
#pd-info .right p{max-height:136px; line-height:34px; margin-top:24px; font-size:15px; color:#666; -webkit-line-clamp:4;}
#pd-info .right h4{width:180px; height:48px; line-height:48px; margin-top:40px; background:#0051a3; border-radius:24px; font-size:15px; text-align:center; overflow:hidden; transition:background 0.1s linear;}
#pd-info .right h4 a{display:block; color:#fff;}
#pd-info .right h4 em{display:inline-block; padding-left:36px; background:url(img/buy.png) no-repeat left center;}
#pd-info .right h4:hover{background:#f29700; transition:background 0.1s linear;}

#pd-tab{position:relative; display:flex; height:40px; margin-top:50px;}
#pd-tab:after{content:''; position:absolute; left:0; right:0; bottom:1px; display:block; height:1px; background:#e5e5e5;}
#pd-tab h2{position:relative; z-index:1; height:40px; line-height:18px; font-size:16px; font-weight:bold; color:#0051a3; overflow:hidden;}
#pd-tab h2:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:3px; background:#0051a3;}

#pd-item{line-height:32px; margin-top:32px; font-size:15px; color:#666;}

#news-list ul li{position:relative; margin-top:40px; padding-bottom:40px; border-bottom:1px solid #e5e5e5;}
#news-list ul li:first-child{margin-top:0;}
#news-list ul li:after{content:''; position:absolute; left:0; right:100%; bottom:-1px; display:block; height:1px; background:#0051a3; opacity:0; transition:all 0.3s linear;}
#news-list ul li a{display:flex; align-items:center;}
#news-list ul li span{width:356px; height:244px; overflow:hidden;}
#news-list ul li img{width:356px; max-width:none; height:244px; transition:transform 0.3s linear;}
#news-list ul li section{flex:1; margin-left:40px;}
#news-list ul li section h4{height:18px; line-height:18px; font-family:'Arial'; font-size:16px; color:#666; overflow:hidden;}
#news-list ul li section h3{height:22px; line-height:22px; margin-top:24px; font-size:20px; font-weight:bold; overflow:hidden;}
#news-list ul li section p{height:56px; line-height:28px; margin-top:30px; font-size:15px; color:#666;}
#news-list ul li section h5{display:flex; align-items:center; margin-top:36px;}
#news-list ul li section h5 em{height:18px; line-height:18px; font-size:15px; color:#666; overflow:hidden;}
#news-list ul li section h5 i{width:20px; height:12px; margin-left:24px; background:url(img/arrow-r3.png) no-repeat center;}
#news-list ul li:hover:after{right:0; opacity:1; transition:all 0.3s linear;}
#news-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#news-list ul li:hover section h3{color:#0051a3;}
#news-list ul li:hover section h5 em{color:#0051a3;}
#news-list ul li:hover section h5 i{background-image:url(img/arrow-r3-h.png);}

#faq-list ul li{display:flex; justify-content:space-between; align-items:center; margin-top:22px; padding-bottom:22px; border-bottom:1px dashed #dcdcdc;}
#faq-list ul li:first-child{margin-top:0;}
#faq-list ul li a{position:relative; flex:1; height:18px; line-height:18px; padding-left:20px; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#faq-list ul li a:before{content:''; position:absolute; left:0; top:5px; display:block; width:8px; height:8px; display:block; border:1px solid #bcbcbc; border-radius:50%; box-sizing:border-box;}
#faq-list ul li a:hover{color:#0051a3;}
#faq-list ul li a:hover:before{border-color:#0051a3;}
#faq-list ul li span{height:18px; line-height:18px; margin-left:60px; font-family:'Arial'; font-size:15px; color:#999; overflow:hidden;}

#article-title{line-height:34px; font-size:26px; font-weight:bold; text-align:center;}
#article-info{height:18px; line-height:18px; margin-top:20px; font-size:15px; text-align:center; color:#999; overflow:hidden;}
#article{line-height:28px; margin-top:40px; padding-top:36px; border-top:1px solid #e5e5e5; font-size:15px; color:#666;}

#prev-next{display:flex; justify-content:space-between; align-items:center; height:68px; margin-top:50px; padding:0 30px; background:#f5f5f5; overflow:hidden;}
#prev-next a{max-width:calc((100% - 60px) / 2); height:18px; line-height:18px; font-size:15px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#prev-next a:hover{color:#0051a3;}

#lm-about{display:flex; align-items:center;}
#lm-about .left{flex:1;}
#lm-about .left h3{height:14px; line-height:34px; font-family:'ArialBlack'; font-size:50px; font-weight:bold; text-transform:uppercase; color:#f1f1f1;}
#lm-about .left h2{height:34px; line-height:34px; font-size:32px; font-weight:bold; overflow:hidden;}
#lm-about .left h2 em{color:#0051a3;}
#lm-about .left i{display:block; width:64px; height:4px; margin-top:24px; background:#0051a3;}
#lm-about .left .text{line-height:32px; margin-top:32px; font-size:15px; color:#666;}
#lm-about .left .text p{margin-top:16px; text-indent:30px;}
#lm-about .left .text p:first-child{margin-top:0;}
#lm-about .right{width:500px; height:500px; margin-left:70px; overflow:hidden;}
#lm-about .right img{width:500px; height:500px;}

#lm-number{margin-top:70px;}
#lm-number ul{display:flex; justify-content:space-between;}
#lm-number ul li{position:relative; text-align:center;}
#lm-number ul li h3{height:30px; line-height:30px; font-family:'Arial'; font-size:40px; font-weight:bold; color:#0051a3;}
#lm-number ul li h3 span{font-family:'Arial';}
#lm-number ul li h4{height:18px; line-height:18px; margin-top:16px; font-size:15px; color:#999; overflow:hidden;}
#lm-number ul li i{display:block; width:1px; height:64px; background:#e5e5e5;}

#honor-list ul{display:flex; flex-wrap:wrap;}
#honor-list ul li{width:282px; height:240px; margin:30px 0 0 24px; overflow:hidden;}
#honor-list ul li:nth-child(-n+4){margin-top:0;}
#honor-list ul li:nth-child(4n+1){margin-left:0;}
#honor-list ul li span{display:block; width:282px; height:204px; padding:10px; border:1px solid #e5e5e5; overflow:hidden;}
#honor-list ul li img{width:260px; height:182px;}
#honor-list ul li h3{height:18px; line-height:18px; margin-top:18px; font-size:15px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#honor-list ul li:hover h3{color:#0051a3;}

#image-preview{position:absolute; left:0; right:0; top:0; bottom:0; display:none; padding:60px 140px; background:rgb(0,0,0,.5); overflow:hidden;}
#image-preview .swiper-pagination{position:absolute; left:60px; top:40px; width:auto; height:16px; line-height:16px; margin:0; font-size:14px; color:#fff;}
#image-preview .close{position:absolute; right:60px; top:40px; width:16px; height:16px; background:url(img/close.png) no-repeat center; cursor:pointer;}
#image-preview .swiper-button-prev,#image-preview .swiper-button-next{top:50%; width:20px; height:16px; margin:0; background-repeat:no-repeat; background-position:center; background-size:20px 16px; cursor:pointer; opacity:1;}
#image-preview .swiper-button-prev:after,#image-preview .swiper-button-next:after{display:none;}
#image-preview .swiper-button-prev{left:60px; background-image:url(img/prev1.png);}
#image-preview .swiper-button-next{right:60px; background-image:url(img/next1.png);}
#image-preview .swiper-container{position:relative; left:50%; top:50%; transform:translate(-50%,-50%); height:548px; overflow:hidden;}
#image-preview .swiper-wrapper{height:548px;}
#image-preview .swiper-slide{height:548px; overflow:hidden;}
#image-preview .swiper-slide h3{height:18px; line-height:18px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}
#image-preview .swiper-slide img{display:block; width:750px; height:500px; margin:30px auto 0 auto;}

#contact{display:flex; justify-content:space-between; align-items:center;}
#contact .left h2{height:28px; line-height:28px; font-size:26px; font-weight:bold; overflow:hidden;}
#contact .left .item{margin-top:36px;}
#contact .left .item ul li{height:36px; line-height:36px; margin-top:20px; padding-left:48px; background-repeat:no-repeat; background-position:left center; font-size:15px; color:#666; overflow:hidden;}
#contact .left .item ul li:first-child{margin-top:0;}
#contact .left .item ul li.c-icon1{background-image:url(img/c-icon1.png);}
#contact .left .item ul li.c-icon2{background-image:url(img/c-icon2.png);}
#contact .left .item ul li.c-icon3{background-image:url(img/c-icon3.png);}
#contact .right{padding:24px; border:1px solid #e5e5e5;}
#contact .right img{display:block; width:112px; height:112px; margin:0 auto;}
#contact .right h4{height:18px; line-height:18px; margin-top:12px; font-size:15px; text-align:center; color:#666; overflow:hidden;}

#map{height:500px; margin-top:50px; background:#f9f9f9; overflow:hidden;}
#map img{max-width:none;}
.amap-logo,.amap-copyright{display:none !important;}

#equipment-list ul{display:flex; flex-wrap:wrap;}
#equipment-list ul li{width:384px; height:278px; margin:30px 0 0 24px; overflow:hidden;}
#equipment-list ul li:nth-child(-n+3){margin-top:0;}
#equipment-list ul li:nth-child(3n+1){margin-left:0;}
#equipment-list ul li span{display:block; width:384px; height:242px; overflow:hidden;}
#equipment-list ul li img{width:384px; max-width:none; height:242px; transition:transform 0.3s linear;}
#equipment-list ul li h3{height:18px; line-height:18px; margin-top:18px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#equipment-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#equipment-list ul li:hover h3{color:#0051a3;}

/*底部样式*/

#line{position:relative; height:8px; background:#f29700;}
#line:before{content:''; position:absolute; right:calc((100% - 1200px) / 2); top:0; display:block; width:0; height:0; border-left:4px solid transparent; border-top:4px solid transparent; border-right:4px solid #eee; border-bottom:4px solid #eee;}
#line:after{content:''; position:absolute; right:0; top:0; bottom:0; display:block; width:calc((100% - 1200px) / 2); background:#eee;}

#footer{padding:40px 0; background:#323437;}
#f-link{display:flex;}
#f-link h2{height:18px; line-height:18px; font-size:16px; font-weight:bold; color:#fff; overflow:hidden;}
#f-link .item{flex:1; display:flex; flex-wrap:wrap; gap:10px 16px; margin-left:8px;}
#f-link .item a{height:18px; line-height:18px; font-size:14px; color:#a5a5a5; overflow:hidden;}
#f-link .item i{position:relative; width:1px; height:18px;}
#f-link .item i:after{content:''; position:absolute; left:0; right:0; top:2px; bottom:2px; background:rgba(255,255,255,.35);}
#f-link .item a:hover{color:#f5f5f5;}
#f-link .item i:last-child{position:relative; width:0px; height:0px;}
#f-line{height:1px; margin:36px 0 40px 0; background:rgba(255,255,255,.1);}
#f-menu{display:flex;}
#f-menu dl{margin-left:90px;}
#f-menu dl:first-child{margin-left:0;}
#f-menu dl dt{height:18px; line-height:18px; font-size:15px; color:#fff; overflow:hidden;}
#f-menu dl dd{height:16px; line-height:16px; margin-top:16px; font-size:14px; overflow:hidden;}
#f-menu dl dt + dd{margin-top:20px;}
#f-menu dl dd a{display:block; color:#a5a5a5;}
#f-menu dl dd:hover a{color:#f5f5f5;}
#f-line1{width:1px; background:rgba(255,255,255,.1);}
#f-qrcode{padding:14px 18px; border:1px solid rgba(255,255,255,.2);}
#f-qrcode img{display:block; width:100px; height:100px; margin:0 auto;}
#f-qrcode h4{height:16px; line-height:16px; margin-top:14px; font-size:14px; text-align:center; color:#a5a5a5; overflow:hidden;}
#f-contact{margin-left:40px;}
#f-contact h2{height:18px; line-height:18px; font-size:16px; font-weight:bold; color:#fff; overflow:hidden;}
#f-contact .item{margin-top:24px;}
#f-contact .item ul li{margin-top:16px;}
#f-contact .item ul li:first-child{margin-top:0;}
#f-contact .item ul li h4{height:16px; line-height:16px; padding-left:26px; background-repeat:no-repeat; background-position:left center; font-size:14px; color:#a5a5a5; overflow:hidden;}
#f-contact .item ul li h4.tel{background-image:url(img/tel.png);}
#f-contact .item ul li h4.mail{background-image:url(img/mail.png);}
#f-contact .item ul li h4.address{background-image:url(img/address.png);}
#f-contact .item ul li h3{height:28px; line-height:28px; margin-top:8px; padding-left:26px; font-family:'Arial'; font-size:26px; font-weight:bold; color:#a5a5a5; overflow:hidden;}

#copyright{height:60px; line-height:60px; background:#2d2f31; font-size:14px; color:#a5a5a5; overflow:hidden;}
#copyright a{color:#a5a5a5;}
#copyright a:hover{color:#f5f5f5;}












.pagination{margin-top:60px;display:-ms-flexbox;display:flex;justify-content: center;padding-left:0;list-style:none;border-radius:.25rem}
.page-link{position:relative;margin-left: 10px;text-align: center;display:block;min-width:40px; height:40px; line-height:38px;padding:0 12px; border:1px solid #dcdcdc; border-radius:0; font-size:14px; color:#666;}
.page-link:hover{z-index:2;border-color:#0051a3; color:#0051a3;}
.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.page-link:not(:disabled):not(.disabled){cursor:pointer}
.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}
.page-item.active .page-link{z-index:1;background:#0051a3; border-color:#0051a3; color:#fff;}
.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}
.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}
.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}
.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}
.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}
.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}


#page{ display:none;}
.sj-location{ display: none;}






@media (max-width:750px){
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
#header{ display:none;}
#page{ display:block; position:fixed; z-index:99999; top:0;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}
#sj-header{height:3.75rem; background:#fff; z-index:999; box-shadow:0 0 10px 0 #ccc;}
#sj-logo{left:0.75rem; top:0.75rem; height:2.5rem; overflow:hidden;}
#sj-logo img{width:auto;height:2.25rem;}
#sj-tel{top: 0.65rem;left: 6rem;font-size: 14px;font-weight: bold;color: #044f9a;background: url(img/tel.png) no-repeat left center;background-size: 1.125rem; padding-left:1.65rem;}
#sj-tel em{ display:block;}

#nav-btn{right:1rem; top:1.3125rem; width:1.875rem; height:1.375rem; background:url(img/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;}
#nav-btn.close{width:1.375rem; height:1.375rem; background-image:url(img/close1.png); background-size:80%;}

#sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-nav ul li:last-child{border-bottom:none;}
#sj-nav ul li a{flex:auto;}
#sj-nav ul li a:hover{color:#3075dc;}
#sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(img/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#sj-nav ul li em.del{background-image:url(img/del.png);}
#sj-nav ul li ul{width:100%; display:none;}
#sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;}
#sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;}
#sj-nav ul li ul li a span img{ width:auto; height:100%;}
#sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; }


#banner{ padding-top:3.75rem; height:14.375rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:11rem;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet{ width:8px; height:8px;}
#banner .swiper-pagination-bullet-active{ width:30px;}
.wrapper{ width:100%; padding:0 15px;}
#tel,#hot-tag{ display:none;}
#search{ width:100%; margin-top:20px;}
.noweo-flex{ display:block; width:100%;}
.wrap-white.p1{ padding:30px 0;}
.title h3{ font-size:24px;}
.title h2{ font-size:24px;}
.title h4{ font-size:12px; margin-top:5px; height:auto; line-height:24px;}
#product-tab{ margin-top:25px;}
#product-tab ul{justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#product-tab ul::-webkit-scrollbar{ display:none;}
#product-tab ul li{height: 40px;line-height: 40px;font-size: 14px;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0 15px;overflow: visible;}
#product{ margin-top:25px;}
#product ul li{ width:46%; height:auto;}
#product ul li span{ width:100%; height:135px;}
#product ul li img{ width:100%; height:100%;}
#product ul li h3 em{ font-size:14px;}
#product ul li h3 i{ width:20px; height:20px;}
#product ul li:nth-child(n+3){ margin-top: 20px !important;}
#product ul li:nth-child(odd){ margin-left: 0;}
#advantage{background: #0051a3;}
#advantage .left{ display: none;}
#advantage .right{width: 100%;height: auto;margin-right: 0; padding: 20px 0;}
#advantage .right ul li{ width: 46%; margin: 20px 0 0 20px;}
#advantage .right ul li span{ width: 100%; height: 80px;}
#advantage .right ul li img{ width: 100%; height: 100%;}
#advantage .right ul li h3{ font-size: 14px; background-size: 12%;}
#advantage .right ul li h3.adv-icon1{ padding-left: 27px;}
#advantage .right ul li h3.adv-icon2,#advantage .right ul li h3.adv-icon3,#advantage .right ul li h3.adv-icon4,#advantage .right ul li h3.adv-icon5,#advantage .right ul li h3.adv-icon6{ padding-left: 30px;}
#advantage .right ul li h4{ font-size: 12px;margin-top: 5px; height:auto;}
#equipment{ margin-top: 30px;}
#equipment ul li{ width: 48%;margin: 12px 0 0 12px;}
#equipment ul li.big{ height: 366px;}
#equipment ul li.big img{ width: 100%; height: 100%;}
#equipment ul li.more{ height: 366px;}
#equipment ul li.more .img img{ width: 100%;}
#equipment ul li:nth-child(3){margin: 12px 12px 0 0;height: 110px;}
#equipment ul li.small{height: 110px;}
#equipment ul li:nth-child(5){ margin-left:0;}
#equipment ul li.small img{ width: 100%; height: 100%;}
#wrap-about{ background-position: top right -200px !important; padding: 30px 0 40px 0; background-size: auto 510px !important;}
#about{ background: rgba(0,0,0,0.5); padding: 20px; border-radius: 15px; width: 100%;}
#about h3{ font-size: 24px;}
#about h2{ font-size: 20px;}
#about .text{height: 225px;line-height: 28px;margin-top: 20px;font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden;}
#about a{ width: 120px; height: 40px; line-height: 40px; margin-top: 20px; font-size: 14px;}
#number ul li h3{ font-size: 20px;}
#number ul li h4{ height: 40px; padding: 0 10px;font-size: 12px;}
#number{height: 120px; margin: 30px 0 40px 0;}
#news{ width: 100%;}
#news ul{ display: block;}
#news ul li{width: 100%;}
#news ul li .img{ width: 100%; height: 220px;}
#news ul li .img img{ width: 100%; height: 100%;}
#news ul li .text h3{ font-size: 15px;}
#faq{ margin-top: 0;}
#faq .text{height: 135px;}
#faq .text img{ width: 100%; height: 135px;}
#wrap-partner{ padding: 30px 0;}
#partner ul li{ width: 30%; height: auto;}
#partner ul li img{ width: 100%; height: 100%;}
#partner ul li:nth-child(1){ left: 0; top: 0;}
#partner ul li:nth-child(2){ left: 35%; top: 0;}
#partner ul li:nth-child(3){ right: 0; top: 0; left: auto;}
#partner ul li:nth-child(4){left: 0; top: 135px;}
#partner ul li:nth-child(5){ left: 35%; top: 135px;}
#partner ul li:nth-child(6){ right: 0; top: 135px;left: auto;bottom: auto;}
#partner ul li:nth-child(7){left: 0; top: 270px;bottom: auto;}
#partner ul li:nth-child(8){ left: 35%; top: 270px; right:auto;bottom: auto;}
#partner ul li:nth-child(9){ right: 0; top: 270px;bottom: auto; left:auto;}
#footer{ padding: 30px 0;}
#f-link{ display: block;}
#f-link h2{ height: 30px; font-size: 14px;}
#f-link .item a{ font-size: 12px;}
#f-menu{ display: none;}
#f-line1{ display: none;}
#f-qrcode{width: 130px; padding: 14px;}
#f-contact{margin-left: 25px; width: 55%;}
#f-contact h2{ font-size: 14px;}
#f-contact .item{ margin-top: 14px;}
#f-contact .item ul li h3{ font-size: 20px;}
#f-contact .item ul li h4{ height: auto;}
#f-contact .item ul li{ margin-top: 10px;}
#f-line{ margin: 25px 0;}
#copyright{ height: auto; padding:10px 0; line-height: 24px; font-size: 12px;}
#partner{ margin-top: 25px; height: 400px;}
#partner ul li.more a{ width: 100%; padding: 40px 0;background-size: cover; height: auto;}
#partner ul li.more span em{ width: 6px; height: 6px;}
#partner ul li.more h3{ font-size: 12px;}
.ny-banner{ padding-top: 3.75rem;}
#lm-banner{ height: 120px; background-size: cover !important;}
.pc-location{ display: none;}
.sj-location{ display: block; height: auto !important;}
#location.sj-location .item{ height: 40px; line-height: 40px; font-size: 14px;border-bottom: 1px #e5e5e5 solid;}
#location:after{ display: none;}
#location .weo-flex{ height: auto;}
#location .menu{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#location .menu::-webkit-scrollbar{ display:none;}
#location .menu a{height: 3rem;line-height: 3rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0 10px;overflow: visible;font-size:14px;margin-left: 20px;}
.wrap-white.p2{ padding: 30px 0;}
#product-list ul li{ width: 46%; height: auto;}
#product-list ul li span{ width: 100%; height: 140px;}
#product-list ul li img{ width: 100%; height: 100%;}
#product-list ul li h3 em{ font-size: 14px;}
#product-list ul li h3 i{ width: 20px; height: 20px;}
#product-list ul li:nth-child(odd){ margin-left: 0;}
#product-list ul li:nth-child(n+3){ margin-top: 20px !important;}
#pd-info{ display: block;}
#pd-info .left,#pd-info .left .swiper-container{ width: 100%; height: 340px;}
#pd-info .left .swiper-wrapper,#pd-info .left .swiper-slide{ height: 340px;}
#pd-info .left .swiper-slide img{ width: 100%; height: 100%;}
#pd-info .right{ margin-left: 0;}
#pd-info .right h1{ font-size: 18px;}
#pd-info .right i{ margin-top: 12px;}
#pd-info .right p{ margin-top: 15px; font-size: 14px;}
#partner-list ul li{width: 47%; height: 88px;}
#partner-list ul li img{ width: 100%; height: 100%;}
#partner-list ul li:nth-child(odd){ margin-left: 0;}
#partner-list ul li:nth-child(n+3){ margin-top: 20px !important;}
#partner-list ul li:nth-child(5n+1){margin-left: auto;}
#news-list ul li span{width: 45%;height: 120px;}
#news-list ul li img{ width: 100%; height: 100%;}
#news-list ul li section{margin-left: 20px;width: 45%;}
#news-list ul li section h4{font-size: 12px;}
#news-list ul li section h3{margin-top: 5px;font-size: 16px;}
#news-list ul li section p{height: 46px;line-height: 24px;margin-top: 5px;font-size: 14px;}
#news-list ul li section h5{ margin-top: 10px;}
#news-list ul li section h5 em{font-size: 12px;}
#article-title{font-size:20px;}
#article-info{ font-size: 12px; margin-top: 10px;}
#prev-next{ display: block; height: auto; padding:5px 15px 15px 15px;}
#prev-next a{ font-size: 14px;max-width: 100%; display: block; margin-top: 10px;}
#lm-about{ display: block;}
#lm-about .left{ width: 100%;}
#lm-about .right{ width: 100%; margin-top: 30px; height: 220px;margin-left: 0px;}
#lm-about .right img{ width: 100%; height: 100%;}
#lm-number{ margin-top: 50px;}
#lm-number ul li h3{ font-size: 24px;}
#lm-number ul li h4{ height: auto; padding: 0 10px; font-size: 12px;}
#lm-number ul li:nth-child(odd){ width: 30%;}
#lm-about .left h3{ font-size: 30px;}
#lm-about .left h2{ font-size: 24px;}
#lm-about .left i{ width: 50px;}
#lm-about .left .text{ margin-top: 25px; font-size: 14px;}
#contact{ display: block;}
#contact .left h2{ height: auto; font-size: 18px;}
#contact .left .item{ margin-top: 28px;}
#contact .left .item ul li{ height: 42px;line-height: 22px; margin-top: 10px; padding-left: 40px;background-position: left 0;
    font-size: 14px;background-size: 8%;}
#map{height: 220px; margin-top: 25px;}



}




@media screen and (min-width: 751px) and (max-width: 820px){
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
#header{ display:none;}
#page{ display:block;position: fixed;top: 0; z-index: 99999;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}
.wrapper{ width: 100%; padding:0 1rem;}
#sj-header{height:3.75rem; background:#fff; z-index:999; width: 100%;}
#sj-logo{left:0.75rem; top:1.25rem; height:2.3125rem; overflow:hidden;font-size: 18px;font-weight: bold;}
#sj-logo a{
         display: block;
    width: 12rem;
    height: 2.5rem;
    background: url(img/yz-logo.jpg) no-repeat top left #fff;
    background-size: 75%;
}
#sj-logo img{width:auto;height:2.3125rem;}
#language{ right:60px; top:18px;}
#nav-btn{right:1rem; top:1.3125rem; width:1.875rem; height:1.375rem; background:url(img/nav-btn.png) no-repeat center; background-size:80%; cursor:pointer;}
#nav-btn.close{width:1.375rem; height:1.375rem; background-image:url(img/close1.png); background-size:80%;}

#sj-nav{left:0; right:0; top:3.75rem; margin-left:auto; margin-right:auto; padding:0 1rem; background:#fff; border-top:0.0625rem solid #e1e1e1; box-sizing:border-box; z-index:1000; overflow-y:auto; display:none;}
#sj-nav ul li{display:flex; flex-wrap:wrap; line-height:3rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-nav ul li:last-child{border-bottom:none;}
#sj-nav ul li a{flex:auto;}
#sj-nav ul li a:hover{color:#3075dc;}
#sj-nav ul li em{width:1rem; height:3rem; margin-left:1rem; background:url(img/add.png) no-repeat center; background-size:1rem 1rem; cursor:pointer;}
#sj-nav ul li em.del{background-image:url(img/del.png);}
#sj-nav ul li ul{width:100%; display:none;}
#sj-nav ul li ul li:first-child{border-top:0.0625rem dashed #e1e1e1;}
#sj-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #666;}
#sj-nav ul li ul li a span{ width:4rem; height:3rem; text-align:center;}
#sj-nav ul li ul li a span img{ width:auto; height:100%;}
#sj-nav ul li ul li a h3{ flex:1; font-size:0.875rem; padding-left:1rem; }
#sj-tel{right:18%; top:0.75rem; padding-left:36px; background:url(img/tel.png) no-repeat left center;background-size: 1.85rem;}
#sj-tel h3{height:18px; line-height:18px; padding:0 2px; font-size:0.875rem; text-align-last:justify; overflow:hidden;}
#sj-tel h2{height:22px; line-height:22px; margin-top:-2px; font-family:'ArialBlack'; font-size:1rem; color:#c11024; overflow:hidden;}

#sj-search{width:100%; height:40px; padding:0 16px 0 18px; background:#f5f5f5; border-radius:20px; margin-top:20px;}
#sj-search .weo-flex{height:40px;}
#sj-search input{flex:1; height:40px; line-height:40px; padding:0; background:none; border:none; border-radius:0; font-size:15px; color:#333; width: 86%;}
#sj-search input::-moz-placeholder{color:#999;}
#sj-search input::-webkit-input-placeholder{color:#999;}
#sj-search input::-ms-input-placeholder{color:#999;}
#sj-search button{width:20px; height:20px; margin-left:14px; padding:0; background:url(img/search.png) no-repeat center; border:none; border-radius:0; background-size:cover;}

#banner{ padding-top:3.75rem; height:26.375rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:23rem;}
.noweo-flex{ display:block; width:100%;}
.wrapper{ width:100%; padding:0 15px;}
#tel,#hot-tag{ display:none;}
#search{ width:100%; margin-top:20px;}
.wrap-white.p1{ padding:30px 0;}
.title h3{ font-size:24px;}
.title h2{ font-size:24px;}
.title h4{ font-size:12px; margin-top:5px; height:auto; line-height:24px;}
#product-tab{ margin-top:25px;}
#product-tab ul{justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#product-tab ul::-webkit-scrollbar{ display:none;}
#product-tab ul li{height: 40px;line-height: 40px;font-size: 14px;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0 15px;overflow: visible;}
#product{ margin-top:25px;}
#product ul li{ width:22%; height:auto;}
#product ul li span{ width:100%; height:135px;}
#product ul li img{ width:100%; height:100%;}
#product ul li h3 em{ font-size:14px;}
#product ul li h3 i{ width:20px; height:20px;}
/*#product ul li:nth-child(n+3){ margin-top: 20px !important;}
#product ul li:nth-child(odd){ margin-left: 0;}*/
#advantage{background: #0051a3;}
#advantage .left{ display: none;}
#advantage .right{width: 100%;height: auto;margin-right: 0; padding: 20px 0;}
#advantage .right ul li{ width: 30%; margin: 20px 0 0 20px;}
#advantage .right ul li:nth-child(3){margin: 0px 0 0 20px;}
#advantage .right ul li:nth-child(4){margin: 20px 0 0 0px;}
#advantage .right ul li:nth-child(5){margin: 20px 0 0 20px;}
#advantage .right ul li:nth-child(6){margin: 20px 0 0 20px;}
#advantage .right ul li span{ width: 100%; height: 110px;}
#advantage .right ul li img{ width: 100%; height: 100%;}
#advantage .right ul li h3{ font-size: 14px; background-size: 12%;}
#advantage .right ul li h3.adv-icon1{ padding-left: 27px;}
#advantage .right ul li h3.adv-icon2,#advantage .right ul li h3.adv-icon3,#advantage .right ul li h3.adv-icon4,#advantage .right ul li h3.adv-icon5,#advantage .right ul li h3.adv-icon6{ padding-left: 30px;}
#advantage .right ul li h4{ font-size: 12px;margin-top: 5px; height:auto;}
#equipment{ margin-top: 30px;}
#equipment ul li{ width: 48%;margin: 12px 0 0 12px;}
#equipment ul li.big{ height: 500px;}
#equipment ul li.big img{ width: 100%; height: 100%;}
#equipment ul li.more{ height: 500px;}
#equipment ul li.more .img img{ width: 100%;}
#equipment ul li:nth-child(3){margin: 12px 12px 0 0;height: 260px;}
#equipment ul li.small{height: 260px;}
#equipment ul li:nth-child(5){ margin-left:0;}
#equipment ul li.small img{ width: 100%; height: 100%;}
#wrap-about{ background-position: top right -200px !important; padding: 30px 0 40px 0; background-size: auto 510px !important;}
#about{ background: rgba(0,0,0,0.5); padding: 20px; border-radius: 15px; width: 100%;}
#about h3{ font-size: 24px;}
#about h2{ font-size: 20px;}
#about .text{height: 225px;line-height: 28px;margin-top: 20px;font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden;}
#about a{ width: 120px; height: 40px; line-height: 40px; margin-top: 20px; font-size: 14px;}
#number ul li h3{ font-size: 20px;}
#number ul li h4{ height: 40px; padding: 0 10px;font-size: 12px;}
#number{height: 120px; margin: 30px 0 40px 0;}
#news{ width: 100%;}
#news ul{ }
#news ul li{width: 49%;}
#news ul li .img{ width: 100%; height: 220px;}
#news ul li .img img{ width: 100%; height: 100%;}
#news ul li .text h3{ font-size: 15px;}
#faq{ margin-top: 0;}
#faq .text{height: 135px;}
#faq .text img{ width: 100%; height: 135px;}
#wrap-partner{ padding: 30px 0;}
#partner ul li{ width: 18%; height: auto;}
#partner ul li img{ width: 100%; height: 100%;}
#partner ul li:nth-child(1){ left: 0; top: 0;}
#partner ul li:nth-child(2){ left: 20%; top: 0;}
#partner ul li:nth-child(3){ left: 40%; top: 0;}
#partner ul li:nth-child(4){left: 60%; top: 0;}
#partner ul li:nth-child(5){ left: 80%; top: 0;}
#partner ul li:nth-child(6){ top: 135px;left: 10%;bottom: auto;}
#partner ul li:nth-child(7){left: 30%; top: 135px;bottom: auto;}
#partner ul li:nth-child(8){ left: 50%; top: 135px; right:auto;bottom: auto;}
#partner ul li:nth-child(9){ left: 70%; top: 135px;bottom: auto; }



#footer{ padding: 30px 0;}
#f-link{ display: block;}
#f-link h2{ height: 30px; font-size: 14px;}
#f-link .item a{ font-size: 12px;}
#f-menu{ display: none;}
#f-line1{ display: none;}
#f-qrcode{width: 160px; padding: 14px;}
#f-contact{margin-left: 25px; width: 85%;}
#f-contact h2{ font-size: 14px;}
#f-contact .item{ margin-top: 14px;}
#f-contact .item ul li h3{ font-size: 20px;}
#f-contact .item ul li h4{ height: auto;}
#f-contact .item ul li{ margin-top: 10px;}
#f-line{ margin: 25px 0;}
#copyright{ height: auto; padding:10px 0; line-height: 24px; font-size: 12px;}
#partner{ margin-top: 25px; height: 320px;}
#partner ul li.more a{ width: 100%; padding: 60px 0;background-size: cover; height: auto;}
#partner ul li.more span em{ width: 6px; height: 6px;}
#partner ul li.more h3{ font-size: 12px;}
.ny-banner{ padding-top: 3.75rem;}
#lm-banner{ height: 200px; background-size: cover !important;}
.pc-location{ display: none;}
.sj-location{ display: block; height: auto !important;}
#location.sj-location .item{ height: 40px; line-height: 40px; font-size: 14px;border-bottom: 1px #e5e5e5 solid;}
#location:after{ display: none;}
#location .weo-flex{ height: auto;}
#location .menu{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#location .menu::-webkit-scrollbar{ display:none;}
#location .menu a{height: 3rem;line-height: 3rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0 10px;overflow: visible;font-size:14px;margin-left: 20px;}
.wrap-white.p2{ padding: 30px 0;}
#product-list ul li{ width: 22%; height: auto;}
#product-list ul li span{ width: 100%; height: 140px;}
#product-list ul li img{ width: 100%; height: 100%;}
#product-list ul li h3 em{ font-size: 14px;}
#product-list ul li h3 i{ width: 20px; height: 20px;}
#pd-info .left{ width: 50%; height: 340px;}
#pd-info .left .swiper-container{ width: 100%; height: 340px;}
#pd-info .left .swiper-wrapper,#pd-info .left .swiper-slide{ height: 340px;}
#pd-info .left .swiper-slide img{ width: 100%; height: 100%;}
#pd-info .right{ margin-left: 30px;}
#pd-info .right h1{ font-size: 18px;}
#pd-info .right i{ margin-top: 12px;}
#pd-info .right p{ margin-top: 15px; font-size: 14px;}
#partner-list ul li{width: 17%; height: 88px;}
#partner-list ul li img{ width: 100%; height: 100%;}
#news-list ul li span{width: 25%;height: 135px;}
#news-list ul li img{ width: 100%; height: 100%;}
#news-list ul li section{margin-left: 20px;width: 45%;}
#news-list ul li section h4{font-size: 12px;}
#news-list ul li section h3{margin-top: 5px;font-size: 16px;}
#news-list ul li section p{height: 46px;line-height: 24px;margin-top: 5px;font-size: 14px;}
#news-list ul li section h5{ margin-top: 10px;}
#news-list ul li section h5 em{font-size: 12px;}
#article-title{font-size:20px;}
#article-info{ font-size: 12px; margin-top: 10px;}
#prev-next{ display: block; height: auto; padding:5px 15px 15px 15px;}
#prev-next a{ font-size: 14px;max-width: 100%; display: block; margin-top: 10px;}
#lm-about{ display: block;}
#lm-about .left{ width: 100%;}
#lm-about .right{ width: 100%; margin-top: 30px; height: 220px;margin-left: 0px;}
#lm-about .right img{ width: 100%; height: 100%;}
#lm-number{ margin-top: 50px;}
#lm-number ul li h3{ font-size: 24px;}
#lm-number ul li h4{ height: auto; padding: 0 10px; font-size: 12px;}
#lm-number ul li:nth-child(odd){ width: 30%;}
#lm-about .left h3{ font-size: 30px;}
#lm-about .left h2{ font-size: 24px;}
#lm-about .left i{ width: 50px;}
#lm-about .left .text{ margin-top: 25px; font-size: 14px;}
#contact .left h2{ height: auto; font-size: 18px;}
#contact .left .item{ margin-top: 28px;}
#contact .left .item ul li{ height: 42px;line-height: 42px; margin-top: 10px; padding-left: 60px;background-position: left 0;
    font-size: 14px;background-size: 8%;}
#map{height: 220px; margin-top: 25px;}



}