/*全局样式*/

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

.wrapper{width:1360px;}
.wrap-gray{background:#f3f4f8;}
.wrap-gray.p1{padding:70px 0;}
.wrap-white{background:#fff;}
.wrap-white.p1{padding:70px 0 60px 0;}
.wrap-white.p2{padding:30px 0 70px 0;}
.clear{ clear:both;}

/*头部样式*/

#header{position:sticky; top:0; z-index:99; height:140px; background:#fff; box-shadow:0 10px 10px -10px rgba(0,0,0,.2);}
#header .header-top{ background:#ee7800; height:40px; line-height:40px;}
#header .header-top p{ font-size:14px; color:#fff; width:380px; text-align:center;}
#logo{left:0; top:35px; height:auto; width:360px;overflow:hidden;}
#logo a{display:block;}
#nav{right:0; top:0;}
#nav > ul{display:flex;}
#nav > ul > li{position:relative; margin-left:40px; text-align:center; }
#nav > ul > li:first-child{margin-left:0;}
#nav > ul > li > a{display:block; height:100px; line-height:26px; font-size:18px; overflow:hidden; padding-top:26px;}
#nav > ul > li > a span{ display:block; font-size:14px; text-transform: capitalize; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:90px;}
#nav > ul > li:hover > a{color:#ca2b2f;}
#nav > ul > li.current > a{color:#ca2b2f;}
#nav > ul > li.current > a span{color:#ca2b2f;}
#nav > ul > li.current:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:4px; background:#ca2b2f;}


/*首页样式*/
#product-wrap{ background: url(img/cp-bg.jpg) no-repeat center 0; background-size: cover; height: 600px; }
#product-wrap .product-list{ margin-top:0; position: relative; z-index: 98; padding-top:60px;}
#product-wrap .product-list ul{ display: flex; justify-content: space-between; padding: 0 65px;}
#product-wrap .product-list ul li{ width: 360px; height: 460px; box-shadow: 0 10px 20px #999; position: relative;transition: 0.5s all;}
#product-wrap .product-list ul li .product-img{ width: 360px; height: 460px; }
#product-wrap .product-list ul li .product-img img{ width: 100%; height: 100%;}
#product-wrap .product-list ul li section{ position: absolute; bottom: 0; left: 0; right: 0; background: url(img/cpbg.png) repeat-x; height: 100px; padding: 20px 25px 0 25px;transition: 0.3s all;overflow: hidden ;}
#product-wrap .product-list ul li section .product-title{ font-size: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#product-wrap .product-list ul li section p{ font-size: 15px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; line-height: 28px; padding-top: 10px;}

#product-wrap .product-list ul li:hover{ margin-top: -30px; transition: 0.3s all;}
#product-wrap .product-list ul li:hover section{ height: 140px;transition: 0.3s all;}
#product-wrap .product-list ul li:hover section p{ -webkit-line-clamp: 2;}
#c-nav-wrap{ background: #ee7800; height: 270px; width: 100%;}
#c-nav-wrap .c-nav-list ul{ display: flex; justify-content: space-between;  height: 270px;}
#c-nav-wrap .c-nav-list ul li{ position: relative; height: 270px;display: flex;align-items: center; text-align: center;}
#c-nav-wrap .c-nav-list ul li .c-nav-box{height: 175px;display: flex;align-items: center; flex-wrap: wrap; cursor: pointer;overflow: hidden;}
#c-nav-wrap .c-nav-list ul li .c-nav-box .c-nav-img{ display: flex;align-items: center;width: 110px; height: 110px; border: 3px #fff solid; border-radius: 100%; text-align: center; margin: 0 auto;}
#c-nav-wrap .c-nav-list ul li .c-nav-box .c-nav-img img{ margin: 0 auto; width:36px; }
#c-nav-wrap .c-nav-list ul li:nth-child(3) .c-nav-box .c-nav-img img{ margin: 0 auto; width:auto; height:40px; }
#c-nav-wrap .c-nav-list ul li .c-nav-box h3{ display: block;width: 100%; font-size: 20px; color: #fff;}

#c-nav-wrap .c-nav-list ul li .c-nav-box1{ position: absolute; top: 0; left: 0; right: 0; height: 0px; background: rgba(0,0,0,0.3); overflow: hidden;}
#c-nav-wrap .c-nav-list ul li .c-nav-box1 h2{font-size: 20px; color: #fff; padding-top: 20px;font-weight: bold; margin-bottom:5px;}
#c-nav-wrap .c-nav-list ul li .c-nav-box1 em{ display: block; background: url(img/jt-icon1.png) no-repeat center; width: 100%; height: 25px;}
#c-nav-wrap .c-nav-list ul li .c-nav-box1 section{ display: block; }
#c-nav-wrap .c-nav-list ul li .c-nav-box1 section span{ display: block; height: 30px; line-height: 30px;}
#c-nav-wrap .c-nav-list ul li .c-nav-box1 section span a{ display: block; font-size: 15px; color: #fff;}
#c-nav-wrap .c-nav-list ul li .c-nav-box1 .c-nav-img1{display: flex;align-items: center;width: 80px; height: 80px; border: 2px #fff solid; border-radius: 100%; text-align: center; margin: 10px auto 0 auto;}
#c-nav-wrap .c-nav-list ul li .c-nav-box1 .c-nav-img1 img{margin: 0 auto; width:36px;}
#c-nav-wrap .c-nav-list ul li:nth-child(3) .c-nav-box1 .c-nav-img1 img{margin: 0 auto; width:auto; height:40px;}


#c-nav-wrap .c-nav-list ul li:hover .c-nav-box1{ height: 270px; transition: 0.5s all;}
#c-nav-wrap .c-nav-list ul li:hover .c-nav-box{ height: 0; }
#c-nav-wrap .c-nav-list ul li:hover section span a:hover{ text-decoration: underline;}

#about-wrap .about-title{ text-align: center; margin-top: 60px;}
#about-wrap .about-title h2{ background: url(img/about-titlebg.png) no-repeat; font-size: 36px; font-weight: bold; color: #333; height: 110px; line-height: 110px; width: 300px; margin: 0 auto; padding-left: 30px;}
#about-wrap .about-title p{ font-size: 16px; color: #666; padding-top: 30px;}
#about-wrap .about-video{ background: url(img/about-img.jpg) no-repeat center 0; height: 540px; margin-top: 60px; text-align: center; background-size:cover}
#about-wrap .about-video .about-video-icon{padding-top:240px; cursor: pointer;}
#about-wrap .about-video span{ display: block; font-size: 16px; color: #666; padding-top: 15px;}
.links{ display: flex; }
.links .links-title{ width: 240px; position: relative; margin-top: 10px;}
.links .links-title span{ font-size: 60px; color: #666; font-family: arial; font-weight: bold;}
.links .links-title em{ position: absolute; background: #fff; font-size: 18px; padding: 10px 0; left: 30px; right: 100px; letter-spacing: 4px; text-align: center;}
.links .links-right{ flex: 1;}
.links .links-right a{ font-size: 15px; color: #666; height: 30px; line-height: 30px; display: inline-block; margin-bottom: 15px; }
.links .links-right em{ display: inline-block;  margin: 0 15px; width: 1px; height: 18px;line-height: 18px; background: #d3d3d3; margin-top: 8px;}
.links .links-right a:hover{ color: #ee7800;}
#footer{ background: url(img/f-bg.jpg) no-repeat center 0; height: 383px; overflow: hidden;background-size:cover}
#footer .footer-tabs{ padding-top: 60px; display: flex; justify-content: space-between; height: 320px;}
#footer .footer-tabs .footer-left{ width: 300px;}
#footer .footer-tabs .footer-left .f-logo{ width: 309px; height: 90px; overflow: hidden;border-bottom: 1px #fff solid;}
#footer .footer-tabs .footer-left .f-logo img{ width: 276px; height: 72px;  }
#footer .footer-tabs .footer-left .f-contact{margin-top: 20px;}
#footer .footer-tabs .footer-left .f-contact li{ margin-top: 10px; color: #fff; font-size: 14px;height: 24px; ;line-height: 24px; padding-left: 35px;}
#footer .footer-tabs .footer-left .f-contact li:nth-child(1){ background: url(img/f-icon1.png) no-repeat 0 center;}
#footer .footer-tabs .footer-left .f-contact li:nth-child(2){ background: url(img/f-icon2.png) no-repeat 0 center;}
#footer .footer-tabs .footer-left .f-contact li:nth-child(3){ background: url(img/f-icon3.png) no-repeat 0 center;}
#footer .footer-tabs .footer-left .f-contact li span{ font-size: 24px; font-family: arial;}
#footer .footer-tabs .footer-center{ flex: 1; padding: 12px 90px 0 90px;}
#footer .footer-tabs .footer-center ul{ display: flex; justify-content: space-between;}
#footer .footer-tabs .footer-center ul li{ text-align: center;}
#footer .footer-tabs .footer-center ul li span{ display: block;font-size: 16px; color: #fff;}
#footer .footer-tabs .footer-center ul li em{ display: block; width:66px; margin: 20px auto; height: 1px; background: #fff;}
#footer .footer-tabs .footer-center ul li a{ display: block;font-size: 14px; color: #fff; line-height: 36px;}
#footer .footer-tabs .footer-center ul li a:hover{ text-decoration: underline;}
#footer .footer-tabs .footer-right{width:150px; text-align: center;}
#footer .footer-tabs .footer-right .footer-right-ewm{ width: 148px; height: 148px; border: 1px #f19333 solid; display: flex; align-items: center;}
#footer .footer-tabs .footer-right .footer-right-ewm img{width: 120px; height: 120px; margin: 0 auto;}
#footer .footer-tabs .footer-right span{ color: #fff; margin-top: 10px; display: block;}
#copyright{ border-top:1px #f19333 solid; padding-top: 20px; color: #fff;}
#copyright a{color: #fff;}
#video{width:100%; height:480px; cursor:pointer; overflow:hidden;}
#video img{width:100%; height:480px;}

#video-play{left:50%; top:50%; transform:translate(-50%,-50%); display:none; width:960px; height:540px;}
#video-play i{position:absolute; right:-40px; top:-40px; width:30px; height:30px; background:url(img/close.png) no-repeat center; cursor:pointer;}
#video-play video{display:block; width:960px; height:540px;}
#video-play video:focus{outline:none;}		
.online-nav{ background: #ee7800; height: 60px; line-height: 60px; color: #fff;}
.online-nav a{color: #fff;}
.online-nav .about {

    width: 400px;
    display: inline-block;
   
}

.online-nav section{

    display: inline-block;
    height: 60px;
    line-height: 60px;
    float: right;
    
}
.online-nav section span{ 
    text-align: center;
    display: inline-block;
    padding: 0px 10px; 

}
.online-nav section span a{

    letter-spacing: 2px;

}
.online-nav section .current{
    background:#c36607;

}
.ny-product .ny-product-title{ font-size: 30px; color: #333; height: 100px; line-height: 100px;}
.ny-product ul{ display: flex; flex-wrap: wrap;}
.ny-product ul li{ width: 30%; background: #eee; margin-bottom: 40px; position: relative; overflow: hidden;}
.ny-product ul li img{ width: 100%; height: auto; transition: 0.5s all;transform: scale(1.0);}
.ny-product ul li:nth-child(3n-1){ margin-left:60px;margin-right:60px;}
.ny-product ul li a{ text-align: center; position: absolute; left: 0;top:auto;  right: 0; bottom: 0; height: 60px; line-height: 60px; background: rgba(0,0,0,0.2); font-size: 16px; display: block;transition: 0.5s all; display: none;}
.ny-product ul li:hover a{ left: 0; right: 0; bottom: 0;top: 0;  height: 100%; transition: 0.5s all; display: flex; align-items: center; text-align: center; width: 100%;background: rgba(0,0,0,0.3); color: #fff;font-size: 20px;  display: block; padding-top: 40%;}
.ny-product ul li:hover img{ width: 100%; height: auto; transition: 0.5s all; transform: scale(1.1);}
.weo-page{margin-top:20px; margin-bottom: 50px;}
 


/*分页*/ 

#pageinfo {  
    text-align: center;
    margin-bottom: 10px; 
    margin-top: 26px;
}
.digg { 
    padding-top: 30px;
}
.digg li{ 
 
    width: 43px;
    height: 43px;
    line-height: 42px;
    display:inline-block; 
    
    margin:0 4px;
    /*padding:0 16px;*/
    background:#fff;
    border:1px solid #d6d6d6;
    border-radius:2px; 
    font-size:14px; 
    color:#767676;
    
        
}
.digg .page-item a{
    border: none;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 40px;
    overflow: inherit;
}
.digg .page-item a:hover { 
    /*background-color: #015196;*/
    color: #044f9a;
}
.digg .page-item a:active { 
    background-color: #ee7800; 
    color:#fff;
}
.digg li.active  { 
    
    display: inline-block;
    /* margin: 2px; */
    width: 43px;
    height: 43px;
    line-height: 42px;
    background-color: #ee7800;
    color: #fff;
    text-decoration: none;
}



.ny-product-video{ margin: 30px auto; width: auto; height:600px; text-align:center; overflow:hidden;}
.ny-product-video video{width: auto;}
.ny-produvt-detail{ display: flex; justify-content: space-between; margin: 50px auto;}
.ny-produvt-detail .produvt-detail-img{ background: #eee; width: 500px; height: 500px;}
.ny-produvt-detail .produvt-detail-img img{ width: 100%; height: 100%;}
.ny-produvt-detail .produvt-detail-js{ flex: 1; padding-left: 60px;}
.ny-produvt-detail .produvt-detail-js h3{ font-size: 30px; font-weight: bold; color: #333;}
.ny-produvt-detail .produvt-detail-js p{ font-size: 15px; color: #666; line-height: 28px; margin-top: 10px;}
.ny-produvt-detail .produvt-detail-js p span{ color:#999; padding-right: 10px;}
.ny-news .ny-product-title{ font-size: 30px; color: #333; height: auto; line-height: 50px; margin:20px 0;}
.news-list{ margin-top: 10px;}
.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:#ee7800; 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;border-radius: 10px;}
.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:14px; color:#666; overflow:hidden; margin-top: 10px;}
.news-list ul li section h3{height:22px; line-height:22px;  font-size:24px;overflow:hidden;}
.news-list ul li section p{height:56px; line-height:28px; margin-top:30px; font-size:15px; color:#999;}
.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/news-more1.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:#ee7800;}
.news-list ul li:hover section h5 em{color:#ee7800;}
.news-list ul li:hover section h5 i{background-image:url(img/news-more.png);}
.ny-news .news-time{ color: #666;}
.ny-news article{ border-top: 1px #eee solid; margin-top: 40px; padding: 40px 0;}
.ny-news article p{ font-size: 16px; color: #666; line-height: 30px;}
.ny-about .ny-about-title{ font-size: 30px; color: #333; height: 100px; line-height: 100px;}
.ny-about-js { margin-bottom: 50px;}
.ny-about-js p{font-size: 16px; color: #666; line-height: 30px;}
.contact-cont{ display: flex; justify-content: space-between;}
.contact-cont .contact-lxfs{ flex: 1;}
.contact-cont .contact-lxfs h3{ font-size: 30px; font-weight: bold; color: #333;}
.contact-cont .contact-lxfs span{ display: block; font-size: 16px; color: #999;margin-top: 5px;}
.contact-cont .contact-lxfs ul{ margin-top: 20px;}
.contact-cont .contact-lxfs ul li{ color: #666; font-size: 15px; height: 50px; line-height: 50px; padding-left: 50px;}
.contact-cont .contact-lxfs ul li:nth-child(1){ background: url(img/contact-icon1.png) no-repeat 0 center;}
.contact-cont .contact-lxfs ul li:nth-child(2){ background: url(img/contact-icon2.png) no-repeat 0 center;}
.contact-cont .contact-lxfs ul li:nth-child(3){ background: url(img/contact-icon3.png) no-repeat 0 center;}
.contact-cont .contact-lxfs ul li:nth-child(4){ background: url(img/contact-icon3.png) no-repeat 0 center;}
.contact-cont .contact-ewm{ width: 220; height: 240px; border:1px #e5e5e5 solid; text-align: center;}
.contact-cont .contact-ewm img{ width: 180px; height: 180px; margin: 0px auto;}
.contact-cont .contact-ewm span{ display: block; font-size: 14px; color: #666;}
#map{ width: 100%; height: 400px; margin-top: 30px; margin-bottom: 50px;}
#page{ display:none;}
#sj-product-wrap{ display:none;}
#sj-c-menu{ display:none;}
.notempty{
    
    width: 100%;
    text-align: center;
    font-size: 17px;
    color: #999;
}







@media (max-width:1440px) {
    .wrapper {width: 1200px;}
    #product-wrap{ background: url(img/cp-bg.jpg) no-repeat center 0; background-size: cover; height: 550px; }
    #product-wrap .product-list ul li{ width: 30%; height: 410px; box-shadow: 0 10px 20px #999; position: relative;transition: 0.5s all;}
#product-wrap .product-list ul li .product-img{ width: 100%; height: 100%; }
    .container01 .index_banner .item{ height:388px;}
    .container01 .index_banner .item:nth-child(1) .inner .block_txt img{ width:38%;}
    #logo{left:0; top:38px; height:auto; width:300px;overflow:hidden;}
    #header .header-top p{ font-size:14px; color:#fff; width:300px; text-align:center;}
    #nav > ul > li > a{ font-size:16px;}
}



@media screen and (min-width: 751px) and (max-width: 1024px){
  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;width: 100%;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}
#page .header-top{ background:#ee7800; height:40px; line-height:40px; width:100%;}
#page .header-top p{ font-size:14px; color:#fff; width:317px; text-align:center; margin-left:0;}
#sj-header{height:70px; background:#fff; z-index:999; box-shadow:0 5px 10px 0 #ccc;}
#sj-logo{left:0.75rem; top:1rem; height:36px; overflow:hidden; width:410px; text-align:center;}
#sj-logo img{width:auto;height:28px;}
#nav-btn{right:1rem; top:1.5rem; 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:110px; 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 a span{ text-transform: capitalize; color: #999; padding-left: 10px;}
.miso-slider{ padding-top:110px;}
.container01 .index_banner .item{ height:258px;}
.container01 .index_banner .miso-prev, .container01 .index_banner .miso-next{ width:40px; height:40px; margin-top:10%;}
.container01 .index_banner .miso-next:after{ width:40px;}
.container01 .index_banner .miso-prev:after{width:40px;}
.container01 .index_banner .miso-next:before{width:40px;}
.container01 .index_banner .miso-prev:before{width:40px;}  
.wrapper{ width:100%; padding:0 15px;}    
#product-wrap{ height:445px;}
#product-wrap .product-list ul{ padding:0;}   
#product-wrap .product-list ul li{ height:330px;}
#c-nav-wrap .c-nav-list ul li .c-nav-box .c-nav-img{ width:90px; height:90px;}
#c-nav-wrap .c-nav-list ul li .c-nav-box h3{ font-size:16px;}
#about-wrap .about-title{ margin-top:30px;}
#about-wrap .about-title h2{font-size: 26px;height: 90px; line-height: 90px;width: 220px;background-size: contain;}
#about-wrap .about-title p{ padding-top:20px; font-size:14px; line-height:24px;}
#about-wrap .about-video{height: 300px; margin-top: 40px;}
#about-wrap .about-video .about-video-icon{ padding-top:15%;}
#about-wrap .about-video .about-video-icon img{ width:50px;}
.wrap-white.p1{ padding:40px 0;}
.links .links-title{ width:140px;}
.links .links-title span{ font-size:36px;}
.links .links-title em{font-size: 15px; padding: 5px 0; left: 14px; right: 56px;letter-spacing: 0px;}
.links .links-right{ width:100%; margin-top:20px;}
.links .links-right a{ font-size:12px; height:24px; line-height:24px; margin-bottom:10px;}
.links .links-right em{ margin:8px 5px 0 5px; height:12px;}
#footer .footer-tabs .footer-center{ display:none;}
#copyright{ font-size:14px;}
#footer .footer-tabs .footer-right span{ font-size:14px;}

#video-play{ width:100%; height:415px;}
#video-play video{ width:90%; height:auto; margin:0 auto}
#video-play i{ right:30px;}
.online-nav{ margin-top:110px; font-size:14px;}
.ny-product .ny-product-title{ font-size:24px; height:50px; line-height:50px;}
.ny-product ul li{ width:31%; margin-bottom:20px;}
.ny-product ul li:nth-child(3n-1){ margin-left: 0; margin-right: 0;}
.ny-product ul{gap:0 20px;}
#pageinfo{ margin-top:0;}
.digg{ padding-top:0;}
.weo-page{ margin:20px 0;}
.ny-product ul li:hover a{ font-size:14px; padding-top:30%;}
.ny-product-video{ height:260px; margin-top:20px;}
.ny-produvt-detail .produvt-detail-img{ width:40%; height:320px;}
.ny-produvt-detail .produvt-detail-js{ width:50%; margin-top:0px; padding-left:30px;}
.ny-produvt-detail .produvt-detail-js h3{ font-size:20px;}
.ny-produvt-detail .produvt-detail-js p{ font-size:14px;}
.online-nav .about{ width:30%;}
.online-nav section span{ padding:0 5px;}
.online-nav section span a{letter-spacing: 0;}
.ny-about .ny-about-title{ font-size:24px; height:70px; line-height:70px;}
.ny-about-js p{ font-size:14px;}
.ny-about-js p img{ width:100%; height:auto;}
.ny-news .ny-product-title{ font-size:24px; height:auto; line-height:40px;}
.news-list ul li{ padding-bottom:25px; margin-top:25px;}
.news-list ul li span{width: 30%; height: 170px;}
.news-list ul li img{ width:100%; height:100%;}
.news-list ul li section{ margin-left:20px;}
.news-list ul li section h3{ font-size:16px;}
.news-list ul li section h4{ font-size:14px; margin-top:5px;}
.news-list ul li section p{ font-size:14px; margin-top:10px;}
.news-list ul li section h5{ margin-top:25px;}
.ny-news .news-time{ font-size:14px;}
.contact-cont .contact-lxfs h3{ font-size:20px;}
.contact-cont .contact-lxfs ul li{ height:auto; line-height:28px; font-size:14px; margin-bottom:15px;padding-left: 45px;}
.contact-cont .contact-lxfs ul li:nth-child(1){ background-size:28px;}
.contact-cont .contact-lxfs ul li:nth-child(2){ background-size:28px;}
.contact-cont .contact-lxfs ul li:nth-child(3){ background-size:28px;background: url(img/contact-icon3.png) no-repeat 0 5px;}
.contact-cont .contact-ewm{ width:120px; height:140px;}
.contact-cont .contact-ewm img{ width:100px; height:100px;}
#map{ height:220px;}












    
}














@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;width: 100%;}
.pf{position:fixed}
.pr{position:relative}
.pa{position:absolute}
.hidden{overflow:hidden}
#page .header-top{ background:#ee7800; height:40px; line-height:40px; width:100%;}
#page .header-top p{ font-size:14px; color:#fff; padding-left:0;}
#sj-header{height:3.75rem; background:#fff; z-index:999; box-shadow:0 5px 10px 0 #ccc;}
#sj-logo{left:0.75rem; top:1.25rem; height:1rem; overflow:hidden;}
#sj-logo img{width:auto;height:1rem;}
#nav-btn{right:1rem; top:1rem; 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:6.125rem; 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 a span{ text-transform: capitalize; color: #999; padding-left: 10px;}
.miso-slider{ padding-top:6.125rem;}
.container01 .index_banner .item{ height:120px;}
.container01 .index_banner .miso-prev, .container01 .index_banner .miso-next{ width:40px; height:40px; margin-top:10%;}
.container01 .index_banner .miso-next:after{ width:40px;}
.container01 .index_banner .miso-prev:after{width:40px;}
.container01 .index_banner .miso-next:before{width:40px;}
.container01 .index_banner .miso-prev:before{width:40px;}
.wrapper{ width:100%; padding:0 15px;}
#product-wrap{ display:none;}
#sj-product-wrap{ display:block;}

#sj-product-wrap{ background: url(img/cp-bg.jpg) no-repeat center 0; background-size: cover; height: auto; }
#sj-product-wrap .product-list{ margin-top:0; position: relative; z-index: 98; padding-top:40px;}
#sj-product-wrap .product-list .swiper-container{height:280px; overflow:hidden;}
#sj-product-wrap .product-list .swiper-wrapper{height:280px;}
#sj-product-wrap .product-list .swiper-wrapper .swiper-slide{ width: 48%; height: 230px; box-shadow: 0 10px 20px #999; position: relative;transition: 0.5s all; margin-bottom:20px;}
#sj-product-wrap .product-list .swiper-wrapper .swiper-slide .product-img{ width: 100%; height: 100%; }
#sj-product-wrap .product-list .swiper-wrapper .swiper-slide .product-img img{ width: 100%; height: 100%;}
#sj-product-wrap .product-list .swiper-wrapper .swiper-slide section{ position: absolute; bottom: 0; left: 0; right: 0; background: url(img/cpbg.png) repeat-x; height: 75px; padding: 20px 20px 0 20px;transition: 0.3s all;overflow: hidden ;}
#sj-product-wrap .product-list .swiper-wrapper .swiper-slide section .product-title{ font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#sj-product-wrap .product-list .swiper-wrapper .swiper-slide section p{ font-size: 12px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; line-height: 28px; padding-top: 5px;}

#c-nav-wrap{ display:none;}
#sj-c-menu{ display:block; background:#ee7800;}
#sj-c-nav{ padding: 0;}
#sj-c-nav ul li{display:flex; flex-wrap:wrap; line-height:2.65rem; border-bottom:0.0625rem dashed #e1e1e1; font-size:15px;}
#sj-c-nav ul li:last-child{border-bottom:none;}
#sj-c-nav ul li a{ color:#fff;}
#sj-c-nav ul li a{flex:auto;}
#sj-c-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-c-nav ul li em.del{background-image:url(img/del.png);}
#sj-c-nav ul li ul{width:100%; display:none; margin-bottom:10px; }
#sj-c-nav ul li ul li{border:0; line-height:2rem;}
#sj-c-nav ul li ul li a{padding:0; display:flex; justify-content:space-between;padding-left: 1.25rem;color: #fff;}
#about-wrap .about-title{ margin-top:30px;}
#about-wrap .about-title h2{font-size: 26px;height: 90px; line-height: 90px;width: 220px;background-size: contain;}
#about-wrap .about-title p{ padding-top:20px; font-size:14px; line-height:24px;}
#about-wrap .about-video{height: 210px; margin-top: 40px;}
#about-wrap .about-video .about-video-icon{ padding-top:20%;}
#about-wrap .about-video .about-video-icon img{ width:50px;}
.wrap-white.p1{ padding:40px 0;}
.links{ display:block;}
.links .links-title span{ font-size:36px;}
.links .links-title em{font-size: 15px; padding: 5px 0; left: 14px; right: 156px;letter-spacing: 0px;}
.links .links-right{ width:100%; margin-top:20px;}
.links .links-right a{ font-size:12px; height:24px; line-height:24px; margin-bottom:10px;}
.links .links-right em{ margin:8px 5px 0 5px; height:12px;}
#footer{ height:auto;}
#footer .footer-tabs{ display:block; padding-top:40px; height:auto;}
#footer .footer-tabs .footer-center{ display:none;}
#footer .footer-tabs .footer-left{ width:100%; text-align:center;}
#footer .footer-tabs .footer-left .f-logo{ width:100%;}
#footer .footer-tabs .footer-left .f-contact li{ height:auto; text-align:left;}
#footer .footer-tabs .footer-left .f-contact li:nth-child(1){background: url(img/f-icon1.png) no-repeat 0 center;}
#footer .footer-tabs .footer-left .f-contact li:nth-child(2){background: url(img/f-icon2.png) no-repeat 0 center;}
#footer .footer-tabs .footer-left .f-contact li:nth-child(3){background: url(img/f-icon3.png) no-repeat 0 0;}
#footer .footer-tabs .footer-right{ width:110px; margin:20px auto 0 auto;}
#footer .footer-tabs .footer-right .footer-right-ewm{ width:110px; height:110px;}
#footer .footer-tabs .footer-right .footer-right-ewm img{ width:90px; height:90px;}
#footer .footer-tabs .footer-right span{ font-size:14px;}
#copyright{margin-top: 20px;font-size: 14px; line-height: 24px; padding: 20px 0;}
#video-play{ width:100%; height:200px;}
#video-play video{ width:90%; height:auto; margin:0 auto;}
#video-play i{ right:30px;}
.online-nav{ margin-top:6rem; font-size:14px;}
.ny-product .ny-product-title{ font-size:24px; height:50px; line-height:50px;}
.ny-product ul li{ width:47%; margin-bottom:20px;}
.ny-product ul li:nth-child(3n-1){ margin-left: 0; margin-right: 0;}
.ny-product ul{gap:0 20px;}
#pageinfo{ margin-top:0;}
.digg{ padding-top:0;}
.weo-page{ margin:20px 0;}
.ny-product ul li:hover a{ font-size:14px; padding-top:30%;}
.ny-product-video{ height:200px; margin-top:20px;}
.ny-produvt-detail{ display:block; margin:30px auto;}
.ny-produvt-detail .produvt-detail-img{ width:100%; height:320px;}
.ny-produvt-detail .produvt-detail-js{ width:100%; margin-top:20px; padding-left:0;}
.ny-produvt-detail .produvt-detail-js h3{ font-size:20px;}
.ny-produvt-detail .produvt-detail-js p{ font-size:14px;}
.online-nav .about{ width:30%;}
.online-nav section span{ padding:0 5px;}
.online-nav section span a{letter-spacing: 0;}
.ny-about .ny-about-title{ font-size:24px; height:70px; line-height:70px;}
.ny-about-js p{ font-size:14px;}
.ny-about-js p img{ width:100%; height:auto;}
.ny-news .ny-product-title{ font-size:24px; height:auto; line-height:40px;}
.news-list ul li{ padding-bottom:25px; margin-top:25px;}
.news-list ul li span{width: 40%; height: 115px;}
.news-list ul li img{ width:100%; height:100%;}
.news-list ul li section{ margin-left:20px;}
.news-list ul li section h3{ font-size:16px;}
.news-list ul li section h4{ font-size:14px; margin-top:5px;}
.news-list ul li section p{ font-size:14px; margin-top:10px;}
.news-list ul li section h5{ display:none;}
.ny-news .news-time{ font-size:14px;}
.contact-cont{ display:block;}
.contact-cont .contact-lxfs h3{ font-size:20px;}
.contact-cont .contact-lxfs ul li{ height:auto; line-height:28px; font-size:14px; margin-bottom:15px;padding-left: 45px;}
.contact-cont .contact-lxfs ul li:nth-child(1){ background-size:28px;}
.contact-cont .contact-lxfs ul li:nth-child(2){ background-size:28px;}
.contact-cont .contact-lxfs ul li:nth-child(3){ background-size:28px;background: url(img/contact-icon3.png) no-repeat 0 5px;}
.contact-cont .contact-ewm{ width:120px; height:140px;}
.contact-cont .contact-ewm img{ width:100px; height:100px;}
#map{ height:180px;}






}










