/*!
    Theme Name: lexiw
    Theme URI: https://www.lexiw.com/
    Description: A better wordpress theme by lexiw.com
    Author: lexiw.com
    Author URI: https://www.lexiw.com/
*/
@import url('fonts/iconfont.css');
* {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
input[type=search] {box-sizing: content-box;}
body {font-family:'Microsoft Yahei',Helvetica,Arial,"Open Sans",Arial,'PingFang SC','Hiragino Sans GB','Source Han Sans CN',Roboto,sans-serif;font-size:14px;background:#ffffff;}
a {color:inherit;text-decoration:none;}
a:hover {color:#0a59f8;text-decoration:none !important;}
ul,li,p,h1,h2,h3 {list-style-type:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:400;line-height:1.4;color:#273746;margin:0;}
div,h1,h2,h3,h4,h5,p,form,ul,label,input,textarea,img,span,dl,dt,dd {margin:0px;padding:0;outline:0;}
img {border:0;max-width: 100%;}
em, i {font-style: normal;}
input,select,button,textarea{border:0; background:none; outline:none; vertical-align:middle;}
.container {width: 1200px;margin: auto;}
.list-image:hover img,.item-img:hover img{transform:scale(1.03);transition:all .3s ease-out 0s}

.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
/*header*/

.img-center {text-align:center;font-size:0;}
.img-center img {display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s;}
.header{background:#fff;}
.header .logo {float:left;font-size:0;height:auto;line-height:70px;text-align:left;padding:9px 0;}
.header .logo .logom{display: none;}
.header .slogan-wrap {
    float: left;
    padding-left: 30px;
    border-left: 1px solid #ddd;
    margin-top: 35px;
    margin-left: 30px;
}
.header .slogan-wrap img {
    height: 100%;
    display: block;
}
.header .tel {float:right;margin-top:38px;color:#505050;}
.header .tel i{background:#017dc3;float:left;font-size: 35px;padding: 5px;color:#fff;margin-right: 10px;border-radius: 50%;}
.header .tel .telcon{float:right;}
.header .tel strong {display:block;font-size:25px;line-height:1;color:#017dc3;}
.hua-navbar{position: relative;background-color: #007ec5;z-index: 999;height: 48px;box-shadow: none;box-shadow: 0px 2px 8px rgba(29, 41, 57, 0.08);}
.hua-navbar.fixed{position: fixed;left: 0;top:0;right: 0;}
.hua-navbar .nav-list{display: block;list-style: none;float: left;}
.hua-navbar .nav-list > li{list-style: none;float: left;position: relative;}
.nav-list > li.current a{color:#fff;background-color: #f18519;}
.hua-navbar .nav-list > li:hover {color:#fff;background-color: #f18519;}
.nav-list > li em{position: absolute;height:48px;line-height: 48px;right: 6px;color: #fff;z-index: 9;}
.nav-list > li em i{font-size:24px;}
.nav-list li:hover a,.nav-list > li:hover i.down {color:#fff;}
.nav-list li .down:before {display:inline-block;transition: all .3s ease-out 0s;}
.nav-list li:hover .down:before {transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.nav-list.active li .down:before {display:inline;}
.nav-list > li > a{height: 48px;line-height: 48px;display: inline-block;padding:0 35px;font-size: 15px;color: #fff;}
.nav-list li small {position:absolute;display:block;right:0px;top:12px;font-size:.625rem;font-weight:400;line-height:1;color:#ffffff;background:#f53939;background-image:linear-gradient(310deg,#f53939,#fbcf33);border-radius:4px 4px 4px 0;padding:0.2rem 0.3375rem;}
.nav-list li small.blue {background: linear-gradient(to right,#0056f3 0%,#2b76ff 100%);}
.nav-list li>ul {-webkit-transform: translateY(15px);transform: translateY(15px);}
.nav-list li:hover>ul {-webkit-transform: translateY(0px);transform: translateY(0px)}
.nav-list .sub-nav {position:absolute;text-align: center;width:135px;top:100%;left:0px;padding:.75rem;opacity:0;border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow: 0 2px 8px 0 rgba(0, 29, 35, 0.05);visibility:hidden;-webkit-transform-origin:0 0 0;transform-origin:0 0 0;transition:all .2s ease-out 0s;z-index:9;background-color:#fff;border-radius:1px;}
.nav-list li:hover>ul {opacity:1;visibility:visible}
.nav-list .sub-nav li {display:block;border-bottom:none;border-left:none;transition:all .3s ease 0s;background-color: #fff;}
.nav-list .sub-nav li a {display:block;font-size:.875rem;transition:all .3s ease-out 0s;color:#575758;padding:.5rem;background-color: #fff;}
.nav-list .sub-nav li a:hover {color:#f18519}
.canvas-close{display:none;}
.menu-btn {display:none;padding:10px 0;float:right;margin-left:15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display:block;height:2px;background-color:#000;content:'';}
.menu-btn:before {width:24px;}
.menu-btn:after {width:18px;margin-left:6px;}
.menu-btn span {width:12px;margin:6px 0 6px 12px;}


.foot {
    background-color: #0f0f0f !important;
    padding: 0 0 30px 0;
    display: block;
    margin-top: 40px;
}
.footer-con {
    margin-right: -15px;
    margin-left: -15px;
    padding-top: 35px;
    overflow: hidden;
}
.widget-address{margin-right: 2rem;padding:20px;text-align:left;float:left;max-width:30%;position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;}
.footer-title {position:relative;color:#adadad;font-size:16px;font-weight:700;margin:0 0 20px;}
.address-list li {position: relative;line-height: 30px;color:#6e6e6e;}
.address-list li span {display: inline-block;position: relative;}
.footer-wechat {text-align:center;float:right;max-width:100%;position:relative;min-height:1px;}
.wechat-img {float:left;padding: 8px;position: relative;font-size: 14px;}
.wechat-img img{text-align: center;background: none;border-radius: 10px;}    

.footer-wechat .text{float:right;display: inline-block;vertical-align: middle;text-align: left;padding: 43px 0;}
.footer-wechat .text p{color:#adadad;font-size: 15px;font-weight: 600;padding-bottom:10px;}
.footer-wechat .text p.wechat-text{color:#6e6e6e;font-size: 14px;}

.fwidget {
    padding: 20px;
    text-align: left;
    float: left;
    margin-bottom: 0!important;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.fwidget dl {
    float: left;
    margin: 0 20px 0 0;
    width: 238px;
}
.fwidget dt {
    margin-bottom: 20px;
    color: #adadad;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fwidget dd {
    margin: 0;
}

.fwidget dd li {
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fwidget a {
    color: #6e6e6e;
}
.foot .copyright {position:relative;font-size:12px;text-align:center;margin-top:3rem;border-top: 1px solid #272727 !important;}
.copyright .bq {display:inline-block;font-size:12px;color:#6e6e6e;}
.copyright .span, .copyright a{font-size:12px;color:#6e6e6e;}
.copyright .copy {display:inline-block;text-align:right;}
.copyright .copy a {color:#6e6e6e;font-size:12px;display:inline-block;margin-left:10px;}
.copyright .copy a:hover {color:#2d3757;}

.footer-nav {color: #6e6e6e;}
.footer-nav li {display: inline-block;vertical-align: middle;position: relative;}
.footer-nav li:before {content:"";position:absolute;top:22px;right:-5px;width:1px;height:9px;background:#6e6e6e;border:0;border-radius:15px;}
.footer-nav li:last-child:before {display: none;}
.footer-nav li a {display: block;line-height: 50px;font-size: 14px;padding: 0 15px;}
.footer-nav li a:hover {color:#007ec5;}
.footer-menu a:last-child:after{display:none}
.c_meau {
    /* width: 126px; */
    position: fixed;
    top: 20%;
    right: 0;
    height: auto;
    bottom: -430px;
    display: block;
    z-index: 999;
}
.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.c_meau .fl{ width:125px; border:#e5e5e5 1px solid; border-radius:15px}

.c_meau .fl h4{ width:100%; height:55px; background:#f7f7f7; color:#81511c; font-size:16px; line-height:22px; text-align:center; padding:8px 0; font-weight:bold;border-radius: 14px 14px 0 0;}

.c_meau .fl_o{ background:#fff; margin:-16px 0; padding:10px 0 0 0;}

.c_meau .fl_o_o{ color:#7d7d7d; font-size:14px; }

.c_meau .fl_o_o { padding-bottom:10px; border-bottom:1px solid #e5e5e5; width:108px; text-align:center; margin:auto auto 10px auto;}

.c_meau .fl_o_o dd{ line-height:14px;}

.c_meau .fr_o{ margin:90px 0 60px 0;}

.c_meau .fr_t{ margin-left:8px; cursor:pointer;}

.c_meau{ height:auto; bottom:-430px; display:block;}

.c_meau .fl_o_o dd{ line-height:22px;}

.c_meau .fl_o{ margin:-16px 0 -11px 0;}

.c_meau .fr_o {margin: 90px 0 168px 0;}
/*pageinfo*/
.pageinfo {padding:20px 10px;text-align:center;background:#fff;border-radius:3px;margin-bottom: 20px;}
.pageinfo a{background-color:#fff;border-color:#f4f4f4;border-style:solid;border-width:1px;color:#666;margin:2px;padding:8px 20px;text-decoration:none;border-radius:4px;height:36px;line-height:36px;transition:all 0.2s ease 0s;}
.pageinfo a:hover {background-color:#007ec5;border-color:#007ec5;border-style:solid;border-width:1px;color:#fff;}
.pageinfo a:active {border-color:#00C1DE;border-style:solid;border-width:1px;color:#000;}
.pageinfo .thisclass {background-color:#007ec5;border-color:#007ec5;border-style:solid;border-width:1px;color:#fff;font-weight:bold;margin:2px;padding:8px 20px;border-radius:4px;}
.pageinfo b {background-color:#007ec5;border-color:#007ec5;border-style:solid;border-width:1px;color:#fff;font-weight:bold;margin:2px;padding:8px 20px;border-radius:4px;}
.pageinfo span.disabled {border-color:#f4f4f4;border-style:solid;border-width:1px;color:#666;margin-right:2px;padding:8px 20px;border-radius:4px;background-color:#fff;}
@media only screen and (max-width: 900px){
.container {width: 100%;padding: 0 15px;}
.menu-btn {display:block;}
.header{box-shadow: 0px 2px 8px rgb(29 41 57 / 8%);}
.header {padding:10px 0;position:relative;z-index:10;width:100%;top:0;left:0;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.header .tel {display:none;}
.header .logo {height:40px;line-height:40px;float:none;padding:0;}
.header .logo .logom{display: block;}
.header .logo .logopc{display: none;}

.slogan-wrap {
    display: none;
}
.hua-navbar{height: auto;padding-right: 15px;padding-left: 15px;}
.hua-navbar .nav-list{padding:50px 15px;position: fixed;right: -280px;top:0;bottom: 0;width: 250px;margin-left:0;background: #fff;z-index: 99999;transition: all .3s ease;opacity: 0;overflow-x: hidden;
    overflow-y: auto;}
.hua-navbar .nav-list.show{right: 0px;opacity: 1;}
.hua-navbar .nav-list > li{float: none;display: block;margin:8px 0;background-color: #f7f7f7;}
.hua-navbar .nav-list > li:hover {background-color: #f7f7f7;}
.hua-navbar .nav-list > li > a{height: 40px;line-height: 40px;color:#333;}
.nav-list li small{right: 20%;}
.nav-list > li.current a{background-color:initial;}
.canvas-close {display:block;position: absolute;right: 14px;top: 14px;width:30px;height:30px;z-index: 99999;color: #000;transition: all .3s ease;}
.canvas-close i{font-size:30px;transition: all .3s ease;}
.nav-list.show li em.dot {position: absolute;top: 0;right: 0;width: 50px;height: 40px;text-align: center;cursor: pointer;line-height: 40px;z-index: 1;}
.nav-list.show li em.dot i{font-size:26px;color:#333;}
.nav-list .sub-nav{padding:5px 10px;left: 0;background: #eaeaea;width: 100%;position: relative;box-shadow: none;text-align: center;display:none;transition:none;opacity: 1;visibility: visible;-webkit-transform: translateY(0px);transform: translateY(0px);}
.nav-list .sub-nav li{background: #f7f7f7;margin: 10px 0px;border-radius: 4px;}
.nav-list li .down:before {transition: all .2s ease-out 0s;}
.nav-list li:hover .down:before {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.nav-list li.on .down:before {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.nav-list li:hover a, .nav-list li:hover i.down {color: #2c2e3b;}
.nav-list .sub-nav li a{padding: 6px 0;display: inline-block;width: 100%;}
.hua-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);z-index: 9998;opacity:1;backdrop-filter: blur(2px);} 
.m-btn{float:right;padding: 10px 15px;}
.c_meau{top:40%;}
}