﻿@media screen and (max-width:1700px){

}
@media screen and (min-width:1601px){
	
}
@media screen and (max-width:1440px){

#subpages-banner img{width: 100%; height: auto;} 

  
}
@media screen and (max-width:1370px){

	
}
@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: 0.9rem; line-height: 180%;}


.header{display: block; }
.sp_header{display: block; }
.sjj_nav{display: block; }
#h5-sub-banner{display: block; }
.side{display: none; }

#header-content{display: none; }
#header-navigation{display: none; }
#movie{padding-top: 60px; }
#movie img{width: 100%; }
.swiper-pagination{display: none; }
.swiper-button-next{display: none; }
.swiper-button-prev{display: none; }

#footer-content{width: 96%; padding: 2%; }
#footer-bar1{width: 100%; }
#footer-bar1 .footer-nav-left{display: none; }
#footer-bar1 .footer-nav-right{width: 100%; padding: 5% 0; }
.footer-nav-right-div01{width: 100%; }
.footer-nav-right-div01-l{width: 100%; margin-bottom: 10px; }
.footer-nav-right-div01-l h2{color: #fff; margin-bottom: 10px; }
.footer-nav-right-div01-r{width: 100%; }
.footer-nav-right-div01-r figure{text-align: left; }
.footer-nav-right-div01-r figure img{margin-bottom: 5px; }


#footer-copyright{width: 96%; padding: 2%; }
#footer-bar2{width: 100%; }
#footer-bar2 .left{width: 100%; text-align: center; }
#footer-bar2 .right{width: 100%; text-align: center; line-height: 160%; }

#home-bar1{width: 96%; padding: 2%; }
.home-notice{width: 100%; height: auto; padding-top: 0; }

#home-bar2{width: 96%; padding:5% 2%; }
.home-introduction{width: 100%; }
.home-introduction-tit h2{font-size: 1.3rem; }
.home-introduction-tit:before{width: 22%;  left: 5px; }
.home-introduction-tit:after{ width: 22%; right: 5px; }
.home-introduction-tit h3{font-size: 0.9rem; margin-top: 0; }

.home-introduction-txt{width: 100%; min-height: 0; margin: 0 auto 20px auto;  background: none; padding-right: 0; }
.home-introduction-txt p{margin: 10px 0; text-indent: 2rem; line-height: 200%; font-size: 0.9rem; }
.home-introduction-txt p strong{font-size: 1.0rem; }

.home-introduction-nav figcaption{ font-size: 1.0rem; }
.home-introduction-nav figure{width: 25%; }
.home-introduction-nav figcaption{font-size: 0.9rem; }
.introduction-nav-01{width: 80px; height: 80px; background-size: 40%; }
.introduction-nav-02{width: 80px; height: 80px; background-size: 40%; }
.introduction-nav-03{width: 80px; height: 80px; background-size: 50%; }
.introduction-nav-04{width: 80px; height: 80px; background-size: 50%; }
.introduction-nav-05{width: 80px; height: 80px; background-size: 50%; }
.introduction-nav-06{width: 80px; height: 80px; background-size: 50%; }
.introduction-nav-07{width: 80px; height: 80px; background-size: 40%; }
.introduction-nav-08{width: 80px; height: 80px; background-size: 40%; }

#home-bar3{width: 96%; padding:5% 2%; }
.home-news{width: 100%; }
.home-news-tit h2{font-size: 1.2rem;  }
.home-news-tit:before{width: 22%;  left: 5px;}
.home-news-tit:after{width: 22%;  right: 5px; }
.home-news-tit h3{font-size: 0.9rem; margin-top: 0; }

.home-news-list{margin: 20px auto; }
.home-news-list-pic{width: 100%; }
.home-news-list-pic figure img{width: 100%;  }
.home-news-list-pic figcaption h2{font-size: 1.0rem; }
.home-news-list-pic figcaption h3{font-size: 0.8rem; }
.home-news-list-txt{width: 100%; }
.home-news-list-txt li{margin-bottom: 10px; }
.focus-news-pic{width: 100%; }
.focus-news-pic img{width: 100%; margin-bottom: 10px; }
.focus-news-txt{width: 100%; padding-left: 0; }
.focus-news-txt h2{font-size: 1.0rem; }
.focus-news-txt h3{font-size: 0.8rem; }
.focus-news-txt p{ font-size: 0.9rem; }

#home-bar4{width: 96%; min-height: 0;  padding: 5% 2%; background: none; }
.home-jxts{width: 100%; }
.home-jxts-tit h2{ font-size: 1.2rem; }
.home-jxts-tit:before{width: 20%;  left: 5px;}
.home-jxts-tit:after{width: 20%;  right: 5px;}
.home-jxts-tit h3{font-size: 0.9rem; margin-top: 0; }

.home-jxts-txt{width: 100%; margin: 20px auto; }
.home-jxts-txt-left{display: none; }
.home-jxts-txt-right{width:100%; padding-top: 0; }
.jxts-txt-d1{width: 100%; height: 400px; background-color: none; padding: 0; }
.jxts-txt-d1-content{height: 400px; }
.scroll_wrap .scroll_cont h2{font-size: 1.0rem; margin: 0 auto; padding: 10px 0; }
.scroll_wrap .scroll_cont h2 span{font-size: 1.6rem; }
.scroll_wrap .scroll_cont {	overflow: auto; }
.scroll_wrap .scroll_bar{display: none; }

#home-bar5{width: 96%; padding: 5% 2%;}
.home-zhuanye{width: 100%; }
.home-zhuanye-tit h2{ font-size: 1.2rem; }
.home-zhuanye-tit:before{width: 22%;  left: 5px;}
.home-zhuanye-tit:after{width: 22%;  right: 5px;}
.home-zhuanye-tit h3{ margin-top: 0; }

.home-zhuanye-pic{width: 100%; margin: 20px auto ; }
.home-zhuanye-pic figure{width:49.7%; margin-right: 1px; margin-bottom: 10px; }
.home-zhuanye-pic figure img{width: 100%; }
.home-zhuanye-pic figcaption{ height: auto; padding: 5px 0; line-height: normal; font-size: 1.0rem; bottom: 0; font-weight: normal; position: relative; z-index: 1; width: 100%; }

#home-bar6{width: 96%; padding: 5% 2% 0 2% ; }
.home-xyfg{width: 100%; }
.home-xyfg-tit h2{font-size: 1.2rem;}
.home-xyfg-tit:before{width: 22%;  left: 5px;}
.home-xyfg-tit:after{width: 22%;  right: 5px;}
.home-xyfg-tit h3{ margin-top: 0; }
.home-xyfg-pic{ margin: 20px auto; }

#subpages-banner{ padding-top: 60px;  }
#subpages-banner .banner-1{height: auto; min-height: 150px; background: url(../images/banner-2.jpg) no-repeat center; background-size: auto 150px; }
#subpages-banner .banner-2{height: auto; min-height: 150px; background: url(../images/banner-1.jpg) no-repeat center; background-size: auto 150px; }
#subpages-banner .banner-3{height: auto; min-height: 150px; background: url(../images/banner-3.jpg) no-repeat center; background-size: auto 150px; }
#subpages-banner .banner-4{height: auto; min-height: 150px; background: url(../images/banner-4.jpg) no-repeat center; background-size: auto 150px; }
#subpages-banner .banner-5{height: auto; min-height: 150px; background: url(../images/banner-5.jpg) no-repeat center; background-size: auto 150px; }
#subpages-banner .banner-6{height: auto; min-height: 150px; background: url(../images/banner-6.jpg) no-repeat center; background-size: auto 150px; }
#subpages-banner .banner-7{height: auto; min-height: 150px; background: url(../images/banner-7.jpg) no-repeat center; background-size: auto 150px; }
#subpages-banner .banner-8{height: auto; min-height: 150px; background: url(../images/banner-8.jpg) no-repeat center; background-size: auto 150px; }

#subpages-tit{display: none; }
#subpages-content{width: 100%; margin: 0 auto; }
.sub-left{display: none; }
.sub-right{width: 96%; padding: 2%; }
.sub-right-tit{width: 100%; font-size: 1.1rem; margin-bottom: 0; margin-top: 15px; }

.sub-about{min-height: 300px; }
.sub-about p{font-size: 0.9rem; margin: 10px auto; }
.sub-about img{width: 100%; height: auto; }

.sub-scenery{width:100%; }
.sub-scenery figure{width: 49.7%; margin-right: 1px; margin-bottom: 10px; padding: 0; border: 0; }
.sub-scenery figure img{width: 100%;  }
.sub-scenery figcaption{ font-size: 0.9rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

#video span img{display: none; }

.sub-specialty{min-height: 300px; }
.sub-specialty p{font-size: 0.9rem; margin: 10px auto; }
.sub-specialty img{width: 100%; height: auto; }

.sub-zsxx{min-height: 300px; }
.sub-zsxx p{font-size: 0.9rem; margin: 10px auto; }
.sub-zsxx img{width: 100%; height: auto; }

.sub-szdw{min-height: 300px; }
.sub-szdw p{font-size: 0.9rem; margin: 10px auto; }
.sub-szdw img{width: 100%; height: auto; }

.sub-wpjs{width:100%; }
.sub-wpjs figure{width: 47.7%; margin-right: 1px; margin-bottom: 10px; padding: 1%; border: 0; }
.sub-wpjs figure img{width: 100%;  }
.sub-wpjs figcaption{font-size: 0.9rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.sub-wpjsinfo p{margin: 10px auto; font-size: 0.9rem; line-height: 180%; }
.sub-wpjsinfo img{float: left; margin-right: 10px; }

.sub-news{ margin: 20px auto; }
.sub-news li{padding-bottom: 20px; margin-bottom: 20px; }
.sub-news-pic{width: 100%; margin-bottom: 10px; }
.sub-news-pic img{width: 100%;  }
.sub-news-txt{width: 100%; }
.sub-news-txt h2{font-size: 1.0rem; }

.sub-newsinfo h1{font-size: 1.0rem;}
.sub-newsinfo p{ margin: 10px auto; font-size: 0.9rem; }
.sub-newsinfo img{width: 100%; }
.sub-newsinfo-more p{font-size: 0.9rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.download-tit{display: none; }
.download-list li h3{width: 90%; text-indent: 0; }
.download-list li h4{display: none; }
.download-list li h5{display: none; }
.download-list li h6{width: 10%; height: auto; float: right; text-align: center; background-size: 50%; }
.download-list li h6:hover{background-size: 50%; }

.sub-zpzs{width:100%; margin:  20px auto; }
.sub-zpzs figure{width: 47.7%; margin-right: 1px; margin-bottom: 10px; padding: 1%; border: 0; }
.sub-zpzs figure img{width: 100%; }
.sub-zpzs figcaption{font-size: 0.9rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

.sub-feedback{margin: 20px auto; }
.sub-feedback-d1 h2{display: none; }
.sub-feedback-d1 h3{width: 100%; }
.sub-feedback-d1 h4{width: 100%; }
.sub-feedback-d1 h5{width: 100%; }
.sub-feedback-d1 h5>input{ font-size: 1.0rem;  }

.sub-feedback-answer li{ margin-bottom: 10px; }
.feedback-answer-pic{width: 20%; padding: 0 1%; }
.feedback-answer-pic figure img{margin-bottom: 5px; }
.feedback-answer-txt{width:86%; height: auto; float: right; border-left: #ccc solid 1px; padding: 2%; box-sizing: border-box; }
.feedback-answer-txt{width:78%; }
.feedback-answer-txt h3{ margin: 10px auto; font-size: 0.9rem; }








}






@media screen and (max-width:861px){

body{font-size: 0.9rem; line-height: 180%;}


}

@media screen and (max-width:768px){





}


@media screen and (max-width:668px){


  
}

@media screen and (max-width:420px) {

body{font-size: 0.9rem; line-height: 180%;}




}

@media screen and (max-width:376px){



}

@media screen and (max-width:321px){



}