.index_bg{position: relative;}
.index_bg video{
    width: 100%;
}
.index_bg .cn_btn{left: 36%;}
.index_bg .en_btn{left: 51%;}
.index_bg .btn{width: 160px;height: 45px;position: absolute;top:62%;/*background: #000*/} 
header .langure{
    position: absolute;
    right: 0;
    top: 40%;
}
header .nav_w{background: #e71218;line-height: 56px;}
header .nav_w .nav a{color: #fff}
header .nav_w .nav li{display: inline-block;font-size: 16px;width: 9.6%;text-align: center;}
header .nav_w .nav li:after{content:"|";float: right;color: #fff}
header .nav_w .nav li:last-child:after{content: ""}
/*header .nav .nav1{}
header .nav .sub_nav{display: none;position: absolute;background: #fff;width: 30%;left: 7%}
header .nav .sub_nav div{border-bottom: 1px dashed #ddd;line-height: 60px}
header .nav .sub_nav div:hover{background: #da251c}
header .nav .sub_nav div:hover a{color: #fff}*/


header .mask { display:none;}
header .nav_w {}
header .nav_w .close { display:none; position: absolute; top:20px; left:auto; right:3%; cursor:pointer; width:16px; height:16px; background:url(images/close.png) 0 0 no-repeat; background-size:100% auto;}


nav{background: #e71218;width: 100%;line-height: 60px;}

.index_content{}
.index_content .pic{    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 65%;}
.index_content .pic img{width: 100%;
    position: absolute;
    height: 100%;}
.index_content .item{width: 100%;}
.index_content .item .info{margin-top: 10px;}
.index_content .item .info h2{font-weight: normal;}
.index_content .item .info h3{font-weight: normal;}



.position{background: #efefef;line-height: 50px;width: 100%;margin-bottom: 50px}

footer .foot_left{float: left;}
footer .foot_right{float: right;}
footer .foot_right img{float: left;}
footer .foot_right p{float: left;margin-top: 20px;margin-left: 15px}
footer{background: #222222;border-top:3px solid #e30000;width: 100%;padding:15px 0px;
	margin-top: 30px;color:#fff;line-height: 26px;display: inline-block;}


.ncontent{line-height: 30px;font-size: 16px}
.piclist{}
.piclist .item{position:relative;margin-bottom: 15px;}
.piclist .item .pic{width:100%;

    height:0px;

    padding-bottom:120%;

    }
.piclist .item .pic img{ width:100%;

        height:100%;

        position:absolute;}
.piclist .item .title{    text-align: center;
    font-size: 16px;
    position: absolute;
    bottom: -30px;
    width: 100%;}

    .piclist2{}
.piclist2 .item{position:relative;margin-bottom: 15px;}
.piclist2 .item .pic{width:100%;

    height:0px;

    padding-bottom:70%;

    }
.piclist2 .item .pic img{ width:100%;

        height:100%;

        position:absolute;}
.piclist2 .item .title{    text-align: center;
    font-size: 16px;
    position: absolute;
    bottom: -30px;
    width: 100%;}

.lists{}
.lists .item{padding:20px 0px;border-bottom: 1px dashed #ccc;display: inline-block;height: 190px}
.lists .item .pic{}
.lists .item .pic img{width: 100%;height: 100%}
.lists .item .info{padding:0px 15px;height: 190px}
.lists .item .description{line-height: 30px}
.lists .item .time{color: #aaa;font-size: 14px}



.wenzhang_title{ font-size: 24px; width: 100%; text-align: center; font-size: 26px;  color: #666;}
.wenzhang_time{ width: 100%;text-align: center;  color: #aaa; margin-top: 10px;}
.wenzhang_body{ margin-top: 20px; line-height: 28px; color: #666 }
.wenzhang_body img{max-width: 100%}
.wenzhang_shangxia{ margin: 20px 0px 30px; padding-top: 20px; border-top: 1px solid #ccc; width: 100%; text-align: center; color: #666;}
.wenzhang_shangxia .shang{ float: left;margin-bottom: 50px; }
.wenzhang_shangxia .xia{float: right;}

ul li{
    list-style: none;
}
.mask {
position: fixed;
left: 0;
top: 0;
width: 100%;
background: #000000;
height: 900px;
z-index: 400;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.7;
display: none;
}
.nav_box {
background: #000;
width: 70%;
position: fixed;
right: 0;
height: 100vh;
top: 0rem;
z-index: 888;
padding: 2rem 1.5rem;
color: #fff;
display: none;
}
.nav_box .close {
position: absolute;
right: 0.8rem;
top: 0.8rem;
cursor: pointer;
width: 1.5rem;
height: 1.5rem;
text-align: center;
}
.nav_box a {
color: #fff;
}
.nav_box .nav ul li {
border-bottom: 1px solid #666;
line-height:48px;
font-size: 18px;
position: relative;
}
.nav_box .nav ul li .libox {
display: flex;
justify-content: space-between;
}
.nav_box .nav ul li .sub_content {
display: none;
}
.nav_box .nav ul li .sub_content a {
width: 100%;
text-align: center;
display: inline-block;
}

header .menu{
    display: none;
}


/* 大屏幕 */

@media screen and (min-width: 1200px) { 



}

@media  (max-width: 990px){
    .logo{width: 80%;display: block;padding: 10px 0;}
    .logo img{max-width: 100%;}

    header .menu{
        display: block;
        position: absolute;
        right: 10px;
        color: #666;
        top: 30px;
    }
    header .nav_w .nav{display: none;}
    .nav_box{
        width: 30%;
    }
}



/* 平板电脑和小屏电脑之间的分辨率 */

@media (min-width: 768px) and (max-width: 979px){


    .logo{width: 80%;display: block;padding: 10px 0;}
    .logo img{max-width: 100%;}

    header .menu{
        display: block;
        position: absolute;
        right: 10px;
        color: #666;
        top: 35px;
    }
    header .nav_w .nav{display: none;}
    .nav_box{
        width: 40%;
    }
    header .langure{
        right:50px;
    }

}



/* 横向放置的手机和竖向放置的平板之间的分辨率 */

@media (max-width: 767px) {


    .index_bg .btn {
        width: 80px;
        height: 35px;
        position: absolute;
        top: 62%;
        /* background: #000; */
    }

    .index_bg .cn_btn {
        left: 26%;
    }
    .banner{
        height: 200px!important;
        background-size: cover!important;
    }
    .logo{width: 80%;display: block;padding: 10px 0;}
    .logo img{max-width: 100%;}

    header .nav_w .nav{display: none;}
    footer .foot_right{width: 100%;text-align: center;display: flex;justify-content: center; align-items: center;margin-top: 10px;}
    footer .foot_right p{
        margin-top: 0;
    }
    footer .foot_left span{
        width: 100%;
        float: left;
    }
    .ncontent img{max-width: 100%;}
    header .menu{
        display: block;
        position: absolute;
        right: 10px;
        color: #666;
        top: 33px;
    }
    .f30{
        font-size: 26px;
    }
    .lists .item .description{
        display: none;
    }

    header .langure{
        right:50px;
    }

}

@media (max-width: 650px) {
    header .menu{
        top: 25px;
    }
}

/* 横向放置的手机及分辨率更小的设备 */

@media (max-width: 480px) {

    .index_bg{height: 300px;}
    .f26{
        font-size: 20px;
    }
    .f30 {
        font-size: 24px;
    }

    .lists .item .description{
        display: none;
    }
    header .langure{
        right:50px;
    }
    .banner {
        height: 180px!important;
        background-size: cover!important;
    }
    header .menu{
        top: 20px;
    }
}