body, html {background-color: #eee;color: #212121;-webkit-tap-highlight-color: transparent;}
@font-face {font-family: iconfont;src: url(../fonts/font_891331_r7myxur4l9o.eot);src: url(../fonts/font_891331_r7myxur4l9o.eot) format('embedded-opentype'), url(../fonts/font_891331_r7myxur4l9o.woff) format('woff'), url(../fonts/font_891331_r7myxur4l9o.ttf) format('truetype'), url(../fonts/font_891331_r7myxur4l9o.svg#iconfont) format('svg');}
@font-face {font-family: sikta;src: url(../fonts/fonteditor.eot);src: url(../fonts/fonteditor.eot) format('embedded-opentype'), 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; justify-content: center;}
.container { padding-top: 160px;}
.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;}

.header {padding: 5px 70px 0;position: fixed;z-index: 300;width: 100%;left: 0;top: 0;background:rgba(0,0,0,.2);}
.header.active {padding: 15px 70px;position: fixed;z-index: 300;width: 100%;left: 0;top: 0;background:rgba(255,255,255,1);}
.header .nav a {font-size: 18px;color: #fff;display: block;padding: 15px 5px;position: relative;font-weight: 700;}
.header.active .nav a{color: #333;}
.header .nav a:hover{color: #172a88;}
.banner {overflow: hidden; height:1070px;position: relative;clear: both;}
.banner li {overflow: hidden;}
.banner a {display: inline-block;text-align: center;width: 140px;line-height: 35px;font-size: 16px;margin-right: 10px;}
.banner img {position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);display: block;}
.banner .banner-dot {width: 100%;line-height: 0;font-size: 0;left: 0;z-index: 30;text-align: center;}
.banner .banner-cont {padding: 15px;font-size: 16px;position: absolute;left: 10px;top: 5px;color: #fff;}
.banner-cont a {border-color: #fff;color: #fff;font-weight: normal;}
.banner-cont .btn a:first-child {background-color: #fff;border-color: #fff;color: #000;}
.banner-dot {position: absolute;}
.banner .banner-cont .btn {padding-top: 10px;padding-bottom: 10px;-webkit-transition: all 1.4s;transition: all 1.4s;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);opacity: 0;}
.banner .banner-tit {-webkit-transition: all 600ms;transition: all 600ms;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);opacity: 0;}
.banner .banner-desc {-webkit-transition: all 1s;transition: all 1s;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);opacity: 0;}
.banner li.active .banner-tit, .banner li.active .banner-desc, .banner li.active .btn {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;}
.bannerm{display:none;}
.clearfix::after {content: '';display: table;clear: both;}
.header .nav a.active {color: #000000;}
.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: 285px;}
.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:#ffcb00;}
.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:#fff;margin-left: 10px;padding-left: 15px;position: relative;line-height: 30px;height: 30px;}
.header.active .right .second {color:#1f1f1f;}
.header .right .second::before {content: '';position: absolute;width: 1px;height: 20px;background-color: #fff;opacity: .4;left: 0;top: 5px;}
.header.active .second::before { background-color: #002648;}
.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:#fff;font-size: 23px;}
.header.active .row+.row {color:#1f1f1f;}
.header .right .row .tel {width: 210px;line-height: 30px;font-size: 23px;}
.header .right .row+.row .iconfont {font-size: 25px;float: left;line-height: 30px;}
.header .right .second .iconfont {cursor: pointer;}
.header .right .second .weibo {margin-left: 20px;}

.index_aboutbg{ padding:4% 0; background:url(../images/about_bjs.jpg) center no-repeat;}
.index_about_left{ padding-left:250px;width:1045px; height: auto;}
.index_about_left h4{color:#172a88; font-size: 60px; font-weight: 900; font-family: "Arial"}
.index_about_left h4 span{color:#00a0e9}
.index_about_left h3{color:#333333}
.index_about_left h5{color:#172a88; font-size: 30px; font-weight: bold; margin: 23px auto;}
.in_about_xx{width:100%; height: auto;display: block; color:#333333; font-size: 16px; line-height:30px;}
.in_about_more{width:195px; height:50px; display: block; background: #00a0e9;  color:#fff; text-align: center; line-height: 50px; margin-top: 3vh}
.index_about_num{width:100%; height: auto; overflow: hidden; margin-top: 6vh}
.index_about_num dl{width:auto; float: left; margin-right:50px}
.index_about_num dl:last-child{margin-right: 0}
.index_about_num dl dt{color:#333333; font-size: 18px; line-height:62px;}
.index_about_num dl dt span{color:#333333; font-size: 55px; font-weight: bold;}
.index_about_num dl dd{color:#333333; font-size: 18px; line-height: 30px;}

.index_prodc{ background:#fff; padding:100px 0; overflow:hidden;}
.index_prodc h4{color:#172a88; font-size: 60px; font-weight: 900; font-family: "Arial"; text-align:center; text-transform:uppercase;}
.index_prodc h4 span{color:#00a0e9}
.index_prodc h3{color:#333333;text-align:center;}

.type{ margin:30px 150px 10px; text-align:center;}
.type a{width:8.4%;color: #000;font-size:18px;margin-bottom: 12px;padding: 3px 0;border: 1px solid #a9a8b5;border-radius: 50px; margin-right:10px;}
.type a:hover{background: #00499e;border: 1px solid #00499e;color: #fff;}

#top_scroll {height:auto;overflow: hidden;max-width:100%;margin:0 150px;}
#top_scroll ul li{float: left;width:23.33%;margin:0.8%;text-align: left;box-sizing: border-box;background-color: #fff;box-shadow: 1px 1px 10px #ccc;padding: 20px;}
#top_scroll ul li .img{overflow: hidden;}
#top_scroll ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
#top_scroll ul li .lss{display: block;height: auto;overflow: hidden;line-height: 35px;padding: 20px 0;}
#top_scroll ul li .lss h4{color:#000;font-size:20px;display: inline-block;float: left; font-weight:normal;}
#top_scroll ul li .lss em{float: right; font-style:normal;}
#top_scroll ul li .xi1{width: 45%;border: 1px solid #eaeaea;float: left;padding: 0px 0;text-align: center;color:#8e9194;}
#top_scroll ul li .xi2{width: 45%;border: 1px solid #eaeaea;float: right;padding: 0px 0;text-align: center;color:#8e9194;}
#top_scroll ul li .xi1:hover{background-color: #00499e;border: 1px solid #00499e;color: #fff;}
#top_scroll ul li .xi2:hover{background-color: #6fba2c;border: 1px solid #6fba2c;color: #fff;}

.nctit{ margin-bottom:30px; width:100%;}
.nctit h4{color:#172a88; font-size: 60px; font-weight: 900; font-family: "Arial"; text-align:center; text-transform:uppercase;}
.nctit h4 span{color:#00a0e9}
.nctit h3{color:#333333;text-align:center;}


.inright{right: 0;bottom: 0;height: 100%;overflow: hidden;position: fixed;z-index: 99999999999;cursor: pointer; background-color:#eee; width:35px;}
.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 {font-family: 'Times New Roman', Times, serif;font-size: 74px;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 .case {padding: 50px 0;padding-top: 30px;}
.index-page .casebg{ background:#FFF; padding: 4% 0;}
.title.common {font-size: 30px;color: #212121;float: left; padding-left:150px;margin-bottom: 30px;font-weight: 700;font-family: sikta, 'Microsoft JhengHei';}
.titn {font-size: 30px;color: #212121;float: left; float:none; text-align:center; margin-bottom: 30px;font-weight: 700;font-family: sikta, 'Microsoft JhengHei';}
.title.common.center {float: none;text-align: center;}
.title.common span {font-size: 30px;font-weight: 400;}
.index-page .box>.type {font-size: 16px;float: right;color: #212121;padding-top: 16px; padding-right:240px;}
.index-page .box>.type a{ background:#fff; border:1px solid #dedede; border-radius:5px; padding:8px 0; margin-left:10px;}
.index-page .box>.type a:hover{ background:#393939; border-color:#393939;}
.index-page .box>.type a:hover p{color:#fff;}
.index-page .box>.type+* {clear: both;}
.index-page .case .list {padding:0 150px 0 150px;display: none;width: 100%;clear: both;}
.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 15px;color:#000;line-height: 1;cursor: pointer;text-transform: uppercase;font-weight: 500;}

.case-list a .text, .index-page .case .list .text {border: 1px #ccc solid;padding: 20px 15px 10px;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: #000;opacity: .8;}
.case-list a .text .name, .index-page .case .list .text .name {font-size: 18px;color: #000;margin-bottom: 15px;}
.name span{color:#000; background-color:#ffde14; padding:5px;}
.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: 46%;padding-top: 5%;}
.index-page .about .text .left .ty {font-size: 58px;color: #212121;}
.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: 2;font-size: 18px;text-align: justify;margin-bottom: 55px;text-indent: 2rem;}
.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:rgb(0 0 0 / 80%);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: 50px;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: 35px;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 { padding:3% 0;-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 {padding:15px 150px 0 150px;}
.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);font-size: 16px;padding-bottom: 20px;border-bottom: 1px solid #212121;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-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: 530px;}
.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 #212121;display: inline-block;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: ;ertical;-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: #797979;border-color:#797979;}
.index-page .news .new .list a:hover .t {opacity: 1;border-color:#797979;}
.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: #212121;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 #212121;-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: 30px;}
.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; width:100%;}
.footer-box .b .s p:nth-child(1){ float:left;}
.footer-box .b .s p:nth-child(2){ float:right;}
.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 img {width: 100%; height:360px;}
.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; border-left:1px #ccc solid; border-right:1px #ccc solid; border-top:1px #ccc solid; border-bottom:1px #3a3a3a solid;}
.width_1200 {position: relative;max-width: 1200px;margin: 0 auto;}
.about-page{margin-bottom:30px;}
.about-page .box1 { padding-top:35px;}
.about-page .box1 .left {width: 50%;padding-right: 6%;text-align: justify;font-size: 18px;}
.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: #212121;font-size: 21px;font-weight: 700;}
.about-page .box1 .left .info {line-height: 1.7;margin: 12px 0 20px;opacity: 1.8;text-indent: 2rem;}
.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: #4a4a4a;font-weight: 500;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 {}
.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: 130px;top: 15%;color: #000;font-size: 50px;font-weight: 600;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: #212121;font-family: sikta;font-size: 30px;}
.about-page .box2 .right .name {color: #212121;font-weight: 600;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 {clear: both;}
.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 {background-color: #212121;}
.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;}
#input3 {width: 100%;background-color: transparent;}
.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: 30px;}
.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;}
.submit {width: 160px;line-height: 60px;background-color: #333;color: #fff;text-align: center;font-size: 22px;font-weight: 700;margin-top: 60px;cursor: pointer;}
.submit:hover {opacity: .8;}
.slider {position: fixed;right: 0;font-size: 30px;color:#1f1f1f; top:30%;z-index: 60;}
.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;margin:30px 0;}
.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: #1f1f1f;}
.contact_box ._fr {width: 100%;padding-left: 0;}
.contact_box ._fr ul li .icon {background-color: #033561;}
.mapbox {position: fixed;width: calc(50vw - 70px);height: 100vh;left: 50px;top: 0;;}
.case_cat a.active, .case_cat a:hover {background-color: #212121;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 {background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-size: cover;border-left: 1px #ccc solid;border-right: 1px #ccc solid;border-top: 1px #ccc solid;border-bottom: 1px #3a3a3a solid;}
.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 #212121;margin-bottom: 50px;}
.prev_next a+a {text-align: right;}
.prev_next span {display: inline-block;background-color: #212121;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 #212121;}
.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;}
#cavans {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.index-page .about .text .right {width: 50%;}
#cpxq {width: 1231px;height: auto;}
#cpxq-l {width: 970px;float: left;}
#cpxq-r {float: left;width: 220px;height: auto;margin-left: 41px;}
#wxts {float: left;width: 100%;background-color: #f6f6f6;line-height: 25px;color: #444444;text-align: left;font-size: 13px;padding-top: 10px;padding-right: 15px;padding-bottom: 10px;padding-left: 15px;}
#goodsInfo {_height: 1%;}
#goodsInfo h1 {overflow: hidden;font-family: arial, "宋体";font-size: 18px;text-align: center;font-weight: lighter;color: #cc0000;}
#goodsInfo .imgInfo {width: 420px;float: left;}
#goodsInfo .imgInfo .pic {text-align: center;vertical-align: middle;height: auto;width: 422px;display: block;margin-bottom: 10px;background-color: #F9F9F9;}
#goodsInfo .imgInfo .thumb {width: 420px;height: 40px;display: block;}/*商品详情图片*/
#goodsInfo span {width: 4px;float: left;}
#goodsInfo span.spanR {width: 4px;height: 48px;float: right;}
#goodsInfo .gallery {width: 204px;float: left;margin-left: 10px;_margin-left: 5px;overflow: hidden;}
#goodsInfo .gallery ul {width: auto;}
#goodsInfo .gallery li {float: left;width: 48px;margin: 0 2px;}
#goodsInfo .gallery li img {width: 46px;height: 46px;display: block;}
#goodsInfo .market {padding-left: 10px;}
.textInfo ul strong {font-weight: normal;}
#goodsInfo .textInfo {width: 505px;float: right;padding: 0px;}
#goodsInfo .textInfo h1 {padding-bottom: 15px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dfdfdf;color: #212121;font-weight: normal;font-size: 18px;}
#goodsInfo .textInfo p {font-size: 14px;font-weight: bold;padding: 0 5px 5px 8px;}
.cpjj {line-height: 25px;width: 150px;margin-top: 0px;margin-bottom: 6px;background-color: #FDF3E6;font-size: 15px;border: 1px solid #FAE4C7;color: #FF6600;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;}
.sjinfo{display:none;}
.picture {margin-top: 0px;text-align: left;}
.picture a{ float:left; padding:0 10px;}
.picture img {width: 50px;height: 50px;cursor: pointer;margin: 0 0px;margin-right: 3px;}
.picture img.onbg {border: 1px solid #ff6f3d;}
.picture img.autobg {border: 1px solid #dfdfdf;}
#cpcs {width: 505px;height: 45px;color: #666666;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #dfdfdf;line-height: 45px;}
#cpcs_l {width: 242px;float: left;text-align: left;font-size: 14px;padding-right: 21px;}
#cpcs_l h4{width:80px; float:left;}
#cpcs_l span{float:left; width:140px;}
#cpcs_r {width: 242px;float: left;text-align: left;font-size: 14px;}
#cpcs_r img{width:auto; padding-top:15px;}
#cpcs_r h4{width:80px; float:left;}
#cpcs_r span{float:left; width:140px;}
#czsm_r span{float:left; width:400px;}
#czsm {width: 505px;color: #666666;font-size: 14px;text-align: left;padding-top: 8px;padding-bottom: 10px;height: auto;}
#czsm_l {width: 70px;float: left;text-align: left;font-size: 14px;line-height: 20px;}
#czsm_r {width: 435px;float: left;text-align: left;font-size: 14px;height: auto;line-height: 20px;}
#shuoming {width: 475px;font-size: 14px;line-height: 30px;text-align: left;height: 120px;margin-top: 15px;margin-bottom: 15px; padding:10px 15px 10px 0;}
#fwts {width: 505px;color: #FFFFFF;font-size: 15px;}
#fwts-1 {background-color: #ff5e56;float: left;line-height: 15px;text-align: center;padding: 10px;width: 222px;background-image: url(../images/sj.png);background-repeat: no-repeat;background-position: left;}
#fwts-2 {background-color: #f1b038;float: left;line-height: 15px;text-align: center;margin-left: 21px;padding: 10px;width: 222px;background-image: url(../images/pj.png);background-repeat: no-repeat;background-position: left;}
#fwts-3 {background-color: #19b258;float: left;line-height: 15px;text-align: center;padding: 10px;width: 222px;background-image: url(../images/bz.png);background-repeat: no-repeat;background-position: left;}
#fwts-4 {background-color: #20b4e2;float: left;line-height: 15px;text-align: center;margin-left: 21px;padding: 10px;width: 222px;background-image: url(../images/zs.png);background-repeat: no-repeat;background-position: left;}
#cpxq {width: 1231px;height: auto;}
#cpxq-l {width: 970px;float: left;}
#cpxq-r {float: left;width: 220px;height: auto;margin-left: 41px;}
#wxts {float: left;width: 100%;background-color: #f6f6f6;line-height: 25px;color: #444444;text-align: left;font-size: 13px;padding-top: 10px;padding-right: 15px;padding-bottom: 10px;padding-left: 15px;}
#top-title {width: 220px;height: 35px;background-color: #999999;font-size: 16px;line-height: 35px;color: #ffffff;background-repeat: repeat;text-align: center;}
#top-lx {width: 100%;height: auto;background-color: #f6f6f6;font-size: 13px;line-height: 28px;padding:10px 15px 10px 15px;color: #333333;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #ebebeb;border-bottom-color: #ebebeb;border-left-color: #ebebeb;}
#top-lx a{ padding:0 5px;float:left;}
#top-lx-tel {width: 188px;height: auto;background-color: #F8E8CB;font-size: 13px;line-height: 28px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #dfdfdf;border-bottom-color: #dfdfdf;border-left-color: #dfdfdf;padding-top: 10px;padding-right: 15px;padding-bottom: 10px;padding-left: 15px;}
.history{border-bottom:1px #ccc solid;line-height:40px; }
.newstit{text-align:center; line-height:50px; font-size:24px; font-weight:600;}
.newsdes{ line-height:35px; font-size:14px; border-bottom:1px #ccc solid; text-align:center;}
.newsbd{ line-height:30px;}
.contact-top h2 {color: #323232;padding-top: 20px;font-size: 24px;padding-bottom: 30px;}
.contact-top dd, .contact-top dt {width: 50%;display: table-cell;vertical-align: top;}
.contact-top dt {padding-right: 30px;line-height: 24px;}
.contact-top p {margin-bottom: 5px;}
.contact-top p:nth-child(2) {background:url(../images/contact01.png) no-repeat left; padding-left:70px; line-height:60px;}
.contact-top p:nth-child(3) {background:url(../images/contact02.png) no-repeat left; padding-left:70px; line-height:60px;}
.contact-top p:nth-child(4) {background:url(../images/contact03.png) no-repeat left; padding-left:70px; line-height:60px;}
.contact-top p:nth-child(5) {background:url(../images/contact04.png) no-repeat left; padding-left:70px; line-height:60px;}
.contact-top p:nth-child(6) {background:url(../images/contact05.png) no-repeat left; padding-left:70px; line-height:60px;}
.contact-feedback {padding: 30px 0;max-width: 1200px;margin: 0 auto;padding-bottom: 25px;}
.contact-feedback h3 {font-size: 24px;line-height: 36px;padding-bottom: 30px;}
.contact-feedback input {height: 60px;font-size: 16px;padding-left: 10px;}
.contact-feedback .must {top: 23px;}
.contact-feedback li {padding: 0 15px;margin-bottom: 10px;}
.contact-feedback .col-xs-12 {padding: 0 15px;}
.contact-feedback ul {margin: 0 -15px 20px;}
.contact-feedback textarea {height: 188px;font-size: 16px;padding-left: 10px;}
.contact-feedback input[type=submit], .contact-feedback input[type=reset] {font-size: 18px;padding: 0;}
.contact-feedback h3 {color: #333;text-align: center;font-size: 30px;font-weight: bold;padding-bottom: 30px;}
.contact-feedback label {width: 100%;display: block;border: 1px solid #ddd;margin-bottom: 10px;}
.contact-feedback input {height: 40px;width: 100%;}
.contact-feedback textarea {padding: 10px 0; width:100%; padding:10px;}
.contact-feedback .must {display: block;position: absolute;right: 20px;top: 14px;color: #fb0013;font-size: 16px;}
.contact-feedback input[type=submit], .contact-feedback input[type=reset] {width: 40%;line-height: 40px;max-width: 160px;display: inline-block;vertical-align: top;background-color: #8c8c8c;color: #fff;font-weight: bold;font-size: 16px;margin: 0 10px;cursor: pointer;}
.contact-feedback ul {padding-bottom: 10px;}
.contact-feedback input[type=submit] {background-color: #212121;}
.contact-feedback .col-xs-12 {padding: 0 15px;}
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea {outline-style: none;-webkit-appearance: none;resize: none;border: none;font-family: "宋体";border-radius: 0;}
.col-sm-6 { width:50%; float:left;}
.col-xs-12 {width: 100%;}
.contxt img{width:920px;}
 @media only screen and (max-width:1800px) {
.logo {width: 250px;}
.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: 160px;}
.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: 28px;}
.form.common .text .title {font-size: 29px;}

}
 @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 .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;}
}
 @media only screen and (max-width:1366px) {
.index-page .news .new{ width:75%;}
 }
 @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: 10px 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: #212121;-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: #212121;font-weight: 700;touch-action: none;}
.mobile.cover .tel {font-size: 20px;text-align: center;position: absolute;left: 0;bottom: 5vw;width: 100%;color: #212121;}
.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: 19%;margin: 0 .5%; padding:0px;}
.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: 35vh;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;}
.inright{display:none;}
.index-page .news .new{ padding:0px;}
#cpxq{width:100%;}
#cpxq-l{width:100%;}
#goodsInfo .textInfo{width:100%; float:none;}
#cpcs{width:95%;}
#cpcs_l{width:50%; padding-right:0px;}
#czsm{width:95%;}
#czsm_r{width:75%;}
#shuoming{width:95%; padding:0px; height:auto;}
#fwts{width:100%;}
#fwts-1{width:45%; margin:0 15px;}
#fwts-2{width:45%; margin:0 15px;}
#fwts-3{width:45%; margin:0 15px;}
#fwts-4{width:45%; margin:0 15px;}
#cpxq-r{width:100%; margin-left:auto;}
#top-title{width:100%;}
#top-lx{width:90%; padding:0 0 0 15px;}
.prolc{display:none;}
.history h2{width:100%;}
.history .h2bg{width:24%;}
.cpxx li{ width:50%;}
.contxt img{width:100% !important; height:auto !important;}
.wznr img{width:100% !important; height:auto !important;}
.imgInfo{display:none;}
.sjinfo{display:block;}
.sjinfo img{width:100%;}
#goodsInfo .textInfo h1{display:none;}
.sjinfo{display:block;}
.sjinfo img{width:100%;}
.case-list img{height:240px;}
}
 @media only screen and (max-width:768px) {
.form.common .text h4 {-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;font-size: 24px;top: 25px;}
.form.common .text h4 span:first-of-type {font-size: 34px;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 .form.common .text input {width: 160px;}
.index-page .box>.type .item {padding: 10px 50px;}
.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: 50px;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: 0 10px;}
.about-page .box1 .right {width: 100%;padding-top: 40px;}
.about-page .box1 .right .img-box {text-align: center;}
.about-page .box1 .right .img-box>img {display: inline-block;width: 100%;}
.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 .about .text .left .ty{font-size:32px; text-align:center;}
.title.common{padding-left:0px;}
.index-page .box>.type{ padding-right:0px;}
.title.common{margin-bottom:10px;}
.index-page .case .list{padding:0px;}
.footer-box .b .s p:nth-child(1){ float:none;}
.footer-box .b .s p:nth-child(2){ float:none;}
#cpxq{width:100%;}
#cpxq-l{width:100%;}
#goodsInfo .textInfo{width:100%; float:none;}
#cpcs{width:95%;}
#cpcs_l{width:100%; padding-right:0px;}
#czsm{width:95%;}
#czsm_r{width:100%;}
#shuoming{width:95%; padding:0px; height:auto;}
#fwts{width:100%;}
#fwts-1{width:43%; margin:0 15px;}
#fwts-2{width:43%; margin:0 15px;}
#fwts-3{width:43%; margin:0 15px;}
#fwts-4{width:43%; margin:0 15px;}
#cpxq-r{width:100%; margin-left:auto;}
#top-title{width:100%;}
#top-lx{width:90%; padding:0 0 0 15px;}
.cpxx li{ width:50%;}
.goodsItem123{width:47%; margin:10px; padding:0px;}
.goodsItem123 .goodsimg{width:100%;}
.case-page{padding:0 10px;}
.case-list img{height:240px;}
.banner{display:none;}
.bannerm{display:block;}
}
 @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;}

.index_aboutbg{padding:4% 0;background:url(../images/about_bjs.jpg)left center no-repeat;background-size:cover}
.index_about_left{padding-left:1%;width:98%;height:auto}
.index_about_left h4{color:#172a88;font-size:30px;font-weight:900;font-family:"Arial"}
.index_about_left h4 span{color:#00a0e9}
.index_about_left h3{color:#333333}
.index_about_left h5{color:#172a88;font-size:12px;font-weight:bold;margin:23px auto}
.in_about_xx{width:100%;height:auto;display:block;color:#333333;font-size:16px;line-height:30px;text-align: justify;}
.in_about_more{width:195px;height:50px;display:block;background:#00a0e9;color:#fff;text-align:center;line-height:50px;margin-top:3vh}
.index_about_num{width:100%;height:auto;overflow:hidden;margin-top:6vh}
.index_about_num dl{width:auto;float:left;margin-right:auto;width:50%;margin-top:2%;text-align:center}
.index_about_num dl:last-child{margin-right:0}
.index_about_num dl dt{color:#333333;font-size:16px; line-height:30px;}
.index_about_num dl dt span{color:#333333;font-size:34px;font-weight:bold}
.index_about_num dl dd{color:#333333;font-size:14px;line-height:22px}

.index_prodc{background:#fff;padding:3% 0;overflow:hidden}
.index_prodc h4{color:#172a88;font-size:30px;font-weight:900;font-family:"Arial";text-align:center;text-transform:uppercase}
.index_prodc h4 span{color:#00a0e9}
.index_prodc h3{color:#333333;text-align:center;line-height:30px}
.type{margin:30px 1% 10px;text-align:center}
.type a{width:47%;color:#000;font-size:18px;margin-bottom:12px;padding:3px 0;border:1px solid #a9a8b5;border-radius:50px;margin-right:10px}
.type a:hover{background:#00499e;border:1px solid #00499e;color:#fff}
#top_scroll{height:auto;overflow:hidden;max-width:100%;margin:0 0px}
#top_scroll ul li{float:left;width:48.4%;margin:0.8%;text-align:left;box-sizing:border-box;background-color:#fff;box-shadow:1px 1px 10px #ccc;padding:2%}
#top_scroll ul li .img{overflow:hidden;vertical-align:top}
#top_scroll ul li img{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
#top_scroll ul li:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
#top_scroll ul li .lss{display:block;height:auto;overflow:hidden;line-height:35px;padding:2% 0}
#top_scroll ul li .lss h4{color:#000;font-size:15px;display:inline-block;float:left;font-weight:normal}
#top_scroll ul li .lss em{float:right;font-style:normal}
#top_scroll ul li .xi1{width:45%;border:1px solid #eaeaea;float:left;padding:0px 0;text-align:center;color:#8e9194;font-size:13px}
#top_scroll ul li .xi2{width:45%;border:1px solid #eaeaea;float:right;padding:0px 0;text-align:center;color:#8e9194;font-size:13px}
#top_scroll ul li .xi1:hover{background-color:#00499e;border:1px solid #00499e;color:#fff}
#top_scroll ul li .xi2:hover{background-color:#6fba2c;border:1px solid #6fba2c;color:#fff}

.nctit{ margin-bottom:3%; width:100%;}
.nctit h4{color:#172a88; font-size: 30px; font-weight: 900; font-family: "Arial"; text-align:center; text-transform:uppercase;}
.nctit h4 span{color:#00a0e9}
.nctit h3{color:#333333;text-align:center; line-height:30px}

.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 0px;}
.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;}
.breadcrumb+.w1200 {padding-bottom: 0;}
.index-page .case {padding: 50px 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 .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 .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 {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 +.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 #212121;padding-bottom: 10px;}
.index-page .box>.type .item{padding:5px 15px;}
.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: 40px;}
.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: 50px 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; padding:0px;}
.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 #212121;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 .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;}
.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;}
#cpxq{width:100%;}
#cpxq-l{width:100%;}
#goodsInfo .textInfo{width:100%; float:none;}
#cpcs{width:100%;}
#cpcs_l{width:100%; padding-right:0px;}
#czsm{width:100%;}
#czsm_r{width:100%;}
#shuoming{width:95%; padding:0px; height:auto;}
#fwts{width:100%;}
#cpxq-r{width:100%; margin-left:auto;}
#cpcs_r{width:100%;}
#czsm_l{line-height:30px; width:100%;}
#czsm_r span{width:100%;}
#top-title{width:100%;}
#top-lx{width:100%; padding:0 0 0 15px;}
.cpxx li{ width:100%;}
.goodsItem123{width:95%; float:none; margin:10px; padding:0px;}
.goodsItem123 .goodsimg{width:100%;}
.newsbd IMG{height:auto !important;}
.contact-top dd, .contact-top dt{width:100%; padding:0px; display:block;}
.history h2{width:100%;}
.contact{padding:0 10px;}
.col-sm-6{width:100%;}
.contact-feedback{padding:0 10px;}
.contact-feedback h3{ font-size:24px;}
.case-list img{height:auto;}
.index-page .box>.type a {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 8px 0;
    margin-left: 10px;
    width: 47%;
    margin: 5px 0;
    text-align: center;
}
}
 @media only screen and (max-width:375px) {
.index-page .box>.type {font-size: 15px;}
}
 @media only screen and (max-width:736px) and (orientation:landscape) {
.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;}
}