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_1{width:100%;margin:0 auto;}
#L_2{width:100%;margin:0 auto;}
#L_3{width:100%;margin:0 auto;}
#L_4{width:100%;margin:0 auto;}
#M_1 .MS_C_1{background-color: #eeeeee;}
#Content_1,#M_1 table{color:#949fa5;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_1 a{color:#949fa5;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_1 a:hover{color:#949fa5;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_1 .h-call{width:100%;height: 40px;}
#M_1 .hc-wrap{width: 1170px;height:40px;margin: 0 auto;line-height: 40px;}
#M_1 .lianxi{float: right;}
#M_1 .lianxi a{;margin: 0 5px}
#M_1 .lianxi a:hover{text-decoration: underline}



@media only screen and (max-width:1279px){
#M_1 .h-call,.c-header,.ch-r{display: none}
}#M_7 .MS_T_1 h3{color:#0069d1;font-family:"Microsoft YaHei";font-size:40px;font-weight:bold;font-style:normal;}
#M_7 .MS_T_1 a{color:#6e6e6e;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_7 .MS_T_1 a:hover{color:#6e6e6e;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_7 .MS_C_1{background-color: #ffffff;}
#Content_7,#M_7 table{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
#Content_7 a{color:#6e6e6e;font-family:"Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
#Content_7 a:hover{color:#ff5656;font-family:"Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
 #M_7 .top_titles_phones{max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; padding: 25px 0; box-sizing: border-box; }
   #M_7 .top_titles_phones>div:nth-child(1){display: flex;}
   #M_7 .top_titles_phones>div:nth-child(1)>span{height: 100%; width: 1px; background-color: #d8c2c2; margin: 0 24px;}
   #M_7 .top_titles_phones>div:nth-child(1)>p{max-width: 550px; letter-spacing: 5.9px;overflow: hidden;}
   #M_7 .top_titles_phones .phoneicons{margin-right: 10px;}
   #M_7 .top_titles_phones>div:nth-child(2) h5 {text-align: right; color:#6e6e6e;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_7 .icon-dianhua{color:#0069d1;font-family:"Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal; margin-right:10px;}
@media (max-width:760px) {
#M_7 .top_titles_phones>div:nth-child(1)>span{margin:0 8px;}
#M_7 .top_titles_phones{flex-wrap: wrap; padding: 20px 10px;}
#M_7 .top_titles_phones>div{width:100%; text-align: right; width: 100%; display: block;}
#M_7 .top_titles_phones>div:nth-child(1){justify-content: space-around;}
#M_7 .top_titles_phones>div:nth-child(1) h1 h3 {font-size:30px;}
#M_7 .top_titles_phones>div:nth-child(1) p a{font-size:14px;}
#M_7 .top_titles_phones>div:nth-child(1) p a:hover{font-size:auto;}
#M_7 .top_titles_phones>div:nth-child(1) p{max-width:175px;}
}
#M_8 .MS_C_1{background-color: #108cd3;}
#Content_8 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_8 a:hover{color:#ffffaa;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_8 {height:80px; transition: all 1s;}
#M_8 .add_phones_title{display:block !important;font-size: initial; line-height: initial; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; transition: all 1s;}
#M_8 .add_phones_title h5{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal; text-align: right;}
#M_8 .add_phones_title a{color:#ffffff;font-family:" Microsoft YaHei";font-size:20px;font-weight:bold;font-style:normal;}
#M_8 .add_phones_title a .icon-dianhua{font-size:20px;}

.banner_topdong_actives {position: fixed; top:80px; z-index:9;  transition: all 1s;}
.title_top_donghua{    position: fixed;  top: 0; left: 0; z-index: 10; width: 100%; transition: all 1s;}
#M_8 .b-header_actives{height:50px !important; transition: all 1s;}
#M_8 .b-menu_li_a_actives{line-height: 50px !important; transition: all 1s;}

#M_8 {overflow:visible}
#M_8 .MS_C_1 {overflow:visible}
#M_8 .b-header{height:80px;width:100%;position: relative;z-index:99; }
#M_8 .menu_r{float:right;width:100%;height:100%;position:relative;z-index:99}
#M_8 .b-menu{display: flex; max-width: 1200px; margin: 0 auto; justify-content: space-between;}
#M_8 .b-menu li{;position: relative;font-size:12px; margin:0 20px;}
#M_8 .b-menu li>a{display:block;width:100px;height: 100%;text-align:center;line-height: 80px;}
#M_8 .b-menu li>a:hover,.b-menu li>a.active{text-decoration: none;}
#M_8 .b-menu li>a:hover{background:#000;background:#56aaff}
#M_8 .b-menu li
ul{width:100%;position:absolute;top:80px;left:0;text-align:center;z-index:100;background:#fff;display:none;background:#108cd3}
#M_8 .b-menu li ul li{ float:none;height:34px; line-height:34px;margin:0; }
#M_8 .b-menu li ul li a{width:100%;height:34px;line-height:34px;}
#M_8 .b-menu li ul li a:hover{ background-color:#eeeeee;background:#56aaff}
#M_8 {height:60px; transition: all 1s;}

#M_8 .b-header{height:60px;width:100%;position: relative;z-index:99; }

#M_8 .b-menu li>a{display:block;width:100px;height: 100%;text-align:center;line-height: 60px;}


#M_8 .b-menu li
ul{width:100%;position:absolute;top:60px;left:0;text-align:center;z-index:100;background:#fff;display:none;background:#108cd3}

#M_8 .nav-moblie {width: 34px;height:34px; z-index: 1000; position: absolute;right:0;top: 50%; transform: translateY(-50%); 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_8 .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_8 .nav-moblie:hover a:before {
transform: translateY(-2px) rotate(0deg);
-webkit-transform: translateY(-2px) rotate(0deg);
-ms-transform: translateY(-2px) rotate(0deg);
}
#M_8 .nav-moblie:hover a:after {
transform: translateY(2px) rotate(0deg);
-webkit-transform: translateY(2px) rotate(0deg);
-ms-transform: translateY(2px) rotate(0deg);
}
#M_8 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-55deg);
-webkit-transform: translateY(0px) rotate(-55deg);
-ms-transform: translateY(0px) rotate(-55deg);
}
#M_8 .nav-moblie.selected:hover a:after {
transform: translateY(0px) rotate(55deg);
-webkit-transform: translateY(0px) rotate(55deg);
-ms-transform: translateY(0px) rotate(55deg);
}
#M_8 .nav-moblie a:after,
#M_8 .nav-moblie a:before {
background-color: #ffffff;
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_8 .nav-moblie a:after { top: 5px;}
#M_8 .nav-moblie a:before { top: -10px;}
#M_8 .nav-moblie.selected a:after,
#M_8 .nav-moblie.selected a:before { top: 0;}
#M_8 .nav-moblie.selected a:before {
background-color: #ffffff;
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
#M_8 .nav-moblie.selected a:after {
background-color: #ffffff;
transform: translateY(0px) rotate(45deg);
-webkit-transform: translateY(0px) rotate(45deg);
-ms-transform: translateY(0px) rotate(45deg);
}
#M_8 .nav-moblie.selected a {background-color: transparent !important;}
#M_8 .navMobile{display:none;position:relative;left:0;top:80px;width:100%;background:
#fff; z-index:2;overflow:auto; transition: top 1s;}

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

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

#M_8
.select{position:absolute;font-size: 20px; 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_8 #menu_pc .select{display:none !important;}


#M_8 .nav_uu{width:100%;}
#M_8 .nav_uu .firstUl{;width:100%;overflow:auto}

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

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

}
@media only screen and (max-width:767px){
/*top*/
#M_8 .nav-moblie{right: 20px;}
}
@media only screen and (max-width:330px){
/*top*/
#M_8 .firstUl>li{line-height: 50px;}
#M_8 .toggle{top:23px;}
}#M_9 .MS_T_1 h3{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
#M_9 .MS_T_1 a{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
#M_9 .MS_T_1 a:hover{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
#Content_9,#M_9 table{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_9 a{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_9 a:hover{color:#56aaff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_9 {height:530px;}
   #M_9 .videoBox {
      width: 100%;
      overflow: hidden;
      height: 100%;
      position: relative;
    }
#M_9 .banner_ie_video{
      height:auto !important;
      position: relative;
      top:50%;
      transform: translateY(-50%);
}
   #M_9 .videoBox video {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }

   #M_9 .swiper-button-prev {
      width: 80px !important;
      height: 80px !important; 
       transform: translateY(-50%);
      opacity: 0.6;
      transition: all 0.3s;
    }

   #M_9 .swiper-button-next {
      width: 80px !important;
      height: 80px !important;
      transform: translateY(-50%);
      opacity: 0.6;
      transition: all 0.3s;
    }

 #M_9 .swiper-button-next {
      background-image: url(//img.b2b.cn/skin/template_passport_img/right2x.png);
      background-size: 30%;
    }

  #M_9 .swiper-button-prev {
      background-image: url(//img.b2b.cn/skin/template_passport_img/left2x.png);
      background-size: 30%;
    }

   #M_9 .swiper-button-prev-next:hover {
      opacity: 1 !important;
      background-size: 40% auto !important;
    }

   #M_9 .hiddens {
      display: none;
    }

  #M_9 .hiddens,
    .shows {
      width: 100%;
      height: 100%;
    }

   #M_9 .swiper-container img {
      width: 100%;
      height: auto;
    }

   #M_9 .swiper-slide {
      width: 100%;
      height: 100%;
    }


  #M_9 .swiper-pagination-bullet{
      /* text-align: right !important;
      padding-right: 8%; */
      margin-bottom: 10px;
      box-sizing: border-box;
      opacity: .5;
      background: #aad4ff;
    }
   #M_9 .swiper-pagination-bullet-active{
     /* color: #1D140E !important;
      text-shadow: 1px 1px #cfeeec,-1px -1px #cfeeec,1px -1px #cfeeec,-1px 1px #cfeeec;
      font-size: 44px; */
     background: #ffffff;
         opacity: 1;
    }
   #M_9 .swiper-pagination-total{
      font-size: 30px;
    }
  #M_9 .swiper-slide>div {
      width: 100%;
      height: 100%;
      /* background: linear-gradient(rgba(52, 52, 90, 0.1) 0%, rgba(34, 34, 37, 0.5) 100%); */
      /* background-color: rgba(34, 34, 37, 0.5); */
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
    }

   #M_9 .swiper-slide>div>.gotop-text {
      width: 100%;
      position: absolute;
      top: 35%;
      right: 40%;
      opacity: 0;
      transition: all 0.5s ease-out;
      z-index: 3;
    }

   #M_9 .swiper-slide h1 {
      text-align: center;
      font-size: 48px;
      font-weight: 700;
      letter-spacing: 10px;
      opacity: 0.1;
      text-align: right;
      padding-right: 10%;
      margin-bottom: 10px;
      animation-delay: 0.4s;
color:#ffffff;font-family:"Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;
    }

   #M_9 .swiper-slide a {
      width: 100%;
      height: 100%;
      display: block;
    box-sizing: border-box;
    letter-spacing: 4px;
padding:0px 40px;
      line-height: 50px;
    }

   #M_9 .swiper-slide button {
      cursor: pointer;
      border: 1px #ffFFFF solid;
      border-radius: 6px;
      display: block;
      margin: 0 auto;
margin-right: 10%;
      background: linear-gradient(rgba(255,255,255,0.9) 50%, rgba(0,0,0,0) 50%);
      background-size: 100% 200%;
      background-position: 0 100%;
      opacity: 0.1;
      animation-delay: 0.4s;
      transition: all 0.2s;
    }

  #M_9 .swiper-slide button:hover {
  background-position: 0 0%;
    }

    .h1_actives {
      animation: dropdown 0.8s forwards ease-out;
    }

    .h4_actives {
      animation: dropdown 0.5s forwards ease-out;
    }

    .button_actives {
      animation: buttondonghua 0.5s forwards ease-out;
    }

   #M_9 .swiper-slide p {
      text-align: center;
      letter-spacing: 4px;
      animation-delay: 0.4s;
      opacity: 0.1;
      text-align: right;
      padding-right: 10%;
      margin-bottom: 30px;
      /* animation: dropdown 1s forwards ease-out; */
    }

    .swiperh1-active {
      right: 0% !important;
      opacity: 1 !important;
    }
.swiperh1-active-bottom {
    transform: scale(0.9);
    opacity: 0.1 !important;
}
    @keyframes dropdown {
      0% {
        opacity: 0.2;
      }

      20% {
        opacity: 0.3;
      }

      60% {
        opacity: 0.4;
      }

      70% {
        opacity: 0.5;
      }

      100% {
        opacity: 1;
      }
    }

    @keyframes buttondonghua {
      0% {
        opacity: 0.2;
      }

      20% {
        opacity: 0.3;
      }

      60% {
        opacity: 0.5;
      }

      70% {
        opacity: 0.7;
      }

      100% {
        opacity: 1;
      }
    }

    @media (max-width:760px) {
 #M_9 .swiper-slide>div{background-color: rgba(34, 34, 37, 0.5);}
     #M_9 .shows {
        display: none !important;
      }

    #M_9 .hiddens {
        display: block !important;
      }
     #M_9 .swiper-button-prev-next{display: none !important;}
   #M_9 .swiper-slide h1 {font-size:30px; letter-spacing: 2px; padding-right: 6%;}
   #M_9 .swiper-slide p {font-size:18px; letter-spacing: 2px; padding-right: 6%;}
   #M_9 .swiper-slide a {line-height: 36px; font-size:14px; letter-spacing: 2px; padding:0 20px;}
   #M_9 .swiper-slide button{margin-right:6%;}
    }
#L_5{width:100%;margin:0 auto;}
#L_6{width:100%;margin:0 auto;}
#L_6{background-color:#ffffff;}
#L_7{width:100%;margin:0 auto;}
#L_7{background:url(//files.b2b.cn/skin/2021/0810/7a653b0344fe38cc24ce37370151fcbc.jpg) no-repeat center 0;}
#L_8{width:100%;margin:0 auto;}
#M_10 .MS_T_1 h3{color:#002034;font-family:"Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
#M_10 .MS_T_1 a{color:#949fa5;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_10 .MS_T_1 a:hover{color:#ffaa56;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_10 .MS_C_1{background-color: #f1f2f4;}
#Content_10 a{color:#949fa5;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_10 a:hover{color:#ffaa56;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
   #M_10 .cooperation_peopletit .cooperation_titles>div:nth-child(1){display: flex !important; flex-direction: column; flex-flow: column-reverse;}
   #M_10 .cooperation_peopletit .cooperation_titles>div:nth-child(1) h3{margin-bottom:5px;}
   #M_10 .cooperation_peopletit{width: 100%; max-width: 1200px; overflow: hidden; margin: 0 auto; margin-top:50px; margin-bottom:30px;}
   #M_10 .cooperation_peopletit>div:nth-child(1){width: 100%; display: flex; justify-content: space-between; box-sizing: border-box;}
   #M_10 .cooperation_peopletit>div:nth-child(1) .call_phones{display: flex; align-items: flex-end;}
   #M_10 .call_phones>span:nth-child(1){margin-right: 8px;}
   #M_10 .icon-chuanzhen{font-size: inherit;}
   #M_10 .cooperation_peopletit>div:nth-child(1)>span{max-width:50%;}
   #M_10 .cooperation_peopletit>div:nth-child(1)>a{max-width:50%;}

 @media  (max-width:760px) {
#M_10 .cooperation_peopletit>div:nth-child(1){padding: 0 20px; flex-wrap: wrap;}
#M_10 .cooperation_peopletit>div:nth-child(1)>span{max-width:100%; width:100%;}
#M_10 .cooperation_peopletit>div:nth-child(1)>.call_phones{max-width:100%; width:100%;justify-content: flex-end; margin-top:10px;}
}#M_11 .MS_C_1{background-color: #f1f2f4;}
#M_11 .cooperation_people{width: 100%; max-width: 1200px; overflow: hidden; margin: 0 auto; margin-bottom:50px;}
#M_11 .cooperation_people .cooperation_people_swiper{width: 100%; height: 120px; background: #ffffff;}
#M_11 .cooperation_people .cooperation_people_swiper .swiper-slide div{width: 100%; height: 48px; border-right: 1px #d0b1b1 solid; position: absolute; top: 50%; left: 1px; transform: translateY(-50%) scale(0); opacity:0;}
.swiper-slide_hezuo_box_actives{transform: translateY(-50%) scale(1) !important; opacity:1 !important;}
#M_11 .cooperation_people .cooperation_people_swiper .swiper-slide img{max-width: 70%; max-height: 100%; margin: 0 auto; display: block;}
#M_11 .cooperation_people .cooperation_people_swiper .swiper-slide img:hover{transform: scale(1.4); transition: all 0.5s;}

@media (max-width:760px){
#M_11 .cooperation_people .cooperation_people_swiper .swiper-slide img:hover{transform: scale(1.1); transition: all 0.5s;}
}


#M_11 .cooperation_people .cooperation_people_swiper .swiper-slide:nth-child(1)>div{transition: all 0.5s ease 0.1s;}
#M_11 .cooperation_people .cooperation_people_swiper .swiper-slide:nth-child(2)>div{transition: all 0.5s ease 0.2s;}
#M_11 .cooperation_people .cooperation_people_swiper .swiper-slide:nth-child(3)>div{transition: all 0.5s ease 0.3s;}
#M_11 .cooperation_people .cooperation_people_swiper .swiper-slide:nth-child(4)>div{transition: all 0.5s ease 0.4s;}
#M_11 .cooperation_people .cooperation_people_swiper .swiper-slide:nth-child(5)>div{transition: all 0.5s ease 0.5s;}
#M_11 .cooperation_people .cooperation_people_swiper .swiper-slide:nth-child(6)>div{transition: all 0.5s ease 0.6s;}
#M_11 .cooperation_people .cooperation_people_swiper .swiper-slide:nth-child(n+6)>div{transition: all 0.5s ease 0.3s;}
#M_12 .MS_T_1 h3{color:#002034;font-family:"Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
#M_12 .MS_T_1 a{color:#949fa5;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_12 .MS_T_1 a:hover{color:#ffaa56;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_12 .MS_C_1{background-color: #ffffff;}
#Content_12,#M_12 table{color:#949fa5;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_12 a{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
#Content_12 a:hover{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
#M_12 .contentbox3 .productstitcenter>div:nth-child(1){display: flex !important; flex-direction: column; flex-flow: column-reverse;}
#M_12 .contentbox3 .productstitcenter .more {padding-bottom:18px;}
#M_12 .contentbox3 .productstitcenter h3{margin-bottom:5px;}
#M_12 .contentbox3 .product_navlists>div{padding: 0 20px 0px 20px; transition: all 0.3s; cursor: pointer;}
#M_12 .contentbox3 .product_navlists>div:hover{color:#1284CF; color:#1284cf;font-family:"Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_12 .contentbox3 .product_navlists span{display:block; margin-bottom:18px; position:relative;}
.product_navlists_span_actives{color:#1284CF; color:#1284cf;font-family:"Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_12 .contentbox3 .product_navlists p{background:#1284cf; display:none; width:100%; height:2px; position:absolute; bottom:-18px; transition: all 0.3s;}
#M_12 .contentbox3 .product_navlists div:nth-child(1) p {display:block;} 
#M_12 .contentbox3 .product_navlists>div:last-child i{display: none;}
#M_12 .contentbox3 .product_navlists>div i{display:block; height:100%; width:1px; position:absolute; top:0; right:-20px; background:#d0b1b1;}


#M_12 .contentbox3{width:100%; max-width:1200px; margin: 0 auto; margin-top:50px; box-sizing: border-box;}
#M_12 .contentbox3>div:nth-child(1){width: 100%; display: flex; justify-content: space-between; box-sizing: border-box; border-bottom:1px #d0b1b1 solid;}
#M_12 .contentbox3 .product_navlists{display: flex; align-items: flex-end;}
#M_12 .product_items_center {padding-top:30px; width:100%; position: relative;z-index:10;}
#M_12 .product_items_center>div:nth-child(1) {position: relative; z-index:10; width: 100%; box-sizing: border-box;}
#M_12 .product_items_center>div:nth-child(1) .contentbox4{position:absolute; top:0; left:0; width:100%; opacity:0; transform: scale(0); transition: all 2s;}
.product_items_center_box_actives{opacity:1 !important; transform: scale(1) !important; transition: all 1s !important;}

#M_12 .product_items_center>div:nth-child(1) .contentbox4>div:nth-child(1){display: flex; flex-wrap: wrap; justify-content: space-between;}
/*anim*/
#M_12 .product_items_center>div:nth-child(1) .contentbox4 span{width:257px; margin-bottom: 40px;}
#M_12 .product_items_center>div:nth-child(1) .contentbox4 span:hover{box-shadow: 0 0 20px 6px #bdb5b5; transition: all 0.5s;}
#M_12 .product_items_center>div:nth-child(1) .contentbox4 img{width:257px; height:257px;}
#M_12 .product_items_center>div:nth-child(1) .items-flexbox{width:257px; overflow: hidden;}
#M_12 .product_items_center>div:nth-child(1) .contentbox4 >div span div {width:100%; padding:20px 10px; box-sizing: border-box; background:#e4e4e4; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#4c4c4c;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_12 .product_items_center>div:nth-child(1) .contentbox4 span a{width: 257px; height: 257px; overflow: hidden; display: block;}
#M_12 .product_items_center>div:nth-child(1) .contentbox4 img:hover{
animation: chandongdonghua 0.5s 1 forwards;}

@media (max-width:760px){
#M_12 .contentbox3{padding: 0 20px;}
#M_12 .contentbox3>div:nth-child(1){flex-wrap: wrap;}
#M_12 .contentbox3 .product_navlists{flex-wrap: wrap;}
#M_12 .contentbox3 .product_navlists>div{margin-top:20px; padding:0 18px 0 0;}
#M_12 .contentbox3 .product_navlists>div i{right:-10px;}
#M_12 .product_items_center>div:nth-child(1) .contentbox4>div:nth-child(1){justify-content: center;}
#M_12 .product_items_center>div:nth-child(1) .contentbox4{transition: all 0.8s;}
#M_12 .product_items_center>div:nth-child(1) .contentbox4 span {margin-bottom:20px;}


}
@media (max-width:560px){
#M_12 .product_items_center>div:nth-child(1) .contentbox4 span a{width:100%; height:auto;}
#M_12 .product_items_center>div:nth-child(1) .contentbox4 img {width:100%; height:auto;}
#M_12 .product_items_center>div:nth-child(1) .contentbox4 span {width:100%;}
}
    @keyframes chandongdonghua {
      0% {
        transform: scale(1);
      }
      100% {
        transform: scale(1.2);
      }
    }#M_13 .MS_T_1 h3{color:#ffffff;font-family:"Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
#M_13 .MS_T_1 a{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_13 .MS_T_1 a:hover{color:#ffaa56;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_13,#M_13 table{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
#Content_13 a{color:#ffffff;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_13 a:hover{color:#ffaa56;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
    #M_13 .honner_title{width: 100%; max-width: 1200px; overflow: hidden; margin: 0 auto; margin-top:50px; margin-bottom:30px;}
    #M_13 .honner_title .honner_clones_t>div:nth-child(1){display:flex !important; flex-direction: column; flex-flow: column-reverse;} 
    #M_13 .honner_title>div:nth-childe(1){display: flex;justify-content: space-between;box-sizing: border-box; border-bottom: 1px #d0b1b1 solid;}
    #M_13 .honner_title .honner_clones_t .more{opacity:0.6;}
    #M_13 .honner_title .honner_clones_t h3{margin-bottom:5px;}
    #M_13 .honner_title>div:nth-child(1)>a{max-width: 50%;display: flex; align-items: flex-end;}
    #M_13 .honner_title .honner_clones_t{max-width: 50%;}

    #M_13 .honner_title>div:nth-child(1){border-bottom: 1px rgba(255,255,255,0.2) solid; padding-bottom:18px; position: relative; z-index: 1;display: flex;justify-content: space-between; box-sizing: border-box;}
    @media (max-width:760px) {
     #M_13 .honner_title>div:nth-child(1){margin: 0 20px; box-sizing: border-box;flex-wrap: wrap;}
     #M_13 .honner_title .honner_clones_t{max-width: 100%; width:100%;}
     #M_13 .honner_title>div:nth-child(1)>a{max-width: 100%;width: 100%;justify-content: flex-end;margin-top: 10px;}
    }

#M_13 .honner_back_zhezhao{position: absolute; top: 0; left: 0; z-index: 0; width:100%; height:100%; background:#0266cd; opacity:0.4;}#Content_14,#M_14 table{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_14 a{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
#Content_14 a:hover{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
#M_14 .number_content{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; box-sizing: border-box; padding: 0 0 30px 0;
    overflow: hidden;
    justify-content: space-between;
    }
    #M_14 .counter>span:nth-child(2){display: none;}
    #M_14 .nums_actives{
    min-width: 15%;
    position: relative;
    box-sizing: border-box;
    opacity: 0;
padding: 30px 0 18px 0;
margin: 0 0 20px 0;
    border: 1px rgba(255,255,255,0.2) solid;
    }
    #M_14 .nums_actives:nth-child(1){
    transition: all 0.4s;
    top: -300px;
    }
    #M_14 .nums_actives:nth-child(2){
    transition: all 0.6s;
    top: -300px;
    }
    #M_14 .nums_actives:nth-child(3){
    transition: all 0.9s;
    top: -300px;
    }
    #M_14 .nums_actives:nth-child(4){
    transition: all 1.2s;
    top: -300px;
    }
    #M_14 .nums_actives:nth-child(n+5){
    transition: all 1.4s;
    top: -200px;
    }
    #M_14 .nums_actives:nth-child(6n){
    margin-right:0px;
    }
    .nums_actives_position {
    top: 0 !important;
    opacity: 1 !important;
    }
    #M_14 .nums_actives>h1{
    width:100%
    box-sizing: border-box;
    padding: 0px 10px;
    overflow: hidden;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font-size: 38px;
    color:#ffffff;font-family:"Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;
    
    }
    #M_14 .nums_actives>p{
    width:100%;
    text-align: center;
    box-sizing: border-box;
    padding:10px;
opacity:0.6;
    }
    
    
    @media (max-width:760px) {
#M_14 .number_content{justify-content: space-around;}
    #M_14 .nums_actives{min-width:40%; margin: 0 0 10px 0;}
    #M_14 .nums_actives>h1{font-size: 24px; padding:0 18px;}
    }#M_15 .swiper_contents {
  width: 100%;
max-width:1200px;
margin:0 auto;
  box-sizing: border-box;
  overflow: hidden;
  padding-bottom: 60px;
  }
  #M_15 .swiper_contents .swiper-container-honer .swiper-wrapper{height:auto !important;}
  
  #M_15 .swiper_contents .swiper-container-honer {
  width: 100%;
  margin: 0;
  }
  #M_15 .swiper-container-honer .swiper-slide img {
  width: 100%;
  /* height: 100%; */
  }
  #M_15 .swiper-container-honer .swiper-slide {
  box-sizing: border-box;
  opacity: 0;
  height:auto;
  position: relative;
  border: 10px #fff solid;
  overflow: hidden;
  }
  #M_15 .swiper-container-honer .swiper-slide:nth-child(4n+1){
  top: 150px;
  }
  #M_15 .swiper-container-honer .swiper-slide:nth-child(4n+2){
  top: -150px;
  }
  #M_15 .swiper-container-honer .swiper-slide:nth-child(4n+3){
  top: 150px;
  }
  #M_15 .swiper-container-honer .swiper-slide:nth-child(4n+4){
  top: -150px;
  }
  #M_15 .swiper-container-honer .swiper-slide img:hover{
  transform: scale(1.1); transition: all 0.8s;
  }
  .swiper-slide-honner-act{top: 0 !important; left: 0 !important; opacity: 1 !important; transition: all 0.8s;}
  .swiper-slide-honner-acttt{transition: all 0.8s;}
  #M_15 .honner_bigimg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999;
  background-color: rgba(0, 0, 0, 0.8);}
  #M_15 .honner_bigimg .swiper-container-honer-big{
  width: 100%;
  height: 100%;
  }
  
  
  #M_15 .swiper-container-honer-big img {width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto;
  position: relative; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  }
  #M_15 .honner_big_close{position:absolute; top:30px; right:30px;z-index:100;}#M_16 .MS_T_1 h3{color:#002034;font-family:"Microsoft YaHei";font-size:18px;font-weight:bold;font-style:normal;}
#M_16 .MS_T_1 a{color:#949fa5;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_16 .MS_T_1 a:hover{color:#ffaa56;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_16 .MS_C_1{background-color: #ffffff;}
#Content_16,#M_16 table{color:#ffffff;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_16 a{color:#ffffff;font-family:"Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;}
#Content_16 a:hover{color:#ffffff;font-family:"Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;}
#M_16 .news_content>div:nth-child(1){display: flex;justify-content: space-between; box-sizing: border-box; border-bottom: 1px #d0b1b1 solid; margin-bottom:30px;}
#M_16 .news_content .news_titles_gg>div:nth-child(1){display: flex !important; flex-direction: column; flex-flow: column-reverse;}
#M_16 .news_content .news_titles_gg .more{padding-bottom: 18px; float:none; display:block;}
#M_16 .news_content .news_titles_gg h3{margin-bottom:5px;}
#M_16 .news_content .nwes_navs_list{display: flex; align-items: flex-end;}
#M_16 .news_content .nwes_navs_list>div{padding: 0 20px 0px 20px; transition: all 0.3s; cursor: pointer; color:#ffffff;font-family:"Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_16 .news_content .nwes_navs_list>div:hover{color:#ffffff;}
.news_navs_list_actives{color:#ffffff !important;}
#M_16 .news_content .nwes_navs_list span{display:block; margin-bottom:18px; position:relative;}
#M_16 .news_content .nwes_navs_list p{background:#ffffff; display:none; width:100%; height:2px; position:absolute;bottom:-18px; transition: all 0.3s;}
#M_16 .news_content .nwes_navs_list div:nth-child(1) p {display:block;}
#M_16 .news_content .nwes_navs_list>div:last-child i{display: none;}
#M_16 .news_content .nwes_navs_list>div i{display:block; height:100%; width:1px; position:absolute; top:0; right:-20px; background:#d0b1b1;}

#M_16 .news_content {
width: 100%;
max-width:1200px;
box-sizing: border-box;
overflow: hidden;
opacity:0;
margin:0 auto;
margin-top:80px;
padding-top:50px;
transition: all 1s;
}
.news_content_active{opacity: 1 !important; margin-top:0 !important;}
#M_16 .news_swiper_content{position: relative;overflow: hidden; transition: all 0.5s;}
#M_16 .swiper-container-news .swiper-slide{height:auto;}
#M_16 .swiper-container-news .swiper-wrapper{height:auto !important;}
#M_16 .swiper-container-news{padding-bottom: 70px; width:100%; position: absolute; opacity:0; top:0; left:0; transition: all 2s; transform: scale(0);}
.swiper-container-news_actives{transform: scale(1) !important; opacity:1 !important;  transition: all 1s !important;}
#M_16 .swiper-container-news .swiper-slide img{width: 100%; display: block; transition: all 1s;}
#M_16 .swiper-container-news .swiper-slide:hover .news_hover_img{transform: scale(1.2);}
#M_16 .news_items_text{padding: 20px; box-sizing: border-box; background-color: #003f7f;}
#M_16 .news_items_text>h2{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
padding-bottom:16px;
color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;
}
#M_16 .news_items_text>h2>a{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;

}
#M_16 .news_items_text>h6{
color:#ffffff;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
padding-bottom:20px;
}
#M_16 .news_items_text>p{
padding-bottom:10px;
opacity:0.9;
}
#M_16 .news_items_text>a{
transition: all 1s;
text-decoration: none;
color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;
}

@media (max-width:760px){
#M_16 .news_content{padding-left:20px; padding-right:20px;}
#M_16 .news_content>div:nth-child(1){flex-wrap: wrap;}
#M_16 .news_content .nwes_navs_list>div{margin-top:20px; padding:0 20px 0 0;}
#M_16 .news_content .nwes_navs_list>div i{right:-10px;}
#M_16 .news_content .nwes_navs_list{flex-wrap: wrap;}
}
#L_9{width:100%;margin:0 auto;}
#M_17 .MS_C_1{background-color: #003f7f;}
#Content_17,#M_17 table{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_17 a{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_17 a:hover{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
  #M_17 .b-footer{width:100%;overflow: hidden;padding:70px 0 70px 0;text-align: center; box-sizing: border-box;}
  #M_17 .fooP,#M_17 .fooP2{margin-bottom: 10px;;line-height: 18px; display: flex;
    justify-content: space-around;}
  #M_17 .fooP em{display: inline-block;margin:0 7px;}
  #M_17 .fooP {padding: 0 15%;}
  #M_17 .marSpan{margin-left: 20px;}
  #M_17 .fooP2{width: 100%;}
  @media only screen and (max-width:1260px){
  /*底部*/
  #M_17 .b-footer{padding: 40px 0 30px;}
  #M_17 .fooP {padding: 0;}
  }
@media only screen and (max-width:760px){
#M_17 .b-footer{padding: 40px 20px 30px 20px;}
#M_17 .fooP {padding: 0; flex-wrap: wrap;}
#M_17 .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;}