锘/* media */
@media screen and (max-width:1600px) {
    .wrap{margin:0 7%;} 
    .wrapper{margin:0px 7%;padding:120px 0px 20px;} 
} 
@media screen and (max-width:1445px) {
    body{font-size:14px;line-height:1.5;font-family:-apple-system,"PingFang SC","Hiragino Sans GB",'Helvetica Neue',Helvetica,sans-serif;outline:none;background-color:#FFF;color:#333;min-width:290px;-webkit-text-size-adjust:none;}
    .wrap{margin:0 7%;}
    .wrapper{margin:0 7%;padding:60px 0px;} 
    .big-title{font-size:30px;line-height:40px;}
    .title{font-size:22px;line-height:32px;}
    .sc-title{font-size:20px;line-height:30px;text-transform:uppercase}
    .nw-title{font-size:20px;line-height:26px;}
    .b-text{font-size:18px;line-height:28px;}
    .text{font-size:14px;line-height:24px;text-align:justify}
    .content p{margin:10px 0px;}
    /* Header */
    #Header{width:100%;height:80px;} 
    #Header .logo{float:left;height:80px;}
    #Header .logo a{display:block;width:60px;height:100%;line-height:80px;vertical-align:middle;background:url(/Content/images/logo.png) no-repeat left center;background-size:auto 66px} 
    #Header .menu{height:80px;float:right;position:relative;margin-right:120px;zoom:1;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
    #Header .nav ul{width:100%;height:100%;position:relative;z-index:90;}
    #Header .nav li{display:block;height:100%;float:left;padding:0px 15px;position:relative;}
    #Header .nav a.m{display:block;font-size:15px;line-height:80px;color:#FFF} 
    #Header .nav .submenu a{color:#FFF}
     #Header .nav .submenu{top:90px;}
    #Header .nav li:hover .submenu{top:80px;visibility:visible;opacity:1;}
    #Header .code a{height:80px;}
    #Header .code-img{top:80px}
    #Header .moved{margin-right:220px;}
    #Header .nav a:hover,#Header .nav .current a,#Header .nav .submenu a:hover{color:#3cab32} 
    /* #Footer */
    #Footer{padding:10px 0px;}
    #Footer .wrap{height:auto;margin:0px 14px;width:initial;text-align:center}
    #Footer .rights{width:100%;float:none;text-align:center}
    #Footer .rights{margin-bottom:5px;}
    #Footer .rights a{margin-right:10px;}
    #Footer .link{display:inline-block;float:none;}
    #Footer .link a{display:block;float:left;height:22px;}
    /* home */
    #container .layer-left{padding-top:130px}
    #container .big-title{line-height:36px;margin-bottom:5px;}
    #container .title{margin-bottom:15px;}
    #container .txt-dec{font-size:16px;line-height:26px;margin-bottom:20px;}
    #container .btn-more{margin-bottom:20px;}
    #container .txt-nav span{font-size:20px;}
    #container .txt-nav p.active span{font-size:24px;}
    #container .item-right{margin-left:330px;padding-top:120px;}
    #container .products .slide-top{padding-top:50px}
    #container .clm-title{margin-bottom:20px;}
    #container .indus{width:50%;}
    #container #indus,#container .news-top{margin-bottom:20px;}
    #container .news-pic{width:40%;}
    #container .news-head{width:57%;}
    #container .nw-title{margin-bottom:10px;}
    #container .btn-infor{height:32px;}
    #container .btn-infor a{line-height:30px;}
    #container .soc-title{padding-top:50px;}
    #container .commit .col-title h1{font-size:30px;}
    #container .commit .col-title p{font-size:24px;}
    #container .commit{bottom:44px;}
    #container .foot{padding:10px 0px;}
    #fp-nav.right{right:3% !important;}
    #container .products .prod-infor{padding: 0px 20px 20px;} 
    /* about */
    #webbox .bom-layer{width:290px;bottom:20px;}
    #webbox .bom-layer h1{font-size:30px;font-size:30px\9;text-align:right;line-height:30px;}
    #webbox .bom-layer h2{font-size:22px;font-size:22px\9;}
    #webbox .cenr-layer{width:320px;position:absolute;bottom:20px;right:50%;margin-right:-160px;text-align:center}
    #webbox .cenr-layer h1{font-size:30px;font-size:30px\9;text-transform:uppercase}
    #webbox .cenr-layer h2{font-size:22px;font-size:22px\9;}
    #webbox .culture-page{width:100%;position:absolute;bottom:20px;left:0px;}
    #webbox .culture-page h1{font-size:30px;font-size:30px\9;text-transform:uppercase;line-height: 30px;}
    #webbox .culture-page h2{font-size:22px;font-size:22px\9;}
    #webbox .banner-info{width:100%;position:absolute;bottom:30px;left:0px;}
    #webbox .colmu-title{width:auto;position:relative;display:inline-block}
    #webbox .colmu-title em{font-size:30px;font-size:30px\9;text-transform:uppercase}
    #webbox .colmu-title span{font-size:22px;font-size:22px\9;text-align:right}
    #webbox .midd-title{bottom:100px;}
    .news-page{width:320px;position:absolute;bottom:20px;left:0px;}
    .news-page h1{font-size:30px;font-size:30px\9;text-transform:uppercase}
    .news-page h2{font-size:22px;font-size:22px\9;}
    #webbox .left-page{width:335px;}
    #webbox .left-page h1{font-size:30px;}
    #webbox .left-page h3{font-size:22px;}
    #webbox .right-page{margin-left:400px;}
    .business .oper-nav li p{font-size:20px;}
    .news .news-title{font-size:20px;margin-bottom:5px;line-height:30px;}
    .culture .right-content{margin-left:340px;padding:20px 10px;}
    /* culture */ 
    .bgm-cul{padding-bottom:100px;background:url(/Content/images/cul-bgm.jpg) no-repeat center bottom;background-size:100% auto;}
    /* popup */
    .popup .text-layer{margin-bottom:20px;height:40px;}
    .popup .text-layer span{font-size:16px;line-height:40px;}
    .popup .text-layer p{height:40px;}
    .popup .text-layer .ui-text{height:38px;line-height:38px;}
    .popup .pop-right p{font-size:16px;line-height:24px;}
}
@media screen and (max-width:1280px) {
    .wrap{margin:0 4%;}
    .wrapper{margin:0 4%;padding:65px 0px 0px;} 
    .title{font-size:20px;line-height:32px;}
    .sc-title{font-size:18px;line-height:30px;text-transform:uppercase}
    .nw-title{font-size:18px;line-height:26px;}
    .b-text{font-size:16px;line-height:28px;}
    .text{font-size:14px;line-height:24px;}
    .page-nav a{font-size:14px;}
    /* Header */
    #Header{width:100%;height:60px;} 
    #Header .logo{float:left;height:60px;}
    #Header .logo a{display:block;width:60px;height:100%;line-height:60px;vertical-align:middle;background:url(/Content/images/logo.png) no-repeat left center;background-size:auto 50px} 
    #Header .menu{height:60px;float:right;position:relative;margin-right:100px;zoom:1;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
    #Header .nav ul{width:100%;height:100%;position:relative;z-index:90;}
    #Header .nav li{display:block;height:100%;float:left;padding:0px 12px;position:relative;}
    #Header .nav a.m{display:block;font-size:15px;line-height:60px;color:#FFF} 
    #Header .nav .submenu a{color:#FFF;font-size:14px;}
    #Header .nav .submenu{top:70px;} 
    #Header .nav .submenu p{padding:0px 0px;}
    #Header .nav li:hover .submenu{top:60px;visibility:visible;opacity:1;}
    #Header .code a{height:60px;}
    #Header .code-img{top:60px}  
    #Header .ui-input{width:98px;}
    #Header .ui-but{width:17px;padding:0px;}
    #Header .code a.isShow .sreach{width:115px;visibility:visible}
    #Header .moved{margin-right:160px;}
    #container .soc-title{padding-top:100px;}
    #container .products .prod-text{height:74px;}
    #container .products .prod-infor{padding:0px 20px 20px}
    #container .products a:hover .prod-infor{padding:0px 20px 20px}
    #container .products .item-title{padding:10px 0px;}
    #container .products a:hover .btn-more{height:30px;line-height:30px;width:100px;}
    #fp-nav.right{right:0% !important;}
    .business .item-main-list .text{height:70px;}
    .business .house-infor{padding:20px 0px 20px}
    .business .view-layer .btn{width:32px;height:54px;position:absolute;top:50%;margin-top:-27px;cursor:pointer;z-index:100;opacity:0.6;filter:alpha(opacity = 60)}
    .business .view-layer .opr-prev{left:-35px;background:url(/Content/images/vw-prev.png) no-repeat center;background-size:16px auto}
    .business .view-layer .opr-next{right:-35px;background:url(/Content/images/vw-next.png) no-repeat center;background-size:16px auto}
    #container .products .btn-more p{height:28px;line-height:28px;}
}
@media screen and (max-width:980px) {  
    html{font-size:62.5%}
    body{font-size:1.4rem;line-height:1.5;-webkit-text-size-adjust:none;}
    .wrap{width:100%;margin:0 auto;}
    .wrapper{width:100%;margin:0 auto;padding:60px 0px;} 
    .big-title{font-size:2.1rem;line-height:24px;}
    .title,.nw-title{font-size:2rem;line-height:30px;}
    .sc-title{font-size:1.8rem;line-height:28px;} 
    .b-text{font-size:1.6rem;line-height:26px;}
    .enupp{text-transform:uppercase}
    .text{font-size:1.4rem;line-height:26px;text-align:justify}
    .content p{margin:10px 0px;}
    .padd{padding:10px 0px 20px;}
    .pas,.paddbox{padding:15px 0px 20px;} 
    .padbox,.project-list{padding:20px 0px;}
    input{font-family:initial !important;}
    .pc-layer{display:none}
    .mobile-layer{display:block;}
    /* Header */
    #Header{width:100%;height:50px;} 
    #Header .logo{float:left;height:50px;margin-left:13px;}
    #Header .logo a{display:block;width:60px;height:100%;line-height:50px;vertical-align:middle;background:url(/Content/images/logo.png) no-repeat left center;background-size:auto 41px} 
    #Header .menu,#Header .code,#webbox .left-page h1.pc-layer{display:none;}
    #Header .menu-btn,#webbox .left-page h1.mobile-layer{display:block;}
    /* page-menu */
    .page-banner{width:100%;}
    .page-menu{height:45px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0px 13px;margin-bottom:20px;margin-top:0px;background:#FFF}
    .page-nav{float:none;width:100%} 
    .page-nav a{height:45px;line-height:35px;font-size:1.6rem;margin-right:18px;}  
    .page-nav.row3 a{width:33.33%;margin-right:0px;text-align:center}
    .page-nav.row2 a{width:50%;margin-right:0px;text-align:center}
    .page-nav a:last-child{margin-right:0px;}
    .page-nav a.current{border-bottom:none}
    .page-nav a.current span{border-bottom:1px solid #3cab32;display:inline-block;height:39px;} 
    .page-menu .page-site,#container .btn-infor{display:none;}
    /* left-page */
    #webbox .left-page{position:relative;width:100%;height:auto;top:-20px;padding-bottom:15px;background-size:cover;}
    #webbox .left-page h1,#webbox .left-page h1.title{padding:15px 12px 0px;font-size:2.2rem;}
    #webbox .left-page h3{font-size:1.8rem;}
    #webbox .left-page h3 i{width:35px;}
    #webbox .left-page h3 span{margin-left:50px;}
    #webbox .left-page .imgs{display:none}
    /* right-page */
    #webbox .right-page{margin-left:12px;margin-right:12px;min-height:350px;}    
    /* box-sizing */
    .wrap,.business .house-infor,.business .item-main-list .text,.business .item-srech .ui-button,.business .item-srech .ui-input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
    /* home */
    #fp-nav ul li, .fp-slidesNav ul li{margin:5px 1px !important;width:3px!important;}
    .owl-theme .owl-controls{bottom:80px !important;text-align:center !important;}
    .owl-theme .owl-controls .owl-page span{width:16px !important;height:4px !important;}
    .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background:#3cab32 !important}
    #container .intel{height:80px;}
    #container .intel span{width:30px !important;height:30px !important;margin-left:-15px !important;top:15px !important;} 
    #container .intel p{font-size:1.5rem;bottom:10px;display:block;width:100%;left:0%;margin-left:0px;text-align:center}
    #container .intel li a:hover{background:#3cab32;height:80px;}
    #container .intel li a:hover span{left:50%}
    #container .intel li a:hover em{height:0px !important;display:none}
    #container .intel li a:hover p{width:100%;left:0%;margin-left:0px;font-size:1.6rem;text-align:center}
    #container .layer-left{width:94%;padding-top:70px;margin:0 auto;float:none}
    #container .big-title{line-height:26px;margin-bottom:0px;}
    #container .layer-left h3.title,#container .txt-nav,#container .in-text,#container #indus .swiper-slide span{font-size:1.6rem;margin-bottom:1px;}
    #container .txt-dec,#container .products h1{font-size:1.4rem;line-height:24px;}
    #container .btn-more{height:35px;line-height:35px;margin-bottom:15px;}
    #container .since{width:60%;margin-bottom:15px;}
    #container .layer-right{width:94%;padding-top:0px;margin:0 auto;float:none}
    #container .item-left{width:94%;margin:0 auto 20px;margin-top:70px;float:none}
    #container .item-right,#container .foot .rights,#container .foot .link{width:94%;padding-top:0px;margin-left:0;margin:0 auto;float:none}
    #container .title{margin-bottom:10px;}
    #container .txt-nav{height:40px;background:#dcdcdc}
    #container .txt-nav p{float:left;width:33.33%}
    #container .txt-nav i{width:100%;position:relative;top:0px;left:0px;display:none}
    #container .txt-nav span{width:100%;padding-left:0px;font-size:1.6rem;text-align:center;color:#3cab32}
    #container .txt-nav p.active{background:#3cab32}
    #container .txt-nav p.active span{padding-left:0px;font-size:1.8rem;color:#FFF}
    #container .products .slide-item{margin:0px 2px;}
    #container .products .slide-top{padding-top:0px;}
    #container .products .prod-text{height:64px !important;background:rgba(0,0,0,0.6)!important;}
    #container .products a .imgBox img{-webkit-filter:blur(0px) !important;-moz-filter:blur(0px) !important;-ms-filter:blur(0px) !important;filter:blur(0px) !important;}
    #container .clm-title{padding-top:10px;}
    #container .indus{width:94%}
    #container .news-wrap{padding:12px;background:transparent !important} 
    #container .news-pic,#container .news-list .nw-img{width:126px;}
    #container .news-head{width:initial;margin-left:138px;float:none;height:82px;position:relative}
    #container .nw-time,#container .news-list .nw-intron p{height:auto;position:absolute;left:0px;bottom:0px;font-size:1.4rem;line-height:16px;border-bottom:none;padding-bottom:0px;color:#FFF}
    #container .news-cont{margin-bottom:0px;}
    #container .nw-title,#container .news-list .nw-intron h1{display:block;font-size:1.7rem;margin-bottom:0px;line-height:25px;height:50px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
    #container .nw-infor{display:none}
    #container .news-list ul{margin:0px 0px;width:100%}
    #container .news-list li{width:100%;float:none;margin-bottom:20px;}
    #container .news-list li a{margin:0px 0px;height:82px;}
    #container .news-list .nw-img{height:82px;}
    #container .news-list .nw-intron{margin-left:138px;height:100%;opacity:1;filter:alpha(opacity = 100);position:relative;}
    #container .soc-title{padding-top:70px;}
    #container .commit{bottom:66px;}
    #container .commit li,#container .commit li.active{width:94%;margin:0 auto;float:none;height:auto;margin-bottom:5px;}
    #container .commit li a{position:relative;top:0px;left:0px;}
    #container .commit .rig-title{right:20px;}
    #container .commit .let-title{left:20px;}
    #container .commit .col-title h1{font-size:2rem;opacity:1;visibility:visible;}
    #container .commit .col-title p{font-size:1.6rem;opacity:1;visibility:visible;}
    /* about */ 
    .pad-top{padding-top:10px;}
    #webbox .bom-layer,#webbox .news-page{width:100%}
    #webbox .bom-layer,#webbox .banner-info,#webbox .culture-page,#webbox .news-page{bottom:10px;}
     #webbox .bom-layer,#webbox .culture-page,#webbox .colmu-title,#webbox .news-page,#webbox .bom-layer h1{text-align:center}#webbox .colmu-title{display:block}
    #webbox .bom-layer h1,#webbox .cenr-layer h1,.news-page h1,#webbox .culture-page h1{font-size:2rem;}
    #webbox .bom-layer h2,#webbox .cenr-layer h2,#webbox .news-page h2,#webbox .culture-page h2{font-size:1.6rem;}  
    #webbox .colmu-title em,#webbox .colmu-title span{font-size:1.8rem;color:#3cab32;display:inline-block;text-align:center;padding:0px 0px;} 
    #webbox .culture-page h1,#webbox .culture-page h2,.news-page h1,.news-page h2{padding-left:0px;} 
    #webbox.ab-wall{padding-bottom:75px;}
    #webbox .since,.item-cont .item-list-box li,#webbox .hall li{margin-bottom:15px;}
    #webbox .since .title{margin-bottom:0px;}
    #webbox .his-tab{height:40px;margin-bottom:20px;}
    #webbox .his-tab a{display:block;float:left;padding:0px 0px;width:50%;font-size:1.6rem;line-height:40px;}
    #webbox .cour-main dt{padding-left:14px;box-sizing:border-box;-webkit-box-sizing:border-box;}
    #webbox .yer-rse,.honor-cont .hor-year{min-height:20px;line-height:20px;padding-left:20px;font-size:1.8rem;margin-bottom:7px;}
    #webbox .yer-rse i{width:18px;height:18px;background-size:18px auto;left:-23px;}
    #webbox .yer-rse{background:#3cab32;color:#FFF;height:30px;line-height:30px;margin-bottom:0px;}
    #webbox .cour-main .b-text,.honor-cont .hor-infor{padding-left:20px;font-size:1.5rem;line-height:26px;} 
    #webbox .cour-main .b-text{padding-left:14px;padding:10px 14px;background:#f8f8f8;box-shadow:0px 7px 10px rgba(0,0,0,0.15);}
    .honor-cont .hor-year i{width:18px;height:18px;background-size:18px auto;left:-9px;}
    .project-list .prod ul{margin:0px 15px;}
    .project-list .prod li{width:100%;float:none;margin-bottom:15px;}
    .project-list .prod a{margin:0px 0px;}
    .project-list .info-layer{height:50px;}
    .project-list .info-top{padding:0px 15px;height:50px;line-height:50px;}
    .project-list .line{margin-bottom:15px;}
    .project-list .info-txt{padding:0px 15px;}
    .item-cont{padding:0px 12px;} 
    .item-cont .item-top .title{margin-bottom:5px}
    .item-cont .item-top .sc-title{font-size:1.6rem;line-height:28px;}
    .item-cont .item-list-box ul{margin-bottom:-15px;}
    .item-cont .item-list-box a{padding:0px 0px;width:100%}
    .item-cont .item-list-box .item-pic{width:100% !important;float:none !important;margin-left:0% !important}
    .item-cont .item-list-box .item-info{position:relative;left:0px;top:0px;width:100%}
    .item-cont .item-list-box .infor{padding:15px 12px;}
    .item-cont .item-list-box .info-txt{font-size:1.4rem;line-height:24px;padding:0px 0px 10px;} 
    .hon-yaer{height:60px;margin-bottom:15px;}
    .hon-yaer::after{top:14px;}
    .hon-yaer .btn{width:30px;height:30px;background-size:30px auto}
    .honor-cont::after{width:1px;}
    .honor-cont .hor-year{height:auto;}
    .hon-yaer .swiper-slide i{margin:8px auto 0px;}
    #webbox .hall .hall-infor{height:40px;}
    #webbox .hall .hall-infor h1{padding-left:10px;line-height:40px;font-size:1.6rem;}
    #webbox .hall .hall-infor p{padding-right:10px;line-height:40px;background-size:auto 16px;padding-left:20px;}
    #webbox .yy-tell{background-size:25px auto;padding-left:35px;font-size:1.8rem;}
    
    /* business */
    #webbox .cenr-layer{bottom:10px;}
    .bgm-layer{margin-top:0px;}
    .business .house-infor{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:12px 0px;}
    .business .house-infor .de-more{right:0px;bottom:14px;}
    .business .house-infor .de-more a{padding-right:20px !important}
    .business .house-infor .de-more a i{width:15px !important;}
    .business .house-pic p{width:100px;height:30px;left:0px;line-height:30px;font-size:1.6rem;}
    .business .box-text{width:100%}
    .business .item-nav,.business .item-main-list,.business .view-main{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0px 13px;}
    .business .item-nav,.business .item-main-list a{width:100%;height:auto;}
    .business .item-nav{margin-bottom:20px;padding:0px 13px;}
    .business .navg{float:none;height:40px;width:100%;/*width:calc(100vh + 15px)*/;margin-bottom:20px;}
    .business .navg a{display:block;float:left;width:31%;line-height:40px;margin-right:3.33%;text-align:center;padding:0px 0px;font-size:1.6rem; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
    .business .navg a:last-child{margin-right:0%;float:right}
    .business .view-main{padding-bottom:30px;}
    .business .item-srech{float:none;margin:0px 0px;height:40px;position:relative;padding-right:105px;}
    .business .item-srech .ui-input{float:none;height:40px;width:100%;}
    .business .item-srech .ui-button{float:none;position:absolute;top:0px;right:0%;height:40px;width:105px;background:#3cab32 url(../images/icon-find-w.png) no-repeat 10px 50%;background-size:auto 16px;font-size:1.6rem;} 
    .business .item-main-list li{border-bottom:1px solid #dcdcdc;padding-bottom:15px;}
    .business .item-main-list li:last-child{border-bottom:none}
    .business .item-main-list .prod-pic{float:none;width:100%}
    .business .item-main-list .prod-txt{margin-left:0px;}
    .business .item-main-list .h-infor{padding:10px 0px;width:100%;}
    .business .item-main-list .text{height:auto;margin-bottom:10px;}
    .business .item-main-list .del-more{margin-left:13px;}
    .business .item-main-list a .del-more{padding-right:45px !important;color:#3cab32 !important;}
    .business .item-main-list a .del-more i{right:0px;visibility:visible;opacity:1;}
    .business .project-infor{width:100%;height:auto;}
    .business .prod-img{padding-top:62%;background-size:100% auto !important;background-position:center top!important}
    .business .prod-intron{position:static;width:100%;float:none}
    .business .pro-desc{padding:0px 13px 15px;}
    .business .pro-type{margin:0px 0px 20px;}
    .business .pro-type li{padding:0px 0px;width:24%;float:left;margin-right:1%;text-align:center}
    .business .pro-type li:last-child{margin-right:0%;float:right}
    .business .view-layer .opr-prev,.business .view-layer .opr-next{display:none;}
    .business .prod-map .wrap{padding:0 13px;margin-bottom:20px}
    .business .pro-type{height:35px;}
    .business .pro-type li{font-size:1.6rem;line-height:35px;}
    .business .oper-nav ul{height:100px;}
    .business .oper-nav li p{font-size:1.4rem;}
    .business .oper-nav li i{background-size:30px auto !important;margin:10px auto 10px;width:35px;height:30px;}
    .business .oper-nav li span{display:block;padding:0px 5px;}
    .business .oper-pic .btn{background-size:16px 27px !important;}
    .business .oper-pic .opr-prev{left:0px;}
    .business .oper-pic .opr-next{right:0px;}
    .business .oper-pic img{width:100%;height:auto;}
    .business .indu-list ul{padding-left:0px;}
    .business .indu-list li{height:50px;line-height:50px;}
    .business .indu-list li p{font-size:1.8rem;background-size:auto 25px !important;padding:0 15px 0px 30px;}
    #view-swiper .swiper-pagination,#pro-view .swiper-pagination{display:block}
    /* news */
    .news .news-head{margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:15px;}
    .news .news-top{width:120px;}
    .news .news-top a{display:block;width:100%}
    .news .news-top-info{width:initial;float:none;margin-left:134px;position:relative}
    .news .news-top-info .nw-time{position:absolute;left:0px;bottom:-10px;font-size:1.4rem;}
    .news .news-top-info .news-title{overflow:auto;white-space:normal;height:auto;line-height:26px;font-size:1.8rem;}
    .news .news-top-info .text{display:none} 
    .news .news-list li a{height:auto;position:relative;display:block;width:100%;padding-bottom:26px;}
    .news .news-list .news-time{position:absolute;left:0px;bottom:-7px;width:100%;height:24px;line-height:24px;background:transparent;text-align:left;}
    .news .news-list .news-time span{display:inline-block;font-size:1.4rem;line-height:24px;padding-top:0px;}
    .news .news-list .news-time span::before{content:"."}
    .news .news-list .news-time p{float:left;font-size:1.4rem;}
    .news .news-list .news-cont{margin-left:0px;}
    .news .news-list .news-cont h3{overflow:auto;white-space:normal;height:auto;line-height:26px;font-size:1.7rem;color:#000;}
    .news .news-list .news-cont .text{display:block;font-size:1.4rem;margin-bottom:0px;line-height:24px;height:auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#666}
    .news .detail-top .infm,.news .detail-top span{margin-right:15px;}
    .news .detail-top .back a{line-height:30px;}
    .news .news-detail-title{font-size:2rem;line-height:30px;margin-bottom:10px;}
    /* culture */
    #webbox.culture .right-page{min-height:1px;}
    .culture .layer-one{padding-bottom:80px;}
    .culture .one-box{width:90%;left:5%;padding:15px 0px;bottom:20px;}
    .culture .text-layer,.culture .txt-layer{height:auto;padding:20px 0px;}
    .culture .left-img{float:none;margin:0 auto;height:102px;width:100%}
    .culture .right-content{margin-left:0px;padding:20px 20px;}
    .culture .txt-layer .left-cont{position:relative;height:auto;margin:0px auto;padding:20px;}
    .culture .txt-layer .let{position:relative;top:0%;margin-top:0px;height:auto}
    .culture .brand-vison{margin:25px auto 0px;border:1px solid #3cab32;}
    .culture .brand-vison .b-text{color:#3cab32}
    .culture .vis-layer{color:#333}
    .culture .pop-layer,.culture .brand-pic{position:relative;}
    .culture .vis-text{width:100%;top:0px;padding-bottom:40px;}
    .culture .brand-main{margin:0px 0px;padding:0px 0px 0px;}
    .culture .brand-vision{position:relative;width:100%;padding:20px 0px;margin-bottom:20px;}
    .culture .brand-stext{width:100%;margin:20px auto 20px;}
    .brand-stext .text-cont{padding:20px;}
    .culture .brand-content{width:100%;padding:20px 0px 0px;background:none}
    .culture .brand-content dt,.culture .brand-content dd,.culture .brand-slogan li{width:100%;float:none;padding-top:0px;}
    .culture .brand-content .layer{width:100%}
    .culture .brand-item{height:auto !important;background-size:auto 100% !important}
    .culture .brand-item .big-title{margin-bottom:20px;}
    .culture .brand-item .page-title{margin:20px auto 20px;}
    .culture .brand-slogan{width:90%;margin:0 auto}
    .culture .brand-slogan li{margin-bottom:15px;}
    .culture .brand-slogan .grid{padding:20px 20px;}
    .culture .brand-slogan .grid-cont{min-height:1px;}
    .culture .brand-slogan .title,.culture .brand-slogan .line{margin-bottom:10px;}
    #activity.no-slide .swiper-wrapper{margin:0px -5px}
    #activity.no-slide .swiper-slide a{margin:0px 5px;}
    .culture .nujmber{font-size:1.6rem;}
    /* join */
    .rectuit .rec{padding-top:10px;}
    .join .job p,.join .job-title p{width:25%;}
    .join .job p:nth-child(2),.join .job-title p:nth-child(2){display:none}
    .join .job-title span{line-height:20px;}
    .join .job-desc{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:15px 0px;}

    /* contact */
    .contact .conta{padding-top:40px;}
    .contact .lx-title{top:0px;}
    .contact .lx-lt,.contact .lx-rt{width:100%;float:none}
    .contact .lx-lt{margin-bottom:20px;}
    .contact .lx-rt .btn{width:60px;margin:0 auto;text-align:center;height:35px;line-height:35px;}

    /* */
    .popup .pop-close{width:30px;height:30px;background-size:30px 30px !important;right:0px;top:-35px;}
    .popup .pop-main{width:94%;height:83%;left:3%;top:10%}
    .popup .main-content{width:90%;margin:15px auto;padding:0px 0px;}
    .popup .pop-title{margin-bottom:0px;}
    .popup .pop-box{padding-bottom:10px;margin-bottom:20px;}
    .popup .pop-left,.popup .pop-right{width:100%;float:none}
    .popup .text-layer{margin-bottom:10px;}
    .popup .ui-textarea{height:124px;}
    .popup .btn-submit .ui-submit{height:40px;font-size:16px;}

    .mar-bom{margin-bottom:10px;}
    .marg{margin-bottom:20px;}
    /* resultPage */
    .resultPage .page-menu{display:none;}
    .resultPage .prod-pic{width:120px;height:80px;float:left;overflow:hidden;}
    .resultPage .prod-pic img{width:100%;height:80px;}
    .resultPage .prod-txt{height:100%;margin-left:130px;}
    .resultPage .news-list a{height:80px;}
    .resultPage .prod-txt .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
    /* pagination */ 
    .pagination{padding:10px 0px 20px;text-align:center;}
    .pagination span,.pagination a{display:inline-block!important;margin:0px 2px;font-size:1.4rem;font-family:inherit;color:#333;}
    .pagination a:hover,.pagination a.page_current{color:#e60012;}  
}<!--0.00016689300537109-->