@charset "utf-8";
@media (max-width:768px){

.header .nav{transition:all 0.5s ease 0s;position:fixed;width:100%;right: -100%;margin-left:0px;z-index:1000;background:#fff;top:0px;height:100%;margin-top:67px;}

    .header .bot {
        top: 0;
        background: #fff;
        height: 33px;
        background: rgba(234,239,247,1);
    }
.header .bot .logo{height: 70px;line-height: 70px;}
.header .bot .logo img{width: 200px;

                       position:relative;
                       top:13px;
}
.shubiao{display: none;}
    .header .bots {
        top: 0;
        background: #fff;
        height: 41px;
    }

        .header .bots .logo {
            height: 40px;
            line-height: 40px;
        }
    .header .top a:nth-child(2) {
        padding-left: 28px;
        background: url(../images/t-i-02.png) no-repeat left center;
    }
    .header .top a:nth-child(3) {
        padding-left: 28px;
        background: url(../images/t-i-02.png) no-repeat left center;
    }
            .header .bots .logo img {
                width: 200px;
            }
    .in_title2a .cdh {
        width: 100%;
        display: block;
        overflow: hidden;
        z-index: 999;
        float: left;
        margin-top: -40px;
        background-color: rgba(49,35,24,0.5);
        position: absolute;
    }

.footer .top{padding: 20px 0;}
.footer .top .f-nav{display: none;} 
.footer .top .code{width: 100%;text-align: center;}
    .footer .top .code .img {
        width: 100%;
        text-align: center;
        float: none;
        margin-top: 60px;
    }
.footer .top .code .img img{width: 130px;}
.footer .top .code .tex{text-align: left;font-size: 14px;letter-spacing: 0;margin-left: 0;margin-top: 15px;}
.footer .top .code .tex p{margin-top: 6px;}

.footer .bot{font-size: 12px;letter-spacing: 1px;padding: 15px 0 15px;}
.footer .bot .b-left p:nth-child(2){margin-top: 10px;}
.footer .bot .b-right{width: 100%;margin-top: 10px;}
.footer .bot span{display: block;}
.footer .bot p span:nth-child(2){margin-top: 3px;}

.about .title{width: 100%;padding-left: 0;}
.about .list{width: 100%;padding-right: 0;margin-top: 30px;}
.news{padding-bottom: 0 !important;}
.news .title{padding-top: 0%;}
.news .list li a{padding: 7% 10px 20% 10px;}
.news .list li a .t-01{font-size: 38px;letter-spacing: 2px;margin-bottom: 30px;}
.news .list li a .t-02 p:nth-child(2){font-size: 14px;letter-spacing: 0;line-height: 22px;}
.news .list li a .t-02 .img{margin: 15px 0 15px;}
.news .list li a .t-02 p:nth-child(4){line-height: 18px;font-size: 14px;}
.news .list li a .more img{width: 26px;top: 5px;}
.news .list li a .more{margin-top: 15%;}
.news .list li:nth-child(1){border-left: 0;display:block;width:100%}
    .news .list li:nth-child(2) {
        border-left: 0;
        display: none
    }

    .news .list li:nth-child(3) {
        border-left: 0;
        display: none
    }

.title .more{margin-top: 20px;text-align: center;}
.title .more a{display: inline-block;letter-spacing: 1px;font-size: 12px;}
.title{text-align: center;}

.title .tex p:nth-child(1){font-size: 30px;}
.title .tex p:nth-child(3){font-size: 24px;}
.title .tex p:nth-child(2){width: 93px;margin: 5px auto 5px;}

.imported .item{width: 50%;}
.imported .item .tex{font-size: 16px;letter-spacing: 2px;margin-top: -20px;}

.about{border: 0;padding: 30px 2.5%;}
.about .list .top li{width: 32%;margin-left: 1.33%;text-align: center;}
.about .list .top li i{font-size: 36px;}
    .about .list .top li p:nth-child(2) {
        font-size: 13.5px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
.about .list .bot{margin-top: 75px;letter-spacing: 0;line-height: 24px;font-size: 14px;}
    .about .list .bots {
        margin-top: 70px;
        letter-spacing: 0;
        line-height: 24px;
        font-size: 14px;
    }
.header .top{display: none;}

.header .bot .nav li{float: none;width: 100%;height: 50px;line-height: 50px;}
    .header .bot .nav li a {
        display: block;
        font-size: 16px;
        position: relative;
        left: 10px;
    }
    .header .bots .nav li {
        float: none;
        width: 100%;
        height: 50px;
        line-height: 50px;
    }

        .header .bots .nav li a {
            display: block;
            font-size: 16px;
            position: relative;
            left: 10px;
        }

.header .banner{padding-top: 36px;}

.banner .swiper-slide{height: 300px;}


}