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;}
body{background-color: #e5e5e5;}
#L_11{width:100%;margin:0 auto;}
#L_12{width:100%;margin:0 auto;}
#L_13{width:100%;margin:0 auto;}
#M_1 .MS_C_1{background-color: #005fbf;}
#Content_1,#M_1 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_1 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_1 a:hover{color:#ffffff;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{background:url(../image/e209d7ab802f5c71096ba38c0e4195a8.png) no-repeat 4% 50%/169px 40px;}
#Content_2,#M_2 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_2 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_2 a:hover{color:#ffffff;}
.left{width:100%;}
.navdonghua{height:60px !important; background-color:#ffffff !important; top:0;}
#M_2 .navdonghua1{line-height:60px !important; color:#56aaff; transition: all .3s ease;}


#M_2 {overflow:visible; box-sizing: border-box; position: fixed;z-index: 100;width: 100%;height:80px;border-bottom: 1px solid rgba(255, 255, 255, 0.15); transition: all .5s ease;}
#M_2 .MS_C_1 {overflow:visible;}
#M_2 .b-header{width:100%;position: relative;z-index:99}
#M_2 .menu_r{float:right;width:100%;height:100%;position:relative;z-index:99;    padding-right: 5%;}
#M_2 .b-menu{float:right;}
#M_2 .b-menu li{float:left;position: relative;font-size:12px;}
#M_2 .b-menu li>a{display:block;width:80px;height: 100%;text-align:center;line-height: 80px;}
#M_2 .b-menu li>a:hover,.b-menu li>a.active{text-decoration: none;}
#M_2 .b-menu li>a:hover{background:#000;background:#005fbf}
#M_2 .b-menu li
ul{width:100%;position:absolute;top:80px;left:0;text-align:center;z-index:100;background:#fff;display:none;background:#bfbf00}
#M_2 .b-menu li ul li{ float:none;height:34px; line-height:34px;margin:0; }
#M_2 .b-menu li ul li a{width:100%;height:34px;line-height:34px;}
#M_2 .b-menu li ul li a:hover{ background-color:#eeeeee;background:#005fbf}
#M_3 .swiper-slide>div {
      width: 100%;
      height: 100%;
      /* background: linear-gradient(rgba(52, 52, 90, 0.1) 0%, rgba(34, 34, 37, 0) 100%); */
      background-color: rgba(247, 247, 247, 0) !important;
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
    }

    




    #M_3 .swiper-slide button{border-radius: 66px;
       width: 150px !important;
      height: 0px !important;}


 





#M_3 .swiper-slide>div>.gotop-text {text-shadow:#989898 1px 0 0,#989898 0 1px 0,#989898 -1px 0 0,#989898 0 -1px 0;

-webkit-text-shadow:#989898 1px 0 0,#989898 0 1px 0,#989898 -1px 0 0,#989898 0 -1px 0;

-moz-text-shadow:#989898 1px 0 0,#989898 0 1px 0,#989898 -1px 0 0,#989898 0 -1px 0;

*filter: Glow(color=#000, strength=1);}

#M_2 .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_2 .nav-moblie.selected {transform: rotate(0deg);}
#M_2 .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_2 .nav-moblie:hover a:before {
transform: translateY(-2px) rotate(0deg);
-webkit-transform: translateY(-2px) rotate(0deg);
-ms-transform: translateY(-2px) rotate(0deg);
}
#M_2 .nav-moblie:hover a:after {
transform: translateY(2px) rotate(0deg);
-webkit-transform: translateY(2px) rotate(0deg);
-ms-transform: translateY(2px) rotate(0deg);
}
#M_2 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-55deg);
-webkit-transform: translateY(0px) rotate(-55deg);
-ms-transform: translateY(0px) rotate(-55deg);
}
#M_2 .nav-moblie.selected:hover a:after {
transform: translateY(0px) rotate(55deg);
-webkit-transform: translateY(0px) rotate(55deg);
-ms-transform: translateY(0px) rotate(55deg);
}
#M_2 .nav-moblie a:after,
#M_2 .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_2 .nav-moblie a:after { top: 5px;}
#M_2 .nav-moblie a:before { top: -10px;}
#M_2 .nav-moblie.selected a:after,
#M_2 .nav-moblie.selected a:before { top: 0;}
#M_2 .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_2 .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_2 .nav-moblie.selected a {background-color: transparent !important;}
#M_2 .navMobile{display:none;position:fixed;left:0;top:80px;width:100%;height:100%;background:
#fff;padding-bottom:148px;z-index:2;overflow:auto}

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

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

#M_2
.select{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_2 #menu_pc .select{display:none !important;}


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

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

}
@media only screen and (max-width:1023px){
/*头部*/
#M_2 .b-menu{display:none;}
#M_2 .nav-moblie{display:block;}
/*top*/
#M_2 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
#M_2 .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_2 .nav-moblie{right: 20px;position: fixed;}
#M_2 #menu_moblie .hengmenu{overflow: auto;}
#M_2 .select{color:#333333;}
#M_2 .left{float:none !important;}
}
@media only screen and (max-width:330px){
/*top*/
#M_2 .firstUl>li{line-height: 50px;}
#M_2 .toggle{top:23px;}
}#Content_3,#M_3 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;}
#Content_3 a{font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#Content_3 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_3 .videoBox{width: 100%;overflow: hidden;height:100%;position:relative;}
#M_3 .videoBox video{width: auto;height: auto;min-width: 100%;min-height: 100%; object-fit: cover;}
#M_3 .swiper-button-prev{
      width: 20% !important;
      height: 100% !important;
      transform: translateY(-50%);
      opacity: 0;
      transition: all 0.3s;
    }
#M_3 .swiper-button-next{
      width: 20% !important;
      height: 100% !important;
      transform: translateY(-50%);
      opacity: 0;
      transition: all 0.3s;
    }
   #M_3 .swiper-button-next{background-image:url(../image/swiper-next1.png); background-size: 10% auto;}
   #M_3 .swiper-button-prev{background-image:url(../image/swiper-prev1.png); background-size: 10% auto;}
   #M_3 .swiper-button-prev-next:hover{opacity: 1 !important; background-size: 20% auto !important;}
#M_3 .hiddens{display:none;}
#M_3 .hiddens,.shows {
      width: 100%;
      height: 100%;
    }

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

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

   #M_3 .swiper-pagination-bullet {
      width: 60px !important;
      border-radius: 10% !important;
      opacity: 0.5;
      height: 4px !important;
      background-color: #ffffff !important;
    }

   #M_3 .swiper-pagination-bullet-active {
      opacity: 0.9;
    }

   #M_3 .swiper-pagination {
      bottom: 50px !important;
    }

   #M_3 .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_3 .swiper-slide>div>.gotop-text {
      width: 100%;
      position: absolute;
      top: 60%;
opacity: 0;
      transition: all 0.3s ease-out;
    }

   #M_3 .swiper-slide h1 {
      text-align: center;
      font-size: 48px;
      font-weight: 700;
      letter-spacing: 10px;
      opacity: 0.1;
margin-bottom:20px;
      animation-delay: 0.4s;
color:#ffffff;font-family:" Microsoft YaHei";font-size:46px;font-weight:bold;font-style:normal;
    }
#M_3 .swiper-slide a {width:100%; height:100%;display:block;line-height: 50px;}
   #M_3 .swiper-slide button {
      cursor: pointer;
      border: none;
      border-radius: 6px;
      display: block;
      margin: 0 auto;
      width: 150px;
      height: 50px;
      background-image: linear-gradient(rgba(22,71,125,0.3),rgba(22,71,125,0.9)); background-repeat: no-repeat; background-size: 0%;
      opacity: 0.1;
      animation-delay: 0.4s;
      transition: all 0.2s;
    }
   #M_3 .swiper-slide button:hover{background-size: 100%;}
    .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_3 .swiper-slide h4 {
      text-align: center;
      letter-spacing: 4px;
      animation-delay: 0.4s;
      opacity: 0.1;
margin-bottom:30px;
      /* animation: dropdown 1s forwards ease-out; */
    }

    .swiperh1-active {
      top: 36% !important;
      opacity: 1 !important;
    }

    @keyframes dropdown {
      0% {
        margin-left: -6px;
        padding-top: 4px;
        opacity: 0.2;
      }

      20% {
        margin-left: 0px;
        padding-top: 0px;
        opacity: 0.3;
      }

      40% {
        margin-left: 6px;
        padding-top: 8px;
      }

      60% {
        margin-left: -2px;
        padding-top: 2px;
        opacity: 0.5;
      }

      70% {
        margin-left: 0px;
        padding-top: 0px;
        opacity: 0.7;
      }

      100% {
        margin-left: 0px;
        opacity: 1;
        padding-top: 0px;
      }
    }

    @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_3 #titlesname .videoBox{display:none;}
#M_3 .shows{display:none !important;}
#M_3 .hiddens{display:block !important;}
#M_3 .swiper-button-prev{display:none !important;}
#M_3 .swiper-button-next{display:none !important;}
}
#L_4{width:100%;margin:0 auto;}
#L_5{width:100%;margin:0 auto;}
#L_6{width:100%;margin:0 auto;}
#L_7{width:100%;margin:0 auto;}
#L_8{width:100%;margin:0 auto;}
#L_9{width:1920px;margin:0 auto;}
#L_10{width:100%;margin:0 auto;}
#M_4 .MS_C_1{background-color: #f6f7fc;}
#Content_4,#M_4 table{color:#96979b;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;}
#Content_4 a:hover{color:#003f7f;}
      #M_4 .swiper-title{
    width:100%;
box-sizing: border-box;
      overflow: hidden;
    padding-top: 50px;
    background：#;
    //padding-bottom:50px;
  }  
#M_4 .zhouchengdonghua1{
position:relative;
left:1000px;
opacity:0;
transition: all 0.6s ease-in-out;
}
#M_4 .zhouchengdonghua1>a{text-decoration: none !important;}
#M_4 .zhouchengdonghua2{
position:relative;
right:1000px;
opacity:0;
transition: all 0.6s ease-in-out;
}
.swiper-zhouchengtitle-actives1{left:0 !important; opacity:1 !important; }
.swiper-zhouchengtitle-actives2{right:0 !important; opacity:1 !important; }
#M_4 .swiper-title>div{width:60%; margin:0 auto;}
#M_4 .swiper-title>div:nth-child(1){
    font-size: 34px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    line-height: 48px;
    text-align: center;
letter-spacing: 6px;
    	
  }
#M_4 .swiper-title>div:nth-child(1)>a{color:#492929;font-family:" Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;}
#M_4 .swiper-title>div:nth-child(2){
    padding-top:16px;
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    line-height: 30px;
    text-align: center;
    letter-spacing: 4px;
    color:#bf0000;font-family:" Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;	
  }
 #M_4 .swiper-title>div:nth-child(3){
    font-family: PingFangSC-Medium, PingFang SC;
    line-height: 33px;
    letter-spacing: 2px;
padding-top:24px;
    text-align: center;
  }
@media (max-width:760px){
#M_4 .swiper-title>div{width:80%;}
}#M_5 .MS_C_1{background-color: #f6f7fc;}
#Content_5,#M_5 table{color:#96979b;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_5 a{color:#96979b;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
    .tuwendiv_actives{
      top: 0 !important;
      opacity: 1 !important;
    }   
#M_5 .tuwen{
      width: 100%;
      display: flex; flex-wrap:wrap;
      justify-content: space-around;
      text-align: center;
      padding: 4% 10%;
      box-sizing: border-box;
      overflow: hidden;
    }
#M_5 .tuwen>div{
flex-grow: 1;
width:25%;
      position: relative;
      top: 200px;
      opacity: 0;
    }
#M_5 .tuwen>div>a{display:block;width:100%;height:100%;}
#M_5 .tuwen>div:nth-child(1){transition: all 0.4s ease-in-out;}
#M_5 .tuwen>div:nth-child(2){transition: all 0.6s ease-in-out;}
#M_5 .tuwen>div:nth-child(3){transition: all 0.9s ease-in-out;}
#M_5 .tuwen>div:nth-child(4){transition: all 1.2s ease-in-out;}
.tuwen>div:hover{transform: scale(1.1); padding-top: 12px; box-shadow: 0 0 5px #d7d9e1; transition: all 0.3s ease-in-out !important;}
   #M_5 .tuwen>div>a>h2{margin-top:20px; margin-bottom:14px;color:#000000;font-family:" Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
   #M_5 .tuwen>div>a>h2:hover {}
   #M_5 .tuwen>div>a>img{
      width: 30%;
      height: auto;
    }
   #M_5 .tuwen>div>a>p{
     width:100%;
box-sizing: border-box;
      padding-left: 10px;
      padding-right: 10px;
margin:20px 0;
    }
    @media  (max-width:760px) {
     #M_5 .tuwen>div{
        margin-top: 20px;
width:50%;
      }
.tuwen>div:hover{transform: none !important; padding-top:0;}
    }#Content_6,#M_6 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;}
#Content_6 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;}
#Content_6 a:hover{color:#aad4ff;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;}
  #M_6 .product_sss{
      width: 100%;
      /* padding: 6%; */
      box-sizing: border-box; opacity:0; overflow:hidden; transition: all 2s;
    }
.product_sss_actives{opacity: 1 !important;}
   #M_6 .product_sss>ul{
      display: flex;
      justify-content: space-evenly;
      flex-wrap: wrap;
    }
   #M_6 .product_sss>ul>li{
      width: 33.3%;
height:auto;
    
      position: relative;
      overflow: hidden;
    }
   #M_6 .product_sss>ul>li>img{
      width: 100%;
      display: block;
      height: 100%;
      transition: all 0.5s;
    }
   #M_6 .product_sss>ul>li:hover img{
    transform: scale(1.2);
    }
   #M_6 .products_tanceng{
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      background-color: #003f7f;
      transition: all 0.5s ease-out;
    }
    .products_tanceng_active{
      opacity: 0.6 !important;
    }
   #M_6 .product_sss>ul>li>h2{
      position: absolute;
      left: 50%;
      top: 10%;
opacity: 0;
      transform: translateX(-50%);
      transition: all 0.3s;
color:#ffffff;
    }
    .products_tanceng_h2_acitve{
      left: 50% !important;
      top: 20% !important;
opacity: 1 !important;
    }
   #M_6 .product_sss>ul>li>p{
      position: absolute;
      left: 50%;
      top: 20%;
opacity: 0;
      transform: translateX(-50%);
      transition: all 0.4s;
    }
    .products_tanceng_p_acitve{
      left: 50% !important;
opacity: 1 !important;
      top: 36% !important;
    }
   #M_6 .product_sss>ul>li>.tanspan1{
      box-sizing: border-box;
      cursor: pointer;
      display: block; text-align: center;
      position: absolute;
      left: 50%;
      top: 75%;
opacity: 0;
      transform: translateX(-110%);
      border: 1px #ffffff solid;
      padding: 10px;
      border-radius: 4px;
      transition: all 0.3s;
    }
#M_6 .product_sss>ul>li>.tanspan1:hover{
      box-shadow: 2px 1px 6px 4px rgba(233, 233, 233, 0.6);
    }
    .products_tanceng_tanspan12_active{
      left: 50% !important;
      top: 55% !important;
opacity: 1 !important;
    }
   #M_6 .product_sss>ul>li>.tanspan2{
      cursor: pointer;
      display: block;
      position: absolute;
      left: 50%;
      top: 75%;
opacity: 0;
      border: 1px #ffffff solid;
      /* padding: 10px; */
      border-radius: 4px;
      transform: translateX(10%);
      transition: all 0.4s;
    }
#M_6 .product_sss>ul>li>.tanspan2:hover{
     box-shadow: 2px 1px 6px 4px rgba(233, 233, 233, 0.6);
    }
   #M_6 .product_sss>ul>li>.tanspan2>a{
      width: 100%;
      height: 100%;
      display: block;
      padding: 10px; text-align: center;
      box-sizing: border-box;
    }
    .tancengdatu_{
      z-index: -10;
      position: fixed;
      width: 0px;
      height: 0px;
      top: 50%;
      left: 50%;
      opacity: 0;
      background-color: rgba(0, 0, 0, 0.9);
      transition: all 0.5s;
      cursor: pointer;
    }
    .tancengdatu_active{
      z-index: 100 !important;
      width: 100% !important;
      height: 100% !important;
      opacity: 1 !important;
      top: 0 !important;
      left: 0 !important;
    }
   #M_6 .tancengdatu_img1{
      position: absolute;
      top: 30px;
      right: 30px;
    }
   #M_6 .tancengdatu_img2{
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      transition: all 2s;
    }
    .tancengdatu_img2_active{
      opacity: 1 !important;
    }

@media  (min-width:1380px) {
   #M_6 .product_sss>ul>li{
      width: 25%;
    }
}


@media  (max-width:760px) {
  #M_6 .product_sss>ul>li{width:100%;}
  #M_6 .tancengdatu_img2{width:100%; height:auto;}
}
#M_7 .MS_C_1{background-color: #003f7f;}
#Content_7,#M_7 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
   #M_7 .number_content{
      width: 100%;
      display: flex;
      flex-wrap: wrap;  box-sizing: border-box; padding: 50px 30px;
overflow: hidden;
      justify-content: space-around;
    }
#M_7 .counter>span:nth-child(2){display: none;}
  #M_7  .nums_actives{
      width: 22%;
      flex-grow: 1;
      position: relative;
      /* left: 350px; */
      opacity: 0;
    }
   #M_7 .nums_actives:nth-child(1){
      transition: all 0.4s;
      top: -300px;
    }
  #M_7 .nums_actives:nth-child(2){
      transition: all 0.6s;
      top: -300px;
    }
   #M_7 .nums_actives:nth-child(3){
      transition: all 0.9s;
      top: -300px;
    }
   #M_7 .nums_actives:nth-child(4){
      transition: all 1.2s;
      top: -300px;
    }
#M_7 .nums_actives:nth-child(n+5){
      transition: all 1.4s;
      top: -200px;
    }
    .nums_actives_position {
      top: 0 !important;
      opacity: 1 !important;
    }
  #M_7 .nums_actives>h1{
width:100%
box-sizing: border-box;
    padding: 0px 10px;
    overflow: hidden;
      text-align: center;
      overflow: hidden;
    white-space: nowrap;
font-size: 60px;
      color:#ffffff;font-family:" Microsoft YaHei";font-size:48px;font-weight:bold;font-style:normal;

    }
   #M_7 .nums_actives>p{
width:100%;
      text-align: center;
box-sizing: border-box;
padding:10px 20px;
    }


  @media  (max-width:760px) {
#M_7 .number_content{padding:50px 0px;}
#M_7  .nums_actives{width:40%;}
#M_7 .nums_actives>h1{font-size: 28px; padding:0 10px;}
}#M_8 .MS_T_1 h3{color:#000000;font-family:" Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;}
#M_8 .MS_T_1 a{color:#ff0000;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_8 .MS_C_1{background-color: #ffffff;}
#Content_8,#M_8 table{color:#ff0000;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_8 .titleact_spans>div:nth-child(1) {display:inline-block !important;}
#M_8 .titleact_spans>div:nth-child(1) .more {float:none; text-decoration: none;}
   #M_8 .swiper_contents {
      width: 100%;
box-sizing: border-box;
      overflow: hidden;
    }
#M_8 .swiper_contents .swiper-container-honer .swiper-wrapper{height:auto !important;}
   #M_8 .titleact{
      text-align: center; letter-spacing: 4px;
 box-sizing: border-box;
      opacity: 0;
      transition: all 2s;
    }
#M_8 .titleact:nth-child(2){padding-bottom:40px;}
#M_8 .titleact:nth-child(1){
    padding: 20px;
    padding-top: 50px;
    overflow: hidden;

}
    .titleact-act{
      opacity: 1 !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;
        padding: 30px;
        opacity: 0;
        height:auto;
        position: relative;
        overflow: hidden;   
    }
   #M_8 .swiper-container-honer .swiper-slide:nth-child(4n+1){
      top: 150px;
      
      background-color: #454545;
    }
   #M_8 .swiper-container-honer .swiper-slide:nth-child(4n+2){
      background-color: #0d5736;
      top: -150px;
    }
   #M_8 .swiper-container-honer .swiper-slide:nth-child(4n+3){
      background-color: #424081;
      top: 150px;
    }
    #M_8 .swiper-container-honer .swiper-slide:nth-child(4n+4){
      background-color: #83395a;
      top: -150px;
    }
   #M_8 .swiper-container-honer .swiper-slide:hover{
      transform: scale(1.1);
    }
    .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_C_1{background-color: #ffffff;}
#Content_9,#M_9 table{color:#a9a8ad;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_9 a{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
#Content_9 a:hover{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
    .about_us_left_right_act {
      left: 0 !important;
      opacity: 1 !important;
    }
 #M_9 .about_us_content{
      width: 100%;
      height: 100%;
      overflow: hidden;
      box-sizing: border-box;
      padding: 5% 0% 5% 12%;
    }
   #M_9 .about_us_left_text{
      width: 100%;
      box-sizing: border-box;
      padding-right: 30px;
      overflow: hidden;
position: relative;
      left: -500px;
      opacity: 0;
      transition: all 0.6s;
    }
   #M_9 .about_us_left_text>h1{width: 100%;padding: 30px 0; margin: 0; color:#000000;font-family:"Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;}
   #M_9 .about_us_left_text>p{width: 100%; padding: 0; margin: 0; margin-bottom: 30px; /* height: 40%; */ overflow: hidden;
    line-height: 20px;
    }
   #M_9 .about_us_left_text>.us_gengduo_clone a{ background: #ff0000; display: inline-block; line-height: 20px; padding: 10px 20px; border-radius: 6px; color:#ffffff;font-family:"Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal; }

@media (max-width:760px){
#M_9 .about_us_content{
padding:5% 6% 5% 6%
}
#M_9 .about_us_left_text{width:100%; margin-bottom:30px; padding:0;}
#M_9 .about_us_right_video{width:100%;}
}#M_10 .MS_C_1{background-color: #ffffff;background:#ffffff url(../image/79a24a60cc5218f221b548d17ef69ff5.jpg) ;}
   #M_10 .about_us_right_video{
      width: 100%;
    padding: 5% 12% 5% 30px;
box-sizing:border-box;
      overflow: hidden;
position: relative;
      left: 500px;
      opacity: 0;
      transition: all 0.6s;
    }
   #M_10 .about_us_right_video>div:nth-child(1){
      width: 100%;
 border-radius: 10px;
      overflow: hidden;
    }




@media (max-width:760px){
#M_10 .about_us_right_video{
padding:5% 6% 5% 6%;
}
}#M_11 .MS_T_1{text-align:center; }
#M_11 .MS_T_1 h3{color:#000000;font-family:" Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;}
#M_11 .MS_T_1 a{color:#ff0000;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_11 .MS_C_1{background-color: #f6f7fc;}
#Content_11,#M_11 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_11 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
   #M_11 .news_content {
      width: 100%;
      padding: 4% 6%;
box-sizing: border-box;
      overflow: hidden;
opacity:0;
margin-top:80px;
transition: all 1s;
    }
.news_content_active{opacity: 1 !important; margin-top:0 !important;}
#M_11 .news_content_titles1{}
#M_11 .news_content_titles2{padding:20px 0 30px 0;}
#M_11 .news_content_titles2 span .more {float:none !important; letter-spacing: 4px; }
#M_11 .news_content_titles2 span .more:hover{text-decoration: none;}
#M_11 .swiper-container-news .swiper-slide{height:auto;}
#M_11 .swiper-container-news .swiper-wrapper{height:auto !important;}
    #M_11 .swiper-container-news{padding-bottom: 70px;}
   #M_11 .swiper-container-news .swiper-slide img{width: 100%; display: block; transition: all 0.3s;}
   #M_11 .swiper-container-news .swiper-slide:hover .news_hover_img{transform: scale(1.1);}
   #M_11 .news_items_text{padding: 30px; box-sizing: border-box; background-color: #003f7f;}
   #M_11 .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:24px;font-weight:bold;font-style:normal;
    }
   #M_11 .news_items_text>h6{
    color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
padding-bottom:20px;
    }
   #M_11 .news_items_text>p{
padding-bottom:10px;
opacity:0.9;
    }
   #M_11 .news_items_text>a{

    }

@media (min-width:1440px){
  
}
#L_14{width:1920px;margin:0 auto;}
#L_14{background-color:#003f7f;}
#L_20{width:100%;margin:0 auto;}
#Content_12,#M_12 table{color:#c0c0c0;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
.bottom_jieanjie_flex {
    display: flex;
    width: 100% !important;
    padding: 4% 6% 8% 6%;
      overflow: hidden;
    box-sizing: border-box;
}
.bottom_jieanjie_flex>.left {position:relative; top:80px; opacity:0; width:33.3% !important;}
.bottom_jieanjie_flex>div:nth-child(1){ transition: all 0.5s;}
.bottom_jieanjie_flex>div:nth-child(2){ transition: all 0.7s;}
.bottom_jieanjie_flex>div:nth-child(3){ transition: all 1s;}

.bottom_jieanjie_flex_acts{top:0 !important; opacity:1 !important;}

#M_12 .bottom_jianjie{
padding-right:20px;
box-sizing: border-box;
}
#M_12 .bottom_jianjie>img {
width:169px;
height:40px;
}

@media (max-width:760px) {
.bottom_jieanjie_flex {
flex-wrap:wrap;
    padding: 4% 6% 8% 6%;
}
#M_12 .bottom_jianjie>p{padding-bottom:20px;}
.bottom_jieanjie_flex>.left {
margin-bottom:30px;
width:100% !important;
border-bottom: 1px rgba(255,255,255,0.2) solid;
}
}#M_13 .MS_T_1 h3{color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:bold;font-style:normal;}
#Content_13,#M_13 table{color:#e0dede;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#Content_13 a{color:#e0dede;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_13>div:nth-child(1)>h3{    padding-left: 60px;
    box-sizing: border-box;}
#M_13 .bottom_nav_content{ box-sizing: border-box;
      overflow: hidden;
    padding: 20px 30px 0 30px;}

#M_13 .bottom_nav_content>ul>li {
    padding-left: 30px; width: 50%; padding-bottom:20px;
    box-sizing: border-box; 
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#M_13 .bottom_nav_content>ul>li>a{
width:100%; height:100%; padding-bottom:5px; display:block; text-decoration: none;
}
#M_13 .bottom_nav_content>ul>li>.donghuaspan{
display:block;
width:0%;
height:1px;
background:#ff0000;
transition: all 0.5s ;
}

#M_13 .bottom_nav_content>ul>li:hover .donghuaspan{
width:98% !important;
border-right: 2px pink solid;
    box-shadow: 0px 0 3px 1px #ff0000;
}



@media (max-width:760px){
#M_13>div:nth-child(1)>h3{padding-left:0;}
#M_13 .bottom_nav_content {padding:20px 0 0 0;}
#M_13 .bottom_nav_content>ul>li {padding-left:0;}
}#M_14 .MS_T_1 h3{color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:bold;font-style:normal;}
#Content_14,#M_14 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_14>div:nth-child(1){box-sizing:border-box; padding-left:40px;}
#M_14 .bottom_phone_content{
width:100%;
padding: 10px 0 40px 40px;
box-sizing: border-box;
      overflow: hidden;
}
#M_14 .bottom_phone_content_h1{margin-bottom:10px;}
#M_14 .bottom_phone_content li{
line-break: anywhere;
padding:5px 0;
display:flex;
flex-wrap: nowrap;
}

#M_14 .bottom_phone_content li div{
line-break: anywhere;
display:inline-block;
}

#M_14 .iconfont {margin-right:20px;}

@media (max-width:760px) {
#M_14 .bottom_phone_content {padding-left:0;}
#M_14>div:nth-child(1){padding-left:0;}
}

    #M_21 .MS_C_1{background-color: #111111;}
#Content_21,#M_21 table{color:#e5e5e5;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_21 a{color:#e5e5e5;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_21 .b-footer{width:100%;overflow: hidden;padding:80px 0 70px;text-align: center;}
#M_21 .b-footer a{color:#fff;;}
#M_21 .fooP,#M_21 .fooP2{margin-bottom: 10px;;line-height: 18px;}
#M_21 .fooP em{display: inline-block;margin:0 7px;}
#M_21 .marSpan{margin-left: 20px;}
@media only screen and (max-width:1260px){
	/*底部*/
	#M_21 .b-footer{padding: 40px 0 30px;}
}
/*二级菜单横向展开*/
.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;}