@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;}
blockquote,body,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}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: inherit;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Arial,Microsoft Yahei;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline: 0;}
input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/}
body{color: #000;font-family: Arial,Microsoft Yahei;font-size: calc(16 * 100vw / 1920);}
.fl{float: left;}
.fr{float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.content{width:12rem;margin:0 auto;}
.wrapper{width: 13.4rem;margin:0 auto;}
html{font-size: calc(100vw / 1920 * 100);}
.s12{font-size: calc(12 * 100vw / 1920);}
.s13{font-size: calc(13 * 100vw / 1920);}
.s14{font-size: calc(14 * 100vw / 1920);}
.s15{font-size: calc(15 * 100vw / 1920);}
.s16{font-size: calc(16 * 100vw / 1920);}
.s17{font-size: calc(17 * 100vw / 1920);}
.s18{font-size: calc(18 * 100vw / 1920);}
.s19{font-size: calc(19 * 100vw / 1920);}
.s20{font-size: calc(20 * 100vw / 1920);}
.s21{font-size: calc(21 * 100vw / 1920);}
.s22{font-size: calc(22 * 100vw / 1920);}
.s23{font-size: calc(23 * 100vw / 1920);}
.s24{font-size: calc(24 * 100vw / 1920);}
.s25{font-size: calc(25 * 100vw / 1920);}
.s26{font-size: calc(26 * 100vw / 1920);}
.s27{font-size: calc(27 * 100vw / 1920);}
.s28{font-size: calc(28 * 100vw / 1920);}
.s29{font-size: calc(29 * 100vw / 1920);}
.s30{font-size: calc(30 * 100vw / 1920);}
.s31{font-size: calc(31 * 100vw / 1920);}
.s32{font-size: calc(32 * 100vw / 1920);}
.s33{font-size: calc(33 * 100vw / 1920);}
.s34{font-size: calc(34 * 100vw / 1920);}
.s35{font-size: calc(35 * 100vw / 1920);}
.s36{font-size: calc(36 * 100vw / 1920);}
.s37{font-size: calc(37 * 100vw / 1920);}
.s38{font-size: calc(38 * 100vw / 1920);}
.s39{font-size: calc(39 * 100vw / 1920);}
.s40{font-size: calc(40 * 100vw / 1920);}
.s41{font-size: calc(41 * 100vw / 1920);}
.s42{font-size: calc(42 * 100vw / 1920);}
.s43{font-size: calc(43 * 100vw / 1920);}
.s44{font-size: calc(44 * 100vw / 1920);}
.s45{font-size: calc(45 * 100vw / 1920);}
.s46{font-size: calc(46 * 100vw / 1920);}
.s47{font-size: calc(47 * 100vw / 1920);}
.s48{font-size: calc(48 * 100vw / 1920);}
.s49{font-size: calc(49 * 100vw / 1920);}
.s50{font-size: calc(50 * 100vw / 1920);}
.s51{font-size: calc(51 * 100vw / 1920);}
.s52{font-size: calc(52 * 100vw / 1920);}
.s53{font-size: calc(53 * 100vw / 1920);}
.s54{font-size: calc(54 * 100vw / 1920);}
.s55{font-size: calc(55 * 100vw / 1920);}
.s56{font-size: calc(56 * 100vw / 1920);}
.s57{font-size: calc(57 * 100vw / 1920);}
.s58{font-size: calc(58 * 100vw / 1920);}
.s59{font-size: calc(59 * 100vw / 1920);}
.s60{font-size: calc(60 * 100vw / 1920);}
@media(max-width: 1920px){
    html{font-size: 100px;}
    body{font-size: calc(12px + 4 * 100vw / 1920);}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 100vw / 1920);}
    .s14{font-size: calc(12px + 2 * 100vw / 1920);}
    .s15{font-size: calc(12px + 3 * 100vw / 1920);}
    .s16{font-size: calc(12px + 4 * 100vw / 1920);}
    .s17{font-size: calc(12px + 5 * 100vw / 1920);}
    .s18{font-size: calc(12px + 6 * 100vw / 1920);}
    .s19{font-size: calc(12px + 7 * 100vw / 1920);}
    .s20{font-size: calc(12px + 8 * 100vw / 1920);}
    .s21{font-size: calc(12px + 9 * 100vw / 1920);}
    .s22{font-size: calc(12px + 10 * 100vw / 1920);}
    .s23{font-size: calc(12px + 11 * 100vw / 1920);}
    .s24{font-size: calc(12px + 12 * 100vw / 1920);}
    .s25{font-size: calc(12px + 13 * 100vw / 1920);}
    .s26{font-size: calc(12px + 14 * 100vw / 1920);}
    .s27{font-size: calc(12px + 15 * 100vw / 1920);}
    .s28{font-size: calc(12px + 16 * 100vw / 1920);}
    .s29{font-size: calc(12px + 17 * 100vw / 1920);}
    .s30{font-size: calc(12px + 18 * 100vw / 1920);}
    .s31{font-size: calc(12px + 19 * 100vw / 1920);}
    .s32{font-size: calc(12px + 20 * 100vw / 1920);}
    .s33{font-size: calc(12px + 21 * 100vw / 1920);}
    .s34{font-size: calc(12px + 22 * 100vw / 1920);}
    .s35{font-size: calc(12px + 23 * 100vw / 1920);}
    .s36{font-size: calc(12px + 24 * 100vw / 1920);}
    .s37{font-size: calc(12px + 25 * 100vw / 1920);}
    .s38{font-size: calc(12px + 26 * 100vw / 1920);}
    .s39{font-size: calc(12px + 27 * 100vw / 1920);}
    .s40{font-size: calc(12px + 28 * 100vw / 1920);}
    .s41{font-size: calc(12px + 29 * 100vw / 1920);}
    .s42{font-size: calc(12px + 30 * 100vw / 1920);}
    .s43{font-size: calc(12px + 31 * 100vw / 1920);}
    .s44{font-size: calc(12px + 32 * 100vw / 1920);}
    .s45{font-size: calc(12px + 33 * 100vw / 1920);}
    .s46{font-size: calc(12px + 34 * 100vw / 1920);}
    .s47{font-size: calc(12px + 35 * 100vw / 1920);}
    .s48{font-size: calc(12px + 36 * 100vw / 1920);}
    .s49{font-size: calc(12px + 37 * 100vw / 1920);}
    .s50{font-size: calc(12px + 38 * 100vw / 1920);}
    .s51{font-size: calc(12px + 39 * 100vw / 1920);}
    .s52{font-size: calc(12px + 40 * 100vw / 1920);}
    .s53{font-size: calc(12px + 41 * 100vw / 1920);}
    .s54{font-size: calc(12px + 42 * 100vw / 1920);}
    .s55{font-size: calc(12px + 43 * 100vw / 1920);}
    .s56{font-size: calc(12px + 44 * 100vw / 1920);}
    .s57{font-size: calc(12px + 45 * 100vw / 1920);}
    .s58{font-size: calc(12px + 46 * 100vw / 1920);}
    .s59{font-size: calc(12px + 47 * 100vw / 1920);}
    .s60{font-size: calc(12px + 48 * 100vw / 1920);}
}
@media(max-width: 1700px){
    html{font-size: calc(100vw / 1700 * 100);}
}
@media(max-width: 800px){
    html{font-size: calc(800px / 1700 * 100);}
    .content{width: 100%;}
}
@media(max-width: 550px){
    body{font-size: calc(12px + 4 * 550px / 1920);}
    .s13{font-size: calc(12px + 1 * 550px / 1920);}
    .s14{font-size: calc(12px + 2 * 550px / 1920);}
    .s15{font-size: calc(12px + 3 * 550px / 1920);}
    .s16{font-size: calc(12px + 4 * 550px / 1920);}
    .s17{font-size: calc(12px + 5 * 550px / 1920);}
    .s18{font-size: calc(12px + 6 * 550px / 1920);}
    .s19{font-size: calc(12px + 7 * 550px / 1920);}
    .s20{font-size: calc(12px + 8 * 550px / 1920);}
    .s21{font-size: calc(12px + 9 * 550px / 1920);}
    .s22{font-size: calc(12px + 10 * 550px / 1920);}
    .s23{font-size: calc(12px + 11 * 550px / 1920);}
    .s24{font-size: calc(12px + 12 * 550px / 1920);}
    .s25{font-size: calc(12px + 13 * 550px / 1920);}
    .s26{font-size: calc(12px + 14 * 550px / 1920);}
    .s27{font-size: calc(12px + 15 * 550px / 1920);}
    .s28{font-size: calc(12px + 16 * 550px / 1920);}
    .s29{font-size: calc(12px + 17 * 550px / 1920);}
    .s30{font-size: calc(12px + 18 * 550px / 1920);}
    .s31{font-size: calc(12px + 19 * 550px / 1920);}
    .s32{font-size: calc(12px + 20 * 550px / 1920);}
    .s33{font-size: calc(12px + 21 * 550px / 1920);}
    .s34{font-size: calc(12px + 22 * 550px / 1920);}
    .s35{font-size: calc(12px + 23 * 550px / 1920);}
    .s36{font-size: calc(12px + 24 * 550px / 1920);}
    .s37{font-size: calc(12px + 25 * 550px / 1920);}
    .s38{font-size: calc(12px + 26 * 550px / 1920);}
    .s39{font-size: calc(12px + 27 * 550px / 1920);}
    .s40{font-size: calc(12px + 28 * 550px / 1920);}
    .s41{font-size: calc(12px + 29 * 550px / 1920);}
    .s42{font-size: calc(12px + 30 * 550px / 1920);}
    .s43{font-size: calc(12px + 31 * 550px / 1920);}
    .s44{font-size: calc(12px + 32 * 550px / 1920);}
    .s45{font-size: calc(12px + 33 * 550px / 1920);}
    .s46{font-size: calc(12px + 34 * 550px / 1920);}
    .s47{font-size: calc(12px + 35 * 550px / 1920);}
    .s48{font-size: calc(12px + 36 * 550px / 1920);}
    .s49{font-size: calc(12px + 37 * 550px / 1920);}
    .s50{font-size: calc(12px + 38 * 550px / 1920);}
    .s51{font-size: calc(12px + 39 * 550px / 1920);}
    .s52{font-size: calc(12px + 40 * 550px / 1920);}
    .s53{font-size: calc(12px + 41 * 550px / 1920);}
    .s54{font-size: calc(12px + 42 * 550px / 1920);}
    .s55{font-size: calc(12px + 43 * 550px / 1920);}
    .s56{font-size: calc(12px + 44 * 550px / 1920);}
    .s57{font-size: calc(12px + 45 * 550px / 1920);}
    .s58{font-size: calc(12px + 46 * 550px / 1920);}
    .s59{font-size: calc(12px + 47 * 550px / 1920);}
    .s60{font-size: calc(12px + 48 * 550px / 1920);}
}
body{padding-top: .96rem;}
::-webkit-scrollbar {width: 6px;height:6px;}
::-webkit-scrollbar-track {background: #fff;}
::-webkit-scrollbar-thumb {background: #1f7cd1;border-radius: 10px;}
::-webkit-scrollbar-thumb:window-inactive {background: #1f7cd1;}
::-webkit-scrollbar-thumb:vertical:hover {background: #1f7cd1;}

header{width: 100%;height: .96rem;text-align: center;  background-color: #fff;position: fixed;left: 0;top: 0;z-index: 123456;box-shadow: 0 0 4px rgba(0,0,0,0.1);}
.nav-logo{ height: .9rem;line-height: .9rem; display: inline-block;vertical-align: middle;margin-right: .5rem; text-align: left;}
/**.nav-logo img{height: .47rem; }*/
.nav-right{display: inline-block;vertical-align: middle;text-align: left;}
.nav-ul{display: inline-block;vertical-align: middle;font-size: 0;}
.nav-li{display: inline-block;vertical-align: top;margin-right: .52rem;}
.nav-a{display: block;vertical-align: top;line-height: .96rem;height: .94rem;border-bottom: 0.02rem solid transparent;color: #333;}
.nav-li:hover .nav-a{color: #0059aa;font-weight: bold;}
.nav-li.active .nav-a{border-bottom-color: #0059aa;color: #0059aa;font-weight: bold;}
.nav-search{display: inline-block;vertical-align: middle;position: relative; width: 28px;height: 28px;border-radius: 50%;background-size: 100% 100%;margin-right: 14px;background-color: #b8bcc0;cursor: pointer;transition: all .3s;}
.nav-tel {font-family: "dinbold";font-weight: bold;color: #c91523;padding-left: 38px;font-size: 24px;background: url(../images/top_tel.png) no-repeat 10px center;vertical-align: middle;display: inline-block;}
.search-box{display: none;width:260px;height:80px;padding:25px;position:fixed;right: 50%;margin-right: -6rem;top: .96rem;z-index:127;background-color:#fff;}
.search-form{width: 100%;font-size:0;background-color: transparent;position: relative;padding-right: 2.64em;overflow: hidden;}
.h-m{width:180px;height:30px;line-height:30px;border:1px solid #ccc;border-right: none;vertical-align:top;background-color:transparent;font-size:14px;color:#595757;padding:0 10px;}
.h-n{position: absolute;right: 0;top: 0;background-image: url(../images/top-search1.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;color: transparent;cursor: pointer;border: none;width:30px;height:30px;border:1px solid #ccc;background-color: transparent;}
.nav-opa{left: -100vw;opacity: 0;transition: opacity .3s;width: 100%;height: 100vh;position: fixed;top: 0;background-color: rgba(0,0,0,0.5);z-index: 122;}
.navsub-ul{display: none;width: 100vw;background-color: #f6f6f6;position: fixed;left: 0;top: 0.96rem;z-index: 1000;font-size: 0;padding-top: .36rem;padding-bottom: .16rem;font-size: 0;text-align: center;}
.navsub-ul.show{display: block;}
.navsub-ul>li{display: inline-block;vertical-align: top;}
header.show-search .search-box{display:block;}
header.show-search .nav-opa{left: 0;opacity: 1;}
.navsub-item{display: inline-block;vertical-align: top;width: 1.6rem;text-align: center;position: relative;cursor: pointer;margin-bottom: .2rem;}
.navsub-item:after{content: "";display: block;width: 1px;height: 1.24rem;background-image: url(../images/right-line.png);background-size: 100% 100%;position: absolute;right: 0;bottom: 0.03rem;}
.navsub-ul>li:last-child .navsub-item:after{display: none;}
.item-images{width: .8rem;height: .8rem;margin-bottom: .1rem;display: inline-block;vertical-align: top;position: relative;}
.item-img{ max-width: 100%;max-height: 100%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%); transition: all .3s;}
.item-img2{opacity: 0;}
.item-text{color: #333;line-height: 1.43;}
.navsub-item.active .item-text{color: #0059aa;}
.navsub-item.active .item-img1{opacity: 0; }
.navsub-item.active .item-img2{opacity: 1; }

.navsub-ul.navsub-ul2{ padding: .26rem 0 .06rem;}
.navsub-ul.navsub-ul2 .item-images{width: 1.5rem;height: 1rem;}
.navsub-ul.navsub-ul2 .item-img{ transform:translate(-50%,-50%) scale(1.00);transition: all .3s;}

.navsub-ul.navsub-ul3  { padding: .28rem 0 .1rem;}
.navsub-ul.navsub-ul3 .item-images{width: .6rem;height: .6rem;}

.navsub-ul.navsub-ul4  { padding: .37rem 0 .1rem;}
.navsub-ul.navsub-ul4 .item-images{width: .64rem;height: .49rem;}
.navsub-ul.navsub-ul5  {  padding: .3rem 0 .1rem;}
.navsub-ul.navsub-ul5 .item-images{width: .63rem;height: .57rem;}

.client-2 {
    width: 45px;
    position: fixed;
    right: 10px;
    top: 60%;
    z-index: 999;
    color: #fff;
}

.client-2 li a {
    text-decoration: none;
    color: #fff;
}

.client-2 li {
    margin-bottom: 5px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}

.client-2 li.my-kefu-qq {
    background:#244ca1 url(../images/aside-qq.png) center no-repeat;
}

.client-2 li.my-kefu-weixin {
    background:#244ca1 url(../images/aside-qrcode.png) center no-repeat;
}

.client-2 li.my-kefu-tel {
    background:#244ca1 url(../images/aside-tel.png) center no-repeat;
}

.client-2 li.my-kefu-shouye {
    background:#244ca1 url(../images/aside-home.png) center no-repeat;
    background-size:26px;
}

.client-2 li.my-kefu-shouye a {
    width: 45px;
    height: 45px;
    display: block;
}

.client-2 li.my-kefu-ftop {
    background:#244ca1 url(../images/aside-top.png) center no-repeat;
}

.client-2 li p {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.client-2 li.my-kefu-qq .cont {
    margin: 0;
    background:#244ca1 url(../images/aside-qq.png) 15px center no-repeat;
    border-radius: 50px;
    padding-left: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
    width: 130px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}

.client-2 li.my-kefu-tel .cont {
    margin: 0;
    background:#244ca1 url(../images/aside-tel.png) 15px center no-repeat;
    border-radius: 50px;
    padding-left: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    width: 180px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}

.client-2 .my-kefu-ftop {
    display: none;
}

.client-2 .my-kefu-ftop .my-kefu-main {
    padding-top: 6px;
}

.client-2 li.my-kefu-weixin .cont {
    margin: 0;
    width: 115px;
    padding: 5px;
    border: solid 1px #ccc;
    position: absolute;
    left: -150px;
    top: -44px;
    background-color: #fff;
}

.client-2 li.my-kefu-weixin .cont  span {
    display: block;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #1a1a1a;
}

.client-2 li.my-kefu-weixin .cont  img {
    width: 115px;
    height: 115px;
}

.client-2 li:hover .cont {
    display: block!important;
}

/*内页banner */
.nybaner {
    height: 380px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.nybaner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nybaner-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.nybaner-text p {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 1px;
    color: #fff;
}

.nybaner-text h3 {
    font-size: 44px;
    line-height: 50px;
    letter-spacing: 4px;
    color: #fff;
    margin-bottom: 20px;
}

.position{height: 80px; line-height: 80px; position: relative; overflow: hidden; box-shadow: 10px 0 20px rgba(0,0,0,.1); z-index: 2;}
.location{float: right; font-size: 14px;}
.menu-child ul{overflow: hidden; margin-left: -5px;}
.menu-child li{float: left; margin-right: 20px; height: 80px; line-height: 80px; font-size: 16px;}
.menu-child li a{display: block; height: 80px; line-height: 80px; position: relative; position: relative; padding: 0 10px;}
.menu-child li a i{display: block; height: 2px; background: #0059aa; position: absolute; left: 50%; right: 50%; bottom: 0; transition: left .5s,right .5s;}
.menu-child li.active a{color: #0059aa !important;}
.menu-child li.active a i,.menu-child li:hover a i{left: 5px; right: 5px;}

.list-page{margin-top: 30px; padding-bottom: 30px; text-align: center; color: #666; overflow: hidden; font-size: 0;}
.list-page .pagination,.list-page .go_page{display: inline-block; vertical-align: top;}
.list-page li{display: inline-block; vertical-align: top; margin: 0 4px; font-size: 14px;}
.list-page a, .list-page .disabled span{display: block; text-align: center; min-width: 28px; height: 38px; line-height: 38px; position: relative; padding: 0 5px; border: 1px solid #666; color: #666; font-size: 14px;}
.list-page a:hover,.list-page li.active span{border: 1px solid #0059aa; background: #0059aa; color: #fff!important;}
.list-page li.disabled span{font-size: 18px;}
.list-page li span{display: block; height: 38px; line-height: 38px; min-width: 28px; text-align: center; padding: 0 5px;}
.list-page .go_page{margin-left: 24px;}
.list-page .go_page span{color: #666; font-size: 14px; float: left; height: 40px; line-height: 40px;}
.list-page input{border: 1px solid #666; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #666; margin: 0 8px; vertical-align: middle;}
.list-page a.disabled{cursor: not-allowed;}


@media(min-width: 1201px){
    .nav-li:hover .nav-a{color: #0059aa;font-weight: bold;}
    .nav-search:hover{background-color: #e91e1e;}
    .nav-li:hover .navsub-ul{opacity: 1;visibility: visible;}
    .navsub-ul>li>a:hover{color: #0059aa;}
    .navsub-item:hover .item-text{color: #0059aa;}
    .navsub-item:hover .item-img1{opacity: 0;}
    .navsub-item:hover .item-img2{opacity: 1;}
    .navsub-ul.navsub-ul2 .navsub-item{width: 1.9rem;}
    .navsub-ul.navsub-ul2 .navsub-item:hover .item-img{transform:translate(-50%,-50%) scale(1.05);} 
    .navsub-ul.navsub-ul3 .navsub-item{  width: 1.5rem;}
    .navsub-ul.navsub-ul4 .navsub-item{  width: 1.7rem;}
    .navsub-ul.navsub-ul5 .navsub-item{  width: 1.5rem;}
    .navsub-ul.navsub-ul3 .navsub-item:hover .item-images{  transform:  rotatey(360deg);transition: all .5s; }
    .navsub-ul.navsub-ul4 .navsub-item:hover .item-images{  transform:  rotatey(360deg);transition: all .5s; }
    .navsub-ul.navsub-ul5 .navsub-item:hover .item-images{  transform:  rotatey(360deg);transition: all .5s; }
} 
@media(max-width: 1200px){
    body{padding-top: 46px;}
    header{height: 46px;padding-left: 7px;text-align: left;}
    header.show-menu .nav-opa{left: 0;opacity: 1;}
    header.show-menu .nav-right{right: 0;}
    .nav-logo{height: 46px;line-height: 46px;}
    .nav-logo img{height: 32px;}
    .nav-right{width: 280px;height: 100vh;overflow: auto;position: fixed;right: -280px;top: 0;background-color: #fff;transition: all .3s;z-index: 125;}
    .search-box{margin-right: -130px;top: 46px;right: 50%;}
    .nav-ul{display: block;width: 100%;padding-top: 10px;margin-bottom: 20px;}
    .nav-li{display: block;width: 100%;margin-right: 0;position: relative;}
    .nav-a{height: auto;line-height: 1.3;padding: 13px 20px;font-size: 16px;}
    .nav-li.active .nav-a{border-bottom: none;}
    .nav-menu{display: inline-block;vertical-align: top;position: absolute;right: 0;top: 0;width: 46px;height: 46px;background-size: 30px 30px;background-image: url(../images/menu.png);background-repeat: no-repeat;background-position: center center;cursor: pointer;}
    .nav-li.navsub:after{content: "+";display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}
    .nav-li.navsub.show:after{content: "-";}
    .nav-li.navsub.active:after{color: #fff;}
    .navsub-ul{display: none;position: relative;left: 0;top: 0;width: 100%;margin-left: 0;opacity: 1;visibility: visible;text-align: left;background-color: transparent;transition: all 0s;padding-top: 10px;padding-bottom: 10px;}
    .navsub-ul>li{margin-right: 0;width: 50%;text-align: center;}
    .navsub-item{width: 100%;margin-bottom: 12px;}
    .item-text{font-size: 14px;}
    .navsub-ul>li:nth-child(2n) .navsub-item:after{display: none;}
    .wrapper {width: 100%;}
}

@media(max-width: 960px){
    .nav-logo{position: absolute;top: 0;left: 50%;transform: translate(-50%,0); margin-right: 0;}
    .nav-tel{display: none;}
    .location{float:left;}
    .menu-child{display:none;}
}

footer{width: 100%;background-color: #19232d;position: relative;}
.f-a{width: 100%;border-bottom: 1px solid #303942;padding-top: .88rem;padding-bottom: .74rem;}
.f-b{width: 13.4rem;margin: 0 auto;min-width: 1080px;}
.f-c{float: left;width: 26%;}
.f-d{color: #fff;margin-bottom: .33rem;}
.f-e{width: 1.08rem;border: 1px solid #efeff0;padding: 3px;background-color: #fff;min-width: 100px;display: inline-block;margin-right: .2rem;}
.f-f{width: 100%;}
.f-nav{float: left;width: 52%;}
.f-g{float: left;width: 22%;padding-right: 10px;}
.f-h{color: #fff;display: inline-block;margin-bottom: .3rem;}
.f-i{width: 100%;}
.f-j{display: block;margin-bottom: .14rem;}
.f-j:last-child{margin-bottom: 0;}
.f-k{display: inline-block;vertical-align: top;color: #646d77;line-height: 1.43;position: relative;}
.f-o{float: right;width: 20%;text-align: right;}
.f-p{color: #fff;margin-bottom: .32rem;}
.f-q{color: #fff;margin-bottom: 0.05rem;font-weight: bold;}
.f-r{color: #646d77;margin-bottom: 0.07rem;opacity: 0.5;}
.f-s{display: inline-block;vertical-align: top;width: 10.57em;line-height: 2.856em;border-radius: 1.428em;margin-bottom: .22rem;background-color: #0059aa;text-align: center;color: #fff;cursor: pointer;}
.f-s:before{content: "";display: inline-block;vertical-align: middle;width: 1.57em;height: 1.71em;background-image: url(../images/footer-kf.png);background-size: 100% 100%;margin-right: .1rem;}
.f-t{color: #646d77;line-height: 1.43;margin-bottom: .1rem;}
.f-t:last-child{margin-bottom: 0;}
.f-bottom{width: 100%;padding: .25rem 0;}
.f-bb{width: 12.2rem;margin: 0 auto;min-width: 1080px;}
.f-left{float: left;font-size: 0;}
.f-dt{color: #646d77;display: inline-block;line-height: 1.43;}
.f-dd{color: #646d77;display: inline-block;line-height: 1.43;padding: 0 1em;position: relative;}
.f-dd:after{content: "";display: block;width: 1px;height: 1em;background-color: #2b343d;position: absolute;right: 0;top: 50%;margin-top: -0.5em;}
.f-dd:last-child{padding-right: 0;border-right: none;}
.f-right{float: right;font-size: 0;color: #646d77;}
.f-right a{color: #646d77;}
.f-name{color: #646d77;display: inline-block;vertical-align: top;line-height: 1.43;padding-right: 5px;}
.f-copy{color: #646d77;display: inline-block;vertical-align: top;line-height: 1.43;margin-right: .2rem;}
.f-links{display: inline-block;vertical-align: top;font-size: 0;}
.f-link{line-height: 1.43;display: inline-block;vertical-align: top;padding: 0 1em;position: relative;}
.f-link:after{content: "";display: block;width: 1px;height: 1em;background-color: #2b343d;position: absolute;right: 0;top: 50%;margin-top: -0.5em;}
.f-link:last-child{padding-right: 0;border-right: none;}
@media(min-width: 1201px){
    .f-k:hover{color: #0059aa;}
    .f-k:hover:before{content: "";display: block;width: .3em;height: .3em;background-color: #0059aa;position: absolute;left: -0.15rem;top: 50%;margin-top: -0.15em;}
    .f-dd:hover{color: #0059aa;}
    .f-right a:hover{color: #0059aa;}
}
@media(max-width: 1100px){
    .f-b{width: 100%;padding-left: 10px;padding-right: 10px;min-width: 0;}
    .f-bb{width: 100%;padding-left: 10px;padding-right: 10px;min-width: 0;}
    .f-o{float: left;width: 100%;text-align: left;padding-top: 20px;}
    .f-nav{width: 83%;}
    .f-q{margin-bottom: 5px;}
    .f-r{margin-bottom: 5px;}
    .f-left{float: none;width: 100%;margin-bottom: 10px;}
    .f-right{float: none;width: 100%;}
    .f-dt{padding-right: 0;}
}
@media(max-width: 750px){
    .f-a{padding-top: 20px;padding-bottom: 20px;}
    .f-b{max-width: 500px;}
    .f-c{float: none;width: 100%;margin-bottom: 20px;}
    .f-d{margin-bottom: 10px;}
    .f-nav{float: none;width: 100%;overflow: hidden;}
    .f-g{float: none;width: calc(100% + 20px);margin-bottom: 10px;padding-right: 0;}
    .f-g:last-child{margin-bottom: 0;}
    .f-h{margin-bottom: 8px;}
    .f-i{font-size: 0;}
    .f-j{display: inline-block;vertical-align: top;margin-right: 20px;}
    .f-o{float: none;}
    .f-bottom{padding: 15px 0;}
    .f-links{float: none;width: 100%;}
    .f-link:first-child{padding-left: 0;}
    .f-name{margin-bottom: 10px;}
    .f-copy{margin-right: 0;margin-bottom: 10px;}
}

@media(max-width: 500px){
    .f-g{width: 100%; margin-bottom: 0;border-bottom: 1px solid #303942;position: relative;}
    .f-h{height: 40px;line-height: 40px; font-size: 16px;}
    .f-i{display: none;}
    .f-j{margin-bottom: .2rem;}
}