#M_4 .swiper-wrapper@charset "utf-8";
/* CSS Document */

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-size:14px; color: #666; color:#333; font-family:"微软雅黑"}
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; }
#M_13{padding-bottom:5%}
.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;}
#M_1 .MS_C_1{background-color: #11161f;}
#Content_1,#M_1 table{color:#959ca7;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#Content_1 a{color:#959ca7;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#Content_1 a:hover{color:#959ca7;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;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}

.sub_title {
	font-family: SweetSansPro;
	font-size: 42px;
	line-height: 1.4;
	margin-bottom: 0px;
	text-transform: uppercase; margin-top:30px
}

.sub_des {
	font-size: 12px;
	line-height: 1.7;
	text-transform: uppercase;
	margin-bottom: 50px
}
.ab_cons {
    width: 100%;
    height: auto;
    position: relative;
    line-height: 2;
}.ab_cons b {
    display: block;
    font-size: 23px;
    margin-top: 55px;
}.ab_cons p {
    font-size: 17px;
    margin-top: 10px;
}.demand {
    margin-top: 15%;
    margin-left: 40%;
}.input3 {
	float: left;
	height: 48px;
	width: 240px;

	border: 0px solid #FFFFFF;
	color: #6d6d6d;
	display: inline;
	line-height: 48px;
	font-size: 16px;
	text-align: left;
     padding-left:20px!important

}
.searchimg1 {
	float: left;
	display: inline;	
}
 form .btn {
    width: 160px;
    display: block;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    float: left;
    background-color: #c39753;
    border: none;
    color: #fff;
    font-size: 16px;
    transition: all 0.6s ease;
}
.boxs.b7 {
    background-size: cover;
    background: url(../images/bg5.jpg) no-repeat center top fixed;
    height: 379px;
}.boxs {
    width: 100%;
    height: auto;
    padding: 50px 0;
    position: relative;
    background: #f3f5f8;
}.w1200 { width:90%; margin:0 auto
}


.flex {
    display: flex;
    justify-content: space-between;
}.intro_box {
	width: 48%;
	color: #fff
}
.sub_name{
	font-size: 20px;
	margin-bottom: 30px;
}
.intro_box .ab_con {
	margin: 25px 0 50px;
	font-size: 16px;
	line-height: 2;
}

.product_box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 25px
}

.fm_list {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin-top: 30px;
}


.fm_list ul {
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


.fm_list ul li {
	width: 23.5%;
	height: 450px;
	color: #fff;
	cursor: pointer;
	position: relative;
	background: #000;
}
.fm_list ul li .thum{
	position: relative;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
.fm_list ul li .thum .pic{
	position: absolute;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: center center no-repeat;
	background-size: cover;
	-webkit-transition: all 2s;
	opacity: .7;
	-webkit-transform: scale(1.05);
}
.fm_list ul li:nth-child(2n) {
	margin-top: 55px;
}
.fm_list ul li .thum::after{
	width: 0%;
	height: 4px;
	position: absolute;
	left: 50%;
	top: 75%;
	margin-top: -2px;
	content: '';
	background: #fff;
	-webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 0;
}

.fm_list ul li b {
	font-size: 24px;
	line-height: 1.7;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	position: absolute;
	left: 0px;
	width: 100%;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
}
.fm_list ul li a:hover .thum .pic{
	-webkit-transform: scale(1);
}
.fm_list ul li a:hover b{
	top: 48%;
}
.fm_list ul li a:hover .thum::after{
	width: 10%;
	left: 45%;
	top: 55%;
	opacity: 1;
}
.plist {
	width: 50%;
	height: auto;
	float: right;
	margin-top: 150px;
	position: relative
}


.plist ul li .en {
	font-size: 35px;
	text-transform: uppercase;
	line-height: 1.4
}

.plist ul li .cn {
	font-size: 24px;
	text-transform: uppercase;
	line-height: 1.4
}

.plist ul li .des {
	font-size: 14px;
	line-height: 2;
	margin: 25px 0 45px
}

.plist ul li {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden
}

.plist ul li.active {
	opacity: 1;
	visibility: visible
}







@media only screen and (max-width:1279px){
#M_1 .h-call,.c-header,.ch-r{display: none}
}#Content_3,#M_3 table{color:#333333;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;}
#Content_3 a{color:#333333;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;}
#Content_3 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;}
#M_4 .main-slider .image-layer{opacity: 1 !important;}

.swiper-wrapper element.style{width:1577px !important;}

#M_5 .welcome-one {margin-top:30px !important;}

#M_3 .my_nav {box-shadow: 2px 7px 11px -4px rgba(0,0,0,0.18);
-webkit-box-shadow: 2px 7px 11px -4px rgba(0,0,0,0.18);
-moz-box-shadow: 2px 7px 11px -4px rgba(0,0,0,0.18);
    width: 100%;
    position: relative;
    z-index: 1000;
}

#M_8 .imgback{display:none !important;}


#M_8 .number-title>p{margin-top:20px !important;}


.news-two{background-image:none !important;}


#M_135 .news-one__read-more{display:none !important;}

#M_135 .news-one__date-box{display:none !important;}
#M_135 .news-one__text{display:none !important;}


#M_135 .news-two__text {padding-bottom:50px !important;}


#M_4 .thm-btn{display:none !important;}

#M_13 .news_text {padding:5px 20px 32px 0px !important; text-align:left}


#M_3 .my_nav{background-color:rgba(255, 255, 255, 0.9);}



#M_19 .inputCom input{background:#edf6fa !important;}
#M_19 .textCom textarea{background:#edf6fa !important;}

#M_20 .MS_C_1{background-color:#2d74cc !important;}




@media all and (max-width:2000px){  


#r3{  position:relative; padding-bottom:70px}}


@media all and (max-width:1400px){  


#r3{  position:relative;padding-bottom:70px}}




#r3 .bg .pic {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#r3 .rowMain .topic {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
 
}
#r3 .rowMain .topic .til {
 
}
#r3 .rowMain .topic .til h2 {
  line-height: 1;
  margin-right: 0.2rem; color:#1a1a1a; font-weight:normal; margin-bottom:30px;width:100%
}

@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
#r3 .rowMain .topic .til small {
  line-height: 1.3; width:100%; font-size:18px; color:#737373; font-family:Barlow-Regular; text-transform:uppercase
}
#r3 .rowMain .com {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; margin-top:10px
}
#r3 .rowMain .com .swiper-wrapper {
  justify-content: space-between;
  align-items: flex-start;
}
#r3 .rowMain .com .swiper-pagination {
  display: none;
  bottom: 32px;
}
#r3 .rowMain .com .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #f19319;
}
#r3 .rowMain .com .list {
  width: 18%;
  position: relative;
  height: auto;
}
#r3 .rowMain .com .list a {
  display: block;
}
#r3 .rowMain .com .list .photo {
  width: 100%;
  padding-bottom: 187%;
  position: relative;
  overflow: hidden;
  transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -ms-transition: transform 0.5s ease-in-out;
}
#r3 .rowMain .com .list .photo .pic {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -ms-transition: transform 0.5s ease-in-out;
  z-index: 0;
}
#r3 .rowMain .com .list .photo .pic::after {
  content: '';
  display: block;
  width: 120%;
  height: 120%;
  position: absolute;
  left: -10%;
  top: -10%;

  z-index: 3;
}
#r3 .rowMain .com .list .photo .pic .videoBtn {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  text-align: center;
  right: 12%;
  bottom: 10%;
}
#r3 .rowMain .com .list .photo .pic .videoBtn i {
  font-size: 0.5rem;
  color: #fff;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition-delay: 0.3s;
  line-height: 0.5rem;
  display: inline-block;
}
#r3 .rowMain .com .list .photo .pic .videoBtn.on i {
  opacity: 0;
  transition-delay: 0s;
}
#r3 .rowMain .com .list .photo .pic .videoBtn.on span {
  opacity: 0;
  transform: translateY(5px);
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -o-transform: translateY(5px);
  -ms-transform: translateY(5px);
}
#r3 .rowMain .com .list .photo .pic video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
}
#r3 .rowMain .com .list .msg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 12% 10% 12%;
}
#r3 .rowMain .com .list .msg i {
  font-size: 42px; color:#fff
}
#r3 .rowMain .com .list .msg h3 {
  margin-bottom: 5px;
  margin-top: 10px; color:#fff; font-weight:normal;
}
#r3 .rowMain .com .list .msg small {
  color: rgba(255, 255, 255, 1); font-size:14px; font-family:Barlow-Regular; text-transform:uppercase
}
#r3 .rowMain .com .list:nth-child(2n) {
  margin-top: 0.65rem;
}
@media screen and (orientation: landscape) {
  #r3 .rowMain .com .list:hover .photo {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
  }
  #r3 .rowMain .com .list:hover .photo .pic {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
}
#r3 .rowMain .com .list.on .photo .pic video {
  opacity: 1;
}



.max-wid {
  width: 90%;

  margin: auto;
}
.inner1 {
    width: 90%;
    margin: 0 auto; padding-top:0%; display:flex; justify-content:  space-between 
}
.inner {
    width: 100%;
    margin: 0 auto; padding-top:6%; text-align:center
}


.rowMain .section-title__tagline {
    display: inline-flex;
    color: #7b7981;
    font-family: " Microsoft YaHei";
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    align-items: center;
    line-height: 1.66em;
    margin-bottom: 2px 
}.rowMain .section-title__title {
    margin: 0;
    color: #1b1825;
    font-family: " Microsoft YaHei";
    font-size: 38px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.3em;
}.rowMain .section-title__tagline::before {
    content: '';
    background-color: #7b7981;
    width: 10px;
    height: 2px;
    margin-right: 10px;
}





.qiantao {
position:absolute;
top:0;left:0;right:0;z-index:99;
}
.back-no .MS_C_1 ,.back-no .MS_C_-1 {
background-color: rgba(0,0,0,0) !important;
}
.nac_active_fixed{
    /* position: fixed; */
    z-index: 10000;
    top: 0 !important;
    left: 0;
    right: 0;
    opacity:1 !important;
    transition: all 0.5s;
}

.nac_active_fixed .wow{visibility: visible !important;}

#M_3 .telephone_box{
display:flex;
align-items: center;
} 
#M_3 .telephone_box>div:nth-child(2){
padding-left:10px;
}
#M_3 .telephone_box>div:nth-child(2)>h4{
color:#ff0000;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;
line-height:1.3em; font-family:Arial, Helvetica, sans-serif
}
#M_3 .telephone_box>div:nth-child(2)>h5{
color:#4c4c4c;font-family:" Microsoft YaHei";font-size:18px;font-weight:bold;font-style:normal;
line-height:1.8em;
}
 
#M_3 .telephone_box>span{
background:#;
box-sizing: border-box;
display: block;
transition: all 0.3s;
margin:0.5em;
}

#M_3 .telephone_box .icon{
    width: 1em;
    height: 1em;
    fill: currentColor;
    overflow: hidden;
    color:#4c4c4c;font-family:" Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;
  }


.nac_active_sty{
position: static !important;
background:rgba(0,0,0,0.3);
}
.nac_active_sty .my_nav{
    position: static !important;
}


#M_3,#M_3 .MS_C_1{overflow: visible;}
#M_3 .MS_C_-1{overflow: visible;}

#M_3 a:hover{text-decoration: none;}

#M_3 .my_nav>.phone_nav{
      display: none;
}
#M_3 .my_nav{
  width: 100%;
}
#M_3 .my_nav::after{
  content: '';
  display: block;
bottom:-2px;
left:0;
right:0;
  height: 2px;
  position: absolute;
  z-index: 1;
  background: #;
  opacity: 0.4;
}

#M_3 .my_nav>.my_pc_content{
  display: flex;
  width: 90%;
  margin: 0 auto;
}
#M_3 .my_nav>.my_pc_content>a{
  padding: 10px 0px;
  display: flex;
  align-items: center;
}
#M_3 .my_nav>.my_pc_content>a>img{
  height: 70px;
}

#M_3 .pc_nav{
  display: flex;
flex:1;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
  z-index: 1000;
align-items: center;
}

#M_3 .pc_nav>li{position: relative;transition: all 0.3s; padding:20px 0px;}
#M_3 .pc_nav>li:hover a:after{
   width:10px;
 }
#M_3 .pc_nav>li:hover>a{
color:#1c489d;
}
#M_3 .pc_nav>li>a::after{
    content: '';
    display: block;
    height: 2px;
    z-index: -1;
    background: #1c489d;
    width: 0px;
    transition: width 0.3s;
    position: absolute;
    top: 50%;
    left: 0;
}

#M_3 .pc_nav>li>a{
position: relative;
  line-height: 2em;
  padding: 10px 20px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  color:#333333;font-family:" Microsoft YaHei";font-size:20px;font-weight:normal;font-style:normal;
}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1850px){  
#M_3 .pc_nav>li>a{
position: relative;
  line-height: 2em;
  padding: 10px 16px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  color:#333333;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;
}
}



#M_3 .pc_nav>li>.pc_nav_items{
  position: absolute;
  min-width: 100%;
  top: 140%;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  visibility: hidden;
  opacity:0;
  transition: all 0.5s;
    box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 10%);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
#M_3 .pc_nav>li>.pc_nav_items>li:hover{
background:#589dca;
}
#M_3 .pc_nav>li>.pc_nav_items:after{
content:"";
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
background: #ffffff;
opacity:1;
z-index:-1;
}
#M_3 .pc_nav_items>li>a{
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  padding: 0 20px;
  color:#333333;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;
  line-height: 3em;
}
#M_3 .pc_nav_items>li>a:hover{
  color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;
}
#M_3 .pc_nav>li:hover .pc_nav_items{
      visibility: visible;  top:100%;
  opacity:1;
}

#M_3 .transverse{
left:20px;
  display: flex;
 /* width: 310%;*/
  color:#333333;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;
  width:20em;
  flex-wrap:wrap;
}
#M_3 .transverse>li{
  
}
#M_3 .flex-box-left{
  justify-content: flex-start;
}
#M_3 .flex-box-center{
  justify-content: center;
}
#M_3 .flex-box-center>li:last-child>.transverse{
  left: -220%;
}
#M_3 .flex-box-right{
  justify-content: flex-end;
}
#M_3 .flex-box-right>li:last-child>.transverse{
  left: -220%;
}
#M_3 .flex-box-around {
  justify-content: space-around;
}
#M_3 .flex-box-around>li:last-child>.transverse{
  left: -220%;
}
/*#M_3 .flex-box-around>li:nth-child(1)>.transverse{
  left: 0px;
}
#M_3 .flex-box-around>li:last-child>.transverse{
  left: -159%;
}*/
@media screen and (max-width:1024px) {
#M_3 .telephone_box{
display:none;
} 

#M_3 .my_nav{
background:#ffffff;
}
#M_3 {
position:fixed;
z-index:10000;
top:0;
left:0;
right:0;
}
#M_3 .my_nav>.my_pc_content{
width:90%;
}
#M_3 .my_pc_content>a{
animation-name:none !important;
visibility: inherit !important;
}
  #M_3 .pc_nav{
   display:none;
  }
 #M_3 .my_nav>.phone_nav{
   display: block;
 }
 #M_3 .phone_nav .phone_nav_btn{
   position: fixed;
   top: 20px;
   right: 20px;
   z-index: 998;
   width: 35px;
   height: 35px;
 }
 #M_3 .phone_nav .phone_nav_btn::before,.phone_nav .phone_nav_btn::after{
    background-color: #89c3e6;
    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 .phone_nav .phone_nav_btn::before{
   top: 8px;
 }
 #M_3 .phone_nav .phone_nav_btn::after{
   bottom: 8px;
 }
 #M_3 .phone_btn_active::before{
    transform: translateY(8px) rotate(-45deg);
    -webkit-transform: translateY(8px) rotate(-45deg);
    -ms-transform: translateY(8px) rotate(-45deg);
 }
 #M_3 .phone_btn_active::after{
    transform: translateY(-8px) rotate(45deg);
    -webkit-transform: translateY(-8px) rotate(45deg);
    -ms-transform: translateY(-8px) rotate(45deg);
 }
 #M_3 .phone_nav>.phone_nav_items{
   position: fixed;
   box-sizing: border-box;
   top: 0;
   left: 0;
   width:80%;
background-color:#dff0f6;
   max-width: 100%;
   bottom: 0;
   transform: translateX(-100%);
   transition: all 0.3s;
padding:10px;
overflow-y: auto;
padding-bottom: 100px;z-index:1000;
 }
 #M_3 .phone_nav>.phone_nav_items::-webkit-scrollbar{
width:1px;
}

 #M_3 .phone_nav_background{
display:block;
position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
z-index:999;
transform: translateX(-100%);
}

 #M_3 .phone_nav>.phone_nav_items>li{
   box-sizing: border-box;
   padding: 12px 12px 12px 0px;
   line-height: 2em;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   position: relative;

 }
 #M_3 .phone_nav>.phone_nav_items>li>span{
   position: absolute;
   right: 10px;
   top: 10px;
   height: 40px;
   width: 70px;
z-index:100;
 }
  #M_3 .phone_active>.phone_nav_items{
    transform: translateX(0);
  }
  #M_3 .phone_active .phone_nav_background{
    transform: translateX(0) !important;
  }
  #M_3 .phone_active>.phone_nav_items>li{
    padding-left:12px !important;
    transition: padding 0.5s;
  }
  #M_3 .phone_nav_items>li>span::before,.phone_nav_items>li>span::after{
    background-color: #89c3e6;
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    width: 20%;
    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 .phone_nav_items>li>span::before{
   transform: translateX(-90%) rotate(33deg);
   top: 45%;
 }
 #M_3 .phone_nav_items>li>span::after{
   transform: translateX(-10%) rotate(-33deg);
   top: 45%;
 }
 #M_3 .phone_items_items{
   background: rgba(0, 0, 0, 0.04);
 }
 #M_3 .phone_items_items>a{
   opacity: 0.5;
 }
 #M_3 .phone_items_items>span::before{
   transform: translateX(-90%) rotate(-33deg) !important;
   opacity: 0.8;
 }
  #M_3 .phone_items_items>span::after{
   transform: translateX(-10%) rotate(33deg) !important;
   opacity: 0.8;
 }
 #M_3 .phone_nav_items_child{
   padding: 0 20px;
   box-sizing: border-box;
   display: none;
 }
 #M_3 .phone_nav_items_child>li{
   box-shadow: 2px 1px 4px #dff0f6;
   box-sizing: border-box;
   line-height: 1;
 }
 #M_3 .phone_nav_items_child>li>a{
   width: 100%;
   box-sizing: border-box;
 /*  height: 100%; */
   display: block;
   padding: 14px;
   line-height: 1;
color:#666666;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
 }
#M_3 .phone_nav>.phone_nav_items>li>a{
color:#333333;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
}
#M_3 .telephone_box>div:nth-child(2)>h4{
color:#007f7f;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
}
#M_3 .telephone_box>div:nth-child(2)>h5 {
color:#333333;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
}

#M_3 .my_nav>.my_pc_content>a>img{
  height: 40px;
}
#M_3 .my_nav>.my_pc_content{
padding-left:10px;
}
#M_3 .phone_nav_c_btn{
    display: flex;
    justify-content: space-between;
    position: relative;
padding-bottom:50px !important;
}
#M_3 .phone_nav_c_btn>img{
filter: brightness(130%);
height: 40px;
}
}

/* about
-------------------------------------------------------------- */

.about{
	padding-top:107px; padding-bottom:90px
	}
.about .aboutnr{
	width:100%;
	overflow:hidden;
	margin-top:20px; display:flex
}
.about .aboutlf{
	padding:25px 20px 0 0;
	}
.aboutlf .aboutimg{
	position:relative;
	}
.aboutlf .aboutimg img{
	width:100%;
	height:auto;
	}
.aboutlf .aboutimg a{
	display:block;
	width:80px;
	height:80px;
	background:#1c489d url(../images/icon3.png) no-repeat center;
	z-index:99;
	position:absolute;
	right:0;
	bottom:0;
	}
.about .aboutrt{
	padding:0 0 0 48px;
	}
.aboutrt h4{
	width:100%;
	overflow:hidden;
	font-size:36px;
	color:#343434;
	line-height:40px; font-weight:bold
	}
.aboutrt .abouten{
	width:100%;
	overflow:hidden;
	font-family:Arial;
	font-size:18px;
	color:#a3a3a3;
	line-height:20px;
	text-transform:uppercase;
	margin-top:15px;
	}
.aboutrt hr{
	width:35px;
	border:none;
	border-bottom:solid 2px #1c489d;
	margin-top:38px; margin-left:0
	}
.aboutrt h5{
	width:100%;
	overflow:hidden;
	font-size:24px;
	color:#343434;
	line-height:30px;
	margin-top:64px;font-weight:bold
	}
.aboutrt .aboutms{
	width:100%;
	overflow:hidden;
	font-size:18px;
	line-height:36px;
	color:#7f7f7f;
	margin-top:10px;
	}
	
	.ab_fl{
	width:100%;
	overflow:hidden;
	margin-top:100px; display:flex
}
.col-md-4 {
    width: 33.33333333%;
}
.ab_fl dl{
	overflow:hidden;
	padding:0;
	border-right:solid 1px #e0e0e0;
}
.ab_fl dl:last-child{
	border-right:none;
	}
.ab_fl dl dt{
	width:100%;
	overflow:hidden;
	font-size:18px;
	font-weight:normal;
	color:#343434;
	text-align:center;
}
.ab_fl dl dd{
	width:100%;
	overflow:hidden;
	color:#343434;
	font-size:18px;
	line-height:25px;
	margin-top:20px;
	text-align:center;
}
.ab_fl dl dt .counter{
	font-size:62px;
	color:#1c489d;
	margin-right:10px;
	font-weight:bold;
	line-height:60px;
	font-family:Arial, Helvetica, sans-serif;
	}
.aboutmore{
	width:100%;
	overflow:hidden;
	margin-top:104px;
	}
.aboutmore a{
	width:182px;
	height:48px;
	display:block;
	margin:auto;
	line-height:48px;
	text-align:center;
	background:#d61821;
	color:#fff;
	font-size:16px;
	border-radius:30px;
	}.cont {
    width: 90%;
    overflow: hidden;
    margin: auto;
}/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1650px){  

.aboutrt .aboutms{
	width:100%;
	overflow:hidden;
	font-size:15px;
	line-height:28px;
	color:#7f7f7f;
	margin-top:10px;
	}
	
	.aboutrt h5{
	width:100%;
	overflow:hidden;
	font-size:22px;
	color:#343434;
	line-height:30px;
	margin-top:44px;font-weight:bold
	}
	.aboutrt h4{
	width:100%;
	overflow:hidden;
	font-size:30px;
	color:#343434;
	line-height:40px; font-weight:bold
	}.ab_fl{
	width:100%;
	overflow:hidden;
	margin-top:60px; display:flex
}.ab_fl dl dd{
	width:100%;
	overflow:hidden;
	color:#343434;
	font-size:15px;
	line-height:25px;
	margin-top:10px;
	text-align:center;
}.ab_fl dl dt{
	width:100%;
	overflow:hidden;
	font-size:15px;
	font-weight:normal;
	color:#343434;
	text-align:center;
}
}


.tit {
    width: 100%;
    overflow: hidden;
}.tit p {
    width: 100%;
    overflow: hidden;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
    color: #343434;
    line-height: 40px;
    text-transform: uppercase;
}.tit h3 {

}.col-md-61{
    width: 50%;
}
@media(max-width:991px) {
	
	.about .aboutrt{
		padding:0;
		margin-top:30px;
	}
	.aboutrt h4 {
		font-size: 24px;
	}}




#Content_4,#M_4 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:20px;font-weight:normal;font-style:normal;}
#Content_4 a{color:#56aaff;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#Content_4 a:hover{font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_4 .main-slider {
  position: relative;
  display: block;
  overflow: hidden;
}
#M_4 .videoBtnBox{
display:none;
position:relative;
}
#M_4 .mutedBtn{
position:absolute;
z-index:999;
left:50px;
bottom:50px;
opacity:0.5;
    cursor: pointer;
transition: all 0.5s;
}
#M_4 .mutedBtn img{
width:50px;
display:none;
}
#M_4 .mutedBtn .volumeMiddle{
display:block;
}
#M_4 .mutedBtn .volumeDisable{
display:none;
}

#M_4 .mutedBtn:hover{
opacity:1;
}
#M_4 .volumeMiddleSelect .volumeMiddle{
display:none;
}
#M_4 .volumeMiddleSelect .volumeDisable{
display:block;
}

#M_4 .is_video{display:block;}
#M_4 .no_video{display:none !important;}
#M_4 video::-webkit-media-controls{ 
display:none !important;
}
 #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;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    bottom: 0;
    z-index: 1;
    }


#M_4 .banner_ie_video{
      height:auto !important;
      position: relative;
      top:50%;
      transform: translateY(-50%);
}

#M_4 .icon {
color:#2d74cc;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
#M_4 .swiper-wrapper{height:calc(100vh - 6px);}
#M_4 .main-slider .swiper-slide {
  position: relative;
  background-color: #1b1825;
}

#M_4 .main-slider .image-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: scale(1);
  transition: transform 7000ms ease;
  z-index: 1;
  
  opacity: 0.4;
}


#M_4 .main-slider-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  background-size: cover;
  opacity: 0;
  transform: translateX(200px);
  z-index: 2;
}

#M_4 .main-slider .swiper-slide-active .main-slider-shape-1 {
  opacity: 1;
  transform: translate(0);
  transition: all 1000ms ease;
  transition-delay: 200ms;
}

#M_4 .main-slider .container {
  position: relative;
  padding-top: 218px;
  padding-bottom: 235px;
  z-index: 30;
}

#M_4 .main-slider__content {
  position: relative;
  display: block;
  z-index: 30;
}

#M_4 .main-slider h2 {
  margin: 0;
  margin-bottom: 32px;
padding:0 6% 12px;
  color:#ffffff;font-family:" Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;
  opacity: 0;
  visibility: hidden;
  transform: translateY(120px);
  transition-delay: 1000ms;
  transition: transform 2000ms ease, opacity 2000ms ease;
  
  letter-spacing: -0.02em;
  z-index: 30;
}

#M_4 .main-slider p {
  color:#ffffff;font-family:" Microsoft YaHei";font-size:20px;font-weight:normal;font-style:normal;
  margin: 0;
padding:0 6%;
  margin-bottom: 53px;
  opacity: 0;
  transform: translateY(100px);
  transition-delay: 2500ms;
  transition: transform 2000ms ease,
      opacity 2000ms ease,
      color 500ms ease,
      background 500ms ease;
  z-index: 30;
}

#M_4 .main-slider .thm-btn {
  opacity: 0;
  transform: translateY(100px);
  transition-delay: 2500ms;
  transition: transform 2000ms ease,
      opacity 2000ms ease,
      color 500ms ease,
      background 500ms ease;
}

#M_4 .main-slider .swiper-slide-active .image-layer {
  transform: scale(1.1);
}

#M_4 .main-slider .swiper-slide-active .thm-btn,
#M_4 .main-slider .swiper-slide-active p,
#M_4 .main-slider .swiper-slide-active h2,
#M_4 .main-slider .swiper-slide-active p {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) translateX(0);
}
#M_4 .thm-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  border: none;
  outline: none !important;
  background-color: #ffffff;
  color:#56aaff;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;
  text-transform: uppercase;
  padding: 24px 60px 24px;
  border-radius: 8px;
  transition: all 0.3s linear;
  overflow: hidden;
  letter-spacing: 0.2em;
  z-index: 1;
text-decoration: none;
}

#M_4 .thm-btn:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: #ffaa56;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .5s;
  transition-property: all;
  opacity: 1;
  transform-origin: bottom;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
}

#M_4 .thm-btn:hover:after {
  opacity: 1;
  transform: scaleY(1.0);
}

#M_4 .thm-btn:hover {
  font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;
}
#M_4 .main-slider__nav {
  width: 100%;
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translateY(-50%) translateX(-50%);
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}



#M_4 #main-slider-pagination {
  z-index: 10;
  bottom: 59px;
  left: 50%;
  width: 100%;
  max-width: 1200px;
  transform: translateX(-50%);
  text-align: left;
  display: flex;
  align-items: center;
  padding: 0 15px;
}

#M_4 #main-slider-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: 0.4;
  background-color: #ff0000;
  transition: all 500ms ease;
}

#M_4 #main-slider-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 10px;
}

#M_4 #main-slider-pagination .swiper-pagination-bullet {
  margin: 0;
}

#M_4 #main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 13px;
  height: 13px;
  opacity: 1;
background-color: #2d74cc;
}


#M_4 .main-slider-two {
  position: relative;
  display: block;
}
#M_4 .mobaile{
display:none;
}

#M_4 .main-slider-two .container {
  padding-top: 243px;
  padding-bottom: 220px;
}

#M_4 .main-slider-two .main-slider__content {
  position: relative;
  display: block;
  text-align: center;
  z-index: 1;
}

#M_4 .main-slider-two__map {
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 410px;
  width: 582px;
  transform: translateX(-50%);
  opacity: 0.15;
  z-index: -1;
}

#M_4 .main-slider-two h3 {
 color:#ffffff;font-family:" Microsoft YaHei";font-size:3.4rem;font-weight:bold;font-style:normal;
padding:17px 6%;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(-120px);
  transition-delay: 2500ms;
  transition: transform 2000ms ease,
      opacity 2000ms ease,
      color 500ms ease,
      background 500ms ease;
}

#M_4 .main-slider-two .swiper-slide-active h3 {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) translateX(0);
}

#M_4 .main-slider-two h2 {
  letter-spacing: 0;
}

#M_4 .main-slider-two h2 span {
  position: relative;
  display: inline-block;
}

#M_4 .main-slider-two h2 span:before {
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  content: "";
  height: 5px;
  background-color: var(--thm-base);
}

#M_4 .main-slider-two p {
  margin-bottom: 0px;	font-family:FS-Albert; text-transform:uppercase
}@font-face {
	font-family:FS-Albert;
	src: url('../fonts/CgFuturaMaxiLt.ttf'); }

#M_4 .main-slider__nav-two {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}


#M_4 .main-slider__nav-two .swiper-button-next {
background:none !important;
  position: relative;
  width: 63px;
  height: 63px;
  line-height: 63px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 9;
  margin-right: 100px;
  font-size: 30px;
  border: 2px solid #2d74cc;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
  transition: 0.5s;
}

#M_4 .main-slider__nav-two .swiper-button-prev {
background:none !important;
  position: relative;
  width: 63px;
  height: 63px;
  line-height: 63px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 9;
  margin-left: 100px;
  font-size: 30px;
  border: 2px solid #2d74cc;
  background-color: transparent;
  transition: 0.5s;
  opacity: 0.3;
  display: flex;
  align-items: center;
  justify-content: center;
}


#M_4 .main-slider__nav-two .swiper-button-next:hover,
#M_4 .main-slider__nav-two .swiper-button-prev:hover {
  opacity: 1;
}

#M_4 .main-slider__nav-two .swiper-button-next::after,
#M_4 .main-slider__nav-two .swiper-button-prev::after {
  display: none;
}

#M_4 .main-slider__nav-two .swiper-button-prev {
  margin-bottom: 10px;
}

#M_4 .main-slider-two #main-slider-pagination {
  text-align: center;
  justify-content: center;
}


@media screen and (max-width: 1024px){
#M_4 .main-slider__nav-two{
    display:none;
}
#M_4 .main-slider-two .container{
padding-top: 100px;
padding-bottom: 150px;
}
#M_4 .main-slider-two .swiper-slide-active h3{
padding: 17px 6%;
}
#M_4 .main-slider h2 {
padding: 12px 6%;
font-size: 30px;
}
#M_4 .main-slider p{
padding: 0 6%;
}
#M_4 .swiper-slide{
height:auto;
}
}


@media screen and (max-width: 760px){
#M_4 .mobaile{
display:block;
}
#M_4 .pc{
display:none;
}
#M_4 .main-slider-two .swiper-slide-active h3{
font-size: 26px;
}
#M_4 .main-slider h2 {
font-size: 20px;
}
#M_4 .main-slider h4 {
font-size: 20px;
}
#M_4 .main-slider p{
font-size: 14px;
}

#M_4 .thm-btn {
 

  padding: 16px 40px 16px;

 
}
}

#L_21{width:1300px;margin:0 auto;}
#L_23{width:1300px;margin:0 auto;}
#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;  background:url(../images/bg2.jpg) no-repeat center top; background-size:cover; padding-top:5%}
#L_10{width:100%;margin:0 auto;}
#L_12{width:100%;margin:0 auto;}
#L_12{background:url(https://files.b2b.cn/skin/2023/0706/1d143a58aef74a558ef86f4c7ab331b0.jpg) no-repeat center 0;}

#L_24_99{background:url(../images/bg3.jpg) no-repeat; background-size:100% 100%;}
#L_24{width:1300px;margin:0 auto;}
#L_9{width:100%;margin:0 auto;}
#L_11{width:100%;margin:0 auto;}
#M_8 .MS_C_1{background:url(../images/bg1.jpg) no-repeat center center; background-size:cover}
#Content_8,#M_8 table{color:#1c489d;font-family:" Microsoft YaHei";font-size:38px;font-weight:bold;font-style:normal;}
@keyframes ImgBounce2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
}



#M_8 .MS_C_1,#M_8 .MS_C_-1{
background-attachment: fixed;
}
#M_8 .number-title{
padding:90px 20px 100px 20px;
text-align:center;
margin-bottom:30px;

}  

#M_8 .imgback{
position:absolute;
left:50%;
transform: translateX(-50%);
}
#M_8 .imgback img{
animation: ImgBounce2 5s linear 0s infinite alternate;
}

#M_8 .number-title>h2{
color:#ffffff;font-family:"KaiTi_GB2312";font-size:65px;font-weight:bold;font-style:normal;
}
#M_8 .number-title>h3{
color:#ffffff;font-family:" Microsoft YaHei";font-size:32px;font-weight:normal;font-style:normal; margin-top:1%
}
#M_8 .number-title>p{
color:#ffffff;font-family:"Arial";font-size:28px;font-weight:bold;font-style:normal;
}  
#M_8 .number_content-title{
position: relative;
}
#M_8 .number_content-title::before{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    content: "";
    background: rgba(17, 22, 31, 0.5);
z-index=1;
}


 #M_8 .number_content{
      width: 90%;
      display: flex;
      flex-wrap: wrap; 
      box-sizing: border-box; 
      background-color: #ffffff;
position: relative; margin:0 auto
    }

#M_8 .number_content::before{
    position: absolute;
    height: 10px;
    width: 100%;
    top: -10px;
    left: 0;
    content: "";
    background: #89c3e6;
z-index=1;
}


  #M_8  .nums_actives{
       padding: 50px 30px 20px 30px;
 width:25%;
      position: relative;box-sizing: border-box; 
     border-right:1px solid #eee;

    }

  #M_8 .nums_actives>h1{
    width:100%
    box-sizing: border-box;
    padding: 0px 10px;
    overflow: hidden;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    justify-content: center;
color:#1c489d;font-family:" Microsoft YaHei";font-size:38px;font-weight:bold;font-style:normal;
   }
     #M_8 .nums_actives>h1 span{color:#1c489d;font-size:38px;font-weight:bold;font-style:normal;}
   
   
   #M_8 .nums_actives>p{
      width:100%;
      text-align: center;
      box-sizing: border-box;
      padding:10px 20px;
      color:#666666;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;
    }
#M_8 .nums_actives .right-dw1{
display:none;
}
#M_8 .nums_actives .right-dw{
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
#M_14 .section-title__title{ font-size:38px; color:#000; font-weight:bold}
#M_14 .section-title__tagline{ display: inline-flex;
    color: #7b7981;
    font-family: " Microsoft YaHei";
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    align-items: center;
    line-height: 1.66em;
    margin-bottom: 2px;}


  @media  (max-width:760px) {
#M_8 .number_content{width:96%;margin: 0 auto;padding:20px;}
#M_8  .nums_actives{width:50%;}
#M_8 .nums_actives>h1{font-size: 18px; padding:0 18px;}

#M_8 .nums_actives>p{font-size: 12px;padding:0px 10px 10px 10px;}
}#M_14 .MS_C_1{padding:20px 0px 40px 0px ;}
#Content_14,#M_14 table{color:#033333;font-family:" Microsoft YaHei";font-size:36px;font-weight:bold;font-style:normal;}


#M_14 .title-h{
    padding-bottom:18px;
line-height:2em;
color:#1c489d;font-family:" Microsoft YaHei";font-size:36px;font-weight:bold;font-style:normal;
}
#M_14 .separater{
position: relative;
    width: 6px;
    height: 6px;
    background-color: #99cee9;
margin-left:60px;
}
#M_14 .separater:before {
    position: absolute;
    content: '';
    left: -60px;
    bottom: 2px;
    width: 40px;
    height: 2px;
    display: inline-block;
    background-color: #99cee9;
    text-align: center;
}



@media (min-width: 1360px){
#M_14 .container {
    max-width: 90%;
}
}


#Content_13,#M_13 table{color:#666666;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_13 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#Content_13 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;}
#M_13 .news_item2{
display:flex;margin-bottom: 30px;flex:1;
}


#M_13 .box2-title{
color:#022222;font-family:" Microsoft YaHei";font-size:20px;font-weight:bold;font-style:normal;
line-height:2em;
margin-bottom:10px;
}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1650px){  

#M_13 .box2-title{
color:#022222;font-family:" Microsoft YaHei";font-size:18px;font-weight:bold;font-style:normal;
line-height:2em;
margin-bottom:10px; height:40px; display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1; 
        overflow: hidden;

}

}

#M_13 .box2-info{
color:#666666;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
line-height:2em; height:60px;display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; 
        overflow: hidden;


}

#M_13 .btn-link{
color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;
}
#M_13 .btn-link:hover{
color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;
}

#M_13 .box2{
    display: flex;
    flex-direction: column;padding-left: 50px;

} 
#M_13 .news_text{
text-align:center;
padding: 32px 20px 32px 30px;flex:1;
}
#M_13 .title-h3{
margin-bottom:16x;
	color:#000222;font-family:" Microsoft YaHei";font-size:22px;font-weight:bold;font-style:normal;
line-height:2em; text-align:left; margin-top:2%
}

#M_13 .title-p{
line-height:2em;	color:#666666;font-family:" Microsoft YaHei";font-size:15px;font-weight:normal;font-style:normal; text-align:left; height:60px; display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;  
        overflow: hidden;

}

#M_13 span{ text-align:left!important; font-weight:bold; font-size:18px; color:#1c489d; font-family:Arial, Helvetica, sans-serif; display:block; margin-top:1%}


#M_13 a{
text-decoration: none;
}
#M_13 .new_box{
    display: flex;

  }
#M_13 .new_box>div{
    width:50%;

  }

  #M_13 .new_box .item_img{
    display:block;
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  #M_13 .new_box .item_img2{
    display:block;
    width: 40%;
    position: relative;
    overflow: hidden;
  }


 #M_13 .new_box .item_img>img{
    width: 100%;
    max-height: 100%;
  }
 #M_13 .new_box .item_img>span{
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-color: #1ba84a;
z-index:10;
    color: #fff;
    border-radius: 32px 0 0 32px;
transition: all 0.5s;
  }
 #M_13 .new_box .item_img>span>a{
    padding: 13px 39px;display: inline-block;
    cursor: pointer;
}

 #M_13 .new_box .news_item:hover .item_img>span{
bottom: 30px;
opacity:1;
}

 #M_13 .item_img>span:hover{

background: #1c489d;
}

#M_13 .new_box .news_item .item_img::after {
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
#M_13 .new_box .news_item:hover .item_img:after {
    opacity: 1;
    top: -20%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: .7s, 0.7s, 0.15s;
    transition-timing-function: linear;
}


@media (min-width: 1360px){
#M_13 .container {
    max-width: 90%;
}
}
@media (max-width: 760px){
#M_13 .new_box{
   flex-direction: column;
}
#M_13 .new_box>div {
    width: 100%;
}
#M_13 .box2{
margin-left0; padding-left:0;
}
#M_13 .news_item2 {
    flex-direction: column;
}
#M_13 .new_box .item_img2{width:100%;}

}
#M_5 .MS_C_1{padding:60px 0px ;}
#Content_5,#M_5 table{color:#666666;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_5 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_5 a:hover{color:#333333;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}
#M_5 .welcome-one {
  position: relative;
  display: block;
  padding: 0px 0 20px 0;
margin-top:70px;
}

#M_5 .welcome-one__left {
  position: relative;
  display: block;
  margin-right: 100px;
  margin-top: -60px;
  z-index: 2;
}

#M_5 .welcome-one__img-box {
  position: relative;
  display: block;
}

#M_5 .welcome-one__img-box:before {
  position: absolute;
 top: 5%;
    left: -20px;
    width: 30px;
    height: 90%;
  content: "";
  background-color: #89c3e6;
  border-radius: 8px;
}

#M_5 .welcome-one__img {
  position: relative;
  display: block;
  border-radius: 8px;
  overflow: hidden;
}

#M_5 .welcome-one__img:after {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  transform: skewX(-25deg);
  z-index: 1;
}

#M_5 .welcome-one__img-box:hover .welcome-one__img:after {
  -webkit-animation: shine 1.5s;
  animation: shine 1.5s;
}

#M_5 .welcome-one__img img {
  width: 100%;
  border-radius: 8px;
}

#M_5 .welcome-one__certified {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0;
  right: -60px;
  padding: 40px 40px 36px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 2;
}
#M_5 .section-title__title{
color:#589dca;font-family:" Microsoft YaHei";font-size:34px;font-weight:normal;font-style:normal;
}
#M_5 .welcome-one__certified-icon {
  position: relative;
  display: block;
  margin-bottom: 3px;
}

#M_5 .welcome-one__certified-icon span {
  position: relative;
  display: inline-block;
  transform: rotateY(0deg);
  transition: all 500ms ease;
}

#M_5 .welcome-one__certified:hover .welcome-one__certified-icon span {
  transform: rotateY(180deg);
}

#M_5 .welcome-one__certified-text {
  color:#333333;font-family:" Microsoft YaHei";font-size:20px;font-weight:normal;font-style:normal;
  line-height: 1.5em;
 
}

#M_5 .welcome-one__right {
  position: relative;
  display: block;
  
}

#M_5 .welcome-one__right .section-title {
  margin-bottom:18px;
}

#M_5 .welcome-one__right-text {
  margin: 0;
  color:#666666;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
line-height:1.88em;
}

#M_5 .welcome-one__funded {
  position: relative;
 
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

#M_5 .welcome-one__funded-content {
 
}

#M_5 .welcome-one__funded-text {
  color:#333333;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
line-height:1.88em;
}

#M_5 .section-title__tagline {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    color:#333333;font-family:" Microsoft YaHei";font-size:34px;font-weight:bold;font-style:normal;
}
#M_5 .section-title__tagline::before {
    content: '';
    background-color: #333333;
    width: 10px;
    height: 2px;
    margin-right: 10px;
}

#M_5 .welcome-one__funded-name a {
    background-color: #fc3c3c;
    display: inline-block;
    padding: 14px 20px;
    text-align: center;
    color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
    border-radius: 5px;
    text-decoration: none;
}
#M_5 .welcome-one__funded-name a:hover {
    background: #ffffff;
    transition: all 500ms ease;
color:#333333;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
}
#M_5 .welcome-one__funded-img{

}

@media (max-width: 760px){
#M_5 .welcome-one__left{
margin-right:0;
}
}#Content_32,#M_32 table{color:#007f7f;font-family:"Arial";font-size:48px;font-weight:bold;font-style:normal;}
#Content_32 a{color:#56ffaa;}
#Content_32 a:hover{color:#005fbf;}
   #M_32 .number_content{
      width: 100%;
      display: flex;
      flex-wrap: wrap; 
      box-sizing: border-box; 
      padding: 40px 30px;
padding-bottom:30px;
      overflow: hidden;
      background-color: #;
    }

  #M_32  .nums_actives{
      width:285px;
      position: relative;
    }

  #M_32 .nums_actives>h1{
    width:100%
    box-sizing: border-box;
    padding: 0px 10px;
    overflow: hidden;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    justify-content: center;
color:#007f7f;font-family:"Arial";font-size:48px;font-weight:bold;font-style:normal;
   }
   #M_32 .nums_actives>p{
      width:100%;
      text-align: center;
      box-sizing: border-box;
      padding:10px 20px;
      color:#56ff56;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
    }
#M_32 .nums_actives .right-dw1{
display:none;
}
#M_32 .nums_actives .right-dw{
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
#M_32 .nums_actives .right-dw>strong:nth-child(2){
color:#ff00ff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
}
#M_32 .nums_actives .right-dw>strong:nth-child(1){

color:#7f3f00;font-family:"Arial";font-size:20px;font-weight:normal;font-style:normal;
}
  @media  (max-width:760px) {
#M_32 .number_content{width:96%;margin: 0 auto;padding:20px;}
#M_32  .nums_actives{width:50%;}
#M_32 .nums_actives>h1{font-size: 18px; padding:0 18px;}
#M_32 .nums_actives .right-dw>strong:nth-child(1){font-size: 14px;}
#M_32 .nums_actives .right-dw>strong:nth-child(2){font-size: 12px;}
#M_32 .nums_actives>p{font-size: 12px;padding:0px 10px 10px 10px;}
}#M_34 .MS_C_1{padding:50px 0px 50px 0px ;}
#M_34 .swiper-wrapper{min-width:100%;height: auto;}
#M_34 .cooperation_people{width: 100%; overflow: hidden;}
#M_34 .cooperation_people .cooperation_people_swiper{width: 100%;}
#M_34 .cooperation_people .cooperation_people_swiper .swiper-slide {height:60px; margin-bottom:20px;}
#M_34 .cooperation_people .cooperation_people_swiper .swiper-slide div{width: 100%; height: 100%; border-right: 1px # solid; position: relative;}

#M_34 .cooperation_people .cooperation_people_swiper .swiper-slide div a{
display:block;
width:100%;
height:100%;
}
#M_34 .cooperation_people .cooperation_people_swiper .swiper-slide img{max-width: 90%; max-height: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#M_34 .cooperation_people .cooperation_people_swiper .swiper-slide img:hover{transform:translate(-50%,-50%) scale(1.2); transition: all 0.5s;}

@media (max-width:760px){
#M_34 .MS_C_1 {
padding: 30px 5%;
box-sizing: border-box;
}
#M_34 .cooperation_people .cooperation_people_swiper .swiper-slide img:hover{transform: scale(1.1); transition: all 0.5s;}
}#Content_41,#M_41 table{color:#1c489d;font-family:"Arial";font-size:60px;font-weight:bold;font-style:normal;}
#Content_41 a{color:#56ffaa;}
#Content_41 a:hover{color:#005fbf;}
   #M_41 .number_content{
      width: 100%;
      display: flex;
      flex-wrap: wrap; 
      box-sizing: border-box; 
      padding: 40px 30px;
padding-bottom:30px;
      overflow: hidden;
      background-color: #;
    }

  #M_41  .nums_actives{
      width:285px;
      position: relative;
    }

  #M_41 .nums_actives>h1{
    width:100%
    box-sizing: border-box;
    padding: 0px 10px;
    overflow: hidden;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    justify-content: center;
color:#1c489d;font-family:"Arial";font-size:60px;font-weight:bold;font-style:normal;
   }
   #M_41 .nums_actives>p{
      width:100%;
      text-align: center;
      box-sizing: border-box;
      padding:10px 20px;
      color:#666666;font-family:" Microsoft YaHei";font-size:24px;font-weight:normal;font-style:normal;
    }
#M_41 .nums_actives .right-dw1{
display:none;
}
#M_41 .nums_actives .right-dw{
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
#M_41 .nums_actives .right-dw>strong:nth-child(2){
color:#ff00ff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
}
#M_41 .nums_actives .right-dw>strong:nth-child(1){

color:#4c4c4c;font-family:" Microsoft YaHei";font-size:24px;font-weight:normal;font-style:normal;
}
  @media  (max-width:760px) {
#M_41 .number_content{width:96%;margin: 0 auto;padding:20px;}
#M_41  .nums_actives{width:50%;}
#M_41 .nums_actives>h1{font-size: 18px; padding:0 18px;}
#M_41 .nums_actives .right-dw>strong:nth-child(1){font-size: 14px;}
#M_41 .nums_actives .right-dw>strong:nth-child(2){font-size: 12px;}
#M_41 .nums_actives>p{font-size: 12px;padding:0px 10px 10px 10px;}
}#M_43 .MS_C_1{padding:50px 0px 50px 0px ;}
#M_43 .swiper-wrapper{min-width:100%;height: auto;}
#M_43 .cooperation_people{width: 100%; overflow: hidden;}
#M_43 .cooperation_people .cooperation_people_swiper{width: 100%;}
#M_43 .cooperation_people .cooperation_people_swiper .swiper-slide {height:50px; margin-bottom:20px;}
#M_43 .cooperation_people .cooperation_people_swiper .swiper-slide div{width: 100%; height: 100%; border-right: 1px # solid; position: relative;}

#M_43 .cooperation_people .cooperation_people_swiper .swiper-slide div a{
display:block;
width:100%;
height:100%;
}
#M_43 .cooperation_people .cooperation_people_swiper .swiper-slide img{max-width: 90%; max-height: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#M_43 .cooperation_people .cooperation_people_swiper .swiper-slide img:hover{transform:translate(-50%,-50%) scale(1.2); transition: all 0.5s;}

@media (max-width:760px){
#M_43 .MS_C_1 {
padding: 30px 5%;
box-sizing: border-box;
}
#M_43 .cooperation_people .cooperation_people_swiper .swiper-slide img:hover{transform: scale(1.1); transition: all 0.5s;}
}#M_57 .MS_C_1{padding:30px 0px 50px 0px ;}
#Content_57,#M_57 table{color:#666666;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_57 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_57 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_57 {overflow: inherit;}
#M_57 .MS_C_1 {
    overflow: inherit;
}    
#M_57 a:hover{
text-decoration: none;
}
#M_57 .about_box{
      display: flex;
    }
    #M_57 .about_box>div{
      width: 50%;
    }
    #M_57 .about_box>div:nth-child(1){
      padding-left: 40px;
      padding-bottom: 40px;
      position: relative;
      z-index: 2;
    }
    #M_57 .about_box>div:nth-child(1)::after{
      content: '';
      top: 40px;
      left: 0;
      bottom: 0;
      width: 80%;
      background: #e5f3f8;
      position: absolute;
      z-index: -1;
    }
    #M_57 .about_box>div:nth-child(2){
      padding: 40px 0;
      position: relative;
      z-index: 1; 
    }
    #M_57 .about_box>div:nth-child(1)>div{
      height: 480px;
     min-height: 100%;
    }
    #M_57 .about_box>div:nth-child(2)>div{
      box-shadow: 0 1px 18px 1px rgb(54 62 69 / 60%);
      height: 100%;
      padding: 60px;
      box-sizing: border-box;
      background: #ffffff;
    }
    #M_57 .about_box>div:nth-child(2)>div>h2{
      color:#589dca;font-family:" Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;
    }
    #M_57 .about_box>div:nth-child(2)>div>p{
      color:#666666;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
      line-height: 2.25em;
      margin: 25px 0 0;
      text-align: justify;
    }
    #M_57 .about_box>div:nth-child(2)>div>a{
      display: inline-block;
      margin-top: 20px;
      padding: 10px 10px 10px 20px;
      background: #363e45;
      cursor: pointer;
      position: relative;
      overflow: hidden;
    }
    #M_57 .about_box>div:nth-child(2)>div>a::after{
      position: absolute;
      right: 0;
      top: 0;
      width: 20px;
      content: "";
      height: 0;
      border-top: 5em solid #104492;
      border-left: 28px solid transparent;
      -webkit-transition: all .5s;
      transition: all .5s;
    }
    #M_57 .about_box>div:nth-child(2)>div>a:hover:after{
      width: 100%;
    }
#M_57 .about_box>div:nth-child(2)>div>a:hover span{
      color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
    }
    #M_57 .about_box>div:nth-child(2)>div>a>span{
      position: relative;
      z-index: 1;
      color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
    }
    #M_57 .about_box>div:nth-child(2)>div>a>span>i{
      font-weight: bold;
      font-style: normal;
      margin-left: 18px;
    }

    @media screen and (max-width:760px){
#M_57 .MS_C_1 {
    padding: 0 5%;
    box-sizing: border-box;
}
      #M_57 .about_box{
        flex-wrap: wrap;
      }
      #M_57 .about_box>div{
        width: 100%;
      }
#M_57 .about_box>div:nth-child(1){
 padding-left: 20px;
 padding-bottom: 20px;
}
#M_57 .about_box>div:nth-child(2) {
    padding: 20px 0 40px 0;
}
      #M_57 .about_box>div:nth-child(2)>div{
        padding: 20px;
      }
      #M_57 .about_box>div:nth-child(2)>div>h2{
        font-size: 16px;
      }
      #M_57 .about_box>div:nth-child(2)>div>p{
        font-size: 14px;
      }
      #M_57 .about_box>div:nth-child(2)>div>a>span{
        font-size: 14px;
      }
    #M_57 .about_box>div:nth-child(1)>div{
      height: 260px;
     
    }
    }#M_67 .MS_C_1{margin:30px 0px 0px 0px  ; }
#Content_67,#M_67 table{color:#7b7981;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_67 a{color:#1b1825;font-family:" Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
#Content_67 a:hover{color:#333333;font-family:" Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;}
#M_67 .project-one__arrow .icon{
color:#1b1825;font-family:" Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
} 

#M_67 .section-title{
margin-bottom: 50px;
text-align:center;
}
#M_67 .section-title__tagline {
    display: inline-flex;
    color:#7b7981;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;
    align-items: center;
    line-height: 1.66em;
    margin-bottom: 2px;

}
#M_67 .section-title__tagline::before {
    content: '';
    background-color: #7b7981;
    width: 10px;
    height: 2px;
    margin-right: 10px;
}
#M_67 .section-title__title {
    margin: 0;
    color:#1b1825;font-family:" Microsoft YaHei";font-size:38px;font-weight:bold;font-style:normal;
    line-height: 1.3em;
}



#M_67 .project-two {
      position: relative;
      display: block;
      padding: 0 0 100px;
    }

    #M_67 .project-two__container {
      position: relative;
      display: block;
      max-width: 1600px;
      width: 100%;
      margin: 0 auto;
      padding: 0 15px;
box-sizing: border-box;
    }

    #M_67 .project-two .project-one__single {
      margin-bottom: 70px;
    }


    #M_67 .project-two .project-one__content {
      padding: 22px 30px 29px;
      margin-top: -78px;
    }

    #M_67 .project-two .project-one__arrow {
      top: 50%;
      right: 0px;
    }

    #M_67 .project-two__carousel {
      position: relative;
      display: block;
    }

    #M_67 .project-two__carousel.owl-carousel .owl-dots {
      position: absolute;
      bottom: 18px;
      right: 0px;
      left: 0;
      margin: 0 !important;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #M_67 .project-two__carousel.owl-carousel .owl-dots .owl-dot {
      position: relative;
      display: inline-block;
      width: 10px;
      height: 10px;
      background: #1b1825;
      opacity: .4;
      margin: 0px 5px;
      padding: 0px;
      border-radius: 50%;
      transition: all 100ms linear;
      transition-delay: 0.1s;
    }

    #M_67 .project-two__carousel.owl-carousel .owl-dot.active {
      background: #42d9be;
      opacity: 1;
      height: 13px;
      width: 13px;
    }

    #M_67 .project-two__carousel.owl-carousel .owl-dot:focus {
      outline: none;
    }

    #M_67 .project-two__carousel.owl-carousel .owl-dots .owl-dot span {
      display: none;
    }

    #M_67 .project-two__carousel>.project-one__single {
width:0px;
}
    #M_67 .project-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

#M_67 .project-one__img {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  z-index: 1;
}

#M_67 .project-one__img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(27, 24, 37, .30);
  transform: scale(1, 0);
  transition: transform 500ms ease;
  transform-origin: top center;
  border-radius: 8px;
  z-index: 1;
}

#M_67 .project-one__single:hover .project-one__img:before {
  transform: scale(1, 1);
  transform-origin: bottom center;
}

#M_67 .project-one__img img {
  width: 100%;
  border-radius: 8px;
  transform: scale(1);
}

#M_67 .project-one__single:hover .project-one__img img {
transition: transform 500ms ease;
  transform: scale(1.05);
}

#M_67 .project-one__content {
  position: relative;
  display: block;
  background-color: #ffffff;
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07);
  border-radius: 8px;
  padding: 32px 40px 39px;
  margin-top: -108px;
  margin-left: 30px;
  margin-right: 30px;
  overflow: hidden;
  transition: all 500ms ease;
  z-index: 2;
}

#M_67 .project-one__content:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: #89c3e6;
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07);
  transition: all 500ms ease;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  border-radius: 8px;
  z-index: -1;
}

#M_67 .project-one__single:hover .project-one__content:after {
  opacity: 1;
  transform: scaleY(1.0);
}

#M_67 .project-one__tagline {
  color:#7b7981;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
  margin: 0;
  padding:5px 0px; 
  transition: all 500ms ease;
}

#M_67 .project-one__title a{
  color:#1b1825;font-family:" Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;
  line-height: 1.33em;
  transition: all 500ms ease;
}

#M_67 .project-one__arrow {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}

#M_67 .project-one__arrow a {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 500ms ease;
}

#M_67 .project-one__single:hover .project-one__tagline{
color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
}
#M_67 .project-one__single:hover .icon{
color:#333333;font-family:" Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;
}
#M_67 .project-one__single:hover .project-one__title a {
  color:#333333;font-family:" Microsoft YaHei";font-size:24px;font-weight:bold;font-style:normal;
text-decoration: none;
}
#M_83 .MS_C_1{padding:30px 0px 50px 0px ;}
#Content_83 a{color:#333333;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;}
#Content_83 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;}
   #M_83 a:hover{
text-decoration: none;
} 
   #M_83 .case_box{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    #M_83 .case_box>div{
      width: 32%;
      box-sizing: border-box;
      margin-bottom: 20px;
    }
#M_83 .case_box>.fill_box{
width:32%;
box-sizing: border-box;
height:0px;
visibility: hidden;
}
    #M_83 .case_box>div>a{
      display: block;
      background: #ffffff;
      transition: all 0.5s;
    }
    #M_83 .case_box>div>a:hover{
      background: #104492;
    }
    #M_83 .case_box>div>a:hover .case_more{
      transform: scale(1);
    }
    #M_83 .case_box>div>a:hover h2{
color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;
    }
    #M_83 .case_box>div>a>div{
      width: 100%;
      height: 203px;
      overflow: hidden;
      position: relative;
    }
    #M_83 .case_box>div>a>div>img{
      max-width: 100%;
      max-height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      z-index: 1;
    }
    #M_83 .case_box>div>a>div>.case_more{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      transform: scale(0);
      transition: all 0.5s;
      display: flex;
      justify-content: center;
      align-items: center;
    }
#M_83 .case_box>div>a>div>.case_more::after{
content:'';
position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
background: #104492;
opacity:0.7;
z-index: -1;
}
    #M_83 .case_box>div>a>div>.case_more>i{
      color: #fff;
      font-style: normal;
      border: 1px solid #fff;
      width: 54px;
      line-height: 54px;
      border-radius: 50%;
      text-align: center;
    }
    #M_83 .case_box>div>a>h2{
color:#333333;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;
      text-align: center;
      box-sizing: border-box;
      padding: 0 10px;
      line-height: 3em;
    }

@media (max-width:760px){
#M_83 .MS_C_1 {
    padding: 0 5%;
    box-sizing: border-box;
}
#M_83 .case_box>div{
width:100%;
}

}#M_127 .MS_C_1{padding:50px 0px 15px 0px ;}
#Content_127,#M_127 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;}
#M_127 .title_name{
  display: flex;
  justify-content: center;
}

#M_127 .title_name .section-title__tagline{font-family: " Microsoft YaHei";font-size: 18px; font-weight:normal; display: inline-flex;}
#M_127 .title_name .section-title__tagline:before {
    content: '';
    background-color: #fff;
    width: 10px;
    height: 2px;
    margin-right: 10px; margin-top:10px
}

#M_127 .title_name .section-title__title{ font-size:38px; font-weight:bold}


#M_127 .title_name>div:nth-child(1){
 text-align:center;
}
#M_127 .title_name>div:nth-child(1)>h1{
  color:#ffffff;font-family:" Microsoft YaHei";font-size:32px;font-weight:bold;font-style:normal;
}
#M_127 .title_name>div:nth-child(1)>p{
  text-transform: uppercase;
  color:#ffffff;font-family:" Microsoft YaHei";font-size:20px;font-weight:normal;font-style:normal;
}
#M_127 .title_name>div:nth-child(2){
  margin-left: 15px;
padding: 8px 14px;
  border: 2px #ffffff solid;
text-align:center;
}
#M_127 .title_name>div:nth-child(2)>p{
  text-transform: uppercase;
  color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
}
#M_127 .title_name>div:nth-child(2)>h4{
  color:#ffffff;font-family:"Arial";font-size:24px;font-weight:bold;font-style:normal;
}
@media (max-width:760px){
#M_127 .MS_C_1 {
    padding: 20px 5%;
    box-sizing: border-box;
}
#M_127 .title_name{
    flex-wrap: wrap;
}
#M_127 .title_name>div:nth-child(1){
margin-bottom:14px;
}
#M_127 .title_name>div:nth-child(1)>h1{
font-size:24px;
}
#M_127 .title_name>div:nth-child(1)>p{
font-size:12px;
}
#M_127 .title_name>div:nth-child(2)>h4{
font-size:18px;
}
#M_127 .title_name>div:nth-child(2)>p{
font-size:12px;
}
#M_127 .title_name>div:nth-child(2){
margin:0;
min-width:50%;
}
}#Content_135,#M_135 table{color:#7b7981;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_135 a{color:#1b1825;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;}
#Content_135 a:hover{color:#7b7981;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;}
#M_135 .icon {
font-size:34px;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
#M_135 .news-two {
  position: relative;
  display: block;
  padding: 120px 0 90px;
background-position:top;
}
#M_135 .news-one__read-more {
text-align:right;
}
#M_135 .news-two__left {
  position: relative;
  display: block;
  margin-right: 30px;
  z-index: 5;
}

#M_135 .news-two .section-title {
  margin-bottom: 28px;
}

#M_135 .news-two__text {
color:#ffffff;font-family:" Microsoft YaHei";font-size:18px;font-weight:bold;font-style:normal;
  margin: 0;
  padding-bottom: 31px;
line-height:1.88em;
}

#M_135 .news-two__right {
  position: relative;
  display: block;
  margin-right: -360px;
}

#M_135 .news-two__carousel {
  position: relative;
  display: block;
}

#M_135 .news-two__carousel.owl-carousel .owl-stage-outer {
  overflow: visible;
  padding: 0 0 0;
  margin-right: 0px;
}

#M_135 .news-two__carousel .owl-stage-outer .owl-item {
  opacity: 0;
  visibility: hidden;
  transition: all 500ms linear;
  transition-delay: 0.1s;
}

#M_135 .news-two__carousel .owl-stage-outer .owl-item.active {
  opacity: 1;
  visibility: visible;
  transition: all 200ms linear;
}

#M_135 .news-two__carousel.owl-theme .owl-nav {
  position: absolute;
  bottom: 165px;
  left: 0;
display:block;
transform: translateX(-250%);
}

#M_135 .news-two__carousel.owl-theme .owl-nav .owl-next {
  height: 65px;
  width: 65px;
  background: transparent;
  border-radius: 50%;
  color: #1ba84a;
  font-size: 23px;
  text-align: center;
  border: 2px solid #1ba84a;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

#M_135 .news-two__carousel.owl-theme .owl-nav .owl-prev {
  height: 65px;
  width: 65px;
  background: transparent;
  border-radius: 50%;
  color: #1ba84a;
  font-size: 23px;
  text-align: center;
  border: 2px solid #1ba84a;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
margin-right:20px;
}

#M_135 .news-two__carousel.owl-theme .owl-nav .owl-next:hover,
#M_135 .news-two__carousel.owl-theme .owl-nav .owl-prev:hover {
  color: #dceef5;
  border: 2px solid #dceef5;
}





#M_135 .section-title__tagline {
color:#dceef5;font-family:" Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;
    display: inline-flex;
    align-items: center;
    line-height: 1.66em;
    margin-bottom: 2px;
 
}

#M_135 .section-title__tagline::before {
  content: '';
  background-color: #7b7981;
  width: 10px;
  height: 2px;
  margin-right: 10px;
}

#M_135 .section-title__title {
  margin: 0;
color:#ffffff;font-family:" Microsoft YaHei";font-size:38px;font-weight:bold;font-style:normal;
  line-height: 1.3em;
}


#M_135 .news-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

#M_135 .news-one__img {
  position: relative;
  display: flex;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
height:261px;
}

#M_135 .news-one__img img {
  max-width: 100%;
max-height: 100%;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  transition: all 500ms ease;
  transform: scale(1);
}

#M_135 .news-one__single:hover .news-one__img img {
  transform: scale(1.05);
}

#M_135 .news-one__img>a {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0, 0.3);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: #666;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-30%);
}

#M_135 .news-one__img>a>span {
  position: relative;
}

#M_135 .news-one__img>a>span::before {
  content: '';
  width: 20px;
  height: 2px;
  background-color: #dceef5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 500ms ease;
}

#M_135 .news-one__img>a>span::after {
  content: '';
  transition: all 500ms ease;
  width: 2px;
  height: 20px;
  background-color: #dceef5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#M_135 .news-one__single:hover .news-one__img>a {
  visibility: visible;
  transform: translateY(0%);
  opacity: 1;
}

#M_135 .news-one__date-box {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #;
  padding: 17px 22px 20px;
  border-top-right-radius: 8px;
}

#M_135 .news-one__date-box p {
  color:#1b1825;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;
  margin: 0;
  line-height: 1.2em;
  text-align: center;
}

#M_135 .news-one__content {
  position: relative;
  display: block;
  background-color: #ffffff;
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .1);
  padding: 20px 42px 30px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom: 3px solid transparent;
  transition: all 500ms ease;
}
 
#M_135 .news-one__single:hover .news-one__content {
  border-bottom: 3px solid #7b7981;
}

#M_135 .news-one__title a {
  color:#1b1825;font-family:" Microsoft YaHei";font-size:18px;font-weight:bold;font-style:normal;
line-height: 1.77em;
  transition: all 500ms ease;
  text-decoration: none;
}

#M_135 .news-one__text {
  color:#7b7981;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
  margin: 0;
  line-height: 2em;
  padding-top: 13px;
  padding-bottom: 8px;
word-break: break-all;
}

#M_135 .news-one__read-more-btn {
  color:#1b1825;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;
  display: inline-block;
  transition: all 500ms ease;
text-decoration: none;
}

#M_135 .news-one__read-more-btn:hover {
 color:#7b7981;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;

}
#M_135 .news-one__single:hover .news-one__title a {
    color:#1989fb;font-family:" Microsoft YaHei";font-size:18px;font-weight:bold;font-style:normal;
}

@media (max-width: 1200px){
#M_135 .news-two__right {
    margin-right: 0;
}
} @-webkit-keyframes ripple {
  70% {
    box-shadow: 0 0 0 40px rgba(255, 255, 255, 0)
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
  }
}

@keyframes ripple {
  70% {
    box-shadow: 0 0 0 40px rgba(255, 255, 255, 0)
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
  }
}

 #M_149 .video_model{
      padding-top: 40px;
padding-bottom:100px;
      height: 500px;
      background:linear-gradient(180deg,# 50%,# 50%);
    }
#M_149 .video_model>div{
      width: 970px;
      height: 500px;
      margin: 0 auto;
position:relative;
}
#M_149 .video_model>div::after{
content: '';
    position: absolute;
    z-index: 12;
    top: 6px;
    left: 6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff0000;
}
  #M_149 .video_model>div>div:first-child{
     box-sizing: border-box;
     border: 15px #89c3e6 solid;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
      width: 970px;
      height: 500px;
      background: #000;
      box-shadow: 0 24px 60px 0 rgb(0 0 0 / 5%);
    }
   #M_149 .video_btn{
      cursor: pointer;
      width: 100px;
      height: 100px;
      position: absolute;
      z-index: 999;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      background-color: #ff0000;
    }
   #M_149 .video_btn>.icon {
      font-weight: bold;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-32%,-50%);
      color:#ffffff;font-family:" Microsoft YaHei";font-size:34px;font-weight:bold;font-style:normal;
      width: 1em;
      height: 1em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
    }

   #M_149 .video_model>div>div>.video_poster::after{
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0.4;
      background-color: #333333;
     }
   #M_149 .video_btn ,#M_149 .video_btn:before ,#M_149 .video_btn:after {
      width: 100px;
      height: 100px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 0 0 rgba(255 255 255 / 60%);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

#M_149 .video_btn:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

#M_149 .video_btn:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}
#M_149 .video_poster {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}

@media (max-width:760px){
#M_149 .video_model{
width:100%;
height:300px;
    padding: 30px 10px;
    box-sizing: border-box;
}
#M_149 .video_model>div{
width:100%;
height:100%;
}
#M_149 .video_model>div>div:first-child{
width:100%;
height:100%;
}
#M_149 .video_model>div>div:first-child{
box-shadow:none;
}

}

#L_13_99{background:url(https://files.b2b.cn/skin/2023/0706/4fbb0a90e3b9eea7d95bd01e6e1af02b.jpg) no-repeat; background-size:100% 100%;}
#L_13{width:1300px;margin:0 auto;}
@media (max-width: 1300px){
#L_13{
    width:1100px;
}
#L_13_1{
    width:25% !important;
}
#L_13_2{
    width:25% !important;
}
#L_13_3{
    width:25% !important;
}
#L_13_4{
    width:25% !important;
}
}
@media (max-width: 1200px){
#L_13{
    display: flex;
    flex-wrap: wrap;
    width:100%;
padding:0 30px;
box-sizing: border-box;
}
#L_13_1{
    width:50% !important;
}
#L_13_2{
    width:50% !important;
}
#L_13_3{
    width:50% !important;
}
#L_13_4{
    width:50% !important;
}

}

@media (max-width: 760px){

#L_13_1{
    width:100% !important;
}
#L_13_2{
    width:100% !important;
}
#L_13_3{
    width:100% !important;
}
#L_13_4{
    width:100% !important;
}


#L_13_1>div>div{
   padding-left:0 !important;
   padding-right:0 !important;
}
#L_13{
   display:none;
}

}@media (max-width: 1300px){
#L_13{
    width:1100px;
}
#L_13_1{
    width:25% !important;
}
#L_13_2{
    width:25% !important;
}
#L_13_3{
    width:25% !important;
}
#L_13_4{
    width:25% !important;
}
}
@media (max-width: 1200px){
#L_13{
    display: flex;
    flex-wrap: wrap;
    width:100%;
padding:0 30px;
box-sizing: border-box;
}
#L_13_1{
    width:50% !important;
}
#L_13_2{
    width:50% !important;
}
#L_13_3{
    width:50% !important;
}
#L_13_4{
    width:50% !important;
}

}

@media (max-width: 760px){

#L_13_1{
    width:100% !important;
}
#L_13_2{
    width:100% !important;
}
#L_13_3{
    width:100% !important;
}
#L_13_4{
    width:100% !important;
}


#L_13_1>div>div{
   padding-left:0 !important;
   padding-right:0 !important;
}
#L_13{
   display:none;
}

}#L_14{width:100%;margin:0 auto;}
#Content_16,#M_16 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#M_16{

}

 #M_16 .logo_text_map{
display:inline-block;
max-width:80%;
text-align:left;
   padding:50px 0 60px 0;
  }
 #M_16 .logo_text_map>.foot_logo{
   height: 60px;
  }
 #M_16 .logo_text_map>.foot_logo>img{
    max-width: 100%;
    max-height: 100%;
  }
 #M_16 .logo_text_map>p{
    padding: 20px 0px 20px 0;
   color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
   line-height:1.9em;
  }

@media (max-width:760px){
 #M_16 .logo_text_map{width:80%;}
 #M_16 .logo_text_map{
   padding:20px 0;
 }
}


#M_17 .MS_C_1{padding:50px 0px 0px 20px ;}
#Content_17,#M_17 table{font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_17 a{color:#e5e5e5;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:bold;font-style:normal;}
#M_17 a{
    text-decoration: none;
}
#M_17 .footer_content{
  display: flex;
  align-items: flex-start;
}
#M_17 .footer_content>li{
  padding: 0 25px;
}
#M_17 .footer_content>li:first-child{
  padding-left: 0px;
}
#M_17 .footer_content>li:nth-child(n+2){
  border-left: 1px solid #3b3b3b;
}
#M_17 .footer_content>li>h2{
 color:#ffffff;font-family:" Microsoft YaHei";font-size:20px;font-weight:bold;font-style:normal;
 margin-bottom: 26px;
}

#M_17 .footer_content>li>p{
  margin-bottom: 18px;
 color:#e5e5e5;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
}
#M_17 .footer_content>li>p:hover{
color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;
}

@media (max-width: 760px){

}#M_18 .MS_C_1{padding:50px 0px ;}
#Content_18 a{color:#e5e5e5;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_18 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;}
#M_18 a{
    text-decoration: none;
}
#M_18 .footer_content{
  display: flex;
  align-items: flex-start;
}
#M_18 .footer_content>li{
  padding: 0 25px;
}
#M_18 .footer_content>li:first-child{
  padding-left: 0px;
}
#M_18 .footer_content>li:nth-child(n+2){
  border-left: 1px solid #3b3b3b;
}
#M_18 .footer_content>li>h2{
 color:#ffffff;font-family:" Microsoft YaHei";font-size:20px;font-weight:bold;font-style:normal;
 margin-bottom: 26px;
}

#M_18 .footer_content>li>p{
  margin-bottom: 18px;
 color:#e5e5e5;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
}
#M_18 .footer_content>li>p:hover{
color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:bold;font-style:normal;
}

@media (max-width: 760px){

}#M_19 .MS_C_1{padding:50px 0px ;}
#M_19 .contact-title{
    color:#ffffff;font-family:" Microsoft YaHei";font-size:20px;font-weight:bold;font-style:normal;
    margin-bottom: 26px;
}
#M_19 .b-contect{width:100%;overflow: hidden;}

/*提示层*/
#M_19 .input_show{position: fixed;top: -300px;left: 50%;width: 280px;height: 50px;margin-left: -120px;transition: all ease .4s;z-index: 999;background: #fff;color: #333;line-height: 50px;text-align: center;border: 1px solid #f7ba2a;box-shadow: 0px 0px 10px #666;}
#M_19 .input_show div{height: 50px;width: 50px;background: #f7ba2a;font-size: 34px;text-align: center;color: #fff;float: left;}
#M_19 .input_show span{display: block;float: left;width: 230px;height: 50px;text-align: center;}

/*input*/
#M_19 .inputCom input{
    width: 100%;
    padding: 12px 20px;
    
    box-sizing: border-box;
    background: #2C353C;
    color:#959ca7;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;
}
#M_19 .inputCom2 input,.inputCom2 textarea{text-indent:14px;}
#M_19 .inputCom{margin-bottom:10px;width:100%;height: 40px;line-height: 40px;font-size: 14px;font-family: "微软雅黑";color:#bbb;position:relative;}
#M_19 .inputCom i{position:absolute;left:14px;top:0;color:#ff0000;vertical-align: middle;margin-top:4px;}
/*placeholder*/
#M_19 .inputCom::-webkit-input-placeholder,.textCom::-webkit-input-placeholder{color:#bbb;}
/**/
#M_19 .textCom{width:100%;position:relative;margin-bottom:10px;}
#M_19 .textCom textarea{
  height:60px;
  width:100%;
  text-indent: 14px; 
  padding: 12px 20px;
  box-sizing: border-box;
  background: #2C353C;
color:#959ca7;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;
}
#M_19 .textCom i{position:absolute;left:14px;top:14px;color:#ff0000;vertical-align: middle;}


#M_19 .search_btn {width:100%; display:flex;}
#M_19 .search_yzm {height:40px;position:relative; width: 40%;}
#M_19 .search_yzm input{
    width: 100%;
    padding: 12px 10px;
    box-sizing: border-box;
    background: #2C353C;
    text-indent: 14px;
    color:#959ca7;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;
}
#M_19 .search_yzm i{position:absolute;left:10px;color:#ff0000;vertical-align: middle;margin-top:12px;}


#M_19 .search_btn .verification_img{width:90px;height:40px;box-sizing:border-box;text-align:center;line-height:40px;}
#M_19 .search_btn .verification_img img{width:90px;height:40px;}
#M_19 .yzm_box{flex:1;}
#M_19 .yzm_box .comBtn{
    width:100%;
    height: 100%;
    text-align: center;
 
   color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;
 
    background: #fc3c3c;
    cursor: pointer;
    transition: all .3s ease-in;
}
#M_19 .yzm_box .comBtn:hover{
background: #ffffff;color:#333333;font-family:" Microsoft YaHei";font-size:14px;font-weight:bold;font-style:normal;
}
#sub{border:1px solid #FFF}



/*联系方式响应式样式*/
@media only screen and (max-width:1400px){
	#M_3 .pc_nav>li>a{
position: relative;
  line-height: 2em;
  padding: 10px 10px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  color:#333333;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
}
	#M_3 .telephone_box>div:nth-child(2)>h5{
color:#4c4c4c;font-family:" Microsoft YaHei";font-size:17px;font-weight:bold;font-style:normal;
line-height:1.4em;
}#M_4 .main-slider-two h3 {
 color:#ffffff;font-family:" Microsoft YaHei";font-size:2.4rem;font-weight:bold;font-style:normal;
padding:6px 6%;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(-120px);
  transition-delay: 2500ms;
  transition: transform 2000ms ease,
      opacity 2000ms ease,
      color 500ms ease,
      background 500ms ease;
}#M_4 .main-slider-two .container {
  padding-top: 173px;
  padding-bottom: 220px;
}
}
@media only screen and (max-width:1260px){
	
	
}
@media only screen and (max-width:1023px){
	
}
@media only screen and (max-width:767px){
	

}
@media only screen and (max-width:330px){

}

#M_19 input,#M_19 button,#M_19 select,#M_19 textarea{
  outline: none;
  -webkit-appearance: none;
  border: medium none;
}

#M_20 .MS_C_1{background-color: #11161f;padding:50px 0px ;}
#Content_20,#M_20 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_20 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_20 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
  #M_20 .myfooter{width:100%;overflow: hidden;text-align: center; box-sizing: border-box;}
  #M_20 .fooP,#M_20 .fooP2{margin-bottom: 10px;;line-height: 18px; display: flex;
  justify-content: center; flex-wrap: wrap;}
#M_20 .fooP{color:#ffffff;}
  #M_20 .fooP em{display: inline-block;margin:0 7px;}
  #M_20 .fooP a{margin: 0 20px;}
  #M_20 .marSpan{margin-left: 20px;}
  #M_20 .fooP2{width: 100%;}

  @media only screen and (max-width:760px){
  #M_20 .fooP a {margin: 0 12px;}
  }
  /* footer */

  
  @font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
  
  
  
/*二级菜单横向展开*/
.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;}





/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  

#M_8 .MS_C_1 {
    background: url(../images/bg1.jpg) no-repeat center center;
    background-size: cover; background-attachment:scroll
}
#M_8 .number-title>h2 {
    color: #ffffff;
    font-family: "KaiTi_GB2312";
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
}#M_8 .number-title>h3 {
    color: #ffffff;
    font-family: " Microsoft YaHei";
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    margin-top: 1%;
    line-height: 30px;
}
#M_8 .number-title>p {
    color: #ffffff;
    font-family: "Arial";
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
}#M_8 .number-title {
    padding: 60px 20px 40px 20px;
    text-align: center;
    margin-bottom: 20px;
}    #M_8 .number_content {
        width: 96%;
        margin: 0 auto;
        padding: 2%;
    }#M_8 .nums_actives>h1 span {
    color: #1c489d;
    font-size: 22px;
    font-weight: bold;
    font-style: normal; width:100%
}#M_8 .nums_actives>h1 img{ margin:0 auto; display:block}

    #M_8 .nums_actives>h1 {
        font-size: 18px;
        padding: 0 0;
    }

#M_8 .nums_actives>h1 { display:block}

    #M_8 .nums_actives>p {
        font-size: 16px;
        padding: 10px 0px 0px 0px;
    }

#M_8 .nums_actives {
    padding: 10px 10px 40px 10px;
}
#M_67 .section-title__title {
    margin: 0;
    color: #1b1825;
    font-family: " Microsoft YaHei";
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.3em;
}
#Content_67 a {
  font-size:18px!important;}
  #M_67 .project-two {
    position: relative;
    display: block;
    padding: 0 0 60px;
}
  
  #L_24_99 { background:url(../images/bg3_en.jpg) no-repeat;  background-size: cover;
}
   {
    width: 90%;
    margin: 0 auto;
}#L_24 .left{ width: 100%!important;}
#L_24 {
    width: 100%;
    margin: 0 auto;
}#M_127 .title_name .section-title__title {
    font-size: 28px;
    font-weight: bold;
}#M_127 .title_name .section-title__tagline {
    font-family: " Microsoft YaHei";
    font-size: 16px;
    font-weight: normal;
    display: inline-flex
;
}#M_67 .section-title__tagline {
    display: inline-flex
;
    color: #7b7981;
    font-family: " Microsoft YaHei";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    align-items: center;
    line-height: 1.46em;
    margin-bottom: 1px;
}#M_135 .news-two {
    position: relative;
    display: block;
    padding: 0px 0 20px;
    background-position: top;
}#M_135 .news-two .section-title {
    margin-bottom: 0;
}#M_135 .news-two__text {
    padding-bottom: 0px !important;
}#r3{ padding-top:40px}
.rowMain .section-title__title {
    margin: 0;
    color: #1b1825;
    font-family: " Microsoft YaHei";
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.3em;
}.rowMain .section-title__tagline {
    display: inline-flex
;
    color: #7b7981;
    font-family: " Microsoft YaHei";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    align-items: center;
    line-height: 1.66em;
    margin-bottom: 2px;
}.rowMain .section-title__title {
    margin: 0;
    color: #1b1825;
    font-family: " Microsoft YaHei";
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.3em;
    margin-bottom: 4%;
}#M_14 .section-title__title {
    font-size: 28px;
    color: #000;
    font-weight: bold;
}#M_14 .section-title__tagline {
    display: inline-flex
;
    color: #7b7981;
    font-family: " Microsoft YaHei";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    align-items: center;
    line-height: 1.66em;
    margin-bottom: 2px;
}#M_13 .title-h3 {
    margin-bottom: 5px;
    color: #000222;
    font-family: " Microsoft YaHei";
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.6em;
    text-align: left;
    margin-top: 2%;
}

#M_13 .title-p {
    line-height: 2em;
    color: #666666;
    font-family: " Microsoft YaHei";
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

#M_13 .box2-info {
    color: #666666;
    font-family: " Microsoft YaHei";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 2em;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}    #M_13 .box2-title {
        color: #022222;
        font-family: " Microsoft YaHei";
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
        line-height: 2em;
        margin-top: 10px;
        height: 40px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }










}


