@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";}
select, input { vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }/*边框不能拖动*/
img {border:0;	vertical-align:middle; /*垂直居中*/}
table { border-collapse:collapse; }
body {
    font: 14px  "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";
    color:#333;
    font-family: 'PingFang SC',Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei","΢ÈíÑźÚ",STHeiti,"»ªÎÄϸºÚ", sans-serif;
}
.clearfix::before,.clearfix::after {
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    overflow: hidden;
    *zoom:1;/*IE/7/6*/
}

.menu_directory {
    padding: 0px 30px;
}
.menu_directory .ivu-select-dropdown{
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0) !important;
    background: rgba(0, 0, 0, 0) !important;
}
.menu_directory .navbar-name{
    font-weight: bold;
    font-size: 16px;
    /*color: #2d374b;*/
}
.menu_directory .ivu-dropdown-rel{
    text-align: center;
}
.menu_directory .menu_directory_drop_down_item {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.menu_directory .menu_directory_drop_down_item:last-child {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 0px solid rgba(255, 255, 255, 0.5);
}

a {    color: #2d374b;text-decoration:none; }
a:hover{text-decoration:none ;color:#333;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;}
s,i,em{font-style:normal;text-decoration:none;}
/*.col-green{color: #38b774!important;}*/

/*公共类*/
.w {
    width: 70%;
    margin:0 auto;
}
.fl {
    float:left
}
.fr {
    float:right
}
.al {
    text-align:left
}
.ac {
    text-align:center
}
.ar {
    text-align:right
}
.hide{
    display:none
}
/*nav样式*/
.nav{
  /*  background: #2288DD;*/
    height: 90px;
    padding: 21px 0 0 0;

 /*   position: fixed;
    top: 0;
    left: 0;
 !*   min-width: 1200px;*!
    width: 100%;

    z-index: 9999;*/
}
.header{
    position: relative;
}
.in_menu{
    position: absolute;
    left: 0;
   z-index: 99999;
    width: 100%;
    font-size: 16px;
    background: #000;
    background-color: rgba(0, 0, 0, 0.8);
    padding-top: 24px;
    padding-bottom: 36px;
}
.demo1>ul>li {
    float: left;
}
.demo_li {
    margin-left:40px;
    margin-top: 16px;
}
.demo_li  .title {
    text-align: left;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}
.demo_li>ul {
    margin-bottom: 26px;
}
.demo_li>ul>li {
    margin-top: 12px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.demo_li>ul>li>a {
    display: inline-block;
    text-decoration: none;
    color: #FFFFFF;
}


.na_navbar>li{
    float: left;


}
.na_navbar>li>a.current {
    color: #2d8cf0;
    border-bottom: 4px solid #2d8cf0;
}
.na_navbar>li>a {
    color:#2d374b;
}
.na_navbar li a {
    color:#2d374b;
}
.na_navbar>li>a:hover{
    border-bottom:4px solid #2d8cf0;
    color: #2d8cf0;
}
.na_navbar>li>a{
	    padding: 0 14px;
    display: block;
    margin:0 20px;
    height:69px;
    text-align: center;
}
.dropdown_no_li{
    padding: 0 0px;
    display: block;
    margin:0 0px;
    height:69px;
    text-align: center;
}
.dropdown_no_li:hover{
    border-bottom:4px solid #2d8cf0;
    color: #2d8cf0;
}
.group{
    overflow: hidden;
}
.na_navbar>li>a .navbar-name{
    font-family: "微软雅黑","Microsoft YaHei";
    font-weight: bold;
    font-size: 16px;
    /*color:#2d374b;*/
}
.eh{
    font-size: 12px;
    /*color: #707070;*/
}
/*.na_logo{
       width: 500px;
       height: 67px;
    background: url(../images/logo.png) no-repeat left 0;
    margin-top: 15px;
    box-shadow: #888888;
        margin-left: 80px;
    background-size: 450px;
}*/
/*@media screen and (max-width: 1500px){
.na_logo {
    margin-left: 10px;
    background-size: 398px;
}
.nav .na_navbar {
    margin-right:90px;
}
}
@media screen and (max-width: 1300px){
.na_navbar {
    margin-right:90px;
}
}*/


/**/
.footer{
    background: #313131;
    height: 240px;
    margin-top: 60px;
}
.footer .foot-left,.foot-right{
    padding-top: 35px;
}
.footer .foot-left p{
    color: #fff;
    line-height: 35px;
}
.foot-right{
    text-align: center;
}
.foot-right p{
    color: #fff;
}
/*侧边栏*/
/* 右侧悬浮 */
.side ul li:last-child{
    display: none;
}
.side{position:fixed;width:164px;height:275px;right:-110px;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;position:relative;margin-top:1px;}
.sidebox i,.code i{ font-size:36px; display:inline-block; text-align:center; line-height:54px;width:54px;height:54px; vertical-align:middle;}
.side ul li .sidebox{position:absolute;width:164px;height:54px;top:0;right:-110px;transition:all 0.3s;background:#000;opacity:0.5;filter:Alpha(opacity=50);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li.sidetop{width:54px;height:54px;line-height:54px;background:#000;;}
.side ul li.sidetop:hover{background:#2d8cf0;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.sidebox span.suspension_text{ display:inline-block; float:right; width:110px; line-height:20px; font-size:14px; font-weight:bold; text-align:center; padding-top:6px;}
.sidebox span.suspension_text em{ display:block; font-style:normal; font-size:14px; font-weight:normal;}
/*二维码*/
.code{width:54px;height:54px;position:relative;transition:all 0.3s;border-bottom:1px solid #444;background:#000;opacity:0.5;filter:Alpha(opacity=50);color:#fff;}
.code:hover{background:#2d8cf0;opacity:1;filter:Alpha(opacity=100);}
.code_down{ display:none; position:absolute; z-index:10; right:46px; top:-25px; width:118px;}
.code_down img{ display:block; width:100px; padding:5px;background:#2d8cf0;filter:Alpha(opacity=100);}
.code_down i{ position:absolute; right:0px; top:24px; font-size:30px; color:#2d8cf0;width:auto; height:auto;}
.sidetop{
    display: none;
}
.silder-box{
    position: fixed;
    top: 60%;
    right: 20px;
}
.silder-box ul li{
    background: #d7d4d4;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 100px;
    cursor: pointer;
    position: relative;
}
.silder-box ul li i{
    font-size: 70px;
    color: #fff;
}
.ewm-box{
    position: absolute;
    top: -23px;
    left: -163px;
    display: none;
}
.wx:hover .ewm-box{
    display: block;
}
.phone{
    width: 150px;
    height: 140px;
    background: #fff;
    border: 5px solid #f00;
    position: absolute;
    top: 0px;
    left: -177px;
    text-align: center;
    display: none;
}
.phone p{
    height: 30px;
    margin-top: -10px;
}
.silder-box .call span{
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: -40px;
    width: 0;
    height: 0;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #f00;
    border-width: 11px 18px;
}
.call:hover .phone {
    display: block;
}