*{
    margin:0;
    padding:0;
}
html,body{
    margin:0;
    padding:0;
    width:100%;
    font-family: "MS UI Gothic";
    font-size: 16px;
    color:#333;
}
ul,ul li{
    list-style: none;
    margin:0;
    padding:0;
}
p,h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding:0
}
a,a:hover{
    text-decoration: none;
    color:#333;
}
img{
    max-width: 100%;
}
.width25{width:25%}
.width30{width:30%}
.width35{width:35%}
.width40{width:40%}
.width50{width:50%}
.width60{width:60%}
.width70{width:70%}
.width75{width:75%}
.width33{width:33.333%}

.font30{font-size:30px;}
.font42{font-size:42px;}

.lf{float:left}
.rg{float:right}


@media(min-width:1440px){
    .container{
        width:1400px
    }
}

@media(min-width:1620px){
    .container{width:1600px}
}


.bannerSwiper img{
    display: block;
    margin:0 auto;
}

.bannerSwiper .swiper-slide-active img{
    animation: ImgBig 6s linear forwards;
    -webkit-animation: ImgBig 6s linear forwards;
    -moz-animation: ImgBig 6s linear forwards;
    -o-animation: ImgBig 6s linear forwards;
}

.bannerSwiper .swiper-pagination-bullet{
    width:30px;
    border-radius: 10px;
}
.bannerSwiper .swiper-pagination-bullet-active{
    background: #f39500;
}
.bannerSwiper .swiper-button-prev, .bannerSwiper .swiper-rtl .swiper-button-next,.bannerSwiper .swiper-button-next, .bannerSwiper .swiper-rtl .swiper-button-prev{
    color:#fff;
}

.banner-c{
    width:100%;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
}

/* 手风琴 */
.box{
    width: 100%;
    height: 850px;
}

.box>div{
    width: calc( 100% / 6);
    height: 850px;
    opacity: 1;
    float: left;
    background:url("../../images/pro1.jpg") no-repeat center center;
    transition:all .7s ease 0s;
    position: relative;
    opacity: 1;
}
.box-cover{
    position: absolute;
    top:0;
    left:0;
    background: rgba(0,0,0,.3);
    width:100%;
    height: 100%;
    color:#fff;
    text-align: center;
    padding-top:320px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.box-cover h3{
    margin-top:20px;
}

.box>div:hover .box-cover{
    background: rgba(0,0,0,0);
}
.box>div h1{
    color: #fff;
    font-size: 70px;
    padding: 40px 40px 0;
}



.sec{
    position: relative;
    margin:80px 0;
    width: 100%;
    overflow: hidden;
}
.sec>img{
    position: absolute;
    left:0;
    top:25%;
    z-index: -1;
}
.about-box{
    padding-left:15%;
    padding-right:80px;
    padding-top:40px;
}
.sec-title{
    font-weight: bold;
}

.sec-title span{
    color:#f39500;
}
.sec-about-desc{
    margin:40px 0 60px;
    color:#777;
    line-height: 30px;
}
.sec-btn{
    width:200px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border:1px solid #f39500;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.sec-btn a{
    display: block;
    color:#777;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.sec-btn:hover{
    background: #f39500;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
}
.sec-btn:hover a{
    color:#fff;
}
.about{
    margin-bottom:60px;
}
.about-pic{overflow: hidden;}
.about-pic img{
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;    
}
.about-pic:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.location{
    line-height: 60px;
    padding:0 60px;
    font-size: 14px;
    color:#777;
    border-bottom:1px solid #ddd;
    width:100%;
    overflow: hidden;
}
.location a{
    color:#777;
}
.tit{
    padding:0 60px;
    font-size:30px;
    font-weight: bold;
    margin-top:30px;
    margin-bottom:60px;
    width: 100%;
    overflow: hidden;
}
.tit-submenu{
    padding:0 60px;
    font-size:30px;
    font-weight: bold;
    margin-top:30px;
    margin-bottom:60px;
    overflow: hidden;
}

.tit-submenu .tit{
    width:20%;
    padding:0;
    margin-top:0;
    margin-bottom:0;
}
.tit-submenu .submenu{
    width:80%;
    text-align: right;
}
.tit-submenu .submenu ul{overflow: hidden;}
.tit-submenu .submenu ul li{
    display: inline-block;
    font-size:18px;
    padding:10px 30px;
    background:rgba(243,149,0,.2);
    margin:10px;
}
.tit-submenu .submenu ul li a{
    display: block;
    color:#777;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.tit-submenu .submenu .active{
    background: #f39500;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
}
.tit-submenu .submenu .active a{color:#fff;}
.tit-submenu .submenu ul li:hover{
    background: #f39500;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
}
.tit-submenu .submenu ul li:hover a{color:#fff;}








.about-c-top{overflow: hidden;position: relative;}
.about-c-c{
    padding:80px 60px;
    overflow: hidden;
    background: #f8f8f8;
    line-height: 40px;
    color:#555;
}
.about-c-c{
    position: absolute;
    bottom:0;
    left:0;
    width: 70%;
}
.about-c-tit{
    font-size:24px;
    font-weight: bold;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #ddd;
}
.about-culture{
    padding:80px;
    overflow: hidden;
    border-bottom:1px solid #ddd;
}
.about-culture-tit{
    font-size:24px;
    font-weight: bold;
    margin-bottom:20px;
}
.about-culture-c{overflow: hidden; color:#777;line-height: 40px;}
.about-culture-c span{
    width:25%;
    display: block;
    float:left;
    font-weight: bold;
    color:#555;
}
.about-pro{
    padding:80px;
    line-height: 30px;
}
.about-pro .about-pro-list{overflow: hidden;}
.about-pro-list span{
    display: block;
    float: left;
    width: 25%;
    font-weight: bold;
}
.weight{font-weight: bold;color:#333;}
.b{
    overflow: hidden;
}
.about-pro-list-c{
    width:75%;
    float:right;
}
.about-pro-list{
    padding:30px;
    overflow: hidden;
}
.about-pro-list:nth-child(2n){
    background: #f8f8f8;
}
.product{
/* max-width: 1870px; */
width: 100%;
overflow: hidden;
/* overflow-x: scroll;
overflow-y: hidden; */
height: 850px;
}



.product-top,.product-middle{overflow: hidden; border-bottom:1px solid #ddd;padding:60px 10px;}
.product-left{
    width:20%;
    float:left;
}
.product-top .product-liebiao{
    width:80%;
    float:right;
}
.product-lb-list{overflow: hidden;margin-bottom:60px; padding:30px;transition: all .3s;-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;}
.product-lb-list:nth-child(2){
    margin-bottom:0;
}

.product-lb-list:nth-child(2) .product-list-c{
    padding-left:0;
    padding-right:60px;
}

.product-list-pic{
    position:relative;
    overflow: hidden;
    width: 100%;
    height: 400px;
}
.product-list-pic img{
    position: absolute;
    width:60%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.product-list-pic img.one{
    left:0;
    top:0;
}
.product-list-pic img.two{
    right:0;
    bottom:0;
}
.product-list-c{
    padding-left:60px;
    padding-top:60px;
}
.product-list-desc{
    margin:40px 0;
    color:#777;
    line-height: 30px;
}
.product-list-btn a{
    color:#f39500;
}
.product-lb-list:hover{
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
}
.product-lb-list:hover .product-list-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}


.product-bottom{
    padding:60px 10px;
    overflow: hidden;
}
.product-bottom .product-left{
    width:20%;
    float:right;
    text-align: right;
}
.product-bottom .product-left img{
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}
.product-bottom .product-liebiao{
    width:80%;
    float:left;
}
.product-c-item{
    overflow: hidden;
    margin-top:40px;
    margin-bottom:60px;
}
.product-c-box{
    background:#f8f8f8;
    padding:5px;
    box-shadow: 0 2px 5px 2px rgba(0,0,0,.1);
    margin-bottom:30px;
}
.product-c-img img{
    display: block;
    margin:0 auto;
}

.product-name{
    height:60px;
    line-height: 60px;
    overflow: hidden;
}
.xunjia{
    line-height: 60px;
    text-align: center;
    background: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.xunjia a{
    display: block;
}
.product-c{
    overflow: hidden;
}
.product-c h2{
    line-height: 60px;
    background: #f8f8f8;
    padding: 0 20px;
}
.product-c-box:hover .xunjia{
    background: #f39500;
}
.product-c-box:hover .xunjia a{
    color:#fff;
}
.product-c-pic{
    display: table;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 270px;
    text-align: center;
}

.product-c-pic a {
    display: table-cell;
    width: 100%;
    height: 270px;
    vertical-align: middle;
}

.product-c-pic a img {
    max-width: 100%;
    max-height: 270px;
    margin: 0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.product-c-box:hover .product-c-pic a img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.p-c{
    overflow: hidden;
    background:#f8f8f8;
}
.c-top{
    background:#fff;
    padding:80px 0;
    overflow: hidden;
    box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .1);
}
.p-c .location{
    padding:0;
    border-bottom:none;
}
.catname{
    background: #f39500;
    width:100px;
    height: 30px;
    line-height: 30px;
    font-size:14px;
    color:#fff;
    text-align: center;
    font-weight: bold;
}
.c-title{
    font-size:30px;
    font-weight: bold;
    margin-top:30px
}
.c-bottom{
    overflow: hidden;
}
.product-c-left{
    background: #fff;
    padding:60px;
    overflow: hidden;
}
.product-c-c{
    margin-top:60px;
}
.product-c-c h4{
    background: rgba(243,149,0,.3);
    border-radius: 10px;
    line-height: 60px;
    padding:0 30px;
    font-weight: bold;
}
.product-c-c-c{
    padding:30px 0;
    color:#555;
}
.product-c-right{
    padding-left:60px;
}
.pro-nav{
    background: #fff;
}
.pro-nav-tit{
    font-size:24px;
    font-weight: bold;
    background: #f39500;
    color:#fff;
    line-height: 60px;
    padding:0 20px;
}
.pro-nav-nav ul li{
    line-height: 48px;
    border-bottom:1px solid #eee;
    padding:0 20px
}
.pro-nav-nav ul li a{
    display: block;
    color:#555;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.pro-nav-nav ul li:hover a{
    color:#f39500;
}
.pro-related{
    margin-top:30px;
    background: #fff;
}
.pro-related-item{
    padding:20px;
}
.pro-related ul li{margin-bottom:30px;}
.pro-related-pic{
    overflow: hidden;
}
.pro-related-pic img{
    max-height:225px;
    display: block;
    margin:0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.pro-related-name{
    line-height: 30px;
}
.pro-related ul li:hover .pro-related-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.pro-related ul li:hover .pro-related-name{
    color:#f39500
}
.fanye{
    border-top:1px solid #eee;
    overflow: hidden;
    padding-top:20px;
    color:#999;
}
.fanye a{
    color:#999;
}





/* 新闻 */
.news{
    padding-bottom:60px;
    background: url(../../images/news-bg.png) no-repeat bottom center;
    background-size: contain;
    overflow: hidden;
}
.news .sec-title{text-align: center;}
/*产品展示左侧*/
.pro-left{width: 100%;box-sizing: border-box;}
.pro-content{width: 100%;padding-top: 40px;overflow: hidden;}
.pro-right{width: 100%;}
/* .pro-left .left-title span.text{padding: 0 10px;} */
.pro-left .left-category ul{
    text-align: center;
    overflow: hidden;
}
.pro-left .left-category ul li{text-align: center; height: 48px; line-height: 48px;border: 1px solid #f39500;border-radius: 24px; width: 200px; display: inline-block;font-size: 20px;font-weight: bold;margin-right: 60px;}
.pro-left .left-category ul li:nth-child(2){margin-right:0;}
.pro-left .left-category ul li.on{background: #f39500;color: #FFFFFF;}



/*产品展示右侧*/
.pro-right{display: none;}
.pro-right ul{
    overflow: hidden;
    margin:40px 0;
}
.pro-right.active{display: block;}
.pro-right-btn{
    width:200px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #f39500;
    margin:0 auto;
}
.pro-right-btn a{
    display: block;
    color:#fff;
}
.news-box{
    margin:10px 0;
    background-color: #f8f8f8;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.news-content{
    padding:30px 15px;
    border-bottom:1px solid #f39500;
}
.news-content h3{
    font-size:18px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    font-weight: bold;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.news-desc{
    font-size: 16px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    color:#777;
    margin:10px 0 20px;
}
.news-btn{color:#f39500;font-weight: bold;}
.news-date{
    line-height: 40px;
    padding:0 15px;
    color:#777;
}

.news-box .img {
    overflow: hidden;
    width: 100%;
    height: 314px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.pro-right ul li:hover .news-box{
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    box-shadow: 0 2px 5px 2px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 5px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 5px 2px rgba(0,0,0,.1);

}
.pro-right ul li:hover .news-box .news-content h3{
    color:#f39500;
}

.news-c{
    overflow: hidden;
}
.news-c ul{
    overflow: hidden;
}
.news-c ul li{margin-bottom:30px;}
.news-c ul li .news-c-box{
    border:1px solid #ddd;
    border-radius:4px;
    padding:30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.news-c ul li .news-c-box h3{
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.news-c-logo{
    text-align: right;
}
.news-c-logo img{
    height: 40px;
}
.news-c-img{
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin:30px 0;
}
.news-c-desc{
    color:#999;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin:20px 0 60px;
}

.news-c-date{
    text-align: right;
    position: relative;
}
.news-c-date span{
    display: block;
    position: absolute;
    right: -30px;
    bottom: -40px;
    font-size: 80px;
    font-weight: bold;
    color: rgba(243, 149, 0, .1);
}
.news-c ul li:hover .news-c-box{
    box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .1);
}
.news-c ul li:hover h3{color:#f39500}
.news-c-content{
    padding:60px 0;
}
.news-c-c-c{
    margin-bottom:40px;
    line-height: 30px;
    color:#555;
}




.message{
    width: 80%;
    margin:0 auto;
    margin-bottom:60px;
}
.message .item{
    margin-bottom:30px;
}
.message .item input[type="text"]{
    width:100%;
    line-height: 40px;
    border-radius: 6px;
    border:1px solid #ddd;
    padding:0 10px;
}
.message textarea{
    width:100%;
    height: 150px;
    border:1px solid #ddd;
    border-radius: 6px;
    padding:10px;
}

.message .item span{
    color:#ff0000;
}
.message button{
    width:300px;
    height: 48px;
    margin-right:60px;
    background: rgba(243,149,0,.5);
    border-radius:24px;
    border:none;
    font-weight: bold;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.message button:hover{
    background: #f39500;
}
.message .btn-primary.active.focus, .message .btn-primary.active:focus, .message .btn-primary.active:hover, .message .btn-primary:active.focus, .message .btn-primary:active:focus, .message .btn-primary:active:hover, .message .open>.dropdown-toggle.btn-primary.focus, .message .open>.dropdown-toggle.btn-primary:focus, .message .open>.dropdown-toggle.btn-primary:hover{
    background-color: #f39500;
    border-color: unset;
}
.message .btn-primary:hover{
    border-color:unset;
}


.contact{
    overflow: hidden;
    margin:0 0 60px;
    padding:10px;
}
.contact h2{
    width:30%;
    margin:0 auto;
    text-align: center;
    margin-bottom:60px;
    line-height: 48px;
}
.contact-box{
    text-align: center;
    background: #f8f8f8;
    padding:60px 30px;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.contact-icon img{
    display: block;
    margin:0 auto;
    height: 100px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.contact-tit{margin-top:20px;font-size:24px;font-weight: bold;}

.contact-top .width33:nth-child(3n) .contact-box,.contact-bottom .width33:nth-child(3n) .contact-box{
    border-right: none;
}
.contact-bottom .contact-box{
    border-bottom:none;
}
.contact-box:hover{
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
}
.contact-box:hover .contact-icon img{
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}













/* 企业文化 */
.culture{overflow: hidden;}
.culture-img{
    position: relative;
}
.culture-img img{
    width:100%;
    height: 1061px;
}
.culture-title{
    position: absolute;
    top:15%;
    left:20%;
    color:#fff;
    font-weight: bold;
}
.culture-title:after{
    content: "";
    display: block;
    width: 120px;
    height: 4px;
    background: #fff;
    margin-top:10px;
}
.culture-content{
    padding-left:80px;
    padding-top:10%;
    padding-right:12%;
    position: relative;
    height: 1061px;
}
.culture-name{
    color:#f39500;
    font-weight: bold;
}
.culture-name:after{
    content: "";
    display: block;
    width: 120px;
    height: 4px;
    background: #f39500;
    margin-top:10px;
}
.culture-one{
    margin-bottom:60px;
    padding-bottom:60px;
    border-bottom:1px dotted #ddd;
}
.culture-desc{
    width:80%;
    line-height: 30px;
    color:#777;
    margin-top:20px;
}
.culture-two{
    margin-bottom:60px;
    padding-bottom:60px;
    position: relative;
    width: 100%;
}

.culture-two .culture-name:after{
    content: "";
    position: absolute;
    right: 0;
    display: block;
    width: 120px;
    height: 4px;
    background: #f39500;
    margin-top:10px;
}
.culture-two .culture-name,.culture-two .culture-desc{text-align: right;}
.culture-two .culture-desc{width:100%;margin-top:30px;}
.culture-three{
    width: 520px;
    background: #f4f4f4;
    padding:60px;
    position: absolute;
    left:-30%;
    bottom:0;
}
.culture-content-img{
    position: absolute;
    right:12%;
    bottom:0;
}

.footer{
    background: #f39500;
    padding:60px 0;
    color:#fff;
}
.footer-nav,.footer-nav ul{overflow: hidden;}
.footer-nav{
    margin-top:40px;
    margin-bottom:60px;
}
.footer-nav ul li a{
    display: block;
    width: 100%;
    border-top:1px solid rgba(255,255,255,.4);
    line-height: 60px;
    color:#fff;
}
.copyright>.col-sm-3{
    text-align: right;
}
.copyright-left{
    overflow: hidden;
}
.copyright-left a{color:#fff;}
.copyright-left a{color:#fff;}
.copyright-left .gongan img{width: 20px;}





.copyright{
    overflow: hidden;
    margin: 0 -15px;
}



.box-phone{display: none;overflow: hidden;}
.box-phone>div{width:33.333%;
    float:left;
    height: 200px;
    background-size: cover;
    position: relative;
}
.box-phone .box-cover{
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top:40%;
    left:0;
    top:0;
}
.box-phone .box-cover .box-icon img{
    width: 48px;
}
.box-phone .box-cover h3{
    font-size:16px;
}
.text-c{
    line-height: 40px;
    padding: 10px;
}
.text-c span{
    padding:5px 10px;
    background: #f39500;
    color:#fff;
}
.text-c a{
    padding:5px 10px;
    background: #f4f4f4;    
}
.text-c .a1{
    padding:5px 10px;
    background: #f4f4f4;
}
.contact-c,.contact-top,.contact-bottom{overflow: hidden;}
.message-desc{
    font-size:24px;
    font-weight: bold;
    margin-bottom:30px;
}


@media(max-width:1680px) and (min-width:1600px){
    .culture-img,.culture-img img,.culture-content{height:960px}
    .culture-content{
        padding-top: 5%;
    }
    .box>div{
        width:280px !important;
    }
}
@media(max-width:1600px) and (min-width:1440px){
    .product-c-pic,.product-c-pic a{height: 233px;}
    .product-c-pic a img{
        max-height: 233px;
    }
    .about-c-c{padding:40px 60px;}
    .sec-about-desc{margin:30px auto 40px;}
    .news-box .img{height: 200px;}
    .box>div{
        width: 266.5px !important;
    }
}

@media(max-width:1440px) and (min-width:1400px){
    .about-box{padding-top:0;padding-left: 5%;}
    .culture-img,.culture-img img,.culture-content{height: 823px;}
    .culture-content{padding-right: 5%;padding-top:40px;}
    .culture-content-img{right:5%}
    .culture-three{left:-40%}
    .culture-one{padding-bottom:30px;margin-bottom:30px;}
    .copyright-left{font-size: 14px;}
    .product-list-pic img{width:80%}
     .box>div{
        width:240px !important;
    } 
}

@media(max-width:1400px) and (min-width:1366px){
    .about-box{padding-right: 40px;}
    .news-box .img{height: 200px;}
    .about-c-c{
        padding:30px;
    }
    .product-list-pic img{width:80%}
    .product-c-pic ,.product-c-pic a{height: 189px;}
    .product-c-pic a img{max-height: 189px;}

    .contact h2{width:50%}
    .box>div{
        width:233px !important;
    } 
}



@media(max-width:1366px) and (min-width:1280px){
    .contact-desc{line-height: 30px;height: 60px;}
    .copyright-left{font-size:14px;}
    .news-c ul li .news-c-box h3{font-size:20px;}
    .product-list-pic img{width:80%}
    .product-c-pic ,.product-c-pic a{height: 189px;}
    .product-c-pic a img{max-height: 189px;}
    .about-c-c{width: 80%;padding:30px;}
    .about-box{padding-top: 0;padding-right:40px;}
    .sec-about-desc{margin:30px auto;}
    .box>div{
        width:227.5px !important;
    } 

    .culture-img img{height: 781px;}
    .culture-content{height:781px;padding-right:5%;padding-top: 30px;}
    .culture-content-img{right:5%;width:80%}
    
}
@media(max-width:1360px) and (min-width:1300px){
    .box>div{
        width:226.5px !important;
    } 
    .news-box .img{height:200px}
}



@media screen and (max-width: 1300px) and (min-width:1200px){
    .about-box{
        padding-left:60px;
        padding-right:60px;
        padding-top:0px
    }
    .sec-about-desc{margin:30px 0 40px;line-height: 26px;}
    .box>div {
        width: 213px !important;
    }
    .news-box .img{height: 200px;}
    .about-c-c{line-height: 30px;}
    .product-left{width:15%}
    .product-top .product-liebiao{width:85%}
    .product-list-c{padding-top:40px;}
    .product-c-pic a img{
        max-height: 168px;
    }
}


@media(max-width:1024px){
    .box-phone{display: block;}
    .box{display: none;}

}


@media(max-width:992px){
    .bannerSwiper{margin-top:44px;}
    .sec{margin:40px 0;}
    .about .width50{width:100%}
    .about-box{padding:0px 10px 30px}
    .sec-about-desc{margin:20px 0 30px;font-size: 14px;line-height: 24px;}
    .sec>img{display: none;}
    .sec-title{font-size:30px}
    .about{margin-bottom:0px;overflow: hidden;}
    .box>div{width:33.33%}
    .footer{overflow: hidden;padding:30px 0;}
    .product{height: auto;}
    .pro-content{padding-top:20px;}
    .pro-left .left-category ul li{width:140px;line-height: 40px;height: 40px;font-size: 20px;margin-right: 30px;}
    .news-box .img{height: 160px;}
    .news-content h3{font-size:16px ;height: auto;}
    .news-desc{font-size:14px;line-height: 24px;}
    .culture .width40,.culture .width60{
        width:100%
    }
    .culture-img>img{display: none;}
    .culture-img{background:url(../../images/h-culture.jpg) no-repeat center bottom;width: 100%;height: 200px;}
    .culture-content{
        height: auto;
        padding-left:10px;
        padding-right:10px;
    }
    .culture-content .font30{font-size:24px}
    .culture-desc{width: 100%; font-size: 14px;line-height: 24px;}
    .culture-one{margin-bottom:30px;padding-bottom:30px;}
    .culture-two{margin-bottom:0;padding-bottom:30px;}
    .culture-two .culture-name:after{position: unset;}
    .culture-two .culture-name, .culture-two .culture-desc{text-align: left;}
    .culture-content-img,.culture-three{position: unset;}
    .culture-three{width: 100%;padding:30px;}
    .footer-title,.footer-nav{display: none;}
    .copyright{font-size: 14px;line-height: 24px;}
    .copyright .col-sm-3{
        text-align: center;
        margin-top:10px;
    }
    .copyright .col-sm-9 {text-align: center;}
    .copyright .col-sm-9 .col-sm-3{text-align: center;margin-top:0}
    .banner-c{background-position:  right bottom; background-size:100% 100%; height: 120px;margin-top:44px;}
    .about-c-top .width70,.about-c-top .width35{width:100%}
    .about-c-c{position: unset;width:100%;padding:30px 10px;line-height: 24px;font-size: 14px;}
    .font42{font-size:32px}
    .tit{margin-bottom:30px;margin-top:20px;padding:0 10px}
    .about-culture{padding:30px 10px;}
    .about-culture-c{font-size: 14px;line-height: 30px;}
    .about-pro{padding:30px 10px;}
    .about-pro-item{overflow:hidden;}
    .about-pro-list{padding:0;font-size: 14px;line-height: 24px;}
    .about-pro-list-c{width:65%}
    .location{padding:0 10px;line-height: 40px;}
    .tit-submenu{padding:0 10px;margin-bottom:30px;}
    .tit-submenu .tit{width: 100%;}
    .tit-submenu .submenu{width: 100%;text-align: left;}
    .tit-submenu .submenu ul li{font-size:16px;padding:10px;margin:0}
    .product-c h2{font-size:24px}
    .product-c-pic,.product-c-pic a{height: 111px;}
    .product-c-pic a img{max-height: 111px;}
    .product-name{line-height: 40px;height: 40px;overflow: hidden;}
    .xunjia{line-height: 40px;}
    .c-top{padding:60px 10px 20px}
    .c-title{margin-top:20px;font-size:24px;}
    .product-c-item{margin-top:30px;margin-bottom:30px;}
    .product-c-item .width75,.product-c-item .width25{width: 100%;}
    .product-c-left{padding:30px 10px;}
    .product-c-c{margin-top:30px;}
    .fanye{line-height: 30px;font-size:14px;}
    .product-c-right{
        padding-left:0;
        margin-top:20px;
        display: none;
    }
    .news-c ul li .news-c-box h3{font-size:20px;height: auto;}
    .news-c-content{padding:30px 10px;}
    .message{width:100%;padding:0 10px;}
    .contact{margin:0 0 30px}
    .contact h2{width:90%;font-size:24px;line-height: 30px;}
    .contact-top .width33,.contact-bottom .width33{width:100%}
    .contact-box{padding:30px;margin-bottom:20px;}

    .product-top, .product-middle{padding:0px 10px 30px;}
    .product-left{display: none;}
    .product-top .product-liebiao{width:100%}
    .product-lb-list{padding:30px 10px;margin-bottom:0;}
    .product-lb-list .width50{width:100%}
    .product-list-pic{height: 240px;}
    .product-list-pic img{width:80%}
    .product-list-c{
        padding-left:10px;
        padding-top:30px;
    }
    .product-list-desc{margin:30px 0;}
    .product-bottom{padding:30px 10px}
    .product-bottom .product-liebiao{width: 100%;}
    .product-lb-list:nth-child(2) .product-list-c{padding-right:0;}
    .message-desc{font-size:20px;}
    .message button{margin-bottom:20px;margin-right:0;}
    .message button:nth-child(2){margin-bottom:0;}
}



@keyframes ImgBig{
    0%{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
    100%{
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}