@charset "utf-8";
/*css comment*/
*,*:before,*:after{
	margin:0;
	padding:0;
	outline:none;
	list-style:none;
	text-decoration:none;
	blr:expression(this.onFocus=this.blur());
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}   
@font-face {
 font-family: "HarmonyOS_SansSC";
 font-weight: 400;
 font-display: swap;
 src: url(../fonts/HarmonyOS_SansSC_Regular.woff) format("woff"),
      url(../fonts/HarmonyOS_SansSC_Regular.ttf) format("truetype");
}
@font-face {
 font-family: "HarmonyOS_SansSC";
 font-weight: 500;
 font-display: swap;
 src: url(../fonts/HarmonyOS_SansSC_Medium.woff) format("woff"),
      url(../fonts/HarmonyOS_SansSC_Medium.ttf) format("truetype");
}  
@font-face {
  font-family: "centurygothic";
  src: url("../fonts/centurygothicbold.woff2") format("woff2"),
       url("../fonts/centurygothicbold.woff") format("woff"),
       url("../fonts/centurygothicbold.ttf") format("truetype"),
       url("../fonts/centurygothicbold.eot") format("embedded-opentype"),
       url("../fonts/centurygothicbold.svg") format("svg");
}
html,body {  
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;   
} 
html{
	font-size: 100px;
}
body {
    font-family:'HarmonyOS_SansSC','MicrosoftYahei' , '微軟雅黑';
    font-size: 16px;
	line-height: 1.72;
     color: #181818;
    background: #ffffff;
	font-weight: 400; 
}  
img{
	border:none;
	display:inline-block;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
	_width:auto;
}
button,input,textarea,select{
	border:none;
	background:none;
	font-size:16px;
	vertical-align:middle;
	 color: #181818; 
} 
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;color:#181818;}
a:hover,a:active,a:focus{text-decoration:none;} 
a:focus,input,select{outline:none;}
.clearfix{*zoom:1;}
.clearfix:after{content:"\200B";display:block;clear:both;height:0;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],button,select, textarea{ /*-webkit-appearance: none;*/ font-family:'HarmonyOS_SansSC','MicrosoftYahei' , '微軟雅黑';}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover{ opacity:0.80;}
h1,h2,h3,h4,h5,h6{ padding:0; margin:0; font-size:16px; font-weight:500; line-height:1.25; }
p,ul,ol{margin:0;}
header,main,footer,section{display:block;} 
input[type="text"]::-webkit-input-placeholder{
   color: #999999;
}
input[type="text"]::-moz-placeholder{
   color: #999999;
}
input[type="text"]:-ms-input-placeholder{
   color: #999999;
} 
input[type="text"]::placeholder{
    color: #999999;
}

/*browserupgrade*/
.browserupgrade{display:block;position:fixed;top:-60px;opacity:0;left:0;margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#fff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee}
.browserupgrade a.upgrade_close{display:block;position:absolute;top:0;right:0;z-index:10;width:60px;line-height:60px;text-align:center;color:#fff;font-size:40px;text-decoration:none;cursor:pointer;}
/*swiper*/  
.swiper{ width:100%; height: 100%;}
.slide-inner { width: 100%;  height: 100%; background-size: cover; background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; 
}
.swiper-pagination { bottom:var(--swiper-pagination-bottom, .30rem)!important; }  
.swiper-pagination-bullet {width: 12px; height: 12px; background:none; border: 1px solid #181818; opacity: 1; margin: 0 .08rem; }
.swiper-pagination-bullet-active{ opacity: 1; background-color:  #0073BB; border-color: #0073BB;}
.swiper_arrow div[class^="swiper-button-"]{ cursor: pointer; display: inline-block; overflow: hidden; width: 50px; height: 50px; line-height: 50px;  text-align: center; border-radius: 5px; border:1px solid rgba(0,0,0, .10); background-color: transparent; color: #181818; font-weight: bold; -webkit-transition:all .6s ease; transition:all .6s ease;}  
.swiper_arrow div[class^="swiper-button-"]:after{ font-size: 14px; -webkit-transition:all 0s ease; transition:all 0s ease; } 
.swiper_arrow div[class^="swiper-button-"]:hover{ background: #0073BB!important; color:#ffffff!important;}  
.swiper_arrow div[class^="swiper-button-"]:after{display:inline-block; font-size: 12px; transform: scale(0.83);}
.swiper_arrow div.swiper-button-prev{ left: 0;}
.swiper_arrow div.swiper-button-next{ right: 0;}
.swiper_arrow02{ }
.swiper_arrow02 div[class^="swiper-button-"]{ position:static; margin: 0 0 0 6px; color: #181818;}
.swiper_arrow02 div.swiper-button-prev{ margin-left: 0;}

/*transition*/
*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .img_box img, .icon_box img{ 
	-webkit-transition:all .6s ease; transition:all .6s ease; 
}  
a,input[type="text"]{ -webkit-transition:color .6s ease, background .6s ease, border .6s ease, opacity .6s ease, transform .6s ease, box-shadow .6s ease; 
	transition:color .6s ease, background .6s ease, border .6s ease, opacity .6s ease, transform .6s ease, box-shadow .6s ease;
}

/*===================common========================*/  
/*flex*/
.flex{ display:flex; flex-wrap: wrap;}
/*img_box*/
.img_box{display:block; position:relative; overflow:hidden; height:0; padding-top:100%; background:#ffffff;}
.img_box img{display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover;}

.banner_wrap2 .img_box2 img{ width:100%; }

/*icon_box*/
.icon_box{position:relative;display:block; height:0; padding-top:100%;}
.icon_box img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto;height:auto; max-width:100%; max-height: 100%;}
/*line_single*/
.line_single{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
/*line_multi*/
.line_multi{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; -webkit-line-clamp:2;  line-height: 30px; height: 60px;}  
 
/*===================header========================*/
.inner{width:85%; max-width: 1600px; margin: 0 auto; }
.header_wrap{ position:fixed; left:0; top:0; z-index:1003; width:100%; font-size: 16px;}
.header_line{display:flex; flex-wrap:nowrap; white-space: nowrap; position: relative; padding: 0 3.125%; height: 100px; line-height: 100px; background: #ffffff; -webkit-transition:background .6s ease, box-shadow .6s ease; transition:background .6s ease, box-shadow .6s ease; }   
/*logo*/  
.logo{ }  
.logo a{ display:inline-block; vertical-align: middle; height: 56px; position: relative; }
.logo a img{ display:block; height: 100%; width:auto;}
.logo a img:nth-child(1){ opacity: 1;} 
.logo a img:nth-child(2){ position: absolute; top:0; left: 0; opacity: 0;} 
/*menu_list*/
.header_right{ margin-left:auto; display:flex; flex-wrap:nowrap;}
.menu_tit{ position:relative;}
.menu_tit a{ display: block;}
.menu_list>li:hover .menu_tit a,
.menu_list>li.active .menu_tit a{ color: #0073BB;}
.menu_tit .iconfont{ cursor: pointer; position: absolute; top:0; right:0; z-index: 1; width: 55px; line-height: 55px; border-left:1px solid rgba(0,0,0, .10); text-align: center; font-size: 14px; display: none;} 
.menu_collapsible{ }
.menu_headline{ }
.menu_back{ cursor: pointer; display:none;}
.menu_back .iconfont{
	font-size:12px;
	font-weight: bold;
	vertical-align: baseline;
	margin-right: 5px;
}
.menu_subtit{ position: relative; color: #181818!important; }  
.menu_subtit:hover{ color: #0073BB!important;}
.menu_subclass{ }
.menu_subclass li{ }
.menu_subclass li a{display:block; color: #5c5c5c!important; }  
.menu_subclass li:hover a,
.menu_subclass li.active a{ color: #0073BB!important;}

.menu_list>li:nth-child(2) .menu_subclass li:nth-child(2){ display:none !important; }

/*=========header_func=========*/ 
.header_func{ margin-left: .50rem; flex-wrap: nowrap;}  
.func_menu{display: block; cursor: pointer; margin-left: .30rem;}
.func_menu:first-child{ margin-left:0;}
.func_menu em{ font-style: normal; margin-left: 6px;}
.func_menu .iconfont{ vertical-align: middle; font-size: 20px; } 
.func_menu:hover, .func_menu:hover .language_tit, .func_menu.active{ color: #0073BB!important;}
/*menu_language*/
.menu_language{ display: flex; align-items: center; position: relative;}
.language_tit{ padding-right:16px; position: relative;}
.language_tit:before{ content: "\e645"; font-family:"iconfont"; font-size:12px; position: absolute; top:50%; right:0; transform:scale(0.833) translateY(-60%); -webkit-transition:all 0s ease!important; transition:all 0s ease!important; }
.language_more{ position: absolute; top:100%; left:0; background: #ffffff; width:100%; text-align: center; -webkit-transition:all .6s ease; transition:all .6s ease; opacity: 0; visibility: visible; pointer-events: none;}
.language_more li a{ display: block; line-height: 50px;  color:#181818!important;}
.language_more li:hover a{ color:#0073BB!important;}
/*menu_search*/ 
.menu_search{ }  
.cover_wrap{ position: fixed; top:0; right:0; z-index: 2; width: 100%; height: 100vh; background: #0073BB ; background-size: cover; color: #ffffff; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.cover_wrap.active{ opacity: 1; visibility: visible; pointer-events: all;}
.cover_wrap a{ color:#ffffff;}
.cover_head{ width: 100%; height: 80px; position: relative; z-index: 20;}
.cover_head .inner{ position: relative; height: 100%;}
.cover_closed{ display: block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 50px; line-height: 50px; text-align: center; font-weight: bold; font-size: 20px;}
.cover_closed .iconfont{ -webkit-transition:all 0.6s ease!important; transition:all 0.6s ease!important;}
.cover_closed:hover .iconfont{ transform: rotate(90deg);}
.cover_box{ height: -webkit-calc(100% - 80px); height: calc(100% - 80px); display:flex; justify-content: center;}
.cover_range{ height: 100%; overflow: hidden; margin: 0 auto;}
.search_cover{ } 
.search_cover .cover_box{ align-items: center;}
.search_cover .cover_head{ position: absolute; top:0; left:0; }
.search_cover .cover_range{ max-width:860px; text-align: center;}
.search_tit{ }
.search_func{}
.search_form{ position: relative; margin-top: .55rem; display: flex; align-items: stretch; background: #ffffff; height: 50px; border-radius: 25px;}
.search_form .icon_search{ position: absolute; top:50%; left:30px; transform: translateY(-45%); font-size: 20px; color: #252525;}
.search_form .search_txt{ display: block; width: 100%; height: 100%; padding-left: 60px; color: #252525; }
.search_form .search_btn{ flex:none; cursor: pointer; padding: 0 .40rem; border-radius: 25px; border:1px solid #ffffff; background: #0073BB; color: #ffffff; } 
/*menu_toggle*/
.toggle_icon{ position: relative; display: none;}
.menu_toggle{ position: relative; z-index: 10; -webkit-transition:all 0s ease;  transition:all 0s ease;}
.menu_toggle span{ display:inline-block; vertical-align: middle; width: 28px; height: 22px; position:relative;}
.menu_toggle i{ display: block; width: 100%; height: 2px; background: #181818; position: absolute; top:0; right:0; 
	 -webkit-transition: top .5s ease .4s,-webkit-transform .3s ease-out;
	transition: top .5s ease .4s,-webkit-transform .3s ease-out;
	transition: transform .3s ease-out,top .5s ease .4s;
	transition: transform .3s ease-out,top .5s ease .4s,-webkit-transform .3s ease-out;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
.menu_toggle i:nth-of-type(2){ top: 10px;}
.menu_toggle i:nth-of-type(3){ top: 20px;}    
 
#menu_close{ position: absolute; top:0; left:0; z-index: 2; display:none;}
.toggle_icon.active #menu_close{ display:block; }
.toggle_icon.active #menu_close i:nth-of-type(2){ background-color: transparent!important;}
.toggle_icon.active #menu_close i:nth-of-type(1), 
.toggle_icon.active #menu_close i:nth-of-type(3){ top: 10px;} 
.toggle_icon.active #menu_close i:nth-of-type(3) {
	-webkit-transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s,-webkit-transform .3s ease-out .4s;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg); 
}
.toggle_icon.active #menu_close i:nth-of-type(1) {
	-webkit-transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s,-webkit-transform .3s ease-out .4s;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); 
}  
.toggle_icon.active #menu_open{ opacity: 0; pointer-events: none;}
@media (min-width: 1201px){ 
	.header_wrap{ height: 150px;}
	.menu_list{ display:flex; margin: 0 -.25rem;}  
	.menu_list>li{ padding: 0 .25rem;}
	.menu_tit a{ display:inline-block; line-height:40px; position: relative; padding:0 4px;}
	.menu_tit a:before{ 
	  content: "";
	  display: block;
	  width: 100%;
	  height: 2px;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  background-color: #0073BB;
	  -webkit-transform-origin: right top;
	  transform-origin: right top;
	  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	} 
	.menu_list>li:hover .menu_tit a:before,
	.menu_list>li.active .menu_tit a:before{
	  -webkit-transform-origin: left top;
	  transform-origin: left top; 
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	} 
	.menu_collapsible{ position: absolute; top:100%; left:0; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; background: #ffffff; border-top: 1px solid rgba(0,0,0, .10); width:100%; padding: 0 3.125%; height: 50px; line-height: 50px; -webkit-transition:opacity .6s ease, visibility .6s ease, pointer-events .6s ease; transition:opacity .6s ease, visibility .6s ease, pointer-events .6s ease; opacity: 0; visibility: visible; pointer-events: none;}
	.menu_subtit{ padding-right: .18rem; margin-right: .18rem;} 
	.menu_subtit:before{ content: ""; position: absolute; top:50%; right:0; transform: translateY(-50%); width:1px; height: 16px; background: rgba(17, 17, 17, .10); } 
	.menu_list>li:hover .menu_collapsible,
	.menu_list>li.active .menu_collapsible,
	.menu_language:hover .language_more{ opacity: 1; visibility: visible; pointer-events: all;}
	.menu_list>li:hover .menu_collapsible{ z-index: 10;}
	.menu_tit .iconfont, 
	.menu_item .iconfont{ display:none!important;}
	.menu_subclass{ display:flex; margin: 0 -.16rem;}
	.menu_subclass li{ padding: 0 .16rem;}
	/*body.body_index .header_line*/
	body.body_index .header_line{ color:#ffffff; background-color: transparent;}
	body.body_index .header_line a{ color:#ffffff;}
	body.body_index .header_line .logo a img:nth-child(1){ opacity: 0;} 
	body.body_index .header_line .logo a img:nth-child(2){ opacity: 1;} 
	body.body_index .header_line .menu_list>li:hover .menu_tit a,
	body.body_index .header_line .menu_list>li.active .menu_tit a{ color: #ffffff;}
	body.body_index .header_line .menu_tit a:before{ background-color: #ffffff;}
	body.body_index .header_line .menu_toggle i{ background-color: #ffffff;}
	body.body_index .header_scroll .header_line{ box-shadow:0 0 10px 0 rgba(0,0,0, .10);}
	body.body_index .header_line:hover,
	body.body_index .header_scroll .header_line{ color:#181818; background-color: #ffffff;}
	body.body_index .header_line:hover a,
	body.body_index .header_scroll .header_line a{ color:#181818;}
	body.body_index .header_line:hover .logo a img:nth-child(1),
	body.body_index .header_scroll .header_line .logo a img:nth-child(1){ opacity: 1;} 
	body.body_index .header_line:hover .logo a img:nth-child(2),
	body.body_index .header_scroll .header_line .logo a img:nth-child(2){ opacity: 0;} 
	body.body_index .header_line:hover .menu_list>li:hover .menu_tit a,
	body.body_index .header_scroll .header_line .menu_list>li:hover .menu_tit a,
	body.body_index .header_line:hover .menu_list>li.active .menu_tit a,
	body.body_index .header_scroll .header_line .menu_list>li.active .menu_tit a{ color: #0073BB;}
	body.body_index .header_line:hover .menu_tit a:before,
	body.body_index .header_scroll .header_line .menu_tit a:before{ background-color: #0073BB;}
	body.body_index .header_line:hover .menu_toggle i,
	body.body_index .header_scroll .header_line .menu_toggle i{ background-color: #181818;}
	body.body_index .header_line:hover .menu_toggle:hover i,
	body.body_index .header_scroll .header_line .menu_toggle:hover i{ background-color: #0073BB;} 
}


/*============================ footer ============================*/  
.footer_wrap{ background: #181818; color:rgba(255,255,255, .55); }
.footer_wrap a{ color:rgba(255,255,255, .55); } 
.footer_wrap a:hover{ color:rgba(255,255,255, 1); } 
/*footer_top*/
.footer_top{ padding: .80rem 0;}
.footer_sift{ max-width: 290px; margin-right: 8%;}
.sift_block{display:flex; flex-wrap: nowrap; position: relative; height: 50px; line-height: 50px; border-radius: 25px; background: rgba(255,255,255, .15); margin-bottom: .16rem; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.sift_block:hover{ box-shadow: 0 0 10px 0 rgba(255,255,255, .50);} 
.sift_sousuo{}
.sift_sousuo>.icon_search{ position: absolute; top:50%; left: 24px; transform: translateY(-50%); }
.sousuo_txt{ flex:1 0 0; height: 100%; padding-left: 48px; color:#ffffff; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.sousuo_btn{ cursor: pointer; text-align: center; width: 50px; height: 100%;}
.sousuo_btn>.icon_next{ color: rgba(255,255,255, .50);}
.sift_sousuo:hover .sousuo_btn>.icon_next,
.sousuo_btn:hover>.icon_next{ color: rgba(255,255,255, 1);}
.sift_subcompany{ }
.sift_subcompany>.icon_jian_down{ position: absolute; top:0; right:0; cursor: pointer; text-align: center; width: 50px; height: 100%;}
.subcompany_tit{ padding-left: 24px;}
.subcompany_list{ position: absolute; top:100%; left:0; z-index: 10; width:100%; background: #262626; border-radius: 25px; padding: 24px; font-size: 14px; display:none;}
.subcompany_list li a{ display:block; line-height: 1.72; padding: .10rem 0;  color: rgba(255,255,255, .50); text-align: left;}
.subcompany_list li a:hover{  color: rgba(255,255,255, 1);}
.sift_subcompany:hover>.icon_jian_down{ color: rgba(255,255,255, 1);} 
/*footer_nav*/
.footer_nav{ flex: 1 0 0; max-width: 900px; margin-left: auto; align-items: stretch; justify-content: space-between; font-weight: 400;}
.footer_nav>li{}
.nav_tit{ line-height: 1.875; } 
.nav_tit a{ display:block; color: rgba(255,255,255, 1); }
.nav_tit .iconfont{ position: absolute; top:0; right:0; z-index: 1; text-align: center; font-size: 14px; width: 50px; height: 100%; border-left: 1px solid rgba(255,255,255, .20); display: none;}
.footer_nav li.active .nav_tit .iconfont:before{ display: inline-block; transform: rotate(180deg);}
.nav_collapsible{ margin-top: .10rem;}
.nav_subclass{  }
.nav_subclass li a{ display: block; line-height: 1.875; } 
.nav_subclass li a em{ font-style: normal;}
/*footer_middle*/
.footer_middle{ padding-bottom: 10px;}
.footer_hotline{ color:rgba(255,255,255, 1); margin-right: .25rem;}
.footer_hotline i{font-style: normal; text-decoration: underline; margin-left: 8px;}
.footer_follow{ align-items: flex-end;}
.footer_follow li{ position: relative; margin-right: .25rem;}
.follow_tit{}
.follow_tit>.iconfont{ vertical-align: middle; font-size: 20px; margin-right: .08rem; color:rgba(255,255,255, .75);}
.follow_tit>em{ font-style: normal;}
.follow_cover{ position:absolute; bottom: 100%; padding-bottom: .15rem; left: 50%; transform:translateX(-50%); width: 165px; text-align: center; font-size:14px; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease; }
.follow_con{ position: relative; background: #404040; border-radius: .08rem; padding: 20px; box-shadow: 2px 0 12px 0 rgba(0,0,0, .10); text-align: center; line-height: 24px;}
.follow_con:before{ content: ""; position:absolute; top: 100%; left: 50%; transform:translateX(-50%) rotate(0deg); border-width:6px; border-style:solid solid solid; border-color:#404040 transparent transparent; display:none;} 
.follow_con img{ display:block; width:100%; margin: 0 auto 10px; max-width: 124px;}
.follow_caption{ color: rgba(255,255,255, 1);}
.footer_follow li:hover .follow_tit>.iconfont{ color: rgba(255,255,255, 1);}
.footer_follow li:hover .follow_cover{ opacity: 1; visibility: visible; pointer-events: all;}
/*footer_bot*/
.footer_bot{ border-top: 1px solid rgba(255,255,255, .18); padding: .25rem 0;}
.footer_copyright{ margin-right: 8%;}
.footer_links{ margin-left: auto; margin-right: -.06rem;}
.footer_links a{ display:inline-block; padding: 0 .06rem;}
@media (min-width: 768px){
	.nav_tit .iconfont{ display:none!important;}
}  
/*float_menu*/
.float_menu{ position: fixed; top: 70%; right: .35rem; z-index: 1004;}
.float_menu li{ position: relative; margin-top: .15rem;}
.float_menu li>a{ display:block; box-shadow: 0 0 10px 0 rgba(0,0,0, .10); text-align: center; width: 50px; height: 50px; line-height: 50px; background: #FFFFFF; color:#181818; border-radius: 50%; }
.float_menu li>a>.iconfont{ font-size: 20px;}  
.float_menu li:hover>a{ background: #0073BB; color: #ffffff;} 
/*.float_menu li.float_top{ display:none;}*/

/*============================ 01 ============================*/  
main{ padding-top: 150px; } 
body.body_index main{ padding-top: 0!important;}
.sec_box{ position: relative; overflow: hidden; padding-top: 1.30rem; padding-bottom: 1.30rem; background: 50% 0 no-repeat fixed; background-size: cover;}
/*sec_top*/
.sec_top{ position: relative; align-items: flex-end; margin-bottom: .50rem;}
.sec_text{ max-width: 50%; padding-right: 8%;}
.sec_tit a{ color: #0073BB;}
.sec_forewords{ line-height: 1.24; margin-top: .20rem;}
.sec_more{ margin-left: auto; display:flex; }
.sec_more em, .sec_more i{ font-style: normal; text-align: center; font-weight: 500; border-radius: .05rem; border: 1px solid rgba(17, 17, 17, .10); height: 50px; line-height: 48px; -webkit-transition:background 0.6s ease, color 0.6s ease; transition:background 0.6s ease, color 0.6s ease;}
.sec_more em{ width: 1.40rem; min-width: max-content; padding: 0 .40rem; }
.sec_more i{ width:50px; margin-left: 6px; font-size: 18px;}
.sec_more:hover em, .sec_more:hover i{ background: #0073BB; color:#ffffff;}
/*=======focus_swiper======*/  
.effect_swiper{ position: relative;}
.focus_swiper{ height:100vh; overflow:hidden;} 
.focus_swiper .swiper-slide{ overflow:hidden;}
.focus_swiper .slide-inner:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: url(../images/focus_cover.png) no-repeat; background-size: cover;}   
.focus_swiper .swiper_arrow div[class^="swiper-button-"]{ border-radius:50%; border:none; background: rgba(0,0,0, .10); color:#ffffff;}
.focus_swiper .swiper_arrow div.swiper-button-prev{ left: 1.82%; }
.focus_swiper .swiper_arrow div.swiper-button-next{ right:1.82%; } 
.focus_swiper .swiper-pagination{ display:none;}
.focus_swiper .swiper-pagination .swiper-pagination-bullet{ border-color:#ffffff;}
.focus_swiper .swiper-pagination .swiper-pagination-bullet-active{ background-color: #ffffff;}
.focus_text{ position: absolute; top:50%; left:0; transform: translateY(-50%); width: 100%; color: #ffffff; letter-spacing: 0.05em; line-height: 1.31;}
.focus_range{ max-width: 820px;}
.focus_tit{}
.focus_des{ margin-top: .20rem; }
/*=======index_solution======*/  
.index_solution{}
.solution_box{ align-items: stretch; border-radius: .08rem; overflow: hidden; position: relative; color: #ffffff;}
.solution_box:before{ content: ""; position:absolute; top:0; left:0; width:100%; height: 100%; background: rgba(0, 115, 187, .90)}
.solution_box a{ color: #ffffff;}
.solution_block{ position: relative; z-index: 1; width:33.33%; padding: .45rem; border-right:1px solid rgba(255, 255, 255, .35); -webkit-transition:background 0.6s ease; transition:background 0.6s ease;}
.solution_block:nth-child(1),
.solution_block:nth-child(2),
.solution_block:nth-child(3){ border-bottom: 1px solid rgba(255, 255, 255, .35);}
.solution_num{ display:block; line-height: 1;}
.solution_tit{ margin-top: .40rem;}
.solution_list{ font-size: 14px; line-height:24px; margin: .20rem -.10rem 0; padding-top: .20rem;  border-top:1px solid rgba(255, 255, 255, .35);}
.solution_list li{ width:50%; padding: 0 .10rem;}
.solution_list li a{ display:block; overflow: hidden; position: relative; padding:.03rem 0 .03rem 14px; white-space: nowrap; text-overflow: ellipsis;}
.solution_list li a:before{ content:"•"; position: absolute; top: .03rem; left:0; }
.solution_block:hover{ background: rgba(255, 255, 255, .10);}
/*=======index_about======*/  
.index_about{ color:#ffffff;}
.index_about a{ color:#ffffff;}
.index_about:before{ content:""; position: absolute; top:0; width:100%; height: 68.97%; background: #0073BB;}
.about_forewords{ margin-left: auto; flex:1 0 0 ; overflow: hidden; line-height: 1.875; max-width: 710px;}
.video_box{ width:100%; height: 6.20rem; min-height: 240px; overflow: hidden; position: relative; background:#000000;}
.video_box video{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; outline: none;}
.video_btn{ display: block; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; width:50px; height: 50px; background: url(../images/icon_video.png) 50% 50% no-repeat; background-size: contain;} 
.video_poster{ position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index: 1;}
.video_poster:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .12);}
.video_poster img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.about_video{  width:110%; margin-top: .90rem;}
/*=======index_about======*/  
.index_news{  padding-top: 0; padding-bottom: .55rem;}
.news_more{ justify-content: center; margin-top: .50rem;}
.news_more2{ justify-content:right; }
.news_swiper{ /*width: calc(100% + 24px);*/} 
/*.news_swiper .swiper-slide{width:22.50%!important; margin-right: .24rem; -webkit-transition:width 0.6s ease; transition:width 0.6s ease;}
.news_swiper .swiper-slide-active{ width: 28.125%!important; }*/
.news_block a{ display:block; border-top:1px solid rgba(17, 17, 17, .10); padding-top: .25rem; position: relative;}
.news_block a:before{ content: ""; position: absolute; top:-1px; width: 63.33%; height: 2px; background: #0073BB;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.news_swiper .swiper-slide-active .news_block a:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}  
.news_time{ display: block; color: #999999;}
.news_tit{ margin-top: .10rem; }
.news_img{ padding-top: 0; height: 2.75rem; border-radius: .08rem; margin-top: .30rem;  }
.news_swiper .swiper-pagination{ display:none;}
.news_swiper .swiper_arrow{ position: absolute; bottom: 100%; right:0; margin-bottom: .50rem;}
@media (min-width: 1001px){ 
	.news_swiper .swiper-slide{width:22.50%!important; margin-right: .24rem; -webkit-transition:width 0.6s ease; transition:width 0.6s ease;}
	.news_swiper .swiper-slide-active{ width: 28.125%!important; }
}

/*============================ 02 ============================*/  
.banner_wrap{ position: relative; height: 45vh;}
.banner_wrap2{ position: relative; height: auto;}
.banner_bg{ padding-top: 0; width:100%; height: 100%; background: 50% 0 no-repeat; background-size: cover;}
.banner_bg:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0, .20);}
.banner_text{ position: absolute; top:50%; left:0; transform: translateY(-50%); z-index: 1; width: 100%; color: #ffffff; text-align: center;}
.banner_tit{} 
.banner_wrap2 .banner_bg:before{ content: ""; position: absolute; top:0; left:0; width: 100%;  height: calc(100% - 8px); background: rgba(0,0,0, .20);}
/*sec_head*/
.sec_head{ text-align: center; margin-bottom: .50rem;}
.sec_item{}
.sec_preface{ color: #5C5C5C; margin: .10rem auto 0; max-width: 80%;}
/*=======profile_summary======*/  
.profile_summary{ padding-bottom: 0!important;}
.summary_forewords{ /*width:80%;*/ width:90%; max-width: 1260px; margin: 0 auto;}
.summary_swiper{ margin-top: .80rem;}
.accordion_block{ position: relative; overflow: hidden; height:5.40rem; min-height: 320px;}
.accordion_img{ position: relative; width:100%; height: 100%; background: left top no-repeat; background-size: cover !important;}
.accordion_img:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0, .18);}
.accordion_text{ position: absolute; bottom: 0; left:0; z-index:2; width: 100%; color: #ffffff; padding: .30rem;}
.accordion_tit{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 24px; line-height: 28px; height: 28px; -webkit-transition:all .6s ease; transition:all .6s ease; }
.accordion_des{ width:100%; max-width: 650px;}
.summary_swiper .swiper-slide-active .accordion_img:before{ background: rgba(0,0,0, .30);}
.summary_swiper .swiper-slide-active .accordion_text{ padding-left: .40rem; padding-right: .40rem;}
.summary_swiper .swiper-slide-active .accordion_tit{  margin-bottom: .20rem; font-size: 28px; }
.summary_swiper .swiper-slide-active .accordion_des{ height: auto; opacity: 1; transform: translateY(0%); text-align: justify;  }
.summary_swiper .swiper_arrow{ display:none;}
.summary_swiper .swiper-pagination{ position: static; margin-top: .40rem;}
@media (min-width: 768px){ 
	.summary_swiper .swiper-slide{ width: 16.25%; -webkit-transition:width .6s ease; transition:width .6s ease;}
	.summary_swiper .swiper-slide-active{ width: 50%!important; }
	.accordion_des{ height: 0; overflow: hidden; opacity: 0; transform: translateY(100%); -webkit-transition:all .6s ease; transition:all .6s ease;}
}
/*=======profile_office======*/  
.profile_office{} 
.office_swiper .swiper{ background: 50% 0 no-repeat; background-size: cover; border-radius: .08rem; }
.office_swiper .swiper:before{ content: ""; position: absolute; top:0; left:0; border-radius: .08rem; width: 100%; height: 100%; background: rgba(0,0,0, .25);} 
.office_swiper .swiper-slide{border-left:1px solid rgba(255,255,255, .18);}
.office_swiper .swiper-slide:first-child{ border:none;}
.office_block{ display:flex; align-items: flex-end; color: #ffffff; height: 6.20rem; padding: .30rem .35rem; -webkit-transition:background .6s ease; transition:background .6s ease;}
.office_text{}
.office_tit{ padding-bottom: .15rem; position: relative;}
.office_tit:before{ content: ""; position: absolute; bottom:0; left:0; width: 18px; height: 2px; background: #FFFFFF;}
.office_des{ margin-top: .15rem; line-height: 1.875; max-width: 280px;}
.office_block:hover{ background: rgba(0,0,0, .10);}
.office_swiper .swiper_arrow{ display:none;}
.office_swiper .swiper-pagination{ position: static; margin-top: .40rem;}
/*=======profile_factory======*/   
.profile_factory{ background-color: #F6F6F6;}
.factory_img{ height: 5.40rem; padding: .46rem 0; -webkit-transition:padding .6s ease; transition:padding .6s ease;}
.factory_img .img_box{ border-radius: .08rem; overflow: hidden; padding-top: 0; height: 100%;}
.factory_img .img_box:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0, .18);} 
.factory_text{ display:none; /*width:72%;*/ width:90%; max-width: 880px; margin: .50rem auto 0;}
.factory_tit{ text-align: center;}
.factory_des{ color: #5C5C5C; line-height: 1.875; margin-top: .15rem;}
.factory_swiper .swiper{ overflow: visible; transform: translateX(-8.10%); } 
.factory_swiper .swiper-slide-active{ width: 65.625%!important; }
.factory_swiper .swiper-slide-active .factory_img{ padding:0; }
.factory_swiper .swiper-slide-active .factory_img .img_box:before{ background: rgba(0,0,0, .10);}
.factory_swiper .swiper-slide-active .factory_text{ display: block;}
.factory_swiper .swiper_arrow div[class^="swiper-button-"]{ top:33%; margin-top: 0;}
.factory_swiper .swiper_arrow div.swiper-button-prev{ left: 8.33%; }
.factory_swiper .swiper_arrow div.swiper-button-next{ right:8.33%; } 
.factory_swiper .swiper-pagination{ bottom:auto; top:5rem;} 
.factory_swiper .swiper-pagination .swiper-pagination-bullet {width: 20px; height: 10px; background: none; border-radius:0; border: 1px solid #ffffff; opacity: .35; margin: 0 4px; }
.factory_swiper .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1; }

/*=======profile_subcompany======*/ 
.profile_subcompany{}
.subcompany_box{}
.subcompany_block{ align-items: center; margin-bottom: .80rem;}
.subcompany_block:last-child{ margin-bottom: 0;}
.subcompany_img{ width:50%; overflow: hidden; margin-right: 5.625%;}
.subcompany_img .img_box{ padding-top: 61.25%; border-radius: .08rem; overflow: hidden;}
.subcompany_text{ flex:1 0 0;}
.subcompany_num{ color: #0073BB;}
.subcompany_item{ margin-top: .20rem;}
.subcompany_des{ margin-top: .15rem; color: #5C5C5C; -webkit-line-clamp: 3; height: 90px; text-align: justify; }
.subcompany_more{ margin-top: .50rem;}
.subcompany_block:nth-child(even){ flex-direction: row-reverse;}
.subcompany_block:nth-child(even) .subcompany_img{ margin-right: 0; margin-left: 5.625%;}

/*=======develop_sector======*/  
.develop_sector{}
.sector_swiper{ }
.sector_show{ }
.sector_img{ padding-top: 49.24%; border-radius: .08rem;}
.sector_show .swiper_arrow{ display:none;}
.sector_thumbs_box{ position: relative; flex:1 0 0; height:100%; margin-top: .40rem; }
.sector_thumbs{ display:flex; flex-flow: column nowrap;}
.sector_thumbs .swiper-slide{ cursor: pointer; height: 100%;  padding: .20rem; background: #F6F6F6; border-radius: .08rem; -webkit-transition:background .6s ease,color .6s ease; transition:background .6s ease, color .6s ease;}
.sector_thumbs .swiper-slide h4{ height:60px; line-height:60px; }
.sector_thumbs .swiper-slide h4 span{ display:inline-block; vertical-align:middle; line-height:30px; }
.sector_thumbs .swiper-slide-thumb-active{ background: #0073BB; color:#ffffff;}
.sector_tit{overflow:hidden;  }
.sector_time{ margin-left: 10px;}
.sector_des{ margin-top: 5px; }
.sector_swiper .swiper-pagination{ display:none;} 
@media (min-width: 768px){
	.sector_swiper{ display:flex; height: 5.22rem; min-height: 362px; }
	.sector_show{ width:66.25%;}
	.sector_thumbs_box{ position: relative; flex:1 0 0; height:100%; width:33.75%; margin-top:0; padding-left: 14px;}
	.sector_img{ padding-top: 0; height: 100%;} 
	.sector_thumbs_box .swiper_arrow div.swiper-button-prev{ left:50%; transform: translateX(-50%) rotate(90deg);  margin-left: 14px; top:0; margin-top: -70px;}
	.sector_thumbs_box .swiper_arrow div.swiper-button-next{ left:50%; transform: translateX(-50%) rotate(90deg);  margin-left: 14px; top:auto; bottom:0; margin-bottom: -70px;}
	
}
/*=======develop_period======*/
.develop_period{ /*padding-bottom:0!important;*/ padding-top:0 !important; background-color: #F6F6F6;}
.period_swiper{ }
.period_show{ width:100%;}
.period_show .show_block{ /*display:none;*/ position: relative;}
.period_show .show_block:before{ content:""; position: absolute; bottom: 13px; left: -6.25%; width: 112.50%; height: 1px; background: url(../images/develop_dec01.jpg) center top no-repeat; background-size: contain;}
.period_show .period_show_pagination,
.period_show .period_show_arrow{ display:none;}
.period_thumbs{ margin-bottom: .90rem; background: rgba(0, 115, 187, .08); width:100%;}
.period_thumbs .swiper-slide{ width:25%; height: auto;}
.period_thumbs .thumbs_block{ cursor: pointer; height:100%; padding: .56rem .60rem; border-radius: .08rem; -webkit-transition:background .6s ease,color .6s ease; transition:background .6s ease, color .6s ease;}
.period_thumbs .swiper-slide-thumb-active .thumbs_block{ background: #0073BB; color:#ffffff;}
.period_tit{ white-space: nowrap;}
.period_time{ margin-left: 10px;}
.period_des{ margin-top: 5px; }
.period_thumbs .swiper-pagination{ display:none;}
.period_thumbs .swiper_arrow div[class^="swiper-button-"]{ border:none!important; background: none!important;}
.period_thumbs .swiper_arrow div[class^="swiper-button-"]:after{ font-size: 20px; transform: scale(1); text-shadow: 0 2px 2px rgba(0,0,0, 0.30);}

/*events_swiper*/
.events_swiper{margin: -13px; }
.events_swiper .swiper{ padding: 13px 13px 26px; }
.events_swiper .swiper-slide{ height: auto; border-left:1px solid rgba(0,0,0, .10); padding: 0 .30rem .30rem;}
.events_circle{ position: absolute; bottom: -8px; left:-8px; z-index: 1; width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(0,0,0, .50);}
.events_circle:before{ content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(0.375); background: #111111; border-radius: 50%; width:100%; height: 100%; }
.events_circle:after{ content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(0.375); opacity: 0; border: 1px solid rgba(0,0,0, .15); border-radius: 50%; width:100%; height: 100%;}
.events_swiper .swiper-slide:hover .events_circle:after{ transform: translate(-50%,-50%) scale(1.857); opacity: 1;}
/*.events_swiper .swiper-slide:last-child .events_circle{ display:none;}*/
.events_block{ max-width: 97.35%;}
.events_img{ border-radius: .08rem; padding-top: 53.03%;}
.events_text{ margin-top: .20rem;}
.events_tit{ color:#0073BB;}
.events_des{ line-height: 24px; height: 72px; overflow: hidden; margin-top: .10rem;}
.events_des2{ line-height: 24px; }
.events_swiper .swiper_arrow{ /*display:none;*/}
.events_swiper .swiper_arrow div[class^="swiper-button-"]{ background-color: #F6F6F6;}
.events_swiper .swiper_arrow div.swiper-button-prev{ left:13px;}
.events_swiper .swiper_arrow div.swiper-button-next{ right:13px;}
.events_swiper .swiper-pagination{ position: static; margin-top: .40rem; display: none;}
@media (min-width: 1200px){
	.events_swiper .swiper_arrow div.swiper-button-prev{ left:auto; right:100%; margin-right: .20rem;}
	.events_swiper .swiper_arrow div.swiper-button-next{ right:auto; left:100%; margin-left: .20rem;}
}

/*=======culture_corporate======*/
.culture_corporate{}
.corporate_list{ margin: -.10rem; }
.corporate_block{ width:33.33%; padding:.10rem;}
.corporate_range{ height: 100%; background: #0073BB; color: #ffffff; border-radius: .08rem; padding: .60rem;}
.corporate_icon{ width: 1.20rem; margin: 0 auto; border-radius: 50%; border: 2px solid #FFFFFF;}
.corporate_icon .icon_box img{ max-width: 50%; max-height: 50%;}
.corporate_text{ text-align: center; margin-top: .30rem;}
.corporate_des{ line-height: 1.75; margin-top: .15rem;}
/*=======culture_dream======*/
.culture_dream{ background-color: #0073BB; color: #ffffff;}
.culture_dream .sec_preface{ color: #ffffff;}
.dream_list{ margin: -.40rem; }
.dream_block{ width:20%; padding: .40rem;}
.dream_num{ display:block; font-size: 1.10rem; letter-spacing: -0.1em; line-height: 1; font-weight: bold; font-family: "centurygothic"; background: linear-gradient( rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 90%); -webkit-background-clip: text; color: transparent; opacity: .10;}
.dream_icon{ position: relative; z-index: 1; max-width: .65rem; margin-top: -20%;}
.dream_des{ line-height: 1.75; margin-top: .20rem; padding-top: .20rem; border-top:1px solid #ffffff;}
/*=======culture_spirit======*/
.culture_spirit{ padding-bottom: .80rem; background-attachment: local; background-position: center bottom;}
.spirit_swiper .swiper{ margin: 0 -.40rem;}
.spirit_swiper .swiper-slide{ height:auto; border-left:1px solid rgba(0,0,0, .10); padding: 0 .40rem;}
.spirit_swiper .swiper-slide:first-child{ border:none;}
.spirit_block{ height: 100%;}
.spirit_icon{ max-width: .80rem;}
.spirit_text{ margin-top: .20rem;}
.spirit_tit{}
.spirit_des{ line-height: 1.75; color:#5C5C5C; margin-top: .15rem;}
.spirit_swiper .swiper-pagination{ display:none;}
.spirit_swiper .swiper_arrow{ text-align: center; margin-top: .50rem;}
/*=======culture_spirit======*/
.culture_idea{ padding-bottom: .80rem;}
.idea_swiper{}
.idea_swiper .swiper-slide{ height:auto;}
.idea_block{background: #F6F6F6; border-radius: .08rem; height: 100%; padding:.40rem .50rem; display:flex; align-items: center;} 
.idea_icon{ width:  1.10rem; border-radius: 50%; background: #FFFFFF; margin-right: .25rem;}
.idea_icon .icon_box img{ max-width:50%; max-height: 50%;}
.idea_text{ flex:1 0 0; }
.idea_tit{}
.idea_des{ line-height: 1.75; color:#5C5C5C; margin-top: .15rem;}
.idea_swiper .swiper_arrow{ display:none;}
.idea_swiper .swiper-pagination{ position: static; margin-top: .60rem;}

/*=======honor_awards======*/
.honor_awards{ }
.awards_swiper{ background: #FFFFFF right bottom no-repeat; background-size:cover;  border-radius: .08rem; box-shadow: 0 0 10px 0 rgba(0,0,0, .10); }
.awards_thumbs{width:100%;  background: #0073BB; color: #ffffff; border-radius: .08rem 0 0 .08rem; padding: 0 50px;}
.awards_thumbs .swiper-pagination{ display: none;}
.awards_thumbs .swiper-pagination .swiper-pagination-bullet{ border-color:#ffffff;}
.awards_thumbs .swiper-pagination .swiper-pagination-bullet-active{ background-color: #ffffff;}
.awards_thumbs .swiper_arrow div[class^="swiper-button-"]{ border:none; border-radius: 0;  color: #ffffff;}
.awards_thumbs .swiper_arrow div.swiper-button-prev{ left:0; }
	.awards_thumbs .swiper_arrow div.swiper-button-next{ right: 0;}
.awards_thumbs>.swiper{ padding: .20rem 0; border-top: 1px solid rgba(255,255,255, .15);  border-bottom: 1px solid rgba(255,255,255, .15);}
.awards_thumbs .swiper-slide{ cursor: pointer; display:flex; align-items: center; justify-content: center; font-size: 24px; opacity: .35; -webkit-transition:font-size .6s ease; transition:font-size .6s ease;}
.awards_thumbs .swiper-slide-thumb-active{ font-size: 42px; opacity: 1;}
.awards_show { overflow: hidden; height: 100%; flex:1 0 0;}
.awards_show .swiper-pagination{ display: none;}
.awards_show .swiper_arrow{ display:none;}
.awards_show .swiper-slide{ padding: .80rem .50rem .80rem .60rem;}
.awards_list{ height: 100%; overflow: hidden; line-height: 42px;}
.awards_list li{ position: relative; padding-left: 16px;}
.awards_list li:before{ content: "•"; position: absolute; top:0; left:0; color:#0073BB;}  
.awards_list .mCS-dark-thin.mCSB_scrollTools{ width:5px; opacity: 1;}
.awards_list .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:2px; background: #0073BB;}
.awards_list .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ margin: 0 auto; width:1px; background: rgba(0,0,0, .10);}
@media (min-width: 768px){
	.awards_swiper{ height: 5rem; min-height: 400px;}
	.awards_thumbs{ width:30%; min-width: max-content; height:100%; padding: 60px .55rem;}
	.awards_thumbs .swiper_arrow div[class^="swiper-button-"]{ margin:0; width:100%; height: 60px; line-height: 60px;}
	.awards_thumbs .swiper_arrow div[class^="swiper-button-"]:after { font-size: 20px; transform: scale(1) rotate(90deg); }
	.awards_thumbs .swiper_arrow div.swiper-button-prev{ top:0; }
	.awards_thumbs .swiper_arrow div.swiper-button-next{ top:auto; bottom: 0;}
}

/*=======honor_certificate======*/
.honor_certificate{ background-color: #f6f6f6; padding-bottom: 1.80rem; }
.certificate_swiper{ padding:0 -webkit-calc(50px + .50rem); padding:0 calc(50px + .50rem);  margin-top: -40px;}
.certificate_platform{ width:101.25%; height: 1.70rem; background: url(../images/honor_certificate01.png) center top no-repeat; background-size:cover; position: absolute; bottom: -1rem; left:-0.625%;}
.certificate_swiper .swiper-pagination{ display: none;}
.certificate_img{ width:100%;  margin: 0 auto; } 
.certificate_img .icon_box{ /*background: url(../images/honor_certificate00.jpg) no-repeat; background-size:contain; */padding-top: 100.15%;}
.certificate_img .icon_box img{ /*max-width:87.78%;*/}
.certificate_tit{ text-align: center; margin-top: .25rem;}

/*============================ 06 ============================*/  
/*=======solution_classify======*/
.solution_classify{ padding-top: 0; padding-bottom: 0;}
.classify_swiper{ padding-top: .55rem; padding-bottom: .55rem; border-bottom: 1px solid rgba(0,0,0, .10);}
.classify_block{ display:block; position: relative; overflow: hidden; border-radius: .08rem; color: #ffffff;}
.classify_img{ padding-top: 57.33%;}
.classify_img:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: rgba(0, 0, 0, .05);}
.classify_tit{ position: absolute; bottom:0; left:0; z-index: 2; width:100%; text-align: center; padding: .15rem .30rem;}
.classify_swiper .swiper-slide{ width:25%;}
.classify_swiper .swiper-slide.active .classify_block .classify_img:before{ background: rgba(0, 115, 187, .85);}
.classify_swiper .swiper-slide.active .classify_block .classify_tit{ bottom:auto; top:50%; transform: translateY(-50%); }
.classify_swiper .swiper_arrow div.swiper-button-prev{ left: -70px; }
.classify_swiper .swiper_arrow div.swiper-button-next{ right: -70px;}
.classify_swiper .swiper-pagination{ display:none;}
/*=======solution_introduction======*/
.solution_introduction{}
.introduction_video{ border-radius: .08rem; height: 5.20rem;}
/*=======solution_recommend======*/
.solution_recommend{ background-color: #f6f6f6; padding-top: 1rem; padding-bottom: 1rem;}
.recommend_swiper{}
.recommend_block{}
.recommend_block>a{ display:flex; flex-wrap:wrap; align-items: center; flex-direction: row-reverse;}
.recommend_img{ width: 50%; border-radius: .08rem; overflow: hidden; margin-left: 4%;}
.recommend_img .img_box{ padding-top: 58.75%;}
.recommend_img .img_box:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: rgba(0, 0, 0, .05);}
.recommend_text{ flex:1 0 0; overflow: hidden; padding-bottom: calc(50px + .50rem); }
.recommend_num{ color:#0073BB;}
.recommend_tit{ font-weight: 400; margin-top: .20rem;}
.recommend_des,
.related_des{ margin-top: .20rem; color:#5c5c5c; -webkit-line-clamp:3; height: 90px;}
.recommend_swiper .swiper_arrow{ position: absolute; bottom: 5%; z-index: 2;}
.recommend_swiper .swiper-pagination{ display:none;}
/*=======solution_related======*/
.solution_related{ padding-top: .85rem; padding-bottom: .85rem;}
.related_list{ }
.related_list li{ width:100%; margin-bottom: 0.40rem; } 
.related_list li{ display:flex; align-items: center; overflow: hidden; padding: .40rem;  border-radius: 20px; background: #F6F6F6; position: relative; } 
.related_img .img_box{  padding-top:56.31%; min-height: 240px; border-radius:10px;}
.related_img .img_box:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: rgba(0, 0, 0, .05);} 
.related_tit{ font-weight:600;}
.related_des{ margin-top: .15rem;}
.related_list li:hover{ border-color: rgba(0,0,0, .10); color: #0073BB; }
.related_list li:hover .related_img .img_box:before{ opacity: 0;} 
.related_more{ cursor: pointer; display:none; margin: .50rem auto 0; width: 1.90rem; min-width: max-content; padding: 0 .50rem; height: 50px; line-height: 50px; border-radius: .05rem; border:1px solid rgba(0, 0, 0, .10); -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.related_more em{ font-style: normal;}
.related_more>.iconfont{ font-size: 12px; margin-left: .15rem;}
.related_more:hover,
.related_more.active{ background-color: #0073BB; border-color:#0073BB; color: #ffffff;}
.related_more.active>.iconfont:before{ display:inline-block; transform:rotate(180deg) translateY(3px);} 
.related_list li .related_img{ width: 50%; margin-right: 4%; }
.related_list li .related_text{ flex:1 0 0; overflow: hidden;}
.related_list li:nth-child(even){ flex-direction: row-reverse;}
.related_list li:nth-child(even) .related_img{ margin-right: 0; margin-left: 4%; } 
@media (min-width: 1001px){  
	.related_list li:before{ 
	  content: "";
	  display: block;
	  width: 100%;
	  height: 2px;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  background-color: #0073BB;
	  -webkit-transform-origin: right top;
	  transform-origin: right top;
	  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
		display: none;
	} 
	.related_list li:hover:before{
	  -webkit-transform-origin: left top;
	  transform-origin: left top; 
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	} 

}

/*============================ 06 ============================*/  
/*=======performance_presentation======*/
.performance_presentation{ padding-top: .35rem; padding-bottom: .65rem;}
.presentation_tab{ margin: 0 -5px .35rem;}
.presentation_tab li{ margin:0 5px; }
.presentation_tab li a{ display:block; cursor: pointer; text-align: center; width: 2rem; padding: 0 .50rem; min-width: max-content; height: 50px; line-height: 50px; border-radius: 25px; border: 1px solid rgba(0,0,0, .10);} 
.presentation_tab li:hover a{ border-color:#0073BB; color:#0073BB;}
.presentation_tab li.active a,
.presentation_tab li.active:hover a{ background-color: #0073BB; border-color:#0073BB; color: #ffffff;}
/*presentation_box*/
.presentation_box{ display:none;}
.presentation_list{ margin: -.20rem -.18rem; text-align:center;}
.presentation_list li{ width:33.33%; padding: .20rem .18rem; display:inline-block; }
.presentation_list li a{ display:block; height:100%; border: 1px solid rgba(0,0,0, .10); border-radius: .08rem; padding:.50rem 0 .25rem .45rem;}
.presentation_text{ padding-right: .55rem;}
.presentation_tit{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.presentation_des{ color:#5C5C5C; margin-top: .15rem;}
.presentation_img{ margin-top: .30rem; padding-top: 69.26%; border-radius: .08rem 0 0 .08rem;}
.presentation_list li a:hover{ box-shadow: 0 0 50px -5px rgba(0,0,0, .10); color:#0073BB; }
/*=======performance_distribution======*/
.performance_distribution{ background-color: #0075bd; color:#ffffff;}
.performance_distribution .sec_preface{ color:#ffffff;}
.map_box{ position: relative; margin: 0 auto;}
.map_China{ max-width: 930px;}
.map_img_pc{ display:block;}
.map_img_phone{ display:none;}
.map_img img{ display:block;}
.map_block{ position: absolute; z-index: 1;}
.map_dot{ display:flex; align-items: center; line-height: 26px;} 
.map_dot em{ font-style:normal; min-width:32px; text-align: right;}
.map_dot i{ display:block; margin-right: .08rem; position:relative; width:16px; height: 16px; border-radius: 50%; border:1px solid rgba(255,255,255, .50);}
.map_dot i:after{ content:""; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:6px; height: 6px; border-radius: 50%; background: #ffffff;}
.map_dot i:before{ content:""; position: absolute; top:-6px; left:-6px; width: 26px; height: 26px; border-radius: 50%;
    box-shadow: inset 0 0 30px 0 rgba(255,255,255, .50);
	-webkit-transform: scale(.10);
	-moz-transform: scale(.10);
	-ms-transform: scale(.10);
	transform: scale(.10);
	opacity: 1;
	-webkit-animation:2s 0.2s dots_move linear infinite;
	animation: 2s 0.2s dots_move linear infinite;
}
@-webkit-keyframes dots_move {
	0% {
		-webkit-transform: scale(.10);
		-moz-transform: scale(.10);
		-ms-transform: scale(.10);
		transform: scale(.10);
		opacity: 1;
	}
	70%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	100%{
		-webkit-transform: scale(1.20);
		-moz-transform: scale(1.20);
		-ms-transform: scale(1.20);
		transform: scale(1.20);
		opacity: 0;
	}
}
@keyframes dots_move {
	0% {
		-webkit-transform: scale(.10);
		-moz-transform: scale(.10);
		-ms-transform: scale(.10);
		transform: scale(.10);
		opacity: 1;
	}
	70%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	100%{
		-webkit-transform: scale(1.20);
		-moz-transform: scale(1.20);
		-ms-transform: scale(1.20);
		transform: scale(1.20);
		opacity: 0;
	}
}
.map_block:nth-child(even) .map_dot i:before{
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
	-webkit-animation-duration: 2.2s;
  	animation-duration: 2.2s;
}
.map_block:nth-child(3n+1) .map_dot i:before{
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
	-webkit-animation-duration: 2.4s;
  	animation-duration: 2.4s;
}
.dot_dif{ flex-direction: column;}
.dot_dif i{ margin-right: 0; margin-bottom: 2px;}
/*China*/
#Harbin{ top: 14.90%; left: 77.55%;}
#Shenyang{ top: 30.60%; left: 72.10%;}
#Dalian{ top: 37.6%; left: 69.95%;}
#Qinhuangdao{ top: 33.2%; left: 64.90%;}
#Qinhuangdao .dot_dif{ flex-direction: column-reverse;}
#Langfang{ top: 38.65%; left: 61.80%;}
#Dagang{ top: 39.30%; left: 63.6%;}
#Ningxia{ top: 44.10%; left: 47.05%;}
#Lanzhou{ top: 45.25%; left: 38.60%;}
#Lanzhou .map_dot{ flex-direction: row-reverse;}
#Lanzhou .map_dot i{ margin-left: .08rem; margin-right: 0;}
#Dingxi{ top: 46.95%; left: 43.1%;}
#Shaanxi{ top: 51.95%; left: 51.40%;}
#Chengdu{ top: 61.60%; left: 42.00%;}
#Chongqing{ top: 65.35%; left: 48.50%;}
#Wuhan{ top: 61.65%; left: 56.55%;}
#Yichang{ top: 63.55%; left: 52.55%;}
#Qianjiang{ top: 59.45%; left: 52.85%;}
#Qianjiang .dot_dif{ flex-direction: column-reverse;}
#Guiyang{ top: 74.00%; left: 46.65%;}
#Guangxi{ top: 85.30%; left: 51.00%;}
#Guangdong{ top: 84.10%; left: 58%;}

/*============================ 05 ============================*/  
/*=======news_latest======*/
.news_latest{ background-color: #f6f6f6;}
.news_latest>.inner{ display:flex; flex-wrap: wrap;}
.latest_show{ width:57.50%; min-height: 4.70rem; position: relative; margin-right: .50rem;}
.latest_img{ display:none; position: absolute; top:0; left:0; width: 100%; height: 100%;}
.latest_img .img_box{ border-radius: .08rem; padding-top: 0; height: 100%; } 
.latest_list{ flex:1 0 0; overflow:hidden;}
.latest_list li{ overflow: hidden; position: relative; padding: .20rem 0; border-bottom: 1px solid rgba(0,0,0, .10); }
.latest_list li:before{ 
  content: "";
  display: block;
  width: 45.24%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #0073BB;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.latest_list li:hover:before, 
.latest_list li.active:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.latest_time{ display:block; color:#999999;}
.latest_tit{ margin-top: .10rem;}
.latest_hide{  }
.latest_more{ display: block; -webkit-transition:all .6s ease; transition:all .6s ease;  }
.latest_more em{ font-style:normal; }
.latest_more i{ font-style:normal; margin-left: .10rem; }  
@keyframes move01 {
  0% {
     opacity: 0; visibility: hidden; margin-top: 0; transform: translateY(20px);
  } 
  100% {
     opacity: 1; visibility: visible; transform: translateY(0);
  }
} 
@media (min-width: 768px){
	.latest_hide{ display: none; margin-top: .40rem; }
	.latest_list li.active .latest_hide .latest_more{ -webkit-animation: .6s move01 both; animation: .6s move01 both;}
	.latest_list li.active .latest_hide{ display: block;} 
}
/*=======news_whole======*/
.news_whole{ padding-top: .50rem; padding-bottom: .70rem;}
.whole_screen{ justify-content: flex-end; align-items: center;}
.screen_year{}
.year_sel{ width: max-content;}
.screen_for{ margin-left: .16rem; flex:1 0 0; overflow: hidden; display:flex; flex-wrap: nowrap; position: relative; height: 50px; line-height: 50px; border-radius: 25px; background: #F6F6F6; color: #999999; -webkit-transition:all 0.6s ease; transition:all 0.6s ease; }
.screen_for:hover{ box-shadow: 0 0 10px 0 rgba(0,0,0, .10);} 
.screen_for>.icon_search{ font-size: 18px; position: absolute; top:50%; left: 24px; transform: translateY(-50%); }
.for_txt{ flex:1 0 0; height: 100%; padding-left: 48px; color:#181818;}
.for_btn{ cursor: pointer; text-align: center; width: 50px; height:100%;}
.for_btn>.icon_next{ color: #999999;} 
.screen_for:hover .for_btn>.icon_next,
.for_btn:hover>.icon_next{ color: #181818;}
/*whole_list*/
.whole_list{ padding: -.25rem -.17rem; }
.whole_list li{ width:33.33%; padding: .25rem .17rem .10rem; }
.whole_list li a{ display:block; position: relative; border-bottom: 1px solid #ffffff; padding-bottom: .15rem; border-radius: .08rem;}
.whole_list li a:before{ 
  content: "";
  display: block;
  width: 45.24%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #0073BB;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.whole_list li a:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.whole_img{ border-radius: .08rem; padding-top: 60.78%; }
.whole_img:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: rgba(0,0,0, .05);}
.whole_img:after{ content: "\e626"; font-family:"iconfont"; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(-360deg); z-index: 2; color: #ffffff; width:50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; border:2px solid #ffffff; font-size: 18px; font-weight: bold; opacity: 0; display:none;}
.whole_text{ margin-top: .25rem;}
.whole_time{ display:block; color:#999999;}
.whole_tit{ margin-top: .10rem;}
.whole_list li a:hover{ border-color: rgba(0,0,0, .10); transform: translateY(-10px); }
.whole_list li a:hover .whole_img:before{ opacity: 0;}
.whole_list li a:hover .whole_img:after{ transform: translate(-50%,-50%) rotate(0deg); opacity: 1; }
/*paging*/
.paging{ justify-content: center; align-items: center; text-align:center; margin-top: .50rem;}
.paging a{ display:inline-block; position: relative; text-align: center; font-weight:500; margin: 5px; min-width:28px; height: 40px; line-height: 40px;}
.paging a.paging_btn{ width: 40px; border-radius: 2px; border:1px solid rgba(0,0,0, .10);}
.paging a.paging_btn .iconfont{ font-weight: bold; font-size: 12px; opacity: 0.8;}
.paging a.paging_btn:hover{ background: #0073BB; color: #ffffff;}
.paging_num{ margin: 0 .30rem; }
.paging .paging_num a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #0073BB;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.paging .paging_num a.active:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.paging .paging_num a:hover,
.paging .paging_num a.cur{ color: #0073BB;}
.paging li{ display:inline-block; }
/*news_detail*/
.news_detail{ padding-top: 1rem; padding-bottom: 1rem;}
.detail_head{ padding-bottom: .45rem; border-bottom:1px solid rgba(0,0,0, .10);}
.detail_tit{ }
.detail_func{ margin-top: .25rem; color: #999999;}
.func_time{} 
.func_share{ margin-left: .25rem; position: relative;} 
.share_list{}
.share_list>a{ display: inline-block; vertical-align: middle; cursor: pointer; color: #999999; padding: 0 3px;}
.share_list>a>.iconfont{ font-size: 20px;}
.share_list>a:hover{ color:#0073BB; }
.share_more{ position: absolute; left: 100%; top: 100%; z-index: 1001; width:max-content; background: #fff; border: solid 1px #d8d8d8; font-size: 14px; padding: 15px; display: none; }
.more_head{ line-height: 30px;}
.more_close{ width: 30px; height: 30px; line-height: 30px; text-align: right; position: absolute; right: 15px; top: 15px; z-index: 1;  color: #999; font-size: 24px; }
.more_code{ width:120px; height: 120px; margin:  10px auto;}
.more_code canvas, .more_code img{ width:100%; height: 100%;}
.more_foot{ text-align:center; font-size: 12px; line-height: 22px; color: #666; }



/*detail_con*/
.detail_con{ padding: .50rem 0; line-height: 1.875; color: #5C5C5C;}
.detail_forewords{ color: #0073BB; line-height: 1.80; background: rgba(0, 115, 187, .06); border-radius: .12rem; padding: .30rem .40rem;}
.detail_bot{ padding-top: .30rem; border-top:1px solid rgba(0,0,0, .10); align-items: center;}
.detail_guide{ flex: 1 0 0; overflow: hidden; margin-right: 10%;}
.detail_guide li a{ display:flex; padding: 5px 0; font-weight: 500;}
.guide_icon{ display:block; color: #181818; text-decoration: none!important;}
.guide_des{ flex:1 0 0; overflow: hidden;}
.detail_guide li a:hover{ color: #0073BB; }
.detail_guide li a:hover .guide_des{ text-decoration: underline;}
.detail_back{ margin-left: auto;}
.detail_back>.icon_back{ display:inline-block; vertical-align: middle; font-size: 26px; transform: rotateY(180deg); margin-left:5px;}
.detail_back:hover{ color: #0073BB; }

 
/*============================ 06 ============================*/  
/*=======contact_way======*/
.contact_way{}
.way_list{ margin: -.07rem; }
.way_list li{ width:25%; padding: .07rem;}
.way_block{ height: 100%; padding: .45rem; background: #F6F6F6; border-radius: .05rem; text-align: center; -webkit-transition:all .6s ease; transition:all .6s ease;}
.way_icon{ display:block; margin: 0 auto; background: rgba(0,0,0, .06); border-radius: 50%; width: .80rem; height: .80rem; line-height: .80rem; }
.way_icon>.iconfont{ font-size: .32rem;}
.way_tit{ margin-top: .20rem; font-weight: 400; color: #5c5c5c;}
.way_des{ margin-top: .06rem; line-height: 1.40;}
.way_block:hover{ box-shadow: 0 0 10px 0 rgba(0,0,0, .10); }
/*=======contact_way======*/
.contact_market{ background-color: #0073BB; color: #ffffff;} 
.contact_market .sec_preface{ color: #ffffff;}
.market_list{ margin: -.07rem; }
.market_list li{ width:25%; padding: .07rem;}
.market_block{ padding: .40rem; border-radius: .08rem; border: 1px solid rgba(255,255,255, .10); -webkit-transition:all .6s ease; transition:all .6s ease;}
.market_tit{ font-weight: 400; position: relative; padding-bottom: .20rem;}
.market_tit:before{ content: ""; position: absolute; bottom: 0; left:0; width: 18px; height: 2px; background: #ffffff;}
.market_des{ margin-top: .15rem; line-height: 1.875; white-space: nowrap;} 
.market_block:hover{ background-color: rgba(255,255,255, .10); }
/*=======contact_recruit======*/
.contact_recruit{}
.recruit_list{ margin: -.10rem;}
.recruit_list li{width:50%; padding: .10rem;}
.recruit_list li a{ display: block; border-radius: .08rem; color:#ffffff; overflow: hidden; position: relative; -webkit-transition:all .6s ease; transition:all .6s ease; }
.recruit_img{ padding-top: 60.76%;}
.recruit_img:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: rgba(0,0,0, .08);}
.recruit_icon{ position: absolute; top: .45rem; left: .45rem; z-index: 1;}
.recruit_icon>.iconfont{ font-size: .60rem; display:block; line-height: 1; margin-bottom: .15rem;}
.recruit_des{ position: absolute; bottom: 0; left:0; z-index: 1; width: 100%; padding: .45rem;}

/*=======recruit_manage======*/
.recruit_manage{ padding-top: .25rem; padding-bottom: .25rem;}
.recruit_manage>.inner{ display:flex; align-items: center;}
.manage_back{ margin-right: 5%;}
.manage_back>.iconfont{ display:inline-block; vertical-align: middle;font-size: 24px; margin-right: 6px;}
.manage_back:hover{ color: #0073BB;}
.manage_query{ flex-wrap: nowrap; flex:1 0 0; overflow: hidden; margin-left: auto; height: 50px; line-height: 50px; border:1px solid rgba(0,0,0, .10); border-radius: .08rem; width:49%; max-width: 770px;}
.query_txt{ flex:1 0 0; overflow: hidden; width:100%; height: 100%; padding-left: 14px;}
.query_btn{ cursor: pointer; height: 100%; width: .90rem; min-width: max-content; padding:0 .30rem; background: #0073BB; color:#ffffff;}

/*=======recruit_jobs======*/
.recruit_jobs{ background-color: #f6f6f6; padding-top: .45rem; padding-bottom: .85rem; overflow: visible;}
.recruit_jobs>.inner{ display:flex; flex-wrap: wrap;}
/*filters*/
.filters{ width:20%; max-width: 305px; min-width: 205px; background: #FFFFFF; border-radius: .08rem; margin-right: .35rem;}
.filters_cube{ position: sticky; top:150px; padding: .50rem .20rem;}
.filters_head{ position: relative; padding-bottom: .10rem; border-bottom: 1px solid rgba(0,0,0, .10); }
.filters_tit{ font-weight: 400;}
.filters_selected_title{ position: absolute; top:0; right:0; z-index: 1; font-weight: 400; }
.filters_selected_title .clear_all{ cursor: pointer; color: #999999; display:none; }
.filters_selected_title .clear_all:hover{ color: #0073BB; }
.filters_tree{ } 
.filters_selected{ padding:.30rem 0; border-bottom: 1px solid rgba(0,0,0, .10); display: none; } 
.filters_selected_items{ }
.selected_item{ clear: both; }
.selected_item>a { display: block; line-height: 24px; margin-bottom: .10rem; position: relative; } 
.selected_item>a:last-child{ margin-bottom:0;}
.selected_show{ display:block; /*padding-right: 30px;*/ }
.selected_show strong{ font-weight:normal; color: #5c5c5c;}
.selected_clear{ display: block; width: 24px; height: 24px; position: absolute; top:0; right:0; }
.selected_clear:before {
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 0;
    top: 8px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.selected_clear:after {
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 0;
    top: 8px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
/*filters_option*/
.filters_option{ } 
.filters_option_block{ padding: .30rem 0; border-bottom: 1px solid rgba(0,0,0, .10); } 
.filters_option_title{ display: block; position: relative; } 
.filters_option_title .title_text{ font-weight:600; display: block; } 
.filters_option_title .title_text .iconfont{ position: absolute; top:50%; right:.15rem; transform: translateY(-50%); display:none;}
.filters_option_block:hover .filters_option_title a,
.filters_option_block.active .filters_option_title a{ background: #0073BB; color: #ffffff;}
/*.filters_option_block.active .filters_option_title .title_text .iconfont{transform: translateY(-50%) rotate(180deg); }*/
.filters_option_title .clear_this{ cursor: pointer; display:none!important; position: absolute; top:50%; right:30px; transform: translateY(-50%); font-size: 14px; }
.filters_option_title .clear_this:hover{ color:#0073BB; }
.filters_option_content{ margin-top: .15rem; } 
.filters_option_list{ }
.filters_option_list li {  position: relative; margin-bottom: 6px; }
.filters_option_list li:last-child{ margin-bottom: 0;}
.filters_option_list li a { position: relative; display:block;line-height: 24px; color:#5c5c5c; }
.option_verify{ display:block; float:left; margin-right: .10rem; margin-top: 4px; position: relative; width: 14px; height: 14px; border-radius: 2px; border:1px solid rgba(0,0,0, .10); } 
.option_value{ display:block; overflow: hidden;} 
.filters_option_list li a.selected { color:#0073BB;}
.filters_option_list li a.selected .option_verify{ background: #439AC3; border-color:#439AC3; }
.filters_option_list li a.selected .option_verify:before {
    content: '';
    width: 10px;
    height: 6px;
    position: absolute;
    top: 0;
    left: 3px;
    border: 2px solid #ffffff;
    border-top: none;
    border-right: none;
    background: 0 0;
    -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg); 
} 
/*jobs_right*/
.jobs_right{ flex:1 0 0; overflow: hidden; background: #FFFFFF; border-radius: .08rem; padding: .50rem; padding-bottom: .80rem;}
.jobs_list{}
.jobs_line{ border-bottom:1px solid rgba(0,0,0, .10); position: relative;}
.jobs_line:before{
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #0073BB;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
} 
.jobs_line:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.jobs_initial{cursor: pointer; padding: .25rem 0;}
.jobs_head{ flex: 1 0 0; overflow: hidden; margin-right: 10%; }
.jobs_tit{}
.jobs_base{ color: #5C5C5C; margin-top: 6px;}
.jobs_base li{ margin-right: .20rem;}
.jobs_icon{ display:block; position: relative; overflow: hidden; margin-left: auto; text-align: center; width: 36px; height: 36px; line-height: 36px; color: #ffffff; border-radius: 50%;}
.jobs_icon:before{ content: "\e626"; font-family: "iconfont"; display:block; width:100%; height: 100%; background: #DFDFDF;}
.jobs_fold{ padding: .50rem; background: #F5F5F7; color: #5C5C5C; display:none;}
.jobs_tip{ color: #999999;}
.jobs_tip li{ margin-right: .20rem;}
.jobs_item{/* font-weight: 600;*/ color: #181818; margin-bottom: .10rem;}
.jobs_apply{ display:inline-block; margin-top: .50rem; text-align: center; width: 1.90rem; min-width: max-content; padding: 0 .50rem; height: 48px; line-height: 48px; background: #0073BB; color:#ffffff; border-radius: 3px;}
.jobs_apply:hover{ opacity: .90;} 
.jobs_line.active .jobs_initial .jobs_tit{ color:#0073BB;}  
.jobs_line.active .jobs_initial .jobs_icon:before{ content: "\e729"; background: #0073BB;}
.jobs_line.active:hover:before{ display:none;}



/*2025.9.17新增*/
.cf:before, body:before, .header:before, .footer:before {   content: '';  display: table;  }
.cf:after, after, .header:after,  .footer:after {  content: '';  clear: both;  display: table;  }
.cf, .header, .footer {  *zoom: 1;  }
.fl{ float:left; }
.fr{ float:right; }
.xinyingxiao{ width: 840px; margin: 0 auto; }
.xinyingxiao .list{ background: rgba(255,255,255,0.68); border-radius: 36px; padding: 10px 25px; color: #333; margin-bottom: 20px; }
.xinyingxiao .list .left{ font-size: 18px; font-weight: 600; }
.xinyingxiao .list .right span{ display: inline-block; vertical-align: middle; margin: 0 10px; }
.xinyingxiao dl{  }
.xinyingxiao dd .right span{ display: inline-block; vertical-align: middle; margin: 0 10px; }

.xinyingxiao .list3{ background: rgba(255,255,255,0.68); border-radius: 26px; padding: 35px; color: #333; margin-bottom: 20px; }
.xinyingxiao .list3 dl dt{ line-height: 46px; border-bottom:1px solid rgba(255,255,255,0.28); font-size: 18px; font-weight: 600; }
.xinyingxiao .list3 dl dd{ line-height: 46px; border-bottom:1px solid rgba(255,255,255,0.28); }

.solution_recommend{ background: none; }
.solution_recommend .swiper-wrapper2 .swiper-slide:nth-child(2n) .recommend_img{  margin-left: 0; margin-right: 4%; }
.solution_recommend .swiper-wrapper2 .swiper-slide{ background: #F6F6F6; padding: 30px; border-radius: 15px; margin-bottom: 25px; }

.dabiaoti{ margin-bottom: 50px; }
.dabiaoti h2{ font-size: 24px; color: #0073BB; font-weight: 600; }
/*.related_img .img_box{ padding: 0; height: 350px; border-radius: 10px; overflow: hidden; }*/
.related_list li .related_text .related_text2{ display: inline-block; vertical-align: middle; line-height: 1.5em; }
.recommend_des, .related_des{ line-height: 24px; height: auto; max-height: 144px; overflow-y:auto; padding-right: 8px;}
/* 修改滚动条的宽度和颜色 */
.recommend_des::-webkit-scrollbar, .related_des::-webkit-scrollbar {
  width: 8px;
  background-color: #f1f1f1;
}
 
/* 修改滚动条滑块的样式 */
.recommend_des::-webkit-scrollbar-thumb, .related_des::-webkit-scrollbar-thumb {
  background-color: #0073BB;
  border-radius: 5px; /* 修改滑块圆角 */
}
 
/* 修改滚动条滑块悬停时的样式 */
.recommend_des::-webkit-scrollbar-thumb:hover, .related_des::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.cf:before, body:before, .header:before, .footer:before {   content: '';  display: table;  }
.cf:after, after, .header:after,  .footer:after {  content: '';  clear: both;  display: table;  }
.cf, .header, .footer {  *zoom: 1;  }
.fl{ float:left; }
.fr{ float:right; }
.xinzengyejifenbu{  }
.xinzengyejifenbu .shiping{ width:65%; border-radius:10px; overflow:hidden; }
.xinzengyejifenbu .shiping video{  border-radius:10px; overflow:hidden; }
.xinzengyejifenbu .wenzixinxi{ width:30%; }
.guoneifenbu{ margin-bottom:20px; }
.xinzengyejifenbu .wenzixinxi .liebiao{ padding-left:15px; height:240px; overflow-y:auto; padding-right:8px; }
.xinzengyejifenbu .wenzixinxi .liebiao a{ display:block; color:#fff; line-height:30px; background: url(../images/yuandian1.png) left 12px no-repeat; padding-left:10px; background-size:6px auto; }
.xinzengyejifenbu .wenzixinxi .guoneifenbu .title{ font-size:22px; border-left:3px solid #fff; padding-left:15px; line-height:24px; margin-bottom:20px; }

.xinzengyejifenbu .wenzixinxi .liebiao::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

.xinzengyejifenbu .wenzixinxi .liebiao::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ccc;
}

.xinzengyejifenbu .wenzixinxi .liebiao::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0 rgba(0, 158, 255, 0.46);
    background-color: #fff;
}





.product_solution{}
.solution_swiper{}
.solution_swiper .swiper-slide a{ display: block; position: relative; padding-bottom: .10rem;}
.solution_swiper .swiper-slide a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #1458E4;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
	display: none;
} 
.solution_swiper .swiper-slide a:hover:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.solution_img{ border-radius: .20rem; padding-top: 59.21%; margin-bottom: .40rem;}
.solution_tit{}
..events_des{ margin-top: .10rem; height: 72px; overflow: hidden; color: #5c5c5c;}

.h_change{ height: auto;}
.solution_toggle{ display:block; cursor: pointer; position: relative; text-align: right; margin-top: .15rem;}
.solution_toggle:before{ content:""; position: absolute; top:50%; left:0; width: 100%; height:1px; background: rgba(0,0,0, .10); }
.solution_toggle span{ display:inline-block; position: relative; background: #ffffff; border:1px solid rgba(0,0,0, .20); line-height: 32px; border-radius:17px; padding:0 .15rem; -webkit-transition:all .6s ease; transition:all .6s ease;}
.solution_toggle .iconfont{font-size: 14px; font-weight:bold; margin-left: 5px; -webkit-transition:transform .6s ease!important; transition:transform .6s ease!important;}
.solution_toggle:hover span, .solution_toggle.active span{ background-color: #223282; border-color:#223282; color: #ffffff; }
.solution_toggle.active .iconfont{ -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.solution_swiper .swiper-slide a:hover .solution_img img{ transform: scale(1.10);}
.solution_swiper .swiper-slide a:hover{ color: #1458E4;}
.solution_swiper .swiper_arrow div,
.honor_swiper .swiper_arrow div{ color:#223282;}
.solution_swiper .swiper_arrow div:before,
.honor_swiper .swiper_arrow div:before{ background-color:rgba(20, 88, 228, .50); }
.solution_swiper .swiper_arrow div:after,
.honor_swiper .swiper_arrow div:after{ border-color:rgba(34, 50, 130, .08); }
.solution_swiper .swiper_arrow div:hover,
.honor_swiper .swiper_arrow div:hover{ color: #ffffff;}
.solution_swiper .swiper_arrow div.swiper-button-prev,
.honor_swiper .swiper_arrow div.swiper-button-prev{ left:-8%;}
.solution_swiper .swiper_arrow div.swiper-button-next,
.honor_swiper .swiper_arrow div.swiper-button-next{ right:-8%;}
.solution_swiper .swiper-pagination,
.honor_swiper .swiper-pagination{ display:none;}
.solution_swiper .swiper_arrow div{ margin: 0; top:25%;}
/*=======product_distributor=====*/ 
.product_distributor{ background-color: #FAFAFA;} 


.rongyutu img{ width:100%; }