@charset "UTF-8";
body, p, h1, h2, h3, h4, h5, h6, span, label, input, i, ul, li, dl, dt, dd, ol, select, option, table, tr, td, tt, th, tbody, strong, textarea{padding: 0; margin: 0; list-style: none; -webkit-tap-highlight-color:rgba(255,255,255,0);}
h1, h2, h3, h4, h5, h6, b{font-weight: normal;}
body{overflow-x: hidden; width: 100%; height: 100%; font:0.26rem/1.5 "microsoft yahei",Arial,Verdana,Helvetica,sans-serif; color: #484848;}
a{color: #484848; text-decoration: none;}
a:active{text-decoration: none; /*box-shadow: inset 0 5px 10px #eee,inset 0 -5px 10px #eee;*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);}
img{border: none;vertical-align: middle;}
em,i{font-style: normal;}
input,label,option,select,textarea,button{color: #484848; border-radius: 0; border: none; outline: none; outline: 0; font-size: 0.26rem;-webkit-user-select:auto; font-family: "microsoft yahei",Arial,Verdana,Helvetica,sans-serif;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
/**************************************************************************/
/*浮动*/
.u-left{float: left;}
.u-right{float: right;}
/*清除浮动*/
.clearfloat{zoom: 1;}
.clearfloat:after{content: '.'; display: block; clear: both; height: 0; line-height: 0; visibility: hidden;}
/**************************************************************************/
/*字体颜色*/
.col-0{color: #000;}
.col-9{color: #999;}
.col-a{color: #aaa;}
.green{color: #f54c18;}
.orange{color: #ff9000;}
.bold{font-weight:bold;}
.center{text-align: center;}
/*相对定位*/
.rel{position: relative;}
/**************************************************************************/
/*超出省略号*/
.ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ellipsis-2{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/*圆角*/
.radius-3{border-radius:0.06rem;}
.mt10{margin-top: 0.1rem;}



/**************************************************************************/
/*页面顶部*/
header{ position: relative; left: 0; right: 0; height:0.9rem; z-index: 98; background-color: #fff; overflow:hidden; padding:0 0.15rem;}
header .logo{ display: block; width:3rem; height: 0.64rem; background:url(../images/LOGO.jpg); background-size: cover;background-size: 100% 100%; margin: 0.1rem 0 0 2rem;}
header .Title{ position: absolute; top: 0; left: 0.9rem; right: 0.9rem; height: 0.9rem; font-size: 0.36rem; color: #fff; line-height: 0.9rem;  text-align:center; font-weight: bold;}
header .Icon{ display: block; width: 0.58rem; height: 0.54rem; margin-top: 0.16rem;}
header .nav{ background: url(../images/nav@icon.png) center no-repeat; background-size: 100%; -webkit-transition: 0.2s; -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; transition: transform 0.2s ease-out;}
header .nav:hover{ -webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg); transform: rotateZ(360deg);}	



/*弹框公用*/
.Popup{ display: none; position: absolute; left: 0; top: 50%; right: 0; margin:auto; z-index: 999; background-color: #fff; border-radius: 0.2rem; margin-left:1rem; margin-right: 1rem;}
.Popup .title{ padding: 0.2rem; text-align: center ; border-bottom: 1px solid #eee;}
.Popup .box{ padding: 0.5rem;}
.Popup .box button{ width: 47.5%; height: 0.6rem; border: 0; border-radius: 0.05rem; margin-top: 0.5rem;}
.Popup .box button:last-child{ margin-left:2%;}
.Popup .box button.but1{ background-color: #fddb00; color: #fff; }
.Popup .box button.but2{ background-color: #eee; color: #999; }
.Popup .box button.but3{ background-color: #3d8d36; color: #fff; }

/*底部版权*/
footer{ background-color: #f54c18;; border-top: 1px solid #eee; }
footer a{ color: #fff;}
footer .box{ padding: 0.3rem 0; color: #fff;}
footer .box p{ margin-bottom: 0.2rem; line-height: 24px;}
footer .box .tel{ font-size: 0.36rem; margin-bottom: 0.25rem;}
footer .box .tel a{ color: #fff;}
footer .box .cert{ width: 3.63rem;}
footer .box .ewm{ width: 1.62rem;}


/*底部导航*/
.foot-nav{ position: fixed; height:0.9rem; left: 0; right: 0; bottom: 0; margin: auto; z-index: 98; background-color: #f5f5f5; border-top:0.02rem solid #eee ; overflow:hidden;}
.foot-nav .item{ position: relative; float: left; width: 25%; text-align: center; }
.foot-nav .item i{ position: relative; top: -0.02rem; height: 0.5rem;  text-align: center; width: 0.9rem;  margin:0 auto; font-size: 0.38rem;}
.foot-nav .item.active{ color: #3d8d36;}
.foot-nav .item .space{ position: absolute; right: 0; top: 0.28rem; z-index: 999; width: 0.01rem; height: 0.35rem; background-color: #609d77;}



/**************************************************************************/
/*占位符文字颜色*/
input{-webkit-user-select:auto;}
::-webkit-input-placeholder{/* WebKit browsers */
color: #c8c8c8;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
color: #c8c8c8;}
::-moz-placeholder{/* Mozilla Firefox 19+ */
color: #c8c8c8;}
:-ms-input-placeholder{/* Internet Explorer 10+ */
color: #c8c8c8;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #c8c8c8;}
input:-moz-placeholder, textarea:-moz-placeholder{color: #c8c8c8;}

/*左侧导航*/
.sidebar-nav{ display: none; position: relative; position: fixed; left: 0; top: 0; bottom: 0; z-index: 9999; width: 5.62rem; height: 100%; background-color: #222426;}
.sidebar-nav .user{ padding: 0.35rem 0.8rem 0.45rem;}
.sidebar-nav .user .head{ margin:0 auto; overflow: hidden; width: 1.4rem; height: 1.4rem; border-radius: 50%; border: 0.06rem solid #fc7c00; margin-bottom: 0.1rem; }
.sidebar-nav .user .name{ color:#fc7c00; font-size:0.28rem ;}
.sidebar-nav .user button{ width: 100%; height: 0.8rem; margin-top: 0.25rem; color: #fff; border-radius: 0.08rem; border: 0; background-color: #fc7c00;}
.sidebar-nav .nav-list{ overflow: hidden; margin-top: 0.2rem; border-top:0.02rem solid #2a2b2c; border-bottom:0.02rem solid #2a2b2c; margin-bottom: 0.5rem;  }
.sidebar-nav .nav-list li{  background-color: #1c1d1f;}
.sidebar-nav .nav-list li a{ overflow: hidden; display: block; font-size: 0.28rem; padding:0.22rem 0; color: #e0e3e8; border-bottom:0.01rem solid #2a2b2c;  margin-left: 0.8rem;}
.sidebar-nav .nav-list li a .icon{ position: relative; margin-top: -0.04rem; float: left; width: 0.4rem; margin-right: 0.2rem;}
.sidebar-nav .nav-list li a .icon img{ width: 100%;}
.sidebar-nav .nav-list li:last-child a{ border-bottom:0; }

.sidebar-nav-close{ display: none; position: fixed; top: 0.25rem; left:5.8rem; z-index: 9999; width: 0.6rem; height: 0.6rem; background: url(../images/close.png); background-size: cover;}

/*弹窗黑色背景*/
.g-slide-mask,.navbg{ display: none; position:fixed; left:0; right: 0; top:0; bottom: 0; z-index:99; background:#000; -moz-opacity: 0.4; opacity:0.4; filter: alpha(opacity=40);}

/*置顶*/
.return-top{ display: none; position: fixed; right: 0.3rem; bottom: 1.4rem; z-index: 999; width: 1.2rem; height: 1.2rem; background: url(../images/Placed-top.png); background-size:cover;}

/**加载中蒙版**/
.loading{width: 100%;height: 100%;background: #000;opacity: .5;position: fixed;top:0;left:0;bottom:0;right:0;z-index: 99;display: none;}
.loading img{display: block;width: 150px;height: 150px;position: fixed;top:50%;left: 50%;margin-left: -75px;margin-top: -75px;}

/**公共蒙版**/
.window-container{width: 78%;background: #fff;position: fixed;top: 30%;left: 50%;margin-left:-39%;z-index: 100;border-radius: 4px;overflow: hidden;display: none;}
.window-container .window-content{padding: 20px 5%;border-bottom: 1px solid #bdbdbd;}
.window-container .window-content p{font-size: 14px;color:#676767;line-height: 24px;text-align: center;}
.window-container .window-btn a{ display: block;height: 40px;width: 49%;text-align: center;line-height: 40px;font-size: 16px;font-weight: bold; }
.window-container .window-btn a.cancel-button{ border-right: 1px solid #bdbdbd;}
.window-container .window-btn a.confirm-button{color:#fea23a;}
.window-container  h2{ text-align: center;font-size: 16px;font-weight: bold; padding-top: 22px;}
.window-container .window-btn .ack-button{ display: block;height: 40px;width: 100%;text-align: center;line-height: 40px;font-size: 16px;font-weight: bold;color:#fea23a;}
.window-container .window-btn .ack-button:active{background: #fea23a;color:#fff;}
.window-container .jy-password{width: 90%;height: 34px;display:block;margin: 20px auto 0;}

/*--------------首页快捷导航--------------*/
.quick-nav-container .quick-entry-nav{padding: 0.4rem 0.2rem;font-weight: bold;}
.quick-nav-container .quick-entry-nav .quick-entry-link{width: 25%;float: left;display: block;text-align: center;}
.quick-nav-container .quick-entry-nav .quick-entry-link img{width: 1.19rem;margin-bottom: 0.12rem;}




/**************************************************************************/
/**************************************************************************/
/*各种屏幕宽度*/
@media screen and (max-width:2048px){html{font-size:273.06667px}}
@media screen and (max-width:1920px){html{font-size:256px}}
@media screen and (max-width:1440px){html{font-size:192px}}
@media screen and (max-width:1600px){html{font-size:213.33333px}}
@media screen and (max-width:1242px){html{font-size:165.6px}}
@media screen and (max-width:1140px){html{font-size:152px}}
@media screen and (max-width:1280px){html{font-size:170.66667px}}
@media screen and (max-width:1024px){html{font-size:136.53333px}}
@media screen and (max-width:1080px){html{font-size:144px}}
@media screen and (max-width:960px){html{font-size:128px}}
@media screen and (max-width:800px){html{font-size:106.66667px}}
@media screen and (max-width:768px){html{font-size:102.4px}}
@media screen and (max-width:736px){html{font-size:98.13333px}}
@media screen and (max-width:732px){html{font-size:97.6px}}
@media screen and (max-width:720px){html{font-size:96px}}
@media screen and (max-width:667px){html{font-size:88.93333px}}
@media screen and (max-width:640px){html{font-size:85.33333px}}
@media screen and (max-width:600px){html{font-size:80px}}
@media screen and (max-width:568px){html{font-size:75.73333px}}
@media screen and (max-width:540px){html{font-size:72px}}
@media screen and (max-width:533px){html{font-size:71.06667px}}
@media screen and (max-width:480px){html{font-size:64px}}
@media screen and (max-width:435px){html{font-size:58px}}
@media screen and (max-width:414px){html{font-size:55.2px}}
@media screen and (max-width:412px){html{font-size:54.93333px}}
@media screen and (max-width:400px){html{font-size:53.33333px}}
@media screen and (max-width:385px){html{font-size:51.33333px}}
@media screen and (max-width:384px){html{font-size:51.2px}}
@media screen and (max-width:375px){html{font-size:50px}}
@media screen and (max-width:360px){html{font-size:48px}}
@media screen and (max-width:320px){html{font-size:42.66667px}}
@media screen and (max-width:300px){html{font-size:40px}}
@media screen and (max-width:240px){html{font-size:32px}}