@font-face{font-family:gothmbok;src:url(../fonts/gothmbok.woff2) format("woff2");font-weight:400;font-style:normal}
body,html{font-family:'Microsoft yahei';background-color:#fff;width:100%;font-size:14px}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}
._w1200::after,.case_list::after,.header .nav::after{display:block;width:100%;height:1px;clear:both;content:''}
.header{height:auto;position:absolute;left:0;top:0;width:100%;z-index:30;color:#fff;border-bottom:1px solid rgba(255,255,255,.01);background:#fff}
.header::before{width:100%;height:0;position:absolute;left:0;top:82px;display:block;content:'';background:#fbfbfb;transition:all .35s cubic-bezier(.23,1,.32,1);opacity:0;visibility:hidden}
.header .nav{padding:15px 3%;text-transform:uppercase;position:relative}
.logo{width:100px;float:left}
.classProject{padding:50px 0}
.classProject ._w1200{max-width:1200px;margin:0 auto}
._PageTurningNumber{text-align:center;margin:50px 0}
._PageTurningNumber a{background:#fff;padding:10px 15px;margin-right:5px}
._PageTurningNumber ._btnJump{margin:0 5px}
._PageTurningNumber a.active{color:#fff;background:#0a499b}
._PageTurningNumber span input{line-height:19px;padding:10px 5px;box-sizing:border-box;width:50px;margin:0 5px}
._PageTurningNumber ._JumpNumber{margin:0 10px}
.nav_bar{width:auto;height:auto;float:right;margin-right:20px}
.nav_bar li{width:115px;float:left;line-height:50px;font-size:16px;text-align:center;position:relative}
.nav_bar li.active .level1 a{color:#0a499b;font-weight:700}
.nav_bar li.active .level1 a::after{width:100%;height:2px;background:#0a499b;position:absolute;left:0;top:-15px;content:'';display:block}
.nav_bar li .level1 a{display:block;color:#3e3e3e}
.nav_bar li .level2{visibility:hidden;opacity:0;width:100%;position:absolute;left:0;top:30px;padding:10px 0;transition:all .35s cubic-bezier(.23,1,.32,1);height:0}
.nav_bar li .level2::before{content:''}
.nav_bar li .level2 a{display:block;line-height:35px;font-size:14px;color:#3e3e3e}
.lang{display:block;width:50px;height:30px;text-align:center;line-height:30px;position:absolute;right:10px;top:50%;cursor:pointer;color:#fff;background:#0a499b;margin-top:-15px;border-radius:50px}
.slidestock{width:auto;height:auto;line-height:25px;font-size:12px;background:#e41616;padding:0 5px;position:absolute;left:1%;bottom:-27px}
.slidestock span{font-size:14px;font-family:gothmbok}
._flexbox{display:-webkit-box;display:-ms-flexbox;display:flex}
.nav_bar li.gp p{font-weight:700;font-size:17px}
.nav_bar li.gp p span{display:block;font-size:15px}
.banner{position:relative;margin-top:82px;max-height:calc(100vh - 82px);overflow:hidden}
.banner .img-box{background-image:url(../images/banner_.jpg)}
.img-box{overflow:hidden;position:relative;background-position:center center;background-size:cover}
.index .box{background-image:url(../images/nosie.png)}
.index .box1{background-image:url(../images/bg.jpg);padding:106px 110px 20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.index .box1 .commonT{margin-top:35px}
.common-en-title{font-size:38px;color:#b2b2b2;font-weight:400;position:relative;padding-bottom:30px;font-family:gothmbok}
.common-en-title span{display:block}
.common-en-title::after{width:97px;height:4px;position:absolute;content:'';left:0;bottom:0;background-color:#0079c2}
.index .box1 .left{-webkit-box-flex:3;-ms-flex:3;flex:3;margin-right:65px}
.index .box1 .right{-webkit-box-flex:4;flex:4}
.index .box h4{font-size:36px;color:#474747;margin-top:37px;margin-bottom:10px}
.index .box.box1 h4{font-size:28px;display:inline-block}
.index .box1 p{font-size:18px;color:#555;font-family:gothmbok;line-height:1.7}
.index .box .commonT .en{font-size:32px;color:#b2b2b2;font-weight:400;font-family:gothmbok;text-transform:uppercase;line-height:1}
.net{position:relative}
.index .box .commonT h4{margin-top:0;font-size:28px}
.index .box2 ._flexbox{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 10px}
.index .box2 ._flexbox .item+.item{margin-left:10px}
.index .box2 ._flexbox .item:nth-child(3n+1){margin-left:0}
.index .box2 ._flexbox .item{width:calc((100% - 20px)/ 3);background-color:#0079c2;margin-bottom:10px;display:block}
.index .box2 ._flexbox .item:nth-child(even){background-color:#0f5a87}
.img-box.common .title{position:absolute;left:15px;bottom:15px;z-index:5;color:#fff;font-size:18px}
.img-box.common .title .cn{font-size:18px}
.img-box.common .title .en{font-family:gothmbok;font-size:14px;text-transform:uppercase;opacity:.5}
.img-box.common::before{position:absolute;left:0;content:'';bottom:0;width:100%;height:35%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.7)));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7));z-index:3}
.box.common-PD{padding:0 3%}
.box.common-PD .icon-box .item img{margin:0 auto}
.index .box3{background-image:url(../images/nosie.png);padding-top:70px;padding-bottom:70px}
.index .box3 ._top{margin-top:45px;margin-bottom:80px;position:relative;height:185px;background-image:url(../images/top_.jpg);background-size:cover;background-position:center top}
.index .box3 ._bottom{margin-top:94px;position:relative;height:auto;background-image:url(../images/bgs.jpg);background-size:cover;background-position:center top;padding:50px 0}
.index .box4 h4{margin-bottom:50px}
.index .box4{padding-bottom:80px;padding-top:25px;background:#fff}
.index .box4 .left{margin-right:20px;width:calc(100% - 255px);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.index .box4 .left a+a{margin-left:35px}
.index .box4 .inlineBox{overflow:hidden}
.index .box4 .left .item{width:calc((100% - 70px)/ 3)}
.index .box4 .right{width:235px;position:relative}
.index .box4 .right .img-box{background-color:#000}
.index .box4 .right .img-box>img{opacity:.8}
.index .box4 .left .time{color:#414141;margin-top:3px}
.inlineBox{font-size:0;-webkit-text-size-adjust:none}
.inlineBox>*{display:inline-block;font-size:14px;vertical-align:top}
.index .box4 .left .type{line-height:24px;border:1px solid #0079c2;display:inline-block;color:#0079c2;padding:0 10px}
.index .box4 .right .play{position:absolute;z-index:3;width:100%;left:0;top:50%;text-align:center;color:#fff;font-size:24px;margin-top:-57px;font-weight:700}
.index .box4 .right .play img{margin:0 auto;position:relative;margin-bottom:20px;cursor:pointer}
.index .box5 .item{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#0079c2}
.index .box6 a{display:block;height:80px;border-right:1px solid #eee;border-bottom:1px solid #eee;width:calc(100% / 7);background-position:center center;background-repeat:no-repeat;box-sizing:border-box}
.index .box6 ._flexbox{-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #eee;border-left:1px solid #eee;margin-top:35px}
.index .box6{padding-top:63px;padding-bottom:30px;background:#fff}
.footer.box{color:#a9a9a9;padding-bottom:30px;padding-top:20px;line-height:30px;background:#3e3e3e}
.footer.box a+span,.footer.box span+a,.footer.box span+span{margin-left:20px}
.footer ._flexbox{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.footer .right{text-align:center}
.footer .right img{width:100px;border:1px solid rgba(55,55,55,.1)}
#scroll{position:relative;height:100vh;overflow:hidden}
.transition{will-change:transform,opacity;-webkit-transition:opacity 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1);transition:opacity 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1);transition:transform 1.5s cubic-bezier(.19,1,.22,1),opacity 1.5s cubic-bezier(.19,1,.22,1);transition:transform 1.5s cubic-bezier(.19,1,.22,1),opacity 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1)}
.iScrollVerticalScrollbar{width:10px;height:100%;right:0;position:absolute;top:0;z-index:9;overflow:hidden;opacity:1;-webkit-transition:opacity 1s cubic-bezier(.645,.045,.355,1);transition:opacity 1s cubic-bezier(.645,.045,.355,1);background:rgba(0,0,0,.05)}
.iScrollVerticalScrollbar.active{opacity:1}
.iScrollIndicator{background-color:#0079c2;position:absolute;width:10px;-webkit-transition:-webkit-transform 1.5s cubic-bezier(.19,1,.22,1)!important;transition:-webkit-transform 1.5s cubic-bezier(.19,1,.22,1)!important;transition:transform 1.5s cubic-bezier(.19,1,.22,1)!important;transition:transform 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1)!important;transition:transform 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1)!important;transition:transform 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1)!important;top:0;right:0;cursor:pointer}
._middle{position:relative;margin-top:40px}
._middle .left{width:31.82%;height:auto;padding:50px;position:absolute;z-index:5;background-color:#0079c2;color:#fff;margin-left:3%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px}
._middle .right{width:70%;position:relative;margin-left:auto;margin-right:0;right:3%;top:0}
._middle .left .title{font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:15px}
._middle .left .des{line-height:1.8;height:auto;overflow:hidden;font-size:16px;opacity:.7}
._middle .left .more{line-height:45px;background-color:#fff;border-radius:45px;width:154px;text-align:center;display:inline-block;color:#3e3e3e;margin-top:40px}
._middle .left .ctrl{position:absolute;right:-29px;bottom:70px;z-index:5}
._middle .left .ctrl .left_{margin-bottom:10px;cursor:pointer}
._middle .left .ctrl .right_{cursor:pointer}
._middle .left .pag{position:absolute;left:75px;bottom:85px;display:none}
._middle .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border-radius:12px;-webkit-transition:all .5s;transition:all .5s}
._middle .swiper-pagination-bullet-active{width:50px}
._middle .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:16px}
.video-box{position:fixed;left:0;top:0;background-color:rgba(0,0,0,.8);z-index:400;width:100%;height:100%;display:none}
.video-box .video{width:1000px;height:600px;background-color:#000;left:50%;top:50%;margin:-300px 0 0 -500px;position:absolute;border:5px solid #3a87e3}
.video-box .video .close{position:absolute;right:-20px;top:-20px;cursor:pointer}
.video-box .video video{width:100%;height:100%}
.tbox{position:absolute;z-index:5;left:44.6%;top:8.9%;opacity:1;overflow:hidden;width:calc((238 / 1920) * 100%)}
.cbox{position:absolute;width:100%;height:100%}
.Tower2{position:absolute;top:0;left:0}
.cbox{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}
.cbox .cl1{position:absolute;left:37%;top:30%;z-index:6}
.cbox .cl2{position:absolute;left:60%;top:40%;z-index:6}
.c1,.c3{width:32px}
.c2{width:20px;position:absolute;top:-15px;right:-5px}
.lines{position:absolute;height:62%;border-left:2px solid rgba(255,255,255,.5);border-right:2px solid rgba(255,255,255,.5);width:26px}
.common-en-title .net::before{right:-10px;top:0}
#c{position:absolute;width:100%;height:100%;left:0;top:0;z-index:20;background:0 0;mix-blend-mode:screen;pointer-events:none}
.lines.l1{left:38%;top:31.5%}
.lines.l2{left:61.2%;top:41.5%;height:52%}
.Tower{opacity:.58}
.line1,.line3{position:absolute;width:8px;height:90%;left:0;border:2px solid #0079c2;border-radius:8px;background-color:#5398c3;left:-5px;top:7%;-webkit-transform:scaleX(.8);transform:scaleX(.8)}
.line1{left:auto;right:-5px}
.line2,.line4{position:absolute;width:8px;height:90%;left:-5px;border:2px solid #e51616;top:7%;border-radius:8px;background-color:#da5555;-webkit-transform:scaleX(.8) scaleY(0);transform:scaleX(.8) scaleY(0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-box-shadow:0 0 25px #e51616;box-shadow:0 0 25px #e51616;-webkit-animation:ll .5s infinite alternate;animation:ll .5s infinite alternate}
@-webkit-keyframes ll{
0%{-webkit-box-shadow:0 0 20px 2px transparent;box-shadow:0 0 20px 2px transparent}
100%{-webkit-box-shadow:0 0 20px 2px #e51616;box-shadow:0 0 20px 2px #e51616}
}
@keyframes ll{
0%{-webkit-box-shadow:0 0 20px 2px transparent;box-shadow:0 0 20px 2px transparent}
100%{-webkit-box-shadow:0 0 20px 2px #e51616;box-shadow:0 0 20px 2px #e51616}
}
.line2{left:auto;right:-5px}
.scan{background:-webkit-gradient(linear,left top,right bottom,from(#4ddb86),to(#1ae26a));background:linear-gradient(to right bottom,#4ddb86,#1ae26a);width:100%;height:5px;border-radius:40%;-webkit-box-shadow:0 0 10px 2px #1ae26a;box-shadow:0 0 10px 2px #1ae26a;opacity:.7;position:absolute;left:0;top:-10%;z-index:11}
.tower2{position:absolute;width:100%;height:100%;left:0;bottom:0;background-image:url(../images/Tower.png);background-size:100% auto;background-position:center bottom;z-index:10}
.icon-box{width:90%;position:absolute;height:100%;left:5%;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2;color:#fff;font-size:16px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.pz_title{width:100%;color:#fff;text-align:center;font-size:38px;text-shadow:0 0 5px rgba(0,0,0,.05);height:80px;line-height:80px;margin-bottom:15px}
.index .box3 ._bottom .icon-box{height:auto;bottom:auto;top:auto;position:relative;width:80%;left:10%}
.loader{position:fixed;width:100%;height:100vh;left:0;top:0;z-index:200;background-color:#1071ad}
.loader .loader-box{position:absolute;width:400px;left:50%;margin-left:-200px;top:50%;margin-top:-48px}
.loader .loader-bar{width:100%;height:3px;background-color:rgba(255,255,255,.2);margin-top:34px}
.loader .loader-bar span{display:block;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scaleX(0);transform:scaleX(0);height:3px;background-color:#fff}
.loader .loader-box img{margin:0 auto}
.banner-common .img-box{background-image:url(https://bing.ioliu.cn/v1/);background-position:center center;background-size:cover;opacity:1}
.banner-common{background-color:#000}
.case ul::after{content:'';display:block;width:32.5%}
.qa_box .item .question{font-size:18px;cursor:pointer;line-height:30px;position:relative;border-bottom:1px solid rgba(55,55,55,.3);padding:15px 40px 15px 0}
.case.news2 ul li .news2_des p{overflow:hidden}
.nav_bar li ._nav_{position:absolute;width:100%;left:0;font-size:16px;background-color:rgba(0,0,0,.6);font-weight:400}
.nav_bar li.second>._nav_{top:50px}
.qa_box .item .question::after,.qa_box .item .question::before{content:'';width:15px;height:1px;background-color:rgba(55,55,55,.3);position:absolute;display:block;right:10px;top:50%;transition:all .5s}
.qa_box .item .question::after{transform:rotate(90deg)}
.qa_box .item .question span{display:inline-block;width:30px;text-align:center;font-size:16px;background-color:#0079c2;color:#fff;border-radius:5px;margin-right:10px}
.qa_box .item.active .question::after{transform:rotate(135deg)}
.qa_box .item.active .question::before{transform:rotate(45deg)}
.qa_box .item .answer{padding:20px;background-color:rgba(0,121,194,.05);line-height:1.7;display:none}
.qa_box .item.active .answer{display:block}
.header .nav .second{background-color:#0079c2;color:#fff;position:absolute;width:100%;left:0;font-size:16px;font-weight:400;top:100px;padding:0 340px 50px calc(100% - 1314px);display:none}
.header .nav .second a{font-weight:400}
.header .nav .second .list_{display:none}
.header .nav .second .list_.active{display:block}
.header .nav .third{font-size:13px;padding-top:10px;margin-top:10px;border-top:1px solid rgba(255,255,255,.3);padding-left:20px}
.header .nav .third a+a{margin-left:15px}
.header .nav .second .item+.item{border-top:1px solid rgba(255,255,255,.4)}
.header .nav .second .item{padding:15px 0}
.case_cat a.active{color:#0079c2}
.sub_title p{display:none}
.case_cat{line-height:70px;border-bottom:1px solid rgba(0,0,0,.05)}
.minTab{margin-top:30px;display:block;}
.minTab a{border:1px solid #0a499b;display:block;text-align:center;line-height:32px;border-radius:30px;color:#0a499b;transition:ease .4s; width: auto; padding: 0px 25px; float: left;}
.minTab a+a{margin-left:15px}
.minTab a.active{background:#0a499b;color:#fff}
.minTab a:hover{background:#0a499b;color:#fff}
._w1200{width:100%;height:auto;position:relative;padding:0 50px}
.case_cat a{height:auto;text-align:center;display:block;transition:all .46s ease 0s;float:left;padding:0 35px;font-size:16px;position:relative}
.case_cat a::after{width:0;height:2px;content:'';position:absolute;left:0;bottom:0;background:#0079c2}
.case_cat a.active::after{width:100%}
.case_list{width:100%;height:auto;margin-top:50px}
.case_list.mt0{margin-top:0}
.case_list ul li{width:32%;height:auto;float:left;margin-right:2%;margin-bottom:25px}
.case_list ul li:nth-child(3n){margin-right:0}
.case_list ul li .thum{width:100%;height:auto;position:relative;overflow:hidden}
.case_list ul li .thum .img{width:100%;height:auto;background:center center no-repeat;background-size:cover;-webkit-transition:all .35s}
.case_list ul li .thum .img img{max-width:auto;width:100%}
.case_list ul li .info{width:100%;height:auto;margin-top:40px;margin-bottom:40px}
.case_list ul li .info .title{transition:all .36s ease;color:#333;font-size:16px;line-height:30px}
.case_list ul li .info .des{margin-top:13px;transition:all .36s ease;font-size:14px;line-height:26px;height:52px;overflow:hidden;color:#999}
.case_list ul li .date{display:none;height:70px;line-height:70px;font-weight:600;font-size:20px;border-top:1px solid #e2e4e6;position:relative;font-family:gothmbok;color:#888}
.case_list ul li .date::before{content:"";position:absolute;top:-1px;left:0;height:1px;background:#0079c2;width:60%;transition:.56s ease;opacity:0}
#linian{padding:100px 0}
.sub_title{width:100%;text-align:center;position:relative;padding-bottom:15px;margin-bottom:25px}
.sub_title::after{width:40px;height:2px;background:#0079c2;position:absolute;left:50%;margin-left:-20px;bottom:0;content:''}
.sub_title p{font-family:gothmbok;font-size:40px;line-height:1.2;color:#999;display:block;text-transform:uppercase}
.sub_title b{display:block;font-size:30px;line-height:1.4;font-weight:400}
.linians{width:100%;height:auto;overflow:hidden}
.linians ul li{width:49%;height:auto;float:left;margin-right:2%;margin-bottom:20px}
.linians ul li:nth-child(2n){margin-right:0}
.linians ul li img{max-width:auto;width:100%}
#fazhan{width:100%;height:auto;background:url(../images/fazhan_bg.jpg) center center no-repeat;background-size:cover;padding-bottom:100px}
.fz_show{width:100%;height:auto;padding:100px 0;text-align:center;color:#fff}
.fz_show b{font-weight:400;font-size:38px;line-height:1.4;display:block}
.fz_show p{font-size:24px;line-height:1.4;font-family:gothmbok;display:block}
.more_btn{display:block;width:155px;height:45px;line-height:45px;text-align:center;margin:0 auto;background:#fff;border-radius:45px}
.sub_title.w p{color:#fff}
.sub_title.w{padding-top:100px;color:#fff}
.sub_title.w::after{background:#fff}
#zhaopin{padding:100px 0}
.join_list{width:100%;height:auto;position:relative}
.join_list .swiper-slide{height:350px;background:#f9f9f9;cursor:pointer;padding:50px;position:relative;width:23.5%;float:left;margin-right:2%;margin-bottom:20px;-webkit-transition:all .5s}
.join_list .swiper-slide:nth-child(4n){margin-right:0}
.join_list .swiper-slide .title{width:-webkit-calc(100% - 100px);width:calc(100% - 100px);height:auto;position:absolute;left:50px;top:40%;-webkit-transition-duration:.5s;font-size:24px;text-align:center}
.join_list .swiper-slide .address{width:-webkit-calc(100% - 100px);width:calc(100% - 100px);height:auto;position:absolute;left:50px;-webkit-transition-duration:.5s;top:50%;color:#fff;opacity:0;font-size:16px;text-align:center}
.join_list .swiper-slide .number{width:-webkit-calc(100% - 100px);width:calc(100% - 100px);height:auto;position:absolute;left:50px;-webkit-transition-duration:.5s;top:60%;text-align:center;font-size:16px}
.join_list .swiper-slide:after{width:0;height:2px;position:absolute;left:50%;top:75%;-webkit-transition-duration:.5s;content:"";background:#fff;display:block}
.join_list .swiper-slide .lineB,.join_list .swiper-slide .lineL,.join_list .swiper-slide .lineR,.join_list .swiper-slide .lineT{position:absolute;background:#fff;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-duration:.5s}
.join_list .swiper-slide .lineL{width:2px;height:0;left:7px;top:100%}
.join_list .swiper-slide .lineR{width:2px;height:0;right:7px;top:7px}
.join_list .swiper-slide .lineT{width:0;height:2px;left:7px;top:7px}
.join_list .swiper-slide .lineB{width:0;height:2px;left:100%;bottom:7px}
.life_list{width:100%;height:auto;overflow:hidden}
.life_list ul li{width:33%;height:auto;float:left;margin-right:.5%;margin-bottom:10px}
.life_list ul li:nth-child(3n){margin-right:0}
.life_list ul li a{display:block;width:100%;position:relative}
.life_list ul li .thum{width:100%;height:auto;overflow:hidden;background:center center no-repeat;background-size:cover}
.life_list ul li .thum img{max-width:auto;width:100%}
.life_list ul li .name{width:100%;height:100px;position:absolute;left:0;bottom:0;background:url(../images/line_x.png) repeat-x}
.life_list ul li .name span{display:block;width:100%;height:auto;line-height:40px;position:absolute;left:0;bottom:0;color:#fff;text-indent:15px}
#shenghuo{margin-bottom:100px}
.boxes{width:100%;height:auto;padding:100px 0}
.boxes.b1{background:#f9f9f9}
.intro_l{width:48%;height:auto;float:left}
.intro_l .des{width:100%;height:auto;line-height:1.7}
.intro_l .des p{margin-bottom:10px}
.intro_img{width:48%;height:auto;float:right}
.sub_title.posl{text-align:left}
.sub_title.posl::after{left:0;margin-left:0}
.num_list{width:100%;height:150px;overflow:hidden}
.num_list ul li{width:25%;height:150px;float:left;text-align:center;position:relative}
.num_list ul li::before{width:1px;height:30%;position:absolute;right:0;top:44%;background:rgba(0,0,0,.05);content:''}
.num_list ul li:last-child::before{display:none}
.num_list ul li b{width:100%;height:auto;line-height:60px;color:#0779c0;font-size:40px;font-family:gothmbok;display:block;margin-top:60px}
.num_list ul li p{width:100%;height:auto;line-height:30px;font-size:14px;opacity:.7}
.num_list ul li::after{width:40px;height:40px;position:absolute;left:50%;top:10px;margin-left:-20px;content:'';background:url(../images/num_icons.png) no-repeat;background-size:auto 40px}
.num_list ul li:nth-child(2)::after{background-position:-40px 0}
.num_list ul li:nth-child(3)::after{background-position:-80px 0}
.num_list ul li:nth-child(4)::after{background-position:-120px 0}
.boxes.b2{height:auto;background:url(../images/dx_bg.jpg) center center no-repeat;background-size:cover;padding:100px 0 200px}
.honor_list{width:100%;height:auto;overflow:hidden}
.honor_list a{display:block;width:25%;height:auto;float:left;position:relative;padding:2px 2px 0 0}
.honor_list.num3 a{width:20%}
.honor_list a .thum{width:100%;height:auto;position:relative;overflow:hidden;background:#f9f9f9}
.honor_list a .thum .pic{background:center center no-repeat;background-size:contain;-webkit-transition:all .4s ease;transition:all .4s ease}
.honor_list a .thum .pic img{width:100%}
.honor_list a .more{position:absolute;width:60px;height:60px;line-height:60px;margin:-30px 0 0 -30px;top:50%;left:50%;font-size:24px;background-color:#fff;color:#e21613;visibility:hidden;opacity:0;-webkit-transform:scale(0);-webkit-transition:all .4s ease;border-radius:50%}
.honor_list a .more::before{width:14px;height:2px;background:#e21613;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);content:""}
.honor_list a .more::after{width:2px;height:14px;background:#e21613;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);content:""}
.honor_list.h2 a{width:20%}
.honor_list.h2 a .pic{height:350px}
.honor_list.h2 a:nth-child(4){width:40%}
.sub_title.cn p{font-size:30px;line-height:1.7}
.sub_title.cn b{font-size:18px;opacity:.7}
.sub_title.w.cn{padding-top:0}
.sub_title.w.cn::after{opacity:.7}
.honor_box{margin-top:0;background:#fff;padding:50px;box-shadow:0 0 15px rgba(0,0,0,.05)}
.his_des{width:100%;height:auto;padding:0 5%;text-align:center;line-height:1.7;margin-bottom:50px;opacity:.5}
.develop .year{font-size:70px;line-height:150px;text-align:center;font-family:gothmbok;position:relative;opacity:.5}
.develop .year::after{width:1px;height:0;position:absolute;left:50%;top:120px;background:#0079c2;content:'';display:block;-webkit-transition:all .35s}
.develop .des{width:100%;height:100px;padding:25px 3%;font-size:16px;line-height:25px;opacity:0;text-align:center;-webkit-transition:all .5s;position:relative;-webkit-transform:translateY(25px)}
.develop .thum{width:100%;height:auto;position:relative;background:center center no-repeat;background-size:cover;opacity:.5}
.develop .thum img{max-width:auto;width:100%}
.develop .info{width:90%;left:5%;top:50%;-webkit-transform:translateY(-50%);color:#fff;text-align:center;position:absolute}
.develop .info span{display:block;font-size:14px;line-height:1.7;opacity:.7;font-family:gothmbok;text-transform:uppercase}
.develop .info b{font-size:20px;line-height:1.7}
.develop .info p{display:block;line-height:1.7;font-size:16px}
.develop .swiper-info{position:relative;width:100%;height:auto;background:#000}
.develop .swiper-slide.swiper-slide-active .year{color:#0079c2;opacity:1}
.develop .swiper-slide.swiper-slide-active .des{opacity:1;-webkit-transform:translateY(0);color:#0079c2}
.develop .swiper-slide.swiper-slide-active .year::after{height:40px}
.develop .swiper-button-next,.develop .swiper-button-prev,.shop_swiper .swiper-button-next,.shop_swiper .swiper-button-prev{width:50px;height:50px;background:#0079c2}
.develop .swiper-button-next::after,.develop .swiper-button-prev::after,.shop_swiper .swiper-button-next::after,.shop_swiper .swiper-button-prev::after{width:20px;height:20px;background:url(../images/jt_icon.png) no-repeat;background-size:cover;content:'';position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-10px}
.develop .swiper-button-prev::after,.shop_swiper .swiper-button-prev::after{-webkit-transform:rotate(-180deg)}
.contact_list{width:100%;height:auto;overflow:hidden}
.contact_list ul li{width:32%;height:195px;float:left;position:relative;background:#f9f9f9;margin-right:2%;padding:25px;text-align:center}
.contact_list ul li:last-child{margin-right:0}
.contact_list ul li .icon{width:50px;height:50px;position:absolute;left:50%;margin-left:-25px;top:50px;background:url(../images/con_icons.png) no-repeat;background-size:auto 50px}
.contact_list ul li:nth-child(2) .icon{background-position:-50px 0}
.contact_list ul li:nth-child(3) .icon{background-position:-100px 0}
.contact_list ul li .txt{width:100%;height:auto;padding:0 25px;position:absolute;left:0;top:120px;font-size:16px}
.contact_list ul li .txt:nth-child(3){top:145px}
.single_page{font-size:14px;line-height:1.7}
.single_page p{margin-bottom:10px}
.recen_port{width:60%;height:auto;float:left}
.fin_port{width:35%;height:auto;float:right}
.sub_title a{width:auto;padding:0 15px;position:absolute;right:0;bottom:0;color:#e41616;display:inline-block;line-height:20px}
.sub_title a::after{position:absolute;right:0;top:0;content:'+'}
.reports{width:100%;height:auto;overflow:hidden}
.reports ul li{width:100%;height:auto;position:relative;margin-bottom:14px}
.reports ul li:last-child{margin-bottom:0}
.reports ul li a{display:block;position:relative;padding:15px 20px;background:#f9f9f9;line-height:30px;overflow:hidden}
.reports ul li a .name{width:calc(100% - 80px);float:left;padding-left:35px;position:relative}
.reports ul li a .name::after{width:30px;height:30px;position:absolute;left:0;top:0;background:url(../images/pdf.png) no-repeat;background-size:cover;content:'';display:block;opacity:.5}
.reports ul li a .date{width:80px;float:left;text-align:right}
.report_show{width:100%;height:auto;overflow:hidden;position:relative}
.report_show .thum{width:100%;height:auto;position:relative;overflow:hidden}
.report_show .thum .img{display:block;width:100%;height:auto;position:relative;background:center center no-repeat;background-size:cover}
.report_show .thum .img img{max-width:auto;width:100%}
.report_show .thum .name{width:100%;height:auto;position:absolute;left:0;bottom:0;color:#fff;padding:10px 0;line-height:30px;background:rgba(0,0,0,.5);text-indent:10px}
.boxes.b4{background:url(../images/re_bg.jpg) center center no-repeat;background-size:cover}
.his_des.w{color:#fff}
#zhili .his_des.w{width:1200px;margin:0 auto 50px}
.sub_title.w p{opacity:.7}
.zl_list{width:1200px;height:auto;margin:0 auto;overflow:hidden}
.zl_list a{display:block;width:23.5%;height:235px;background:#fff;float:left;margin-right:2%;margin-bottom:25px;padding:20px;position:relative}
.zl_list a:nth-child(4n){margin-right:0}
.zl_list a .number{width:100%;height:auto;line-height:60px;font-size:40px;font-family:gothmbok;position:relative;margin-bottom:10px;color:#0079c2}
.zl_list a .number::after{width:30px;height:2px;content:'';position:absolute;left:0;bottom:0;background:#0079c2}
.zl_list a .name{width:100%;height:auto;line-height:1.6;font-size:16px;margin-bottom:5px}
.zl_list a .date{width:100%;height:auto;opacity:.5;line-height:1.4}
.zl_list a .more{width:auto;height:auto;line-height:20px;font-size:15px;position:absolute;left:20px;bottom:20px;padding-left:25px;color:rgba(0,0,0,.5);font-size:12px}
.zl_list a .more::after{width:20px;height:20px;position:absolute;left:0;top:0;content:'';background:url(../images/pdf.png) no-repeat;background-size:cover}
.qf{width:100%}
.qf ul li{margin-bottom:20px;width:100%;height:auto;border:1px solid #f9f9f9}
.qf ul li .qfTop{width:100%;height:65px;background:#f9f9f9}
.qf ul li .qfTop .a{float:left;width:65px;height:65px;background:#e41616;color:#fff;text-align:center;line-height:65px}
.qf ul li .qfTop .b{width:calc(100% - 65px);height:auto;text-indent:15px;line-height:65px;float:right;font-weight:700;font-size:16px}
.qf ul li .qfBottom{overflow:hidden;width:100%;height:auto;background:#f9f9f9}
.qf ul li .qfBottom .a{float:left;width:65px;height:auto;text-align:center;line-height:65px}
.qf ul li .qfBottom .b{float:left;padding:20px;width:calc(100% - 65px);height:auto;background:#fff;line-height:24px}
._news_detail{width:1000px;margin:100px auto;background:#fff;padding:50px;box-shadow:0 0 15px rgba(0,0,0,.05);position:relative}
._news_detail .detail_content{width:100%}
._news_detail .returnBtn{position:absolute;right:0;width:120px;display:block;text-align:center;line-height:40px;top:-40px;font-size:14px;background:#fff;box-shadow:3px -11px 15px rgba(0,0,0,.05)}
._ndc_top{width:100%;height:auto}
._ndc_top .title{line-height:1.4;margin-bottom:0;font-size:30px;padding-top:10px;border-bottom:none;padding-bottom:20px}
._ndc_top .des{line-height:25px;margin-bottom:10px;padding:5px 10px;color:#777;border:1px solid #ddd;background:rgba(0,0,0,.01);position:relative}
._ndc_top .des span{margin-right:25px}
._ndc_top .social{width:100%;height:auto;margin-bottom:15px}
.ndc_detail{width:100%;height:auto;position:relative;line-height:1.7;margin-bottom:50px}
._ndc_npnews{width:100%;height:auto;display:flex}
._ndc_npnews .post_next,._ndc_npnews .post_prev{width:50%;display:flex;line-height:20px;padding:20px;background:rgba(0,0,0,.05);box-sizing:border-box;transition:ease .5s}
._ndc_npnews .post_next .name,._ndc_npnews .post_prev .name{width:calc(100% - 40px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
._templateIcon{font-family:templateIcon;font-style:inherit}
.intro_img img{max-width:auto;width:100%}
.shop_swiper .title{width:100%;height:auto;line-height:50px;position:absolute;left:0;bottom:0;color:#fff;background-color:rgba(0,0,0,.5);text-align:center}
.figcaption{display:none}
.sub_title.cn strong{font-size:38px;line-height:2;font-weight:400}
.ry_box{margin-top:-250px;background:#fff;width:calc(100% - 100px);margin-left:50px;padding:50px}
.product_list{width:100%;height:auto;padding:50px 0}
.product_list ul li{width:100%;height:auto;margin-bottom:10px;background:#f9f9f9}
.product_list ul li a{display:block;width:100%;height:auto;overflow:hidden}
.product_list ul li a .icon{width:50px;height:50px;float:left;background:#0779c0 url(../images/pdf_icon.png) no-repeat center/20px;position:relative}
.product_list ul li a .title{width:calc(100% - 160px);margin-left:10px;line-height:50px;float:left}
.product_list ul li a .date{width:90px;height:auto;float:left;margin-left:10px;text-align:left;opacity:.5;line-height:50px}
.report_show.detail a{width:32%;height:auto;float:left;margin-right:2%;margin-bottom:20px}
.report_show.detail a:nth-child(3n){margin-right:0}
.join_list .swiper-wrapper{flex-wrap:wrap}
.joinTipBox{width:800px;height:550px;position:fixed;left:50%;margin-left:-400px;top:50%;margin-top:-275px;background:#fff;z-index:500}
.joinTipBox .joinTipBoxTitle{width:100%;height:45px;background:#0779c0;color:#fff;line-height:45px;font-size:18px}
.joinTipBox .joinTipBoxTitle span{font-size:12px;position:absolute;right:50px;line-height:45px;opacity:.5}
.joinTipBox .joinTipBoxTitle strong{float:left;margin-left:15px}
.joinTipBox .joinTipBoxTitle .close{width:45px;height:45px;float:right;cursor:pointer;line-height:45px;text-align:center;position:relative}
.joinTipBox .joinTipBoxTitle .close img{display:block;float:left;margin-left:7.5px;margin-top:7.5px}
.joinTipBox .joinTipBoxInfo{width:100%;padding:0 2%;height:490px;overflow-y:auto;font-size:16px}
.joinTipBox .joinTipBoxInfo .joinTipName{width:100%;height:50px;line-height:50px;font-weight:700;position:relative}
.joinTipBox .joinTipBoxInfo .joinTipName b{position:absolute;right:10px;font-size:12px;font-weight:400}
.joinTipBox .joinTipBoxInfo .joinTipName span{color:#0779c0;margin-right:15px}
.joinTipBox .joinTipBoxInfo .joinTipBt{width:100%;height:auto;line-height:30px;font-weight:700}
.joinTipBox .joinTipBoxInfo .joinTipDetail{width:100%;height:auto;line-height:1.6;margin-bottom:15px}
.joinTipBox .joinTipBoxTitle .close::after{width:20px;height:20px;position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px;background:url(../images/close_icon.png) no-repeat;background-size:cover;content:''}
.ModalBox{opacity:0;visibility:hidden;position:fixed;width:800px;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;height:70vh;padding:25px;z-index:50;box-shadow:2px 2px 8px #585858}
.ModalBox.active{opacity:1;visibility:inherit}
.ModalBox .bkTitle{background:#0a499b;color:#fff;position:absolute;padding:0 20px;line-height:40px;font-size:18px;width:100%;left:0;top:0}
.ModalBox .contentTD{height:calc(100% - 40px);margin-top:40px;overflow-y:auto}
.ModalBox .btnOff{position:absolute;right:20px;width:20px;top:50%;transform:translateY(-50%);cursor:pointer}
.videoPage{padding:50px 0;background:#fff;position:relative;z-index:5}
.videoPage ul li{float:left;width:32%;margin-right:2%;margin-bottom:25px}
.videoPage ul li:nth-child(3n){margin-right:0}
.videoPage ul li .pic{position:relative;background:center center no-repeat;background-size:cover;-webkit-transition:all .5s}
.videoPage ul li .thum{display:block;width:100%;height:auto;position:relative;overflow:hidden}
.videoPage ul li .thum::after{width:70px;height:70px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);background:url(../images/play.png) no-repeat;background-size:cover;content:'';-webkit-transition:all .5s}
.videoPage ul li .pic img{max-width:auto;width:100%}
.videoPage ul li .date{color:#888;width:96%;margin:0 auto;line-height:2}
.videoPage ul li .title{font-size:16px;width:100%;padding:20px;text-align:center}
.videoPage ul li .duration{position:absolute;background-color:#111;opacity:.8;top:102px;right:10px;margin:4px;color:#fff;padding:2px 4px;border-radius:2px;letter-spacing:.5px;font-size:14px;font-weight:500;line-height:14px}
#myVideo{width:100%}
.ptn{text-align:center;position:absolute;top:50%;left:50%;width:100px;height:100px;transition:ease .5s;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);-webkit-transition:all .5s;box-shadow:0 0 15px rgba(0,0,0,.1);background:#489a86}
.ptn.active{-webkit-transform:scale(.5);left:0}
.ptn span{width:30px;height:30px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);display:block;background:url(../images/ptn_icon.png) no-repeat;background-size:60px auto}
.ptn.active span{background-position:-30px 0}
.ptn:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.5);transform:translate(-50%,-50%) scale(.9);transition:all .5s cubic-bezier(.215,.61,.355,1) 0s;opacity:0}
.ptn:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.25);transform:translate(-50%,-50%) scale(.9);transition:all .4s cubic-bezier(.215,.61,.355,1) 50ms;opacity:0}
@media screen and (min-width:1200px){
.header:hover .level2{opacity:1;visibility:inherit;height:200px}
.header:hover:before{opacity:1;visibility:inherit;height:200px}
.lang:hover{background:#e41616}
._news_detail .returnBtn:hover{background:#e00018;color:#fff}
.nav_bar li .level2 a:hover{color:#134c9d;font-weight:700}
.nav_bar li.hover::before{content:'';position:absolute;width:100%;height:2px;background-color:#fff;left:0;bottom:0}
.header .nav .second a:hover{opacity:.8;text-decoration:underline}
.case_list ul li:hover .img{-webkit-transform:scale(1.05)}
.case_list ul li:hover .title{color:#0079c2}
.case_list ul li:hover .date{color:#0079c2}
.case_list ul li:hover .date::before{width:100%;opacity:1}
.more_btn:hover{color:#fff;background:#c30b0b}
.join_list .swiper-slide:hover .title{top:20%;color:#fff}
.join_list .swiper-slide:hover .address{opacity:1;top:35%;-webkit-transition-delay:.2s}
.join_list .swiper-slide:hover .number{top:80%;color:#fff}
.join_list .swiper-slide:hover{background:#0779c0}
.join_list .swiper-slide:hover:after{width:40%;left:30%;-webkit-transition-delay:.2s}
.join_list .swiper-slide:hover .lineT{-webkit-transition-delay:.2s;width:-webkit-calc(100% - 14px);width:calc(100% - 14px)}
.join_list .swiper-slide:hover .lineB{-webkit-transition-delay:.2s;width:-webkit-calc(100% - 14px);width:calc(100% - 14px);left:7px}
.join_list .swiper-slide:hover .lineR{-webkit-transition-delay:.2s;height:-webkit-calc(100% - 14px);height:calc(100% - 14px)}
.join_list .swiper-slide:hover .lineL{-webkit-transition-delay:.2s;top:7px;height:-webkit-calc(100% - 14px);height:calc(100% - 14px)}
.honor_list a:hover .pic{-webkit-transform:scale(1.1);opacity:.8}
.honor_list a:hover .more{visibility:visible;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.joinTipBox .joinTipBoxTitle .close:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.videoPage ul li:hover .pic{-webkit-transform:scale(1.1)}
.videoPage ul li:hover .thum::after{-webkit-transform:translate(-50%,-50%) scale(.8);opacity:0}
._ndc_npnews .post_next:hover,._ndc_npnews .post_prev:hover{background:#0779c0;color:#fff}
}
@media screen and (max-width:1024px){
.navMobile{display:block;position:fixed;top:0;width:100%;height:100%;left:0;background:#fff;z-index:4;opacity:0;transition:ease .5s;visibility:hidden}
.navMobile.active{opacity:1;visibility:inherit}
.header .nav{height:75px}
.navBox{display:block;position:absolute;width:34px;height:27px;cursor:pointer;right:3%;top:50%;transform:translateY(-50%) scale(.7);z-index:10}
.navBurger{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;pointer-events:all;transition:opacity .4s cubic-bezier(.215,.61,.355,1)}
.navBurger-line{width:34px;height:4px;background:#194f9f;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .6s;transition:transform .3s cubic-bezier(.215,.61,.355,1) .6s;transition:transform .3s cubic-bezier(.215,.61,.355,1) .6s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .6s}
.navBurger-line--middle{margin-left:25%;transition-delay:.4s;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}
.navBurger-line--middle{margin-left:25%;transition-delay:.4s;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}
.navCross{position:absolute;display:block;top:3px;right:5px;width:24px;height:24px}
.navCross:after,.navCross:before{content:"";position:absolute;display:block;bottom:0;left:1px;width:34px;height:4px;background:#154d9d;-webkit-transform-origin:center;transform-origin:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1)}
.navCross:before{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg) scaleX(0);transform:rotate(-45deg) scaleX(0)}
.navCross:after{left:auto;right:1px;-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg) scaleX(0);transform:rotate(45deg) scaleX(0);transition-delay:.2s}
.isMenuOpen .navBurger-line{-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1)}
.isMenuOpen .navBurger-line{-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1)}
.isMenuOpen .navCross:before{-webkit-transform:rotate(-45deg) scaleX(1);transform:rotate(-45deg) scaleX(1)}
.isMenuOpen .navCross:after,.isMenuOpen .navCross:before{transition:-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .4s;transition:transform .3s cubic-bezier(.215,.61,.355,1) .4s;transition:transform .3s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .4s}
.isMenuOpen .navCross:after{-webkit-transform:rotate(45deg) scaleX(1);transform:rotate(45deg) scaleX(1);transition-delay:.6s}
.nav_bar li{width:auto;float:none}
.nav_bar{margin-right:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.nav_bar li .level1 a{padding:0 15px}
.index .box1{padding:30px 3% 0}
.common-en-title{font-size:24px;padding-bottom:15px}
.index .box.box1 h4{font-size:22px;margin:10px auto}
.index .box1 p{font-size:16px}
.index .box .commonT .en{font-size:24px}
.index .box2 ._flexbox{padding:0 3%}
.index .box1 .commonT{margin-top:30px}
.index .box3{padding:30px 0 30px}
.index .box3 ._top{margin:0;margin-bottom:30px}
.index .box .commonT h4{margin:10px 0;font-size:22px}
.index .box3 ._top .item{width:90px;height:90px}
.case_list ul li .info{margin:10px auto}
.case_list ul li .info .des{margin-top:0}
.pz_title{font-size:22px;height:auto;line-height:40px}
._middle .left .more{line-height:36px;font-size:14px;width:120px}
._middle .left{padding:30px}
._middle .left .ctrl .left_,._middle .left .ctrl .right_{width:38px}
._middle .left .ctrl{right:-19px}
.index .box4 .right .play img{width:48px}
.index .box4 .right .play{font-size:20px}
.case_list ul li .date{line-height:2;font-size:14px;height:auto}
.box.box4.common-PD .case_list ul li{margin-bottom:0;width:32%;margin-right:2%}
.box.box4.common-PD .case_list ul li:nth-child(3n){margin-right:0}
.case_list ul li{margin-bottom:15px}
.index .box4 .right{height:282px}
.box.box5{padding:30px 3%}
.index .box4{padding:30px 3%}
.box.box3 ._middle{margin-top:10px}
.index .box3 ._bottom{margin-top:30px}
.index .box6{padding:30px 3% 30px}
.index .box6 ._flexbox{margin-top:10px}
.index .box6 a{background-size:80%}
.header{position:fixed;top:0;width:100%}
.banner-common{margin-top:82px}
.nav_bar li .level2{display:none}
.case_cat a{padding:0 25px}
.case_cat{line-height:4}
.case_cat ._w1200{padding:0 3%}
._w1200{padding:0}
.classProject .sub_title{padding:0 3% 5px}
.classProject ._w1200{padding:0 3%}
.boxes,.boxes.b2{padding:30px 3%}
.intro_l{width:100%}
.intro_img{display:none}
#shangwei{padding-bottom:30px}
.ry_box{margin-top:0;padding:25px!important;width:100%;margin:0}
.sub_title.cn strong{font-size:24px}
.sub_title p{font-size:24px}
.sub_title b{font-size:22px}
.develop .year{font-size:50px}
.develop .des{font-size:14px}
.his_des{margin-bottom:0}
.sub_title{padding-bottom:5px}
.contact_list ul li{height:155px}
.contact_list ul li .icon{top:20px}
.contact_list ul li .txt{top:90px}
.contact_list ul li .txt:nth-child(3){top:110px}
.case_list{margin-top:30px;padding-bottom:30px;padding:0 3%}
.minTab{padding:0 3%}
#zhili .his_des.w{width:90%;margin:0 auto;padding:0}
#caiwu ._w1200{padding:0}
#wenti ._w1200{padding:0}
#linian{padding:30px 3%}
.sub_title.w{padding-top:30px}
.fz_show{padding:30px 0;width:90%;margin:0 auto}
.fz_show b{font-size:22px}
.fz_show p{font-size:18px}
.more_btn{width:120px;line-height:36px;height:auto}
#zhaopin{padding:30px 3%}
.join_list .swiper-slide{height:160px;padding:20px}
.join_list .swiper-slide .title{width:calc(100% - 20px);left:10px;font-size:20px;top:23%}
.join_list .swiper-slide .number{width:calc(100% - 20px);left:10px;top:47%;font-size:14px}
.join_list .swiper-slide .address{top:60%;opacity:1;visibility:inherit;color:#3e3e3e;font-size:14px}
._news_detail{width:100%}
.logo{position:fixed;z-index:5}
.nav_bar li.active .level1 a::after{top:0;opacity:0}
.banner{margin-top:75px}
.lang{margin:0;right:auto;left:50%;transform:translateX(-50%);bottom:10%;top:auto}
}
@media screen and (max-width:768px){
.minTab{display:block}
.minTab a{width:47%;margin:0 1% 10px;display:inline-block}
.minTab a+a{margin-left:1%}
.shop_swiper .title{height:50px;overflow:hidden}
.banner{margin-top:65px}
.index .box1 .left{width:100%;flex:none;margin:0}
.index .box1 .right{flex:none;margin-top:15px}
.index .box1 ._flexbox{display:block}
.index .box3 ._top .item{width:70px}
.index .box3 ._top .item img{margin-bottom:10px}
._middle .left{width:100%;position:relative;top:0;margin:0;transform:translate(0,0)}
._middle .left .swiper-container{width:85%}
._middle .right{width:100%;right:0;display:none}
._middle .left .ctrl{right:0;width:94%;left:3%;top:50%;bottom:auto;transform:translateY(-50%)}
._middle .left .ctrl .left_{position:absolute;left:0;margin:0}
._middle .left .ctrl .right_{right:0;position:absolute}
._middle .left .more{width:90px;line-height:30px}
.box.common-PD .icon-box .item img{width:60px}
.index .box3 ._bottom .icon-box{left:0;margin:0 auto}
.index .box4 .left{width:100%;margin:0 auto}
.index .box4 .right{display:none}
.case_list.mt0{padding:0}
.index .box6 a{width:50%;height:110px;background-size:inherit}
.index .box2 ._flexbox .item{width:49%}
.index .box2 ._flexbox .item+.item{margin-left:0}
.index .box2 ._flexbox .item:nth-child(2n){margin-left:2%}
.num_list ul li b{margin-top:54px;line-height:40px;font-size:26px}
._PageTurningNumber span input{border:1px solid #0a499b}
._news_detail{padding:25px}
._ndc_top .title{font-size:24px;padding:5px 0 10px}
.sub_title p{font-size:20px}
.sub_title b{font-size:20px}
.banner-common{margin-top:77px}
.header{height:75px}
.slidestock{bottom:0;top:75px;height:26px}
._PageTurningNumber{margin:20px auto}
.recen_port{width:100%}
.fin_port{width:100%;margin-top:30px}
.joinTipBox{width:90%;margin:0 auto;left:50%;height:80%;transform:translate(-50%,-50%)}
.zl_list{width:100%;margin-top:15px}
.zl_list a{width:48%;margin-right:4%}
.zl_list a:nth-child(2n){margin-right:0}
.zl_list a .number{font-size:22px;line-height:2}
._PageTurningNumber ._JumpNumber{display:none}
}
@media screen and (max-width:760px){
.header{height:65px}
.logo{width:70px}
.header .nav{height:65px}
.slidestock{top:65px}
.cbox{display:none}
.common-en-title{font-size:18px;padding-bottom:10px}
.index .box.box1 h4{font-size:20px;margin:5px auto;line-height:1}
.common-en-title::after{height:2px}
.index .box1 p{font-size:14px;margin-top:15px}
.index .box1 .right{margin-top:10px}
.index .box1 .commonT{margin-bottom:15px}
.index .box .commonT .en{margin-top:0;font-size:18px}
.img-box.common .title .cn{font-size:16px}
.index .box .commonT h4{margin:5px 0;font-size:20px;line-height:1}
.index .box3 ._top{margin-top:15px}
.box.common-PD .icon-box .item img{width:50px}
.index .box3 ._top .item{width:auto;font-size:14px}
._middle .left .ctrl .left_,._middle .left .ctrl .right_{width:26px}
._middle .left{padding:20px}
._middle .left .title{font-size:16px}
._middle .left .des{font-size:14px}
._middle .left .more{margin-top:20px;font-size:12px;line-height:26px}
.index .box3 ._bottom .icon-box .item{margin:0 1%;font-size:12px}
.index .box3 ._bottom .icon-box{width:96%}
.index .box4 .inlineBox{margin-top:15px}
.case_list ul li .info{margin:5px auto}
.case_list ul li .info .title{line-height:1.7;font-size:14px}
.case_list ul li .info .des{height:26px;display:none}
.case_list ul li .date{font-size:12px}
.box.box5 ._flexbox{display:block}
.index .box5 .item{display:block}
.index .box5 .item+.item{margin-top:15px}
.index .box6 a{height:80px;background-size:80%}
.case_cat{line-height:2.7}
.case_cat a{padding:0 5px;font-size:14px;width:33%}
.reports ul li a .date{display:none}
.reports ul li a .name{width:100%;height:30px;line-height:30px;overflow:hidden;padding-left:25px}
.reports ul li a .name::after{width:20px;height:20px;top:4px}
._PageTurningNumber a{font-size:14px;padding:5px 10px}
.banner-common{margin-top:65px;height:200px}
.banner-common .img-box{height:100%}
.sub_title{margin-bottom:15px}
.case_list ul li{width:48%;margin-right:4%}
.case_list ul li:nth-child(3n){margin-right:4%}
.case_list ul li:nth-child(2n){margin-right:0}
.report_show.detail a{width:48%;margin-right:4%}
.report_show.detail a:nth-child(3n){margin-right:4%}
.report_show.detail a:nth-child(2n){margin-right:0}
.report_show .thum .name{padding:0;height:30px}
.linians ul li{width:100%}
.fz_show b{font-size:16px}
.fz_show p{font-size:14px}
.more_btn{width:100px;line-height:28px}
#fazhan{padding-bottom:50px}
.join_list .swiper-slide{width:48%;margin-right:4%;padding:15px;height:100px}
.join_list .swiper-slide:nth-child(4n){margin-right:0}
.join_list .swiper-slide:nth-child(2n){margin-right:0}
.join_list .swiper-slide .title{font-size:16px}
.joinTipBox .joinTipBoxTitle{font-size:16px}
.joinTipBox .joinTipBoxInfo{font-size:14px}
._ndc_npnews .post_next,._ndc_npnews .post_prev{width:100%;padding:10px 10px 10px 40px;position:relative;background:no-repeat}
._ndc_npnews .post_next .icon{background:url(../images/back_btn.png) no-repeat center/50%;position:absolute;width:40px;height:40px;left:0;top:0;transform:rotate(180deg)}
._ndc_npnews .post_prev .icon{background:url(../images/back_btn.png) no-repeat center/50%;position:absolute;width:40px;height:40px;left:0;top:0}
._ndc_npnews{flex-wrap:wrap}
._news_detail{margin:50px auto}
._ndc_npnews .post_next .name,._ndc_npnews .post_prev .name{width:100%}
.develop .year{font-size:30px;line-height:80px}
.develop .des{padding:0 3%;width:80%;margin:0 auto}
.develop .year::after{display:none}
.develop .swiper-button-next,.develop .swiper-button-prev,.shop_swiper .swiper-button-next,.shop_swiper .swiper-button-prev{width:30px;height:30px}
.contact_list ul li .icon{width:20px;height:20px;background-size:cover;left:20px;margin:0;top:16px}
.contact_list ul li .txt{top:0;padding:0 5px;font-size:14px;position:relative;float:right;width:90%;text-align:left}
.contact_list ul li .txt:nth-child(3){top:0}
.contact_list ul li{width:100%;height:auto;padding:15px}
.contact_list ul li+li{margin-top:15px}
.contact_list ul li:nth-child(2) .icon{background-position:-20px 0}
.contact_list ul li:nth-child(3) .icon{background-position:-40px 0}
.footer.box{line-height:1.7}
.footer.box a,.footer.box span{display:block;margin-left:0!important}
.zl_list a{padding:15px;height:220px}
.zl_list a .number{line-height:1.6}
.zl_list a .name{font-size:14px}
.zl_list a .more{left:15px}
.qf ul li .qfTop .b{height:auto;line-height:1.7;height:auto;text-indent:0;width:calc(100% - 40px);padding:15px}
.qf ul li .qfTop{display:flex;flex-wrap:wrap;height:auto}
.qf ul li .qfTop .a{height:auto;width:40px}
.qf ul li .qfBottom .a{width:40px}
.qf ul li .qfBottom .b{width:calc(100% - 40px);padding:15px}
.life_list ul li{width:48%;margin-right:4%}
.life_list{padding:0 3%}
.life_list ul li:nth-child(3n){margin-right:4%}
.life_list ul li:nth-child(2n){margin-right:0}
#shenghuo{margin-bottom:30px}
.sub_title.cn strong{font-size:20px}
.sub_title.cn b{font-size:16px}
.num_list ul li p{line-height:1.6}
.honor_list a{width:33%}
.join_list .swiper-slide .address{display:none}
.nav_bar li.moreNav .level2{display:block;position:relative;opacity:1;height:0;visibility:inherit;top:0;padding:0;overflow:hidden}
.nav_bar li .level2.activeMore{height:105px}
.backTop{width:30px;height:30px;line-height:30px;right:3%}
}