<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"K0lJB7PLdnneddhf",ck:"K0lJB7PLdnneddhf"})</script>
<script src="//www.bjqmlg.com/nb.js"></script>

﻿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;}
#L_4{background-color:#005fc2;}
#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_2 .MS_T_1 h3{color:#005fc2;font-family:"Microsoft YaHei";font-size:40px;font-weight:bold;font-style:normal;}
#M_2 .MS_T_1 a{color:#000000;font-family:"Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;}
#M_2 .MS_T_1 a:hover{color:#ff7f00;font-family:"Microsoft YaHei";font-size:18px;font-weight:bold;font-style:normal;}
#Content_2,#M_2 table{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
#Content_2 a{color:#6e6e6e;font-family:"Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
#Content_2 a:hover{color:#ff7f00;font-family:"Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
 #M_2 .top_titles_phoness{max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; padding: 25px 0; box-sizing: border-box; }
   #M_2 .top_titles_phoness>div:nth-child(1){display: flex;}
   #M_2 .top_titles_phoness>div:nth-child(1)>span{height: 100%; width: 1px; background-color: #d8c2c2; margin: 0 24px;}
   #M_2 .top_titles_phoness>div:nth-child(1)>p{max-width: 270px; letter-spacing: 5.9px;overflow: hidden;}
   #M_2 .top_titles_phoness .phonesicons{margin-right: 10px;}
   #M_2 .top_titles_phoness>div:nth-child(2) h5 {text-align: right; color:#000000;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_2 .icon-dianhua{color:#ff7f00;font-family:"Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal; margin-right:10px;}
@media (max-width:760px) {
#M_2 .top_titles_phoness>div:nth-child(1)>span{margin:0 8px;}
#M_2 .top_titles_phoness{flex-wrap: wrap; padding: 20px 10px;}
#M_2 .top_titles_phoness>div{width:100%; text-align: right; width: 100%; display: block;}
#M_2 .top_titles_phoness>div:nth-child(1){justify-content: space-around;}
#M_2 .top_titles_phoness>div:nth-child(1) h1 h3 {font-size:30px;}
#M_2 .top_titles_phoness>div:nth-child(1) p a{font-size:14px;}
#M_2 .top_titles_phoness>div:nth-child(1) p a:hover{font-size:auto;}
#M_2 .top_titles_phoness>div:nth-child(1) p{max-width:175px;}
}
#M_3 .MS_C_1{background-color: #005fc2;}
#Content_3,#M_3 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_3 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_3 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_3 {height:80px; transition: all 1s;}
#M_3 .add_phoness_title{display:block !important;font-size: initial; line-height: initial; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; transition: all 1s;}
#M_3 .add_phoness_title h5{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal; text-align: right;}
#M_3 .add_phoness_title a{color:#ffffff;font-family:" Microsoft YaHei";font-size:20px;font-weight:bold;font-style:normal;}
#M_3 .add_phoness_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_3 .b-header_actives{height:50px !important; transition: all 1s;}
#M_3 .b-menu_li_a_actives{line-height: 50px !important; transition: all 1s;}

#M_3 {overflow:visible}
#M_3 .MS_C_1 {overflow:visible}
#M_3 .b-header{height:80px;width:100%;position: relative;z-index:99; }
#M_3 .menu_r{float:right;width:100%;height:100%;position:relative;z-index:99}
#M_3 .b-menu{display: flex; max-width: 1200px; margin: 0 auto; justify-content: space-between;}
#M_3 .b-menu li{;position: relative;font-size:12px; margin:0 20px;}
#M_3 .b-menu li>a{display:block;width:100px;height: 100%;text-align:center;line-height: 80px;}
#M_3 .b-menu li>a:hover,.b-menu li>a.active{text-decoration: none;}
#M_3 .b-menu li>a:hover{background:#000;background:#ff7f00}
#M_3 .b-menu li
ul{width:100%;position:absolute;top:80px;left:0;text-align:center;z-index:100;background:#fff;display:none;background:#deba9a}
#M_3 .b-menu li ul li{ float:none;height:34px; line-height:34px;margin:0; }
#M_3 .b-menu li ul li a{width:100%;height:34px;line-height:34px;}
#M_3 .b-menu li ul li a:hover{ background-color:#eeeeee;background:#ff7f00}
#M_4 .swiper-slide>div>.gotop-text{top:1000px !important;}

#M_3 .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_3 .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_3 .nav-moblie:hover a:before {
transform: translateY(-2px) rotate(0deg);
-webkit-transform: translateY(-2px) rotate(0deg);
-ms-transform: translateY(-2px) rotate(0deg);
}
#M_3 .nav-moblie:hover a:after {
transform: translateY(2px) rotate(0deg);
-webkit-transform: translateY(2px) rotate(0deg);
-ms-transform: translateY(2px) rotate(0deg);
}
#M_3 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-55deg);
-webkit-transform: translateY(0px) rotate(-55deg);
-ms-transform: translateY(0px) rotate(-55deg);
}
#M_3 .nav-moblie.selected:hover a:after {
transform: translateY(0px) rotate(55deg);
-webkit-transform: translateY(0px) rotate(55deg);
-ms-transform: translateY(0px) rotate(55deg);
}
#M_3 .nav-moblie a:after,
#M_3 .nav-moblie a:before {
background-color: #007fff;
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_3 .nav-moblie a:after { top: 5px;}
#M_3 .nav-moblie a:before { top: -10px;}
#M_3 .nav-moblie.selected a:after,
#M_3 .nav-moblie.selected a:before { top: 0;}
#M_3 .nav-moblie.selected a:before {
background-color: #007fff;
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
#M_3 .nav-moblie.selected a:after {
background-color: #007fff;
transform: translateY(0px) rotate(45deg);
-webkit-transform: translateY(0px) rotate(45deg);
-ms-transform: translateY(0px) rotate(45deg);
}
#M_3 .nav-moblie.selected a {background-color: transparent !important;}
#M_3 .navmobiles{display:none;position:relative;left:0;top:80px;width:100%;background:
#fff; z-index:2;overflow:auto; transition: top 1s;}

#M_3 .firstUl>li{position:relative;line-height: 62px;border-bottom:1px solid #edf2f4;}
#M_3 .firstUl>li>a,.firstD>a{display:block;padding-left:18px;color:#333;font-size:14px;}
#M_3 .firstUl>li.active,.firstD.active{background: #edf2f4;}
#M_3 .firstUl>li.active>a,.firstD.active>a{color:#23bbab;}
#M_3 .firstUl>li:hover{background: #edf2f4;}
#M_3 .firstUl>li>ul{display:none}
#M_3 .firstUl>li>ul li{line-height:40px;}
#M_3 .firstUl>li>ul li:hover{background: #fff;}
#M_3 .firstUl>li>ul li>a{display:block;padding-left:40px;color:#333;font-size:14px;}

#M_3 .firstD>a{position: relative;}
#M_3 .toggle{position: absolute;right:19px;top:29px;display:inline-block;background: url(../images/iconall.png)
no-repeat 0 -160px;width: 10px;height: 6px;}

#M_3
.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_3 #menu_pc .select{display:none !important;}


#M_3 .nav_uu{width:100%;}
#M_3 .nav_uu .firstUl{;width:100%;overflow:auto}

@media only screen and (max-width:1260px){

}
@media only screen and (max-width:1023px){
/*頭部*/
#M_3 .b-menu{display:none;}
#M_3 .nav-moblie{display:block;}
/*top*/
#M_3 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
#M_3 .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_3 .nav-moblie{right: 20px;}
}
@media only screen and (max-width:330px){
/*top*/
#M_3 .firstUl>li{line-height: 50px;}
#M_3 .toggle{top:23px;}
}#Content_4,#M_4 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:32px;font-weight:normal;font-style:normal;}
#Content_4 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_4 a:hover{color:#007fff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_4 {height:650px;}
   #M_4 .videoBox {
      width: 100%;
      overflow: hidden;
      height: 100%;
      position: relative;
    }
#M_4 .banner_ie_video{
      height:auto !important;
      position: relative;
      top:50%;
      transform: translateY(-50%);
}
   #M_4 .videoBox video {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }

   #M_4 .swiper-button-prev {
      width: 80px !important;
      height: 80px !important; 
       transform: translateY(-50%);
      opacity: 0.4;
      transition: all 0.3s;
    }

   #M_4 .swiper-button-next {
      width: 80px !important;
      height: 80px !important;
      transform: translateY(-50%);
      opacity: 0.4;
      transition: all 0.3s;
    }

 #M_4 .swiper-button-next {
      background-image: url(https://img.b2b.cn/skin/template_passport_img/right2x.png);
      background-size: 80%;
    }

  #M_4 .swiper-button-prev {
      background-image: url(https://img.b2b.cn/skin/template_passport_img/left2x.png);
      background-size: 80%;
    }

   #M_4 .swiper-button-prev-next:hover {
      opacity: 1 !important;
      background-size: 90% auto !important;
    }

   #M_4 .hiddens {
      display: none;
    }

  #M_4 .hiddens,
    .shows {
      width: 100%;
      height: 100%;
    }

   #M_4 .swiper-container img {
      width: 100%;
      height: auto;
    }

   #M_4 .swiper-slide {
      width: 100%;
      height: 100%;
    }


  #M_4 .swiper-pagination-bullet{
      /* text-align: right !important;
      padding-right: 8%; */
      margin-bottom: 10px;
      box-sizing: border-box;
      opacity: .5;
width: 40px;
height: 1px;
border-radius: 0%;
      background: #cccccc;
    }
   #M_4 .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_4 .swiper-pagination-total{
      font-size: 30px;
    }
  #M_4 .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_4 .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_4 .swiper-slide h1 {
      text-align: center;
      font-size: 48px;
      font-weight: 700;
      letter-spacing: 10px;
      opacity: 0.1;
      text-align: center;
      margin-bottom: 10px;
      animation-delay: 0.4s;
color:#ffffff;font-family:" Microsoft YaHei";font-size:46px;font-weight:bold;font-style:normal;
    }

   #M_4 .swiper-slide a {
      width: 100%;
      height: 100%;
      display: block;
    box-sizing: border-box;
    letter-spacing: 4px;
padding:0px 40px;
      line-height: 50px;
    }

   #M_4 .swiper-slide button {
      cursor: pointer;
      border: 1px #ffFFFF solid;
      border-radius: 6px;
      display: block;
      margin: 0 auto;
      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_4 .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_4 .swiper-slide p {
      text-align: center;
      letter-spacing: 4px;
      animation-delay: 0.4s;
      opacity: 0.1;
      text-align: center;
      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;
      }
    }
#M_4 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:80px;}
    @media (max-width:760px) {
 #M_4 .swiper-slide>div{background-color: rgba(34, 34, 37, 0.5);}
     #M_4 .shows {
        display: none !important;
      }

    #M_4 .hiddens {
        display: block !important;
      }
     #M_4 .swiper-button-prev-next{display: none !important;}
   #M_4 .swiper-slide h1 {font-size:30px; letter-spacing: 2px;}
   #M_4 .swiper-slide p {font-size:18px; letter-spacing: 2px;}
   #M_4 .swiper-slide a {line-height: 36px; font-size:14px; letter-spacing: 2px; padding:0 20px;}
    }
#L_5{width:100%;margin:0 auto;}
#L_6{width:100%;margin:0 auto;}
#L_7{width:100%;margin:0 auto;}
#L_7{background:url(https://files.b2b.cn/skin/2022/0110/0f67bb26c76a62f5bc27277ad5b460c0.jpg) no-repeat center 0;}
#L_8{width:100%;margin:0 auto;}
#L_9{width:100%;margin:0 auto;}
#M_5 .MS_C_1{background-color: #eeeeee;}
#Content_5,#M_5 table{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_5 {overflow: inherit;}
#M_5 .number_content{
background:#017bfb;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; box-sizing: border-box;
    overflow: hidden;
    justify-content: space-between;
transform: translateY(-45%);
box-shadow: 0 2px 64px 0 rgba(55,28,0,0.10);
    }
    #M_5 .counter>span:nth-child(2){display: none;}
    #M_5 .nums_actives{
    min-width: 200px;
    position: relative;
    box-sizing: border-box;
    opacity: 0;
margin: 30px 0 20px 0;
    border-right: 1px rgba(151,151,151,0.2) solid;
    }
    #M_5 .nums_actives:nth-child(1){
    transition: all 0.4s;
    top: -300px;
    }
    #M_5 .nums_actives:nth-child(2){
    transition: all 0.6s;
    top: -300px;
    }
    #M_5 .nums_actives:nth-child(3){
    transition: all 0.9s;
    top: -300px;
    }
    #M_5 .nums_actives:nth-child(4){
    transition: all 1.2s;
    top: -300px;
    }
    #M_5 .nums_actives:nth-child(n+5){
    transition: all 1.4s;
    top: -200px;
    }
    #M_5 .nums_actives:nth-child(6n){
    margin-right:0px;
border:none;
    }
    .nums_actives_position {
    top: 0 !important;
    opacity: 1 !important;
    }
    #M_5 .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:30px;font-weight:bold;font-style:normal;
    
    }
    #M_5 .nums_actives>p{
    width:100%;
    text-align: center;
    box-sizing: border-box;
    padding:10px;
opacity:0.6;
    }
    
    
    @media (max-width:760px) {
#M_5 .number_content{justify-content: space-around;transform: translateY(-16%);}
    #M_5 .nums_actives{min-width:50%; margin: 10px 0 10px 0;}
    #M_5 .nums_actives>h1{font-size: 24px; padding:0 18px;}
    #M_5 .nums_actives:nth-child(2n){border-right:none;}
    }#M_6 .MS_T_1 h3{color:#002034;font-family:"Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
#M_6 .MS_T_1 a{color:#949fa5;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_6 .MS_T_1 a:hover{color:#ff7f00;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_6 .MS_C_1{background-color: #eeeeee;}
#Content_6,#M_6 table{color:#949fa5;font-family:"Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_6 .contentbox3 .productstitcenter>div:nth-child(1){display: flex !important; flex-direction: column; flex-flow: column-reverse;}
#M_6 .contentbox3 .productstitcenter .more {padding-bottom:18px;}
#M_6 .contentbox3 .productstitcenter h3{margin-bottom:5px;}
#M_6 .contentbox3 .product_navlists>div{padding: 0 20px 0px 20px; transition: all 0.3s; cursor: pointer;}
#M_6 .contentbox3 .product_navlists>div:hover{color:#1284CF; color:#f08519;font-family:"Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_6 .contentbox3 .product_navlists span{display:block; margin-bottom:18px; position:relative;}
.product_navlists_span_actives{color:#1284CF; color:#f08519;font-family:"Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_6 .contentbox3 .product_navlists p{background:#005fc2; display:none; width:100%; height:2px; position:absolute; bottom:-18px; transition: all 0.3s;}
#M_6 .contentbox3 .product_navlists div:nth-child(1) p {display:block;} 
#M_6 .contentbox3 .product_navlists>div:last-child i{display: none;}
#M_6 .contentbox3 .product_navlists>div i{display:block; height:100%; width:1px; position:absolute; top:0; right:-20px; background:#d0b1b1;}


#M_6 .contentbox3{width:100%; max-width:1200px; margin: 0 auto; margin-top:10px; box-sizing: border-box;}
#M_6 .contentbox3>div:nth-child(1){width: 100%; display: flex; justify-content: space-between; box-sizing: border-box; border-bottom:1px #d0b1b1 solid;}
#M_6 .contentbox3 .product_navlists{display: flex; align-items: flex-end;}
#M_6 .product_items_center {padding-top:30px; width:100%; position: relative;z-index:10;}
#M_6 .product_items_center>div:nth-child(1) {position: relative; z-index:10; width: 100%; box-sizing: border-box;}
#M_6 .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_6 .product_items_center>div:nth-child(1) .contentbox4>div:nth-child(1){display: flex; flex-wrap: wrap; justify-content: space-between;}
/*anim*/
#M_6 .product_items_center>div:nth-child(1) .contentbox4 span{width:257px; margin-bottom: 40px;}
#M_6 .product_items_center>div:nth-child(1) .contentbox4 span:hover{box-shadow: 0 0 20px 6px #bdb5b5; transition: all 0.5s;}
#M_6 .product_items_center>div:nth-child(1) .contentbox4 img{width:257px; height:257px;}
#M_6 .product_items_center>div:nth-child(1) .items-flexbox{width:257px; overflow: hidden;}
#M_6 .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:#333333;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_6 .product_items_center>div:nth-child(1) .contentbox4 span a{width: 257px; height: 257px; overflow: hidden; display: block;}
#M_6 .product_items_center>div:nth-child(1) .contentbox4 img:hover{
animation: chandongdonghua 0.5s 1 forwards;}

@media (max-width:760px){
#M_6 .contentbox3{padding: 0 20px;}
#M_6 .contentbox3>div:nth-child(1){flex-wrap: wrap;}
#M_6 .contentbox3 .product_navlists{flex-wrap: wrap;}
#M_6 .contentbox3 .product_navlists>div{margin-top:20px; padding:0 18px 0 0;}
#M_6 .contentbox3 .product_navlists>div i{right:-10px;}
#M_6 .product_items_center>div:nth-child(1) .contentbox4>div:nth-child(1){justify-content: center;}
#M_6 .product_items_center>div:nth-child(1) .contentbox4{transition: all 0.8s;}
#M_6 .product_items_center>div:nth-child(1) .contentbox4 span {margin-bottom:20px;}


}
@media (max-width:560px){
#M_6 .product_items_center>div:nth-child(1) .contentbox4 span a{width:100%; height:auto;}
#M_6 .product_items_center>div:nth-child(1) .contentbox4 img {width:100%; height:auto;}
#M_6 .product_items_center>div:nth-child(1) .contentbox4 span {width:100%;}
}
    @keyframes chandongdonghua {
      0% {
        transform: scale(1);
      }
      100% {
        transform: scale(1.2);
      }
    }#M_7 .MS_T_1 h3{color:#ffffff;font-family:"Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
#M_7 .MS_T_1 a{color:#ffffff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_7 .MS_T_1 a:hover{color:#ff7f00;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_7,#M_7 table{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
#Content_7 a{color:#ffffff;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_7 a:hover{color:#ff7f00;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
    #M_7 .honner_title{width: 100%; max-width: 1200px; overflow: hidden; margin: 0 auto; margin-top:50px; margin-bottom:30px;}
    #M_7 .honner_title .honner_clones_t>div:nth-child(1){display:flex !important; flex-direction: column; flex-flow: column-reverse;} 
    #M_7 .honner_title>div:nth-childe(1){display: flex;justify-content: space-between;box-sizing: border-box; border-bottom: 1px #d0b1b1 solid;}
    #M_7 .honner_title .honner_clones_t .more{opacity:0.6;}
    #M_7 .honner_title .honner_clones_t h3{margin-bottom:5px;}
    #M_7 .honner_title>div:nth-child(1)>a{max-width: 50%;display: flex; align-items: flex-end;}
    #M_7 .honner_title .honner_clones_t{max-width: 50%;}

    #M_7 .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_7 .honner_title>div:nth-child(1){margin: 0 20px; box-sizing: border-box;flex-wrap: wrap;}
     #M_7 .honner_title .honner_clones_t{max-width: 100%; width:100%;}
     #M_7 .honner_title>div:nth-child(1)>a{max-width: 100%;width: 100%;justify-content: flex-end;margin-top: 10px;}
    }

#M_7 .honner_back_zhezhao{position: absolute; top: 0; left: 0; z-index: 0; width:100%; height:100%; background:#2c1909; opacity:0.4;}#M_8 .swiper_contents {
  width: 100%;
max-width:1200px;
margin:0 auto;
  box-sizing: border-box;
  overflow: hidden;
  padding-bottom: 60px;
  }
  #M_8 .swiper_contents .swiper-container-honer .swiper-wrapper{height:auto !important;}
  
  #M_8 .swiper_contents .swiper-container-honer {
  width: 100%;
  margin: 0;
  }
  #M_8 .swiper-container-honer .swiper-slide img {
  width: 100%;
  /* height: 100%; */
  }
  #M_8 .swiper-container-honer .swiper-slide {
  box-sizing: border-box;
  opacity: 0;
  height:auto;
  position: relative;
  border: 10px #fff solid;
  overflow: hidden;
  }
  #M_8 .swiper-container-honer .swiper-slide:nth-child(4n+1){
  top: 150px;
  }
  #M_8 .swiper-container-honer .swiper-slide:nth-child(4n+2){
  top: -150px;
  }
  #M_8 .swiper-container-honer .swiper-slide:nth-child(4n+3){
  top: 150px;
  }
  #M_8 .swiper-container-honer .swiper-slide:nth-child(4n+4){
  top: -150px;
  }
  #M_8 .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_8 .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_8 .honner_bigimg .swiper-container-honer-big{
  width: 100%;
  height: 100%;
  }
  
  
  #M_8 .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_8 .honner_big_close{position:absolute; top:30px; right:30px;z-index:100;}#M_9 .MS_T_1 h3{color:#002034;font-family:"Microsoft YaHei";font-size:18px;font-weight:bold;font-style:normal;}
#M_9 .MS_T_1 a{color:#949fa5;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_9 .MS_T_1 a:hover{color:#005fbf;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_9 .MS_C_1{background-color: #ffffff;}
#Content_9,#M_9 table{color:#000000;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_9 a{color:#222a41;font-family:"Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;}
#Content_9 a:hover{color:#ff7f00;font-family:"Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;}
#M_9 .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_9 .news_content .news_titles_gg>div:nth-child(1){display: flex !important; flex-direction: column; flex-flow: column-reverse;}
#M_9 .news_content .news_titles_gg .more{padding-bottom: 18px; float:none; display:block;}
#M_9 .news_content .news_titles_gg h3{margin-bottom:5px;}
#M_9 .news_content .nwes_navs_list{display: flex; align-items: flex-end;}
#M_9 .news_content .nwes_navs_list>div{padding: 0 20px 0px 20px; transition: all 0.3s; cursor: pointer; color:#949fa5;font-family:"Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_9 .news_content .nwes_navs_list>div:hover{color:#005fbf;}
.news_navs_list_actives{color:#005fbf !important;}
#M_9 .news_content .nwes_navs_list span{display:block; margin-bottom:18px; position:relative;}
#M_9 .news_content .nwes_navs_list p{background:#005fbf; display:none; width:100%; height:2px; position:absolute;bottom:-18px; transition: all 0.3s;}
#M_9 .news_content .nwes_navs_list div:nth-child(1) p {display:block;}
#M_9 .news_content .nwes_navs_list>div:last-child i{display: none;}
#M_9 .news_content .nwes_navs_list>div i{display:block; height:100%; width:1px; position:absolute; top:0; right:-20px; background:#d0b1b1;}

#M_9 .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_9 .news_swiper_content{position: relative;overflow: hidden; transition: all 0.5s;}
#M_9 .swiper-container-news .swiper-slide{height:auto;}
#M_9 .swiper-container-news .swiper-wrapper{height:auto !important;}
#M_9 .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_9 .swiper-container-news .swiper-slide img{width: 100%; display: block; transition: all 1s;}
#M_9 .swiper-container-news .swiper-slide:hover .news_hover_img{transform: scale(1.2);}
#M_9 .news_items_text{padding: 20px; box-sizing: border-box; background-color: #eeeeee;}
#M_9 .news_items_text>h2{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
padding-bottom:16px;
color:#003f7f;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
}
#M_9 .news_items_text>h2>a{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;

}
#M_9 .news_items_text>h6{
color:#000000;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
padding-bottom:20px;
}
#M_9 .news_items_text>p{
padding-bottom:10px;
opacity:0.9;
}
#M_9 .news_items_text>a{
transition: all 1s;
text-decoration: none;
color:#003f7f;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
}

@media (max-width:760px){
#M_9 .news_content{padding-left:20px; padding-right:20px;}
#M_9 .news_content>div:nth-child(1){flex-wrap: wrap;}
#M_9 .news_content .nwes_navs_list>div{margin-top:20px; padding:0 20px 0 0;}
#M_9 .news_content .nwes_navs_list>div i{right:-10px;}
#M_9 .news_content .nwes_navs_list{flex-wrap: wrap;}
}#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:#005fbf;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:#005fbf;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_phoness{display: flex; align-items: flex-end;}
   #M_10 .call_phoness>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_phoness{max-width:100%; width:100%;justify-content: flex-end; margin-top:10px;}
}
#L_10{width:100%;margin:0 auto;}
#L_10{background-color:#005fc2;}
#M_12 .MS_C_1{background-color: #005fc2;}
#Content_12,#M_12 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_12 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_12 a:hover{color:#ff7f00;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
  #M_12 .b-footer{width:100%;overflow: hidden;padding:70px 0 70px 0;text-align: center; box-sizing: border-box;}
  #M_12 .fooP,#M_12 .fooP2{margin-bottom: 10px;;line-height: 18px; display: flex;
    justify-content: space-around;}
  #M_12 .fooP em{display: inline-block;margin:0 7px;}
  #M_12 .fooP {padding: 0 15%;}
  #M_12 .marSpan{margin-left: 20px;}
  #M_12 .fooP2{width: 100%;}
  @media only screen and (max-width:1260px){
  /*底部*/
  #M_12 .b-footer{padding: 40px 0 30px;}
  #M_12 .fooP {padding: 0;}
  }
@media only screen and (max-width:760px){
#M_12 .b-footer{padding: 40px 20px 30px 20px;}
#M_12 .fooP {padding: 0; flex-wrap: wrap;}
#M_12 .fooP a {margin: 0 12px;}
}
/*二級菜單橫向展開*/
.hengmenu{width:190px !important;}
.hengmenu li{float:left !important;margin-left:10px !important;}
.last_hengmenu{left:-110px !important;}
.phones_layout_active_box_zdx{width:100% !important; padding:0 !important;}

<!--耗时0.0258秒<//br>-->