html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, q, em, ul, li, ol, form, article, aside, embed, dl, dt, dd, table, td, th, input, button, legend, fiedlset, blockquote, textarea, label, strong, img, fieldset, b { margin: 0; padding: 0; }
body  { font: 12px '宋体'; color: #666; color:#333}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ul, li { list-style-type: none;}
.clearfix { /*font-size: 0;*/ clear: both; line-height: 0; }
.left { float: left; }
.right{ float: right; }
em, cite { font-style: normal; }
.more {float:right;}
img{border:none; vertical-align: middle;}
a { text-decoration: none;color: #333; }
a:hover { text-decoration: underline; }
.MS_1{overflow: hidden;}
.MS_C_1{overflow: hidden;}
html,body{width:100%;overflow-x:hidden;}
#L_20{width:100%;margin:0 auto;}
#L_21{width:1200px;margin:0 auto;}
#L_22{width:100%;margin:0 auto;}
#M_34 .MS_C_1{background-color: #0b2852;}
#Content_34,#M_34 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_34 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_34 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_34 .h-call{width:100%;height: 40px;}
#M_34 .hc-wrap{width: 1170px;height:40px;margin: 0 auto;line-height: 40px;}
#M_34 .lianxi{float: right;}
#M_34 .lianxi a{;margin: 0 5px}
#M_34 .lianxi a:hover{text-decoration: underline}



@media only screen and (max-width:1279px){
#M_34 .h-call,.c-header,.ch-r{display: none}
}#M_35 .my_logo>a{
      display: flex;
      text-decoration: none;
      max-width: 100%;
      overflow: hidden;
padding: 20px 0;
float:none;
    }
#M_35 .my_logo>a>span>img{
      height: 40px;
    }
#M_35 .logo_title{
      display: flex;
      flex-direction: column;
justify-content: space-around;
    }
 #M_35 .logo_title h1{
      margin: 0;
      padding: 0;
color:#000000;font-family:" Microsoft YaHei";font-size:22px;font-weight:bold;font-style:normal;
    }
#M_35 .logo_title h2{
      margin: 0;
      padding: 0;
color:#000000;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;
    }
#M_35 .my_logo>a>span:nth-child(1){
     display: flex;
    align-items: center;
      }
#M_35 .my_logo>a>span:nth-child(2){
      padding: 0px;
      margin:0px 10px;
      width:1px;
      background-color: #ccc;
      }

@media only screen and (max-width: 760px){
#M_35 .my_logo{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
z-index:100;
}
#M_35 .my_logo>a{
padding:20px;
padding-left:5px;
}
#M_35 .my_logo>a>span>img{
height:34px;
}
#M_35 .logo_title h1{
font-size:16px;
}
#M_35 .logo_title h2{
font-size:12px;
}
#M_35 .my_logo>a>span:nth-child(2){
margin:0 5px;
}
}#Content_36,#M_36 table{color:#333333;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_36 a{color:#333333;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_36 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_36 .nav_li:after{
    content: '';
    display: block;
    position: absolute;
    height: 10px;
    width: 1px;
    background-color: #333;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
#M_36 .nav_li:last-child:after{display:none;}
#M_36 {overflow:visible; box-sizing: border-box;width: 100%;height:90px; transition: all .5s ease;}
#M_36 .MS_C_1 {overflow:visible;}
#M_36 .MS_C_-1 {overflow:visible;}
#M_36 .b-header{width:100%; z-index:100;}
#M_36 .menu_r{float:right;width:100%;height:100%;box-sizing: border-box;
}
#M_36 .b-menu{float:right;}
#M_36 .b-menu li{float:left;position: relative;font-size:12px;}
#M_36 .b-menu li>a{display:block;width:80px;height: 100%;text-align:center;line-height: 90px;}
#M_36 .b-menu li>a:hover,.b-menu li>a.active{text-decoration: none;}
#M_36 .b-menu li>a:hover{background:#000;background:#f66105}
#M_36 .b-menu li
ul{width:100%;position:absolute;top:90px;left:0;text-align:center;z-index:100;background:#fff;display:none;background:#e5e5e5}
#M_36 .b-menu li ul li{ float:none;height:34px; line-height:34px;margin:0; }
#M_36 .b-menu li ul li a{width:100%;height:34px;line-height:34px;}
#M_36 .b-menu li ul li a:hover{ background-color:#eeeeee;background:#f66105}


#M_36 .nav-moblie {width: 34px;height:34px;margin-top: 25px;position: absolute;right:0;top:0;cursor: pointer;display:
table;transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1)
0s;-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;display:none;}
#M_36 .nav-moblie.selected {transform: rotate(0deg);}
#M_36 .nav-moblie a {/*background-color: #d7d7d7;*/display: block;height: 4px;
position: relative;
top: 50%;
width: 100%;
transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
margin: 0;
}

#M_36 .nav-moblie:hover a:before {
transform: translateY(-2px) rotate(0deg);
-webkit-transform: translateY(-2px) rotate(0deg);
-ms-transform: translateY(-2px) rotate(0deg);
}
#M_36 .nav-moblie:hover a:after {
transform: translateY(2px) rotate(0deg);
-webkit-transform: translateY(2px) rotate(0deg);
-ms-transform: translateY(2px) rotate(0deg);
}
#M_36 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-55deg);
-webkit-transform: translateY(0px) rotate(-55deg);
-ms-transform: translateY(0px) rotate(-55deg);
}
#M_36 .nav-moblie.selected:hover a:after {
transform: translateY(0px) rotate(55deg);
-webkit-transform: translateY(0px) rotate(55deg);
-ms-transform: translateY(0px) rotate(55deg);
}
#M_36 .nav-moblie a:after,
#M_36 .nav-moblie a:before {
background-color: #d7d7d7;
display: block;
height: 2px;
left: 0;
position: absolute;
width: 100%;
content:'';
transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

}
#M_36 .nav-moblie a:after { top: 5px;}
#M_36 .nav-moblie a:before { top: -10px;}
#M_36 .nav-moblie.selected a:after,
#M_36 .nav-moblie.selected a:before { top: 0;}
#M_36 .nav-moblie.selected a:before {
background-color: #d7d7d7;
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
#M_36 .nav-moblie.selected a:after {
background-color: #d7d7d7;
transform: translateY(0px) rotate(45deg);
-webkit-transform: translateY(0px) rotate(45deg);
-ms-transform: translateY(0px) rotate(45deg);
}
#M_36 .nav-moblie.selected a {background-color: transparent !important;}
#M_36 .navMobile{display:none;position:fixed;left:0;top:90px;width:100%;height:100%;background:
#fff;padding-bottom:148px;z-index:2;overflow:auto}

#M_36 .firstUl>li{position:relative;line-height: 62px;border-bottom:1px solid #edf2f4;}
#M_36 .firstUl>li>a,.firstD>a{display:block;padding-left:18px;color:#333;font-size:14px;}
#M_36 .firstUl>li.active,.firstD.active{background: #edf2f4;}
#M_36 .firstUl>li.active>a,.firstD.active>a{color:#23bbab;}
#M_36 .firstUl>li:hover{background: #edf2f4;}
#M_36 .firstUl>li>ul{display:none}
#M_36 .firstUl>li>ul li{line-height:40px;}
#M_36 .firstUl>li>ul li:hover{background: #fff;}
#M_36 .firstUl>li>ul li>a{display:block;padding-left:40px;color:#333;font-size:14px;}

#M_36 .firstD>a{position: relative;}
#M_36 .toggle{position: absolute;right:19px;top:29px;display:inline-block;background: url(../images/iconall.png)
no-repeat 0 -160px;width: 10px;height: 6px;}

#M_36
.select{transition: all 0.5s;position:absolute;height:60px;top:0;right:0;width:120px;text-align:left;line-height:60px;z-index:99;display:none;font-family:cursive;text-align:center;}
#M_36 #menu_pc .select{display:none !important;}
#M_36 #menu_moblie>.active .select{
transform:rotate(180deg);
}

#M_36 .nav_uu{position:relative;width:100%;height:calc(100% - 90px);}
#M_36 .nav_uu .firstUl{position:absolute;width:100%;height:100%;overflow:auto}

@media only screen and (max-width:1024px){
/*头部*/
#M_36 .b-header{height:0px;}
#M_36 .b-menu{display:none;}
#M_36 .nav-moblie{display:block;}
/*top*/
#M_36 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
#M_36 .nav-moblie.selected:hover a:after {
transform: translateY(0px) rotate(45deg);
-webkit-transform: translateY(0px) rotate(45deg);
-ms-transform: translateY(0px) rotate(45deg);
}
#M_36 .nav_li:after{display:none;}

}
@media only screen and (max-width:767px){
/*top*/
#M_36{height:0px;border:none;background: none;}
#M_36 .MS_C_1{height:0px;border:none;background: none;}
#M_36 .MS_C_-1{height:0px;border:none;background: none;}
#M_36 .nav-moblie{right: 20px;position: fixed; z-index:1000;}
#M_36 #menu_moblie .hengmenu{overflow: auto;}
#M_36 .select{color:#333333;}
#M_36 .left{float:none !important;}
}
@media only screen and (max-width:330px){
/*top*/
#M_36 .firstUl>li{line-height: 50px;}
#M_36 .toggle{top:23px;}
}#M_37 {width:100%;}
    #M_37 .videoBox {
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: relative;
    }
    #M_37 .banner_ie_video{
    height:auto !important;
    position: relative;
    top:50%;
    transform: translateY(-50%);
    }
    #M_37 .videoBox video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    }
    
    #M_37 .myphone {
    height:220px;
display: none;
    }
    #M_37 .mypc {
    height:660px;
    }
    
    #M_37 .banner_box {
    width: 100%;
    position:relative;
    }
    
    #M_37 .banner_box>div {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    }
    
    @media (max-width:760px) {
    #M_37 .mypc {
    display: none !important;
    }
    
    #M_37 .myphone {
    display: block !important;
    }
    }

#L_23_99{background:url(https://files.b2b.cn/style/2021/1117/a7a62279a606e38eeaa4283a315958ca.jpg) center center / cover no-repeat;;}
#L_23{width:1200px;margin:0 auto;}

#L_24_99{background-color:#3d3d3d;}
#L_24{width:1200px;margin:0 auto;}
#M_38 .MS_C_1{margin:40px 0px 40px 0px  ; }
#Content_38,#M_38 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_38 a{color:#808080;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_38 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_38 .footer_content{
  display: flex;
  align-items: flex-start;
    flex-wrap: wrap;
}
#M_38 .footer_content>li{
  padding: 0 50px 0 0;
margin-bottom:20px;
position: relative;
}
#M_38 .footer_content>li:after{
    content: '';
    display: block;
    width: 0px;
    border-left: 1px solid #3b3b3b;
    position: absolute;
top:0;right:25px;bottom:0;
}
#M_38 .footer_content>li:last-child:after{
    display: none;
}
/*#M_38 .footer_content>li:nth-child(n+2){
  border-left: 1px solid #3b3b3b;
}*/
/*#M_38 .footer_content>li:first-child{
  padding-left: 0px;
}*/
/*#M_38 .footer_content>li:nth-child(5n){
  padding-left: 0px;
 border-left: none;
}*/

#M_38 .footer_content>li>h2{
  color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
  margin-bottom: 15px;
}
#M_38 .footer_content>li>h2::after{
    content: '';
    display: block;
    background-color: #f16120;
    height: 2px;
    width: 25px;
    transition: all 0.5s;
    margin: 15px 0 0;
}
#M_38 .footer_content>li>div>a{
  display: block;
  margin: 10px 0 0;
}


@media (max-width: 760px){

#M_38 .MS_C_1 {
    padding: 0 5%;
    box-sizing: border-box;
margin:20px 0;
}
#M_38 .MS_C_-1 {
    padding: 0 5%;
    box-sizing: border-box;
margin:20px 0;
}
#M_38 .footer_content{
justify-content: space-between;
}
#M_38 .footer_content>li{
width:48%;
    display: flex;
    flex-wrap: wrap;
margin-bottom:10px;
padding:10px;
border: 1px solid #ffffff;
box-sizing: border-box;
}
#M_38 .footer_content>li:after{
display:none;
}
#M_38 .footer_content>li>h2{
    position: relative;
    width:100%;
font-size:16px;
margin-bottom:0px;
}
#M_38 .footer_content>li>h2::after{
position: absolute;
    right: 6px;
    top: 40%;
    width: 9px;
    height: 9px;
    border-top: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    background-color: transparent;
    margin: -3px 0 0;
    -webkit-transform: rotate(135deg) translateX(-50%);
    transform: rotate(135deg) translateX(-50%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
#M_38 .footer_content>li>div{
display:none;
margin-top:10px;
}
#M_38 .footer_content>li>div>a{
    margin:0;
    padding:6px 0;
}
#M_38 .footer_content>li>.open::after{
-webkit-transform: rotate(315deg) translateX(-50%);transform: rotate(315deg) translateX(-50%);
  right: 0;
  margin-top: -6px;
}
}#M_40 .MS_C_1{margin:40px 0px 40px 0px  ; }
#Content_40,#M_40 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_40 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_40 .footer_content{
  display: flex;
  align-items: flex-start;
}
#M_40 .footer_content>li{
  padding: 0 25px;
}
#M_40 .footer_content>li:first-child{
  padding-left: 0px;
}
#M_40 .footer_content>li:nth-child(n+2){
  border-left: 1px solid #3b3b3b;
}
#M_40 .footer_content>li>h2{
  color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
  margin-bottom: 15px;
}
#M_40 .footer_content>li>h2::after{
    content: '';
    display: block;
    background-color: #cf010e;
    height: 2px;
    width: 25px;
    transition: all 0.5s;
    margin: 15px 0 0;
}
#M_40 .footer_content>li>p{
  margin: 10px 0 0;
color:#808080;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
}
#M_40 .footer_content>li>p:hover{
color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
}

@media (max-width: 760px){

#M_40 .MS_C_1 {
    padding: 0 5%;
    box-sizing: border-box;
    margin:20px 0;

}
#M_40 .MS_C_-1 {
    padding: 0 5%;
    box-sizing: border-box;
    margin:20px 0;

}
}#M_41 .MS_C_1{margin:40px 0px 40px 90px  ; }
#Content_41,#M_41 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;}
#M_41 .img_title_content>li:nth-child(1){
  display: flex;
}
#M_41 .img_title_content>li:nth-child(1)>img{
  width: 80px;
  height: 80px;
}
#M_41 .img_title_content>li:nth-child(1)>div{
  margin-left: 10px;
}
#M_41 .img_title_content>li:nth-child(1)>div>h4{
  margin-bottom:10px;
  color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;
}
#M_41 .img_title_content>li:nth-child(1)>div>h1{
  color:#808080;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
}
#M_41 .img_title_content>li:nth-child(2){
  margin-top:20px;
}
#M_41 .img_title_content>li:nth-child(2)>h2{
  color:#ffffff;font-family:" Microsoft YaHei";font-size:20px;font-weight:normal;font-style:normal;
}
#M_41 .img_title_content>li:nth-child(2)>span{
  color:#f16120;font-family:" Microsoft YaHei";font-size:30px;font-weight:bold;font-style:normal;
}

@media (max-width: 760px){

#M_41 .MS_C_1 {
    padding: 0 5%;
    box-sizing: border-box;
margin:20px 0;

}
#M_41 .MS_C_-1 {
    padding: 0 5%;
    box-sizing: border-box;
margin:20px 0;

}
}#M_42 .MS_C_-1{padding:30px 0px ;}
#Content_42,#M_42 table{color:#808080;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_42 a{color:#808080;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_42 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
  #M_42 .myfooter{width:100%;overflow: hidden;text-align: center; box-sizing: border-box;}
  #M_42 .fooP,#M_42 .fooP2{margin-bottom: 10px;;line-height: 18px; display: flex;
  justify-content: center; flex-wrap: wrap;}
#M_42 .fooP{color:#808080;}
  #M_42 .fooP em{display: inline-block;margin:0 7px;}
  #M_42 .fooP a{margin: 0 20px;}
  #M_42 .marSpan{margin-left: 20px;}
  #M_42 .fooP2{width: 100%;}

  @media only screen and (max-width:760px){
  #M_42 .fooP a {margin: 0 12px;}
  }
/*二级菜单横向展开*/
.hengmenu{width:190px !important;}
.hengmenu li{float:left !important;margin-left:10px !important;}
.last_hengmenu{left:-110px !important;}
.phone_layout_active_box_zdx{width:100% !important; padding:0 !important;}