body{
    font-family:Arial,"微软雅黑",  Helvetica, sans-serif;
    font-size: 16px;
}

img {
    max-width: 100%;
}

* {
    padding: 0;
    margin: 0;
}
a,a:hover{
    text-decoration: none;
}
ul{margin:0; padding:0}
ul,ul li{
    list-style: none;
}

h1,h2,h3,h4,h5{
    margin:0;
    padding:0;
}
h2{font-size:36px;}
.sw-pag{
    z-index: 9999;
}
.fl{float:left;}
.fr{float:right;}

.left-zero{padding-left: 0;}
.right-zero{padding-right:0;}
.margin-top-60{margin-top:60px;}
#pages{
text-align:center;
}
#pages a{color:#333;}
#pages span{padding:5px 15px; background:#c7000d;color:#fff;}


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

.fp-controlArrow.fp-next{
    background: url(../../images/r-arrow.png) no-repeat center;
    background-size: cover;
    height: 60px;
    width: 60px;
    border-width:inherit;
    border-color:inherit;
}
.fp-controlArrow.fp-prev{

    background: url(../../images/l-arrow.png) no-repeat center;
    background-size: cover;
    height: 60px;
    width: 60px;
    border-width:inherit;
    border-color:inherit;
}


.header{
    width: 100%;
    background: #fff;
    padding:5px 60px;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    height:80px;
}
.header .left img{
    height:70px;
}


.slide-fa{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* 关于 */
.s1{
    background: url(../../images/s1.jpg) no-repeat center;
    background-size: cover;
    width:100%;
}
.s2{
    background: url(../../images/s2.jpg) no-repeat center;
    background-size: cover;
    width:100%;
}
.s3{
    background: url(../../images/s3.jpg) no-repeat center;
    background-size: cover;
    width:100%;
}

.h-a-l{
    width:65%;
    overflow: hidden;
}
.active .h-a-l{
	animation: leftmove .8s linear forwards alternate;
    -webkit-animation: leftmove .8s linear forwards alternate;
    -moz-animation: leftmove .8s linear forwards alternate;
    -o-animation: leftmove .8s linear forwards alternate;
	}
.h-a-c{margin-top:60px;line-height: 40px;}
.h-a-c a{
    color:#555;
}
.h-a-img{margin-top:60px;}

.h-a-t{
    font-size:48px;
    font-weight: bold;
}
.h-a-t:after{
    content:"";
    display: block;
    background:#c7000d;
    height:1px;
    width:370px;
}
.h-a-r{
    width:25%;
}
.swiper-h-honor{height:680px;}
.swiper-h-honor .swiper-slide img{
width:100%;
height:100%;
}
.h-a-r-top{
width:100%;
overflow:hidden;
margin-bottom:40px;
}
.active .h-a-r{
	animation: botmove .8s linear forwards alternate;
    -webkit-animation: botmove .8s linear forwards alternate;
    -moz-animation: botmove .8s linear forwards alternate;
    -o-animation: botmove .8s linear forwards alternate;
}
.zhanshi-b{
    background:#c7000d;
    padding:2px;
    overflow: hidden;
}

/* #marquee2 */
#marquee2{width:100%;height:600px;overflow:hidden;}
#marquee2 ul li{float:left;height:200px;overflow: hidden;width:100%; margin-right:10px;} 
#marquee2 ul li img{display:block;height: 177px;margin: 0 auto;}

#marquee2 li a{display:block;}
.h-zh-i{
height:180px;
width:100%;
border: 2px solid #c7000d;
}






.b{width:100%;}
.swiper-button-next, .swiper-button-prev{
    color:#fff;
}
.swiper-pagination-bullet-active{background:#fff;}


.section1{
    background: url(../../images/b1.jpg) no-repeat center;
    background-size: cover;
}


/* 产品 */
.section2{
    background: url(../../images/b2.jpg) no-repeat center;
    background-size: cover;
}
.home-pro{overflow:hidden}

.home-pro-nav {
    padding:0 50px 0;
}
/* .active .home-pro-nav{
	animation: leftmove .8s linear forwards alternate;
    -webkit-animation: leftmove .8s linear forwards alternate;
    -moz-animation: leftmove .8s linear forwards alternate;
    -o-animation: leftmove .8s linear forwards alternate;
} */
.h-pro-t{
    font-size:48px;
    font-weight: bold;
}
.nav-item-icon {
    width: 70px;
    height: 70px;
    margin: auto;
    background-image: url(../../images/icon.png);
    background-repeat: no-repeat;
}

#pro-nav .home-nav-item:nth-of-type(1) .nav-item-icon {
    background-position: 0 0;
}

#pro-nav .home-nav-item:nth-of-type(2) .nav-item-icon {
    background-position: -70px 0;
}

#pro-nav .home-nav-item:nth-of-type(3) .nav-item-icon {
    background-position: -140px 0;
}

#pro-nav .home-nav-item:nth-of-type(4) .nav-item-icon {
    background-position: -210px 0;
}

#pro-nav {
    padding-top: 50px;
    width: 200px;
}
.active #pro-nav{
	animation: leftmove .8s linear forwards alternate;
    -webkit-animation: leftmove .8s linear forwards alternate;
    -moz-animation: leftmove .8s linear forwards alternate;
    -o-animation: leftmove .8s linear forwards alternate;
}

.home-nav-item {
    padding: 15px 0;
    font-size: 20px;
    color: #333;
    position: relative;
}

.home-pro-brand {
    font-size: 32px;
    padding-top: 15px;
    color: #c7000d;
}

.home-product-container{
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 268px;
    text-align: center;
}
.home-product-container a{
	display: table-cell;
    width: 100%;
    height: 268px;
    vertical-align: middle;
}

.home-product-container a img{
max-width: 100%;
    max-height: 268px;
    margin: 0 auto;
}




.home-about-info{
    color:#777;
    line-height: 30px;
    margin-top:40px;
    margin-bottom:60px;
}
.h-pro-btn{
    width:120px;
    height:42px;
    line-height: 42px;
    background:#c7000d;
    text-align: center;
}
.h-pro-btn a{
    color:#fff;
    display: block;
}

/* 
.home-pro-item-box{
overflow:hidden}
 */
.home-pro-item {
    display: none;
	overflow:hidden;
}

.home-nav-item {
    cursor: pointer;
}

.pro-nav-active::after {
    content: " ";
    width: 80px;
    height: 2px;
    background-color: #c7000d;
    display: inline-block;
    position: absolute;
    right: -80px;
    top: 28px;
}

.pro-nav-active .nav-item-icon {
    background-position-y: -70px !important;
}

.pro-nav-active,
.pro-nav-active .text-center {
    color: #c7000d;
}





/* æ–°é—» */
.section3{
    background: url(../../images/b4.jpg) no-repeat center;
    background-size: cover;
}
.h-news{
    overflow: hidden;
    padding:0 60px;
}
.h-news-t{
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
	margin-bottom:60px;
}
.h-news-item{
    overflow: hidden;
}
.h-news-item ul li{
    float: left;
    width:33.33%;
    border: 1px solid #999;
    padding:60px 40px;
}
.h-news-item ul li:nth-child(1){
    border-right:0;
}
.h-news-item ul li:nth-child(3){
    border-left:0;
}

.active .h-news-t{
	animation: upMargin .8s linear forwards alternate;
    -webkit-animation: upMargin .8s linear forwards alternate;
    -moz-animation: upMargin .8s linear forwards alternate;
    -o-animation: upMargin .8s linear forwards alternate;
}
.active .h-news-item{
	animation: upMargin .8s linear forwards alternate;
    -webkit-animation: upMargin .8s linear forwards alternate;
    -moz-animation: upMargin .8s linear forwards alternate;
    -o-animation: upMargin .8s linear forwards alternate;
}

.h-news-item-date{
    color:#777;
}
.h-news-item-title{
    font-size: 24px;
    line-height: 40px;
    color:#333;
    margin: 30px 0 50px;
    height:120px;
    overflow: hidden;
    text-align: justify;
}
.h-news-item-btn{
    width:180px;
    height:48px;
    line-height: 48px;
    text-align: center;
    color:#999;
    margin: 0 auto;
    border: 1px solid #999;
}
.h-news-item ul li:hover{
    border: 1px solid #ccc;
    background:rgba(255,255,255,.4);
}




/* 案例 */
.section4{
    background: url(../../images/b3.jpg) no-repeat center;
    background-size: cover;
	padding:60px 0;
	overflow:hidden;
}
.h-case{
overflow:hidden;
}

.h-case-top,.h-case-bottom{overflow:hidden}

.h-case-top ul li,.h-case-bottom ul li{
    width:25%;
    float:left;
    overflow: hidden;
    position: relative;
    height:233px;
}
.h-case-top ul li img,.h-case-bottom ul li img{
    display: block;
    margin: 0 auto;
}
.h-case-top ul li .h-case-cover,.h-case-bottom ul li .h-case-cover{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    color:#fff;
    padding:20px;
    background: rgba(0,0,0,.4);
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transition:all 1s;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    text-align: center;
}
.h-case-biankuang{
    border:1px solid #fff;
    height: 100%;
    width:100%;
    padding:60px 0;
    overflow: hidden;
}
.h-case-cover-tit{font-size:20px;margin-bottom:50px;}
.h-case-top ul li:hover .h-case-cover,.h-case-bottom ul li:hover .h-case-cover{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
}


.h-case-title{
    font-size:48px;
    font-weight: bold;
    text-transform: uppercase;
    margin:40px 0;
}
.h-case-btn{
    width:160px;
    text-align: center;
    background: #c7000d;
    height: 42px;
    line-height: 42px;
}
.h-case-btn a{
    display: block;
    color:#fff;
}


/* 联系 */
.section5{
    background: url(../../images/b5.jpg) no-repeat center;
    background-size: cover;
}
.h-contact{
    overflow: hidden;
    position: relative;
    height:100%;
    width:100%;
}
.h-contact-logo{
    position: absolute;
    left: 12%;
    top: 25%;
    z-index: 0;
}
.h-contact-logo img{
    width:200px;
    opacity: .6;
}
.h-contact-tit{
    font-size: 200px;
    font-weight: bold;
    color:#fff;
    text-transform: uppercase;
    transform: translate(15%, 120%);
}
.active .h-contact-tit{

	animation: upMargin .8s linear forwards alternate;
    -webkit-animation: upMargin .8s linear forwards alternate;
    -moz-animation: upMargin .8s linear forwards alternate;
    -o-animation: upMargin .8s linear forwards alternate;

}
.h-contact-right{
    position: absolute;
    right: 0;
    top: 0;
    width: 38%;
    background: linear-gradient(to bottom,rgba(155,176,218,.7),rgba(24,61,138,.7));
    background: -webkit-linear-gradient(to bottom,rgba(155,176,218,.7),rgba(24,61,138,.7));
    background: -moz-linear-gradient(to bottom,rgba(155,176,218,.7),rgba(24,61,138,.7));
    background: -o-linear-gradient(to bottom,rgba(155,176,218,.7),rgba(24,61,138,.7));
    height: 100%;
    padding: 15% 60px 0;
    color: #fff;
}

.active .h-contact-right{

	animation: rightmove .8s linear forwards alternate;
    -webkit-animation: rightmove .8s linear forwards alternate;
    -moz-animation: rightmove .8s linear forwards alternate;
    -o-animation: rightmove .8s linear forwards alternate;

}

.h-contact-right-tit{
    font-size:48px;
    font-weight: bold;
}
.h-contact-right-tit:after{
    content: "";
    display: block;
    height:1px;
    width:100%;
    background:rgba(255,255,255,.7);
    margin: 30px 0 40px;
}
.h-contact-info{
    line-height: 40px;
}
.h-contact-info-tit{
    font-size:24px;
    font-weight: bold;
}
.h-contact-copyright{
    margin-top:120px;
    line-height: 40px;
}
.h-contact-copyright a{
color:#fff;
}


/* 面包屑导航 */
.sub_nav{width:100%; overflow:hidden;}
.sub_nav ul{font-size:0;width:100%;margin:0 auto;}
.sub_nav li{display:inline-block;line-height:52px;}
.sub_nav li a{display:block; text-align:center;font-size:16px; color:#777; position:relative;padding:0px 30px; }
.sub_nav li.cur a{color:#fff; background:#c7000d;}
.sub_nav li.cur a:after{left:0; width:100%;}
.sub_nav li:hover a{color:#fff; background:#c7000d;}
.sub_nav li:hover a:after{left:0; width:100%;}

.position{line-height:52px;height:52px; overflow: hidden;font-size:14px; color:#777;}
.position a{color:#777;}




/* 正文内容 */

/* 关于我们 */
.wenhua{
margin-top:60px;
overflow:hidden;
}
.wenhua-b{
border:2px solid #c7000d;
padding:30px 20px;
overflow:hidden;
margin-bottom:30px;
}
.wenhua-t{
font-size:20px;
font-weight:bold;
color:#c7000d;
text-align:center;
}
.wenhua-c{
border-top:1px solid #c7000d;
margin-top:10px;
padding-top:20px;
height:181px;
overflow:hidden;
}

.content{
    margin: 60px 0;
    overflow: hidden;
}
.about-c-img{margin-top:60px;overflow:hidden;}
.about-title{
    font-size:48px;
    font-weight: bold;
    text-align: center;
    color:#c7000d;
    text-transform: uppercase;
}
.about-title:after{
    display: block;
    content: "";
    width:160px;
    height:2px;
    background:#c7000d;
    margin: 20px auto 40px;
}
.about-info{
    line-height: 40px;
    color:#555;
}
.about-slogan{
    background:url(../../images/about-biaoyu.jpg) no-repeat center;
    background-size: cover;
    padding:100px 0;
    margin:60px 0;
}
.about-slogan-info{
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    color:#fff;
    margin-left:55%;    
}
.about-left{
    background: #c7000d;
    padding:10px;
    overflow: hidden;
    height:570px;
}
.about-left-image{
    background: url(../../images/about-culture.jpg) no-repeat top;
    width:100%;
    height:100%;
    overflow: hidden;
}
.about-culture-b{
    border:2px solid #c7000d;
    padding:40px 30px;
    margin-bottom:30px;
}
.no-margin-bottom{margin-bottom:0;}
.about-culture-tit{
    font-size:24px;
    font-weight: bold;
    text-transform: uppercase;
}
.about-culture-tit:after{
    content: "";
    display: block;
    width: 100%;
    height:1px;
    background: #c7000d;
    margin: 20px 0 30px;
}
.about-culgure-c{
    height:100px;
    overflow: hidden;
    color:#777;
}
.about-honor{
    margin:60px 0 0;
    overflow:hidden;
}
.about-honor-item{margin-top:60px;}
.swiper-honor .swiper-button-next,.swiper-honor .swiper-button-prev{
    color:#c7000d;
}
.honor-tit{text-align: center;height:48px;line-height: 48px;}
.honor-tit a{
    display: block;
    color: #333;
}


.honor-img{
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 217px;
    text-align: center;
}

.honor-img a{
    display: table-cell;
    width: 100%;
    height: 217px;
    vertical-align: middle;
}

.honor-img a img {
    max-width: 100%;
    max-height: 217px;
    margin: 0 auto;
}


.a-c{
    line-height: 40px;
}

/* 荣誉 */
.honor-item-img {
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 214px;
    padding: 5px;
    text-align: center;
    border: 1px #ddd solid;
}

.honor-item-img a {
    display: table-cell;
    width: 100%;
    height: 214px;
    vertical-align: middle;
}

.honor-item-img a img {
    max-width: 100%;
    max-height: 204px;
    margin: 0 auto;
}
.honor-item-tit{
    border:1px solid #ddd;
    border-top:none;
    line-height: 40px;
    margin-bottom: 30px;
    text-align: center;
    height:40px;
    overflow: hidden;
}
.honor-item-tit a{
    color:#333;
}

/* 视频 */
.video ul{
    overflow: hidden;
}
.video li{
    margin-bottom: 30px;
    overflow: hidden;
}
.video-b{
    width:100%;
}
.video-b a{
    color: #555;
}
.video-img{
    height:246px;
    overflow: hidden;
}
.video-img img{
    max-height:246px;
    display: block;
    margin: 0 auto;
}
.video-tit{
    text-align: center;
    height: 48px;
    line-height: 48px;
}


.video-c-tit{
    font-size:42px;
    text-align: center;
}
.video-icon{
    width: 60%;
    margin: 0px auto;
    overflow: hidden;
    font-size: 14px;
    line-height: 60px;
    text-align: center;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color: #999;
}
.video-content{
    margin: 60px 0 30px;
    overflow: hidden;
}
.f14{
    font-size:14px;
    color:#777;
    overflow: hidden;
}
.f14 a{color:#777;}

/* 产品 */
.product{overflow: hidden;}
.product-top{
    overflow: hidden;
}
.product-item{overflow:hidden;}
.product-item-b{margin-bottom:30px;}
.product-item-img{
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 318px;
    text-align: center;
    padding: 5px;
    border: 1px #ddd solid;

}

.product-item-img a {
    display: table-cell;
    width: 100%;
    height: 318px;
    vertical-align: middle;
}

.product-item-img a img {
    max-width: 100%;
    max-height: 308px;
    margin: 0 auto;
}
.product-item-tit{
    border-top:none;
    line-height: 40px;
    margin-bottom: 30px;
    text-align: center;
}
.product-item-tit a{
    display: block;
    text-align: center;
    color:#333;
}




.product-bottom{
    margin-top:60px;
}
.product-bottom-tit{
    background: #c7000d;
    height:80px;
    line-height: 80px;
    overflow: hidden;
    text-align: center;
    color:#fff;
    font-size: 24px;
    text-transform: uppercase;
}
.product-bottom-item{
    overflow: hidden;
    background: #eee;
    padding:60px 20px;
}
.new-pro-t{
    text-align: center;
    line-height: 40px;
    height:40px;
    overflow: hidden;
}
.new-pro-t a{
    display: block;
    color:#333
}
.new-pro-i{height:318px;}
.new-pro-i img{max-height:318px;display:block;margin:0 auto;}
.swiper-newproduct .swiper-pagination-bullet-active{background:#c7000d;}

.p-t{
    font-size:40px;
    color:#c7000d;
    text-align: center;
}
.p-t::after{
    content: "";
    display: block;
    width:100px;
    height:1px;
    background: #c7000d;
    margin: 20px auto 60px;
}
.p-c{
    overflow: hidden;
    width: 100%;
}
.p-c img{
    display: block;
    margin: 0 auto;
}
.p-c-i{margin-bottom:40px;}


/* æ–°é—» */
.news{overflow: hidden;}
.news ul{overflow: hidden;}
.news ul li{
    margin-bottom:30px;
}
.news-img{
    border: 1px solid #ddd;
    padding: 5px;
    height:239px;
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    text-align: center;
}
.news-img a{
    display: table-cell;
    width: 100%;
    height: 239px;
    vertical-align: middle;
}
.news-img a img{
    max-width: 100%;
    max-height: 239px;
    margin: 0 auto;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}
.news-item-con{
    padding:15px 10px 30px;
    overflow: hidden;
}
.news-item-tit{
    font-size: 20px;
    color:#333;
    height:60px;
    overflow: hidden;
    margin-bottom:10px;
}
.news-item-info{
    color: #777;
    height: 50px;
    overflow: hidden;
    line-height: 24px;
}
.news-item-date{
    color: #c7000d;
    font-size: 14px;
    position: relative;
    line-height: 30px;
}
.new-item-btn{
    position: absolute;
    width: 30px;
    height:30px;
    right: 0;
    top: 0;
    background: url(../../images/news-jt.png) no-repeat center;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}
.news ul li:hover .news-img a img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.news ul li:hover .news-item-tit{
    color:#c7000d;
}
.news ul li:hover .new-item-btn{
    background: url(../../images/news-jt1.png) no-repeat center;
}

.news-c-t{
    text-align: center;
    font-size: 36px;
    margin-bottom:20px
}
.news-c-icon{
    width:60%;
    margin: 0 auto;
    text-align: center;
    color: #555;
    overflow: hidden;
    font-size: 14px;
}
.news-c-c{
    margin: 40px 0 30px;
    overflow: hidden;
}









/* footer */
.footer{
    background-color:#333;
    background-image: url(../../images/ft.png);
    background-repeat:repeat;
    padding: 60px 0 30px;
    overflow: hidden;
    color: #fff;
}
.footer-menu ul{overflow: hidden;}
.footer-menu ul li{
    float: left;
    padding:10px 15px;
}
.footer-menu ul li a{color:#ccc;}
.footer-tel{
    font-size:42px;
    font-weight: bold;
    color: #c7000d;
    font-family: 'Times New Roman', Times, serif;
    margin-top:20px;
}
.fonter-contact{
    font-size: 16px;
    color:#ccc;
    line-height: 30px;
}
.fonter-contact span{
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-bottom:15px;
}

.copyright{
    margin-top:40px;
}
.copyright a{color:#fff;}
.copyright:before{
    content: "";
    width: 100%;
    height:1px;
    display: block;
    background:#555;
    margin-bottom:20px;
}

/* fonter结束 */
.contact-info{margin-top:40px;}
input[type='text']{
width:100%;
line-height:36px;
border:1px solid #ccc;
}
textarea{
border:1px solid #ccc;
width:100%;
}






@media(min-width:1300px) and (max-width:1400px){
.h-contact-tit{
font-size:160px;
transform: translate(12%, 150%);
}
.h-contact-info-tit{font-size:20px;}
.h-contact-copyright{
	margin-top: 80px;
    line-height: 30px;
	}
.h-case-top ul li, .h-case-bottom ul li{height:215px;}
.h-case-title{margin:45px 0;}
}


@media(min-width:992px) and (max-width:1299px){
.h-case-top ul li, .h-case-bottom ul li{height:215px}
.h-case-title{margin:40px 0;}
.h-news-item-title{font-size:20px;}
.h-contact-tit{transform: translate(8%, 200%);font-size:120px;}
.h-contact-right{width:50%;}
.h-contact-logo img{width:160px;}
.h-contact-copyright{margin-top:80px;}
}

@media(max-width:992px){
.s1{
    background: url(../../images/m1.jpg) no-repeat center;
    background-size: cover;
    width:100%;
}
.s2{
    background: url(../../images/m2.jpg) no-repeat center;
    background-size: cover;
    width:100%;
}
.s3{
    background: url(../../images/m3.jpg) no-repeat center;
    background-size: cover;
    width:100%;
}
.header{padding:5px 10px;height:60px;}
.header .left{width:30%;}
.header .left img{height:auto;}
#fp-nav{display:none;}

.h-a-l,.h-a-r{width:100%;padding:0 10px;}
.h-a-t,.h-pro-t,.h-news-t{font-size:32px;}
.h-a-l{margin-bottom:40px; margin-top:40px;}
.h-a-r-top{margin-bottom:40px}


#pro-nav{overflow:hidden;width:100%;padding-top:20px;}
.home-pro-nav{padding:0 10px 0;}
.pro-nav-active::after{display:none}

.h-case-title{font-size:32px;margin:20px 0;}
.h-news{padding:0 10px;}


.h-contact{height:840px;overflow:hidden;}
.h-contact-right{width:100%;padding:60px 10px;overflow:hidden;}
.h-contact-logo,.h-contact-tit{display:none;}
.h-contact-right-tit{font-size:30px;}
.banner-c{margin-top:60px;}
.sub_nav{display:none;}
}


@media(min-width:767px) and (max-width:992px){
.header .left img{height:50px;}
.h-case-top ul li, .h-case-bottom ul li{height:138px}
.about-slogan-info{margin-left:60%}
.about-culgure-c{height:180px;}
.honor-item-img ,.honor-item-img a{height:92px}
.honor-item-img a img{max-height:82px}
.video-img{height:124px;}
.video-img img{max-height:124px;}
.product-item-img ,.product-item-img a{height:156px;}
.product-item-img a img{max-height:146px;}

.news-img ,.news-img a{height:117px}
.news-img a img{max-height:117px}
}


@media(max-width:767px){
.home-nav-item{width:50%; float:left;}
.h-case-top{padding:10px 0; overflow:hidden;}
.h-case-top ul li{
	width: 100%;
    height: auto;
}
.h-case-bottom ul li{
width:100%;
height:auto;}
.h-case-bottom ul li:nth-child(2),.h-case-bottom ul li:nth-child(3),.h-case-bottom ul li:nth-child(4){
display:none;}
.h-news-item ul li{width:100%;}
.h-news-item ul li:nth-child(1){border-right:1px solid #999;}
.h-news-item ul li:nth-child(3){border-left:1px solid #999}



.active .h-a-l{
animation:none;
-webkit-animation:none;
-moz-animation:none;
-o-animation:none;
}
.active #pro-nav,.active .h-a-r{
animation:none;
-webkit-animation:none;
-moz-animation:none;
-o-animation:none;
}
.about-slogan{background: url(../../images/about-biaoyu.jpg) no-repeat center right;}
.about-slogan-info{margin-left:10px;font-size:32px;}
.honor-img ,.honor-img a{height:46px}
.honor-img a img{max-height:46px;}
.honor-tit a{font-size:14px;}

.honor-item-img ,.honor-item-img a{height:92px;}
.honor-item-img a img{max-height:82px;}
.video-img{height:88px;}
.video-img img{max-height:88px;}
.video-c-tit{font-size:30px}
.video-icon{width:100%;}
.video-content iframe{width:100% !important;}

.product-item-img ,.product-item-img a{height:146px;}
.product-item-img a img{max-height:146px;}

.news-img ,.news-img a{height:187px}
.news-img a img{max-height:187px}
.news-c-icon{width:100%;}

#marquee2 ul li{width:170px}
#marquee2 ul li img{height:140px}
.h-zh-i{height:144px;}
.wenhua-c{height:230px;}
.new-pro-i{height:70px;}
.new-pro-i img{max-height:65px;}
}








/* animation动效 */
 @keyframes leftmove{
   from{
      margin-left:-100%;
   }
   to{
      margin-left:0;
   }
}

 @keyframes rightMargin{
   from{
      margin-right:-100%;
   }
   to{
      margin-right:0;
   }
}

@keyframes rightmove{
   from{
      right:-100%;
         }
         to{
      right:0;
         }
      }
      
@keyframes upmove{
         from{
      top:-100%;
         }
         to{
      top:0;
         }
      }
@keyframes upMargin{
         from{
      margin-top:100%;
         }
         to{
      margin-top:0;
         }
      } 

@keyframes botmove{
         from{
      margin-top:-100%;
         }
         to{
      margin-top:0;
         }
      }