@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0;margin:0;}
fieldset, img{border:0;}
input, label, select, option, textarea, button, fieldset, legend{ font-size:12px; line-height:24px;  }
table{border-collapse:collapse;border-spacing:0;font-size:12px; line-height:24px;  }
ul{list-style:none;}
ol, li { list-style: none; margin:0; padding:0; }
body{color:#666; font-size:12px; line-height:30px; font-weight:normal;  margin:0 auto; width:100%;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
img{ border:0; }

input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea { -webkit-appearance: none;} 

/*字体*/
*{  font-family:"PingFang SC","Source Sans Pro","Helvetica Neue","Microsoft Yahei",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif,PingFangSC-Regular;word-wrap:break-word}
.font36{ font-size:36px;}
.font16{ font-size:16px;}

/*颜色*/
a.bai,a.bai:hover,bai:hover,.bai{color:#fff;}
a.bai2,a.bai2:hover,bai2:hover,.bai2{color:#ccc;}
a.hei,a.hei:hover,hei:hover,.hei{color:#000;}
a.blue,a.blue:hover,blue:hover,.blue{ color:#23BCF9;}
a.org,a.org:hover,org:hover,.org{ color:#F48A23;}
a.red,a.red:hover,red:hover,.red{ color:#f00;}
a.qianhui,a.qianhui:hover,qianhui:hover,.qianhui{ color:#8590A6;}

/*链接字体颜色*/
a{ color:#333; text-decoration:none;}
a:hover{  text-decoration:none; color:#000;-webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease }

/*清除浮动*/
.clear{ clear:both;}
/*左浮动*/
.left{ float:left;}
/*右浮动*/
.right{ float:right;}
/*自适应1440宽度*/
.width1440{ max-width:1440px; margin:0 auto; width:95%; padding:0 2.5%;}
/*自适应1120宽度*/
.width1120{ max-width:1320px; margin:0 auto; width:95%; padding:0 2.5%;}
/*自适应1224宽度*/
.width1224{ max-width:1224px; margin:0 auto; width:95%; padding:0 2.5%;}

.block{ display:block}
.ny_conbg{ background:#F2F4F7;}




/*头部样式*/
header { position:relative;}
header .LogoBar{ height:50px; margin:0 auto; width:100%; padding:0 2.5%;box-sizing: border-box;}
header .LogoBar .logo{ float:left; height:50px; font-size:2.5rem; line-height: 42px;margin: 0;}
header .LogoBar .logo img{ max-width:150px; width:100%; margin-top: 10px;}
header .header-right{
    float: right;
    width: auto;
    display: flex;
}
header .LogoBar .searchbar { width: 240px; padding-top:9px; position:relative;z-index:99; }
header .LogoBar .searchbar .search input{ height:30px;width:calc(80% - 40px); float:right; border:1px solid #D9D9D9; border-radius:2px; border-top-right-radius:0;text-indent: 10px; border-right:0;transition:all .3s linear; font-size:14px; color:#999; outline:0;}
header .LogoBar .searchbar .search:hover input{width:calc(100% - 40px);height:30px; }
header .LogoBar .searchbar .search .search_btn{ width:38px; height:30px;border-radius:2px; float:right; border:1px solid #D9D9D9;border-left:0; background:0; font-size:12px; border-bottom-left-radius:0; cursor:pointer; background:url(../images/search_btn.svg ) no-repeat center; background-size:15px;}
header .LogoBar .searchbar ul{ width: 100%;border:1px solid  #F2F2F2; background:#fff; border-radius:5px;  position: absolute;top: 45px;left:0px;box-sizing: border-box;z-index:99999;}
header .LogoBar .searchbar ul li{line-height: 30px;color:#333;cursor: pointer;padding:0 10px;box-sizing: border-box; }
header .LogoBar .searchbar ul li:hover{background:#5BC2F8;color:white;}
header .LogoBar .searchbar .hidden{display: none; }
header .LogoBar .searchbar .show{display: block; }
header .LogoBar .tel{ line-height:50px; font-size:14px;margin: 0 15px;}
header .LogoBar .tel .tel_bg{ background:url(../images/tel.svg) no-repeat left 0 center; background-size:14px; padding-left:25px;}
header .LogoBar .tel .rexian{ font-size:16px; margin-left:12px;}
header .LogoBar .login_btn{ float:right; width:190px; display:block;}
header .LogoBar .login_btn a{ width:78px; height:28px; line-height:28px; font-size:14px; text-align:center; border-radius:2px; background:0; cursor:pointer; margin:10px 0 0 15px;}
header .LogoBar .login_btn a.denglu{ color:#333; border:1px solid #333;display: block;float: left;}
header .LogoBar .login_btn a.zhuce{ color:#fff; border:1px solid #BF6500; background:#E68110;display: block;float: right;}
header .SjMenu{ display:none;}
header .MenuBar{ position:absolute; left:0; z-index:99998; width:100%; color:#fff; background:url(../images/hei_bg.png) repeat; height:50px; border-top:1px solid #D8DEE5;border-bottom:1px solid #6D7177;transition: top 0.3s; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -o-transition: top 0.3s; -ms-transition: top 0.3s; -moz-transition: top 0.3s;}
header .MenuBar a{ color:#fff;}
header .MenuBar .menuleft{ float:left; width:50px; border-right:1px solid #3E3F43; height:50px; position:relative;}
header .MenuBar .menuleft i{width:50px;height:50px;display:inline-block;background:url(../images/menuleft_bg.svg) no-repeat center;background-size:18px; cursor:pointer;}
header .MenuBar .menuleft:hover i{background:#5BC2F8 url(../images/menuleft_bg.svg) no-repeat center;background-size:18px;}
header .MenuBar .menuleft ul.menu1{position:absolute;left:-1000px;top:51px;background-color:#010C21;width:200px;height:500px;padding:18px 0;cursor:default;transition: left 0.5s; -webkit-transition: left 0.5s;-moz-transition: left 0.5s;-o-transition: left 0.5s;-ms-transition: left 0.5s;-moz-transition: left 0.5s;
 }
header .MenuBar .menuleft:hover ul.menu1{display:block;z-index:3; left:0;}
header .MenuBar .menuleft:hover ul.menu1 li.jiantou{ font-size:14px; line-height:35px; padding:0 9%;background:url(../images/menu_fy.png) no-repeat right 9% center; background-size:12px; cursor:pointer; color:#fff;}
header .MenuBar .menuleft:hover ul.menu1 li.jiantou:hover{background:url(../images/menu_fyblue.png) no-repeat right 9% center; color:#419BF9; background-size:12px;}
header .MenuBar .menuleft ul.menu1 li ul.menu2{position:absolute;left:-1200px;top:0;background-color:#010C21;width:200px; min-height:500px;padding:18px 0;cursor:default;transition: left 0.5s; -webkit-transition: left 0.5s;-moz-transition: left 0.5s;-o-transition: left 0.5s;-ms-transition: left 0.5s;-moz-transition: left 0.5s; visibility:hidden;
  }
header .MenuBar .menuleft ul.menu1 li:hover ul.menu2{display:block; visibility:inherit;z-index:3; left:200px;}

/* 修改添加 */
header .MenuBar .menuleft:hover ul.menu1 li.jiantou .menu2 li{ font-size:14px; line-height:35px; padding:0 9%;background:url(../images/menu_fy.png) no-repeat right 9% center; background-size:12px; cursor:pointer; color:#fff;}
header .MenuBar .menuleft:hover ul.menu1 li.jiantou .menu2 li:hover{background:url(../images/menu_fyblue.png) no-repeat right 9% center; color:#419BF9; background-size:12px;}

header .MenuBar .menuleft:hover ul.menu1 li{ font-size:14px; line-height:35px; padding:0 9%; background-size:12px; cursor:pointer; color:#fff;}
header .MenuBar .menuleft ul.menu1 li ul.menu4{position:absolute;left:-1200px;top:0;background-color:#010C21;width:200px; min-height:500px;padding:18px 0;cursor:default;transition: left 0.5s; -webkit-transition: left 0.5s;-moz-transition: left 0.5s;-o-transition: left 0.5s;-ms-transition: left 0.5s;-moz-transition: left 0.5s; visibility:hidden;
}
header .MenuBar .menuleft ul.menu1 li:hover ul.menu4{display:block; visibility:inherit;z-index:3; left:200px;}

/* end */
header .MenuBar .menuleft ul.menu1 li:hover ul.menu2 li ul.menu3{position:absolute;left:-1200px;top:0;width:900px; padding:0 0;cursor:default; visibility:hidden;
   height:536px;  overflow: hidden;}
header .MenuBar .menuleft ul.menu1 li:hover ul.menu2 li ul.menubg{background-color:#0C172B;}
header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3{display:block; visibility:inherit;z-index:3; left:200px; }
header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li{ background:0; cursor:none; padding:0;background-color:#0C172B; width:930px; height:100%;overflow-y: scroll;}

header .MenuBar .menuleft ul.menu1 li:hover ul.menu2 li ul.zhai{ width:230px;}
header .MenuBar .menuleft ul.menu1 li:hover ul.menu2 li ul.zhai li{ width:260px;}

header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li:hover{ background:0; color:#fff;}
header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li .submenu{ float:left; width:170px;background-color:#0C172B; padding:0 30px 0 30px;}
header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li .submenu .title{ border-bottom:1px solid #4F5359; font-size:16px; margin-bottom:15px; padding-top:20px;}
header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li .submenu a{ font-size:12px; line-height:24px; display:block;}

header .MenuBar .menunav{ float:left; width:calc(100% - 280px); padding-left:20px; position:relative; }
header .MenuBar .menunav ul li{ float:left; line-height:50px; font-size:14px; padding:0 1.5%;}


/*header .MenuBar .menunav ul li.dq{background:url(../images/2line2.jpg) repeat-x left bottom; }
header .MenuBar .menunav ul li.dq a{color:#5BC2F8;}*/
header .MenuBar .menunav ul .active{color:#5BC2F8; display:block;  repeat-x left bottom;}

header .MenuBar .menunav ul li.erji{ position:relative;}
header .MenuBar .menunav ul li.menunav_bg:hover{ background:url(../images/menunav_bg.png) no-repeat center bottom;}

header .MenuBar .menunav ul li .erjimenu{ display:none;}
header .MenuBar .menunav ul li:hover .erjimenu{ display:block; padding-top:1px; position:absolute; left:-20px; top:50px;  width:130px; overflow:hidden; color:#fff; }
header .MenuBar .menunav ul li:hover .column-count2{column-count: 2;width: 370px;column-gap: 0;}
header .MenuBar .menunav ul li:hover .erjimenu a{ display:block; color:#fff;padding: 0 24px 0 15px; font-size:14px; line-height:39px; text-align: left; margin: 0; background: #010C21;}
header .MenuBar .menunav ul li:hover .erjimenu a:hover{ color:#5BC2F8;}

header .MenuBar .menunav ul li:hover a{ color:#5BC2F8;}
header .MenuBar .menunav ul li .menunav_con1{ display:none;}
header .MenuBar .menunav ul li:hover .menunav_con1{ display:block; position:absolute; left:0; top:50px; background:#fff; height:500px; width:100%; border:1px solid #ccc; border-top:0;overflow:hidden; color:#333; }
header .MenuBar .menunav ul li:hover .menunav_con1 ul{ height:500px; width:calc(100% + 30px); display:block;overflow-y: scroll;}
header .MenuBar .menunav ul li:hover .menunav_con1 ul li{ width:22%; line-height:24px; padding:10px 1.5%;}
header .MenuBar .menunav ul li:hover .menunav_con1 ul li .title{ border-bottom:1px solid #ccc; margin-bottom:10px; line-height:35px;}
header .MenuBar .menunav ul li:hover .menunav_con1 ul li a{ display:block; color:#333; line-height:22px; font-size:12px; text-indent:5px;}
header .MenuBar .menunav ul li:hover .menunav_con1 ul li a:hover{ background:#f2f4f5;}
header .MenuBar .menunav ul li .menunav_submenu{ display:none;}
header .MenuBar .menunav ul li:hover .menunav_submenu{ display:block; position:absolute; width:200px; background:#010C21; height:500px; left:0; top:50px; }
header .MenuBar .menunav ul li:hover .menunav_submenu li{ width:90%; padding:0 0 0 10%;}
header .MenuBar .menunav ul li:hover .menunav_submenu li a{ display:block; height:49px; border-bottom:1px solid #808590; line-height:49px; font-size:16px; color:#fff; padding-left:30px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li:hover{ background:#fff;}
header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a{ color:#333;}
header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico1{ background:url(../images/menunav_ico1_bai.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico1{ background:url(../images/menunav_ico1_hui.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico2{ background:url(../images/menunav_ico2_bai.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico2{ background:url(../images/menunav_ico2_hui.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico3{ background:url(../images/menunav_ico3_bai.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico3{ background:url(../images/menunav_ico3_hui.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico4{ background:url(../images/menunav_ico4_bai.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico4{ background:url(../images/menunav_ico4_hui.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico5{ background:url(../images/menunav_ico5_bai.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico5{ background:url(../images/menunav_ico5_hui.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico6{ background:url(../images/menunav_ico6_bai.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico6{ background:url(../images/menunav_ico6_hui.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico7{ background:url(../images/menunav_ico7_bai.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico7{ background:url(../images/menunav_ico7_hui.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico8{ background:url(../images/menunav_ico8_bai.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico8{ background:url(../images/menunav_ico8_hui.svg) no-repeat left center; background-size:22px;}
header .MenuBar .menunav ul li:hover .menunav_submenu li .menunav_con2{ display:none;}
header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2{ display:block; position:absolute; left:200px; width:860px; top:0; background:#fff; height:460px;overflow: hidden; padding:20px; box-shadow:2px 3px 5px #ccc; }
header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 .pro_list{overflow-y: scroll;overflow-x: scroll; width:890px; height:490px;}




header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 .pro_list{ width:25%; float:left;overflow: hidden; }
header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 .pro_list .pro_list2{ width:100%; height:100%;padding-right:30px;overflow-y: scroll;overflow-x: scroll;}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 .title{ color:#111; border-bottom:1px solid #ccc; width:70%; line-height:30px; height:30px; font-size:16px; padding-top:5px;}

header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 a{height:30px; border-bottom:0px solid #808590; line-height:30px; font-size:14px; color:#666; padding-left:0;}
header .MenuBar .lang{ float:right; margin-right:2.5%; font-size:14px; line-height:50px; position:relative;padding:0 12px;cursor:pointer}
header .MenuBar .lang span.lang_bg{background:url(../images/lang.svg) no-repeat left center; background-size:18px; padding-left:23px;}
header .MenuBar .lang i{width:14px;height:14px;display:inline-block;background:url(../images/lang_icon.svg) no-repeat top center;background-size:cover;padding-left:5px}
header .MenuBar .lang ul{position:absolute;right:0;top:51px;background-color:#010C21;width:198px;padding:8px 0;cursor:default;display:none}
header .MenuBar .lang:hover ul{display:block;z-index:3}
header .MenuBar .lang:hover i{width:14px;height:14px;display:inline-block;background:url(../images/arrow_up.png) no-repeat top center;background-size:cover;padding-left:5px}
header .MenuBar .lang ul li{padding:3px 20px;height:30px;line-height:30px;cursor:pointer}
header .MenuBar .lang ul li.line{height:1px;margin:11px 0;padding:0;background-color:#373d41;margin-top:8px;margin-bottom:8px}
header .MenuBar .lang ul li a{display:block;height:100%;white-space:nowrap;color:#fff}
header .MenuBar .lang ul li a:hover{color:#419BF9}
header .MenuBar .lang ul li a span{display:inline-block;width:102px}

.menu_heitiao{
    height:50px;
    background:#000;
}

.pc_header{
    display:block;
    border-bottom: 1px solid #d9d9d9;
}
.sj_header{ display:none;}


@media (min-width: 1700px) {
    header .MenuBar{
      height: auto;
      background: none;
      border: none;
    }
    header .MenuBar .menuleft, header .MenuBar .lang{
      display: none;
    }
    header .MenuBar .menunav ul{
      display: inline-flex;
      position: absolute;
      top: -50px;
      left: calc(5% + 160px);
    }
    header .MenuBar .menunav ul li{
      float: none;
      flex: none;
      padding: 0 10px;
      color: #333;
      margin: 0 5px;
    }
    header .MenuBar .menunav ul li:first-child{
      display: none;
    }
    header .MenuBar a{
      color: #333;
    }
    .menu_heitiao{
        display: none;
    }
}



/* 
* 20190610 ccc
* 落地页
*/
.mean-bar{
	display: none;
}
.test_header{
    margin-bottom: 18px;
    margin-top: 10px;
}
.test_header .wrap{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.test_header .wrap:after{
    content: "";
    display: block;
    clear: both;
}
.test_header .wrap .logo{
    float: left;
}
.test_header .wrap img{
    max-width: 154px;
    width: 100%;
    vertical-align: text-top;
}
.test_header .wrap .nav{
    float: left;
    margin-top: 20px;
	margin-left: 20px;
	max-width: 500px;
    width: 40%;
}
.test_header .wrap .nav li{
    float: left;
    display: inline-block;
    margin: 0 7%;
}
.test_header .wrap .nav a{
    font-size: 16px;
    color: #333;
}
.test_header .lx{
    float: right;
    margin-top: 20px;
}
.test_header .lx .tel{
    margin-right: 44px;
    background: url(/skin/static/images/test/tel.png) no-repeat left center;
    font-size: 18px;
    color: #273992;
    padding-left: 30px;
}
.test_header .lx .zxzx{
    background: url(/skin/static/images/test/blfq.png) no-repeat left center;
    font-size: 18px;
    color: #d92912;
    padding-left: 30px;
}
.test_Banner{
    position: relative;
}
.test_Banner > img{
    width: 100%;
    display: block;
}
.test_Banner .banner_img{
    position: absolute;
    top: 0;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
}
.test_Banner .banner_img img{
    height: calc(90% - 150px);
    margin-top: 2.5%;
}
.test_Banner .banner_bottom{
    position: absolute;
    bottom: 0;
    background-color: rgba(28,2,5,.23);
    height: 150px;
    left: 0;
    right: 0;
}
.test_Banner .banner_bottom ul{
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
}
.test_Banner .banner_bottom li{
    text-align: center;
    display: inline-block;
    width: 25%;
    float: left;
}
.test_Banner .banner_bottom li div{
    opacity: 0.8;
    font-family: PingFangSC-Medium;
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: 1.84px;
    line-height: 42px;
}
.test_Banner .banner_bottom li .top{
    font-family: Arial-Black;
    font-size: 46px;
    color: #C90203;
    letter-spacing: 2.82px;
    line-height: 65px;
}
.test_page{
}
.test_page .test_page_body{
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 0;
}
.test_page .test_page_header{
    font-family: PingFangSC-Semibold;
    font-size: 50px;
    color: #1B1B1B;
    text-align: center;
    line-height: 70px;
    margin-bottom: 60px;
}
.test_page .test_page_header2{
    margin: -45px auto 50px;
    font-family: PingFangSC-Regular;
    font-size: 30px;
    color: #000000;
    text-align: center;
}
.test_page .test_page_header .red{
    font-family: PingFangSC-Semibold;
    font-size: 50px;
    color: #9F0811;
    text-align: center;
}
.test_page .img{
    text-align: center;
}
.test_page .img img{
    max-width: 90%;
}
.test_page .img_li{
    
}
.test_page .img_li ul{
    display: flex;
}
.test_page .img_li ul li{
    text-align: center;
    position: relative;
    padding-bottom: 70px;
}
.test_page .img_li img{
    max-width: 80%;
}
.test_page .img_li .img_li_text{
    font-family: PingFangSC-Regular;
    font-size: 30px;
    color: #000000;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}
.test_page .page-text{
    font-family: PingFangSC-Regular;
    font-size: 30px;
    color: #666666;
    line-height: 42px;
    margin-top: 60px;
    text-align: center;
}
.test_page .page-button{
    text-align: center;
    margin-top: 30px;
}
.test_page .page-button .btn{
    width: 250px;
    height: 70px;
    background: #9F0811;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    line-height: 70px;
    font-family: PingFangSC-Regular;
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: 0;
}
.test_page .icon_li{
}
.test_page .icon_li ul{
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
}
.test_page .icon_li ul li{
    flex: 1;
    text-align: center;
}
.test_page .icon_li img{
    max-width: 80%;
    margin-bottom: 50px;
}
.test_page .icon_li p{
    font-family: PingFangSC-Medium;
    font-size: 30px;
    color: #333333;
    line-height: 42px;
}
.test_page .icon_li p.red{
    color: #A10505;
}
.test_page .swiper-slide{
    text-align: center;
}
.test_page .swiper-slide img{
    max-width: calc(100% - 40px);
}
.test_page iframe{
    margin: -90px auto 70px;
    border: none;
    width: 100%;
    height: 470px;
}

/* #newBridge .nb-middle{
    display: none!important;
}
#newBridge .icon-right-center{
    display: none!important;
} */



/*底部style*/
footer{ background:#333;}
footer .FootSubmenu{ text-align:left; padding:25px 0 10px 0;}
footer .bellows{ display:none;}
footer .FootSubmenu table th{ font-size:12px; line-height:18px; color:#d7d8d9; font-weight:normal; padding-bottom:15px;}
footer .FootSubmenu table td{  line-height:18px; padding:0; margin:0;}
footer .FootSubmenu table td a{ color:#9b9ea0;font-size:12px; position:relative; }
footer .FootSubmenu table td a img{ display:none;}
footer .FootSubmenu table td a:hover img{ display:block; position:absolute; left:0; top:12px; z-index:22; width:200%;}
footer .FootSubmenu table td a:hover{ color:#23BCF9;}
footer .FootSubmenu table td a.bai{ font-size:16px; color:#fff;}
footer .FootSubmenu table td table tr td{ padding-top:8px; width:1%;}
footer .FootSubmenu table td img{ width:100%; max-width:100px; display:block; margin-top:12px;}
footer .FootLink{ font-size:14px; padding:20px 0;}
footer .FootLink .title{ color:#9b9ea0; padding:8px 0;}
footer .FootLink a{ color:#73777a ; padding-right:20px;}
footer .FootLink a:hover{ color:#23BCF9;}
footer .FootCopyright{ line-height:40px; background:#000; text-align:center; color:#73777a;}

footer .FootCopyright a.beian{color:#73777a;margin-right: 5px;}
footer .FootCopyright a.beian:hover{color:#23BCF9;}
/*翻页样式*/
/*.Page{ text-align:center; padding:30px 0;}
.Page a{ border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 4px 9px; border-radius:2px;}
.Page a.nopage{ background:#EFF2F7; color:#D3DCE6;}
.Page a.nopage:hover{background:#EFF2F7; color:#D3DCE6;border:1px solid #D3DCE6;}
.Page a:hover{ background:#387EE8; border:1px solid #387EE8; color:#fff;}
.Page a.thisclass{ background:#387EE8; border:1px solid #387EE8; color:#fff;}*/


.Page{ text-align:left; padding:30px 0; clear:both; overflow:hidden;font-size: 0;}
.Page a{ border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 4px 9px; border-radius:2px;line-height:18px;  margin-bottom: 5px;display:  block;float: left;}
.Page select{ padding:3.5px 8px; border:1px solid #D3DCE6;margin-right:5px; }
.Page a:hover,.Page a.thisclass{ background:#5BC2F8; border:1px solid #5BC2F8; color:#fff;}
/* .Page b{ background:#5BC2F8; border:1px solid #5BC2F8; color:#fff;padding: 4px 9px; border-radius:2px;} */

/*.ht-page{text-align:center}
.ht-page span{vertical-align:middle}
.ht-page a{text-decoration:none;color:#555;outline:0}
.ht-page .pagebtn{ display:none;}
.ht-page .previous{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; border-radius:2px;background:url(static/images/page_left_img.png) no-repeat center}
.ht-page .previous.disable{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 13px 14px;  border-radius:2px;cursor:default;background:#EFF2F7 url(static/images/page_left_disabled.png) no-repeat center;cursor:default}
.ht-page .previous.disable:hover{background:#EFF2F7 url(static/images/page_left_disabled.png) no-repeat center; border:1px solid #D3DCE6;}
.ht-page .previous:hover{background:#387EE8 url(static/images/page_left_hover_img.png) no-repeat center; border:1px solid #387EE8;}
.ht-page .previous a{display:inline-block;padding: 11px 14px 12px 14px;  }
.ht-page .next{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; border-radius:2px;background:url(static/images/page_right_img.png) no-repeat center; }
.ht-page .next:hover{background:#387EE8 url(static/images/page_right_hover_img.png) no-repeat center; border:1px solid #387EE8;} 
.ht-page .next.disable{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 13px 14px;  border-radius:2px;cursor:default;background:#EFF2F7 url(static/images/page_right_disabled.png) no-repeat center}
.ht-page .next.disable:hover{background:#EFF2F7 url(static/images/page_right_disabled.png) no-repeat center;}
.ht-page .next a{display:block;padding: 14px 14px 13px 14px;  }
.ht-page .num{display:inline-block;}
.ht-page .num.current{color:#fff;background:#387EE8; border:1px solid #387EE8;font-size:14px; margin-right:5px;padding: 4px 9px; border-radius:2px;}
.ht-page .num a{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 4px 9px; border-radius:2px;}
.ht-page .num a:hover{color:#fff;background:#387EE8; border:1px solid #387EE8;}
.ht-page .dots{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 4px 9px; border-radius:2px;}
.ht-page .total{ display:none;}
.ht-page .page_jump{ display:none;}
.ht-page .pageInput{ display:none;}

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

	.ht-page .num,.ht-page .dots,.ht-page .total{display:none}
	.ht-page .num.current{display:inline-block;padding:4px 10px}
	.ht-page .total.total_page{display:inline-block}
	.ht-page .pageInput,.ht-page .pagebtn{width:40px}
	.ht-page .pagebtn{display:none}
	.ht-page .page_jump{margin:0 5px}}*/

@media (max-width: 992px) {
.test_header .wrap .nav{
	width: 36%;
}
.test_header .wrap .nav li{
	margin: 0 5%;
}
.test_header .lx .tel{
	margin-right: 20px;
}
}
@media (max-width: 768px) {
/*头部样式*/

.pc_header{ display:none;}
.sj_header{ display:block; position:relative;}
.sj_header .yincsousuo{ }
.sj_header .yincsousuo ul li a{position:absolute; right:48px; top:0px; z-index:999999999;width:30px; height:50px;background:url(../images/search_btn.svg ) no-repeat center; background-size:18px;}
.sj_header .yincsousuo ul li .searchbar{ display:none;}
.sj_header .yincsousuo ul li:hover .searchbar{ display:block; position:absolute; right:0; top:50px; width:100%; z-index:999999999;}
.sj_header .yincsousuo ul li:hover .searchbar .search input{ height:30px;width:calc(100% - 38px); float:right; border:1px solid #D9D9D9; border-radius:2px; border-top-right-radius:0;text-indent: 10px; border-right:0;border-left:0;transition:all .3s linear; font-size:14px; color:#999; outline:0;}
.sj_header .yincsousuo ul li:hover .searchbar .search:hover input{width:calc(100% - 38px);height:30px; }
.sj_header .yincsousuo ul li:hover .searchbar .search .search_btn{ width:38px; height:32px;border-radius:2px; float:right; border:1px solid #D9D9D9;border-right:0;border-left:0;  font-size:12px; border-bottom-left-radius:0; cursor:pointer; background:#fff url(../images/search_btn.svg ) no-repeat center; background-size:15px;}


header .LogoBar{ height:40px;max-width:1440px; margin:0 auto; width:100%; padding:0 0%;}
header .LogoBar .logo{ float:none; width:95%; padding:0 2.5%; height:40px;}
header .LogoBar .logo img{ max-width:130px; width:100%; }
header .LogoBar .searchbar { float:none; width:100%; padding-top:0px; position:relative;z-index:9999; }
header .LogoBar .searchbar .search input{ height:30px;width:calc(100% - 38px); float:right; border:1px solid #D9D9D9; border-radius:2px; border-top-right-radius:0;text-indent: 10px; border-right:0;border-left:0;transition:all .3s linear; font-size:14px; color:#999; outline:0;}
header .LogoBar .searchbar .search:hover input{width:calc(100% - 38px);height:30px; }
header .LogoBar .searchbar .search .search_btn{ width:38px; height:32px;border-radius:2px; float:right; border:1px solid #D9D9D9;border-right:0;border-left:0; background:0; font-size:12px; border-bottom-left-radius:0; cursor:pointer; background:url(../images/search_btn.svg ) no-repeat center; background-size:15px;}
header .LogoBar .searchbar ul{ width: 100%;border:1px solid  #F2F2F2; background:#fff; border-radius:0px;  position: absolute;top: 42px;left:0px;box-sizing: border-box;}
header .LogoBar .searchbar ul li{line-height: 30px;color:#333;cursor: pointer;padding:0 10px;box-sizing: border-box; }
header .LogoBar .searchbar ul li:hover{background:#5BC2F8;color:white;}
header .LogoBar .searchbar .hidden{display: none; }
header .LogoBar .searchbar .show{display: block; }
header .LogoBar .tel{ display:none;}
header .LogoBar .login_btn{ display:none;}

header .MenuBar{ display:none;}
header .SjMenu{ display:block;}
a.meanmenu-reveal { display: none }
.mean-container .mean-bar { float: 99; width: 100%; position: relative; background:#fff; padding: 0px 0; min-height: 50px; z-index: 999999999 }
.mean-container a.meanmenu-reveal { width: 22px; height: 24px; padding: 16px 13px 10px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #999; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700 }
.mean-container a.meanmenu-reveal span { display: block; background: #999; height: 3px; margin-top: 3px }
.mean-container .mean-nav { float: left; width: 100%; background: #010C21; margin-top: 50px }
.mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none ; position:relative;}
.mean-container .mean-nav img{ position:absolute; left:1% ; top:15px;max-width:130px; width:100%;}
.mean-container .mean-nav ul li { position: relative; float: left; width: 100% }
.mean-container .mean-nav ul li a { display: block; float: left; width: 96%; font-size:14px; padding: 0.85em 2%; margin: 0; text-align: left; color: #fff; border-top: 1px solid #383838; border-top: 1px solid rgba(255,255,255,.5); text-decoration: none; text-transform: uppercase }
.mean-container .mean-nav ul li li a {font-size:12px;  width:92%; padding: 1em 4%; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255,255,255,.25); opacity: .75; filter: alpha(opacity=75); text-shadow: none!important; visibility: visible }
.mean-container .mean-nav ul li.mean-last a { border-bottom: 0; margin-bottom: 0 }
.mean-container .mean-nav ul li li li a { width: 88%; padding: 1em 6% }
.mean-container .mean-nav ul li li li li a { width: 84%; padding: 1em 8% }
.mean-container .mean-nav ul li li li li li a { width: 90%; padding: 1em 10% }
.mean-container .mean-nav ul li a:hover { background: #0C172B;  }
.mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 26px; height: 24px; padding: 12px!important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; background: rgba(255,255,255,.1); border: 0!important; border-left: 1px solid rgba(255,255,255,.4)!important; border-bottom: 1px solid rgba(255,255,255,.2)!important }
.mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(0,0,0,.9) }
.mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both }
.mean-nav .wrapper { width: 100%; padding: 0; margin: 0 }
.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.mean-remove { display: none!important }



.menu_heitiao{ display:none;}


/*底部style*/
footer .FootSubmenu{ text-align:left; padding:25px 0 25px 0;}
footer .FootSubmenu table{ display:none;}
footer .bellows{ display:block;}
footer .bellows { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
footer .bellows__header { position: relative; padding: 8px 20px; border: 1px solid #333; border-width: 0 0 1px; background: #232323; color: white; -webkit-tap-highlight-color: transparent; }
footer .bellows__header:active { background: #419BF9; }
footer .bellows__header::before, footer .bellows__header::after { content: ''; position: absolute; top: 50%; right: 20px; z-index: 2; display: block; width: 13px; height: 3px; margin-top: -2px; background: white; pointer-events: none; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; }
footer .bellows__header::before { content: ''; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
footer .bellows__header::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
footer .bellows__item.bellows--is-open > .bellows__header::before,footer  .bellows__item.bellows--is-opening > .bellows__header::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
footer .bellows__item.bellows--is-open > .bellows__header::after,footer .bellows__item.bellows--is-opening > .bellows__header::after { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
footer .bellows__item:last-child > .bellows__header { border-bottom: 0; }
footer .bellows__header h3 { margin: 0; font-size:14px; font-weight:normal; }
footer .bellows__content { padding:10px 20px; background:#0E0E0E; clear:both; overflow:hidden; }
footer .bellows__content a{ color:#fff; display:block; line-height:28px; border-bottom:1px solid #232323;}
footer .bellows__content .ewm_img{ float:left; width:50%; text-align:center; padding:10px 0; }
footer .bellows__content .ewm_img img{ width:80%; max-width:100px;}
footer .bellows__content .bellows { margin-top: 20px; }
footer .bellows__item:not(.bellows--is-open) > .bellows__content {display: none; }
footer .bellows__item.bellows--is-open > .bellows__content-wrapper,footer .bellows__item.bellows--is-closing > .bellows__content-wrapper { display: block; }
footer .bellows__content-wrapper {display: none; }   
footer .FootLink{ font-size:12px; padding:15px 0;}
footer .FootLink .title{ color:#fff; padding:5px 0; font-size:14px;}
footer .FootLink a{ color:#A0A0A1 ; padding-right:20px;}
footer .FootLink a:hover{ color:#fff;}
footer .FootCopyright{ line-height:20px; background:#000; text-align:center; color:#fff;}
footer .FootCopyright a.beian{color:#fff;margin-right: 5px;}
footer .FootCopyright a.beian:hover{color:#23BCF9;}




/* 
* 20190610 ccc
* 落地页
*/
.mean-bar{
	display: block;
}
.mean-bar .mean-nav ul{
	display: none;
}
.test_header{
	display: none;
}
.test_page .test_page_body{
	padding: 36px 0;
}
.test_page .test_page_header{
	font-size: 20px;
	line-height: 34px;
	margin-bottom: 40px;
	padding: 0 20px;
}
.test_page .test_page_header2{
    font-size: 16px;
}
.test_page .test_page_header .red{
    font-size: 20px;
}
.test_page .page-text{
	margin-top: 30px;
	font-size: 20px;
}
.test_page .img_li .img_li_text{
	font-size: 16px;
	padding: 0 16px;
}
.test_page .page-button .btn{
	font-size: 16px;
	width: 160px;
	height: 40px;
	line-height: 40px;
}
.test_page .img img{
	width: calc(100% - 40px);
}
.test_page .icon_li{
	width: calc(100% - 20px);
	margin: 0 auto;
}
.test_page .icon_li img{
	margin-bottom: 20px;
}
.test_page .icon_li ul{

}
.test_page .icon_li ul li{
	padding: 0 6px;
}
.test_page .icon_li p{
	font-size: 14px;
    line-height: 24px;
}
.test_page iframe{
	margin: -50px auto 0px;
	height: 420px;
}

}

 .el-loading-mask{
    position: fixed;
    z-index: 2000;
    background-color: rgba(0,0,0,.4);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
  }
  .el-loading-spinner{
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute;
  }
  .el-loading-spinner .circular{
    height: 50px;
    width: 50px;
    -webkit-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite;
  }
  .el-loading-spinner .path{
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409EFF;
    stroke-linecap: round;
  }
  .el-loading-spinner .el-loading-text{
    color: #409EFF;
    margin: 3px 0;
    font-size: 14px;
  }
  @keyframes loading-rotate{to{transform:rotate(1turn)}}
  @keyframes loading-dash{
    0%{stroke-dasharray:1,200;stroke-dashoffset:0}
    50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}
    to{stroke-dasharray:90,150;stroke-dashoffset:-120px}
  }