/*global css*/
/**{font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none; box-shadow: none;}*/
*{font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none; box-shadow: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,fieldset,input,textarea,blockquote{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6,th{font-weight:normal;}
li{list-style-type:none;}
img{border:none;min-width:1px;vertical-align:middle;image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode:nearest-neighbor;}
table{border-collapse:collapse;}
/*表单按钮，输入框样式*/
input,select,textarea{outline: none;background: none;border: none;}
input[type=button], input[type=submit], input[type=file], button ,input[type=reset]{-webkit-appearance: none;cursor: pointer;display: none;}
select::-ms-expand{display:none;}
*::-ms-clear {width:0;height:0;overflow:hidden;display:none;}

html,body{max-width:1920px; margin:auto; overflow-x:hidden; position:relative; z-index:1;}
/*html:before,
html:after{position:absolute; width:999999px; background:#fff; content:''; top:0; bottom:0; left:100%; z-index:3;}
html:after{left:auto; right:100%;}*/

/*全屏遮罩层，z-index默认1000*/
.mask{width: 100%;height: 100%;background: rgba(0, 0, 0, .6);position: fixed;left: 0;top: 0;z-index: 1000;}

/*常用类*/
.fl,[fl]{float:left;}
.fr,[fr]{float:right;}
.relative,[relative]{position:relative;z-index: 1;}
.absolute,[absolute]{position:absolute;}
.absolute.max,[absolute][max]{left: 0;top: 0;right: 0;bottom: 0;}
.fixed,[fixed]{position:fixed;}
.fixed.max,[fixed][max]{left: 0;top: 0;right: 0;bottom: 0;}
.fz0,[fz0]{font-size:0;}
/*display快速设置*/
.hide,[hide]{display:none;}
.block,[block]{display:block;}
.inline,[inline]{display:inline;}
.inline-block,[inline-block]{display:inline-block;*display:inline;zoom:1;vertical-align: top;}
.table,[table]{display:table;}
.table.max,[table][max]{width:100%;}
.table-cell,[table-cell]{display:table-cell;vertical-align:middle;}
.table-cell.min,[table-cell][min]{width:1px;}
/*超出隐藏*/
.over,[over]{overflow:hidden;}
/*图片在div居中*/
.m-pic,[m-pic]{text-align:center;display:block;font-size:0;}
.m-pic:after,[m-pic]:after{display:inline-block;height:100%;vertical-align:middle;content:'';}
.m-pic img,[m-pic] img{vertical-align:middle;max-width:100%;max-height:100%;}
/*鼠标移过图片放大*/
.b-pic,[b-pic]{overflow:hidden;}
.b-pic img,[b-pic] img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
.b-pic:hover img,[b-pic]:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}
/*图片占满div*/
.i-pic,[i-pic]{overflow:hidden;font-size:0;}
.i-pic img,[i-pic] img{width:100%;min-height:100%;}
/*H5宽高等比缩放*/
.z-pic,[z-pic]{ position:relative;}
.z-pic:after,[z-pic]:after{content: ''; width:100%; display:inline-block; padding-top:100%;}
.z-pic img,[z-pic] img{ max-width:100%; max-height:100%; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; margin:auto;}
.z-pic video,[z-pic] video{ max-width:100%; max-height:100%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
/*灰度*/
.gray,[gray]{-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
/*对齐方式*/
.text-left,[text-left]{text-align:left;}
.text-right,[text-right]{text-align:right;}
.text-center,[text-center]{text-align:center;}
/*当前行超出，显示省略号*/
.text-over,[text-over]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/*几行内超出，显示省略号*/
.text-line,[text-line]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text-line.line3,[text-line][line3]{-webkit-line-clamp:3;}
.text-line.line4,[text-line][line4]{-webkit-line-clamp:4;}
.text-line.line5,[text-line][line5]{-webkit-line-clamp:5;}
.text-line.line6,[text-line][line6]{-webkit-line-clamp:6;}
/*强行不换行*/
.nowrap,[nowrap]{white-space:nowrap;}
/*强行换行*/
.break,[break]{white-space:normal;word-break:break-all;}
/*垂直对齐方式*/
.v-middle,[v-middle]{vertical-align:middle;}
.v-top,[v-top]{vertical-align:top;}
.v-bottom,[v-bottom]{vertical-align:bottom;}
/*边框盒子处理*/
.border-box,[border-box]{-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
/*css3变换时间300毫秒*/
.trans,[trans]{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;}
.trans5,[trans5]{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;outline:none;}
.trans-inter::before,.trans-inter::after{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
/*鼠标手型*/
.pointer,[pointer]{cursor:pointer !important;}
/*英文大写*/
.upper,[upper]{text-transform:uppercase;}
/*英文小写*/
.lower,[lower]{text-transform:lowercase;}
/*宽高100%*/
.maxh,[maxh]{height:100%;}
.maxw,[maxw]{width:100%;}
/*最多宽度设置*/
.cw1920{max-width: 1920px;margin: auto;}
.cw1600{max-width: 1600px;margin: auto;}
.cw1400{max-width: 1400px;margin: auto;}
.cw1200{max-width: 1200px;margin: auto;}
.cw1120{max-width: 1120px;margin: auto;}
/*编辑器*/
.editor{line-height:1.8;}
.editor *{font-size:inherit;color:inherit;font-family:inherit;}
.editor ul li{list-style:disc inside;padding-left:10px;}
.editor ol li{list-style:decimal inside;padding-left:10px;}
.editor img{max-width:100%;height:auto !important;}
.editor a{color: #0782C1;text-decoration:inherit;}

/*清浮动*/
.clear,[clear]{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.clear.a,[clear].a{top: -54px;display:block;height: 1px;width: 100%;position: relative;}
.clean,[clean]{zoom:1;}
.clean:after,.clean:before,[clean]:after,[clean]:before{content:'';display:table;}
.clean:after,[clean]:after{clear:both;}

/*上下元素间距*/
.blank3{margin:0px auto;clear:both;height:3px;font-size:1px;overflow:hidden;}
.blank6{margin:0px auto;clear:both;height:6px;font-size:1px;overflow:hidden;}
.blank9{margin:0px auto;clear:both;height:9px;font-size:1px;overflow:hidden;}
.blank12{margin:0px auto;clear:both;height:12px;font-size:1px;overflow:hidden;}
.blank15{margin:0px auto;clear:both;height:15px;font-size:1px;overflow:hidden;}
.blank20{margin:0px auto;clear:both;height:20px;font-size:1px;overflow:hidden;}
.blank25{margin:0px auto;clear:both;height:25px;font-size:1px;overflow:hidden;}
.blank30{margin:0px auto;clear:both;height:30px;font-size:1px;overflow:hidden;}

/*a*/
a{color:#666666;text-decoration:none;}
a:hover{color:#4fa4df; text-decoration:none;}
a.red{color:red;text-decoration:none;}
a.red:hover{color:red;text-decoration:underline;}
a *{text-decoration:none;}
a:hover *{text-decoration:none;}

/*翻页*/
#turn_page{ width:100%; height:46px; line-height:44px; text-align:center; overflow:hidden;}
#turn_page img{ width:100%;}
#turn_page span,
#turn_page a,
#turn_page font{ display:inline-block; vertical-align:top; margin:0 4px; background:#fff; font-size:14px; min-width:44px; height:44px; line-height:44px; border:1px solid #ebebeb;}
/*#turn_page font{ font-size:14px; color:#666; background:#1c80ab;}*/
#turn_page .word{ padding: 0 15px; color:#757575;}
#turn_page .page_button{ width:44px; font-family: Arial; color:#757575;}
#turn_page .page_noclick{ width:44px; font-family: Arial; color:#757575;}
#turn_page .page_item_current{ background:#1c80ab; color:#fff; border-color:#1c80ab;}

/*全站搜索*/
.global-search{width:100%; padding-bottom:40px;}
.global-search .form{margin-bottom:22px;}
.global-search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;}
.global-search .form .submit{height: 49px;width: 59px;border:1px solid #1f85e6;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: #1f85e6 url(/images/s.png) no-repeat center center;}
.global-search .list{width:100%; margin-bottom:50px;}
.global-search .list .info .cate{padding-left:15px;}
.global-search .list .new .cate{background:url(/images/info_ico.jpg) no-repeat left center;}
.global-search .list .know .cate{background:url(/images/know_ico.jpg) no-repeat left center;}
.global-search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;}
.global-search .list .info li:first-child{border-top:1px solid #dddddd;}
.global-search .list .info .title{margin-right:16px; line-height:22px; color:#1f85e6; font-size:16px; font-weight:bold;}
.global-search .list .info .day,.global-search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;}
.global-search .list .info .day{margin:0;}
.global-search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;}


.before{}
.before::before,.after::after{content:'';}
.before.abs::before,.after.abs::after{position:absolute; z-index:1;}
.bgcover,.before.bgcover::before,.after.bgcover::after{background-repeat:no-repeat; background-size:cover; background-position:center center;}
.bgcontain,.before.bgcontain::before,.after.bgcontain::after{background-repeat:no-repeat; background-size:contain; background-position:center center;}
.before.trans::before,
.after.trans::after{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;}

.box_middle{display:-webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:center; -webkit-box-align:center; display:-moz-box; -moz-box-orient:horizontal; -moz-box-pack:center; -moz-box-align:center; display:-o-box; -o-box-orient:horizontal; -o-box-pack:center; -o-box-align:center; display:-ms-box; -ms-box-orient:horizontal; -ms-box-pack:center; -ms-box-align:center; display:box; box-orient:horizontal; box-pack:center; box-align:center;}

/* 头部 */
#header{z-index: 10;position: relative;}
#header .logo{margin-left: 1.3%;width: 196px;height: 91px;}
#header .right{ display: flex;}
#header .nav .child{position: relative;border-bottom: 2px solid transparent;margin-right: 60px;}
#header .nav .child:after{content: "";width: 0;position: absolute;left: 0;bottom: -2px;height: 2px;background: #e60012;}
#header .nav .child .one{line-height: 89px;color: #333333;font-size: 14px;}
/*
#header .nav .child.on .one,
#header .nav .child .one:hover{color: #005193;}
*/
#header .nav .child:hover::after,
#header .nav .child.on:after{width: 100%; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
#header .menu,
#header .search{ display: flex; justify-content: center; align-items: center; width: 91px;height: 91px;cursor: pointer;background-repeat: no-repeat; border-left: 1px solid #d3d3d3;background-position: center center;}
#header .search img{ width: 16px; height: 16px;}
#header .search.in{background-image: url(/images/close.png);-webkit-background-size: 16px;background-size: 16px;}
#header .menu{background: url(/images/menu_bg.jpg) #da231b;}
#header .menu .line{position: absolute;display: block;width: 18px;height: 2px;left: 35px;margin: auto;background: #fff; transform: scale(2);}
#header .menu .l1{top: 38px;}
#header .menu .l2{top: 45px;left: 39px;}
#header .menu .l3{top: 52px;}
#header .menu.open .line{left: 40px;}
#header .menu.open .l3{width: 10px;}
#header .form{top: 103px;right: 20px;width: 270px;background: rgba(255,255,255,.8);border-radius: 50px;height: 0px;overflow: hidden;}
#header .form.open{height: 38px;}
#header .form .sub,
#header .form .text{height: 38px;line-height: 38px;}
#header .form .text{margin: 0 25px;width: 160px;color: #333;font-size: 14px;}
#header .form .sub{width: 50px;color: #666;font-size: 14px;font-family: '搜索';border-left: 1px solid #fff;text-align: center;}

.search-html #header{border-bottom: 1px solid #e5e5e5;}
.search-html #header .form{background: rgba(0,0,0,.05);}
.search-html #turn_page.page{border-top: none;}


@media (max-width: 751px){
    #header .form{width: 420px;}
    #header .form .text{width: 280px;font-size: 24px;}
    #header .form.open{height: 50px;}
    #header .form .sub,
    #header .form .text{height: 50px;line-height: 50px;}
    #header .form .sub{font-size: 24px;width: 70px;}
    #header .search.in{-webkit-background-size: 26px;background-size: 26px;}
}


.bblank{background: rgba(0,0,0,.6);width: 0;height: 0%;right: 0;position: absolute;top: 91px;z-index: 1000;}
#menu{position: absolute;z-index: 1001;height: 0%;top: 91px;right: 0;width: 0;overflow: hidden;background: #f5f5f5;}
.bblank.open{width: 100%;}
#menu.open{width: 380px;}
#menu .nav{width: 380px;}
#menu .nav .child{width: 90%;margin: 0 auto;border-bottom: 1px solid #ddd;padding: 20px 0;}
#menu .nav .child .one{width: 80%;color: #333;font-size: 18px;font-family: 'SourceHanSansCN_Bold';line-height: 30px;}
#menu .nav .child.in .one{color: #e70010;}
#menu .nav .child .btn{width: 15%;height: 30px;background: url(/images/add_nav.png) no-repeat center center;}
#menu .nav .child .two{height: 0;overflow: hidden;}
#menu .nav .child .two .t2{color: #666;font-size: 16px;margin: 15px 0;}
#menu .nav .child.in .btn{background-image: url(/images/jess_nav.png);}

#footer .footer-bot .links .links-list{ display: none; justify-content: start; align-items: center; flex-direction: column; bottom: 49px; left: 50%; padding: 20px 10px; width: 100px; background: #fff; border: 1px solid #ddd; transform: translateX(-50%);}
#footer .footer-bot .links .links-outer.cur .links-list{ display: flex;}
#footer .footer-bot .links .links-list .links-a{ margin-top: 20px; line-height: 20px; font-size: 16px;}
#footer .footer-bot .links .links-list .links-a:first-child{ margin-top: 0;}
@media(min-width: 751px){
    #header .menu:hover .line{left: 40px;}
    #header .menu:hover .l3{width: 10px;}
    #menu .nav .child .two .t2:hover,
    #menu .nav .child .one:hover{color: #e70010;}
    #header .menu:hover .line{left: 28px;}
}
@media(max-width: 1280px){
    #header .nav .child{margin-right: 40px;}
    #header .menu,
    #header .search{width: 71px;}
    #header .menu .line{left: 27px;}
    #header .menu .l2{left: 32px;}
    #header .menu.open .line{left: 28px;}
}

@media(max-width: 1050px){
    #header .menu .l1{top: 25px;}
    #header .menu .l2{top: 35px;}
    #header .menu .l3{top: 46px;}
    #header .menu, #header .search{height: 70px;}
    #header .nav .child .one{line-height: 68px;}
    #header .logo{width: 80px;height: 70px;}
    #header .nav .child{margin-right: 28px;}
    #header .form{top: 78px;}
    #menu{top: 70px;}
}

@media (max-width: 981px){
    #header .nav{display: none;}
    /* #header .search{border-left: none;} */
    #menu.open{width: 100%;}
    #menu .nav{width: 100%;}
}

@media (max-width: 768px){
    #header .logo{width: 200px;}
    #header .search img{ width: 32px; height: 32px;}
    #header .menu{ background-size: 32px;}
    #menu .nav .child .one{font-size: 30px;}
    #menu .nav .child .two .t2{margin: 30px 0;font-size: 26px;}
}
.search_outer{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); opacity: 0; pointer-events: none; z-index: 5; transform: scale(1.5);}
.search_outer.show{ opacity: 1; pointer-events: visible; transform: scale(1);}
.search_outer .search_in{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 650px; height: 100%;}
.search_outer .search_in .search_form{ width: 100%; border-bottom: 1px solid #e4e4e4;}
.search_outer .search_in .search_form input[name=Keyword]{ padding-right: 60px; width: 100%; height: 96px; line-height: 96px; font-size: 28px; color: #fff;}
.search_outer .search_in .search_form input[name=Keyword]::-webkit-input-placeholder{ font-size: 28px; color: #fff;}
.search_outer .search_in .search_form input[name=Keyword]::-moz-placeholder{ font-size: 28px; color: #fff;}
.search_outer .search_in .search_form input[name=Keyword]:-moz-placeholder{ font-size: 28px; color: #fff;}
.search_outer .search_in .search_form input[name=Keyword]:-ms-input-placeholder{ font-size: 28px; color: #fff;}

.search_outer .search_in .search_form .submit{ right: 0; top: 50%; width: 24px; height: 24px; cursor: pointer; transform: translateY(-50%);}
.search_outer .search_in .search_form .submit svg{ width: 100%; height: 100%; transition: all .3s;}
.search_outer .search_in .search_form .submit svg path{ fill: #fff;;}
.search_outer .search_in .search_form .submit:hover svg{ opacity: .5;}

/* 底部 */
#m-footer{ display: none;}
#footer{ width: 100%; padding: 67px 0 0; background: #f5f5f5;}
#footer .footer-top .cw1400{ display: flex; justify-content: space-between; align-content: start; width: 100%;}
#footer .footer-top .f-tleft{ width: 330px;}
#footer .footer-top .f-tleft .logo{ text-align: left;}
#footer .footer-top .f-tleft .f-info{ margin-top: 14px;}
#footer .footer-top .f-tleft .f-info .f-irow{ width: 100%; line-height: 30px; font-size: 14px; color: #666;}
#footer .footer-top .f-tleft .f-info .f-irow a{ font-size: 14px; color: #666;}
#footer .footer-top .f-tleft .f-share{ margin: 2px 0 0 -9px;}
#footer .footer-top .f-tleft .f-share{ cursor: pointer;}
#footer .footer-top .f-tright{ width: 670px;}
#footer .footer-top .f-tright .f-nav{ display: flex; justify-content: space-between; align-items: start; width: 100%;}
#footer .footer-top .f-tright .f-nitem{ width: 20%;}
#footer .footer-top .f-tright .f-nitem .f-itit{ padding-bottom: 20px; width: 100%; line-height: 22px; background: url(/images/f_nav_bg.jpg) repeat-x left bottom; font-size: 16px; color: #333; font-weight: bold;}
#footer .footer-top .f-tright .f-list{ margin-top: 10px; width: 100%;}
#footer .footer-top .f-tright .f-list .f-litem{ width: 100%; line-height: 32px; font-size: 14px; color: #828282;}

#footer .footer-bot{ margin-top: 30px; padding: 12px 0; background: #f1f1f1; border-top: 1px solid #e4e4e4;}
#footer .footer-bot .cw1400{ display: flex; justify-content: space-between; align-items: center;}
#footer .footer-bot .copy{ display: flex; justify-content: start; align-items: center; height: 35px; font-size: 14px; color: #828282;}
#footer .footer-bot .copy a{ font-size: 14px; color: #828282;}
#footer .footer-bot .copy .web{ margin-left: 60px; font-size: 14px; color: #828282;}
#footer .footer-bot .links{ display: flex; justify-content: start; align-items: center;}
#footer .footer-bot .links .links-tit{ margin-right: 20px; font-size: 14px; color: #666;}
#footer .footer-bot .links .links-btn{ display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border: 1px solid #e0e0e0; border-radius: 50%;}

.f-fixed{ position: fixed; top: 20%; right: 80px; width: 100px; z-index: 5; background: -webkit-linear-gradient(to bottom right, #745576, #47709b); background: linear-gradient(to bottom right, #745576, #47709b); border-radius: 10px;}
.f-fixed .item{ padding: 16px 0; width: 100%; border-top: 1px solid #7a7f9d;}
.f-fixed .item:first-child{ border-top: 0;}
.f-fixed .item .icon{ width: 100%; text-align: center;}
.f-fixed .item .txt{ margin-top: 12px; width: 100%; line-height: 16px; font-size: 14px; color: #fff; text-align: center;}
.f-fixed .item .phone-txt{ top: 50%; right: 100%; width: 0; line-height: 1.8; background: -webkit-linear-gradient(to bottom right, #745576, #47709b); background: linear-gradient(to bottom right, #745576, #47709b); font-size: 18px; color: #fff; white-space: nowrap; text-align: center; overflow: hidden; border-radius: 10px; transform: translateY(-50%);}

@media screen and (max-width: 1024px){

    #footer .f-left{ width: 79%;}
    #footer .f-left .f-nav{ justify-content: start; flex-wrap: wrap;}
    #footer .f-left .f-nav .f-nav-item{ margin: 20px 0 0 0; width: 130px;}
    #footer .f-left .f-nav .f-nav-item:first-child{ width: 200px;}
    #footer .f-left .f-nav .f-nav-item:nth-child(-n+3){ margin-top: 0;}
}

@media screen and (max-width: 750px){

    body .m-b-tit{ font-size: 48px;}
    body .m-s-tit{ font-size: 42px;}
    body .m-text{ font-size: 34px;}
    body .m-s-text{ font-size: 26px;}

    #m-nav{ display: none; position: fixed; top: 120px; left: 0; z-index: 5; width: 100%;}
    #m-nav.show{ display: block;}
    #m-nav .m-nav-in{ position: relative; z-index: 5; width: 100%; background: #fff;}
    #m-nav .m-nav-in .m-nav-item{ width: 100%; border-top: 1px solid #ccc;}
    #m-nav .m-nav-in .m-nav-item .m-nav-item-btn{ display: flex; justify-content: space-between; align-items: center; width: 100%;}
    #m-nav .m-nav-in .m-nav-item .m-nav-item-btn .m-nav-item-txt{ padding: 30px 3%; width: 87%; color: #333;}
    #m-nav .m-nav-in .m-nav-item .m-nav-item-btn .m-nav-item-icon{ margin-right: 2%; width: 5%; text-align: center; cursor: pointer;}
    #m-nav .m-nav-in .m-nav-item .m-nav-item-btn .m-nav-item-icon.cur{ transform: rotate(90deg);}
    #m-nav .m-nav-in .m-nav-item .m-nav-list{ width: 100%; height: 0; overflow: hidden;}
    #m-nav .m-nav-in .m-nav-item .m-nav-list .m-nav-list-in{ padding-bottom: 50px; width: 100%;}
    #m-nav .m-nav-in .m-nav-item .m-nav-list .m-nav-item-a{ margin: 0 auto; padding: 16px 0; width: 94%; color: #888;}

    .mark_mode{ display: none; position: fixed; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, .5)}
    #m-nav.show .mark_mode{ display: block;}
    
    #footer{ display: none;}
    body #m-footer{ display: block; padding: 0 3% 50px; width: 100%; background: #f5f5f5;}
    #m-footer .f-nav{ padding: 20px 0; width: 100%;}
    #m-footer .f-nav .f-nav-item{ width: 100%; border-bottom: 1px solid #828282;}
    #m-footer .f-nav .f-nav-item .f-nav-title{ padding: 30px 0; width: 100%; font-size: 26px; color: #666;}
    #m-footer .f-nav .f-nav-item .f-nav-title .f-nav-title-icon{ display: block; position: absolute; top: 50%; right: 10px; width: 18px; height: 18px; transform: translateY(-50%);}
    #m-footer .f-nav .f-nav-item .f-nav-title .f-nav-title-icon:before,
    #m-footer .f-nav .f-nav-item .f-nav-title .f-nav-title-icon:after{ display: block; content: ''; position: absolute; top: 50%; left: 0; width: 100%; width: 100%; height: 3px; background: #828282; transform: translateY(-50%);}
    #m-footer .f-nav .f-nav-item .f-nav-title .f-nav-title-icon:before{ transform: translateY(-50%) rotate(90deg); transition: all .3s;}
    #m-footer .f-nav .f-nav-item.cur .f-nav-title .f-nav-title-icon:before{ transform: translateY(-50%) rotate(0);}
    #m-footer .f-nav .f-nav-item .f-nav-list{ width: 100%; height: 0; overflow: hidden;}
    #m-footer .f-nav .f-nav-item .f-nav-list .f-nav-list-in{ padding-bottom: 50px; width: 100%; line-height: 1.8; font-size: 26px; color: #828282;}
    #m-footer .f-nav .f-nav-item .f-nav-list .f-nav-list-in .f-nav-item-a{ margin-bottom: 20px; width: 100%; font-size: 22px; color: #828282;}
    #m-footer .f-nav .f-nav-item .f-nav-list .f-nav-list-in .nav-item-a{ color: #828282;}

    #m-footer .f-mid{ margin-top: 30px; width: 100%;}
    #m-footer .f-mid .f-mid-list{ width: 100%;}
    #m-footer .f-mid .f-mid-list .f-mid-item{ width: 100%; color: #828282; text-align: center;}
    #m-footer .f-mid .f-mid-list .f-mid-item a{ color: #828282;}
    #m-footer .f-mid .f-mid-tit{ width: 100%; line-height: 1.8; font-size: 42px; color: #828282; text-align: center;}
    #m-footer .f-mid .f-mid-qrcode{ display: flex; justify-content: space-around; align-items: start; margin-top: 30px; width: 100%;}
    #m-footer .f-mid .f-mid-qrcode .nav-qrcode{ display: flex; justify-content: space-around; align-items: start; width: 100%;}
    #m-footer .f-mid .f-mid-qrcode .qr-item .qr-img{ text-align: center;}
    #m-footer .f-mid .f-mid-qrcode .qr-item .qr-tit{ margin-top: 20px; line-height: 1.8; font-size: 26px; color: #828282; text-align: center;}
    #m-footer .f-logo{ margin-top: 30px; width: 100%; text-align: center;}
    #m-footer .f-partner{ display: flex; justify-content: space-between; align-items: start; margin-top: 30px;}
    #m-footer .f-partner .f-part-tit{ width: 20%; color: #828282; white-space: nowrap;}
    #m-footer .f-partner .f-part-list{ width: calc(100% - 20%);}
    #m-footer .f-partner .f-part-list .f-part-a{ margin-right: 15px; color: #828282;}
    #m-footer .f-web-info{ display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
    #m-footer .f-web-info .web-info-links .f-web-info-item{ margin-left: 15px; color: #828282;}
    #m-footer .f-web-info .web-info-links .f-web-info-item:first-child{ margin-left: 0;}
    #m-footer .web-copy{ margin-top: 30px; color: #828282; text-align: center;}
    #m-footer .web-copy a{ margin-top: 10px; width: 100%; color: #828282; text-align: center;}
    
    #r-fixed .fixed-top .fix-item .fix-tel-txt{ display: none;}

    .f-fixed{ right: 0;}
}

@media screen and (min-width: 750px){
    .f-fixed .item:hover .phone-txt{ width: 200px;}
}