﻿@media screen and (max-width:1680px){



}
@media screen and (max-width:1600px){



}
@media screen and (max-width:1440px){

.full-screen-image {
  width: 100%;
  height: auto; 
}
#movie img{
    width: 100%;
    height: auto;
}
.nav-bar{
    width: 1340px;
}
.nav-bar-logo img{
    margin-left: 20px;
}
.home-cate{
    width: 1340px;
    margin: 100px auto;
    overflow: hidden;
}
.home-cate-pic{
    width: 1340px;
}
.home-cate-pic-left{
    width: 332px;
}
.home-cate-pic-left figure{
    width: 332px;
}
.home-cate-pic-left figure img{
    width: 100%;
}
.home-cate-pic-left0{
    width: 332px;
}
.home-cate-pic-left0 figure{
    width: 332px;
}
.home-cate-pic-left0 figure img{
    width: 100%;
}
.home-cate-pic-mid{
    width: 332px;
}
.home-cate-pic-mid figure{
    width: 332px;
}
.home-cate-pic-mid figure img{
    width: 100%;
}
.home-cate-pic-right{
    width: 332px;
}
.home-cate-pic-right figure{
    width: 332px;
}
.home-cate-pic-right figure img{
    width: 100%;
}
.home-comp{
    width: 1340px;
}
.home-comp-content{
    width: 640px;
}
.home-pro{
    padding: 0 60px;
}

.home-news{
    width: 1340px;
}
.home-news-txt{
    width: 1365px;
}
.home-news-txt figure{
    width: 430px;
    margin-right: 25px;
}
.home-news-txt figure img{
    width: 100%;
}
.home-partner{
    width: 1339px;
}
.home-partner-pic{
    width: 1358px;
}
.home-partner-pic figure{
    width: 175px;
    margin-right: 19px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.home-partner-pic figure img{
    width: 100%;
}
.footer-bar-container{
    width: 1340px;
}
.footer-bar-left{
    width: 30%;
    height: auto;
    float: left;
}
.footer-bar-right{
    width: 65%;
    height: auto;
    float: left;
    padding-left: 5%;
}
#scroll .item figure img{
    height: 230px;
}

.inner-company-bar{
    padding: 0 60px;
}
.inner-company-txt{
    padding: 60px;
}
.inner-company-video{
    width: 500px;
}

.inner-company-num{
    padding: 40px 60px;
}

/*企业文化*/
.inner-culture{
    padding: 70px 60px;
}

/*企业环境*/
.inner-workshop{
    padding: 70px 60px;
}
.inner-workshop figure img{
    height: 230px;
}

/*产品展示*/
.inner-pro-pic{
    padding: 70px 60px;
}
.inner-pro-bar{
    padding: 0 60px;
}

.inner-proinfo-bar1-img{
    max-width: 50%;
}
.inner-proinfo-bar1-txt{
	width: 50%;
    padding-left: 0;
}
.inner-infopro{
    padding: 70px 60px;
}

/*新闻资讯*/
.inner-news-bar{
    padding: 0 60px;
}
.inner-news{
    padding: 70px 60px;
}
.inner-newsinfo{
    padding: 70px 60px;
}

/*合作伙伴*/
.inner-partner-bar{
    padding: 0 60px;
}
.inner-partner{
    padding: 70px 60px;
}

/*联系方式*/
.inner-cont-bar{
    padding: 0 60px;
}
.inner-cont{
    padding: 70px 60px;
}

/*留言反馈*/
.inner-feedback-bar{
    padding: 0 60px;
}
.inner-feedback{
    padding: 70px 60px;
}






  
}

@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;
}*/
#movie{
   padding-top: 60px;
}
.full-screen-image {
  width: 100%;
  height: auto; 
}
#movie img{
    width: 100%;
    height: auto;
}
.swiper-button-next{
    display: none;
}
.swiper-button-prev{
    display: none;
}
.sp_header{
    display: block;
}
.sjj_nav{
    display: block;
}
#top{
    display: block;
}
.side{
    display: none;
}
.suspension{
    display: none;
}
.mobile-nav {
    display: block;
}

#nav-contaiter{
    display: none;
}

/*翻页*/
.subpages-pages{
    margin: 40px auto;
}

.home-cate-container{
    padding: 4%;
    box-sizing: border-box;
}
.home-cate{
    width: 100%;
    margin: 20px auto;
}
.home-cate-tit{
    font-size: 1.0rem;
    margin-bottom: 20px;
}
.home-cate-tit span{
    font-size: 1.6rem;
    margin-right: 5px;
}
.home-cate-tit i{
    font-style: normal;
    font-size: 1.6rem;
    color: #14b4a2;
    margin-left: 5px;
}
.home-cate-pic{
    display: none;
}
.mob-home-cate-pic{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
}
.mob-home-cate-pic figure{
    width: 48%;
    height: auto;
    float: left;
    margin: 0 1% 2% 1%;
    background: #000;
    position: relative;
    border-radius: 10px;
}
.mob-home-cate-pic figure img{
    width: 100%;
    opacity: 0.8;
    border-radius: 10px;
}
.mob-home-cate-pic figcaption{
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.1rem;
}

.home-comp-container{
    min-height: auto;
    background: #f6f6f6;
    overflow: hidden;
    padding: 4%;
    box-sizing: border-box;
}
.home-comp{
    width: 100%;
    margin: 20px auto;
}
.home-comp-content{
    width: 100%;
}
.home-comp-content h5{    
    margin: 20px 0 40px 0;
}
.home-comp-content h5 a{
    font-size: 0.9rem;
}
.home-comp-tit{
    padding: 5px 0 30px 0;
    margin-bottom: 30px;
    line-height: 180%;
}
.home-comp-tit h2{
    font-size: 1.4rem;
}
.home-comp-tit h3{
    font-size: 1.2rem;
}
.home-comp-tit h4{
    font-size: 1.3rem;
}
.home-comp-num li{
    width: 50%;
    margin: 10px auto;
}
.home-comp-num li span{
    font-size: 2.0rem;
}
.home-comp-num li p{
    font-size: 0.9rem;
}
.home-comp-num li i{
    font-size: 2.0rem;
}

.home-pro-container{
    padding: 4%;
    box-sizing: border-box;
}
.home-pro{
    margin: 20px auto;
    padding: 0;
}
.home-pro h3{
    margin-top: 20px;
}
.home-pro-tit{
    font-size: 1.0rem;
    padding: 5px 0;
    margin-bottom: 30px;
}
.home-pro-tit span{
    font-size: 1.6rem;
}
.home-pro-tit i{
    font-size: 1.6rem;
}
#scroll .item figure{
    width:100%;
    margin: 0;
}


.home-news-container{
    min-height: auto;
    padding: 4%;
    box-sizing: border-box;
    background: #f6f6f6;
}
.home-news{
    width: 100%;
    margin: 20px auto;
}
.home-news-tit{
    font-size: 1.0rem;
    margin-bottom: 20px;
}
.home-news-tit span{
    font-size: 1.6rem;
}
.home-news-tit i{
    font-size: 1.6rem;
}
.home-news-tit h2{
    font-size: 36px;
}
.home-news-txt{
    width: 100%;
}
.home-news-txt figure{
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
.home-news-txt figure img{
    width: 100%;
}
.home-news-txt figcaption{
    height: auto;
}
.home-news-txt figcaption h1{
    font-size: 1.2rem;
}
.home-news-txt figcaption p{
    margin: 10px auto;
}
.home-news-txt figcaption h3{
    font-size: 0.9rem;
}

.home-partner-container{
    padding: 4%;
    box-sizing: border-box;
}
.home-partner{
    width: 100%;
    margin: 20px auto;
}
.home-partner-tit{
    font-size: 1.0rem;
    margin-bottom: 0;
}
.home-partner-tit span{
    font-size: 1.6rem;
}
.home-partner-tit i{
    font-size: 1.6rem;
}
.home-partner-pic{
    width: 100%;
}
.home-roll-pro{
    width: 100%;
}
.scrollleft {
    width: 100%;
}
.scrollleft li {
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 120px;
}
.scrollleft li img{
	width: 100%;
}
#scroll .item figure img{
    transition: all .4s ease-in-out;
    width: 100%;
    height: auto;
}

/*底部样式*/
.footer-container{
    padding: 0 4%;
    box-sizing: border-box;
}
.footer-bar-container{
    width: 100%;
    padding: 60px 0 20px 0;
}
.footer-bar{
    width: 100%;
    height: auto;
    overflow: hidden
}
.footer-bar-left{
    width:100%;
}
.footer-bar-left h2{
    font-size: 1.2rem;
}
.footer-bar-left p{
    color: #666;
    line-height: 220%;
}
.footer-bar-right{
    display: none;
}

.copyright-cpntainer{
    width: 100%;
    height: auto;
    line-height: normal;
    padding: 4%;
    box-sizing: border-box;
    line-height: 180%;
}

/*内页样式表*/
.sub-banner{
    padding-top: 60px;
}

/*企业介绍*/
.inner-company-container{
    padding: 4%;
}
.inner-company-bar{
    display: none;
}
.inner-company-txt{
    padding: 0;
}
.inner-company-txt p{
    font-size: 1.0rem;
}
.inner-company-video{
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
}
.inner-company-num{
    padding: 4%;
    background-size: cover;
}
.inner-company-num li{
    width: 48%;
    padding-right: 2%;
    margin-bottom: 5px;
}
.inner-company-num li p{
    font-size: 0.9rem;
}
.inner-company-num li span{
    font-size: 1.8rem;
}
.inner-company-ban img{
    width: 100%;
}

/*企业文化*/
.inner-culture{
    padding: 4%;
}
.inner-culture-txt{
    background: #14b4a2 url("../images/culture-bg0.png") no-repeat bottom center;
    padding: 20% 10%;
    box-sizing: border-box;
}
.inner-culture-txt li p{
    font-size: 1.0rem;
}
.inner-culture-txt li span{
    font-size: 1.6rem;
}

/*企业环境*/
.inner-workshop-container{
    padding: 4%
}
.inner-workshop{
    padding: 0;
}
.inner-workshop figure{
    width: 48%;
    margin-bottom: 10px;
    margin-right: 1%;
    margin-left: 1%
}
.inner-workshop figure img{
    width: 100%;
    height: auto;
}

/*组织架构*/
.inner-organ{
    padding: 4%;
}
.inner-organ img{
    width: 100%;
}

/*产品展示*/
.inner-pro-container{
    padding: 4%;
}
.inner-pro-bar{
    display: none;
}
.inner-pro-container{
    padding: 4%;
}
.inner-pro-pic{
    padding: 4% 0;
}
.inner-pro-pic figure{
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 10px;
}

.inner-infopro{
    padding: 0 0 20px 0;
}
.inner-proinfo-bar1-img{
	width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}
.inner-proinfo-bar1-txt{
	width: 100%;
    padding-left: 0;
}
.inner-proinfo-bar1-txt h1{
    font-size: 1.3rem;
    margin-bottom: 20px;
}
.inner-proinfo-bar1-txt h2{
    margin: 20px 0;
    background-size: 1.2rem;
}
.inner-proinfo-bar1-txt h3{
    padding: 1.5%;
    box-sizing: border-box;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
.inner-proinfo-bar1-txt h4{
    display: inline-block;
    width: 100%;
}
.inner-proinfo-bar1-txt h4 a{
    border-radius: 50px;
    padding: 1.5%;
    width: 100%;
    box-sizing: border-box;
}

.inner-news-container{
    padding: 0;
}
.inner-news-bar{
    display: none;
}
.inner-news{
    padding: 4%;
}
.inner-news figure{
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
.inner-news figcaption{
    height: auto;
    padding: 4%;
}
.inner-news figcaption h1{
    font-size: 1.2rem;
}
.inner-news figcaption h3{
    font-size: 0.9rem;
}

.inner-newsinfo{
    padding: 4%;
}
.inner-newsinfo h1{
    font-size: 1.5rem;
}
.inner-newsinfo h2{
    margin-bottom: 20px;
    font-size: 0.9rem;
}
.inner-newsinfo-more{
    margin-top: 40px;
    padding-top: 10px;
}
.inner-newsinfo-more h3{
    width: 100%;
    -webkit-line-clamp: 1;
    background: 10px;
}
.inner-newsinfo-more h4{
    width: 100%;
    -webkit-line-clamp: 1;
}

/*合作伙伴*/
.inner-partner-bar{
    display: none;
}
.inner-partner{
    padding: 4%;
}
.inner-partner figure{
    width: 48%;
}

/*联系方式*/
.inner-cont-bar{
    display: none;
}
.inner-cont{
    padding: 4%;
}
.inner-cont-left{
    width: 100%;
    margin-bottom: 20px;
}
.inner-cont-left h2{
    font-size: 1.5rem;
    padding: 10px 0;
    margin-bottom: 0;
}
.inner-cont-left h2:before{
    bottom: -5px;
}
.inner-cont-left-txt{
    margin-top: 20px;
}
.inner-cont-left-txt p{
    font-size: 1.0rem;
}
.inner-cont-right{
    width: 100%;
}

/*留言反馈*/
.inner-feedback-bar{
    display: none;
}
.inner-feedback{
    padding: 4%;
}
.customer-bar1 {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.customer-bar1-left {
    width: 100%;
}
.customer-bar1-left p>input {
    font-size: 1.0rem;
}
.customer-bar1-left p>select {
    font-size: 1.0rem;
}
.customer-bar1-right {
    width: 100%;
}
.customer-bar1-right h5{
    font-size: 1.0rem;
}
.customer-bar1-right p>input {
    font-size: 1.0rem;
}
.customer-bar2 {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.customer-bar2>textarea {
    font-size: 1.0rem;
    padding: 2%;
}
.customer h1>input {
    font-size: 1.0rem;
}













}

@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){



}