﻿@media screen and (max-width:1680px){



}
@media screen and (max-width:1600px){



}
@media screen and (max-width:1440px){

.movie h2{
	top: 300px;
}
.movie h3{
	top: 350px;
	padding: 0 15%;
}



  
}

@media screen and (max-width:1400px){




}



@media screen and (max-width:1366px){

.movie h2{
	top: 250px;
}
.movie h3{
	top: 300px;
	padding: 0 15%;
}



}


	
}
@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;
}
.movie{
   padding-top: 110px;
}
.sp_header{
    display: block;
}
.sjj_nav{
    display: block;
}
#top{
    display: block;
}
.side{
    display: none;
}
.suspension{
    display: none;
}
.header-prolist-container{
	width: 100%;
	height: 50px;
	background: #000;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 1;
	padding: 0 2%;
	box-sizing: border-box;
}
.header-prolist{
	width: 100%;
	height: auto;
	line-height: 50px;
	color: #fff;
	white-space: nowrap;
	overflow-y: auto;
}
.header-prolist::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}
.header-prolist h2{
	display: inline-block; 
	margin-right: 30px;
	background: url("../images/icon-arrow.png") no-repeat left center;
	text-indent: 1.5rem;
}
.header-prolist a{
	color: #fff;
}


/*在线客服*/
.floating_ck{top:80%;}

.header-bar1-container{
	display: none;
}
.header-bar2-container{
	display: none;												
}
.footer-bar1-container{
	height: auto;
	background-size: cover;
	padding: 4%;
	box-sizing: border-box;
}
.footer-bar1{
	width: 100%;
	margin: 40px auto;
}
.footer-bar1 h2{
	font-size: 1.2rem;
	letter-spacing: 0rem;
	padding:0;
	margin-bottom: 20px;
}
.footer-bar1 h3{
	font-size: 1.0rem;
	letter-spacing: 0rem;
	padding: 0;
	margin-bottom: 20px;
}

.footer-bar2-container{
	padding: 4%;
	box-sizing: border-box;
}
.footer-bar2{
	width: 100%;
	margin: 20px auto;
}
.footer-bar2-copyright{
	display: none;
}

.footer-bar2-nav{
	display: none;
}
.footer-bar2-nav li{
	width: auto;
	height: auto;
	float: left;
	margin-right: 50px;
}
.footer-bar2-nav li h2{
	font-size: 18px;
	color: #969696;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: bold;
}
.footer-bar2-nav li p{
	color: #8c8c8c;
	font-size: 14px;
	line-height: 180%;
}
.footer-bar2-cont{
	width: 100%;
}
.footer-bar2-cont h2{
	font-size: 2.0rem;
	margin-bottom: 20px;
	text-align: left;
}
.footer-bar2-cont p{
	font-size: 0.9rem;
	text-align: left;
}


.movie h2{
	display: none;
}
.movie h3{
	display: none;
}

.home-pro-container{
	padding: 4%;
	box-sizing: border-box;
}
.home-pro{
	width: 100%;
	margin: 20px auto;
}
.home-pro-tit{
	margin-bottom: 20px;
}
.home-pro-tit h2{
	font-size: 2.0rem;
	margin-bottom: 0;
}
.home-pro-tit h3{
	padding: 0;
	font-size: 0.8rem;
	line-height: 150%;
}
#scroll .item {
    width: 100%;
}
.item-left{
	width: 100%;
	margin-bottom: 2%;
}
.item-left figure img{
	width: 100%;
}
.item-left figcaption{
	left: 5px;
	bottom: 5px;
	font-size: 0.9rem;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
}
.item-right{
	width: 100%;
}
.item-right figure{
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 0;
}
.item-right figure img{
	width: 100%;
}
.item-right figcaption{
	left: 5px;
	bottom: 5px;
	font-size: 0.9rem;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
}

.home-comp-container{
	height: auto;
	padding: 10% 4%;
	box-sizing: border-box;
	background-size: cover;
}
.home-comp{
	width: 100%;
}
.home-comp-left:before{
	display: none;
}
.home-comp-left{
	display: none;
}

.home-comp-right{
	width: 100%;
	padding-top: 0;
}
.home-comp-right h2{
	font-size: 2.0rem;
	padding: 10px 0;
	margin-bottom: 0;
}
.home-comp-right h3{
	font-size: 1.1rem;
}
.home-comp-right h4{
  	color: #fff;
  	text-align: left;
  	margin: 30px auto;
}
.home-comp-right h5{
	display: inline-block;
}
.home-comp-right h5 a{
	display: inline-block;
	width: 235px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: left;
	background: #c82020 url("../images/icon-arrow.png") no-repeat 88% 50%;
	text-transform: capitalize;
	text-indent: 1.5rem;
	transition: all .4s ease-in-out;
}
.home-comp-right h5 a:hover{
	background: #ff6600 url("../images/icon-arrow.png") no-repeat 88% 50%;
	width: 250px;
}

.home-case-container{
	padding: 10% 4%;
	box-sizing: border-box;
}
.home-case{
	width: 100%;
}
.home-case-tit{
	margin-bottom: 20px;
}
.home-case-tit h2{
	font-size:1.6rem;
	padding: 0;
	margin-bottom: 0;
}
.home-case-tit h3{
	padding: 0%;
	line-height: 150%;
	font-size: 0.8rem;
}
.home-case-pic{
	width: 100%;
}
.home-case-pic figure{
	width: 100%;
	margin-right: 0;
	margin-bottom: 5px;
}
.home-case-pic figure img{
	width: 100%;
}

.home-news-container{
	padding: 10% 4%;
	box-sizing: border-box;
}
.home-news{
	width: 100%;
}
.home-news-tit{
	margin-bottom: 20px;
}
.home-news-tit h2{
	font-size: 2.0rem;
	padding: 0;
	margin-bottom: 0;
}
.home-news-tit h3{
	padding: 0%;
	line-height: 150%;
	font-size: 0.8rem;
}
.home-news-focus{
	width: 100%;
	margin-bottom: 10px;
}
.home-news-focus figure img{
	width: 100%;
}

.home-news-focus figcaption{
	padding: 2%;
}
.home-news-focus figcaption h2{
	font-size: 1.1rem;
}
.home-news-focus figcaption h3{
	font-size: 1.0rem;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
}
.home-news-focus figcaption h4{
	font-size: 0.8rem;
}
.home-news-txt{
	width: 100%;
}
.home-news-txt li{
	height: auto;
	padding: 4%;
}
.home-news-txt li h2{
	font-size: 1.0rem;
}
.home-news-txt li h3{
	font-size: 0.9rem;
}
.home-news-txt li h4{
	font-size: 0.8rem;
}

/*内页样式*/
.subpages-banner{
    padding-top: 110px;
}
.list{
	display: block;
}
.breadcrumbs-container{
	display: none;
}
.subpages-nav{
    display: none;
}

/*企业介绍*/
.subpages-company-container{
	box-sizing: border-box;
}
.subpages-company{
	width: 100%;
	margin: 40px auto;
	padding: 4%;
	box-sizing: border-box;
}
.subpages-company-tit{
	margin-bottom: 20px;
}
.subpages-company-tit h2{
	font-size: 1.4rem;
}
.subpages-company-txt img{
	width: 100%;
	height: auto;
}

/*发展历程*/
.subpages-history-container{
	padding: 4%;
	box-sizing: border-box;
}
.subpages-history{
	width: 100%;
	margin: 40px auto;
}
.subpages-history-tit{
	margin-bottom: 20px;
}
.subpages-history-tit h2{
	font-size: 1.4rem;
}
.subpages-history-txt{
	width: 100%;
	height: auto;
}
.history{
    width: 100%;
    margin: 20px auto;
}
.history-txt{
    width: 100%;
}
.history-txt-left{
    width: 100%;
	margin-bottom: 10px;
}
.history-txt-left img{
    width: 100%;
}
.history-list{
    width: 100%;
    padding: 50px 0;
}
.history-time h2{
    font-size: 1.2rem;
}

/*企业认证*/
.subpages-honor-container{
	padding: 4%;
	box-sizing: border-box;
}
.subpages-honor{
	width: 100%;
	margin: 40px auto;
}
.subpages-honor-tit{
	margin-bottom: 20px;
}
.subpages-honor-tit h2{
	font-size: 1.4rem;
}
.subpages-honor-txt img{
	width: 100%;
	height: auto;
}

/*企业环境*/
.subpages-workshop-container{
	padding: 4%;
	box-sizing: border-box;
}
.subpages-workshop{
	width: 100%;
	margin:40px auto;
}
.subpages-workshop-tit{
	margin-bottom: 20px;
}
.subpages-workshop-tit h2{
	font-size: 1.4rem;
}
.subpages-workshop-txt{
	width: 100%;
}
.subpages-workshop-txt figure{
	width:48%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 10px;
}
.subpages-workshop-txt figure img{
	width: 100%;
	height: auto;
}
.subpages-workshop-txt figcaption{
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
	line-height: 260%;
}

/*组织结构*/
.subpages-org-container{
	padding: 4%;
	box-sizing: border-box;
}
.subpages-org{
	width: 100%;
	margin: 40px auto;
}
.subpages-org-tit{
	margin-bottom: 20px;
}
.subpages-org-tit h2{
	font-size: 1.4rem;
}
.subpages-org-txt img{
	width: 100%;
	height: auto;
}

/*产品中心*/
.subpages-pro-container{
	padding: 4%;
	box-sizing: border-box;
}
.subpages-pro{
	width: 100%;
	margin: 0 auto;
}
.subpages-pro-nav{
	display: none;
}
.subpages-pro-right{
	width: 100%;
}
.subpages-pro-right li{
	margin-bottom: 10px;
	background: #fff;
}
.subpages-pro-right li h1{
	font-size: 1.2rem;
}
.subpages-pro-list{
	display: contents;
}
.subpages-pro-list-pic{
	width: 100%;
}
.subpages-pro-list-pic img{
	width: 100%;
	height: auto;
}
.subpages-pro-list-txt{
	width: 100%;
	padding: 4%;
	box-sizing: border-box;
}

/*产品中心详情页*/
.subpages-proinfo-container{
	padding: 4%;
	box-sizing: border-box;
}
.subpages-proinfo{
	width: 100%;
	margin: 0 auto;
}
.proinfo-bigpic{
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
}
.proinfo-bigpic-pic{
	width: 100%;
}
.proinfo-bigpic-pic img{
	width: 100%;
	height: auto;
}
.proinfo-bigpic-right{
	width: 100%;
	padding: 4%;
	box-sizing: border-box;
}
.proinfo-bigpic-right h1{
	font-size: 1.2rem;
}
.proinfo-bigpic-right h3{
	margin-right:0;
	margin-bottom: 10px;
	width: 100%;
}
.proinfo-bigpic-right h3 a{
	width: 100%;
	text-align: left;
	text-indent: 5.0rem;
}
.proinfo-bigpic-right h3 a:hover{
	width: 100%;
}
.proinfo-bigpic-right h4{
	width: 100%;
	text-indent: 5.0rem;
	text-align: left;
}
.proinfo-bigpic-right h4:hover{
	width: 100%;	
}
.proinfo-features{
	padding: 4%;

}
.proinfo-features h2{
	font-size: 1.6rem;
	margin-bottom: 0;
}
.proinfo-features-txt table td img{
	width: 100%;
	height: auto;
}

/*工程案例*/
.subpages-case-container{
	padding: 4%;
	box-sizing: border-box;
}
.subpages-case{
	width: 100%;
	margin: 40px auto;
}
.subpages-case-tit{
	margin-bottom: 20px;
}
.subpages-case-tit h2{
	font-size: 1.6rem;
}
.subpages-case-pic{
	width: 100%;
}
.subpages-case-pic figure{
	width: 100%;
	margin-right: 0;
	margin-bottom: 10px;
}
.subpages-case-pic figure img{
	width: 100%;
}
.subpages-case-pic figcaption{
	height: 60px;
	line-height: 60px;
}

/*新闻中心*/
.subpages-news-container{
	padding: 4%;
	box-sizing: border-box;
}
.subpages-news{
	width: 100%;
	margin: 0 auto;
}
.subpages-news-txt{
	margin-bottom: 20px;
}
.subpages-news-txt li{
	height: auto;
	padding: 15px 4%;
}
.subpages-news-txt li h2{
	font-size: 1.2rem;
}
.subpages-news-txt li h3{
	font-size: 0.9rem;
}
.subpages-news-txt li h4{
	font-size: 0.8rem;
}

.subpages-newsinfo{
    width: 100%;
    margin: 0 auto;
    padding: 4%;
	box-sizing: border-box;
}
.subpages-newsinfo h1{
    font-size: 1.3rem;
}
.subpages-newsinfo h2{
    font-size: 0.9rem;
}

/*联系方式*/
.subpages-cont-container{
	padding: 4%;
	box-sizing: border-box;
}
.subpages-cont{
	width: 100%;
	margin: 20px auto;
}
.subpages-cont-tit{
	margin-bottom: 20px;
}
.subpages-cont-tit h2{
	font-size: 1.6rem;
}
.contact{
    display: contents;
}
.contact-left{
    width: 100%;
	background: #fff;
	padding: 4%;
}
.contact-left h2{
    font-size: 1.1rem;
}
.contact-left h3{
    font-size: 1.2rem;
}
.contact-left-txt{
    margin-top: 10px;
}
.contact-left-txt p{
    font-size: 1.0rem;
}
.contact-right{
    display: none;
}

/*留言反馈*/
.subpages-feedback{
    width: 100%;
    margin: 0 auto;
	padding: 4%;
	box-sizing: border-box;
}
.feedback{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 2%;
	box-sizing: border-box;
}
.feedback-bar1-left {
    width: 100%;
}
.feedback-bar1-right {
    width: 100%;
}
.feedback-bar1-right h5{
    line-height: 160%;
    width: 100%;
    height:auto;
}














}

@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){



}