blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{background:#fff;color:#333;font-size:12px;font-family:微软雅黑,Verdana,Arial,Helvetica,sans-serif}
caption,td,th{font-size:16px}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none}
img{border:none}
li,ol,ul{list-style:none}
button,input,select,textarea{font:16px Verdana,Helvetica,Arial,sans-serif}
table{border-collapse:collapse}
html{overflow-y:scroll}
a,button{cursor:pointer}
input,textarea{outline:0}
textarea{resize:none}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.ht{font-family:"黑体"}

a{color: inherit;}
.main{width:1204px;margin:0 auto}
.top{width:100%; position: fixed; top: 0; z-index: 2; transition: background .8s;}
.top .main{ height:60px; padding:16px 0}
.top_logo{float:left}
.top.cover{ background: rgba(0,0,0,.5);}
.nav{ position: fixed; top: 16px; left: 0; right: 0; height:60px;}
.nav.scroll{background:#fff;box-shadow:0 3px 3px 0 rgba(0,0,0,.05);transition:.3s}
.nav .layui-container{ width: 1204px;  margin: auto; position:relative;transition:all .4s ease-out}
.nav .nav-list{ position: relative; width: 100%; height:60px ;margin: auto;}
.nav-btn{width:25px;height:28px;position:absolute;top:18px;right:1em;background-color:transparent;border:none;outline:0;cursor:pointer}
.nav-btn{display:none}
.nav-btn span{display:block;width:25px;height:2px;background:#f00;margin-bottom:6px;transition:.5s transform}
.nav-btn.on span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}
.nav-btn.on span:nth-child(2){ opacity: 0;}
.nav-btn.on span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}
.nav .layui-nav{ position:absolute;top:0;left:0; right: 2.5em; text-align: right;}
.nav .layui-nav .layui-nav-item{ display: inline-block; margin-left: 4em;  line-height:60px; text-align:center}
.nav .layui-nav-item:hover,.nav .layui-nav-item.active{ font-weight: bold; }
.nav .layui-nav .layui-nav-item a{color:#fff;font-size:1.5em;display:block;}
.nav .layui-nav .layui-this:after,.nav .layui-nav-bar{height:2px;background-color:#2db5a3}

.banner{width:100%;height:auto;position:relative}
.banner img{ width: 100%; display: block; }
.about{ padding: 80px 0 50px; background: #004ea4; color: #fff;}
.about .main{ display: flex;}
.abt-menu{ box-sizing: border-box; width: 540px; flex-shrink: 0; padding-left: 150px; padding-right: 96px;}
.abt-menu .t-en{font-size: 2.5em; text-align: right;}
.abt-menu .t-cn{ margin-top: .8em; font-size: 2em; color: #95c0f0; text-align: right;}
.abt-sub-menu{ margin-top: 2.5em; }
.abt-sub-menu li{ padding-right: 1.2em; margin-bottom: 1.2em; font-size: 1.5em; line-height: 3.2; text-align: right; transition: background .5s;}
.abt-sub-menu li:hover,.abt-sub-menu li.on{ background:linear-gradient(to right,#004ea4,#1c74d5);}
.abt-sub-menu li a{ color: #fff;}
.abt-brief{ margin-right: 3.5em; padding-top: .5em; }
.abt-brief .brf-txt{ margin: 1.5em 0 1.8em; font-size: 1.33em; line-height: 1.8;}
.abt-brief .brf-txt p{ text-indent: 2em;}
.view-detail a{ display: inline-block; width: 130px;  font-size: 1.33em; line-height: 2.2; background: #e9ba00; color: #fff; text-align: center; border-radius: 3px; transition: all .3s;}
.view-detail a:hover{ background: #d6ab00;}
.app{ padding:0 0 3.5em; background: url(../images/bg_app.jpg) no-repeat; background-size: cover;}
.item-tit{ padding: 1.2em 0 0; font-size: 2.5em; text-align: center; font-weight: normal;}
.item-tit .en{ color: #fff; text-transform: uppercase;}
.item-tit .cn{ margin-left: .8em; color: #004ea4;}
.line{ position: relative; width: 264px; height: 1px; margin: 3.2rem auto .3em; background: #cdcdcd;}
.line:before{ content: ""; position: absolute; left: 50%; top: -1px; margin-left: -25px; width: 50px; height: 3px; background: #004ea4;}
.app-list{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.app-list li{ width: 31%; margin-top: 2.8em; transition:all .3s;}
.app-list li:nth-child(4n-1):last-child{margin-right:calc(23% + 8%/3)}
.app-list li:nth-child(4n-2):last-child{margin-right:calc(46% + 2*8%/3)}
.app-list li .pic-wrap{ width: 100%; height: 210px; overflow: hidden;}
.app-list li .pic-wrap img{ width: 100%;transition:all .3s;}
.app-list li .txt{ padding:  1.3em 0 1.6em; text-align: center; background: #fff;}
.app-list li .t-cn{ padding: 0 0 .5em; font-size: 1.5em; color: #004ea4;}
.app-list li .t-en{ font-size: 1.13em; color: #565656;}
.app-list li:hover{ box-shadow: 0 0 1em .3em rgba(0,0,0,.1);}
.app-list li:hover .pic-wrap img{ transform: scale(1.05);}
.case{ padding:0 0 3.5em; background: url(../images/bg_case.jpg) no-repeat; background-size: cover;}
.case .item-tit .cn{ color: #fff;}
.case-panel{ position: relative;}
.case-swp{ margin: 0 90px; margin-top: 6em;}
.case-swp a{ display: block;}
.case-swp .pic-wrap{ width: 100%; height: 306px; overflow: hidden;}
.case-swp .pic-wrap img{ display: block; width:100%; }
.case-swp .txt{ padding: .8em 1.2em; font-size: 1.5em; color: #383838; background: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.swiper-button-next, .swiper-button-prev { color: #fff; outline: none }
.product{ background: #cfe6ff;}
.product .item-tit .en{ color: #717171;}
.product .line{ background: #fff;}

.pro-box{ margin-top: 2.8em;}
.pro-box .hd{ margin-bottom: 36px; height:46px; line-height:46px; position:relative; }
.pro-box .hd ul{ text-align: center; }
.pro-box .hd ul li{display: inline-block; margin: 0 10px; width: 160px; cursor:pointer; text-align: center; font-size: 20px; }
.pro-box .hd ul li.on,.pro-box .hd ul li:hover{ background:#006ade; color: #fff; }
.pro-box .bd ul{ display: flex; flex-wrap: wrap; }
.pro-box .bd ul li{ position: relative;  width: 25%; height: 378px; display: flex; align-items: center; justify-content: center;}
.pro-box .bd ul li:nth-child(1),.pro-box .bd ul li:nth-child(3),.pro-box .bd ul li:nth-child(6),.pro-box .bd ul li:nth-child(8){ background: #d6edf7;}
.pro-box .bd ul li:nth-child(2),.pro-box .bd ul li:nth-child(4),.pro-box .bd ul li:nth-child(5),.pro-box .bd ul li:nth-child(7){ background: #ededed;}
.pro-box .bd ul li img{ max-width: 100%; max-height: 100%;}
.pro-box .bd ul li .cover{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background:rgba(0,0,0,0.6) url(../images/icon_view.png) no-repeat center; opacity: 0; transition: all .5s;}
.pro-box .bd ul li:hover .cover{  opacity: 1;}
.honor{ padding: 0 0 80px; background: url(../images/bg_honor.jpg) no-repeat; background-size:cover;}
.honor .item-tit .cn{ color: #fff;}
.honor-list{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.honor-list li{ width: 30%; margin-top: 3em; transition: all .2s; }
.honor-list li a{ display: block;}
.honor-list li:hover{ transform: translateY(-4px);}
.honor-list .txt{ padding: 1em 0 1.2em; font-size: 1.5em; color: #3a3a3a; background: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news .item-tit .en{ color: #717171;}
.news-panel{ padding-bottom: 30px; display: flex; margin-top: 80px;}
.recomm-sec{width: 483px;}
.recomm-sec .pic-show{ height: 198px; position: relative; overflow: hidden;}
.recomm-sec .date{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 90px; height: 90px; background: #ffa800; color: #fff;}
.recomm-sec .date .y{ margin-bottom: .8em; font-size: 1.1em;}
.recomm-sec .date .day{ font-size: 2em;}
.recomm-sec .txt-show{ margin-top: 2em;}
.recomm-sec .txt-show .tit{ color: #1b1b1b; font-size: 1.33em;}
.recomm-sec .txt-show .desc{ margin-top: 1.1em; color: #1b1b1b; line-height: 1.8; font-size: 1.13em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.txt-sec{ margin-left: 2.8em; }
.txt-sec li{ display: flex; margin-bottom: 2.5em; }
.txt-sec .date{ display: flex; flex-shrink: 0; flex-direction: column; align-items: center; justify-content: center; width: 100px; height: 100px; background: #f8f7f7; color: #7c7c7c;  }
.txt-sec .date .year{ margin-bottom: .6em; font-size: 1.13em; }
.txt-sec .date .day{ font-size: 2.3em; }
.txt-sec .txt-wrap{ margin-left: 2em; }
.txt-sec .tit{color: #1b1b1b;font-size: 1.33em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.txt-sec .tit:hover{ text-decoration: underline; }
.txt-sec .desc{ margin-top: 0.8em; line-height: 1.7; color: #1b1b1b;font-size: 1.13em; -webkit-line-clamp:2; display: -webkit-box; overflow: hidden; -webkit-box-orient:vertical;}
.footer{ background: #1c3042; color: #fff; }
.footer .main{ padding: 30px 0; display: flex; justify-content: space-between; }
.ft-tit{ font-size: 1.5em; }
.ft-tit strong{ position: relative; display: inline-block; padding-bottom: 1em; }
.ft-tit strong:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0;  height: 2px; background: linear-gradient(to right,#1d80b4 0% ,#1d80b4 1em, #fff 1em,#fff 100%); }
.ft-nav-list{ width: 180px;  display: flex; flex-wrap: wrap; flex-direction: column; margin-top: 1em; font-size: 1.33em; line-height: 2; height: 6em; }
.ft-nav-list li a{ color: #cfcfcf;}
.ft-nav-list li a:hover{ color:#fff;}
.ft-ctc-list{ margin-top: 1em;  color: #cfcfcf; font-size: 1.33em; line-height: 2; }
.ft-ctc-list li{ padding-left: 32px; background: url(../images/icon_tel.png) no-repeat left; }
.ft-ctc-list li:nth-child(2){ background-image: url(../images/icon_location.png); }
.ft-ctc-list li:nth-child(3){ background-image: url(../images/icon_mail.png); }
.code-wrap{ padding: 0 1em; display: flex; align-items: center; margin-top: 1em; width: 205px; height: 104px; background: url(../images/bg_code.png) no-repeat; }
.code-wrap .cd-txt{ margin-left: 1.1em; color: #a8a8a8; font-size:1.33em; }
.in-nav{ box-shadow:  0 0 1em rgba(0,0,0,.1);}
.in-nav-list{ display: flex;}
.in-nav li{ position: relative; padding: 0 .6em; margin-right: 3.8em; font-size: 1.33em; color: #2184b9; line-height: 58px;}
.in-nav li.active,.in-nav li:hover{ font-weight: bold;}
.in-nav li.active:before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #1b7cb1;}
.page-tit strong{ display: inline-block; margin-top: .8em; padding: .5em 0; color: #2b3236; font-size: 2.2em; border-bottom: 3px solid #df9f03;}
.company-brief{ padding: 0 0 120px; display: flex; position: relative; margin-top: 2.8em;}
.company-brief:before{ content: ""; position: absolute; right: 0; margin-top: -2em;  width: 74px; height: 74px; background: url(../images/icon_in_cmp.png) no-repeat;}
.cmp-txt{ margin-left: 70px;}
.cmp-name strong{ display: inline-block; padding: 0 1em; line-height: 2.5; font-size: 1.33em; color: #fff; background: #2185b9;}
.cmp-info{ margin-top: 1.8em; font-size: 1.33em; line-height: 1.8; color: #4c4b4b;}
.cmp-info p{ text-indent: 2em;}

/*图片弹出*/
body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;display:none;z-index:1035}.sl-wrapper{z-index:1040;width:100%;height:100%;left:0;top:0;position:fixed}.sl-wrapper *{box-sizing:border-box}.sl-wrapper button{border:0 none;background:transparent;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:0.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:10060;margin-top:-14px;margin-right:-14px;height:44px;width:44px;line-height:44px;font-family:Arial,Baskerville,monospace;color:#000;font-size:3rem}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:1060;color:#000;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;height:44px;width:22px;line-height:44px;text-align:center;display:block;z-index:10060;font-family:Arial,Baskerville,monospace;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media (min-width: 35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}}@media (min-width: 50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}}.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0 none;width:100%;height:auto}@media (min-width: 35.5em){.sl-wrapper .sl-image img{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image img{border:0 none}}.sl-wrapper .sl-image iframe{background:#000;border:0 none}@media (min-width: 35.5em){.sl-wrapper .sl-image iframe{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image iframe{border:0 none}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,0.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease 200ms;transition:-ms-transform ease 200ms;transition:-o-transform ease 200ms;transition:-webkit-transform ease 200ms;transition:transform ease 200ms}@-webkit-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}

.culture-show{ padding: 34px 0 80px; background: url(../images/bg_honor.jpg) no-repeat; background-size:cover;}
.cultr-list{ padding: 2em 2.2em 100px; background: #fff;}
.cultr-list li{ display: flex; margin-bottom: 1.8em; font-size: 1.5em;}
.cultr-list li p:first-child{ box-sizing: border-box; width: 180px; display:flex; align-items: center; padding-left: 3.8em; font-weight:bold; color:#fff; background: #1e85b9 url(../images/icon_cultr01.png) no-repeat .8em;}
.cultr-list li:nth-child(2) p:first-child{ background-image: url(../images/icon_cultr02.png)}
.cultr-list li:nth-child(3) p:first-child{ background-image: url(../images/icon_cultr03.png)}
.cultr-list li:nth-child(4) p:first-child{ background-image: url(../images/icon_cultr04.png)}
.cultr-list li:nth-child(5) p:first-child{ background-image: url(../images/icon_cultr05.png)}
.cultr-list li p:last-child{ flex: 1; padding-left: 2em; padding-top: 1.5rem; padding-bottom: 1.5rem; line-height: 1.2; color: #1e1e1e;border: 1px solid #cdcdcd;border-left: none;}
.in-pro-list ul{ padding: 0 2.8em; display: flex; flex-wrap: wrap; justify-content: space-between;}
.in-pro-list ul li{ width: 30.5%; border-radius: .8em; margin-bottom: 4.2em;}
.in-pro-list ul li:nth-child(1),.in-pro-list ul li:nth-child(3),.in-pro-list ul li:nth-child(4),.in-pro-list ul li:nth-child(6){ background: #d6edf7; box-shadow: 0 0 1em #d6edf7;}
.in-pro-list ul li:nth-child(2),.in-pro-list ul li:nth-child(5){ background: #e5e5e5; box-shadow: 0 0 1em #e5e5e5;}
.in-pro-list ul li:nth-child(3n-1):last-child{ margin-right: calc(30.5% + 8.5%/2);}
.in-pro-list .pic-wrap{ display: flex; width: 100%; height: 280px; align-items: center; justify-content: center; overflow: hidden;}
.in-pro-list .pic-wrap img{ max-width: 100%; max-height: 100%; transition: all .3s;}
.in-pro-list  li:hover img{ transform:scale(1.03);}
.in-pro-list ul li .tit{ font-size: 1.5em; line-height: 3.5em; background: #fff; text-align: center; font-weight: normal;}
/* .pro-dtl{ border-top: 2px solid #c4c4c4;} */
.pro-dtl .tit{ margin: 62px 0 66px; font-size: 2em; text-align: center; font-weight: bold;}
.pro-dtl .pic-thumb{ text-align: center;}
.pro-dtl .pic-thumb img{ max-width:100%;}
.dtl-txt{ margin-bottom: 2.5em; padding: 3.2em  4em; margin-top: 2.5em; font-size: 1.5em; line-height: 1.3; background: #f7f7f7;}
.in-app{ background: none;}
.in-app .item-tit .en {color: #004ea4;}
.in-app .app-list li .txt{ background: #eef6ff;}
.app-dtl{  margin-top: 3em; padding-bottom: 44px;  background: #f5f5f5;}
.app-dtl .tit{ padding: 1.8em 0 1.5em; color: #1d80b4; font-size: 2.5em; font-weight: bold; text-align: center;} 
.app-con .app-sec{ margin-bottom: 4em; background: #fff;  padding: 0 3em 3em;}
.app-sec .sec-tit{ padding: 1.7em 0 1.1em;  font-size: 2em; color: #1d80b4; border-bottom: 1px solid #c2c2c2; }
.app-sec .sec-tit strong{ display: inline-block; padding-left: 1em; border-left: 8px solid;}
.app-sec .pic-thumb{ margin: 60px 0 46px; text-align: center;}
.app-sec .sec-txt{ color: #1c1c1c; font-size: 1.5em; line-height: 2; }
.app-sec .sec-txt p{ text-indent: 2em;}
.sec-case { padding: 3.5em 0 1em; }
.sec-case ul{ display: flex; justify-content: space-around;}
.sec-case .txt { padding: .8em 1.2em;font-size: 1.5em;color: #383838;background: #fff;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.in-case .item-tit{ color: #004ea4;}
.in-case .item-tit .en {color: #84add9}
.case-con .sec-case ul{ flex-wrap: wrap;}
.case-con .sec-case ul li{ margin-bottom: 1.5em;}
.in-news-list li{ display: flex; padding: 2.5em 0 2em; border-bottom:1px solid #d8d8d8}
.in-news-list .n-date{ width: 96px; color: #2185b9; border: 1px solid;text-align: center;}
.in-news-list .month{ font-size: 1.5em;font-weight: bold; line-height: 2.5em; border-bottom: 1px solid;}
.in-news-list .year{ font-size: 1.5em; line-height: 2.2em; background: #f4f4f4;}
.in-news-list .n-txt{ margin-left: 4em;flex: 1;}
.in-news-list .n-txt a{ display: block;}
.in-news-list .n-txt .t{ font-size: 1.5em; line-height:1.5; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.in-news-list .n-txt .desc{ margin-top: .8rem; font-size: 1.33em; line-height: 1.5;color: #9e9e9e;}
.in-news-list .n-txt:hover .t,.in-news-list .n-txt:hover .desc{ color:#2185b9;}
.contact-panel{ padding: 60px 0; background: #f0f0f0;}
.contact-panel .tit{ font-size: 2.2em; text-align: center; font-weight: normal;}
.in-ctc-list{ display: flex;}
.ctc-col{ flex: 1; padding-left: 70px; color: #535353; border-right: 1px solid #aeaeae;}
.ctc-col:first-child{ padding-left: 0;}
.ctc-col:last-child{ border-right:none;}
.ctc-col .dt{ font-size: 1.8em; }
.ctc-col .dd{margin-top: 2em; line-height: 2;}
.ctc-col .dd .big{  font-size: 1.3em; }
.ctc-col .dd .sm{ margin-left: 1.2em; font-size: 1.1em; }
.map{ margin: 74px auto 80px; text-align: center;}
.follow-us{ margin-bottom:200px;}
.follow-us .fl-tit{ font-size: 2.3em; text-align: center;}
.fl-code-list{ margin-top: 50px; display: flex; justify-content: space-between;}
.fl-code-list li{ width: 188px;}
.fl-code-list img{ height: 192px;}
.fl-code-list p{ margin-top: .6em; font-size: 1.6em; line-height: 2.5; background: #39a9f4; color: #fff; text-align: center;}
.pagination { padding:1em 0; text-align:center;}
.pagination  a{ display:inline-block;  margin:0 .3em}

@media screen and (max-width: 960px){
img{ max-width: 100%;}	
.top.on{ background: #fff; transition: 0ms;}
.top .main { padding: 5px 0; height: 50px; }
.top .top-logo img{ height: 10vw;}
.top .nav-btn {display: block;}
.nav{ position: fixed; height: 100%; top: 60px;  left:0; bottom: 0; z-index:2;overflow:hidden;transition:.3s; background: #fff;}
.nav.off{ height: 0;}
.nav .nav-list {position: relative;width: auto;height: 60px;}
.nav .layui-nav {width: 100%; box-sizing: border-box; padding: 0 1em; position: absolute;left: 0;}
.nav .layui-nav .layui-nav-item{ display: block; width:auto;line-height: 3; border-bottom: 1px solid #f5f5f5;}
.nav .layui-nav-item:hover, .nav .layui-nav-item.active {background: #fff;}
.nav .layui-nav .layui-nav-item a {color: #333;font-size: 1.5em; font-weight: normal;}
.main{ width: auto; padding: 0 1%; }
.nav .layui-container{width:auto}
.about{padding:2em 0 1em}
.about .main{display:flex;flex-direction:column}
.abt-menu{width:auto;flex-shrink:0;padding-left:1em;padding-right:1em}
.abt-menu .t-en{font-size:1.2em;text-align:center}
.abt-menu .t-cn{margin-top:.5em;font-size:1.2em;text-align:center}
.abt-sub-menu{display:flex;justify-content:center;margin-top:1em}
.abt-sub-menu li{padding:0 .5em;margin-bottom:1.2em;font-size:1.1em;line-height:2;text-align:center}
.abt-brief{margin:auto;width:80%;padding-top:.5em}
.abt-brief>img{display:block;margin:auto}
.abt-brief .brf-txt{margin:1 0 1em;font-size:1em;line-height:1.5}
.view-detail a{display:inline-block;padding:0 1em;width:auto;font-size:1.1em;line-height:1.8}
.app{padding:0 0 1.5em}
.app-list li .pic-wrap img{width:100%;height:100%}
.app-list li .txt{padding:.5em 0 .3em}
.item-tit{padding:.5em 0 0;font-size:1.2em}
.line{width:30vw;height:1px;margin:1em auto 0}
.app-list li{width:32%;margin-top:1.2em}
.app-list li:nth-child(4n-1):last-child{margin-right:calc(32% + 6%/2)}
.app-list li .pic-wrap{width:100%;height:20vw}
.app-list li .t-cn{padding:0 0 .5em;font-size:1.1em}
.app-list li .t-en{display:none}
.case-swp{margin:0 2em;margin-top:2em}
.case-swp .txt{padding:.5em 1em;font-size:1.2em}
.swiper-button-next:after,.swiper-button-prev:after{font-size:2em}
.pro-box{margin-top:1.2em}
.pro-box .hd{margin-bottom:1em;height:2.2em;line-height:2.2}
.pro-box .hd ul li{display:inline-block;padding:0 1em;margin:0 4px;width:auto;font-size:1.1em}
.pro-box .bd ul li{position:relative;width:25%;height:24vw;display:flex;align-items:center;justify-content:center}
.honor{padding:0 0 2em}
.honor-list li{width:46%;margin-top:1em}
.honor-list .txt{padding:.5em 0 .8em;font-size:1.2em}
.news-panel{padding-bottom:1em;display:flex;flex-direction:column;margin-top:2em}
.recomm-sec{width:auto}
.recomm-sec .pic-show{height:40vw}
.recomm-sec .date{width:15vw;height:15vw}
.recomm-sec .date .y{margin-bottom:.3em;font-size:1em}
.recomm-sec .date .day{font-size:1.3em}
.recomm-sec .txt-show .tit{font-size:1.2em}
.recomm-sec .txt-show .desc{margin-top:.5em;line-height:1.5;font-size:1em;-webkit-line-clamp:4}
.txt-sec{margin-top:1.5em;margin-left:0}
.txt-sec .date{width:15vw;height:15vw}
.txt-sec .date .day{font-size:1.5em}
.txt-sec .tit{font-size:1.15em}
.txt-sec .desc{margin-top:.3em;line-height:1.5;font-size:1em}
.footer .main{padding:2em 1%;display:flex;flex-wrap:wrap;justify-content:space-between}
.ft-tit{font-size:1.2em}
.ft-nav{width:23%;flex-shrink:0}
.ft-nav-list{width:auto;display:flex;flex-wrap:wrap;margin-top:1em;font-size:1.1em;line-height:1.8;height:auto}
.ft-ctc-list{margin-top:1em;font-size:1.1em;line-height:1.8}
.ft-follow{margin-top:2em}
.code-wrap .cd-txt{margin-left:1.1em;color:#a8a8a8;font-size:1.2em}

}