.jq22-container{ text-align: center; position: fixed; width: 100%; height: 100%; float: left; font-size: 0; z-index: 99;}
.jq22-container .logo{position: absolute; top: 20px; opacity: 0.6; width: 188px; left: 50%; margin-left: -94px;}
.jq22-container .down{position: absolute; bottom: 20px; display: inline-block; z-index: 999; cursor: pointer; width: 30px; left: 50%; margin-left: -15px;}
.jq22-container .video-m{ display: none;}
.jq22-container video{border: none; padding: 0;}


.index{ width: 100%; box-sizing: border-box; font-size: 0; background: #fff; float: left; text-align: center; position: relative; z-index: 99; padding: 0 15% 109px; transition: all 0.3s ease-in-out 0.2s}
.index .news{ width: 100%; float: left; padding-top: 109px;}
.news-list-left{ width: 100%; float: left; position: relative;}
.news-list-left .bd{ width: 100%; float: left; overflow: hidden;}
.news-list-left .bd li{ width: 100%; display: block; font-size: 0;}
.news-list-left .bd li img{ display: inline-block; width: 50%; vertical-align: middle;}
.news-list-left .bd li dl{ display: inline-block; vertical-align: middle; width: 50%; text-align: left; box-sizing: border-box; padding: 60px;}
.news-list-left .bd li dl dt{ width: 100%; font-size: 36px; line-height: 36px; max-height: 72px; overflow: hidden; font-family: "Helvetica-45",arial;}
.news-list-left .bd li dl dd{ width: 100%; font-size: 16px; line-height: 24px; padding-top: 20px;}
.news-list-left .bd a{ color: #000; font-style: italic;}

.news-list-left .hd{ position: absolute; width: 100%; bottom: 28px; }
.news-list-left .prev,.news-list-left .next{ display:block; float:left;  width:40px; height:40px; background:url(../images/new_prev.png) center center no-repeat #000; overflow:hidden;  cursor: pointer; margin-left: 62px; margin-right: 10px;}
.news-list-left .next{  background:url(../images/new_next.png) center center no-repeat #000; margin: 0;}





.index .l{ width: 50%; margin-top: 100px; display: inline-block; vertical-align: middle; text-align: center;}
.index .r{ width: 50%; margin-top: 100px; display: inline-block; text-align: center; vertical-align: middle;}
.i-down,.product,.about{ width: 100%; float: left;}
.i-down h2,.product h2,.about h2{ font-size: 36px; color: #000; width: 100%; font-family: "Helvetica-45",arial;font-style: italic}
.i-down img,.product img,.about img{ max-width: 100%;}
.i-down img:hover,.product img:hover,.about img:hover{ max-width: 100%; opacity: 0.7;}

.i-down p,.product p,.about p{ width: 100%; float: left; color: #000; font-size: 0.16rem; line-height: 0.3rem; font-style: italic}

.i-down .r,.about .r{ text-align: right; box-sizing: border-box; padding: 0.6rem;}
.product .l{ text-align: left; float: right; box-sizing: border-box; padding: 0.6rem;}
.product .r{ float: left;box-sizing: border-box; padding: 0.6rem;}

@media (min-width:1281px) and (max-width: 1366px){
    .index{ padding: 109px 0%;}  
    .nav .nav_zt li .list{ display: none;}
}

@media screen and (max-width: 639px){
    .index{ padding: 0;}
    .nav .nav_zt li .list{ display: none;}
    
    }