.colorblack{
    color:#000!important;
}

#wap{
    display: none!important;
}
#pc{
        display:block!important;
    }

/*****menu******/
#menu1{
    display: none!important;
}


.text-center{
    text-align: center;
}

.mt-5{
    margin-top: 50px;
}


/******留言表单********/
.mymsg{
    width: 100%;
    padding-top: 10%;
}
.msg{
    width: 100%;
    line-height: 40px;
    display: block;
    float: left;
}
.msg .bao{
    font-size: 16px;
    width: 15px;
    height: 15px;
    margin-left: 20px;
    margin-right: 5px;
}

.msg .checkduo{
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin-left: 20px;
    margin-right: 5px;

}
 

.msg1{
    width: 80%;
    float: left;
    margin-right: 1.333%;
    height:40px;
    margin-bottom: 15px;
    border:1px solid #ddd;
    background: #FFF; 
    padding-left:15px!important;    
}
.msg1:nth-child(3){ 
    margin-right: 0;
}
.msg2{
    width: 80%;
    height: auto;
    padding-top: 10px;
    min-height: 200px;
    border:1px solid #ddd;
    background: #FFF; 
    margin-bottom: 15px;
    float: left;
    padding-left: 15px!important;
}
.msg3{
    float: left;
    width: 100px;
    height: 40px;
    border:1px solid #ddd;
    background: #f8f8f8; 
        padding-left: 15px!important;
}
.msg4{
    width: 100%;
    height: auto;
    min-height: 200px;
    border:1px solid #ddd;
    background: #f8f8f8; 
    margin-bottom: 15px;
    padding-left: 15px!important;
}
.tj{
    width: 150px;
    height: 40px;
    background: #002F82;
    border:none;
    color:#fff;
    float: left;
}
.tj:hover{
    background: #ddd;
    color:#333;
}
.codeimg{
    height: 40px;
    margin-top: 0px;
    float: left;
}


/*********分页***********/
.allpage {
    text-align:center;
    width:100%;
    margin-top:50px;
}
.mypage {
    display:block;
    text-align:center;
}
.pagination {
    display:block;
    margin:0 auto;
    list-style:none;
    border-radius:.25rem;
    text-align:center;
}
.page-num,.page-link {
    position:relative;
    display:inline-block;
    padding:6px 12px;
    margin-left:0px;
    line-height:1.25;
    color:#000;
    background-color:#fff;
    border:1px solid #ddd;
    font-size:13px;
}
a.page-num:hover,.page-link:hover {
    text-decoration:none;
}
.page-num-current {
    z-index:1;
    color:#fff;
    background-color:#333;
    border:1px solid #333;
}
.page-num-current:hover {
    color:#fff;
}

.text-secondary{
    display: block;
    width: 100%;
    text-align: center;
}

.shangxia{
    height: 40px;
    line-height: 40px;
    overflow-y: hidden;
    display: inline-block;
    margin-bottom: 30px;
}
.shangxia:hover a,.shangxia:hover{
    font-weight: bold;
}

/*********分页***********/


/********首页新闻***********/

.indexnewslist{width:calc(100% - 30px);  overflow: hidden;}
.indexnews{width:100%; height: 100px; margin-bottom: 20px;  }
.indexnews .date{width:100px; height: 100px; float: left; margin-right: 25px; border: 1px solid #ddd; display: inline-block;}
.indexnews .date span{display: block; font-weight: bold; color:#1154a3; text-align: center; font-size: 30px; margin: 10px 0 10px 0; }
.indexnews .date{text-align: center; color:#5c5c5c; font-weight: bold; font-size: 16px;}
.indexnews .newsdesc{width:calc(100% - 125px); float: left; font-size: 14px; border-bottom: 1px solid #ddd; height: 100px;}
.indexnews .newsdesc .title{font-size: 18px; height: 24px; overflow-y: hidden; margin-bottom: 10px; color:#000;  margin-top: 0px; }
.indexnews .newsdesc .desc{line-height: 24px; font-size: 14px; color:#666;}
.indexnews .newsdesc .title:hover{
    color:#1154a3;
 }
.news_more{
      line-height: 58px;  
    text-indent: 150px;
    border: #dfdfdf 1px solid;
        color: transparent;
    background: url(../images/jiantou2.png)no-repeat 26px -97px;
    width: 148px;
    height: 30px;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    border-radius: 0px;
    font-size: 0px;
display: block;
    margin: 40px auto;
}

.news_more:hover{
  background: url(../images/jiantou2.png)no-repeat 26px -127px;
}



li,ol,ul {list-style:none}
.text-center-story{text-align: center; display: block; margin-left: -30px; font-size: 30px;}
.history {padding:90px 0 120px; width: 100%; display: inline; float: left;}
.history .line-ef {position:absolute;left:calc(50% - 15px);top:80px;width:1px;height:48px;transition:height ease .6s;-ms-transition:height ease .6s;-o-transition:height ease .6s;-webkit-transition:height ease .6s;-moz-transition:height ease .6s;background:#ea1208;z-index:1}
.flow {margin-top:75px;position:relative;left:-15px}
.flow-list {float:right;width:100%;position:relative}
.flow-list .flow-warrper {float:right;width:50%;left:-18px;position:relative}
.flow-list .flow-warrper:before {content:'';width:1px;height:100%;background:#666;position:absolute;left:18px}
.flow-list:first-child .flow-warrper:before {height:200%;top:-40px}
.flow-list:last-child .desc {margin-bottom:0}
.flow-list:last-child .flow-warrper:before {display:none}
.flow-list:nth-child(2n) .flow-warrper {float:left;left:17px}
.flow-list:nth-child(2n) .flow-warrper:before {content:'';width:1px;height:100%;background:#666;position:absolute;right:16px;left:auto}
.flow-list:nth-child(2n) .pro {float:right;margin-right:0;margin-left:35px}
.flow-list:nth-child(2n) .desc {float:right;width:calc(100% - 100px)}
.flow-list:nth-child(2n) .desc h3 {text-align:right}
.flow-list:nth-child(2n) .desc p {text-align:right}
.flow-list.this .pro:after {opacity:1}
.flow-list .pro {position:relative;float:left;width:34px;height:45px;background-color:#fff!important;border-radius:50%;margin-right:35px;z-index:2}
.flow-list .pro:after {content:'';transition:opacity .6s;position:absolute;width:100%;height:100%;left:0;top:0;background:url(../images/icon38-c.png) no-repeat center;opacity:0}
.flow-list .desc {float:left;width:calc(100% - 85px);position:relative;margin-bottom:55px}
.flow-list .desc h3 {text-align:left;font-size:24px;font-family:syzt;margin-bottom:10px;color:#333}
.flow-list .desc p {font-size:14px;line-height:20px;color:#666}



#invest #main #r9{padding-bottom: 50%;}
/*#brand .bra_con .bra_text .bra_con_box p{text-indent: 2em;}*/
#home #main #r3 div.max-container .wrap .col:nth-of-type(1){position: relative;z-index: 10;}
#home #main #r3 div.max-container .wrap .col:nth-of-type(3) .list .icon_ > i{font-size: 35px;}
#home #main #r3 div.max-container .wrap .col:nth-of-type(2){left: -2%;}
#home #main #other div.max-container .wrap .o-btm .col:nth-of-type(1){white-space: nowrap;}
#brand .bra_con .bra_text .bra_con_box p{font-size: inherit;margin-bottom: 10px;}
#culture #r1 .topic h4{color: #6d472b;}
#loading{opacity: 0;}



#home #main #r2 div.max-container{
    max-width: 1400px;
    width: 70%;
}

#home #main #r2 div.max-container .wrap{
    display: flex;  
    flex-wrap: wrap;
    justify-content: center;
}


#home #main #r2 div.max-container .wrap .productlist{
    width: 31%;
    margin-left: 1%; 
    margin-right: 1%;
    margin-bottom: 15px;
    text-align: center;
  
 
}
#home #main #r2 div.max-container .wrap .productlist  img{
     transition: all 0.6s;
     margin-bottom: 15px;
}

#home #main #r2 div.max-container .wrap .productlist:hover img{
    transform: scale(1.1);
}



#invest #main #r8{
    padding-bottom: 50%;
}
#invest #main #r8 .wrap .con:after{
    background-color:transparent; 
}
#invest #main #r8 .wrap .con{
    width: 100%;
}
#invest #main #r8 .wrap .con .dot2{
    width: 48%;
    float: left;
    margin-right: 2%;    
    position: relative;
    overflow:hidden;
    cursor: pointer;
}
#invest #main #r8 .wrap .con .dot2:nth-child(2){
     margin-left: 2%;
     margin-right: 0;
}
#invest #main #r8 .wrap .con .dot2 img{
    width: 100%;
    transition:all 0.6s
}
#invest #main #r8 .wrap .con .dot2:hover img{
   transform: scale(1.1);
}
#invest #main #r8 .wrap .con .dot2 .txt{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 999;
    text-align: center;
    padding-top: 25%;
    color:#fff;
}
#invest #main #r8 .wrap .con .dot2 .txt .title{
    font-size: 40px;
    font-weight: bold;

}
#invest #main #r8 .wrap .con .dot2 .txt .subtitle{
    font-size: 20px;
    text-transform:uppercase;
    font-weight: bold;
}


#pro #main #r6 .wrap .w-mid .box .con .photo .pic{
    top:-20px;
}

#pro #main #r6 .wrap .w-mid .box .con .title{
     position: absolute;
     bottom:0;
     left:0;
     width: 100%;
     height:32px;
     text-align: center;
}

#bloc header div.max-container .other > a, #bloc header div.max-container .other > div{
    font-size: 20px;
    background: none;
}


.cont_new{
        display: inline;
        float: left;
         background-color:#f8f8f8;
        margin: 50px auto;
        padding:50px;
    }
     .cont_left{
        width: 50%;
        float: left;
     }
     .cont_left .mymsg{
        padding-top: 0!important;
     }
     .tel{
        width: 30%;
        float: left;
        padding:15px 0;       
        font-size: 20px;
        font-weight: bold;
        margin-top: 20px;
     }
     .tel i{
        margin-right: 15px;
     }



    .culture{
        width: 100%;
        height: 1080px;
        background-position:cover;        
    }
    .culture .txt{
        text-align: center;
        color:#fff;
        padding-top: 280px;
    }
    .culture .txt .title{
        font-size: 50px;     
        margin-bottom:10px; 
    }
    .culture .txt .subtitle{
        font-size: 25px;
        margin-bottom:70px;
         
    }


     .bgs{
            width: 100%;
          }
     .wapcenter{
                    
        font-weight: bold;
    }
    

#bloc header div.max-container nav.pc-nav > ul > li .out-nav2 {    
    width: 2560px;
    margin-left: -1220px;
    display: block!important;
   opacity:1;
}

.container-menu2{
    width: 50%;
    max-width:1200px;
    margin:0 auto;
    margin-left: 900px; 
    word-wrap: break-word;
    padding-top: 36px;
    display: block;
     
}
 

.menu2-menu3{
   float: left;   
   width: 20%;
}
.menu2-menu3 .title{
    font-size: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    width: 90%;
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}
.menu2-menu3 ul li{
    font-size: 16px;
    line-height: 30px;
    color:#666;
    width: 100%;
    float: left;
}

.container-menu3{
    margin-top: 50px;
    border-bottom: 1px solid #ddd;
 
}

@media screen and (max-width:1600px){
    .f-40{
        font-size: 36px;
    }
}
@media screen and (max-width:1500px){
	.ie .layout-rowMain{
        width: 1200px;
    }
}
@media screen and (max-width:1366px){
    .f-40{
        font-size:20px;
    }
    .f-26{
        font-size:18px;
    }
    #home #main #r3 div.max-container .wrap .col:nth-of-type(1) .c-btm div > i{
        font-size: 24px;
    }
    #home #main #r3 div.max-container .wrap .col:nth-of-type(2){
        top: 2vw;
    }
    
    #invest #main #r2 .wrap .col{
        width:100%;
    }
}
@media screen and (max-width:1280px){
    #bloc header div.max-container nav.pc-nav > ul > li > a{
        padding:30px 20px;
    }
    
    #invest #main .bg-row{
        padding-bottom:60%;
    }

}
#network .net_sel_box .net_sel_case > div .net_sel > div.net_province .net_h_sel_con_box, #network .net_sel_box .net_sel_case > div .net_sel > div.net_city .net_h_sel_con_box{
    overflow: hidden;
}

@media screen and (max-width:1024px){

    .cont_new{
         
        padding:15px;
        }
       .cont_left{
        width: 100%;
        margin-bottom: 30px;
         }

         #contact_us .wrap .con_add{
            margin-bottom: 20px;
         }

    #bloc header div.max-container nav.pc-nav{
        display: block;
        width: 40%;
        position: fixed;
        left: 0;
        top: 80px;
        background-color: #fff;
        transition: all .5s ease;
        height: calc(100% - 80px);
        transform: translateX(-100%);
    }

    #bloc header div.max-container nav.pc-nav ul{
        display: block;
    }
    #bloc header div.max-container nav.pc-nav ul li{
        display: block;
        height: auto;
    }
    #bloc header div.max-container nav.pc-nav > ul > li > a{
        display: block;
    }
    #bloc header div.max-container nav.pc-nav > ul > li .out-nav > span{
        display: none;
    }
    #bloc header div.max-container nav.pc-nav > ul > li .out-nav{
        position: relative;
        top: 0;
        display: none;

    }
    #bloc header div.max-container nav.pc-nav > ul > li.go-down:hover .out-nav{
        display: block;
    }
    #bloc header div.max-container nav.pc-nav > ul > li .out-nav .items .right > a{
        width: 100%;
        padding-left: 50px;
    }
    #bloc header div.max-container nav.pc-nav > ul > li .out-nav .items .right{
        padding-top: 0;
    }


    .after-inner #main{
          padding: 10vw 0;
      }
    .after-inner .max-container{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    #network #main .max-container{
        width: 100%;
    }
    #company #main .max-container{
        width: 100%;
    }

    #search .sea_center.sea_nav_box a {
        margin: .3rem 5px 0;
    }
    #search .sea_res_con_list > a{
        border-bottom: 1px solid #eee;
    }
    #bloc header div.max-container .other > div.search > div form button,#search .sea_search_box span i{
        font-size: 30px;
    }
    #bloc header div.max-container .other > div.search > div form input{
        height: .86rem;
    }
    ::-webkit-scrollbar{width:5px; background-color:#eee;}
    ::-webkit-scrollbar-thumb{border:solid 2px #ee770f; width:5px;  border-radius:4px; background-color:#ee770f;}
    ::-webkit-scrollbar-corner{background-color:#eee;}
    ::-webkit-scrollbar:horizontal{height:9px;}

}
@media screen and (min-width:800px){
    .app{display: none!important;}

    

}
@media screen and (max-width:800px){
	 
     #wap{
        display: block!important;
    }
    #pc{
        display: none!important;
    }
    .pc{display: none!important}

    .msg2{
        min-height: 50px!important;
    }

    .foottel{
        font-size: 30px!important;
    }

    .page-num {display:none;}

    .indexnewslist{
        width: 100%;
        height: 340px;
        overflow-y: hidden;
    }
    .indexnews .newsdesc .desc{
        height: 48px;
        overflow-y: hidden;
    }


.tj{
    margin-top: 20px;
}
.msg2,.msg1{
    width: 100%;
}
 
#pro #main #r1 .wrap .col.c2 .wid-max1 .box1 {
   height: auto;
  width: 100%;
  padding:25px 20px;
   
}


 .text-center-story{text-align: left; margin-left: 10px; font-size: 20px;}   
  .history {padding:1.6rem 0}
.flow {left:0;padding:0 2.5%}
.flow-list {float:none}
.flow-list .flow-warrper {display:block;width:100%;float:none!important;left:0!important}
.flow-list .flow-warrper:before {display:block!important;left:18px!important;right:0}
.flow-list .pro {display:inline-block;vertical-align:top;float:none!important;margin-left:0!important;margin-right:15px!important}
.flow-list .desc {display:inline-block;vertical-align:middle;float:none!important;margin-bottom:40px}
.flow-list .desc h3 {text-align:left!important;font-size:21px;margin-top:8px}
.flow-list .desc p {text-align:left!important;font-size:13px}
.flow-list .desc h3 {font-size:18px}
.history .container_1240 {padding:0 4%}
.flow {padding:0}
.flow-list .desc p {line-height:22px}
.flow-list .desc {margin-bottom:20px;width:calc(100% - 60px);width:-webkit-calc(100% - 60px)}
.flow-list:nth-child(2n) .desc {width:calc(100% - 60px);width:-webkit-calc(100% - 60px)}
.flow-list .desc h3 {margin-bottom:5px}


#home #main #r2 div.max-container .wrap{
    display: flex;
    flex-wrap: wrap;
}


#home #main #r2 div.max-container .wrap .productlist{
    width:48%;
    
}

#home #main #r3 div.max-container .wrap .col:nth-of-type(3) .list{
    width: 33%;
    display: block;
    text-align: center;
}
#home #main #r3 div.max-container .wrap .col:nth-of-type(3) .list .icon_ > i{
    margin-bottom: 15px;
}
 
    #bloc header{height: 60px;}
    h1{margin-bottom: 20px;}h2{margin-bottom: 15px;}
    #bloc header div.max-container .other{height: 60px;}
    #bloc header div.max-container .other > a, #bloc header div.max-container .other > div{margin-left: 8px;}
    #bloc header div.max-container .other{
        right: -12px;
    }
    #bloc header div.max-container .other > div.search > div{
        width: calc(100vw - 30px);
        right: -50px;
    }
    #bloc header div.max-container .other > a .sha_weixin{
        width: 2.6rem;padding: 3px;
    }
    #bloc #loading .con .load .svg-box{
        width: 50vw;height: 50vw;
    }
    #bloc #loading .con .load .box .load_mask{
        animation: load-mask-go-1 3.2s ease-in-out;
    }
    #bloc #loading .con .load .box > img{
        width: 50vw;
    }
    #bloc #video-box .other{
        bottom: 12vw;
    }
    #bloc #video-box .other > a.go-out{
        width: 80px;white-space: nowrap;
    }
    #bloc #video-box .other{
        left: -150px;
    }
    #bloc #video-box .other .music_set{
        bottom: -24px;left: calc(108% + 100px);
    }
    #bloc #video-box .other > a.go-out{
        left: 108%;
    }
    #bloc #video-box .wrap{
        width: 68vw;
    }
    .after-inner #top .banner{
        padding-bottom: 50%;
    }
    .max-container{
        width: calc(100% - 30px);
    }
    #bloc footer .f-top .con{
        flex-wrap: wrap;
    }
    #bloc footer .f-top .con .col.c1{
        width: 100%;
    }
    #bloc footer .f-top .con .col.c1 .items{
        flex-wrap: wrap;
    }
    #bloc footer .f-top .con .col.c1 .items .list{
        width: 100%;overflow: hidden;
    }
    #bloc footer .f-top .con .col.c1 .items .list > span{
        width: 100%;float: left;margin-top: 6px;margin-bottom: 0;
    }
    #bloc footer .f-top .con .col.c1 .items .list > a{
        float: left;padding: 5px 8px 5px 0;
    }
    #bloc footer .f-top .con .col.c2{
        display:block;
        width: 100%;
     }

    #bloc footer .f-top .con .col.c3{
        width: 100%;margin-top: 8px;
    }
    #bloc header div.max-container .m-logo{width: 140px;}
    #bloc header div.max-container .m-logo-1{width: 140px;}

    #brand #main{padding: 8vw 0;}
    .after-inner #main{padding-top: 10vw;padding-bottom: 10vw;}

    #home .max-container{width: 90%;}
    #home #top #component .T-container .Text-New{opacity: 0;}    
    #home #main #r1 div.max-container .wrap .col.c1 > ul{justify-content: space-between; display: block;}
    #home #main #r1 div.max-container .wrap .col.c1 > ul > li{width:33%; float: left; margin-bottom: 10px; text-align: center;}
    #home #top #component .T-container .pageChange{width: 100%;top: auto;transform: none;bottom: 20px;}
    #home #top #component .T-container .pageChange > li{margin: 6px 12px;}
    #home #main #other div.max-container .wrap .o-btm .col:nth-of-type(2){width: 56%;}
    #home #main #other div.max-container .wrap .o-btm .col:nth-of-type(1){width: 25%;}
    #home #btm .scr-box .scr-top{width: 45px;}
    #home #main #r1 div.max-container .wrap{flex-wrap: wrap;align-content: center;align-items: center;}
    #home #main #r1 div.max-container .wrap .col{width: 100%;}
    #home #main #r1 div.max-container .wrap .col.c2{width: 100%;margin-top: 40px;}
    #home #main #r1 div.max-container .wrap .col.c2 .photo-box,#home #main #r1 div.max-container .wrap .col.c2 .time-box,#home #main #r1 div.max-container .wrap .col.c2 .time-move{width: 70vw;height: 70vw;}
    #home #main #r2 div.max-container .wrap{flex-wrap: wrap;align-items: flex-end;}
    #home #main #r2 div.max-container .wrap .con{display: none;}
    #home #main #r2 div.max-container .wrap .msg-box{width: 100%;opacity: 1;pointer-events: auto;visibility: visible;}
    #home #main #r2 div.max-container .wrap .con > .box{display: none;}
    #home #main #r2 .m-bg{height: 60%;}
    #home #main #r2 .m-bg #p3-move{width: 70%;}
    #home #main #r2 .m-bg #p3-move.on{transform: translateX(-12%);}
    #home #main #r2 div.max-container .wrap .msg-box{flex-wrap: wrap;height: 54%;flex-direction: column;justify-content: center;align-items: flex-start;position: relative;}
    #home #main #r2 div.max-container .wrap .msg-box .note{position: relative;}
    #home #main #r2 div.max-container .wrap .msg-box .note > em > small{font-size: 15px;}
    #home #main #r3 div.max-container .wrap{flex-wrap: wrap;flex-direction: column;}
    #home #main #r3 div.max-container .wrap .col:nth-of-type(1){margin-top: 30px;}
    #home #main #r3 div.max-container .wrap .col:nth-of-type(1) .c-top h2{height: 25px;line-height: 25px;margin-bottom: 3px;}
    #home #main #r3 div.max-container .wrap .col:nth-of-type(1) .c-btm div > i{font-size: 20px;}
    #home #main #r3 div.max-container .wrap .col:nth-of-type(1){width: 100%;}
    #home #main #r3 div.max-container .wrap .col:nth-of-type(2){
        width: 100%;left: 0;top: 40vw;
    }
    #home #main #r3 div.max-container .wrap .col:nth-of-type(2) .map-box .dot-box .dot,#home #main #r3 div.max-container .wrap .col:nth-of-type(2) .map-box .dot-box .dot em{width: 6px;height: 6px;line-height: 6px;display: flex;}
    #home #main #r3 div.max-container .wrap .col:nth-of-type(2) .map-box{opacity: 1;}
    #home #main #r3 div.max-container .wrap .col:nth-of-type(3){width: 100%;height: auto;padding-left: 0;margin-bottom: 15px;}
    #home #main #r3 div.max-container .wrap .col:nth-of-type(3) .list .icon_ > i{width: 50px;height: 50px;line-height: 50px;font-size: 24px;}
    #home #main #r3 div.max-container .wrap .col:nth-of-type(3) .list{margin: 18px 0;}
    #home #main #r3 div.max-container .wrap .col:nth-of-type(3) .list .icon_ .cir2{transform: scale(1.5);}
    #home #main #r2 div.max-container .wrap .msg-box .note:nth-child(2) > em > i{font-size: 20px;}
    #home #main #r2 div.max-container .wrap .msg-box .note:nth-child(4) > em > i{font-size: 20px;}

    #roots #main #r5 .wrap .topic p{width: 100%;}
    #roots #main #r5 .wrap .r-mid{flex-wrap: wrap;}
    #roots #main #r5 .wrap .r-mid .col.c2{width: 70%;}
    #roots #main #r5 .wrap .r-mid .col.c1 > span, #roots #main #r5 .wrap .r-mid .col.c3 > span{margin: 0.5rem 0.3rem;}
    #roots #main #r5 .wrap .r-mid .col.c2 .phone{width: 64%;}
    #roots #main .row#r1{padding-top: 86px;}
    #roots #main #r1 .wrap{flex-wrap: wrap;}
    #roots #main #r1 .wrap .col{width: 100%;}
    #roots #main #r1 .wrap .col.c1{margin-bottom: 15px;}
    #roots #main .row#r2{padding-top: 35px;}
    #roots #main #r2 .wrap{flex-wrap: wrap;}
    #roots #main #r2 .wrap .col.c2{width: 100%;margin-bottom: 15px;}
    #roots #main #r2 .wrap .col.c1{width: 100%;}
    #roots #main .row#r3{padding-top: 35px;}
    #roots #main #r3 .wrap .r-mid div.col.c2{margin: 0 0.1rem;}
    #roots #main #r3 .wrap .r-mid div.col.c3 > span:nth-of-type(1),#roots #main #r3 .wrap .r-mid div.col.c1 > span:nth-of-type(2){margin: 0 0.1rem;padding: 4px;}
    #roots #main #r3 .wrap .r-btm .r-tab > ol{display: none;}
    #roots #main #r3 .wrap .r-btm .r-tab ul{flex-wrap: wrap;padding: 0 0 20px 0;}
    #roots #main #r3 .wrap .r-btm .r-tab ul li:first-child{text-align: left;background-color: #ee770f;color: #fff;padding: 14px 12px;font-size: 16px;margin-bottom: 12px;}
    #roots #main #r3 .wrap .r-btm .r-tab ul li{width: 100%;padding: 5px 12px;}
    #roots #main .row#r4{padding-top: 35px;}
    #roots #main #r4 .wrap .r-mid .r-tab > ol{display: none;}
    #roots #main #r4 .wrap .r-mid .r-tab ul{flex-wrap: wrap;padding: 0 0 20px 0;}
    #roots #main #r4 .wrap .r-mid .r-tab ul li:first-child{text-align: center;color: #fff;padding: 5px 12px;margin-bottom: 12px;margin-top: 20px;}
    #roots #main #r4 .wrap .r-mid .r-tab ul li{width: 100%;padding: 5px 12px;}
    #roots #main #r1 .wrap .col.c1 .other{flex-wrap: wrap;}
    #roots #main #r1 .wrap .col.c1 .other .list{margin-top: 10px;}

    #invest #top .max-container .topic{width: calc(100% - 30px);}
    #invest #main #r1 .other{flex-wrap: wrap;}
    #invest #main #r1 .wrap .col{font-size: 13px;}
    #invest #main #r1 .wrap .col b{font-size: 13px;}
    #invest #main #r1 .other .col.c1{width: 100%;margin-bottom: 50px;}
    #invest #main #r1 .other .col.c2{width: 100%;}
    #invest #main #r2{padding-bottom: 85%;}
    #invest #main .bg-row .m-bg .pic{background-position: 64% 50%;}
    #invest #main .bg-row#r9 .m-bg .pic{background-position: center;}
    #invest #main #r2 .wrap .col{width: 100%;}
    #invest #main #r2 .wrap .col .con{padding-top: 10px;}
    #invest #main #r2 .wrap .col .con p > i{margin-right: 8px;}
    /*#invest #main .bg-row .m-bg .pic{background-position: right center;}*/
    #invest #main #r3 .wrap{flex-wrap: wrap;}
    #invest #main #r3 .wrap .col.c1,#invest #main #r3 .wrap .col.c2{width: 100%;}
    #invest #main .bg-row#r5{padding-bottom: 68%;}
    #invest #main #r5 .wrap > img{width: 90%;margin-top: 20vw;}
    #invest #main #r6{padding-bottom: 78%;}
    #invest #main #r6 .wrap{position: relative;}
    #invest #main #r6 .items{width: calc(100% - 30px);flex-wrap: wrap;bottom: -52px;}
    #invest #main #r6 .items .list{width: 50%;height: 54px;}
    #invest #main #r7{padding-top: 40px;padding-bottom: 40px;}
    #invest #main #r7 .wrap{flex-wrap: wrap;}
    #invest #main #r7 .wrap .col.c1{width: 100%;padding: 0;margin-bottom: 36px;}
    #invest #main #r7 .wrap .col.c2{width: 100%;padding: 0;}
    #invest #main #r8{padding-bottom: 70%;}
    #invest #main #r9{padding-bottom: 76%;}
    #invest #main #r1 .wrap{display: none;}
    #invest #main #r3 .wrap{transform: translateY(-5%);}
    #invest #main #r1 .other .col.c2 .con{padding: 15px 32px;}
    #invest #main #r6 .wrap .topic:nth-child(odd){top: 40%;}
    #invest #top .max-container{padding-top: 64px;}
    #invest #top .max-container .topic h3{margin-bottom: 6px;font-size: 22px;}
    #invest #top .max-container .topic h4{letter-spacing: 1px;}
    #invest #main #r2 .wrap .col .con p{
        margin: 6px 0;
        margin-bottom: 3px;
    }
    #invest #main #r6 .items .list > a{padding: 0 20px;}
    #invest #main #r8 .wrap .con{width: 100%;}

    #pro #main #r1 .wrap{flex-wrap: wrap;}
    #pro #main #r1 .wrap .col.c1{width: 100%;margin-bottom: 30px;}
    #pro #main #r1 .wrap .col.c2{width: 100%;padding: 0;}
    #pro #main #r1 .wrap .col.c1 .cir-box #fn1 .box > span{width: 48px;height: 48px;line-height: 48px;}
    #pro #main #r1 .wrap .col.c2 .c-mid{justify-content: space-between;}
    #pro #main .bg-row#r2{padding-bottom: 145%;}
    #pro #main #r2 .wrap{flex-wrap: wrap;}
    #pro #main #r2 .wrap .col.c1{width: 100%;}
    #pro #main #r2 .wrap .col.c2{width: 100%;text-align: left;}
    #pro #main #r2 .wrap .col.c1 .c-mid{flex-wrap: wrap;}
    #pro #main #r2 .wrap .col.c2 .con .map{width: 76vw;}
    #pro #main #r2 .wrap .col.c1 .c-mid .icon-box > span{font-size: 40px;}
    #pro #main #r3{padding-bottom: 24vw;padding-top: 10vw;}
    #pro #main #r3 .wrap{flex-wrap: wrap;}
    #pro #main #r3 .wrap .col.c1{width: 100%;padding: 0;}
    #pro #main #r3 .wrap .col.c2{width: 100%;padding: 0;margin-top: 45vw;}
    #pro #main #r3 .wrap .col.c1 .con{width: 52vw;}
    #pro #main .bg-row#r4{padding-bottom: 80%;}
    #pro #main #r4 .wrap .col{width: 100%;}
    #pro #main #r5 .max-container .wrap .con{justify-content: space-around;}
    #pro #main #r5 .max-container .topic p{width: 100%;}
    #pro #main #r5 .max-container .wrap .con .list{width: 48%;}
    #pro #main #r5{padding-top: 10vw;}
    #pro #main #r6{padding: 40px 0;padding-top: 10vw;}
    #pro #main #r6 .wrap .w-top{flex-wrap: wrap;}
    #pro #main #r6 .wrap .w-top .box{width: 50%;}
    #pro #main #r6 .wrap .w-mid .box{width: 100%;}
    #pro #main #r6 .wrap .w-btm{margin-top: 24px;}
    #pro #main #r1 .wrap .col.c1 .cir-box #fn1 .box > small{font-size: 12px;}
    #pro #main #r6 .wrap .w-mid .box .con .note .msg h5{font-size: 16px;}
    #pro #main #r4 .wrap .col .c-mid{flex-wrap: wrap;}
    #pro #main #r4 .wrap .col .c-mid .list{width: 100%;}
    #pro #main #r1 .wrap .col.c1 .model{transform: translateX(-12%);}
    #pro #main #r1 .wrap .col.c2 .c-mid .box .icon-box{
        width: 1rem;height: 1rem;
    }
    #pro #main #r1 .wrap .col.c2 .c-mid .box p{
        height: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }


    #honor #main .con #roll .left .msg h2 img{width: 36px;}
    #honor #main .con #roll .left{width: 35%;margin-left: 5%;}
    #honor #main .con #roll .right{width: 75vw;left: 25%;}
    #honor #main .con #roll .left h3:after{display: none;}
    #honor #main .con #roll .right .roll-box .swiper-item > li .pic{filter: blur(0px);}
    #honor #main .con #roll .right .roll-box .show-box{width: 4.5rem;    top: 62%;
        left: 20%;}
    #honor #main .con #roll .right .roll-box .show-box > img{width: 4.5rem;}


    #answer .items .list:first-child{flex-wrap: wrap;}

    #pro #main .bg-row .m-bg:after{
        content: "";position: absolute;width: 100%;height: 100%;
        left: 0;top: 0;
        background-color: rgba(0,0,0,0.2);
    }

    #bloc footer .f-btm p > a{
        display: none;
    }
    

    /***关于我们****/
    #invest #main #r2{
        padding-bottom: 150%;
    }

    #invest #main #r8 .wrap .con{
        display: block;
    }
    #invest #main #r8 .wrap .con .dot2{
        width: 100%;
        margin-right: 0;
    }
    #invest #main #r8 .wrap .con .dot2:nth-child(2){
        margin-left: 0;
        margin-top: 30px;
    }

    
    #invest #main #r8{
        padding-bottom: 200%;
    }
   #invest #main .bg-row .m-bg .pic{
     background-position:100% 100%;
   }
   #invest #main #r8 .wrap .con .dot2 .txt .title{
    font-size: 24px;
   }
   #invest #main #r8 .wrap .con .dot2 .txt .subtitle{
    font-size: 18px;
   } 

   /***企业文化****/

   .culture .txt .title{
     font-size: 24px;
   }
   .culture .txt .subtitle{
    font-size: 16px;
   }
    
 /***产品详情****/
.top_product{
    height:500px!important;
}
.bgs {
    width:auto;
    height:100%;
}
.wapcenter {
    text-align:center;
    font-weight:bold;
}




#home #main #r2 div.max-container{
    width: 90%;
}


.tj{
    width: 100%
}



}
 

@media screen and (max-width:600px){
    .after-inner{
        padding-top: 50px;
    }
    .after-inner .max-container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .after-inner #main{
        padding: 8vw 0;
    }
    .f-50{font-size: 20px;}
    .f-40{
        font-size: 20px;
    }

    #invest #main #r6 .items{left: 15px;}
    #answer .items .list{
        padding: 5vw 0;
        padding-left: 0;
        padding-right: 0;
        flex-wrap: wrap;
    }
    #answer .items .list .ans_time{
        height: 50px;border-color: transparent;
    }
    #answer .items .list .list_more_btn {
        line-height: 30px;
        height: 30px;
        width: 156px;}
    #answer .items .list .list_mess {
        width: 100%;
        margin: 12px 0;padding: 0;

    }
    #answer .items .list .list_mess h3{
        margin-bottom: 0;
    }
    #answer .items .list .list_mess p{
        margin-top: 8px;
    }
    #new #main .row .wrap .items .list .photo{
        width: 100%;
        display: table;
        padding-left: 0;   
        padding-top: 20px;
    }
    #new #main .row .wrap .items .list .msg {
        padding:5px 15px 0 15px;
    }
    #new #main .row .wrap .items .list{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        display: block;
        float: left;
    }
    #new #main .row .wrap .items .list .msg h3{
        margin-bottom: 8px;margin-top: 10px;
    }
    #new #main .row .wrap .items .list .msg > small{
        margin-bottom: 8px;
    }
    #new #main .row .wrap .items .list:first-child{
        padding-top: 0;
    }
    #network .net_map_con .net_map_box{
        display: none;
    }

    #network .net_sel_box .net_num_box > div {
        margin-right: 0;
        width: 50%;
        margin-bottom: 3vw;
    }
    #network .net_sel_box .net_num_box > div > div.net_icon_box {
        width: 8.5vw;
        height: 8.5vw;
        line-height: 8.5vw;
        margin-right: 10px;
    }
    #network .net_sel_box .net_num_box > div > div.net_icon_box::before {
        background-size: 100%;
    }
    #network .net_sel_box .net_sel_case{
        margin-top: 0;
        display: block;
    }
    #network .net_sel_box .net_sel_case > div{
        width: 100%;
        display: block;
    }
    #network .net_sel_box .net_sel_case > div .net_sel{
        width: 100%;
    }
    #network .net_sel_box .net_sel_case > div .net_sel > div.net_inp_box,
    #network .net_sel_box .net_sel_case > div .net_sel > div.net_province,
    #network .net_sel_box .net_sel_case > div .net_sel > div.net_city{
        width: 100%;
        margin-bottom: 10px;
    }
    #network .net_sel_box .net_sel_case > div .net_sel > div.net_province .net_h_sel_con_box ul, #network .net_sel_box .net_sel_case > div .net_sel > div.net_city .net_h_sel_con_box ul{
        max-height: 300px;
    }
    #network .net_sel_box .net_sel_case > div .net_sel > div.net_province{
        z-index: 3;}

    #network .net_sel_box .net_sel_case > div .net_sel > div.net_city{
        z-index: 2;
    }
    #network .net_sel_box .net_sel_case > div .net_sel > div.net_inp_box{
        z-index: 1;
    }
    #network .net_map_con .net_con_box{
        width: 100%;
    }
    #network .net_map_con .net_con_box ul{
        max-height: none;
    }
    #network .net_map_con .net_con_box ul li a > div {
        padding-left: 20px;
    }
    #company .com_imfo_box{
        display: block;
    }
    #company .com_imfo_box .com_img_box{
        width: 100%;
    }
    #company .com_imfo_box .com_text_box{
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    #company .com_imfo_box:nth-child(even) .com_text_box{
        padding-right: 0;
    }
    #company .com_num_box .com_num_case {
        flex-wrap: wrap;
    }
    #company .com_num_box .com_num_case .net_num_case {
        width: 50%;
    }
    #company .com_num_box .com_num_case .net_num_case:first-child {
        width: 50%;
    }
    #company .com_num_box .com_num_case .net_num_case:nth-child(2n)::before{
        display: none;
    }
    #contact_us #con_map {
        height: 60vw;
    }
    #brand .bra_con .bra_text{
        display: block;
    }
    #brand .bra_con .bra_text .bra_nam{
        width: 100%;
    }
    .bra_nam{
        margin-top: 5vw;

    }
    #brand .bra_con .bra_text .bra_con_box{
        width: 100%;
        margin-top: 2.5vw;
    }
    #culture #r1{
        background-size: 200%;
    }

    #culture #main #r2 {
        padding-bottom: 68%;
    }
    #culture #main #r2 .max-container .wrap .r-mid .r-btn {
        font-size: 12px;
        padding: 4px 0;
        width: 48%;
        margin: 0 1%;
    }
    #culture #main #r2 .m-bg .pic{
        position: relative;
    }
    #culture #main #r2 .m-bg{
        padding-top: 8vw;
        background-color: #ee770f;
    }
    #culture #main .row .topic h3{
        margin-bottom: 8px;
    }
    #search .sea_res_con_list > a{
        padding: 5.3846%;
    }
    #search .sea_info,#search .sea_hint{
        font-size: 14px;
    }
    #search .sea_title{
        font-size: 16px;
    }
    #search .sea_search_box input,#search .sea_res_text{
        font-size: 16px;
    }

    #search .sea_list_sty{
        line-height: 1.5;
        height: auto;
        display: none;
    }
    #search .sea_list_sty div{
        padding-top: .1rem;
        padding-bottom: .1rem;
        font-size: 14px;
        max-width: 85px;
        border-right: 100px;
    }
    #search .sea_nav_box a{
         font-size: 14px;
     }

    #network .net_sel_box{
        background-image: none!important;
        background-color: #ee770f;
    }
    #network .net_sel_box .net_num_box > div:last-child{
        width: 100%;
    }
    #network .net_sel_box .net_sel_case > span{
        margin-bottom: .3rem;
    }
    #network .net_sel_box{
        margin-top: -8vw;
    }
    #search .sea_center.sea_nav_box .swiper-wrapper{
        flex-wrap: wrap;
    }
    #search .sea_res_text{
        margin-bottom: .3rem;
    }
    #culture #r1 .topic .cul_r1_l{
        display: block;
        width: 100%;
        padding-left: 0;
    }
    #culture #r1 .topic h4{
        width: 100%;
        display: block;
    }
    .cul_info{
        display: none;
    }
    
     
}

@media screen and (max-width: 350px){
    .f-50{font-size: 18px;}
    .f-24{font-size: 12px;}
    .f-20{font-size: 12px;}
    #invest #main #r7 .wrap .col.c2 .con > a{padding: 10px 12px;}
    #invest #main #r8 .wrap .con .dot span{
        margin-top: 10px;
    }
    #invest #main #r8 .wrap .con .dot > a{
        width: 0.7rem;height: 0.7rem;line-height: 0.7rem;
    }
    #invest #main #r8 .wrap .con:after{top: 0.3rem;}
    #network .net_sel_box .net_num_box > div > div > div:nth-child(2){
        font-size: 12px;
    }

        }
@media screen and (max-width:800px) and (min-height:750px){
    #home #main #r1 div.max-container .wrap .col.c2{
        margin-top: 0px;
        margin-bottom: 50px;
    }
}




@media(max-width: 400px){
     #home #main #r3 div.max-container .wrap .col:nth-of-type(3){
        display: none;
     }
}






    .pcmobile{
            display: inline-block;
            margin: 30px 0;
           }
           .pcmobile .hafe{
            width: 50%; 
            float: left;
            margin-bottom:15px;
           }
            @media(max-width:1366px){
               .pcmobile .hafe{
                    width: 100%;  
                     }
           }
           
           @media(max-width:1024px){
               .pcmobile .hafe{
                    width: 50%;  
                     }
           }
            @media(max-width:768px){
               .pcmobile .hafe{
                    width: 100%;  
                     }
           }