.banner{
    width:100%;
    height:350px;
    position: relative;
}
.banner.news{
    background:url(/static/home/images/bg_news.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.banner .container{
    position:absolute;
    top:40%;
    left:0;
    right:0;
    margin: auto;
}
.banner h2{
    margin-top: 0;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 5px;
    margin-bottom: 30px;
    color:#fff;
}
.banner p{
    font-size: 18px;
    margin-bottom: 0px;
    text-transform: uppercase;
    color:#fff;
}
.swiper-container {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
}
.swiper-wrapper{
    width:10000px;
    height:500px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width:100%;
    height:500px;
    float:left;
}
.bg1{
    background:url("/static/home/images/banner1.jpg") no-repeat center center;
    background-size:cover;
}
.bg2{
    background:url("/static/home/images/banner2.jpg") no-repeat center center;
    background-size:cover;
}
.bg3{
    background:url("/static/home/images/banner3.jpg") no-repeat center center;
    background-size:cover;
}
.header{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:60px;
    line-height: 60px;
    color:#fff;
    z-index: 99;
    font-size:14px;
}
#top{
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 9;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #0066AA;
    display: flex;
    justify-content: center;
    border-radius: 5px;
    align-items: center;
    font-size: 28px;
}
.logo{
    margin-right:20px;
}
.logo img{
    height:30px;
    display:block;
    margin-top: 15px;
}
.nav>li{
    float:left;
}
.nav>li>a{
    padding:0 20px;
    position:relative;
}
.nav .nav-sub{
    text-align: center;
    background: #0066AA;
    display: none;
}
.nav .nav-sub a{
    height:50px;
    line-height: 50px;
}
.header a{
    color:#fff;
    box-sizing: border-box;
    padding-top:0;
    padding-bottom:0;
    text-decoration: none;
    display: block;
}
.nav>li:hover a{
    background:#0066AA;
    color:#fff;
}
.nav>li:hover>.nav-sub{
    display: block;
}
.header_contact{
    padding:6px 12px;
    border-radius: 6px;
    display: block;
    margin-left:20px;
    height:36px;
    line-height: 36px;
    margin-top:12px;
}
.header_contact_icon{
    width:15px;
    height:auto;
    position: relative;
    top:-2px;
    margin-right: 2px
}
.header-right{
    position: relative;
}
.header-right .qrcode{
    position: absolute;
    top: 50px;
    left: 0;
    width: 100px;
    display: none;
}
.home_product{
    width:100%;
    background:url('/static/home/images/two_bg.jpg') no-repeat center center;
    background-size:cover;
}
.home_mar{
    padding:75px 0;
}
.title{
    font-size:36px;
    letter-spacing: 6px;
    font-weight: bold;
}
.sub_title{
    font-size:15px;
    margin-bottom:40px;
}
.home_product .title,.home_product .sub_title{
    color:#fff;
}
.home_product .product_block{
    background:none;
    margin: 0 1%;
    width: 18%;
    float:left;
    border-radius: 6px;
    overflow: hidden;
}
.home_product .top_img{
    width:100%;
}
.home_product .caption{
    background:#fff;
    box-sizing:border-box;
    padding:10px 20px 15px 20px;
    transition: all .5s;
    height: 135px;
}
.home_product h5{
    text-align: center;
    font-size:20px;
    font-weight: bold;
}
.product_block p{
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 22px;
    font-size: 12px;
    margin-bottom: 0;
    text-align: center;
}
.home_product .btn{
    border:1px solid #777;
    background:none;
    color:#777;
    padding: 6px 26px;
    transition: all .5s;
}
.product_block:hover {
    color:#fff;
}
.product_block:hover .btn{
    color:#fff;
    border:1px solid #fff;
}
.product_block:hover .caption{
    color:#1976D2
}
.feather_block{
    transition: all .2s linear;
    padding:15px 25px 25px 25px;
    height:260px;
}
.feather_block a{
    text-decoration: none;
}
.feather_block .fether_title{
    text-align:center;
    font-size:20px;
    margin-top:10px;
    margin-bottom:10px;
    color:#000;
    font-weight: bold;
}
.feather_block .feather_desc{
    color: #a9b0b4;
    margin-bottom: 0px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.feather_block .feather_img{
    width:100px;
    height:100px;
    margin:0 auto;
    transition: all 1s ease
}
.feather_block .feather_img.f1{
    background:url(/static/home/images/feather_1.png) no-repeat center center;
    background-size:100px;
}
.feather_block .feather_img.f2{
    background:url(/static/home/images/feather_2.png) no-repeat center center;
    background-size:100px;
}
.feather_block .feather_img.f3{
    background:url(/static/home/images/feather_3.png) no-repeat center center;
    background-size:100px;
}
.feather_block .feather_img.f4{
    background:url(/static/home/images/feather_4.png) no-repeat center center;
    background-size:100px;
}
.feather_block .feather_img.f5{
    background:url(/static/home/images/feather_5.png) no-repeat center center;
    background-size:100px;
}
.feather_block .feather_img.f6{
    background:url(/static/home/images/feather_6.png) no-repeat center center;
    background-size:100px;
}
.feather_block:hover{
    transform:translate3d(0, -2px, 0);
    box-shadow: 0 3px 20px rgba(0, 0, 0, .1);
}
.service_block{
    width:100%;
    height:500px;
    background:url(/static/home/images/service_bg.png) no-repeat center center;
    background-size: cover;
    color:#fff;
    position: relative;
}
.service_block .container{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate3d(-50%,-50%,0)
}
.service_block .service_title{
    margin-top: 0px;
    font-size: 36px;
    margin-bottom: 50px;
    letter-spacing: 3px;
}
.service_block .service_desc{
    font-size:24px;
    width:100%;
}
.service_sub {
    float: left;
    margin: 0 0.5%;
    width: 32%;
}
.service_sub .top{
    margin-bottom: 30px;
    padding: 30px 0;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
}
.service_sub .top.t1{
    background: url(/static/home/images/home5_1.png) no-repeat center;
    background-size: cover;
}
.service_sub .top.t2{
    background: url(/static/home/images/home5_2.png) no-repeat center;
    background-size: cover;
}
.service_sub .top.t3{
    background: url(/static/home/images/home5_3.png) no-repeat center;
    background-size: cover;
}
.service_sub .top::before{
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 50%;
    margin-top: -48px;
    width: 100px;
    height: 8px;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-bottom: 0;
    content: '';
    background: #fff;
}
.service_sub .topimg{
    width: 120px;
    height: 80px;
    margin: 0 auto;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #fff;
    text-align: center;
}

.service_sub h5{
    font-size: 20px;
    margin-top: 0px;
    color: #373d41;
    margin-bottom: 10px;
    text-align:center;
}
.service_sub p{
    margin-bottom: 0px;
    color: #666666;
    font-size: 18px;
    text-align:center;
}
.footer-nav{
    margin:0 auto 20px;
    overflow: hidden;
    display: inline-block;
}
.footer-nav li{
    float:left;
}
.footer-nav li a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    margin: 0 15px;
    transition: all .3s;
}
.footer-nav li a:hover{
    opacity: 0.7;
}
.footer2{
    background: #010c16;
    color: #2c353d;
    padding: 25px 0;
    text-align: center;
    color:#fff;
}
.footer2 p>a{
    color:#fff;
    text-decoration: none;
}
.home_mar.news{
    min-height: 450px;
}
.news .title{
    font-size: 32px;
    margin-top:0;
}
.news .sub_title{
    font-size:18px;
}
.news_item{
    position:relative;
    margin-bottom: 40px;
    padding-bottom:40px;
    border-bottom:1px solid #ddd;
}
.news_item:last-child{
    border-bottom:0;
}
.news_item a{
    text-decoration: none;
}
.news_img{
    width:220px;
    height:130px;
    object-fit: cover;
    position: absolute;
    top:0;
    left:0;
    z-index: 9;
}
.news_info{
    box-sizing: border-box;
    padding-left:250px;
    width:100%;
}
.news_title{
    width:100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size:16px;
    letter-spacing: 0;
    margin-bottom:8px;
    color:#333
}
.news_desc{
    line-height: 24px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 72px;
    color:#666;
    margin-bottom:8px;
}
.news_data,
.news_author{
    color:#aaa
}
.news_author{
    margin-left:10px;
}
.news_content{
    margin-bottom:50px;
}
.netmark{
    background:#fff;
}
.mark_item{
    width: 25%;
    border: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    float:left;
}
.mark_item_img{
    margin-top: -50px;
    background: #fff;
}
.mark_item_title{
    color: rgb(51, 51, 51);
    font-size:24px;
}
.mark_item_subtitle{
    font-size:18px;
}
.mark_item>p{
    margin-top:20px;
}
.mark_item_desc{
    font-size:14px;
    box-sizing: border-box;
    padding:0 20px;
    text-align: center;
}
.mark_item_btn{
    font-size: 14px;
    width: 140px;
    line-height: 42px;
    border-radius: 21px;
    text-align: center;
    background: #F5F7FA;
    border: 1px solid #ccc;
    margin-bottom: 22px;
    margin-top:20px;
    text-decoration: none;
    color:#000;
    text-decoration: none;
}
.mark_item:hover .mark_item_title{
    color:rgb(24,144,255);
}
.mark_item:hover .mark_item_btn{
    background:rgb(24,144,255);
    color:#fff;
}
.netmark .sub_title{
    margin-bottom: 80px
}
.fivepoints img{
    margin:0 auto;
    display: block;
}
.nmadvantage{
    margin-bottom:100px;
}
.nmadvantage img{
    width:100%;
}
.seo{
    background:#fff;
}
.seo_item{
    width: 24.3%;
    margin: 0px 3% 40px;
    float: left;
    background: #ffffff;
    padding: 40px 20px;
    text-align: center;
}
.seo_item .seo_item_title{
    margin: 0px;
    font-size: 20px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 20px;
}
.seo_item .seo_item_img{
    height: 75px;
    display: inline-block;
    width: 75px;
    background: no-repeat 50%;
    margin: 0 auto;
}
.seo_item .seo_item_subtitle{
    font-size: 16px;
    margin: 20px 0;
    height: 20px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.seo_item .seo_item_desc{
    color: #666666;
    margin-bottom: 0px;
    line-height: 22px;
    height: 66px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.huanjie{
    width:100%;
    height:auto;
    overflow: hidden;
}
.huanjie img{
    width:100%;
}
.bidd_item{
    padding: 66px 106px;
    max-width: 50%;
    text-align: center;
    float:left;
    height:290px;
}
.bidd_item:nth-of-type(1),
.bidd_item:nth-of-type(4){
    background: #0066AA;
    color: #fff;
}
.bidd_item>p:first-child{
    font-size: 30px;
}
.bidd_item>p:last-child{
    font-size: 18px;
    color: #666;
    line-height: 1.8;
}
.bidd_item:nth-of-type(1)>p,
.bidd_item:nth-of-type(4)>p{
    color:#CDE7FF !important
}
.bidd_item:nth-of-type(2)>p:first-child,
.bidd_item:nth-of-type(3)>p:first-child{
    color:#0066AA !important
}
.bidd2{
    background:#F5F7FA;
}
.bidd2 img{
    display: block;
    margin: 0 auto;

}
.bidd3{
    padding-bottom:100px;
}
.bidd3 .ss_item{
    padding: 82px 70px;
    max-width: 33%;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    float:left;
    height:320px;
}
.bidd3 .ss_item>p:first-child{
    padding-bottom: 24px;
    font-size: 24px;
}
.bidd3 .ss_item>p:last-child{
    font-size: 15px;
    line-height: 1.8;
    color: #666;
    text-align: center
}
.bidd3 .ss_item:nth-of-type(3),
.bidd3 .ss_item:nth-of-type(6) {
    border-right: 0;
}
.bidd4{
    background: url(/static/home/images/bidd_bg.png) 100% 100% no-repeat;
}
.bidd4 .title,
.bidd4 .sub_title{
    color:#fff;
}
.bidd4 img{
    display: block;
    margin:0 auto;
}
.contact{
    min-height: 480px;
}
.contact .container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.contact .contact_item{
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.contact .contact_item img{
    display: inline-block;
}
.contact .contact_item p{
    padding-top: 32px;
    font-size: 18px;
}
.about{
    min-height: 450px;
}
.about>.container{
    position: relative;
}
.about .about_left{
    width: 320px;
    height:250px;
    margin-right: 30px;
    text-align: center;
    object-fit: cover;
    position: absolute;
    top: 60px;
    left:60px;
}
.about_right{
    padding-left:370px;
}
.about .about_title{
    padding-top: 0px;
    font-size: 32px;
    font-weight: bold;
    margin-top:0;
}
.about .about_content{
    font-size: 16px;
    color: #666;
    line-height: 2;
    margin-top:20px;
}

.app table{
    text-align: center;
}
.app2{
    background:#F5F7FA;
}
.app2 .app_bg{
    width:100%;
    display: block;
    margin:0 auto;
}

.app2_item_wrap{
    display: flex;
    flex-direction: row;
}
.app2_item_wrap .app2_item{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 24px;
}
.app2_item img{
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
}

.app3{
    padding-bottom:100px;
}
.app3_item{
    position:relative;
    margin-top:50px;
    overflow: hidden;
    width:100%;
    height:auto;
}
.app3_item .app3_num{
    position: absolute;
    left:0;
    top:0;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    font-size:24px;
    color:#fff;
}
.app3_item:nth-of-type(1) .app3_num{
    background:#1890FF;
}
.app3_item:nth-of-type(2) .app3_num{
    background:#49DA93;
}
.app3_item:nth-of-type(3) .app3_num{
    background:#FAA51F;
}
.app3_item .app3_title{
    width:100%;
    box-sizing: border-box;
    padding-left:90px;
    font-size:24px;
    margin-bottom:15px;
}
.app3_item .app3_desc{
    width:100%;
    box-sizing: border-box;
    padding-left:90px;
    font-size:16px;
}
.brand .makeweb_type_item{
    padding: 0 40px 0px;
    text-align: center;
}
.makeweb_type_item>img{
    display: inline-block;
}
.makeweb_type_item>p{
    padding-top: 30px;
    font-size: 16px;
    line-height: 2;
    display: block;
    height: 190px;
}
.makeweb-wrap{
    display: flex;
    flex-direction: row;
}
.brand .makeweb_type_item{
    padding:0;
}
.makeweb-img{
    padding-top: 218px;
    max-width: 503px;
}
.brand2{
    background:#F5F7FA;
}
.station-wrap{
    display: flex;
    font-size: 16px;
}
.brand2 img{
    display: block;
    width:100%;
}
.station-wrap .station-list{
    width: 145px;
    padding: 20px 0px 0;
    text-align: center;
    line-height: 1.5;
    color: #666;
    font-size: 14px;
}
.makemob-wrapper{
    display: flex;
    flex-direction: row;
}
.makemob-wrapper .makemob-list{
    padding: 0 108px;
}
.makemob-wrapper .makemob-tit{
    padding: 32px 0 24px;
    font-size: 24px;
    margin-bottom:0;
}
.makemob-wrapper .makemob-text{
    max-width: 370px;
    font-size: 16px;
    color: #666;
    line-height: 1.8;
}
.provide-list{
    text-align: center;
    width: 33%;
    float:left;
}
.provide-list>img {
    display: inline-block;
}
.provide-tit {
    padding: 40px 0 24px 0;
    font-size: 24px;
}
.provide-txt {
    padding-bottom: 68px;
    font-size: 16px;
    padding: 0 30px 70px;
    color: #666;
    line-height: 1.8;
}
.wzjs{
    background:#F5F7FA;
}
.wzjs .seo_item{
    width: 21%;
    margin: 0 2% 40px;
}
.wzjs .seo_item_subtitle{
    height:40px;
    -webkit-line-clamp: 2;
}
.wzjs .seo_item_desc{
    -webkit-line-clamp: 4;
    height:88px;
}
.wzjs2.home_mar{
    padding-bottom:100px;
}
.wzjs2 .container{
    display: flex;
    flex-direction: row;
}
.mjbox-left,
.mjbox-center,
.mjbox-right{
    object-fit: cover;
    overflow: hidden;
    margin-right: 41px;
    float: left;
    flex: 1;
}
.mjbox-right{
    margin-right: 0;
}
.wzjs2 img{
    width:100%;
    display: block;
}
.mjbox-left>img:nth-of-type(2),
.mjbox-right>img:nth-of-type(2){
    margin-top:29px;
}



.wzjs4 .container{
    display: flex;
    flex-direction: row;
}
.wzjs4 .jh_item{
    margin:0 15px;
}
.wzjs4 .jh_img{
    width:100%;
    display: block;
}
.wzjs4 .jh_txt{
    width: 100%;
    font-size: 18px;
    text-align: center;
    color: #666;
    line-height: 50px;
}
.wzjs3{
    background:#F8F8F8;
}
.wzjs3 .container{
    display: flex;
    flex-direction: row;
}
.wzjs3_item{
    background: url(/static/home/images/wzjs_zz001.png) no-repeat;
    margin-right: 55px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    padding: 25px 28px 41px;
    flex-direction: row;
    background-size: 100% 85%;
    flex: 1;
}
.wzjs3_item .wzjs3_item_img{
    position: relative;
    top: -24px;
}
.wzjs3_item .wzjs3_item_txt{
    padding-left: 10px;
}
.wzjs3_item .wzjs3_item_txt1{
    font-size: 20px;
    line-height: 33px;
    border-bottom: 1px solid #ccc;
}
.wzjs3_item .wzjs3_item_txt2{
    color: rgba(102, 102, 102, 0.94);
    font-size: 14px;
}
.about.home_mar{
    background:#f2f2f5
}
.about.home_mar>.container{
    background: #fff;
    box-sizing: border-box;
    padding: 60px 60px;
    border-radius: 10px;
}
.mobileheader{
    display: none;
}
#top i{
    position: relative;
    top:-2px;
}
.mobilemenuul{
    display: none;
}

@media screen and (max-width: 750px) {
    .header{
        display: none;
    }
    .bg1{
        background:url("/static/home/images/mbbanner1.jpg") no-repeat center center;
        background-size:100% 100%;
    }
    .bg2{
        background:url("/static/home/images/mbbanner2.jpg") no-repeat center center;
        background-size:100% 100%;
    }
    .bg3{
        background:url("/static/home/images/mbbanner3.jpg") no-repeat center center;
        background-size:100% 100%;
    }
    .menu-btn{
        width: 40px;
        height: 40px;
        background: url(/static/home/images/menu1.png) no-repeat center center;
        background-size: 70% 68%;
        cursor: pointer;
        position: absolute;
        display: block;
        z-index: 9;
        right: 10px;
        top: 10px;
    }
    .menu-wrap{
        width:100%;
        height:100%;
        background:#fff;
        position: fixed;
        top:0;
        left:0;
        display: none
    }
    .swiper-container,
    .swiper-wrapper,
    .swiper-slide{
        height: 160px;
    }
    .home_mar{
        padding:30px 0;
    }
    .title{
        font-size: 2rem;
        margin-bottom: 5px;
        letter-spacing: 2px;
    }
    .sub_title{
        font-size:1rem;
        margin-bottom:1rem;
    }
    .app table td{
        font-size:1rem;
    }
    .app2_item_wrap .app2_item{
        padding:0;
    }
    .app2_item img{
        width:40px;
        height:40px;
    }
    .app3 h2{
        font-size:2rem;
    }
    .app3 p{
        font-size:1rem;
    }
    .app3_item{
        margin-top:20px;
    }
    .app3_item .app3_num{
        width:25px;
        height:25px;
        line-height: 25px;
        font-size:1rem;
    }
    .app3_item .app3_title{
        padding-left:35px;
        font-size: 1.5rem;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .app3_item .app3_desc{
        padding-left:35px;
        font-size:1rem;
    }
    .netmark .sub_title{
        margin-bottom:50px;
    }
    .mark_item{
        width:50%;
        margin-bottom:80px;
    }
    .mark_item_img{
        width:80px;
        height:80px;
        margin-top:-40px
    }
    .mark_item_title{
        font-size:1.5rem;
    }
    .mark_item>p{
        margin-top:0px;
        font-size:1.3rem;
    }
    .mark_item_desc{
        height:60px;
        font-size:1rem;
    }
    .mark_item_btn{
        margin-top:10px;
        width:100px;
        height:35px;
        line-height: 35px;
    }
    .home_mar.netmark{
        padding-bottom: 0;
    }
    .nmadvantage .col-md-4{
        width:33%;
        float:left;
        position: relative;
        padding-left:0;
        padding-right: 0;
    }
    .fivepoints img{
        width:100%;
    }
    .nmadvantage .col-md-4>img{
        margin-top:10px;
        width:110px;
    }
    .nmadvantage .title{
        margin-top:0;
    }
    .nmadvantage.home_mar{
        margin-bottom:30px;
    }
    .brand.home_mar{
        display: none
    }
    .feather_block{
        width:50%;
        float:left;
        padding: 5px 10px;
    }
    .feather_block .feather_desc{
        font-size:0.2rem;
    }
    .feather_block .feather_img{
        width:80px;
        height:80px;
    }
    .feather_block .fether_title{
        font-size: 1.4rem;
        margin-bottom: 5px;
    }
    .feather_block .feather_desc{
        -webkit-line-clamp:4
    }
    .home_product .caption{
        height:auto;
    }
    .product_block p{
        display: none;
    }
    .home_product .product_block{
        background:#fff;
        line-height: 0.1;
    }
    .service_block{
        height:200px;
    }
    .service_block .container{
        width:90%
    }
    .service_block .service_title{
        font-size:1rem;
    }
    .service_block .service_desc{
        font-size:1rem;
    }
    .about.home_mar>.container{
        padding:30px;
    }
    .about .about_left{
        width:100%;
        height: auto;
        position: relative;
        top:0;
        left:0;
    }
    .about_right{
        padding-left:0;
    }
    .about .about_title{
        margin-top:20px;
        font-size: 1.5rem;
        margin-bottom: 5px;
        letter-spacing: 2px 2rem;
        margin-bottom:0px;
    }
    .seo_item .seo_item_title{
        font-size:1.5rem;
    }
    .wzjs .seo_item_subtitle{
        -webkit-line-clamp:3;
        font-size:1.2rem;
        margin:10px 0
    }
    .about .about_content{
        font-size:1rem;
        margin-top:10px;
    }
    .makemob-wrapper{
        display: block;
    }
    .makemob-wrapper .makemob-list{
        padding:0;
        width:100%;
        margin-bottom:30px;
    }
    .makemob-wrapper .makemob-list img{
        width:60%;
        margin:0 auto;
    }
    .makemob-wrapper .makemob-tit{
        padding:10px 0;
        font-size:1.5rem;
        text-align: center;
    }
    .makemob-wrapper .makemob-text{
        font-size:1rem;
        margin-bottom:5px;
        text-align: center;
    }
    .provide-list{
        width:50%;
        margin-bottom: 20px;
    }
    .provide-list>img{
        width:60px;
        height:60px;
    }
    .provide-tit{
        padding:10px 0;
        font-size:1.5rem;
        margin-bottom:0;
    }
    .provide-txt{
        padding:0 10px;
        font-size:1rem;
        height:110px;
    }
    .seo img.seo_bg1{
        width:100%;
    }
    .seo_item{
        width:48%;
        margin:0 4% 10px 0;
    }
    .seo_item .seo_item_img{
        width:50px;
        height:50px;
    }
    .seo_item:nth-of-type(2n+2),
    .wzjs .seo_item:nth-of-type(2n+2){
        margin-right: 0;
    }
    .huanjie{
        margin-bottom:100px;
    }
    .wzjs .title{
        margin-top:0
    }
    .wzjs .seo_item{
        width:48%;
        margin:0 4% 10px 0;
        padding:20px;
    }
    .wzjs .seo_item_desc{
        height:130px;
        font-size:1rem;
    }
    .wzjs2{
        display: none;
    }
    .wzjs3 .container{
        display: block;
    }
    .wzjs3_item{
        margin:0;
        padding:15px 28px 30px;
    }
    .wzjs3_item .wzjs3_item_img{
        top:-17px;
    }
    .wzjs4 .container{
        display: block;
    }
    .wzjs4 .jh_txt{
        font-size:1rem;
    }
    .footer-nav{
        display: none
    }
    .bidd2 img,
    .bidd4 img{
        width:100%;
    }
    .wzjs4 .jh_img{
        width:80%;
        margin:0 auto;
    }
    .bidd_item{
        padding: 20px 20px;
        height:160px;
    }
    .footer2{
        padding-top:25px;
        padding-bottom:10px;
    }
    .footer2 p{
        font-size:0.3rem;
        box-sizing: border-box;
    }
    .bidd_item>p:first-child{
        font-size:1.5rem;
    }
    .bidd_item>p:last-child{
        font-size:1rem;
    }
    .station-wrap .station-list{
        display: none
    }
    .news .title{
        font-size:2rem;
    }
    .news .sub_title{
        font-size:1.2rem;
    }
    .news_img{
        width:80px;
        height:80px;
    }
    .news_info{
        padding-left:90px;
    }
    .home_mar.news{
        min-height: 600px;
    }
    .brand2.home_mar{
        min-height: 600px;
    }
    .mobileheader{
        width:100%;
        height:60px;
        line-height: 60px;
        background:#fff;
        display: block;
        overflow: hidden;
    }
    .logob{
        margin-top:15px;
        width:40px;
        margin-left:15px;
    }
    .mobileheader.anidown{
        animation: menuAniDown 0.4s linear both;
    }
    .mobileheader ul{
        margin-top:20px;
        border-top:2px solid #ddd;
    }
    .mobilemenuul{
        position: fixed;
        top:0;
        right:0;
        height:100%;
        width:160px;
        background:#2e2e2e;
        padding-top:30px;
        transition: all .4s;
        right: -160px;
        z-index: 1000;
        display: block;
    }
    .mobilemenuul>li{
        position:relative;
        border-bottom: 1px solid #444;
        padding:5px 0;
    }
    .mobilemenuul>li>a{
        color:#fff;
        font-size:15px;
        line-height: 42px;
        box-sizing: border-box;
        padding-left:20px;
        text-decoration: none;
    }
    .mobilemenuul>li>span{
        width: 16px;
        height: 16px;
        position: absolute;
        right: 14px;
        top: 20px;
        background: url(/static/home/images/menudown.png) center center;
        background-size: 100% 100%;
        transition: all .4s;
    }
    .mobilemenuul>li>ol{
        display: none;
    }
    .mobilemenuul>li>ol>li>a{
        color:#ccc;
        font-size:12px;
        line-height: 32px;
        display: block;
        box-sizing: border-box;
        padding-left:29px;
        text-decoration: none;
    }
    .mobilemenu{
        width:100%;
        height:100%;
        position:fixed;
        top:0;
        left:0;
        z-index: 999;
        background:rgba(0,0,0,.7);
        display: none;
    }
    #top{
        bottom: 100px;
        right: 10px;
        width: 40px;
        height: 40px;
    }
}

@keyframes menuAniDown{
    0%{
        height: 60px;
    }
    100%{
        height:100%;
    }
}
@-webkit-keyframes menuAniDown{
    0%{
        height: 60px;
    }
    100%{
        height:100%;
    }
}
@keyframes menuAniUp{
    0%{
        height: 100%;
    }
    100%{
        height:60px;
    }
}
@-webkit-keyframes menuAniUp{
    0%{
        height: 100%;
    }
    100%{
        height:60px;
    }
}