@charset "utf-8";
/* CSS Document public*/
*{font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; padding: 0; margin:0; box-sizing:border-box;vertical-align:top; }
*::before, *::after{box-sizing:border-box;}
*:focus{outline:none;}
html{ overflow-x:hidden; }
body{padding:0;margin:0;font-family:"Microsoft Yahei",Arial,Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;/*安卓和 IOS html5 动画卡顿解决方案*//* overflow-x:hidden; */line-height: 1.5;font-size: 16px; background: #e7ddd3; }
a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/
a{color: #181b21; text-decoration:none;cursor:pointer;}
a:active{star:expression(this.onFocus=this.blur());} 
a:hover{text-decoration:none; color:#19755b; }
ul{list-style:none;}
li{list-style-position:outside; list-style-type:none;}
img {
    max-width: 100%;border:0px
}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
h3,h4,h5{ font-weight:normal;}
h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;}
i, em { font-style: normal; }
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}
.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}/*缓慢效果*/
h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/
slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*缓慢效果*/
.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */}
.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*透明代码*/
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/
.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;} 
.hide{ display: none;}
.fangda{ overflow: hidden;}
.fangda:hover{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.ease06 {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.ease03 {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.hov_up {
    transition: .5s;
  }
  .hov_up:hover{
      transform:translateY(-10px);
      box-shadow: 0 0 15px rgba(0,0,0,.1);
  }
/*transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg);*/  /*180度旋转*/
/*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/
/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/  /*透明背景*/

.a_body{ position:relative; height:100%}
::-webkit-scrollbar {width:5px;height:5px; background:#f1f1f1}
::-webkit-scrollbar-track {border-radius:2.5px; background:#f1f1f1}
::-webkit-scrollbar-thumb {border-radius:2.5px; background:#707c82}

input::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;}

textarea::-webkit-input-placeholder{ color:#999;}
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;}
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
  }
  
  @-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
  }

/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.clearfix{*zoom:1}
.clear {display:block;clear:both;height:0;overflow:hidden;}

.ui-nowrap {overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.ui-nowrap2 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ui-nowrap3 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.more{display: block;width: 176px;height: 42px;text-align: center;line-height: 42px;color: #FFFFFF;font-size: 14px;overflow: hidden;position: relative;z-index: 0;border-radius: 43px; }
.more::after{content: '';width: 0;height: 100%;background-color: #1e73d0;position: absolute;top: 0;left:0px;transition: all .3s;z-index: -1; border: 0px solid #1e73d0;}
.more:hover::after{width: 100%;}
.more:hover{color: #fff;}

/*******************************
    -------[=手机导航]-------
********************************/
.header_tel{ height:65px; width:100%; position: fixed;top:0; left: 0; z-index: -195; display: none; background:#fff;align-items: center; display: flex;opacity: 0; }


.menuBtn {
    position: fixed;top: 22px;
    right:2.5%;width: 28px;height: 20px;
    display: none;cursor: pointer;z-index: 1000;
}
.menuBtn em {margin-bottom: 6px;display: block;height: 3px;background-color: #000; border-radius: 58px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
.menuBtn.on em {display: none;margin: -2px 0 0; position: absolute;top: 50%;width: 30px;}
.menuBtn.on em:first-child {display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.on em:last-child {display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);}
#aside {
    display: none;
    position: fixed;
    top: 65px;left: 0;right: 0;
    background-color: #fff;
    z-index: 110;
    border-top: 1px solid #e9e9e9;
    -moz-box-shadow:0px 2px 5px rgba(0,0,0,.1); 
    -webkit-box-shadow:0px 2px 5px rgba(0,0,0,.1); 
    box-shadow:0px 2px 5px rgba(0,0,0,.1);
}
#aside .menu { height: 500px; overflow-y:auto}
#aside .menu li{
    font-size: 16px;
}
#aside .menu li a{
    display: block;
    color: #888;
    height: 50px;
    line-height: 49px;
    border-bottom: 1px solid #ebebeb;
    white-space: nowrap;overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative;
}
#aside .menu li a::before{
   
}
#aside .menu li > a{
    color: #353535;
    padding: 0 10px;
}
#aside .menu li.h-sub > a{
    position: relative;
}
#aside .menu li.h-sub > a::before{
    position: absolute;
    right: 15px;
    font-family: 'FontAwesome';
    content: "\f105";
    font-size: 20px;   
}
#aside .menu li.h-sub.open > a{
    position: relative;
}
#aside .menu li.h-sub.open > a::before{
    position: absolute;
    right: 15px;
    font-family: 'FontAwesome';
    content: "\f107";
    font-size: 20px;  
    color:crimson;
}
#aside .menu li a:hover{color: #000;}
#aside .sub-nav{display: none;}
#aside .sub-nav dd{padding-left: 10px;font-size: 14px;}


#aside .lg{
    padding: 10px 0 30px;
    text-align: center;
}
#aside .lg a{
    display: inline-block;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    margin: 0 10px;
    color: #353535;
    border-bottom: 1px solid #353535;
}
#aside .lg a.on{
    color: #e84044;
    border-bottom: 1px solid #e84044;
}



.footer_tabbar{width:100%; height:42px; margin:0 auto; position:fixed; z-index: 99999; bottom:0; left:0; background:#1f1f1f; z-index:1000; font-family:'iconfont' }
.footer_tabbar a{display:block; width:25%; height:42px; line-height: 42px; float:left; text-align:center; color: #fff; font-size: 18px;}
.footer_tabbar a i{height: 42px; line-height: 42px;}
.footer_tabbar { display: none;}

/*分页*/
#pages {
    text-align: center; margin-top: 30px;
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
	width: auto;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #2c4a2a;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #2c4a2a;
}

#pages li:hover a {
    color: #fff;
}