@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;
}
#top{
    display: block;
}
.suspension{
    display: none;
}
.list{
    display: block;
}

#movie{
    padding-top: 60px;
}

.header-container{
    display: none;
}
.home-bar1-container{
    width: 100%;
    height: auto;
    padding: 6% 4%;
    box-sizing: border-box;
}
.home-bar1{
    width: 100%;
}
.home-bar1-tit{
    line-height: normal;
}
.home-bar1-tit h2{
    font-size: 1.8rem;
}
.home-bar1-tit h3{
    font-size: 1.2rem;
}
.home-bar1-honor{
    width: 100%;
    padding: 20px 0;
}
.home-bar1-honor figure{
    width: 46%;
    height: auto;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 3%;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.10);
    box-sizing: border-box;
    padding: 4%;
}
.home-bar1-honor figure img{
    margin: 10px auto 0 auto;
    width: 40%;
}
.home-bar1-honor figcaption{
    font-size: 1.0rem;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
}

.home-bar2-container{
    padding: 6% 4%;
    box-sizing: border-box;
}
.home-bar2{
    width: 100%;
    display: contents;
}
.home-bar2-txt{
    width: 100%;
    padding-right: 0;
}
.home-bar2-txt-tit{
    padding-bottom: 20px;
}
.home-bar2-txt-tit h2{
    font-size: 1.0rem;
}
.home-bar2-txt-tit h3{
    font-size: 1.1rem;
    margin-bottom: 0;
}
.home-bar2-txt-tit h4{
    font-size: 1.1rem;
    text-indent: 4.5rem;
}
.home-bar2-txt-content{
    margin: 40px auto;
}
.home-bar2-txt-num{
    margin: 0 auto 20px auto;
}
.home-bar2-txt-num li{
    width: 50%;
    padding: 1%;
    box-sizing: border-box;
    margin-bottom: 5px;
    font-size: 0.9rem;
}
.home-bar2-txt-num li span{
    font-size: 2.0rem;
}
.home-bar2-video{
    width:100%;
    background: url("../images/comp-1.png") no-repeat top right;
    background-size: contain;
    padding: 4% 4% 0 0;
    box-sizing: border-box;
}
.home-bar2-video video{
    width: 100%;
    height: auto;
}

.home-bar3-container{
    background-size: contain;
    padding: 6% 4%;
    box-sizing: border-box;
}
.home-bar3{
    width: 100%;
}
.home-bar3-left{
    width: 100%;
    margin-bottom: 5px;
}
.home-bar3-pro1{
    width: 100%;
    height: auto;
}
.home-bar3-pro1-txt{
    height: auto;
    padding: 5%;
}
.home-bar3-pro1-txt h2{
    font-size: 1.4rem;
}
.home-bar3-pro1-txt h3{
    margin: 20px auto 50px auto;
}
.home-bar3-pro1-txt h3:before{
    bottom: -20px;
}
.home-bar3-pro1-txt h4 a{
    font-size: 0.9rem;
}
.home-bar3-pro1-img img{
    width: 100%;
}
.home-bar3-right{
    width: 100%;
}
.home-bar3-pro2{
    margin-bottom: 5px;
}
.home-bar3-pro2-img{
    width: 100%;
}
.home-bar3-pro2-img img{
    width: 100%;
}
.home-bar3-pro2-txt{
    width: 100%;
    height: auto; 
    padding: 5%;
    box-sizing: border-box;
}
.home-bar3-pro2-txt h2{
    font-size: 1.4rem;
}
.home-bar3-pro2-txt h3{
    margin: 20px auto 50px auto;
}
.home-bar3-pro3{
    width: 100%;
    height: auto;
}
.home-bar3-pro3-txt{
    width: 100%;
    height: auto; 
    padding: 5%;
}
.home-bar3-pro3-img{
    width: 100%;
}
.home-bar3-pro3-img img{
    border-radius: 0;
    width: 100%;
}
.home-bar3-pro3-txt h2{
    font-size: 1.4rem;
}
.home-bar3-pro3-txt h4 a{
    font-size: 0.9rem;
}

.home-bar4-container{
    padding: 6% 4% 0 4%;
    box-sizing: border-box;
}
.home-bar4-tit{
    margin-bottom: 20px;
}
.home-bar4-tit h2{
    font-size: 1.5rem;
    padding: 0;
    margin-bottom: 5px;
}
.home-bar4-tit h3{
    font-size: 0.9rem;
    line-height: 160%;
}
.home-bar4-nav{
    width: 100%;
    height: auto;
    min-height: auto;
    position: relative;
}
.nTab{ width: 100%;  border: 0;  overflow: hidden;  border-bottom: 0; margin: 0 auto; position: relative; z-index: 111; left: 0; bottom: 0; transform: translate(0,0);}
.none {  display: none;}
.TabTitle {  width: 100%;  height: 70px;  margin: 0 auto;  overflow: hidden;  float: right; background: rgba(18,133,231,0.70); }
.TabTitle li { position: relative; }
.TabTitle li h4{position: relative; bottom: 0; left: 0; transform: translate(0,0); transition: all .4s ease-in-out; padding: 5px 0; }
.TabTitle li h4 img{width: 35%;}
.TabTitle li p{font-size: 0.8rem;}
.TabTitle li a {  text-decoration: none; transition: all .4s ease-in-out; }
.TabTitle .active { background: rgba(18,133,231,1.00);  }
.TabTitle .active h4{position: relative; bottom: 0; left: 0; transform: translate(0,0); }
.TabContent { position: relative; }
.TabContent img{ width: 100%; height: auto;}

.home-bar5-container{
    padding: 6% 4% ;
    box-sizing: border-box;
}
.home-news{
    width: 100%;
    margin: 40px auto;
}
.home-news-tit{
    padding-bottom: 20px;
}
.home-news-tit h2{
    font-size: 1.5rem;
    padding: 0;
}
.home-news-tit h3{
    font-size: 0.9rem;
}
.home-news-list{
    width: 100%;
}
.home-news-list li{
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 1px;
    padding: 5%;
    box-sizing: border-box;
}
.home-news-list li img{
    width: 100%;
}
.home-news-list li h2{
    font-size: 0.9rem;
}
.home-news-list li h3{
    height: auto;
    font-size: 1.1rem;
}
.home-news-list li h4{
    height: auto;
    margin: 0 auto 20px auto;
}

/*底部样式*/
.footer-container{
    background-size: cover;
    padding: 5%;
    box-sizing: border-box;
}
.footer-bar{
    width: 100%;
    margin: 20px auto;
}
.footer-bar-cont{
    width: 100%;
    height: auto;
    float: left;
}
.footer-bar-cont h2{
    font-size: 0.9rem;
    background: none;
    padding-left: 0;
    margin-bottom: 20px;
}
.footer-bar-cont h2 span{
    font-size: 2.0rem;
    margin-bottom: 25px;
}
.footer-bar-nav{
    display: none;
}
.footer-bar-book{
    width: 100%;
}
.footer-bar-book h4{
    font-size: 1.2rem;
}
.footer-bar-book-content li{
    width: 49%;
    height: auto;
    float: left;
    margin-right: 1%;
    margin-bottom: 20px;
}
.footer-bar-book-content li>input{
    width: 100%;
    height: 38px;
    border: 0;
    border-radius: 4px;
    box-sizing: border-box;
    background: rgba(255,255,255,0.40);
    color: #fefefe;
    text-indent: 0.5rem;
    text-transform: capitalize;
}
.footer-bar-book-content li>input::placeholder{
    color: #fefefe;
    text-transform: capitalize;
    font-family: "Poppins-Regular";
}
.footer-bar-book h6{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.footer-bar-book h6>textarea{
    width: 100%;
    height: auto;
    border: 0;
    box-sizing: border-box;
    padding: 1%;
    background: rgba(255,255,255,0.40);
    border-radius: 4px;
    text-transform: capitalize;
    color: #fefefe;
}
.footer-bar-book h6>textarea::placeholder{
    color: #fefefe;
    text-transform: capitalize;
    font-family: "Poppins-Regular";
}
.footer-bar-book h5{
    width: 100%;
    height: auto;
}

/*内页页面样式*/
#subpages-banner{
    padding-top: 60px;
}
.subpages-tit-container{
    display: none;
}

.subpages-comp-container{
    padding: 5%;
    box-sizing: ;
}
.subpages-comp{
    width: 100%;
    margin: 20px auto;
}
.subpages-comp-tit{
    margin-bottom: 20px;
    
}
.subpages-comp-tit h2{
    font-size: 1.5rem;
    padding: 5px 0;
    background: url("../images/tit_jb.png") no-repeat 0 20px;
}
.subpages-comp-tit h2 span{
    font-size: 1.0rem;
}
.subpages-comp-txt img{
    width: 100%;
}

.subpages-zici-container{
    padding: 5%;
    box-sizing: border-box;
}
.subpages-zici{
    width: 100%;
    margin: 20px auto;
}
.subpages-zici-tit{
    margin-bottom: 20px;
    
}
.subpages-zici-tit h2{
    font-size: 1.5rem;
    padding: 5px 0;
    background: url("../images/tit_jb.png") no-repeat 0 20px;
}
.subpages-zici-tit h2 span{
    font-size: 1.0rem;
}
.subpages-zici-txt{
    width: 100%;
    height: auto;
    
}
.subpages-zici-txt img{
    width: 100%;
}

.subpages-honor-container{
    padding: 5%;
    box-sizing: border-box;
}
.subpages-honor{
    width: 100%;
    margin: 20px auto;
}
.subpages-honor-tit{
    margin-bottom: 20px;
    
}
.subpages-honor-tit h2{
    font-size: 1.5rem;
    padding: 5px 0;
    background: url("../images/tit_jb.png") no-repeat 0 20px;
}
.subpages-honor-tit h2 span{
    font-size: 1.0rem;
}
.subpages-honor-pic{
    width: 100%;
    
}
.subpages-honor-pic figure{
    width: 48%;
    margin-right: 1%;
    margin-left: 1px;
    margin-bottom: 5px;
    padding: 0;
}
.subpages-honor-pic figure img{
    width: 100%;
    height: auto;
}
.subpages-honor-pic figcaption{
    text-align: center;
    padding: 5px 0;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
    font-size: 0.9rem;
}

.subpages-culture-container{
    padding: 5%;
    box-sizing: border-box;
}
.subpages-culture{
    width: 100%;
    margin: 20px auto;
}
.subpages-culture-tit{
    margin-bottom: 20px;
    
}
.subpages-culture-tit h2{
    font-size: 1.5rem;
    padding: 5px 0;
    background: url("../images/tit_jb.png") no-repeat 0 20px;
}
.subpages-culture-tit h2 span{
    font-size: 1.0rem;
}
.subpages-culture-txt{
    width: 100%;
    
}
.subpages-culture-txt img{
    position: static;
    right: 0;
    top: 0;
    width: 100%;
}
.subpages-culture-txt p{
    margin: 20px auto;
}

.subpages-history-container{
    padding: 5%;
    box-sizing: border-box;
}
.subpages-history{
    width: 100%;
    margin: 20px auto;
}
.subpages-history-tit{
    margin-bottom: 20px;
    
}
.subpages-history-tit h2{
    font-size: 1.5rem;
    padding: 5px 0;
    background: url("../images/tit_jb.png") no-repeat 0 20px;
}
.subpages-history-tit h2 span{
    font-size: 1.0rem;
}
.history-txt{
    width: 100%;
}
.history-txt-left{
    width: 100%;
    margin-bottom: 30px;
}
.history-txt-left img{
    width: 100%;
}
.history-list{
    width: 100%;
    padding: 40px 0;
}
.history-time h2{
    font-size: 1.2rem;
}

.subpages-workshop-container{
    padding: 5%;
    box-sizing: border-box;
}
.subpages-workshop{
    width: 100%;
    margin: 20px auto;
}
.subpages-workshop-tit{
    margin-bottom: 20px;
    
}
.subpages-workshop-tit h2{
    font-size: 1.5rem;
    padding: 5px 0;
    background: url("../images/tit_jb.png") no-repeat 0 20px;
}
.subpages-workshop-tit h2 span{
    font-size: 1.0rem;
}
.subpages-workshop-pic{
    width: 100%;
    
}
.subpages-workshop-pic figure{
    width: 48%;
    height: auto;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 5px;
    padding: 0;
}
.subpages-workshop-pic figure img{
    width: 100%;
    height: auto;
}
.subpages-workshop-pic figcaption{
    text-align: center;
    padding: 5px 0;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
    font-size: 0.9rem;
}

/*新闻中心样式*/
.subpages-news{
    width: 100%;
    margin: 0 auto;
}
.focus-news{
    width: 100%;
}
.focus-news figure{
    width: 100%;
    margin-right: 0;
    margin-bottom: 1px;
    padding: 4%;
    box-sizing: border-box;
}
.focus-news figure img{
    width: 100%;
}
.focus-news figcaption{
    width: 100%;
    height: auto;
    padding: 10px 0;
    text-align: left;
}
.focus-news figcaption h1{
    font-size: 1.1rem;
    min-height: auto;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
    margin-bottom: 10px;
}
.focus-news figcaption h2{
    color: #999;
    min-height: 46px;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.focus-news figcaption h4{
    margin-top: 20px;
}
.focus-news figcaption h5{
    font-size: 0.9rem;
}
.subpages-news-list{
    width: 100%;
    margin: 5px auto;
}
.news-list-content{
    width: 100%;
    height: auto;
    padding: 6% 4%;
    box-sizing: border-box;
}
.news-time{
    width: 22%;
    padding-top: 0;
    position: relative;
}
.news-time p{
    font-size: 1.0rem;
}
.news-time span{
    font-size: 1.3rem;
}
.news-txt{
    width: 76%;
    float: right;
}
.news-txt h2{
    font-size: 1.0rem;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
}
.news-txt h3{
    display: none;
}
.news-txt p{
    font-size: 0.9rem;
}

/*新闻资讯详情*/
.subpages-newsinfo{
    width: 100%;
    margin: 0 auto;
}
.newsinfo-left{
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.newsinfo-left h1{
    font-size: 1.2rem;
}
.newsinfo-left-txt{
    font-size: 1.0rem;
}
.newsinfo-left-txt img{
    width: 100%;
    height: auto;
}
.newsinfo-right{
    width: 100%;
}
.newsinfo-more{
    width: 100%;
    height: auto;
}
.newsinfo-more li{
    width: 100%;
    min-height: auto;
    padding: 4%;
    box-sizing: border-box;
}
.newsinfo-more li h2{
    font-size: 1.0rem;
}
.newsinfo-more li h3{
    font-size: 0.9rem;
}

.subpages-service-container{
    padding: 5%;
    box-sizing: border-box;
}
.subpages-service{
    width: 100%;
    margin: 20px auto;
}
.subpages-service-tit{
    margin-bottom: 20px;
    
}
.subpages-service-tit h2{
    font-size: 1.5rem;
    padding: 5px 0;
    background: url("../images/tit_jb.png") no-repeat 0 20px;
}
.subpages-service-tit h2 span{
    font-size: 1.0rem;
}
.subpages-service-txt img{
    width: 100%;
}

.subpages-qc-container{
    padding: 5%;
    box-sizing: border-box;
}
.subpages-qc{
    width: 100%;
    margin: 20px auto;
}
.subpages-qc-tit{
    margin-bottom: 20px;
    
}
.subpages-qc-tit h2{
    font-size: 1.5rem;
    padding: 5px 0;
    background: url("../images/tit_jb.png") no-repeat 0 20px;
}
.subpages-qc-tit h2 span{
    font-size: 1.0rem;
}
.subpages-qc-txt img{
    width: 100%;
}
.subpages-qc-pic{
    width: 100%;
}
.subpages-qc-pic figure{
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 10px;
}
.subpages-qc-pic figure img{
    width: 100%;
}

.subpages-consumer-container{
    padding: 5%;
    box-sizing: border-box;
}
.subpages-consumer{
    width: 100%;
    margin: 20px auto;
}
.subpages-consumer-tit{
    margin-bottom: 20px;
    
}
.subpages-consumer-tit h2{
    font-size: 1.5rem;
    padding: 5px 0;
    background: url("../images/tit_jb.png") no-repeat 0 20px;
}
.subpages-consumer-tit h2 span{
    font-size: 1.0rem;
}
.subpages-consumer-pic{
    width: 100%;
}
.subpages-consumer-pic figure{
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 2%;   
}
.subpages-consumer-pic figure img {
    width: 100%;
}

/*联系方式*/
.subpages-cont-container{
    width: 100%;
    margin: 0 auto;
    padding: 5%;
    box-sizing: border-box;
}
.subpages-contact {
    display: contents;
}
.subpages-contact-left {
    width: 100%;
}
.subpages-contact-left h1 {
    font-size: 1.2rem;
}
.subpages-contact-right {
    width:100%;
}
.subpages-contact-right img{
    width:100%;
}

.subpages-pro-container{
    padding: 5%;
    box-sizing: border-box;
}
.subpages-pro{
    width: 100%;
    margin: 0 auto;
}
.subpages-pro-bar1{
    width: 100%;
    margin-bottom: 10px;
}
.subpages-pro-bar1-left{
    width: 100%;
}
.subpages-pro-bar1-left img{
    width: 100%;
}
.subpages-pro-bar1-right{
    width: 100%;
    padding-left: 0;
    padding: 4%;
    box-sizing: border-box;
}
.subpages-pro-bar1-right h2{
    font-size: 1.3rem;
}
.subpages-pro-bar1-right strong{
    font-size: 1.1rem;
}

.subpages-pro-bar2{
    width: 100%;
    margin-bottom: 20px;
}
.subpages-pro-bar2-left{
    width: 100%;
}
.subpages-pro-bar2-left img{
    width: 100%;
}
.subpages-pro-bar2-right{
    width: 100%;
    padding-left: 0;
    padding: 4%;
    box-sizing: border-box;
}
.subpages-pro-bar2-right h2{
    font-size: 1.3rem;
}
.subpages-pro-bar2-right strong{
    font-size: 1.1rem;
}

.subpages-pro-bar3{
    width: 100%;
    margin-bottom: 0;
}
.subpages-pro-bar3-pic img{
    width: 100%;
}
.subpages-pro-bar3-txt{
    padding: 4%;
}
.subpages-pro-bar3-txt h2{
    font-size: 1.3rem;
}
.subpages-pro-bar3-txt strong{
    font-size: 1.1rem;
}

/*留言反馈*/
.subpages-feedback{
    width: 100%;
    margin: 0 auto;
    padding: 4%;
    box-sizing: border-box;
}
.feedback{
    width: 100%;
}
.feedback h2{
    font-size: 1.1rem;
    margin-top: 10px;
}
.feedback-bar1-left {
    width: 100%;
}
.feedback-bar1-right {
    width: 100%;
}















}

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

body{font-size: 1.0rem; line-height: 180%;}


}

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




}


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



  
}

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







}

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



}

@media screen and (max-width:0){



}