/*全局样式*/

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

.wrapper{width:1440px;}
.wrap-gray{background:#f5f5f5;}
.wrap-gray.p1{padding:60px 0;}
.wrap-white{background:#fff;}
.wrap-white.p1{padding:60px 0;}
.wrap-white.p2{padding:30px 0 70px 0;}

/*头部样式*/

#header{position:sticky; top:0; z-index:99; height:80px; background:#0062be; box-shadow:0 10px 10px -10px rgba(0,0,0,.08);}
#logo{left:0; top:12px; height:54px; overflow:hidden;}
#logo a{display:block;}
#logo a img{ width: 73px; height: 54px;} 
#nav{right:0; top:0;}
#nav > ul{display:flex;}
#nav > ul > li{position:relative; 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;color:#fff;}
#nav > ul > li:hover > a{font-weight:bold;color:#fff;}
#nav > ul > li.current > a{font-weight:bold; color:#fff;}

#nav > ul > li .nav-drop-down{position:fixed;width: 100%;height: 0;top: 80px; left: 0; right: 0; background: rgba(0,98,191,0.7); transition: 0.5s all; overflow: hidden;}
#nav > ul > li .nav-drop-down .s-menu{width: 1200px; margin: 0 auto;text-align: center;font-size: 14px; display: none;transition: 0.5s all;}

#nav > ul > li .nav-drop-down .s-menu a{display: inline-block;padding: 30px 0px; width: 120px;text-align: center; color:#fff;}
#nav > ul > li .nav-drop-down .s-menu a img{display: block;width: auto;height: 38px;margin: 0 auto 10px;}
#nav > ul > li .nav-drop-down .s-menu a:hover{ background: #0062be;}
#nav > ul > li:hover .nav-drop-down{ height: 125px;transition: 0.5s all;}
#nav > ul > li:hover .nav-drop-down .s-menu{ display: block;transition: 0.5s all;}

/*首页样式*/

#banner{width:100%; height:100%; overflow:hidden;}
#banner .swiper-wrapper{height:100%;}
#banner .swiper-slide{width:100%; height:100%;}
#banner .swiper-slide img{width:100%; height:100%;}
#banner .swiper-pagination{left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto;}
#banner .swiper-pagination-bullet{width:60px; height:8px; margin:0 0 0 10px; background:#fff; border-radius:10px; cursor:pointer; opacity:0.5;}
#banner .swiper-pagination-bullet:first-child{margin-left:0;}
#banner .swiper-pagination-bullet-active{background:#fff;opacity:1;}
#banner .swiper-button-prev,#banner .swiper-button-next{top:50%; transform:translateY(-50%); width:16px; height:30px; margin:0; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:1;}
#banner .swiper-button-prev:after,#banner .swiper-button-next:after{display:none;}
#banner .swiper-button-prev{left:70px; background-image:url(img/prev.png);}
#banner .swiper-button-next{right:70px; background-image:url(img/next.png);}
.title h2{height:50px; line-height:50px;  text-align: center; font-size:40px; font-weight:bold;color:#333;}
.title h3{ font-size: 30px; font-weight: bold; text-transform: uppercase; text-align: center; color: #999999; margin-top: 10px;}
#product{margin-top:50px;}
#product ul{ display: flex; flex-wrap: wrap;}
#product ul li{ position: relative; justify-content: space-between; margin-bottom: 20px; overflow: hidden; }
#product ul li:nth-child(1){ width: 550px; height: 340px;}
#product ul li:nth-child(2){ width: 405px;height: 340px; margin: 0 20px;}
#product ul li:nth-child(3){ width: 405px;height: 340px;}
#product ul li:nth-child(4){ width: 405px;height: 340px;}
#product ul li:nth-child(5){ width: 405px;height: 340px;margin: 0 20px;}
#product ul li:nth-child(6){ width: 550px; height: 340px;}
#product ul li .cp-img{ width: 100%; height: auto; overflow: hidden;}
#product ul li .cp-img img{width: 100%; transform: scale(1.0); transition: 0.5s all;}
#product ul li:hover .cp-img img{ transform: scale(1.1); transition: 0.5s all;}
#product ul li .cp-title{ position: absolute; z-index: 99; top: 40px; left: 40px;}
#product ul li .cp-title h2{ font-size: 20px; font-weight: bold; color: #fff;}
#product ul li .cp-title p{ font-size: 15px; color: #fff; margin-top: 10px;}
#product ul li .cp-title span{ font-size: 15px; color: #fff; margin-top: 15px; display: block;}
#product ul li:nth-child(2n) .cp-title h2{ color: #333;}
#product ul li:nth-child(2n) .cp-title p{ color: #666;}
#product ul li:nth-child(2n) .cp-title span{ color: #0062be;}
#wrap-about{padding:80px 0; background:url(img/ppjs-bg.jpg) no-repeat top center;}
#about{ display: flex;}
#about .about-map{ width: 662px; height: 562px; position: relative;}
#about .about-map .map-img{width: 662px; height: 562px; overflow: hidden;}
#about .about-map .map-img img{width: 662px; height: 562px;}
#about .about-map li{ position: absolute;}
#about .about-map li:nth-child(1){ top:360px; left: 362px; z-index: 12;}
#about .about-map li:nth-child(2){ top:430px; left: 250px; z-index: 15;}
#about .about-map li:nth-child(3){ top:350px; left: 265px;z-index: 14;}
#about .about-map li:nth-child(4){ top:90px; left: 388px;}
#about .about-map li:nth-child(5){ top:470px; left: 356px; z-index: 16;}
#about .about-map li:nth-child(6){ top:210px; left: 380px;}
#about .about-map li:nth-child(7){ top:308px; left: 405px; z-index: 11;}
#about .about-map li:nth-child(8){ top:290px; left: 358px;}
#about .about-map li:nth-child(9){ top:390px; left: 428px;z-index: 13;}

#about .about-map li .map-addr{position: absolute; background: #fff; border-radius: 20px; width: 280px; height: 150px; padding: 20px;  top: -160px; left: -130px; display: none;}
#about .about-map li .map-addr:after{ content: ""; display: block; background: url(img/d-sj.png) no-repeat; width: 12px; height: 8px;position: absolute; bottom: -8px;left: 49%;}
#about .about-map li .map-addr h3{font-size: 18px; font-weight: bold; color: #333;}
#about .about-map li .map-addr h4{font-size: 24px; font-weight: bold; color: #0062be; margin: 10px 0;}
#about .about-map li .map-addr h4 span{font-size: 18px;}
#about .about-map li .map-addr p{font-size: 14px; color: #666; margin-top: 5px;}
#about .about-map li:hover .map-addr{ display: block;}
#about .about-right{ flex: 1; padding-left: 150px;}
#about .about-right h2{ font-size: 40px; font-weight: bold; color: #fff; margin-top: 10px;}
#about .about-right h3{ font-size: 30px; font-weight: bold; color: #fff; margin-top: 10px; text-transform: uppercase; font-family: arial;}
#about .about-right em{ display: block; background: url(img/pp-jt.png) no-repeat; width: 40px; height: 57px; margin: 20px 0;} 
#about .about-right p{ font-size: 15px; line-height: 36px;  color: #fff; margin-top: 10px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
#about .about-right .about-more{ margin-top: 30px;}
#about .about-right .about-more a{ display: block; width: 150px; height: 45px;line-height: 45px; text-align: center; color: #fff; border: 1px #fff solid;}
#about .about-right .about-more a:hover{ background: #fff; color: #0062be;}


/*内页样式*/


/*底部样式*/

#footer{padding-top:70px; background:#313131; }
#footer .f-content{ display: flex; justify-content: space-between;}
#footer .f-content .f-contact{ width: 300px;}
#footer .f-content .f-contact span{ font-size: 14px; color: #cacaca;}
#footer .f-content .f-contact h3{ font-size: 36px; font-family: arial;color: #cacaca; font-weight: bold; margin-top:10px;}
#footer .f-content .f-contact p{ font-size: 14px; color: #cacaca; margin-top: 15px;}
#footer .f-content .f-menus{ flex: 1; padding-left: 280px;}
#footer .f-content .f-menus ul{ display: flex; justify-content:space-between;}
#footer .f-content .f-menus ul li{  text-align: left; }
#footer .f-content .f-menus ul li h4{font-size: 16px; color: #fff; margin-bottom: 20px;}
#footer .f-content .f-menus ul li a{font-size: 14px; color: #cacaca; display: block; height: 30px; line-height: 30px;}
#footer .f-content .f-menus ul li a:hover{ color: #fff;}
#copyright{margin:0 auto;height:60px; line-height:60px; margin-top:40px; font-size:14px; border-top:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.7); overflow:hidden;}
#copyright a{color:rgba(255,255,255,.7);}
#copyright a:hover{color:#fff;}
#sidebar{right:10px; bottom:60px; z-index:99;}
#sidebar ul li{position:relative; width:64px; height:64px; margin-top:10px;}
#sidebar ul li:first-child{margin-top:0;}
#sidebar ul li i{display:block; width:64px; height:64px; background-repeat:no-repeat; background-position:center; background-color:#f18333; border-radius:8px; cursor:pointer;}
#sidebar ul li i.sb-icon1{background-image:url(img/r-icon1.png);}
#sidebar ul li i.sb-icon2{background-image:url(img/r-icon2.png);}
#sidebar ul li i.sb-icon3{background-image:url(img/r-icon3.png); background-color:#f18333;}
#sidebar ul li .tel{position:absolute; right:60px; top:0; display:none; width:184px; height:64px; line-height:64px; background:#f18333; border-radius:8px; font-family:'Arial'; font-size:22px; text-align:center; color:#fff;}
#sidebar ul li .qrcode{position:absolute; right:60px; top:0; display:none; width:140px; height:140px;  background:#f18333; border-radius:8px;  text-align:center; }
#sidebar ul li .qrcode img{ width: 120px; height: 120px; margin-top: 10px;}
#sidebar ul li .tel:after{content:''; position:absolute; right:-7px; top:50%; transform:translateY(-50%); display:block; width:0; height:0; border-left:7px solid #f18333; border-top:6px solid transparent; border-bottom:6px solid transparent;}
#sidebar ul li .qrcode:after{content:''; position:absolute; right:-7px; top:50%; transform:translateY(-50%); display:block; width:0; height:0; border-left:7px solid #f18333; border-top:6px solid transparent; border-bottom:6px solid transparent;}

#sidebar ul li:hover .tel,#sidebar ul li:hover .qrcode{display:block; right:98px; animation:SidebarSlideRight 0.3s; animation-fill-mode:forwards;}
@keyframes SidebarSlideRight{100%{right:80px;}}


#lm-banner{display:flex; align-items:center; height:400px; background-repeat:no-repeat; background-position:center; background-size:cover !important; overflow:hidden;}
#lm-banner h2{height:38px; line-height:38px; font-size:36px; font-weight:bold; color:#fff; overflow:hidden;}
#lm-banner h3{height:26px; line-height:26px; margin-top:16px; font-family:'Arial'; font-size:24px;  color:#fff; overflow:hidden;}
.wrapper1200{ width: 1200px;}
.product-menus{ background: #f5f5f5; height: 80px; line-height: 80px;}
.product-menus ul{ display: flex;justify-content:center;}
.product-menus ul li{ margin: 0 20px;}
.product-menus ul li a{ font-size: 16px; color: #999; padding:0;}
.product-menus ul li a:hover{ color: #0062be;}
.product-menus #search{ width: 260px; overflow: hidden;height:40px; margin-top: 20px;}
#search input{width:252px; height:40px; line-height:40px; padding:0 14px; border:1px #e5e5e5 solid; 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:42px; height:42px; background:url(img/search1.png) no-repeat center #0062be; border:none; border-radius:0;}
.product-menus ul li.sel a{ color: #0062be;}
#product-list{ margin-bottom: 50px;}
#product-list ul{ display: flex; flex-wrap: wrap; margin-bottom: 30px;}
#product-list ul li{ width: 380px; border: 1px #e5e5e5 solid; height: 440px; overflow: hidden; margin-top: 30px;}
#product-list ul li:nth-child(3n-1){ margin:30px 30px 0 30px;}
#product-list ul li .product-list-img{ width: 380px; height: 380px; overflow: hidden;}
#product-list ul li .product-list-img img{ width: 100%; height: 100%; transform: scale(1.0); transition: 0.5s all;}
#product-list ul li span{ display: block; font-size: 18px; color: #666; text-align: center; height: 60px; line-height: 60px;}

#product-list ul li:hover{ border: 1px #0062be solid;}
#product-list ul li:hover span{ background: #0062be; color: #fff;}
#product-list ul li:hover .product-list-img img{ width: 100%; height: 100%; transform: scale(1.1); transition: 0.5s all;}

#product-detail{ padding: 70px 0;}
#product-detail .product-detail-top{ display: flex;}
#product-detail .product-detail-top .product-detail-left{ width:600px; height:600px; margin-right: 70px;}
#product-bimg{width:100%; height:100%; overflow:hidden;}
#product-bimg .swiper-wrapper{height:100%;}
#product-bimg .swiper-slide{width:100%; height:100%;}
#product-bimg .swiper-slide img{width:100%; height:100%;}
#product-bimg .swiper-pagination{left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto;}
#product-bimg .swiper-pagination-bullet{width:60px; height:8px; margin:0 0 0 10px; background:#fff; border-radius:10px; cursor:pointer; opacity:0.5;}
#product-bimg .swiper-pagination-bullet:first-child{margin-left:0;}
#product-bimg .swiper-pagination-bullet-active{background:#fff;opacity:1;}
#product-bimg .swiper-button-prev,#product-bimg .swiper-button-next{top:50%; transform:translateY(-50%); width:16px; height:30px; margin:0; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:1;}
#product-bimg .swiper-button-prev:after,#product-bimg .swiper-button-next:after{display:none;}
#product-bimg .swiper-button-prev{left:70px; background-image:url(img/prev.png);}
#product-bimg .swiper-button-next{right:70px; background-image:url(img/next.png);}

#product-detail .product-detail-top .product-detail-right{flex: 1; padding-top: 50px;}
#product-detail .product-detail-top .product-detail-right h2{ font-size: 24px;}
#product-detail .product-detail-top .product-detail-right h2 span{display: block; font-size: 30px; margin-bottom: 10px; font-weight: bold;}
#product-detail .product-detail-top .product-detail-right p{font-size: 16px; margin-top: 30px; line-height: 32px; color: #666;}
#product-detail .product-detail-top .product-detail-right .zxly-de{ background: #0062be; width: 200px; hanging-punctuation: 50px; line-height: 50px; border: none; font-size: 16px; color: #fff; margin-top: 60px; cursor: pointer;} 
#product-detail .product-article{ margin-top: 50px; font-size: 16px; line-height: 32px;}

#pop-box{ display: none; position: fixed; top: 0;left: 0;right: 0; bottom: 0; background: rgba(0,0,0,0.6);z-index: 991;}
#pop-box .box-cont{ width: 600px; background: #fff; border-radius: 10px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px;}
#pop-box .box-cont .close{ position: absolute;top: 20px; right: 20px; cursor: pointer;}
#pop-box .box-cont h3{ font-size: 24px; color: #0062be;}
#pop-box .box-cont p{ font-size: 15px; color: #666; margin-top: 10px;}
#pop-box .box-cont ul li{ margin-top: 20px; background: #f5f5f5; height: 50px; line-height: 50px; border-radius: 10px; overflow: hidden;}
#pop-box .box-cont ul li input{ display:block;height: 50px; line-height: 50px; border: 0; width: 94%; background: none; margin: 0 auto;font-size: 15px; }
#pop-box .box-cont ul li:nth-child(3){ height: 100px; line-height: 30px;}
#pop-box .box-cont ul li:nth-child(3) textarea{display:block; border: 0;background: none; padding: 20px; width: 100%; font-size: 15px; }
#pop-box .box-cont ul li:nth-child(4){ display: flex;}
#pop-box .box-cont ul li:nth-child(4) input{flex: 1; padding: 20px;font-size: 15px; }
#pop-box .box-cont ul li:nth-child(4) span{ width: 160px; margin-left: 20px;}
#pop-box .box-cont ul li button{ background: #0062be; color: #fff; font-size: 15px; width: 100%; height: 100%; border: 0; cursor: pointer;}



#lm-about{display:flex; align-items:center;}
#lm-about .left{flex:1;}
#lm-about .left .title h4{height:30px; line-height:30px; margin-top:20px; font-size:28px; font-weight:bold; color:#333;}
#lm-about .left .text{line-height:32px; margin-top:32px; font-size:15px; color:#464646;}
#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:600px; margin-left:70px; overflow:hidden;}
#lm-about .right img{width:500px; height:600px;}
#qywh .title h4{height:30px; line-height:30px; margin:10px 0 60px 0; font-size:36px; text-align: center; color:#333;}
#qywh .qywh-cont{display:flex; align-items:center;}
#qywh .qywh-cont .qywh-left{width:600px; height:600px; margin-right:70px; overflow:hidden;}
#qywh .qywh-cont .qywh-right{flex:1;}
#qywh .qywh-cont .qywh-right ul li{height: 44px; line-height: 44px; font-size: 16px;}
#qywh .qywh-cont .qywh-right ul li b{ padding-right: 20px;}
.wrap-blue{ background: #0062be; padding: 70px 0;}
#bgcs{ position: relative;}
#bgcs .title h4{height:30px; line-height:30px; margin:10px 0 60px 0; font-size:36px; text-align: center; color:#fff;}
#bgcs .swiper-container .swiper-slide{ width:360px; height: 280px; border:3px #fff solid;}
#bgcs .swiper-container .swiper-slide img{ width: 100%; height: 100%;}
#bgcs .swiper-button-prev,#bgcs .swiper-button-next{top:60%; transform:translateY(-50%); width:50px; height:50px; margin:0; background-repeat:no-repeat; background-position:center; background-color:#48a0f3; border-radius:50%; cursor:pointer; opacity:1; transition:all 0.1s linear;}
#bgcs .swiper-button-prev:after,#bgcs .swiper-button-next:after{display:none;}
#bgcs .swiper-button-prev{left:-74px; background-image:url(img/prev1.png);}
#bgcs .swiper-button-next{right:-74px; background-image:url(img/next1.png);}
#bgcs .swiper-button-prev:hover{background-color:#dcdcdc; transition:all 0.1s linear;}
#bgcs .swiper-button-next:hover{background-color:#dcdcdc; transition:all 0.1s linear;}

.wrap-honor{ background: url(img/honor-bg.jpg) no-repeat center 0; background-size: cover; height: 500px; padding: 70px 0;}
.wrap-honor .title h4{height:30px; line-height:30px; margin:10px 0 60px 0; font-size:36px; text-align: center; color:#333;}
#honor{ position: relative;}
#honor .swiper-container .swiper-slide h2{ font-size: 16px; text-align: center; height: 40px; line-height: 40px;}
#honor .swiper-button-prev,#honor .swiper-button-next{top:60%; transform:translateY(-50%); width:50px; height:50px; margin:0; background-repeat:no-repeat; background-position:center; background-color:#eee; border-radius:50%; cursor:pointer; opacity:1; transition:all 0.1s linear;}
#honor .swiper-button-prev:after,#honor .swiper-button-next:after{display:none;}
#honor .swiper-button-prev{left:-74px; background-image:url(img/prev1.png);}
#honor .swiper-button-next{right:-74px; background-image:url(img/next1.png);}
#honor .swiper-button-prev:hover{background-color:#48a0f3; transition:all 0.1s linear;}
#honor .swiper-button-next:hover{background-color:#48a0f3; transition:all 0.1s linear;}

#news-list{margin-bottom:50px;}
#news-list ul{display:flex; flex-wrap:wrap;}
#news-list ul li{width:380px; margin:30px 0 0 30px; overflow:hidden;}
#news-list ul li:nth-child(-n+3){margin-top:0;}
#news-list ul li:nth-child(3n+1){margin-left:0;}
#news-list ul li span{display:block; width:380px; height:240px; overflow:hidden;}
#news-list ul li img{width:380px; max-width:none; height:240px; transition:transform 0.3s linear;}
#news-list ul li h4{height:18px; line-height:18px; margin-top:18px; font-size:15px; color:#767676; overflow:hidden;}
#news-list ul li h3{height:56px; line-height:28px; margin-top:12px; font-size:17px; color:#464646;}
#news-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#news-list ul li:hover h3{color:#0062be;}

#article-title{line-height:36px; font-size:28px; 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:#464646;}

#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:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#prev-next a:hover{color:#0062be;}
.weo-page{margin-top:70px;}
.weo-page a{min-width:40px; height:40px; line-height:38px; margin-left:10px; padding:0 14px; border-color:#dcdcdc; border-radius:0; font-size:14px; color:#666;}
.weo-page a:hover{border-color:#0062be; color:#0062be;}
.weo-page a.count{border-color:#dcdcdc; color:#666;}
.weo-page a.weo-page-on{background:#0062be; border-color:#0062be; color:#fff;}




.pagination{margin:30px auto;display:-ms-flexbox;display:flex;justify-content: center;padding-left:0;list-style:none;border-radius:.25rem}
.pagination .page-item{border:1px solid #dcdcdc;margin-left: 7px;}
.page-link{position:relative;background: #fff;text-align: center;display:block;min-width:34px; height:34px; line-height:34px;padding:0 12px; font-size:14px; color:#666;}
.page-link:hover,.pagination .page-item:hover{z-index:2;border-color:#0062be; color:#0062be;}
.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}
.pagination .page-item.active{border-color: #0062be}
.page-item.active .page-link{z-index:1;background:#0062be; border-color:#0062be; 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-about-right{ display: none;}
.sj-product-menus{ display: none;}
.product-menu{ margin: 30px auto 20px auto;}
.product-menu ul{ display: flex; flex-wrap: wrap;gap:20px;}
.product-menu ul li{ padding: 0 20px; background: #f5f5f5; height: 40px; line-height: 40px; border-radius: 8px;}
.product-menu ul li a{ display: block; color: #333; font-size: 16px;}
.product-menu ul li:hover{background: #0062be;}
.product-menu ul li:hover a{ color: #fff;}
.product-menu ul li.sel{background: #0062be;}
.product-menu ul li.sel a{ color: #fff;}
.product-menu-r ul{ justify-content: flex-end;}

@media (max-width:1440px) {
    .wrapper {width: 1300px; transition: 0.5s all;}
   #footer .f-content .f-menus{padding-left: 180px;}
   	#product ul li:nth-child(1){ width: 510px; height:315px;}
	#product ul li:nth-child(2){ width: 375px;height: 315px; margin: 0 20px;}
	#product ul li:nth-child(3){ width: 375px;height: 315px;;}
	#product ul li:nth-child(4){ width: 375px;height: 315px;}
	#product ul li:nth-child(5){width: 375px;height: 315px;margin: 0 20px;}
	#product ul li:nth-child(6){width: 510px; height:315px;} 
    
}


@media (max-width:1366px) {
    .wrapper {width: 1200px; transition: 0.5s all;}
   #footer .f-content .f-menus{padding-left: 180px;}
    #product ul li:nth-child(1){ width: 469px; height:290px;}
	#product ul li:nth-child(2){ width: 345px;height: 290px; margin: 0 20px;}
	#product ul li:nth-child(3){ width: 345px;height: 290px;;}
	#product ul li:nth-child(4){ width: 345px;height: 290px;}
	#product ul li:nth-child(5){width: 345px;height: 290px;margin: 0 20px;}
	#product ul li:nth-child(6){width: 469px; height:290px;} 
    
}




@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:#0062be; z-index:999; box-shadow:0 0 10px 0 #ccc;}
#sj-logo{left:0.75rem; top:0.75rem; height:2.25rem; 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.75rem; height:1.75rem; background-image:url(img/close2.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.75rem;}
#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;}
.wrap-white.p1{ padding: 30px 0;}
.title h2{height: 40px;line-height: 40px;font-size: 26px;}
.title h3{font-size: 20px;margin-top: 5px;}
#product{ margin-top: 30px;}
#product ul{ display: block;}
#product ul li:nth-child(1){ width: 100%; height: 214px;}
#product ul li .cp-title{top: 30px; left: 30px;}
#product ul li:nth-child(2){ width: 100%; height: 290px; margin: 0;}
#product ul li:nth-child(3){ width: 100%; height: 290px;}
#product ul li:nth-child(4){ width: 100%; height: 290px;}
#product ul li:nth-child(5){width: 100%; height: 290px; margin: 0 0 20px 0;}
#product ul li:nth-child(6){width: 100%; height: 214px;}
#wrap-about{ padding: 50px 0;}

#about{ display: block;}
#about .about-map{width: 100%; height: auto;}
#about .about-map .map-img{width: 100%; height: auto;}
#about .about-map .map-img img{ width: 100%; height: auto;}
#about .about-map li:nth-child(1){top: 183px; left: 186px;}
#about .about-map li:nth-child(2){top: 222px; left: 134px;}
#about .about-map li:nth-child(3){top: 180px; left: 135px;}
#about .about-map li:nth-child(4){top: 40px; left: 200px;}
#about .about-map li:nth-child(5){top: 240px; left: 186px;}
#about .about-map li .map-addr h3{ font-size:16px;}
#about .about-map li .map-addr h4{ font-size: 18px;}
#about .about-map li .map-addr h4 span{font-size:14px;}
#about .about-map li .map-addr{ width: 265px; z-index: 999;}
#about .about-map li .map-addr:after{ left: 52%;}
#about .about-map li .map-addr-icon img{ width: 15px;}
#about .about-right{ padding-left: 0;}
#about .about-right h2{font-size: 26px;}
#about .about-right h3{font-size: 20px;}
#about .about-right em{width: 25px; height: 36px;background-size: cover;}
#about .about-right p{ font-size: 14px; line-height: 26px;-webkit-line-clamp: 4;}
#about .about-right .about-more{ margin-top: 20px;}
#about .about-right .about-more a{ font-size: 14px;width: 130px;height: 40px;line-height: 40px;;}
.pc-about-right{ display: none;}
.sj-about-right{ display: block;}
#footer{ padding-top: 30px;}
#footer .f-content{ display: block;}
#footer .f-content .f-menus{ display: none;}
#footer .f-content .f-contact h3{ font-size: 26px;}
#footer .f-content .f-contact p{ margin-top: 10px;}
#copyright{ margin-top: 20px; height: auto; line-height: 28px; padding: 10px 0;}
#sidebar ul li{ width: 50px; height: 50px;}
#sidebar ul li i{ width: 50px; height: 50px;}

.ny-banner{ padding-top: 3.75rem;}
#lm-banner{ height: 105px; background-size: cover !important;}
#lm-banner h2{height: 28px;line-height: 28px;font-size: 20px;}
#lm-banner h3{margin-top: 0px;font-size: 16px;}
.wrapper1200{ width: 100%; padding: 0 15px;}
.pc-product-menus{ display: none;}
.product-menu{ display: none;}
.sj-product-menus{ display: block; padding-bottom: 20px;}
.product-menus{ height: auto; }
.product-menus ul{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;gap: 0 20px;}
.product-menus ul li{font-size: 14px;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible;margin: 0;height: 60px;line-height: 60px;}
.product-menus ul li a{ font-size: 15px;}
.product-menus #search1{width: 100%; padding: 0 15px; overflow: hidden;height:40px;}
#search1 input{width:100%; height:40px; line-height:40px; padding:0 14px; border:1px #e5e5e5 solid; border-radius:0; font-size:14px; color:#464646;}
#search1 input::-moz-placeholder{color:#999;}
#search1 input::-webkit-input-placeholder{color:#999;}
#search1 input::-ms-input-placeholder{color:#999;}
#search1 button{width:42px; height:42px; background:url(img/search1.png) no-repeat center #0062be; border:none; border-radius:0;}
#product-list ul{ justify-content: space-between;}
#product-list ul li{ width: 48%;margin-top: 20px; height: auto;}
#product-list ul li:nth-child(3n-1){ margin: 20px 0 0 0;}
#product-list ul li .product-list-img{ width: 100%; height: 170px;}
#product-list ul li span{ font-size: 15px; padding: 0 10px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; height: 45px; line-height: 45px;}
#product-detail .product-detail-top{ display: block;}
#product-detail .product-detail-top .product-detail-left{ width: 100%; margin-right: 0; height: 260px;}
#product-detail .product-detail-top .product-detail-right{ padding-top: 30px; width: 100%;}
#product-detail .product-detail-top .product-detail-right h2{ font-size: 18px;}
#pop-box .box-cont{ width: 90%; padding: 20px;}
#lm-about{ display: block;}
#lm-about .left{ width: 100%;}
#lm-about .left .title h4{font-size: 22px; margin-top: 0;}
#lm-about .left .text{line-height: 28px;margin-top: 20px;font-size: 14px;}
#lm-about .right{ width: 100%; height:260px; margin-left: 0;}
.wrap-gray.p1{ padding: 30px 0;}
#qywh .title h4{ font-size: 28px;}
#qywh .qywh-cont{ display: block;}
#qywh .qywh-cont .qywh-left{ width: 100%; height: auto; margin-right: 0;}
#qywh .qywh-cont .qywh-right{width: 100%; margin-top: 30px;}
#qywh .qywh-cont .qywh-right ul li{ height: auto; line-height: 32px; font-size: 14px;}
.wrap-blue{ padding: 30px 0;}
#bgcs .swiper-container .swiper-slide{ height: 130px;}
#bgcs .swiper-button-prev, #bgcs .swiper-button-next{ width: 30px; height: 30px; top: 70%;background-size: 8px;}
#bgcs .swiper-button-prev{ left: -12px;}
#bgcs .swiper-button-next{ right: -12px;}
.wrap-honor{ height: auto; padding: 30px 0;}
#honor .swiper-button-prev, #honor .swiper-button-next{ width: 30px; height: 30px; top: 60%;background-size: 8px;}
#honor .swiper-button-prev{ left: -12px;}
#honor .swiper-button-next{ right: -12px;}
#news-list ul{ display: block;}
#news-list ul li{ width: 100%; margin: 30px 0 0 0;}
#news-list ul li span{ width: 100%; height: 210px;}
#news-list ul li img{ width: 100%; height: 100%;}
#news-list ul li h4{ font-size: 14px; margin-top: 15px;}
#news-list ul li h3{ height: auto;font-size: 16px;}
#news-list ul li:nth-child(-n+3){margin: 30px 0 0 0;}
#news-list ul li:nth-child(1){margin:0;}
#article-title{ font-size: 20px;}
#article-info{ margin-top: 10px;}
#prev-next{ display: block; height: auto; padding: 10px 20px;}
#prev-next a{ width: 100%; max-width: 100%; font-size: 14px; display: block; height: 30px; line-height: 30px;}
#pop-box .box-cont h3{ font-size: 18px;}
#pop-box .box-cont p{font-size: 14px;}
#pop-box .box-cont ul li{ height: 40px; line-height: 40px;}
#pop-box .box-cont ul li:nth-child(4) span{ width: 130px;}
#sidebar ul li i.sb-icon1{ background-size: 60%;}
#sidebar ul li i.sb-icon2{ background-size: 60%;}
#sidebar ul li i.sb-icon3{ background-size: 60%;}
#product-detail .product-detail-top .product-detail-right .zxly-de{ width: 160px; margin-top: 40px; line-height: 45px;}



}


@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; z-index:99999; top:0;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}

#sj-header{height:3.75rem; background:#0062be; z-index:999; box-shadow:0 0 10px 0 #ccc;}
#sj-logo{left:0.75rem; top:0.75rem; height:2.25rem; 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.75rem; height:1.75rem; background-image:url(img/close2.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:24.75rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:21rem;}
#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;}
.wrap-white.p1{ padding: 30px 0;}
.title h2{height: 40px;line-height: 40px;font-size: 26px;}
.title h3{font-size: 20px;margin-top: 5px;}	
#product ul{ justify-content: space-between;}
#product ul li:nth-child(1){ width: 57%; height: 250px;}	
#product ul li:nth-child(2){ width: 40%; margin: 0 0 0 20px;height: 250px;}
#product ul li:nth-child(3){width: 49%;}
#product ul li:nth-child(4){width: 49%;}
#product ul li:nth-child(5){ margin: 0;width: 40%;height: 250px;}	
#product ul li:nth-child(6){ width: 57%; height: 250px;}	
#about{ width: 100%;}
#about .about-map{ width: 60%; height: auto;}	
#about .about-map .map-img{ width: 440px; height: auto;}	
#about .about-map .map-img img{ width: 100%; height: auto;}	
#about .about-right{ width: 38%; padding-left: 40px;}
#about .about-map li:nth-child(1){top: 230px;left: 240px;}	
#about .about-map li:nth-child(2){top: 280px;left: 165px;}
#about .about-map li:nth-child(3){top: 226px;left: 168px;}
#about .about-map li:nth-child(4){top: 50px;left: 250px;}
#about .about-map li:nth-child(5){top: 303px;left: 233px;}
#about .about-map li .map-addr h3{ font-size:16px;}
#about .about-map li .map-addr h4{ font-size: 18px;}
#about .about-map li .map-addr h4 span{font-size:14px;}

#about .about-right h2{ font-size: 32px;}	
#about .about-right h3{ font-size: 26px;}
#about .about-right em{width: 30px;height: 43px;background-size: cover;}	
#about .about-right p{font-size: 14px;line-height: 28px;}	
#about .about-right .about-more{margin-top: 20px;}	
#about .about-right .about-more a{font-size: 14px;}
#footer .f-content .f-contact{ width: 220px;}	
#footer .f-content .f-menus{ padding-left: 20px;}	
#footer .f-content .f-menus ul li a{ font-size: 12px;}
.ny-banner{ padding-top: 3.75rem;}
#lm-banner{ height: 170px; background-size: cover !important;}
#lm-banner h2{height: 28px;line-height: 28px;font-size: 20px;}
#lm-banner h3{margin-top: 0px;font-size: 16px;}
.wrapper1200{ width: 100%; padding: 0 15px;}
.pc-product-menus{ display: none;}
.sj-product-menus{ display: block; padding-bottom: 20px;}
.product-menus{ height: auto; }
.product-menus ul{display:flex; justify-content:center;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
.product-menus ul::-webkit-scrollbar{ display:none;}
.product-menus ul li{font-size: 14px;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible;margin: 0;height: 60px;line-height: 60px;}
.product-menus ul li a{ font-size: 15px;}
.product-menus #search1{width: 100%; padding: 0 15px; overflow: hidden;height:40px;}
#search1 input{width:100%; height:40px; line-height:40px; padding:0 14px; border:1px #e5e5e5 solid; border-radius:0; font-size:14px; color:#464646;}
#search1 input::-moz-placeholder{color:#999;}
#search1 input::-webkit-input-placeholder{color:#999;}
#search1 input::-ms-input-placeholder{color:#999;}
#search1 button{width:42px; height:42px; background:url(img/search1.png) no-repeat center #0062be; border:none; border-radius:0;}	
#product-list ul li{ width: 31%;margin-top: 20px; height: auto;}	
#product-list ul li:nth-child(3n-1){ margin: 20px 20px 0 20px;}	
#product-list ul li .product-list-img{ width: 100%; height: 230px;}	
#product-list ul li span{font-size: 15px; padding: 0 10px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; height: 45px; line-height: 45px;}	
#product-detail .product-detail-top .product-detail-left{ width: 50%; margin-right: 50px; height: 370px;} 	
#product-detail .product-detail-top .product-detail-right{ margin-top: 20px;}	
#product-detail .product-detail-top .product-detail-right h2{ font-size: 20px;}	
#product-detail .product-detail-top .product-detail-right .zxly-de{width: 160px;line-height: 45px;}	
#lm-about{}
#lm-about .left{ width: 60%;}
#lm-about .left .title h4{font-size: 22px; margin-top: 0;}
#lm-about .left .text{line-height: 28px;margin-top: 20px;font-size: 14px;}
#lm-about .right{ width: 40%; height:auto; margin-left: 30px;}
.wrap-gray.p1{ padding: 30px 0;}
#qywh .title h4{ font-size: 28px;}
#qywh .qywh-cont .qywh-left{ width: 50%; height: auto; margin-right: 35px;}
#qywh .qywh-cont .qywh-right{margin-top: 30px;}
#qywh .qywh-cont .qywh-right ul li{ height: auto; line-height: 32px; font-size: 14px;}
.wrap-blue{ padding: 30px 0;}
#bgcs .swiper-container .swiper-slide{ height: 280px;}
#bgcs .swiper-button-prev, #bgcs .swiper-button-next{ width: 30px; height: 30px; top: 70%;background-size: 8px;}
#bgcs .swiper-button-prev{ left: -12px;}
#bgcs .swiper-button-next{ right: -12px;}
.wrap-honor{ height: auto; padding: 30px 0;}
#honor .swiper-button-prev, #honor .swiper-button-next{ width: 30px; height: 30px; top: 60%;background-size: 8px;}
#honor .swiper-button-prev{ left: -12px;}
#honor .swiper-button-next{ right: -12px;}	
#news-list ul li{ width: 30%;}	
#news-list ul li span{ width: 100%; height: 140px;}
#news-list ul li img{ width: 100%; height: 100%;}





}