﻿@media screen and (max-width:1680px){



}
@media screen and (max-width:1600px){




}
@media screen and (max-width:1440px){




  
}

@media screen and (max-width:1400px){





}



@media screen and (max-width:1366px){




	
}
@media screen and (max-width:1280px){






}
@media screen and (max-width:1200px){



}


@media screen and (max-width:1080px){
   
	
	
}


@media screen and (max-width:1024px){

body{font-size: 1.0rem; line-height: 180%; }

.swiper-button-next{
    display: none;
}
.swiper-button-prev{
    display: none;
}
.sp_header{
    display: block;
}
.sjj_nav{
    display: block;
}
.header{
    display: block;
}
.suspension{
    display: none;
}

#movie{
    padding-top: 60px;
}

.header-container{
    display: none;
}
#top{
    display: block;
}
#h5-footer-content{
    display: block;
}
.subpages-nav-container{
    display: none;
}
.list{
    display: block;
}

.header-container{
    display: none;
}
.navigation-container{
    display: none;
}

/*底部样式*/
.footer-container{
    padding: 2%;
    box-sizing: border-box;
}
.footer-bar{
    width: 100%;
    margin: 20px auto;
}
.footer-bar h2{
    font-size: 1.1rem;
}
.footer-bar-cont{
    width: 100%;
    height: auto;
    float: left;
    font-size: 0.9rem;
}
.footer-bar-middle{
    display: none;
}
.footer-bar-follow{
    display: none;
}

/*Copyright 版权*/
.copyright-container{
    padding: 2vh 2% 11vh 2%;
    box-sizing: border-box;
    line-height: normal;
    font-size: 0.9rem;
    line-height: 180%;
}

.home-bar1{
    height: auto;
    background-size: cover;
    padding: 2%;
    box-sizing: border-box;
}
.home-pro{
    width: 100%;
    margin: 20px auto;
}
.home-pro h4{
    display: inline-block;
    margin-top: 30px;
}
.home-pro h4 a{
    display: inline-block;
    width: 121px;
    height: 36px;
    line-height: 36px;
    background: url("../images/icon-btn1.png") no-repeat;
    color: #fff;
    text-align: center;
    text-indent: 1.0rem;
    transition: all .4s ease-in-out;
}
.home-pro h4 a:hover{
    width: 121px;
    height: 36px;
    background: url("../images/icon-btn2.png") no-repeat;
}
.home-pro-tit h2{
    font-size: 2.2rem;
    margin-bottom: 10px;
}
.home-pro-tit h3{
    font-size: 1.5rem;
}
.home-pro-pic{
    margin-top: 20px;
}
#hero-slider {
	display: none;
}
.h5-pro{
    display: block;
}
#scroll .item figure{
    width: 100%;
    height: auto;
    padding: 2%;
    box-sizing: border-box;
}
#scroll .item figure img{
    width: 100%;
    height: auto;
}
#scroll .item figcaption{
    font-size: 1.0rem;
}

/*首页企业简介*/
.home-bar2{
    padding: 2%;
    box-sizing: border-box;
}
.home-comp{
    width: 100%;
    margin: 20px auto;
}
.home-comp-pic{
    width: 100%;
}
.home-comp-pic img{
    width: 100%;
}
.home-comp-txt{
    width: 100%;
}
.home-comp-txt-num{
    margin: 20px auto;
}
.home-comp-txt-num li{
    width: 31.33%;
    height: auto;
    float: left;
    padding: 0 1%
}
.home-comp-txt-num li h2{
    font-size: 2.2rem;
    padding: 5px 0;
}
.home-comp-txt-num li h3{
    font-size: 1.0rem;
}
.home-comp-txt-content h2{
    font-size: 1.5rem;
    padding: 5px 0;
}
.home-comp-txt-content h4{
    display: inline-block;
    margin-top: 25px;
}

/*产品中心*/
.subpages-pro{
    width: 100%;
    margin: 20px auto;
}
.subpages-pro figure{
    width: 100%;
    padding: 4%;
    box-sizing: border-box;
    margin-right: 0;
    margin-bottom: 10px;
}
.subpages-pro figure:hover img{
    width: 100%;
}
.subpages-pro figcaption h5{
    font-size: 1.2rem;
}
.subpages-pro figcaption h6{
    font-size: 0.9rem;
}

/*产品详情*/
.subpages-proinfo{
    width: 100%;
    margin: 0 auto;
}
.proinfo-bigpic{
    margin: 0;
}
.proinfo-bigpic figure img{
    width: 100%;
    height: auto;
}
.proinfo-bigpic figcaption{
    padding: 20px 0;
    font-size: 1.4rem;
}
.proinfo-txt h2{
    font-size: 1.1rem;
}
.proinfo-txt h3{
    font-size: 0.9rem;
}
.proinfo-txt-content p{
    font-size: 1.0rem;
}
.proinfo-bar2{
    width: 100%;
    padding: 2%;
    box-sizing: border-box;
    margin-top: 10px;
}
.proinfo-inquiry{
    padding: 4% 2%;
}
.enquiry-bar1-left {
    width: 100%;
}
.enquiry-bar1-right {
    width: 100%;
}

/*新闻资讯*/
.focus-news{
    width: 100%;
    margin: 20px auto ;
}
.focus-news figure{
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 4%;
    box-sizing: border-box;
}
.focus-news figure img{
    width: 100%;
}
.focus-news figcaption{
    width: 100%;
    height: auto;
    padding: 20px 0;
}
.focus-news figcaption h1{
    font-size: 1.1rem;
    min-height: auto;
}
.focus-news figcaption h2{
    min-height: auto;
}
.focus-news figcaption h5{
    font-size: 0.9rem;
}

/*新闻资讯详情*/
.subpages-newsinfo{
    width: 100%;
    margin: 0 auto;
}
.newsinfo-left{
    width: 100%;
    padding: 4%;
    box-sizing: border-box;
    margin-bottom: 10px;`
}
.newsinfo-left h1{
    font-size: 1.2rem;
    padding: 10px 0;
}
.newsinfo-left h2{
    font-size: 0.9rem;
}
.newsinfo-left-txt{
    margin: 20px auto;
    font-size: 1.0rem;
}
.newsinfo-left-txt img{
    width: 100%;
}
.newsinfo-right{
    width: 100%;
}
.newsinfo-more{
    width: 100%;
    height: auto;
}
.newsinfo-more li{
    width: 100%;
    min-height: auto;
    padding: 3%;
    box-sizing: border-box;
    margin-bottom: 1px;
}
.newsinfo-more li h2{
    font-size: 1.1rem;
}
.newsinfo-more li h3{
    color: #999;
}
.newsinfo-more li p{
    line-height: 160%;
    margin-bottom: 5px;
}

/*联系方式*/
.subpages-cont-container{
    width: 100%;
    padding: 4%;
    box-sizing: border-box;
}
.subpages-contact {
    display: table;
}
.subpages-contact-left {
    width: 100%;
    padding: 4% 1%;
}
.subpages-contact-left h1 {
    font-size: 1.4rem;
    margin-bottom: 15px;
}
.subpages-contact-left p {
    padding-bottom: 8px;
    font-size: 0.9rem;
}

.subpages-contact-right {
    width: 100%;
    padding: 2% 1%;
}
.map-show{
    height: 300px;
}

/*视频*/
.subpages-video{
    width: 100%;
    margin: 20px auto;
}
.subpages-video figure{
    width: 100%;
    padding: 4%;
    box-sizing: border-box;
    margin-right: 20;
    margin-bottom: 10px;
}
.subpages-video figcaption{
    font-size: 1.0rem;
    padding: 10px 0 5px 0;
}
.subpages-video figure h3 img{
    width: 100%;
}
.subpages-videoinfo{
    width: 100%;
    margin: 20px auto;
}
.subpages-videoinfo h4{
    font-size: 1.2rem;
    margin-bottom: 20px;
}




/*内页样式开始*/

#subpages-banner{ padding-top: 60px;  }
#subpages-banner{line-height: 160px; font-size: 1.6rem; letter-spacing: 0.2rem;}
#subpages-banner .banner-1{height: auto; min-height: 300px; background: url(../images/banner-1.jpg) no-repeat center top; background-size: auto 300px; background-attachment: inherit; }
#subpages-banner .banner-2{height: auto; min-height: 300px; background: url(../images/banner-2.jpg) no-repeat center top; background-size: auto 300px; background-attachment: inherit; }
#subpages-banner .banner-3{height: auto; min-height: 300px; background: url(../images/banner-3.jpg) no-repeat center top; background-size: auto 300px; background-attachment: inherit; }
#subpages-banner .banner-4{height: auto; min-height: 300px; background: url(../images/banner-4.jpg) no-repeat center top; background-size: auto 300px; background-attachment: inherit; }
#subpages-banner .banner-5{height: auto; min-height: 300px; background: url(../images/banner-5.jpg) no-repeat center top; background-size: auto 300px; background-attachment: inherit; }
#subpages-banner .banner-6{height: auto; min-height: 300px; background: url(../images/banner-6.jpg) no-repeat center top; background-size: auto 300px; background-attachment: inherit; }
#subpages-banner .banner-7{height: auto; min-height: 300px; background: url(../images/banner-7.jpg) no-repeat center top; background-size: auto 300px; background-attachment: inherit; }
#subpages-banner .banner-8{height: auto; min-height: 300px; background: url(../images/banner-8.jpg) no-repeat center top; background-size: auto 300px; background-attachment: inherit; }
#subpages-banner .banner-9{height: auto; min-height: 300px; background: url(../images/banner-9.jpg) no-repeat center top; background-size: auto 300px; background-attachment: inherit; }
#subpages-banner .banner-10{height: auto; min-height: 300px; background: url(../images/banner-10.jpg) no-repeat center top; background-size: auto 300px; background-attachment: inherit; }
#subpages-banner .banner-11{height: auto; min-height: 300px; background: url(../images/banner-11.jpg) no-repeat center top; background-size: auto 300px; background-attachment: inherit; }

.subpages-container{
    padding: 2%;
    box-sizing: border-box;
}

.subpages-main{
    width: 100%;
    margin: 20px auto;
}
.subpages-main-tit h2{
    font-size: 1.4rem;
    padding: 5px 0;
}
.subpages-main-tit h3{
    letter-spacing: 0;
    font-size: 0.9rem
}
.subpages-main-tit h3:before{
    width: 50px;
    left: 13%;   
}
.subpages-main-tit h3:after{
    width: 50px;
    right: 0;  
}
.subpages-comp-txt{
    margin: 20px auto;
}
.subpages-comp-txt p{;
    font-size: 1.0rem;
}
.subpages-comp-txt img{
    width: 100%;
    height: auto;
}

/*荣誉资质*/
.subpages-honor{
    width: 100%;
    margin: 20px auto;
}
.subpages-honor figure{
    width: 49.5%;
    padding: 0;
    margin-right: 1px;
    margin-bottom: 1px;
}
.subpages-honor figcaption{
    font-size: 0.9rem;
    padding: 2vh 0;
}
.subpages-honor figure img{
    width: 100%;
    height: auto;
}




















}

@media screen and (max-width:861px){

body{font-size: 1.0rem; line-height: 180%;}


}

@media screen and (max-width:768px){

#subpages-banner{ padding-top: 60px;  }
#subpages-banner{line-height: 160px; font-size: 1.6rem; letter-spacing: 0.2rem;}
#subpages-banner .banner-1{height: auto; min-height: 250px; background: url(../images/banner-1.jpg) no-repeat center top; background-size: auto 250px; background-attachment: inherit; }
#subpages-banner .banner-2{height: auto; min-height: 250px; background: url(../images/banner-2.jpg) no-repeat center top; background-size: auto 250px; background-attachment: inherit; }
#subpages-banner .banner-3{height: auto; min-height: 250px; background: url(../images/banner-3.jpg) no-repeat center top; background-size: auto 250px; background-attachment: inherit; }
#subpages-banner .banner-4{height: auto; min-height: 250px; background: url(../images/banner-4.jpg) no-repeat center top; background-size: auto 250px; background-attachment: inherit; }
#subpages-banner .banner-5{height: auto; min-height: 250px; background: url(../images/banner-5.jpg) no-repeat center top; background-size: auto 250px; background-attachment: inherit; }
#subpages-banner .banner-6{height: auto; min-height: 250px; background: url(../images/banner-6.jpg) no-repeat center top; background-size: auto 250px; background-attachment: inherit; }
#subpages-banner .banner-7{height: auto; min-height: 250px; background: url(../images/banner-7.jpg) no-repeat center top; background-size: auto 250px; background-attachment: inherit; }
#subpages-banner .banner-8{height: auto; min-height: 250px; background: url(../images/banner-8.jpg) no-repeat center top; background-size: auto 250px; background-attachment: inherit; }
#subpages-banner .banner-9{height: auto; min-height: 250px; background: url(../images/banner-9.jpg) no-repeat center top; background-size: auto 250px; background-attachment: inherit; }
#subpages-banner .banner-10{height: auto; min-height: 250px; background: url(../images/banner-10.jpg) no-repeat center top; background-size: auto 250px; background-attachment: inherit; }
#subpages-banner .banner-11{height: auto; min-height: 250px; background: url(../images/banner-11.jpg) no-repeat center top; background-size: auto 250px; background-attachment: inherit; }



}


@media screen and (max-width:668px){

#subpages-banner{ padding-top: 60px;  }
#subpages-banner{line-height: 160px; font-size: 1.6rem; letter-spacing: 0.2rem;}
#subpages-banner .banner-1{height: auto; min-height: 220px; background: url(../images/banner-1.jpg) no-repeat center top; background-size: auto 220px; background-attachment: inherit; }
#subpages-banner .banner-2{height: auto; min-height: 220px; background: url(../images/banner-2.jpg) no-repeat center top; background-size: auto 220px; background-attachment: inherit; }
#subpages-banner .banner-3{height: auto; min-height: 220px; background: url(../images/banner-3.jpg) no-repeat center top; background-size: auto 220px; background-attachment: inherit; }
#subpages-banner .banner-4{height: auto; min-height: 220px; background: url(../images/banner-4.jpg) no-repeat center top; background-size: auto 220px; background-attachment: inherit; }
#subpages-banner .banner-5{height: auto; min-height: 220px; background: url(../images/banner-5.jpg) no-repeat center top; background-size: auto 220px; background-attachment: inherit; }
#subpages-banner .banner-6{height: auto; min-height: 220px; background: url(../images/banner-6.jpg) no-repeat center top; background-size: auto 220px; background-attachment: inherit; }
#subpages-banner .banner-7{height: auto; min-height: 220px; background: url(../images/banner-7.jpg) no-repeat center top; background-size: auto 220px; background-attachment: inherit; }
#subpages-banner .banner-8{height: auto; min-height: 220px; background: url(../images/banner-8.jpg) no-repeat center top; background-size: auto 220px; background-attachment: inherit; }
#subpages-banner .banner-9{height: auto; min-height: 220px; background: url(../images/banner-9.jpg) no-repeat center top; background-size: auto 220px; background-attachment: inherit; }
#subpages-banner .banner-10{height: auto; min-height: 220px; background: url(../images/banner-10.jpg) no-repeat center top; background-size: auto 220px; background-attachment: inherit; }
#subpages-banner .banner-11{height: auto; min-height: 220px; background: url(../images/banner-11.jpg) no-repeat center top; background-size: auto 220px; background-attachment: inherit; }

  
}

@media screen and (max-width:420px) {

#subpages-banner{ padding-top: 60px;  }
#subpages-banner{line-height: 120px; font-size: 1.6rem; letter-spacing: 0.2rem;}
#subpages-banner .banner-1{height: auto; min-height: 120px; background: url(../images/banner-1.jpg) no-repeat center top; background-size: auto 120px; background-attachment: inherit; }
#subpages-banner .banner-2{height: auto; min-height: 120px; background: url(../images/banner-2.jpg) no-repeat center top; background-size: auto 120px; background-attachment: inherit; }
#subpages-banner .banner-3{height: auto; min-height: 120px; background: url(../images/banner-3.jpg) no-repeat center top; background-size: auto 120px; background-attachment: inherit; }
#subpages-banner .banner-4{height: auto; min-height: 120px; background: url(../images/banner-4.jpg) no-repeat center top; background-size: auto 120px; background-attachment: inherit; }
#subpages-banner .banner-5{height: auto; min-height: 120px; background: url(../images/banner-5.jpg) no-repeat center top; background-size: auto 120px; background-attachment: inherit; }
#subpages-banner .banner-6{height: auto; min-height: 120px; background: url(../images/banner-6.jpg) no-repeat center top; background-size: auto 120px; background-attachment: inherit; }
#subpages-banner .banner-7{height: auto; min-height: 120px; background: url(../images/banner-7.jpg) no-repeat center top; background-size: auto 120px; background-attachment: inherit; }
#subpages-banner .banner-8{height: auto; min-height: 120px; background: url(../images/banner-8.jpg) no-repeat center top; background-size: auto 120px; background-attachment: inherit; }
#subpages-banner .banner-9{height: auto; min-height: 120px; background: url(../images/banner-9.jpg) no-repeat center top; background-size: auto 120px; background-attachment: inherit; }
#subpages-banner .banner-10{height: auto; min-height: 120px; background: url(../images/banner-10.jpg) no-repeat center top; background-size: auto 120px; background-attachment: inherit; }
#subpages-banner .banner-11{height: auto; min-height: 120px; background: url(../images/banner-11.jpg) no-repeat center top; background-size: auto 120px; background-attachment: inherit; }





}

@media screen and (max-width:376px){



}

@media screen and (max-width:0){



}