/*
* Power by www.826pc.com
*/
body,html{font-family:'Microsoft JhengHei';background-color:#eee;color:#3e3e3e;-webkit-tap-highlight-color:transparent}
@font-face{font-family:iconfont;src:url(../fonts/font_891331.eot);src:url(../fonts/font_891331.eot?#iefix) format('embedded-opentype'),url(../fonts/font_891331.woff) format('woff'),url(../fonts/font_891331.ttf) format('truetype'),url(../fonts/font_891331.svg#iconfont) format('svg')}
@font-face{font-family:sikta;src:url(../fonts/fonteditor.eot);src:url(../fonts/fonteditor.eot?#iefix) format('embedded-opentype'),url(../fonts/fonteditor.woff) format('woff'),url(../fonts/fonteditor.ttf) format('truetype'),url(../fonts/fonteditor.svg#iconfont) format('svg')}
.iconfont{font-family:iconfont}
img{max-width:100%;width:auto;border:none}
.w1200{max-width:100%}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.container{padding:0 70px;padding-top:115px}
.case_cat a{border-color:rgba(55,55,55,.2)}
.qa_box .item.active .answer a{width:100px;line-height:35px;border-radius:35px;text-align:center;margin-top:30px;display:block;border:1px solid #0079c2;color:#0079c2}
.mobile{display:none}
.footer,.header{padding:0 70px}
.logo{display:block}
a,a:hover{color:inherit}
.adv{margin-top:50px; margin-bottom:20px;}
.header{padding:25px 70px;position:fixed;z-index:300;width:100%;left:0;top:0;background-color:#eee}
.header .nav a{font-size:18px;color:#333;display:block;padding:8px 5px;position:relative;font-weight:700}
.clearfix::after{content:'';display:table;clear:both}
.header .nav a.active{color:#002648}
.header.active .right .row:first-of-type{height:0;opacity:0;overflow:hidden}
.index-page .about .text .left .item span{display:block}
.title.common .case_cat{width:auto;margin-left:50px;margin-bottom:0}
.title.common .case_cat a{width:auto!important;font-size:16px;margin:0;border-color:#054274}
.case-list.ss .title.common{margin-bottom:50px}
.title.common .case_cat a+a{margin-left:20px}
.title.common .case_cat a:nth-child(n+4){margin-top:0!important}
.header.active .right{padding-top:10px}
.case-page .sub_banner,.news-page .sub_banner{margin-bottom:50px}
.header.active .logo{width:180px}
.header.active .nav{padding-top:5px}
.header.active{-webkit-box-shadow:0 0 15px rgba(0,38,72,.15);-moz-box-shadow:0 0 15px rgba(0,38,72,.15);box-shadow:0 0 15px rgba(0,38,72,.15);padding:15px 70px}
.header .nav a.active::before{content:'';position:absolute;width:100%;height:2px;left:0;bottom:0;background-color:#002648}
.header-box{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.header .nav .item+.item{margin-left:40px}
.header .nav{padding-top:15px}
.search input{display:block;height:28px;border:1px solid rgba(0,38,72,.6);-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;width:200px;outline:0;padding-left:15px}
.search{position:relative;width:210px}
.search .iconfont{position:absolute;line-height:28px;right:15px;color:rgba(0,38,72,.9);top:0;font-size:18px;cursor:pointer;padding:0 5px}
.header .right .second{font-size:18px;color:#002648;margin-left:10px;padding-left:15px;position:relative;line-height:30px;height:30px}
.header .right .second::before{content:'';position:absolute;width:1px;height:20px;background-color:#002648;opacity:.4;left:0;top:5px}
.no-webgl .index-page .banner .bg{background-image:url(../images/webgl.png);background-position:center bottom;background-size:cover}
.no-flexbox .index-page .case .active.list,.no-flexbox .index-page .news .new .active.list{display:block}
.no-flexboxlegacy .case-list a+a,.no-flexboxlegacy .index-page .case .list a+a{margin-left:29px}
.no-flexboxlegacy .case-list a:nth-of-type(3n+1),.no-flexboxlegacy .index-page .case .list a:nth-of-type(3n+1){margin-left:0}
.no-flexbox .flexbox>*{float:left}
.no-flexbox .flexbox{overflow:hidden;display:block}
.no-flexbox .flexbox::after{content:'';display:table;clear:both}
.no-flexbox .hide.box .item:nth-child(3n-1){margin-left:70px;margin-right:70px}
.no-flexbox .hide.box .item .list .n{margin-left:20px}
.no-flexbox .active.btn.box+.hide.box{display:block}
.no-flexbox .footer-box .r{float:right}
.no-flexbox .footer-box .b .s{float:right}
.no-flexbox .footer .m{margin-left:8%;margin-right:8%}
.no-flexbox .index-page .news .question{float:right}
.no-flexbox .index-page .news .new .list a .text{float:right}
.header .right .row{overflow:visible}
.header .right .row+.row{color:#002648;font-size:23px}
.header .right .row .tel{width:355px;line-height:30px;font-size:23px}
.header .right .row+.row .iconfont{font-size:25px;line-height:30px}
.header .right .second .iconfont{cursor:pointer}
.header .right .second .weibo{margin-left:20px}
.qrimg{position:absolute;width:100px;max-width:unset;right:0;background-color:#fff;display:none}
.qrbtn:hover+.qrimg{display:block}
.form.common{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-image:url(../images/dot-bg.png);color:#022c4e;text-align:center;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto}
.form.common .text{display:inline-block;padding:30px 0;position:relative}
.form.common .text h4{position:absolute;font-size:32px;font-weight:700;top:30px;left:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}
.form.common .text .title{font-size:32px;text-align:right;margin-bottom:8px}
.form.common .text h4 span:first-of-type,.form.common .text h4 span:nth-child(3){font-family:'Microsoft JhengHei',Times,serif;font-size:60px;line-height:66px;font-weight:400}
.form.common .text h4 span{display:inline-block;vertical-align:top;margin-right:10px}
.form.common .text input{height:38px;border:none;border:1px solid #022c4e;width:230px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;font-size:14px;padding:0 15px;outline:0;background:0 0}
.form.common .text input+input{margin-left:15px;margin-right:35px}
.form.common .text input::-webkit-input-placeholder{font-size:13px;color:#054274;font-family:'PingFang SC'}
.form.common .text .btn{line-height:40px;width:140px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;background-color:#022c4e;color:#fff;cursor:pointer}
.form.common .text .btn .iconfont{font-size:24px;font-weight:100;vertical-align:middle;display:inline-block;margin-right:10px}
.index-page .company {margin-top:2rem;height: auto;background: url(../images/index_about.png) right bottom no-repeat #fff;overflow:hidden;}
.index-page .company .ab_left {float: left;width: 45%;}
.index-page .company .ab_bluebox {background: #052474;height: auto;padding-top: 2rem;padding-left:2rem;border-top-right-radius: 35px;}
.index-page .company .ab_left span {width: 100%;height: auto;display: block;position: relative;}
.index-page .company .ab_left span img{width:100%;}
.index-page .company .ab_right {width: 50%;float: right;margin-right:1.5rem;}
.index-page .company .ab_right .about_bt {margin-top: 1.2rem;}
.index-page .company .ab_right .about_bt dd {font-size:1.8rem;font-weight:bold;color: #052474;margin-bottom:.8rem;}
.index-page .company .ab_right .about_bt dd span {font-size:2.2rem;font-weight:bold;}
.index-page .company .ab_right .about_bt dl {font-size:1.2rem;font-weight:400;}
.index-page .company .ab_right .about_bt dl h2 {font-size:2.2rem;font-weight:bold;margin-bottom: 1rem;color: #333;}
.index-page .company .ab_right .about_bt dl p{ line-height:2rem;}
.index-page .company .ab_right .about_list {height: auto; margin-top:2rem;}
.index-page .company .ab_right .about_list li {float: left;width: 25%;list-style: none;text-align: center;}
.index-page .company .ab_right .about_list li dt span {font-size:2.2rem;font-weight:600;color: #052474;}
.index-page .company .ab_right .about_list li dl {font-size:1.6rem;font-weight:400;margin-top: .8rem;color: #333;}
.index-page .case{padding:50px 0;padding-top:0px;}
.title.common{font-size:30px;color:#033561;float:left;margin-bottom:30px;font-weight:700;font-family:sikta,'Microsoft JhengHei'}
.title.common.center{float:none;text-align:center}
.title.common span{text-transform:capitalize;font-size:30px;font-weight:400;}
.index-page .box>.type{font-size:20px;float:right;color:#022c4e;padding-top:16px;}
.index-page .box>.type+*{clear:both}
.index-page .case .list{/*padding-left:11%;*/display:none;width:100%;clear:both;margin-bottom:30px;}
.no-flexbox .header .right{float:right}
.no-flexbox .header .nav{margin-left:8%}
.no-flexbox .index-page .about .text .right{margin-left:5%}
.index-page .case .list.active{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.case-list a,.index-page .case .list a{display:block;width:-webkit-calc((100% - 60px)/ 3 - 1px);width:-moz-calc((100% - 60px)/ 3 - 1px);width:calc((100% - 60px)/ 3 - 1px)}
.case-list a+a,.index-page .case .list a+a{margin-left:30px}
.case-list a:nth-of-type(3n+1),.index-page .case .list a:nth-of-type(3n+1){margin-left:0}
.case-list a:nth-of-type(n+4),.index-page .case .list a:nth-of-type(n+4){margin-top:30px}
.index-page .box>.type .item{padding:0 35px;color:rgba(0,38,72,.4);line-height:1;cursor:pointer;text-transform:uppercase;font-weight:700}
.index-page .box>.type .item.active{color:rgba(0,38,72,1)}
.index-page .box>.type .item+.item{border-left:1px solid #222}
.case-list a .text,.index-page .case .list .text{border:1px solid rgba(55,55,55,.2);padding:40px 15px 20px;text-align:center;font-size:16px;border-top:none;background-color:#fff}
.case-list a .text .addr,.index-page .case .list .text .addr{height:44px;line-height:22px;color:#022c4e;opacity:.8}
.case-list a .text .name,.index-page .case .list .text .name{font-size:18px;color:#222;margin-bottom:15px}
.case-list a .text .addr span,.index-page .case .list .text .addr span{margin-right:5px}
.index-page .about{background-image:url(../images/about-bg.jpg);overflow:hidden}
.index-page .about .title{position:absolute;font-size:60px;color:rgba(0,38,72,.1);-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-transform:uppercase;bottom:-65px;font-weight:700;left:-100px;padding-bottom:17%;letter-spacing:1px}
.index-page .about .title::after{width:2px;height:40%;content:'';position:absolute;left:50%;bottom:0;background-color:rgba(0,38,72,.1)}
.index-page .about .text{position:relative;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.index-page .about{padding:65px 7.5% 65px 11%}
.index-page .about .text .left{padding-left:5%;width:57.8%;padding-top:11%}
.index-page .about .text .left .ty{font-size:30px;color:#002648}
.index-page .about .text .left .ty span{font-family:SimSun;font-size:24px}
.index-page .about .text .left h3{font-size:38px;color:#002648;margin:20px 0}
.index-page .about .text .left .info{line-height:1.8;font-size:14px;text-align:justify;margin-bottom:55px}
.index-page .about .text .left .info+.flexbox{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.index-page .about .text .left .item{color:rgba(0,38,72,.8);font-size:16px;line-height:25px;width:45%}
.index-page .about .text .left .item:nth-child(n+3){margin-top:20px}
.index-page .about .text .left .item .iconfont{line-height:50px;font-size:42px;margin-right:15px}
.index-page .partner{padding-top:10px;padding-bottom:30px}
.index-page .partner .list{clear:both;/*padding-left:11%;*/}
.index-page .partner .list .item{overflow:hidden;outline:0}
.index-page .partner .slick-dots{margin-top:40px;position:relative;bottom:auto}
.index-page .partner .list .item a{display:block;float:left;width:-webkit-calc((100% - 200px)/ 4);width:-moz-calc((100% - 200px)/ 4);width:calc((100% - 200px)/ 4);height:120px;position:relative;margin-right:66px;outline:0}
.index-page .partner .list .item a:nth-child(n+5){margin-top:35px}
.index-page .partner .slick-dots li{width:70px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;background-color:rgba(0,38,72,.4);-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.index-page .partner .slick-dots li.slick-active,.index-page .partner .slick-dots li:hover{background-color:rgba(0,38,72,1)}
.index-page .partner .slick-dots li.slick-active{width:100px}
.index-page .partner .list .item a .img-box{position:absolute;width:100%;height:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;-webkit-filter:saturate(0) opacity(.5);filter:saturate(0) opacity(.5);-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s;-o-transition:filter .5s;-moz-transition:filter .5s;transition:filter .5s;transition:filter .5s,-webkit-filter .5s;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto}
.touch .index-page .partner .list .item a .img-box{filter:none}
.index-page .partner .list .item a:nth-child(4n){margin-right:0}
.no-touch .index-page .partner .list .item a .img-box:hover{-webkit-filter:saturate(1) opacity(1);filter:saturate(1) opacity(1)}
.index-page .news{margin-top:25px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.index-page .news .question{width:35.17%;position:relative;z-index:3;padding-left:90px;padding-top:20px;padding-right:40px;padding-bottom:60px}
.index-page .news .question::before{content:'';position:absolute;width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);width:calc(100% - 60px);right:0;top:0;height:100%;z-index:-1;background-color:#f5f5f5}
.index-page .news .new{width:1048px;padding-top:15px;max-width:59.44%}
.index-page .news .new .list{padding-top:25px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:none;width:100%}
.index-page .news .new .list.active{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.index-page .news .new .list a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:-webkit-calc((100% - 50px)/ 2);width:-moz-calc((100% - 50px)/ 2);width:calc((100% - 50px)/ 2);font-size:16px;padding-bottom:20px;border-bottom:1px solid rgba(0,38,72,.3);-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#222;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}
.index-page .news .new .list a:nth-of-type(n+3){margin-top:50px}
.index-page .news .new .list a .text{width:250px}
.index-page .news .new .list a .img-box{width:210px;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.index-page .news .new .list a .t{line-height:26px;padding:0 15px;border:1px solid #555;display:inline-block;opacity:.6;margin-bottom:10px}
.index-page .news .new .list a .n{line-height:28px;height:56px;overflow:hidden;margin-bottom:15px;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.solu_list ul li .info .des{height:52px;overflow:hidden;line-height:26px;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:60px;font-size:14px}
.solu_list ul li:hover .more{background-color:#054274}
.index-page .news .new .list a:hover{color:rgba(3,83,153,.9);border-color:rgba(3,83,153,.9)}
.index-page .news .new .list a:hover .t{opacity:1;border-color:rgba(3,83,153,.9)}
.index-page .news .question .list{clear:both;padding-top:20px}
.index-page .news .question .list .item{background-image:url(../images/qA-bg.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;color:#fff;padding:30px 50px 25px 25px;text-align:justify;line-height:1.6;width:118%;position:relative;left:-18%}
.index-page .news .question .list .item+.item{margin-top:25px}
.index-page .news .question .list .h{line-height:32px;font-size:16px}
.index-page .news .question .list .ibfo{line-height:1.8;height:50px;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.detail_same .case-list{padding-bottom:0!important}
.index-page .news .question .list .h span{display:inline-block;width:32px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;color:#022c4e;text-align:center;margin-right:15px;margin-bottom:10px}
.box.btn{height:3px;position:relative;margin-top:50px}
.box.btn.active::after{-webkit-transform:rotateX(180deg) translateX(-50%);-moz-transform:rotateX(180deg) translateX(-50%);transform:rotateX(180deg) translateX(-50%)}
.box.btn::before{content:'';position:absolute;width:100vw;left:50%;margin-left:-50vw;top:0;background-color:#002648;height:100%}
.box.btn::after{position:absolute;content:'';left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border-left:18px solid transparent;border-right:18px solid transparent;border-top:18px solid #002648;-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;transform-origin:center top;cursor:pointer;display:block;top:0;z-index:60}
.box.hide .item{width:-webkit-calc((100% - 140px)/ 3);width:-moz-calc((100% - 140px)/ 3);width:calc((100% - 140px)/ 3);position:relative}
.box.hide{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:50px 70px;overflow:hidden;display:none}
.box.btn.active+.box.hide{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.box.hide h3{font-size:30px;font-weight:400;color:#002648}
.box.hide .item .more{position:absolute;right:0;top:10px;font-size:18px;text-transform:uppercase;color:#002648;opacity:.4;font-style:italic}
.box.hide .item .list a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:50px;border:1px solid #e6e6e6;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.box.hide .item .list a:hover{border-color:#002648;color:#002648}
.box.hide .item .list a:hover .t{background-color:#002648}
.box.hide .item .list a+a{margin-top:12px}
.box.hide .item .list{padding-top:15px}
.box.hide .item .list .t{font-size:22px;line-height:26px;color:#fff;width:65px;text-align:center;background-color:#bababa;height:48px}
.box.hide .item .list .t span{font-size:14px;display:block;line-height:20px}
.box.hide .item .list .n{line-height:50px;width:-webkit-calc(100% - 65px - 55px - 40px);width:-moz-calc(100% - 65px - 55px - 40px);width:calc(100% - 65px - 55px - 40px);font-size:16px;color:#222;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.box.hide .item .list .iconfont{width:55px;line-height:50px;text-align:center;font-size:18px;opacity:.6;color:#002648}
.box.seo{background-color:#f5f5f5;padding:30px 70px;color:#a9a9a9;position:relative;z-index:30}
.box.seo .type{line-height:46px;margin-bottom:20px;position:relative}
.box.seo .type a{position:absolute;right:0;font-size:16px}
.box.seo .type a span{font-size:20px;vertical-align:middle}
.box.seo .type .item{width:130px;background-color:#fff;text-align:center;font-size:16px;cursor:pointer}
.box.seo .type .item.active{color:#222}
.box.seo .type .item+.item{margin-left:15px}
.box.seo .list{line-height:30px}
.box.seo .list .item a{display:inline-block;padding-right:25px}
.box.seo .list .item a:hover{text-decoration:underline;color:#333}
.footer{background-image:url(../images/footerbg.png);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:85px 70px 35px;color:#fff;position:relative;z-index:3}
.footer .m a{display:block}
.footer .l .logo_{margin-bottom:30px;display:block}
.footer .l p{line-height:1.7}
.footer .l .qr-box{margin-top:30px;border:1px solid #fff;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.footer .l .qr-box .text{padding:10px 15px;text-align:center;font-size:12px;width:calc(100% - 100px);line-height:1.5}
.footer .l .qr-box .text h4{width:100%;font-size:16px}
.footer .l .qr-box .text p{opacity:.7;margin-top:5px}
.footer .l .qr-box .img-box{background-color:#fff;width:100px}
.footer-box>.flexbox{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.footer-box .m .item{color:rgba(255,255,255,.6)}
.no-flexbox .about-page .box5 .list a:nth-child(3n-1){margin-left:40px;margin-right:40px}
.no-flexbox .contact-page .right{float:right}
.no-flexbox .about-page .box1 .left .type p+p{margin-left:15px}
.footer-box .m .item+.item{margin-left:75px}
.footer-box .m .item .list{position:relative;padding-left:30px}
.footer-box .m .item .list::before{content:'';position:absolute;width:20px;height:2px;background-color:#fff;left:0;top:10px}
.footer-box .m .item .n{font-size:16px;color:#fff}
.footer-box .m .item a+a{margin-top:10px}
.footer-box .m .item a:hover{color:#fff;text-decoration:underline}
.footer-box .m .item .list+.list{margin-top:30px}
.footer-box .m .item.nn .list+.list{margin-top:50px}
.footer-box .r{padding-right:7%}
.footer-box .r .input-box{width:340px;position:relative}
.footer-box .r .input-box input{height:40px;width:100%;border:1px solid #fff;outline:0;background:0 0;padding:0 15px;color:#fff;font-size:15px}
.footer-box .r .input-box input::-webkit-input-placeholder{color:#fff;opacity:.5;font-family:'PingFang SC'}
.footer-box .r .input-box input:-moz-placeholder{color:#fff;opacity:.5;font-family:'PingFang SC'}
.footer-box .r .input-box input::-moz-placeholder{color:#fff;opacity:.5;font-family:'PingFang SC'}
.footer-box .r .input-box input:-ms-input-placeholder{color:#fff;opacity:.5;font-family:'PingFang SC'}
.footer-box .r .input-box input::placeholder{color:#fff;opacity:.5;font-family:'PingFang SC'}
.footer-box .r .d{font-size:20px;font-weight:700}
.footer-box .r .t{font-size:28px;font-weight:700;margin:5px 0 30px}
.footer-box .r .t span{font-weight:400;margin-right:10px}
.footer-box .r .input-box .iconfont{position:absolute;width:50px;line-height:40px;text-align:center;top:0;right:0;font-size:20px;cursor:pointer}
.footer-box .b{padding-top:30px;color:rgba(255,255,255,.6);padding-right:7%}
.footer-box .b .s{text-align:right;line-height:1.7}
.footer-box .b .f{height:20px;display:block;overflow:hidden}
.footer-box .b .f a{padding:0 15px;line-height:20px;float:left;display:block}
.footer-box .b .f a+a{border-left:1px solid rgba(255,255,255,.6)}
.footer-box .b .f{-webkit-align-self:start;-ms-flex-item-align:start;align-self:start}
.footer-box .b a:hover{color:#fff}
.case-list a .img-box img{width:100%}
.case-list{padding:30px 6% 40px}
.case-page .case-list{padding-top:0;padding-bottom:0}
.lazyload{background-color:rgba(0,38,72,.1);background-image:url(../images/loading.svg);background-position:center center;background-repeat:no-repeat}
.lazyload.loaded{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.width_1200{position:relative;max-width:1200px;margin:0 auto}
.about-page .box1{padding:85px 0 110px}
.about-page .box1 .left{width:50%;padding-right:6%;text-align:justify;font-size:16px}
.about-page .box1 .right{width:50%}
.flexbox.between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.about-page .box1 .left .n{color:#002648;font-size:21px;font-weight:700}
.about-page .box1 .left .info{line-height:1.7;margin:12px 0 20px;opacity:.8}
.about-page .box1 .left .type p{width:115px;line-height:36px;-webkit-border-radius:36px;-moz-border-radius:36px;border-radius:36px;background-image:url(../images/lg.png);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff;text-align:center;font-weight:700}
.about-page .box1 .left .type{margin-bottom:35px}
.about-page .box1 .left .m{color:#002648;font-weight:700;line-height:1.8;margin-top:10px;margin-bottom:30px}
.about-page .box1 .left .list .item{padding-left:44px;position:relative}
.about-page .box1 .left .list .item span{display:block;width:30px;height:30px;background-color:#33516d;color:#fff;position:absolute;left:0;top:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;line-height:30px;text-align:center}
.about-page .box1 .left .list .item .title_{line-height:30px;color:#002648;font-weight:700;font-size:18px}
.about-page .box1 .left .list .item .des{line-height:1.7;margin-top:3px;opacity:.8}
.about-page .box1 .left .list .item+.item{margin-top:30px}
.about-page .box1 .title.common{margin-bottom:65px}
.about-page .box1 .right .img-box{position:relative;margin-bottom:40px}
.about-page .box1 .right .img-box .text{position:absolute;top:9%;left:40px;/*color:#fff;*/font-size:22px;font-weight:700;line-height:1.5}
.about-page .box1 .right .list .item{position:relative;padding-left:16px;text-align:justify;opacity:.8;font-size:16px}
.about-page .box1 .right .list .item::before{content:'';position:absolute;width:3px;height:17px;background-color:#002648;left:0;top:3px;opacity:.8}
.about-page .box1 .right .list .item+.item{margin-top:15px}
.about-page .box2{background-image:url(../images/about_img2.jpg);background-position:center center}
.about-page .box2 .left{width:44%}
.about-page .box2 .right{width:56%;padding-left:6%;text-align:justify;padding-top:10px}
.about-page .box2 .left .img-box{position:relative}
.about-page .box2 .left .img-box .des{position:absolute;left:40px;top:28%;color:#fff;font-size:22px;font-weight:700;line-height:1.5}
.about-page .box2 .right .lists{clear:both}
.about-page .box2 .right .lists .list-item{width:46%;font-size:16px}
.about-page .box2 .right .no{color:#033561;font-family:sikta;font-size:30px}
.about-page .box2 .right .name{color:#022c4e;font-weight:700;font-size:18px;margin-top:8px;margin-bottom:5px}
.about-page .box2 .right .lists .item+.item{margin-top:40px}
.ndc_top .social{float:right;height:46px;padding-top:0;width:auto}
.ndc_top .des{float:left}
.ndc_detail,.cp_info{clear:both}
.cp_info{padding-bottom:20px;border-bottom:1px #ddd solid;}
.cp_info .cp_pic{ width:38%; display:inline-block; border:1px #ddd solid; padding:3px;}
.cp_info .cp_pic img{ width:100%;}
.cp_info .cp_des{ width:60%; float:right;}
.cp_info .cp_des p{ font-size:14px; line-height:25px; margin-bottom:20px;}
.cp_info .cp_des p span{ font-weight:bold; color:#033561;}
.cp_info .cp_des p a{ display:block; text-align:center; font-weight:bold; background:#033561; padding:5px; color:#fff; width:100px;border-radius:5px;}
@media screen and (max-width: 823px){
.cp_info .cp_pic{ width:100%;} 
.cp_info .cp_des{ width:100%; float:none;}
}
.about-page .box2 .right .des{opacity:.8}
.about-page .box2 .right .title.common{margin-bottom:65px}
.about-page .box3{padding-top:90px;padding-bottom:0;background-image:url(../images/about_box3_bg.png)}
.slick-slide{outline:0}
.about-page .box3 .item{width:270px}
.about-page .box3 .item .img-box{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.about-page .box3 .item.active .img-box{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.about-page .box3 .item p{display:none}
.about-page .box3 .p-title{text-align:center;margin-top:40px;font-size:18px;font-weight:700;opacity:.8}
.about-page .box3 .title.common{margin-bottom:60px}
.about-page .box2 .right .lists .list-item+.list-item .item+.item{margin-top:52px}
.about-page .box4{padding-top:70px;padding-bottom:0}
.about-page .box4 .title.common{margin-bottom:50px}
.about-page .box4 .item{position:relative}
.about-page .box4 .item .text{position:absolute;width:100%;height:100%;left:0;top:0;color:#fff;font-size:17px;font-weight:700;padding-left:5%;background-color:rgba(0,0,0,.5);cursor:pointer;border-left:1px solid #f5f5f5;-webkit-border-radius:1px solid #f5f5f5;-moz-border-radius:1px solid #f5f5f5;border-radius:1px solid #f5f5f5}
.about-page .box4 .item .text .no{font-size:26px;font-weight:400;display:inline-block;padding-bottom:3px;border-bottom:2px solid #fff;padding-top:5%;margin-bottom:50px}
.about-page .box4 .slick-arrow{background-color:#054274;opacity:1}
.about-page .box4 .large_{margin-bottom:10px}
.about-page .box5{padding-top:50px;background:#f6f6f6;padding-bottom:20px}
.about-page .box5 .flexbox::after{content:'';width:-webkit-calc((100% - 80px)/ 3);width:-moz-calc((100% - 80px)/ 3);width:calc((100% - 80px)/ 3)}
.about-page .box5 .title.common{margin-bottom:54px}
.about-page .box5 .list a{width:-webkit-calc((100% - 80px)/ 3);width:-moz-calc((100% - 80px)/ 3);width:calc((100% - 80px)/ 3);background-color:#fff;margin-bottom:30px;display:block;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px}
.about-page .box5 .list a>.text{padding:15px 10px}
.about-page .box5 .list a .img-box{position:relative;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.about-page .box5 .list a .img-box .text{position:absolute;background-color:#054074;color:#f5f5f5;width:50px;height:50px;left:0;top:0;text-align:center;padding-top:5px;font-family:sikta;font-size:18px}
.about-page .box5 .list a>.text .name{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:17px;font-weight:700}
.about-page .box5 .list a>.text .flexbox{opacity:.7;margin-top:15px;line-height:20px}
.about-page .box5 .list a>.text .flexbox p+p{margin-left:20px}
.about-page .box5 .list a .iconfont{font-size:26px;display:inline-block;line-height:20px;vertical-align:text-bottom;margin-right:3px}
.about-page .box5 .list a>.text .flexbox p+p .iconfont{font-size:20px}
.pages a.active,.pages a:hover,.pages span.current{background-color:#054274}
.about-page .box.btn{margin-top:0}
.slick-disabled{opacity:0!important}
.contact-page .left{width:50%}
.contact-page .right{padding:50px 5%}
#map{width:100%;height:100%}
#map img{max-width:inherit}
.contact-page .title.common{margin-top:20px;margin-bottom:50px}
.contact-page .form{font-size:18px;font-weight:700;color:#333;width:500px;clear:both}
.contact-page .form input,.contact-page .form textarea{border:none;outline:0;resize:none;display:block;font-family:inherit;font-size:inherit}
.contact-page .form .input{border-bottom:2px solid #333}
.contact-page .right{width:50%}
.contact-page .right .item{position:relative}
.contact-page .form input{height:60px;padding-top:20px;line-height:40px;font-weight:700;width:100%;background-color:transparent}

/*在线留言*/
.contact-page .guestbook{font-size:18px;font-weight:700;color:#333;width: auto;clear:both}
.contact-page .guestbook input,.contact-page .guestbook textarea{border:none;outline:0;resize:none;display:block;font-family:inherit;font-size:inherit}
.contact-page .guestbook .input{border-bottom:2px solid #333}
.contact-page .guestbook input{height:60px;padding-top:20px;line-height:40px;font-weight:700;width:100%;background-color:transparent}
.contact-page .guestbook textarea{padding-top:25px;font-weight:700;font-size:18px}

#input3{width:100%;background-color:transparent}
.vcode{ margin-top:20px;}
.contact-page .right .item label{position:absolute;font-size:20px;line-height:60px;width:100%;height:100%;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;cursor:pointer}
.contact-page .right .item+.item{margin-top:0px}
.contact-page .right .item label span{color:red;font-size:16px;font-family:sikta;margin-left:10px}
.contact-page{padding-top:115px}
#input3{height:70px}
.contact-page .right .item.focus label{font-size:16px;line-height:20px;opacity:.6;cursor:text}
.contact-page .form textarea{padding-top:25px;font-weight:700;font-size:18px}
a.submit{display:block;width:160px;line-height:60px;background-color:#333;color:#fff;text-align:center;font-size:22px;font-weight:700;margin-top:60px;cursor:pointer}
a.submit:hover{opacity:.8}
.slider{position:fixed;right:0;font-size:30px;color:#033561;bottom:35px;z-index:60;padding:20px;background-color:#fff}
.slider .list+p,.slider p+p{margin-top:10px}
.slider a{margin:10px 0}
.slider a,.slider p{width:30px;height:30px;display:block;line-height:30px;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:relative}
.slider .list{position:absolute;white-space:nowrap;background-color:#fff;font-size:14px;line-height:32px;padding:0 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-filter:drop-shadow(0 0 15px rgba(0, 0, 0, .1));filter:drop-shadow(0 0 15px rgba(0, 0, 0, .1));top:35px;left:-10px;-webkit-transform:translateX(-100%) translateY(-50%);-moz-transform:translateX(-100%) translateY(-50%);-ms-transform:translateX(-100%) translateY(-50%);-o-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%);display:none;z-index:5}
.slider .list:hover,.slider p.qq:hover+.list{display:block}
.slider .list::before{content:'';position:absolute;border-left:12px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;right:-8px;top:50%;margin-top:-10px}
.slider .list::after{width:100%;height:100%;position:absolute;content:'';right:-50px;top:0;z-index:-1}
.slider .list a{display:block}
.slider .list a+a{border-top:1px solid rgba(0,38,72,.1)}
.slider p.sj{font-size:16px;text-align:center;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#033561}
.contact_box ._fr{width:100%;padding-left:0}
.contact_box ._fr ul li .icon{background-color:#033561}
.mapbox{position: relative;width:calc(50vw - 30px);height:130vh;left:0;top:0;}
.case_cat a.active,.case_cat a:hover{background-color:#033561;color:#fff}
.breadcrumb{display:none}
.detail_same .title,.ndc_top .title{font-weight:700}
.ndc_top{padding-top:50px;position:relative}
.case-list .img-box{padding:40px;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.single_detail{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.single_detail .detail_content{width:830px;overflow:hidden}
.detail_same{width:300px;margin-left:70px;margin-top:50px}
[disabled]{pointer-events:none}
.casebox{padding:0 6%}
.formula{padding:50px 0}
.formula .item{float:left;position:relative;cursor:pointer;width:-webkit-calc((100% - 105px)/ 4 - 1px);width:-moz-calc((100% - 105px)/ 4 - 1px);width:calc((100% - 105px)/ 4 - 1px)}
.formula .item::before{width:calc(100% - 40px);height:calc(100% - 40px);left:20px;top:20px;border:1px solid #fff;content:'';position:absolute;opacity:0;transition:all .5s}
.formula .item:hover::before{opacity:1}
.formula .item+.item{margin-left:35px}
.w1200 .formula .item{width:-webkit-calc((100% - 60px)/ 4 - 1px);width:-moz-calc((100% - 60px)/ 4 - 1px);width:calc((100% - 60px)/ 4 - 1px)}
.w1200 .formula .item+.item{margin-left:20px}
.w1200 .formula .item .text{font-size:20px;padding:10%}
.w1200 .formula .item.last .iconfont{margin-bottom:0}
.ndc_detail img{display:inline-block}
.w1200 .formula .iconfont{font-size:40px;margin-bottom:10px}
.w1200 .formula .fh{font-size:54px;top:15%}
.formula .item .text{position:absolute;width:100%;height:100%;left:0;top:0;z-index:5;font-size:24px;color:#fff;padding:12% 12% 9%}
.formula .fh{position:absolute;line-height:50px;top:20%;right:10%;font-size:70px;font-family:sikta}
.formula .iconfont{font-size:50px;line-height:1;margin-bottom:20px}
.formula .item.last .text{height:100%;padding:12%;top:0;transform:none;align-items:center;display:flex;justify-content:center}
.no-flexbox .formula .item.last .text{height:auto;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.formula .item.last .iconfont{margin-right:20px;margin-bottom:0;line-height:50px}
.formula h3{line-height:50px}
.noflex.single_detail{display:block}
.noflex.single_detail .detail_content{width:100%}
.noflex .detail_same{margin-left:0;margin-top:0;width:100%}
.Bread_nav{text-align:right;padding-top:30px}
.Bread_nav+.ndc_top{padding-top:30px}
.Bread_nav a:hover{color:#054274;text-decoration:underline}
.prev_next a{display:block;float:left;width:50%;line-height:40px}
.prev_next{overflow:hidden;margin-top:40px;border:1px solid #054274;margin-bottom:50px}
.prev_next a+a{text-align:right}
.prev_next span{display:inline-block;background-color:#054274;color:#fff;padding:0 20px;margin-right:10px}
.prev_next a p{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.prev_next a+a span{margin-left:10px;margin-right:0}
.prev_next a+a{border-left:1px solid #054274}
.top_list{overflow:hidden}
.top_list .left{width:50%;position:relative;float:left}
.top_list .left .ul{position:absolute;left:0;top:0;width:100%;height:100%}
.top_list .right{width:50%;float:left;padding-left:40px}
.top_list .right li{height:50px;border:1px solid #bababa;overflow:hidden;position:relative}
.top_list .left .img-box{background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.top_list .left .li{opacity:0;visibility:hidden;position:absolute;left:0;top:0;width:100%}
.top_list .left .li.active{opacity:1;visibility:visible}
.top_list .left .li .info{position:absolute;line-height:40px;padding:0 20px;color:#fff;font-size:16px;background-color:rgba(0,0,0,.6);width:100%;left:0;bottom:0}
.top_list .left .li .info .title{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.top_list .right li .title{line-height:48px;float:left;width:-webkit-calc(100% - 145px);width:-moz-calc(100% - 145px);width:calc(100% - 145px);color:#222;font-size:16px;margin-left:20px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.top_list .right li .t{font-size:22px;line-height:26px;color:#fff;width:65px;text-align:center;background-color:#bababa;height:48px;float:left}
.top_list .right li .t span{font-size:14px;display:block;line-height:20px}
.top_list .right li::before{line-height:50px;content:'\e602';font-family:iconfont;width:60px;text-align:center;right:0;top:0;color:#a9a9a9;position:absolute;font-size:16px}
.top_list .right li+li{margin-top:14px}
.top_list .right li:hover{border-color:#054274}
.top_list .right li:hover .t{background-color:#054274}
.top_list .right li:hover .title{color:#054274}
.top_list .right li:hover::before{color:#054274}
.news_list ul::after{content:'';display:table;clear:both}
.news_list ul li{width:-webkit-calc((100% - 40px)/ 2);width:-moz-calc((100% - 40px)/ 2);width:calc((100% - 40px)/ 2);float:left;padding:16px;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(55,55,55,.1);-moz-box-shadow:0 0 15px rgba(55,55,55,.1);box-shadow:0 0 15px rgba(55,55,55,.1)}
._bg{background-color:#f8f8f8;padding-top:1px;display:none}
.news_list ul li .thum{width:210px;float:left}
.news_list ul li .info{width:-webkit-calc(100% - 245px);width:-moz-calc(100% - 245px);width:calc(100% - 245px);float:left;margin-left:35px;padding-top:10px;position:relative;padding-bottom:5px}
.news_list ul li a{display:block;position:relative}
.news_list ul li .info .title{font-size:18px;font-weight:700;line-height:32px;height:64px;overflow:hidden;margin-bottom:20px}
.news_list ul li .info .t{color:#054274;opacity:.6}
.news_list ul li .info .more{position:absolute;font-size:16px;color:#bababa;border:1px solid #bababa;padding:0 10px;right:0;bottom:0;line-height:25px}
.news_list ul li a{overflow:hidden}
.news_list ul li+li{margin-left:40px;margin-bottom:40px}
.news_list ul li:nth-child(2n+1){margin-left:0}
.news_list ul li .img{background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.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 0;padding-right:40px}
.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%;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.qa_box .item .question::after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.qa_box .item .question span{display:inline-block;width:30px;text-align:center;font-size:16px;background-color:#0079c2;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-right:10px}
.qa_box .item.active .question::after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.qa_box .item.active .question::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);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}
.contact-page+.case-list{background-color:#fff;position:relative;z-index:6;padding:80px 6% 60px}
.case-list.ss .title.common,.contact-page+.case-list .title.common{width:100%}
.single_detail .case-list{padding:50px 0}
.ndc_npnews .post_next{text-align:right}
._join_nav{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
._join_nav a{display:inline-block;padding:13px 35px;background:rgba(0,0,0,.2);color:#fff;-webkit-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;transition:all .6s ease 0s;margin-right:15px}
._join_nav a.active{background:#faaf32}
._join2_list{width:100%;height:auto;overflow:hidden}
._join2_list ul li{background:#fff;position:relative;margin-bottom:20px}
._join2_list ul li .title{padding:15px 20px;font-size:18px;cursor:pointer;-webkit-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;transition:all .6s ease 0s;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
._join2_list ul li .title.active{background:#faaf32;color:#fff}
._join2_list ul li .title>span{float:right;font-size:14px;margin-right:40px;opacity:.8}
._join2_list ul li .title i{width:25px;height:25px;display:block;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;background:rgba(0,0,0,.2);position:absolute;top:13px;right:20px;display:block;cursor:pointer}
._join2_list ul li .title b{width:25px;height:25px;display:block;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;background:rgba(0,0,0,.2);position:absolute;top:13px;right:20px;opacity:0;cursor:pointer}
._join2_list ul li .title i:before{width:15px;height:2px;background:#fff;display:block;content:'';position:absolute;top:11px;left:5px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
._join2_list ul li .title.active i::before{display:none}
._join2_list ul li .title i:after{width:15px;height:2px;background:#fff;display:block;content:'';position:absolute;top:11px;left:5px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
._join2_list ul li .title b:after{width:15px;height:2px;background:#fff;display:block;content:'';position:absolute;top:11px;left:5px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
._join2_list ul li .detail{background:#f5f5f5;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none}
._join2_list ul li .detail_top{width:100%;height:auto;position:relative;overflow:hidden;padding-bottom:15px;margin-bottom:20px;border-bottom:1px dotted rgba(0,0,0,.1)}
._join2_list ul li .detail_top span{width:25%;line-height:25px;float:left;padding:5px 0}
._join2_list ul li .detail_bottom{width:100%;height:auto;line-height:1.8;padding:15px 0 20px}
._join2_list ul li .detail_bottom p{margin-bottom:10px}
._join2_list ul li ._j_con{line-height:30px;color:#d43126}
._join2_list ul li ._j_con span{margin-right:35px}
.ccc.w1200{position:relative;z-index:30;background-color:#eee;width:100%;max-width:unset;padding:80px -webkit-calc((100% - 1200px)/ 2) 0;padding:80px -moz-calc((100% - 1200px)/ 2) 0;padding:80px calc((100% - 1200px)/ 2) 0}
.ccc.w1200 .case-list{padding:40px 0}
._join2_list ul li .title.active{background-color:#054274}
.hotel-page .sub_title p{opacity:1;text-align:center;float:none}
.hotel-page .sub_title{overflow:hidden;display:none}
.hotel-page{background-color:#eee}
.hotel-page .w1200{width:100%;max-width:1550px}
.slider.eee{background-color:#eee}
.case-list.ss{padding-left:0;padding-right:0}
.hotel-page .case-list{padding-top:50px}
.box.seo .list .item{display:none}
.box.seo .list .item.active{display:block}
.ndc_top .social .qq,.ndc_top .social .qzone,.ndc_top .social .weibo,.ndc_top .social .weichat{float:none}
.formula+.detail_same .case-list{padding-top:0}
.contact-page .right .tips{clear:both;background-color:#002648;color:#fff;font-size:20px;padding:0 25px;line-height:50px;width:500px;font-weight:700;text-align:center;margin-bottom:30px}
.w1200{padding-bottom:50px}
.w1200+.case-list{padding-top:0}
.about-page .box4 .item .img-box,.about-page .box4 .large_ .img-box{background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
._join2_list ul li{margin-bottom:0}
._join2_list ul li+li{margin-top:20px}
.box.hide .item:nth-child(n+4){margin-top:45px}
.contact_box ._fr ol li img{display:inline-block}
.index-page .banner+.form.common .text h4{-webkit-transform:translateX(-80%);-moz-transform:translateX(-80%);-ms-transform:translateX(-80%);-o-transform:translateX(-80%);transform:translateX(-80%)}
#cavans{position:absolute;width:100%;height:100%;left:0;top:0}
.index-page .banner .bg{position:relative;width:100%;background-color:#002648}
.index-page .banner .text{position:absolute;width:100%;height:100%;left:0;top:0;z-index:3}
.index-page .banner{position:relative}
.index-page .banner .text .img-box{background-position:center center;background-repeat:no-repeat}
.index-page .about .text .right{width:36.9%}
#slider {
    width: 300px;
    height: 40px;
    position: relative;
    background-color: #dae2d0;
    overflow: hidden;
    text-align: center;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

#slider_bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #033561;
    z-index: 1;
}

#label {
    width: 46px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    line-height: 38px;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 3;
    cursor: move;
    color: #002648;
    font-size: 16px;
    font-weight: 900;
}

#labelTip {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 13px;
    font-family: microsoft yahei,serif;
    color: #787878;
    line-height: 38px;
    text-align: center;
    z-index: 2;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: slidetounlock 3s infinite
}

@keyframes slidetounlock {
    0% {
        background-position: -100px 0
    }

    100% {
        background-position: 100px 0
    }
}

@media only screen and (max-width:1800px){
.logo{width:250px}
.index-page .banner .text .img-box{background-position:center center;background-repeat:no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto}
.header .nav .item+.item{margin-left:30px}
.index-page .box>.type .item{padding:0 20px}
.index-page .news .new .list a .img-box{width:190px}
.index-page .news .new .list a .text{width:-webkit-calc(100% - 205px);width:-moz-calc(100% - 205px);width:calc(100% - 205px)}
.index-page .news .new .list a .n{line-height:24px;height:48px;margin-bottom:10px}
.index-page .news .new .list a:nth-of-type(n+3){margin-top:35px}
.index-page .news .question .list .item{padding:25px}
.index-page .news .new .list a .t{font-size:14px}
.index-page .news .new .list a{width:-webkit-calc((100% - 40px)/ 2);width:-moz-calc((100% - 40px)/ 2);width:calc((100% - 40px)/ 2)}
.footer-box .b,.footer-box .r{padding-right:3%}
.formula .item,.w1200 .formula .item{width:-webkit-calc((100% - 75px)/ 4);width:-moz-calc((100% - 75px)/ 4);width:calc((100% - 75px)/ 4)}
.formula .item+.item,.w1200 .formula .item+.item{margin-left:25px}
.formula .item .text,.w1200 .formula .item .text{padding:10%;font-size:20px}
.formula .iconfont{font-size:42px;margin-bottom:30px}
}
@media only screen and (max-width:1600px){
.footer-box .m .item+.item{margin-left:45px}
.footer-box .r .input-box{width:240px}
.header{padding:25px 40px}
.header.active{padding:15px 40px}
.header .right .row .tel{font-weight:700;font-size:17px;line-height:25px;width:275px}
.header .right .row .tel .iconfont{font-weight:400;font-size:20px}
.header .nav .item+.item{margin-left:20px}
.search input{width:150px}
.search{width:160px}
.logo{width:200px}
.index-page .about{padding:65px 3.5% 65px 9%}
.index-page .about .text .left{padding-top:0}
.index-page .about .text .left h3{font-size:32px}
.index-page .partner .list .item a{height:90px;width:-webkit-calc((100% - 75px)/ 4);width:-moz-calc((100% - 75px)/ 4);width:calc((100% - 75px)/ 4);margin-right:25px}
.index-page .partner .list .item a:nth-child(n+5){margin-top:25px}
.title.common{font-size:24px}
.title.common span{font-size:24px}
.index-page .box>.type{padding-top:8px;font-size:17px}
.box.hide h3{font-size:19px}
.box.hide .item .more{font-size:15px;top:0}
.formula .item .text,.w1200 .formula .item .text{font-size:17px}
.formula .iconfont,.w1200 .formula .iconfont{font-size:36px}
.formula .iconfont{margin-bottom:10px}
.formula .fh{font-size:56px}
.formula .item::before{width:calc(100% - 30px);height:calc(100% - 30px);left:15px;top:15px}
.formula .item .text{padding:12%}
.case-list a .text .name,.index-page .case .list .text .name{margin-bottom:5px;font-size:16px}
.case-list a .text,.index-page .case .list .text{font-size:14px}
.case-list a .text,.index-page .case .list .text{padding-top:30px}
.form.common .text input+input{margin-left:15px;margin-right:20px}
.form.common .text h4{-webkit-transform:translateX(-65%);-moz-transform:translateX(-65%);-ms-transform:translateX(-65%);-o-transform:translateX(-65%);transform:translateX(-65%);top:auto;position:relative;margin-bottom:1vw}
.form.common .text .title{font-size:29px}
.index-page .banner+.form.common .text input{width:195px}
}
@media only screen and (max-width:1400px){
.index-page .news .question{width:38%}
.header.active .logo,.logo{width:160px}
.header .right .second{font-size:16px}
.header .nav{padding-top:5px}
.header{padding:20px 40px}
.container{padding-top:100px}
.header.active .right{padding-top:5px}
.header.active .nav{padding-top:0}
.index-page .company .ab_right .about_bt {margin-top: .3rem;}
.index-page .company .ab_right .about_list {margin-top:.5rem;}
.index-page .news .new .list a{width:100%}
.index-page .news .new .list a:nth-child(n+4){display:none}
.index-page .news .new .list a+a,.index-page .news .new .list a:nth-of-type(n+3){margin-top:25px}
.index-page .news .new{width:61%}
.index-page .news .question .list .item{padding:23px}
.form.common .text h4{top:auto;position:relative;margin-bottom:1vw}
}
@media only screen and (max-width:1350px){
.search{width:130px}
.search input{width:120px}
.header .right .row .tel{width:130px;font-size:14px}
.header .nav .item+.item{margin-left:15px}
.header .nav a{font-size:17px}
.title.common span{font-size:18px}
.title.common{font-size:20px}
.index-page .box>.type .item{padding:0 15px}
.footer-box .r .input-box{width:200px}
.slider{padding:15px 10px}
.container{padding-left:50px;padding-right:50px}
.footer-box .r .t{font-size:22px}
}
@media only screen and (max-width:1200px){
.mobile{display:block}
.header .nav{display:none}
.header .right{display:none}
.header,.header.active{padding:15px 40px}
.header .logo,.logo{width:180px}
.menu-btn{position:fixed;width:40px;height:40px;top:17px;z-index:500;right:17px}
.menu-btn span{width:40px;height:3px;display:block;left:0;top:19px;background-color:#054074;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;position:absolute}
.menu-btn span:nth-child(1){top:8px}
.menu-btn span:nth-child(3){top:30px}
.mobile.cover{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:200;background-color:#fff;opacity:0;visibility:hidden}
.mobile.cover .nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:100%;font-size:22px;color:#054274;font-weight:700;touch-action:none}
.mobile.cover .tel{font-size:20px;text-align:center;position:absolute;left:0;bottom:5vw;width:100%;color:#054074}
.mobile.cover .nav .item+.item{margin-top:3vw}
.mobile.cover .nav .item{position:relative}
.mobile.cover .nav .item a{display:block}
.mobile.cover .nav .item a.active{opacity:1}
.mobile.cover .nav .item a.active::before{content:'';position:absolute;width:100px;height:2px;background-color:#054074;left:50%;margin-left:-50px;bottom:-10px}
body.open .mobile.cover{opacity:1;visibility:visible}
.container{padding:0 3vw;padding-top:78px}
body.open .menu-btn span:nth-child(1){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:19px}
body.open .menu-btn span:nth-child(3){-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);top:19px}
body.open .menu-btn span:nth-child(2){-webkit-transform:rotate(-90deg) scaleX(0);-moz-transform:rotate(-90deg) scaleX(0);-ms-transform:rotate(-90deg) scaleX(0);-o-transform:rotate(-90deg) scaleX(0);transform:rotate(-90deg) scaleX(0)}
.index-page .case .list{padding-left:0}
.index-page .about .title{display:none}
.index-page .about .text .left{padding-left:0}
.index-page .about{padding:50px 5%}
.index-page .about .text .left h3{font-size:28px;margin-top:5px}
.index-page .about .text .left .info{margin-bottom:20px}
.index-page .about .text .left .item{width:48%}
.index-page .partner .list{padding-left:0}
.index-page .news .new{width:100%;max-width:unset}
.index-page .news .question{width:100%;margin-top:50px}
.index-page .news .question .list .item{width:110%;left:-10%}
.box.hide .item{width:-webkit-calc((100% - 40px)/ 2);width:-moz-calc((100% - 40px)/ 2);width:calc((100% - 40px)/ 2)}
.box.hide .item:nth-child(n+3){margin-top:40px}
.box.hide{padding:50px 3vw}
.box.seo{padding:50px 3vw}
.footer .m{display:none}
.case-list{padding:30px 0 40px}
.casebox{padding:0}
.formula .fh{font-size:50px}
.case_cat{font-size:0;-webkit-text-size-adjust:none}
.case_cat a{font-size:14px;width:20%;margin:0 .5%}
.case_cat a:nth-child(n+6){margin-top:10px}
.top_list .right{display:none}
.top_list .left{width:100%}
.top_list .left .li{position:relative;opacity:1;visibility:visible}
.top_list .slick-dots{bottom:50px}
.slick-dots li{background-color:rgba(255,255,255,.5)}
.slick-dots li.slick-active{background-color:rgba(255,255,255,1)}
.about-page .box1 .left .type p:nth-child(4){margin-top:20px}
.about-page .box2 .right .lists .item+.item{margin-top:30px}
.about-page .box2 .right .name{font-size:17px}
.about-page .box2 .right .lists .list-item{width:48%;font-size:14px}
.about-page .box2 .right .title.common{margin-bottom:30px}
.about-page .box2 .right{padding:0 4%}
.about-page .box4{padding:50px 3vw}
.about-page .box5{padding:0 3vw}
.mapbox{position:relative;width:100%;height:40vh;left:0}
.contact-page .left{width:100%}
.contact-page .right{padding:50px 3vw;width:100%}
.contact-page .form{width:100%}
.contact_box{width:100%}
.contact-page .right .tips{width:100%}
.ccc.w1200{padding:3vw}
}
@media only screen and (max-width:768px){
.index-page .banner+.form.common .text h4{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;font-size:24px;top:10px}
.form.common .text h4{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;font-size:24px; top:auto;position:relative;margin-bottom:1vw}
.index-page .banner+.form.common .text h4 span:first-of-type{font-size:50px;line-height:1}
.form.common .text h4 span:first-of-type,.form.common .text h4 span:nth-child(3){font-size:40px;line-height:1}
.form.common .text .title{font-size:20px;font-weight:700}
.form.common .text h4 span{vertical-align:text-bottom}
.case-list a,.index-page .case .list a{display:block;width:-webkit-calc((100% - 20px)/ 2);width:-moz-calc((100% - 20px)/ 2);width:calc((100% - 20px)/ 2)}
.case-list a+a,.index-page .case .list a+a{margin-left:20px}
.case-list a:nth-of-type(n+4),.index-page .case .list a:nth-of-type(n+4){margin-left:20px}
.case-list a:nth-of-type(2n+1),.index-page .case .list a:nth-of-type(2n+1){margin-left:0}
.case-list a:nth-of-type(n+3),.index-page .case .list a:nth-of-type(n+3){margin-top:20px}
.form.common .text input,.index-page .banner+.form.common .text input{width:160px}
.index-page .box>.type .item{padding:0 15px}
.index-page .box>.type{padding-top:12px}
.index-page .news .new .list a{width:100%;padding:20px 0}
.index-page .news .new .list{padding-top:0}
.index-page .news .new .list a:first-child{padding-top:0}
.index-page .about .text .left h3{font-size:22px}
.index-page .about .text .left .info+.flexbox{position:absolute;width:100%;bottom:-115px}
.index-page .news .new .list a:nth-of-type(n+3){margin-top:0}
.index-page .partner .list .item a{width:-webkit-calc((100% - 40px)/ 3);width:-moz-calc((100% - 40px)/ 3);width:calc((100% - 40px)/ 3);margin-right:20px;height:80px}
.index-page .partner .list .item a:nth-child(4n){margin-right:20px}
.index-page .partner .list .item a:nth-child(3n){margin-right:0}
.index-page .partner .list .item a:nth-child(n+4){margin-top:20px}
.index-page .about .text .left .item{font-size:14px;line-height:20px}
.index-page .about .text .left .item .iconfont{line-height:40px;font-size:32px}
.formula .item+.item,.w1200 .formula .item+.item{margin-left:10px}
.formula .item,.w1200 .formula .item{width:-webkit-calc((100% - 30px)/ 4);width:-moz-calc((100% - 30px)/ 4);width:calc((100% - 30px)/ 4)}
.formula .iconfont,.w1200 .formula .iconfont{font-size:26px}
.formula .item .text,.w1200 .formula .item .text{font-size:16px}
.formula h3{line-height:20px}
.formula .fh{font-size:36px}
.formula .item.last .iconfont,.w1200 .formula .item.last .iconfont{line-height:20px}
.news_list ul li{width:100%}
.news_list ul li+li{margin:0;margin-top:20px}
.about-page .box1 .left{width:100%;padding-right:0}
.about-page .box1 .left .type p:nth-child(4){margin-top:0}
.about-page .box1{padding:50px 0}
.about-page .box1 .right{width:100%;padding-top:40px}
.about-page .box1 .right .img-box{text-align:center;height:120px;overflow:hidden}
.about-page .box1 .right .img-box>img{display:inline-block;width:200%;-webkit-filter:blur(15px);filter:blur(15px);max-width:unset;position:relative;left:-25%;top:-25%}
.about-page .box1 .right .img-box .text{left:0;width:100%;top:27px}
.about-page .box2 .left{width:100%;text-align:center}
.about-page .box2 .left .img-box{text-align:center;height:120px;overflow:hidden}
.about-page .box2 .left .img-box img{display:inline-block;width:200%;-webkit-filter:blur(15px);filter:blur(15px);max-width:unset;position:relative;left:-25%;top:-25%}
.about-page .box2 .left .img-box .des{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;line-height:40px;top:40px}
.about-page .box2 .right{width:100%;padding:50px 3vw}
.about-page .box3{padding-top:20px}
.about-page .box5 .list a{width:-webkit-calc((100% - 20px)/ 2);width:-moz-calc((100% - 20px)/ 2);width:calc((100% - 20px)/ 2);margin-bottom:20px}
.contact-page{padding-top:78px}
.index-page .company {margin-top:2rem;}
.index-page .company .ab_left {float: none;width: 100%;}
.index-page .company .ab_right {width: 100%;float: none;margin-right:0rem; padding:.8rem;}
.index-page .company .ab_right .about_list li dt span {font-size:1.8rem;}
.index-page .company .ab_right .about_list li dl {font-size:1.2rem;}
}
@media only screen and (max-width:600px) and (orientation:portrait){
.slider p.qq{display:none}
.header,.header.active{padding:10px 3vw}
.slider a{margin:0}
input{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.title.common .case_cat{margin-left:0;width:100%}
.detail_same .title,.ndc_top .title{font-size:18px}
.backup{display:none}
.about-page .box1{padding-bottom:0}
.title.common .case_cat a{font-size:14px;width:49%!important}
.title.common .case_cat a+a{margin-left:0}
.header .logo,.logo{width:120px}
.title.common .case_cat a:nth-child(n+3),.title.common .case_cat a:nth-child(n+4){margin-top:8px!important}
.case-list.ss .title.common{border:none}
.case-list.ss .title.common>p{border-bottom:1px solid #054074;padding-bottom:10px;width:100%;margin-bottom:20px}
.case-list.ss .title.common{margin-bottom:20px}
.menu-btn{top:5px}
.menu-btn span{width:34px;left:3px}
.mobile.cover .nav{font-size:18px}
.mobile.cover .nav .item+.item{margin-top:5vw}
.slider{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;bottom:0;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;z-index:61;padding:15px;-webkit-box-shadow:0 0 15px rgba(55,55,55,.25);-moz-box-shadow:0 0 15px rgba(55,55,55,.25);box-shadow:0 0 15px rgba(55,55,55,.25)}
.slider .list+p,.slider p+p{margin:0}
.container{padding:52px 3vw 50px}
.container.case-page{padding-bottom:0}
.slider .qq+.qq{display:none}
.formula{padding:30px 0}
.case-list.ss,.hotel-page .case-list{padding-bottom:0}
.container.index-page{padding:52px 0 30px}
.index-page .banner{height:50vh;width:100vw}
.breadcrumb+.w1200{padding-bottom:0}
.index-page .banner .bg{height:100%}
.index-page .banner .text .img-box{background-position:center center;background-repeat:no-repeat;-webkit-background-size:160% auto;-moz-background-size:160% auto;-o-background-size:160% auto;background-size:160% auto;position:relative;height:100%}
.index-page .case{padding:20px 3vw}
.case-list a,.index-page .case .list a{width:100%}
.case-list a+a,.case-list a:nth-of-type(n+3),.index-page .case .list a+a,.index-page .case .list a:nth-of-type(n+3){margin-left:0;margin-top:3vw}
.index-page .news .new .list a+a,.index-page .news .new .list a:nth-of-type(n+3){margin-top:0}
.index-page .news .new .list a:nth-child(n+4){display:flex}
.case-list a:nth-of-type(n+4),.index-page .case .list a:nth-of-type(n+4){margin-left:0}
.form.common .text .btn{width:70vw;margin-top:3vw}
.form.common .text input,.index-page .banner+.form.common .text input{width:70vw;background-color:#fff}
.form.common .text input+input{margin:0;margin-top:3vw}
.form.common .text .flexbox{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.index-page .banner+.form.common .text h4 span:first-of-type{font-size:inherit}
.form.common .text .title{font-size:16px}
.form.common .text h4 span:first-of-type,.form.common .text h4 span:nth-child(3){font-family:inherit;/*font-size:inherit;*/font-weight:700}
.form.common .text h4 span{vertical-align:unset;margin-right:5px}
.form.common .text h4{top:auto;position:relative;margin-bottom:1vw}
.form.common .text .title{text-align:center;font-weight:400;margin-bottom:15px}
.index-page .banner+.form.common .text h4{top:auto}
.form.common .text{padding:15px 0 25px}
.title.common{float:none;text-align:center;margin-bottom:10px;border-bottom:1px solid #054274;padding-bottom:10px}
.index-page .box>.type .item{padding:0}
.index-page .box>.type{float:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}
.title.common,.title.common span{font-size:20px}
.index-page .about{padding:50px 3vw}
.index-page .about .text .left{width:100%}
.index-page .about .text .left .info+.flexbox{position:relative;bottom:auto}
.index-page .about .text .left .item:nth-child(n+3){margin-top:0}
.index-page .about .text .left .item span{display:inline}
.index-page .about .text .left .item{width:100%;line-height:40px}
.index-page .about .text .left .item .iconfont{font-size:24px}
.index-page .about .text .right{width:100%;margin-top:30px}
.index-page .partner .list .item a{width:-webkit-calc((100% - 15px)/ 2);width:-moz-calc((100% - 15px)/ 2);width:calc((100% - 15px)/ 2);margin-right:15px;height:70px}
.index-page .partner .list .item a:nth-child(2n){margin-right:0}
.index-page .partner .list .item a:nth-child(2n+1){margin-right:15px}
.index-page .partner .list .item a:nth-child(n+4){margin-top:3vw}
.index-page .partner .list .item a:nth-child(n+3){margin-top:3vw}
.index-page .partner{padding:10px 3vw 30px}
.index-page .news .new .list a .img-box{width:150px}
.index-page .news .new .list a .t{display:none}
.index-page .news .new .list a .text{width:-webkit-calc(100% - 165px);width:-moz-calc(100% - 165px);width:calc(100% - 165px)}
.index-page .news .new{padding:0 3vw}
.index-page .news .new .list a{padding:15px 0}
.index-page .box>.type .item+.item{border-left:none}
.index-page .news .question{padding:30px 3vw}
.index-page .news .question::before{width:100%}
.index-page .news .question .list .item{width:100%;left:0;padding:20px 15px}
.index-page .news .question .list{padding-top:0}
.box.hide .item{width:100%}
.box.seo{display:none}
.box.hide .item+.item,.box.hide .item:nth-child(n+3){margin-top:20px}
.box.btn{margin-top:20px}
.box.btn{padding-bottom:40px}
.box.btn::before{height:3px}
.footer{padding:40px 3vw 60px}
.footer form{display:none}
.footer .l .logo_{width:200px;margin:0 auto;margin-bottom:25px}
.footer-box .l{width:100%;text-align:center}
.footer-box .r{width:100%;text-align:center;margin-top:30px}
.footer-box .b,.footer-box .r{padding-right:0}
.footer-box .b .f{width:100%;margin-bottom:20px}
.footer-box .b{border-top:1px solid rgba(255,255,255,.1)}
.footer-box .b .f a{width:-webkit-calc(100% / 3);width:-moz-calc(100% / 3);width:calc(100% / 3);text-align:center}
.footer-box .b .s{font-size:10px;text-align:center}
.footer-box .b{padding-top:20px;padding-bottom:20px}
.footer-box .b .s p{margin-bottom:10px}
.sub_banner{width:100vw;margin-left:-3vw;height:200px;overflow:hidden}
.sub_banner img{position:relative;left:50%;transform:translateX(-50%);height:200px;max-width:unset;width:auto}
.case_cat a{width:49%;margin:0;margin-bottom:10px}
.case_cat{display:flex;flex-wrap:wrap;justify-content:space-between}
.case_cat::after{content:'';width:49%}
.formula .item,.w1200 .formula .item{width:calc(50% - 5px);margin-bottom:10px}
.formula .item:nth-child(3),.w1200 .formula .item:nth-child(3){margin-left:0}
.case_cat{margin-bottom:30px}
.case_cat a:nth-child(n+6){margin-top:0}
.case-list a .text,.index-page .case .list .text{padding:15px 15px 10px}
.prev_next{border:none}
.prev_next a{border:1px solid #054274;width:100%}
.prev_next a+a{margin-top:10px}
.prev_next a+a span{margin-left:0;margin-right:10px;float:left}
.prev_next a p{text-align:left}
.top_list .left .li .info{padding:0 10px;font-size:14px}
.news_list ul li .thum{width:110px}
.news_list ul li .info{width:calc(100% - 120px);margin-left:10px;padding-top:5px}
.news_list ul li .info .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:24px;height:24px;margin-bottom:10px}
.news_list ul li .info .more{font-size:10px}
.news_list ul li{padding:10px 0;box-shadow:none}
.news_list ul li+li{margin-top:0;border-top:1px solid rgba(55,55,55,.15)}
.pages a.total,.pages a:first-of-type,.pages a:last-of-type{padding:0 10px}
.qa_box .item .question{font-size:15px;font-weight:700}
.about-page .box1 .title.common{margin-bottom:40px}
.about-page .box1 .left .n{font-size:17px}
.about-page .box1 .left .type p{border-radius:30px;line-height:30px;width:85px;font-size:14px}
.about-page .box1 .right .img-box .text{font-size:16px}
.about-page .box1 .right .img-box{height:100px}
.about-page .box2 .left .img-box .des{font-size:18px}
.about-page .box2 .right .lists .list-item{width:100%}
.about-page .box2 .right .lists .list-item+.list-item{margin-top:30px}
.about-page .box2 .right .lists .list-item+.list-item .item+.item{margin-top:30px}
.about-page .box4 .item .text .no{font-size:18px;margin-bottom:10px}
.about-page .box4 .item .text{font-size:14px}
.about-page .box5 .list a{width:100%}
.ndc_top .social{float:left}
.Bread_nav{text-align:left}
.Bread_nav+.ndc_top{padding-top:10px}
.contact-page{padding-top:52px}
.contact-page .right .tips{font-size:16px}
a.submit{width:100%;line-height:50px;font-size:18px}
._join2_list ul li .title>span{display:none}
._join2_list ul li .title{font-size:15px}
.pages a{margin-bottom:10px}
#slider{width: 100%;}
}
@media only screen and (max-width:375px){
.index-page .box>.type{font-size:15px}
}
@media only screen and (max-width:736px) and (orientation:landscape){
.index-page .banner{height:300px}
.index-page .banner .text .img-box{background-size:100% auto}
.mobile.cover .nav{flex-direction:row}
.mobile.cover .nav .item+.item{margin-top:0;margin-left:3vw}
.mobile.cover .nav .item{font-size:16px}
.mobile.cover .nav .item a.active::before{width:60px;margin-left:-30px}
}