@media screen and (max-width:1600px){
	#bloc #center #main .content #indexBanner .box:nth-child(2){
	    left: calc(50% - 420px);
        padding: 25px 50px;
	}
	#bloc #center #main .content #indexBanner .box{
		width: 420px;
	}
	#bloc #center #main .content #indexBanner .box:nth-child(3){
		right: calc(50% - 420px);
        padding: 25px 30px;
	}
	#bloc #center #main .content #indexBanner nav,#bloc #center #main .content #indexBanner .moreBox{
		right: 4%;
	}
    #bloc #center #main .content .banner .b_txt > small p{
        width: 250px;font-size: inherit;
        white-space: nowrap;
    }
}
@media screen and (max-width:1366px){
	#bloc #center #main .content #indexBanner .box:nth-child(2){
	    left: calc(50% - 380px);
        padding: 25px 50px;
	}
	#bloc #center #main .content #indexBanner .box{
		width: 380px;
	}
	#bloc #center #main .content #indexBanner .box:nth-child(3){
		right: calc(50% - 380px);
        padding: 25px 45px;
	}
	#bloc #center #main .content #indexBanner .linkBox{width: 275px;}
}
@media screen and (max-width:1280px){
	
	#bloc #center #main .content #indexBanner .picNum{left: 12%;}
	#bloc #center #main .content #indexBanner .linkBox{
		display: none;
	}
    #bloc #header #logo{
        left: 1%;
    }
}
@media screen and (max-width:1024px){
    #pro .r2 .skew .Tvideo.on .Tmask{
        left: -28rem;
    }
    #bloc #header #logo{
        display: none;
    }
}
@media screen and (max-width:800px){
	*{
        font-size: 90px;
    }
    #bloc #header #logo{
        display: block;
    }
    .pc{
        display: none!important;
    }
    .app{
        display: block!important;
    }
    #bloc #header{
        height: 0.6rem;
    }
    #bloc #center #main .content{
        margin-top: 0.6rem;
    }
    #bloc #header #logo{
        left: 1%;
        width: 80%;
    }
    #bloc #header #logo > img{
        max-width: 100%;
    }
    #bloc #header:after{
        height: 0.6rem;
        pointer-events: none;
        background-color: rgba(0, 0, 0, 0.72);
    }
    #bloc #center #main .content #indexBanner .Tmsg > div:nth-child(2){
        display: none;
    }
    #bloc #center #main .content #indexBanner .Tmsg > div:nth-child(3){
        margin: 0;
    }
    #bloc #center #main .content #indexBanner .Tmsg > div:nth-child(4){
        line-height: 26px;
    }
    #bloc #center #main .content #indexBanner .Tmsg{
        left: 5%;
        width: 90%;
        bottom: 20%;
    }
    #bloc #center #main .content #indexBanner .Tmsg > div:nth-child(1) .list > span{
        font-size: 0.24rem;
    }
    #bloc #center #main .content #indexBanner .Tmsg > div:nth-child(1) .list > small{
        font-size: 0.18rem;
        letter-spacing: 2px;
    }
    #bloc #center #main .content #indexBanner .Tmsg > div:nth-child(4) > .addMore{
        width: 0.5rem;
        height: 0.5rem;
        line-height: 0.5rem;
        left: calc(100% - 0.5rem);
        top: 0.1rem;
    }
    #index .row .rowMain .r_top .title span,#index .r2 .rowMain .half > div:nth-child(1) h4.show > span{
        font-size: 0.28rem;
    }
    #index .row .rowMain .r_top .title small{
        font-size: 0.26rem;
    }
    #index .r1 .r_center{
        margin-top: 50px;
    }
    #index .r2 .rowMain .half > div:nth-child(1) h4.show > small{
        font-size: 0.14rem;
        width: 80%;
    }
    #index .r3 .r_center .proItem{
        flex-wrap: wrap;
        margin-top: 0.3rem;
        margin-bottom: 0;
    }
    #index .r3 .r_center .proItem > .proList:after{
        left: 0;
    }
    #index .r3 .r_center .proItem > .proList{
        margin: 0.3rem 0;
    }
    #index .r3 .r_center .imgBox,#index .r3 .r_center #cv,#index .r1 .r_center .picBox{
        display: none;
    }
    #index .r2 .rowMain .half > div:nth-child(1) h4{
        line-height: 34px;
    }
    #index .r2 .rowMain .half > div:nth-child(1) h4 > small{
        line-height: 22px;
    }
    #index .r2 .rowMain .half{
        height: 150px;
    }
    #index .r2 .rowMain .half .picMove{
        margin-top: 0.1rem;
        margin-bottom: 0;
    }
    #index .r1 .r_center .newItem{
        width: 100%;
        margin-left: 0;
        height: auto;
    }
    #index .r1 .r_center .newItem > img{
        display: block!important;
        width: 100%;
        margin-bottom: 16px;
    }
    #index .r1 .r_center .newItem > li .Tmsg{
        display: block;
    }
    #bloc #center #main .content .banner .b_txt{
        line-height: 30px;
        height: 64px;
    }
    #bloc #center #main .content .banner.banner_about .b_txt > div:nth-child(3){
        display: none;
    }
    #bloc #center #main .content .banner .b_txt > span{
        font-size: 0.36rem;
    }
    #bloc #center #main .content .banner .b_txt > small{
        font-size: 0.22rem;
    }
    #bloc #center #main .content .banner .b_txt .picMove{
        margin: 0;
    }
    #bloc #center #main .content .banner .b_txt .picMove > a{
        color: #fff;
    }
    #bloc #center #main .content .rowMain{
        padding-bottom: 20px;
    }
    #about_1 .row .top{
        padding-top: 0;
        height: 0.6rem;
        line-height: .6rem;
        margin-bottom: 0.2rem;
    }
    #about_1 .row.r1 .rowMain .r_top .top-box .top-left, #about_1 .row.r1 .rowMain .r_top .top-box .top-right{
        width: 100%;
        text-align: left;
        padding: 0;
        float: left;
    }
    #bloc #center #main .content .banner .b_txt .picMove .next:after{
        font-size: 0.18rem;
        width: 140px;
    }
    #about_1 .row.r1 .rowMain .r_btm .list{
        width: 25%;
    }
    #about_1 .row.r1 .rowMain .r_btm .list .list-top .top-num span:nth-child(1),#about_1 .row.r1 .rowMain .r_btm .list .list-top .top-i i{
        font-size: 0.32rem;
    }
    #about_1 .row.r1 .rowMain .r_btm{
        margin-bottom: 0;
    }
    #about_1 .row.r1 .rowMain .r_btm .list .list-top .top-i{
        left: 0;
        top: 0;
        margin: auto;
    }
    #about_1 .row.r1 .rowMain .r_btm .list .list-top{
        height: 48px;
        width: 80px;
        margin: auto;
    }
    #about_1 .row.r1 .rowMain .r_btm .list .list-guo{
        font-size: 12px;
        margin-top: 0;
    }
    #about_1 .row.r1 .rowMain .r_btm .list .list-us{
        font-size: 14px;
    }
    #about_1 #c2{
        height: 280px;
    }
    #about_1 .row .r_top .title{
        margin: 0;
    }
    #about_1 .row.r2 .r_center > span{
        display: none;
    }
    #about_1 .row.r2 .skew .Tvideo.on .Tmask{
        width: auto;
        height: auto!important;
        top: auto;
        left: auto;
    }
    #about_1 .row.r2 .playBox{
        bottom: -0.6rem;
    }
    #about_1 .row.r3 .rowMain .r_btm{
        display: none;
    }
    #about_1 .row .r_xian{
        margin-bottom: 0;
    }
    #about_1 .row.r3 .rowMain .history .box{margin-top:0px;height:auto;}
    #about_1 .row.r3 .rowMain .history .w-100.f-v,.history li i{display:none;}
    #about_1 .row.r3 .rowMain .history ul{height:auto;width:100%;position:relative;float:left;top:auto;left:auto;cursor:default;}
    #about_1 .row.r3 .rowMain .history li{width:100%;height:auto;position:relative;float:left;margin-top:20px;}
    #about_1 .row.r3 .rowMain .history li span{width:100%;position:relative;float:left;left:auto;bottom:auto;}
    #about_1 .row.r3 .rowMain .r_center li h4,.history li h4{width:100%;!important;color: #464646c9;}
    #about_1 .row.r4 .r_center .year .year-next,#about_1 .row.r4 .r_center .year .year-prev{
        visibility: hidden;
    }
    #about_1 .row.r4 .r_btm ul{
        width: 100%;
        overflow: hidden;
    }
    #about_1 .row.r4 .r_btm ul li{
        margin-bottom: 12px;
    }
    #about_1 .row.r4 .r_btm ul li:hover i, #about_1 .row.r4 .r_btm ul li:hover i > img{
        opacity: 0;
    }
    #about_1 .row.r4 .r_btm ul li:hover{
        padding: 0;
        box-shadow: none;
        background-color: #fff;
    }
    #about_1 .row.r4 .r_btm ul li p{
        font-size: 12px;
        width: 90%;
        line-height: 150%;
    }
    #about_1 .row.r4 .r_btm ul li:hover p{
        color:#595959;
        font-size: 12px;
    }
    #about_1 .row.r4 .r_btm{
        margin-bottom: 0.6rem!important;
    }
    #bloc #center #main .content .banner .b_txt > small{
        font-size: 14px!important;
        line-height: 16px;
    }
    #bloc #center #main .content .banner .b_txt > small p{
        width: 150px;font-size: 12px;line-height: 180%;
    }
    .about .row .about_title{
        font-size: 0.24rem;
    }
    #about_2 .mainContent #c1 .rowMain,#about_3 .mainContent #c1 .rowMain,#about_5 .mainContent #c1 .rowMain,#about_6 .mainContent #c1 .rowMain{
        padding-top: 0!important;
    }
    #about_5 .mainContent #c1 .rowMain .text_center > img{
        width: 70%;
    }
    #about_5 .mainContent #c2 .rowMain .r_center .picBox{
        background-size: 60%!important;
        height: 560px!important;
    }
    #about_6 .mainContent #c2 .rowMain .r_center .picBox{
        height: 150px;
    }
    #about_6 .mainContent #c2 .rowMain .r_center .picBox >img{
        display: none;
    }
    #about_6 .mainContent #c2 .rowMain .r_center .picBox > .look_go >img{
        height: 100px;
    }
    #about_6 .mainContent #c2 .rowMain .r_center .picBox > .look_go >a{
        bottom: 1px!important;
        right: 8px!important;
    }
    #about_6 .r2 .r_center .picBox .yearItem > a.iconfont.next{
        right: 0!important;
    }
    #about_6 .r2 .r_center .picBox .yearItem > li{
        width: 1.3rem;
    }
    #about_6 .r2 .r_center .picBox .yearItem > li .yearList{
        font-size: 0.5rem;
        line-height: 0.5rem;
    }

    #about_5 .r2 .r_center .view_dot{
        width: 48%;
        height: 172px;
    }
    #about_5  #c3 .r_center .picBox{
        height: 150px;
    }
    #about_5  #c3 .r_center .picBox > img{
        display: none;
    }
    #about_5 .r2 .r_center .view_dot > h6 > small{
        font-size: 0.16rem;
    }
    #about_5 .r4 .r_center .brandItem > li > small{
        height: 1.48rem;
        line-height: 22px;
    }
    #about_5 .r5 .r_center .fu_item > li:nth-child(2n) > .Tmsg{
        top: 0.5rem;
    }
    #about_5 .r5 .r_center .fu_item > li > .Tcon{
        top: -2rem;
    }
    #about_5 .r5 .r_center .fu_item{
        flex-wrap: wrap;
        height: 10rem;
    }
    #about_5 .r5 .r_center .fu_item > li:nth-child(2n) > .Tcon{
        top: 2rem;
    }
    #about_5 .r5 .r_center .fu_item > li{
        width: 48%;
        height: 50%;
    }
    #about_2 .mainContent #c1 .rowMain .left,#about_2 .mainContent #c1 .rowMain .right{
        width: 100% !important;
    }
    .about .row .r_center ul.myVideo > li{
        width: 24%;
        margin: 0 0 0.12rem 0;
    }
    #contact .row .r_center .Tbox.box2 .center .part .cutList > li{
        width: 100%;
    }
    #bloc #center #main .content .row{
        padding: 20px 0;
    }
    .about .row .about_title > small{
        font-size: 0.22rem;
        margin-right: 0.12rem;
    }
    #about_3 .r2 .r_center .picBox > ul .adr_dot > span{
        font-size: 12px;
        padding-left: 15px;
    }
    #about_3 .r2 .r_center .picBox > ul .adr_dot > span:after{
        width: 8px;
        height: 8px;
    }
    #about_3 .row .r_center .mapNote > span{
        margin: 0;
    }
    #about_3 .row .r_center .mapNote > span > img{
        margin: 0 5px;
    }
    #bloc #center #main #contact .banner .Tmsg{
        display: none;
    }
    #contact .r1{
        padding-bottom: 50px;
    }
    #contact .row .r_center .Tbox.box1 .center > ul.item{
        margin-bottom: 0.5rem!important;
    }
    #contact .row .r_center .Tbox.box2 .center ul.partTop{
        margin-bottom: 0.4rem;
    }
    #contact .row .r_center .Tbox.box2 .center .part .cutList.on{
        display: flex;
    }
    #contact .row .r_center .Tbox.box2 .center .part .cutList > li{
        width: 46%;
        margin-bottom: 0.25rem;
    }
    #contact .row .r_center .Tbox.box2 .center .part .cutList > li > b{
        font-size: 0.16rem;
        height: 38px;
    }
    #contact .row .r_center .Tbox.box2 .center .part .cutList > li > a{
        height: 0.6rem;
        line-height: 0.2rem;
    }
    #baogao .row .rowMain .r_top .comBox, #gonggao .row .rowMain .r_top .comBox, #zhili .row .rowMain .r_top .comBox{
        flex-wrap: wrap;
        margin: 0.8rem 0;
    }
    #baogao .row .rowMain .r_top .comBox .dateBox, #gonggao .row .rowMain .r_top .comBox .dateBox, #zhili .row .rowMain .r_top .comBox .dateBox{
        width: 100%;
    }
    #baogao .row .rowMain .r_top .comBox .dateBox .skewBox, #gonggao .row .rowMain .r_top .comBox .dateBox .skewBox, #zhili .row .rowMain .r_top .comBox .dateBox .skewBox{
        min-width: 1rem;
    }
    .searchBox{
        width: 100%;
        margin-top: 0.4rem;
    }
    #baogao .r1 .r_center > ul li, #gonggao .r1 .r_center > ul li, #zhili .r1 .r_center > ul li, #baogao .r2 .r_center > ul li, #gonggao .r2 .r_center > ul li, #zhili .r2 .r_center > ul li{
        width: 100%;
        margin-bottom: 0.4rem;
    }
    #baogao .row .rowMain .r_btm, #gonggao .row .rowMain .r_btm, #zhili .row .rowMain .r_btm{
        margin: 0;
    }
    #baogao .row .rowMain .r_top .title, #gonggao .row .rowMain .r_top .title, #zhili .row .rowMain .r_top .title{
        margin:0 0;
        font-size: 0.24rem;
    }
    #baogao .r3 .r_center > ul > li:after, #gonggao .r3 .r_center > ul > li:after, #zhili .r3 .r_center > ul > li:after{
        top: 103%;
    }
    #baogao .r3 .r_center > ul > li, #gonggao .r3 .r_center > ul > li, #zhili .r3 .r_center > ul > li{
        margin-bottom: 32px;
    }
    #baogao .row .rowMain .r_top .mNav, #gonggao .row .rowMain .r_top .mNav, #zhili .row .rowMain .r_top .mNav{
        margin-bottom: 30px;
    }
    #bloc #center #main .content .banner.banner_about .b_txt > div:nth-child(4), #bloc #center #main .content .banner.banner_business .b_txt > div:nth-child(3){
        display: none;
    }
    #jiaoliu2 .r1 .rowMain .r_center > ul{
        flex-wrap: wrap;
        justify-content: space-around;
    }
    #jiaoliu2 .r1 .rowMain .r_center{
        padding-top: 0.5rem;
        padding-bottom: 0;
    }
    #zhili .r1 .r_center .box > div{
        width: 100% !important;
    }
    #zhili .r1 .r_center .box .skewBox{
        padding: 0;
        margin-bottom: 0.5rem;
    }
    #zhili .r1 .r_center .box .skewBox h5{
        margin-bottom: 0.2rem;
    }
    #zhili .r1 .r_center .box .skewBox{
        height: auto;
    }
    #zhili .r1 .r_center .box .skewBox > span.Tcon, #zhili .r1 .r_center .box .skewBox > a.Tcon{
        height: auto;
        position: relative;
    }
    #zhili .r1 .r_center .box .skewBox p{
        max-height: inherit;
    }
    #jiaoliu .r1 .r_center{
        padding-top: 0.5rem;
    }
    #jiaoliu .r1 .r_center > .box .layout-mBox,#new_detail .r1 .rowMain .Tbox{
        padding-right: 0;
    }
    #jiaoliu .r1 .r_center > .box .layout-pa-right{
        display: none;
    }
    #new_detail .r1 .rowMain .Tbox .cor{
        display: none;
    }
    #new_detail .r1 .rowMain .Tbox:after,#new_detail .r1 .rowMain .Tbox .change{
        width: 100%;
    }
    #new_detail .r1 .rowMain .Tbox .articles > h5{
        font-size: 0.24rem;
    }
    #new_detail .r1 .rowMain .Tbox .articles small > span:last-child{
        width: 100%;
    }
    #new_detail .r1 .rowMain .Tbox .articles small > span{
        width: 100%;
        height: 0.3rem;
        line-height: 0.3rem;
    }
    #new_detail .r1 .rowMain .Tbox .articles small > span > i{
        height: 0.3rem;
        line-height: 0.3rem;
    }
    #new_detail .r1 .rowMain{
        padding-top: 0!important;
    }
    #new_detail .r1 .rowMain .Tbox{
        transform: translateY(0rem);
        -webkit-transform: translateY(0rem);
        -moz-transform: translateY(0rem);
        -o-transform: translateY(0rem);
    }
    #new .r3 .rowMain .r_center .prolist1 ul.myVideo > li{
        width: 48%;
        margin:0.12rem 0;
    }
    #new > .picBox:nth-child(1):not(.r1){
        height: 0!important;
    }
    #new .r2 .rowMain .r_center .Tbox > img{
        position: relative;
        display: block;
        width: 55%;
        left: 0;
        margin-bottom: 12px;
        margin-left: 0;
    }
    #new .r2 .rowMain .r_center .Tbox .layout-articles p{
        height: auto;
    }
    #new .r2 .rowMain .r_center .Tbox{
        padding: 0 0 0.5rem 0;
        margin-bottom: 0.32rem;
    }
    #new .r2 .rowMain .r_center .Tbox .Tmsg{
        top: auto;
        width: 100%;
        right: 0;
        background-color: #fff;
        height: auto;
        padding: 0;
    }
    #new .r2 .rowMain .r_center .Tbox .Tmsg > span{
        width: 49%;
        background-color: #e8ebf0;
    }
    #new .row .rowMain .r_top .title{
        margin-bottom: 0.5rem;
    }
    .page_set{
        margin: 10px 0;
        display: block;
        float: none;
    }
    .page_list{
        float: none;
    }
    #new .row .rowMain .r_top .title > span{
        font-size: 0.24rem;
        display: block;
        margin-bottom: 30px;
    }
    #new .r2 .rowMain .r_top .hot{
        position: relative;
        left: 0;
        width: 100%;
    }
    #new .r3 .rowMain .r_top .title .title_item,#new .r4 .rowMain .r_top .title .title_item{
        position: relative;
        left: 0;
        padding-left: 0.38rem;
    }
    #new .row .rowMain .r_btm > div:nth-child(1){
        height: auto!important;
    }
    .layout-down{
        display: none;
    }
    #new .r3 .rowMain .r_top .title .title_item > i,#new .r4 .rowMain .r_top .title .title_item > i{
        left: 0;
    }
    #new .r3 .rowMain .r_top .title .title_item > li,#new .r4 .rowMain .r_top .title .title_item > li{
        margin: 0 8px;
    }
    #new .r4 .rowMain .r_center .component .itemwrap > li{
        flex-wrap: wrap;
    }
    #new .r4 .rowMain .r_center .component .itemwrap{
        height: 320px;
    }
    #new .r4 .rowMain .r_center .component .itemwrap > li > .book{
        width: 30%;
        margin: auto 1%;
        margin-bottom: 30px;
    }
    #new .r4 .rowMain .r_center .component .itemwrap > li > .book .Tmsg{
        height: 1.2rem;
    }
    #new .r4 .rowMain .r_center .component .itemwrap > li > .book .Tmsg{
        bottom: -1.2rem;
    }
    #new .r4 .rowMain .r_center .component .itemwrap > li > .book .Tmsg > span{
        width: 100%;
        display: block;
    }
    .Smohan_Layer_box{
        top:0;
        bottom: 0;
        left: 0;
        right:0;
        margin: auto!important;
    }
    #new .r1 .newBox > .Tbox .newMove{
        padding-right: 0;
    }
    #new .r1 .newBox > .Tbox .newMove > .Tmsg{
        width: 100%;
    }
    #new .r1 .newBox > .Tbox,#new .r1 .newBox .title{
        width: 90%;
    }
    #new > .updateBox{
        height: 500px!important;
    }
    #new .r1 .newBox > .Tbox .newMove > ul.videoItem{
        display: none;
    }
    #new .r1 .newBox > .Tbox{
        min-height: 190px;
    }
    #new .r1 .newBox{
        padding-bottom: 50px;
    }
    #new .r1 .newBox > .Tbox .newMove > .Tmsg > .date{
        top: auto;
        bottom: 0;
    }
    .baogaoList > span{
        width: 100% !important;
        margin-bottom: 0;
    }
    .baogaoList > span:nth-child(1){
        border: none;
        height: 30px;
        line-height: 30px;
    }
    .baogaoList > span:nth-child(2){
        height:auto;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .dutyItem .textArea{
        margin: 0!important;
    }
    .dutyItem i{
        margin-bottom: 10px;
    }
    .client_page1 .textArea{
        margin-left: 185px;
    }
    .creditor li{
        height: auto;
    }
    #pro_nav .r1 .pro_type{
        width: 50%;
        float: left;
        left: 0!important;
        position: relative!important;
        background-size: cover!important;
        height: 250px;
    }
    #pro_nav .r1 .pro_type:nth-child(5){
        width: 100%;
    }
    .layout-tab{
        padding-top: 0;
        width: 96%;
        margin: auto;
        position: initial;
    }
    .layout-ul{
        top: 50%;
        left: 18%;
        margin: auto;
        visibility: hidden;
        pointer-events: none;
        transform: translate(50%,-50%);
    }
    #pro_nav .r1 .pro_type:hover,#pro_nav .r1 .pro_type.on{
        width: 50%;
    }
    #pro_nav .r1 .pro_type:nth-child(5):hover, #pro_nav .r1 .pro_type:nth-child(5).on{
        width: 100%;
    }
    #pro_nav .r1 .pro_type:nth-child(5):hover h5 .layout-ul{
        left: 18%;
    }
    #pro_nav .r1 .pro_type:hover h5,#pro_nav .r1 .pro_type.on h5{
        height: auto;
        color: rgba(255,255,255,0);
    }
    #pro_nav .r1 .pro_type:hover h5 > small{
        opacity: 0;
    }
    #pro_nav .r1 .pro_type.on h5 .layout-ul{
        visibility: visible;
        pointer-events: auto;
    }
    .layout-ul > li{
        height: 0.4rem;
        line-height: 0.4rem;
        padding-left: 0.5rem;
        margin: 0.1rem 0;
    }
    .layout-ul > li > i{
        width: 0.34rem;
        height: 0.34rem;
        line-height: 0.34rem;
        font-size: 0.2rem;
    }
    .layout-ul > li > span{
        font-size: 0.16rem;
        height: 0.4rem;
        line-height: 0.4rem;
    }
    .layout-ul > li *{
        color: #fff;
    }
    .layout-ul > li > span > small{
        display: none;
    }
    #pro_nav .r1 .pro_type:after{
        z-index: -1;
    }
    #pro_nav > .r1{
        height: auto!important;
    }
    #pro_nav .r1 .pro_type h5{
        font-size: 0.24rem;
    }
    #dialog_video .dialog_content .Tbox .left .Tmsg p{
        font-size: 0.2rem;
    }
    #pro .row .rowMain .r_top .title > span{
        font-size: 0.24rem;
    }
    #pro .r1 .r_top .title .title_item > i{
        vertical-align: middle;
        line-height: 100%;
        left: 0;
    }
    #pro .r1 .r_top .title .title_item{
        position: relative;
        left: 0;
        padding-left: 0.4rem;
        margin-top: 24px;
        flex-wrap: wrap;
    }
    #pro .r1 .r_center .pro_item1 > li > a > span{
        font-size: 0.12rem;
    }
    #bloc #center #main .content .bannerPro .aniBtn{
        bottom: 8%;
    }
    #bloc #center #main .content .banner .b_txt{
        left: 8%;
    }
    #pro .r2 .skew .Tvideo.on .Tmask{
        left: -22rem;
    }
    #bloc #center #main .content .bannerPro .b_txt{
        top: -40%;
    }
    #pro .row .rowMain .r_top .title{
        margin: 0.2rem 0 0.5rem 0;
    }
    #pro .r4 .r_center .imgBox .carItem > li .car{
        max-width: 100%;
    }

    #bloc #center #main .content#zongcheng .bannerPro .Tboli{
        width: 100%;
        top: auto;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        height: auto;
        bottom: 1.2rem;
    }
    #bloc #center #main .content#zongcheng .bannerPro .Tboli > li.skewBox{
        width: 26%;
        margin: 0 10px;
        min-width: inherit;
    }
    #bloc #center #main .content#zongcheng .banner .b_txt{
        line-height: 32px!important;
        left: 17%!important;
        top: 22% !important;
    }
    #bloc #center #main .content#zongcheng .banner .b_txt > span{
        letter-spacing: 0!important;
        font-size: 0.24rem!important;
    }
    #bloc #center #main .content#zongcheng .banner .b_txt.go > span{
        font-size: 0.24rem!important;
    }
    #bloc #center #main .content#zongcheng .bannerPro .myvideo video{
        height: 400px;
    }
    #bloc #center #main .content .bannerPro .Tboli > li.skewBox .adv{
        top: auto;
        bottom: 90%;
        right: 50%;
    }
    #bloc #center #main .content .bannerPro .Tboli > li.skewBox:first-of-type .adv{
        right: auto;
        left: 50%;
    }
    #bloc #center #main .content .bannerPro .Tboli > li.skewBox:nth-child(2) .adv{
        left: -42%;
    }
    #bloc #center #main .content .bannerPro .Tboli > li.skewBox:hover .adv{
        top: auto;
        bottom: 100%;
        background-color: #eee;
    }
    #bloc #center #main .content .bannerPro .Tboli > li.skewBox .adv > div > h5{
        margin-bottom: 8px;
    }
    #bloc #center #main .content#zongcheng .bannerPro .bannerMask{
        height: 400px;
    }
    #pro .guidao_list:first-of-type .skewBox{
        padding-left: 0;
        padding-top: 1.3rem;
        height: auto;
    }
    #pro .guidao_list:first-of-type .skewBox > img{
        bottom: auto;
        top: 0.3rem;
        left: 0;
        right: 0;
    }
    #pro .guidao_list:first-of-type .skewBox > span{
        width: 100%;
        padding: 3% 10%;
        height: 120px;
        line-height: normal;
        text-align: center;
    }
    #pro .guidao_list .skewBox > small:nth-child(2){
        padding-top: 20px;
    }
    #pro .guidao_list .skewBox > small:nth-child(3){
        padding-top: 40px;
    }
    #pro .guidao_list .skewBox > small:nth-child(4){
        padding-top: 60px;
    }
    .network .map-div .list li h3{
        font-size: 14px;
    }
    .network .map-div .list li{
        padding: 0 50px 4px 58px;
    }
    .network #shop{
        height: 3.7rem;
    }
    .network .map-div .list li p{
        font-size: 12px;
    }
    .network .map-div .list{
        width: calc(100% - 320px);
    }
    .network .map-div #map{
        width: 300px;
        height: 333px;
    }
    .network .map-div{
        margin: 30px 0 70px 0;
    }
    #index .r1 .r_center .newItem > li{
        height: auto;
    }
    .layout-articles:not(:last-child){
        margin-bottom: 0.3rem;
        margin-top: 18px;
    }
    .layout-articles .layout-btm{
        padding: 0.1rem 0;
    }
    .ge-choose{
        bottom: 0;
    }
}

@media screen and (max-width:600px) {
    * {
        font-size: 80px;
    }
    #index #indexBanner .indexVideo{
        display: none;
    }
    .component-fullwidth{
        height: 100%;visibility: visible!important;
    }
    #bloc #center #main .content #indexBanner .numChoose{
        display: none;
    }
    #index .row .rowMain .r_top .title span, #index .r2 .rowMain .half > div:nth-child(1) h4.show > span{
        font-size: 0.2rem;
    }
    .Tsearch .searchPage .btn{
        width: 80px;
    }
    .Tsearch .searchPage .ipt{
        width: 120px;
    }
    .Tsearch .searchPage .searchBox{
        padding-right: 0;
    }
    #bloc #center #main .content .mainContent .nodeItem {
        display: none;
    }
    #about_1 #c2{
        height: 120px;
    }
    #new .r2 .rowMain .r_center .Tbox > img{
        width: 100%;
        margin: auto;
    }
    #about_5 .mainContent #c2 .rowMain .r_center .picBox{
        width: 62%!important;
    }
    #about_3 .r2 .r_center .picBox > ul .adr_dot{
        pointer-events: none;
    }
    #about_5 .mainContent #c1 .rowMain .text_center > img{
        width: 100%;
    }
    .about .row .r_center ul.myVideo > li{
        width: 48%;
    }
    #about_6 #c3 .fu_activity > div{
        width: 100%;
    }
    #about_6 .r3 .r_center .fu_activity .box .arrow{
        display: none;
    }
    .layout-ul{
        left: -16%;
    }
    #new .r4 .rowMain .r_center .component .itemwrap{
        height: 160px;
    }
    #new > .updateBox{
        height: 350px!important;
    }

    #pro .r1 .r_center .pro_item1{
        height: auto;
        flex-wrap: wrap;
        justify-content: flex-start!important;
    }
    #pro .r1 .r_center .pro_item1 > li{
        width: 46%;
        height: auto;
        margin: 0 1% 30px 1%;
    }
    #pro .r4 .r_center .proItem > .proList{
        min-width: 1rem;
    }

    #bloc #center #main .content .bannerPro .b_txt > label{
        height: 0.2rem;
        line-height: 0.2rem;
    }
    #bloc #center #main .content .banner .b_txt .picMove{
        left: -6px;
    }
    #bloc #center #main .content .banner .b_txt .picMove > a{
        width: 32px;
    }
    #bloc #center #main .content .banner .b_txt .picMove,#bloc #center #main .content .banner .b_txt .picMove > a{
        height: 26px;
        line-height: 26px;
    }
    #bloc #center #main .content .bannerPro .aniBtn{
        height: 0.3rem;
        line-height: 0.3rem;
        width: 1rem;
        bottom: 5%;
    }
    #bloc #center #main .content .bannerPro .aniBtn > a{
        height: 0.3rem;
        line-height: 0.3rem;
    }
    #pro .r2 .r_center > span{
        font-size: 1rem;
    }
    #pro .r2{
        height: 285px;
    }
    #pro .r3 .r_center > ul > li{
        width: 48% !important;
    }
    #pro .r3 .r_center > ul.guidao_list:last-of-type > li{
        width: 100% !important;
    }
    #pro .guidao_list .skewBox > small:nth-child(2){
        padding-top: 10px;
    }
    #pro .guidao_list .skewBox > small:nth-child(3){
        padding-top: 20px;
    }
    #pro .guidao_list .skewBox > small:nth-child(4){
        padding-top: 26px;
    }
    #pro .r5 .r_center > a.txtDown{
        margin: 0;
    }
    #pro .r1 .r_top .title .title_item > li{
        margin: 12px 6px;
    }
    #pro .r4 .r_center .imgBox .carItem > li{
        min-height: inherit;
        height: 240px;
    }
    #pro .r4 .r_center .imgBox .carItem > li .c1_2,#pro .r4 .r_center .imgBox .carItem > li .c1_1,#pro .r4 .r_center #cv{
        display: none;
    }
    #pro .r1 .r_top .title .title_item > i{
        line-height: 200%;
    }
    #bloc #center #main .content .banner .b_txt > span{
        font-size: 0.3rem;
    }
    #bloc #center #main .content .banner .b_txt > span{
        letter-spacing: 7px;
    }
    #bloc #center #main .content .bannerPro .myvideo .videoTxt > font{
        font-size: 0.2rem;
    }
    #bloc #center #main .content .bannerPro .myvideo .videoTxt .tiaoguang_p{
        font-size: 0.2rem;
        margin-bottom: 24px;
        padding-bottom: 10px;
    }
    input[type=range]{
        width: 200px;
    }
    #bloc #center #main .content .bannerPro .myvideo .dotItem{
        height: 26px;
        line-height: 8px;
    }
    #bloc #center #main .content .bannerPro .myvideo .dotItem > li{
        width: 14px;
        height: 14px;
        margin: 0 5px;
    }
    #bloc #center #main .content .bannerPro .myvideo .dotItem > li svg circle{
        transform: translate(7px,7px);
    }
    #bloc #center #main .content#zongcheng .bannerPro .bannerMask{
        height: 200px;
    }
    #bloc #center #main .content#zongcheng .bannerPro .myvideo video{
        height: 200px;
    }
    #bloc #center #main .content#zongcheng .bannerPro .Tboli{
        bottom: 0.8rem;
    }
    #bloc #center #main .content#zongcheng .banner .b_txt{
        line-height: 32px!important;
        left: 17%!important;
        top: 7% !important;
    }
    #bloc .track .r1 .r_center .pro_item1 > li{
        height: 300px;
    }
    .network .select-div dl dt,.network .select-div dl,.network .select-div dl dd{
        width: 150px;margin-right: 15px;
    }
    .network .select-div .search{
        margin-top: 20px;
    }
    .network .select-div .search,.network .select-div .search::before{
        width: 150px;
    }
    .network .map-div .list{
        width: 100%;
    }
    .network #shop{
        height: 4.2rem;
        margin-bottom: 32px;
    }
    .network .map-div .list li{
        margin-bottom: 10px;
    }
    .network .map-div #map{
        width: 100%;
    }
    #pro .r2 .skew .Tvideo video{
        display: none;
    }
    #pro .r2 .skew .Tvideo.on video{
        display: block;
    }
}