/*-----------------------------------*/
/* Fonts */
/*-----------------------------------*/


/*-----------------------------------*/
/* Global Reset */
/*-----------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/* vertical-align: baseline; */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased;}

/*-----------------------------------*/
/* General Styles */
/*-----------------------------------*/

body {
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #4f5d6e;
	position: relative;
}
::selection {
	background: #1c588f;
	color: #fff;
	text-shadow: none;
}
a {color: #1c588f; background: transparent; text-decoration: none;}
a:hover, a:focus {color: #c9376e !important; text-decoration: none;}
a:active {background-color: transparent;}

input, textarea, input[type="submit"]:focus, div {
    outline: none;
    font-family: 'PT Sans', sans-serif;
}
button, input, select, textarea {vertical-align: top; margin: 0;}


/*-----------------------------------*/
/* Typography */
/*-----------------------------------*/

h1, h2, h3, h4, h5, h6 {
	color: #1c588f;
	font-weight: 700;
    line-height: 1.2em;
	margin-bottom: 0.7em;
}
h1 {font-size: 29px;}
h2 {font-size: 25px;}
h3 {font-size: 23px;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 14px;}


i {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	font-style: normal;
	background-repeat: no-repeat;
	margin-right: 15px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.boxed {
    background: #fff;
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    margin-bottom: 0px;
	position: relative;
}
.boxed2 {
    background: #fff;
    margin-bottom: 0px;
	position: relative;
}
.boxed-blue {background: #1c588f;}
.boxed-dark {background: #142439;}
.boxed-light {background: #e5eff6;}

.boxed.red-line {border-top: 4px solid #c9376e;}
.boxed.green-line {border-top: 4px solid #9cd70e;}
.boxed.blue-line {border-top: 4px solid #4bb4e8;}


/*-----------------------------------*/
/* Navigation */
/*-----------------------------------*/


/* Main Menu */
/*-----------------------------------*/

/* Level 0 */
.p21{background:#f2f2f2;position:relative;height:450px}
.menu {background: #666666; z-index: 1000;}
.menu2 {background: #ffffff; z-index: 1000;}
.menu_header{position: fixed; width: 1024px; height:70px}
.menu_header_container{position:relative;color:white;font-size: 16px;top:-39px;left:44px;padding:0px;height:36px;white-space:nowrap;cursor: pointer;}
.menu_header_left{position: relative;height: 70px;width:300px;float: left;margin-top:0px;margin-left:12px}
.menu_header_right{position: relative;height: 70px;width:400px;float: right;margin-top:0px;text-align:right}
.menu_header_title{position:relative;color:black;top:-1px;left:16px;padding:0px;font-weight: bold;font-size:16px}
.menu_header_sub{position:relative;color:black;top:3px;left:16px;padding:0px;font-weight: bold;font-size:14px}
.menu_header_logo{position:relative;width:44px;height:44px;background-repeat: no-repeat;cursor: pointer;}
.menu_obj_short{display:inline-block;height:70px;position:relative;width:50px;font-size:15px;cursor:pointer;border-bottom:4px;border-color:#000000}
.menu_obj_long{display:inline-block;height:70px;position:relative;width:80px;font-size:15px;cursor:pointer}
.menu_obj_text{top:50%;left:50%;transform:translateX(-50%) translateY(-50%);position:absolute;white-space: nowrap;font-weight:bold}
.menu_obj_mark{border:solid 4px #3366FF;border-left:0px;border-right:0px;border-top:0px;color: #3366FF;}
.menu_obj_mark_zero{border:solid 4px #ffffff;border-left:0px;border-right:0px;border-top:0px;color: #000000;}
.container1{position:relative;width:1024px;height:70px}
.container2{position:relative;width:1280px;margin-top:70px;height:600px}
.nopadding{padding:0px;padding-top:50px}
.fx2{height:600px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}
.fx20{height:300px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;z-index:9999;color:white}
.fx3{background:url(../../images/about1.jpg) no-repeat 50%;height:500px}
.header_container{z-index:1000;width:100%;position:fixed;height: 70px;background-color: white;z-index:1000;width:100%;top: 0px;}
.header_obj{position:fixed;left:50%;transform:translateX(-50%)}
.download_btn{width: 200px;height: 64px;background: #FFFFFF;border-radius: 32px;position:relative;cursor:pointer}
.download_btn_container{top:50%;left:50%;transform:translateX(-50%) translateY(-50%);position:absolute;white-space: nowrap;display: flex;
	  justify-content: center;
	  align-items: center;}
.download_btn_icon{width: 24px; height: 24px;display: inline-block;}
.download_btn_text{color:black;font-size:18px;font-weight:bold;color:#3366FF;display: inline-block;position:relative;width:100px;height:24px}
.download_btn_text_obj{top:50%;left:50%;transform:translateX(-50%) translateY(-50%);position:absolute;white-space: nowrap;width:100px;margin-left:4px;margin-top:2px}
.yq_foot2{padding-top:40px;padding-bottom:40px;background-color:#000}
.yq_foot_m{padding-top:22px;padding-bottom:22px;background-color:#000}
.copyright2{color:white;text-align:center;font-size:18px}
.copyright2_sub{color:white;text-align:center;font-size:16px;margin-top:8px}
.copyright2m{color:white;text-align:center;font-size:15px}
.copyright2_subm{color:white;text-align:center;font-size:12px;margin-top:8px}
.pc_download_container{
	  position: fixed; /* 覆盖整个窗口 */
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色遮罩 */
	  display: flex;
	  justify-content: center;
	  align-items: center; /* 让主层居中 */
	  z-index: 9999;
}
.pc_download_container_main{
	  background-color: #fff; /* 不透明白色 */
	  border-radius: 10px;
	  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	  width: 400px;
	  height: auto;
	  padding: 20px;
	  padding-bottom:64px;
	  text-align: center
}
.pc_download_close{
	text-align:right;cursor:pointer
}
.pc_download_header_tips{
	height:40px;font-size:20px;color:#000;font-weight:bold;margin-top:12px
}
.pc_download_items{
	display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:left;align-items:center;cursor:pointer;
}
.pc_download_items_text{
	font-size:18px;font-weight:bold;margin-left:20px;color:#000;width:200px;text-align:left
}
.pc_download_items_container{
	margin-top:30px;padding-left:22px;padding-right:22px
}
.pc_download_split{
	background:#cccccc;height:1px;margin-top:20px;margin-bottom:20px
}

.pc_download_container2{
	  position: fixed; /* 覆盖整个窗口 */
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色遮罩 */
	  display: flex;
	  justify-content: center;
	  align-items: center; /* 让主层居中 */
	  z-index: 9999;
}
.pc_download_container_main2{
	  background-color: #fff; /* 不透明白色 */
	  border-radius: 10px;
	  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	  width: 350px;
	  height: auto;
	  padding: 16px;
	  padding-bottom:64px;
	  text-align: center
}
.pc_download_header_tips2{
	height:22px;font-size:16px;color:#000;font-weight:bold;margin-top:12px
}
.pc_download_items2{
	display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:left;align-items:center;cursor:pointer;
}
.pc_download_items_text2{
	font-size:16px;font-weight:bold;margin-left:20px;color:#000;width:200px;text-align:left
}
.pc_download_items_container2{
	margin-top:22px;padding-left:16px;padding-right:16px
}
.pc_download_split2{
	background:#cccccc;height:1px;margin-top:16px;margin-bottom:16px
}

.mb_right_menu{
	float:right;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;cursor:pointer;height:100%
}
.mb_right_menu_icon{
	width:35px;height:35px;margin-right:12px
}
.mb_header{
	left:16px;position: absolute;width:200px;height:auto;top:50%;transform:translateY(-50%);background-color:#ffffff
}
.menu_header2{
	margin-left:16px;position: relative;width:200px;height:36px;background-color:#ffffff;margin-bottom:44px
}
.mb_header_logo{
	position:relative;width:36px;height:36px;background-repeat: no-repeat;cursor: pointer;
}
.mb_header_container{
	position:absolute;color:white;font-size: 13px;left:40px;padding:0px;height:auto;white-space:nowrap;cursor: pointer;
	top: 50%;
    transform: translateY(-50%);
}
.mb_header_title{
	position:relative;color:white;top:1px;left:8px;padding:0px;font-weight: bold;color:#000
}
.mb_header_subtitle{
	position:relative;color:white;top:4px;left:8px;padding:0px;font-weight: bold;color:#000
}
.mb_obj_img{
	height:300px;width:100%;position:absolute;object-fit:cover; object-position: right center;transition: object-position 0.8s ease;z-index:-1
}
.mb_obj_container
{
	justify-content:right;align-items:center;flex:0.7;color:#fff;align-content:center;position:relative
}
.mb_obj_container_about
{
	justify-content:center;align-items:center;flex:0.7;color:#fff;align-content:center;position:relative
}
.mb_obj_container_main{
	height:auto;width:300px;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)
}
.mb_p21m{
	background: #f2f2f2;
    position: relative;
    height: 400px;
    text-align:center;

}
.mb_bottom_bar{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color:#E0E7FC ;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    z-index: 1000;
}

.mb_bottom_bar2{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color:#E0E7FC ;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    z-index: 1000;
    flex-direction:column;
}

.mb_bottom_bar a {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   padding: 8px 16px;
   border-radius:20px;
   font-size: 15px;
   text-decoration: none;
   color: white;
   font-weight: 500;
   transition: transform 0.2s ease, opacity 0.2s ease;
 }
 
 .mb_bottom_bar span {
  margin-left:4px;
  margin-right:4px;
  color: #ffffff; 
 }

.mb_bottom_bar a:link {
    color: #ffffff; 
}
.mb_bottom_bar a:visited {
    color: #ffffff;
}
.mb_bottom_bar a:hover {
     transform: scale(1.05);
  	 opacity: 0.9; 
  	 color: #ffffff;
}
.mb_bottom_bar a:active {
    color: darkred; 
    color: #ffffff;
}


.mb_bottom_bar img {
   width: 20px;
   height: 20px;
}

 .mb_btn_android {
   background: #3366ff;
   height:40px;
   margin-right:16px
  
 }

 .mb_btn_ios {
     background: #3366ff;
     height:40px;
     margin-left:16px
 }
 .nav_bar_lay_mobile2{
     position: fixed;
    width: 100%;
    height: 48px;
    z-index: 300;
    background-color: #ffffff !important;
 }
 
 /*菜单层*/
  .mb_overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.2);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 2000;
  }

  .mb_side-menu {
    position: fixed;
    top: 0;
    right: -250px; /* 初始隐藏 */
    width: 250px;
    height: 100%;
    background: #ffffff;
    box-shadow: -2px 0 6px rgba(0,0,0,0.1);
    transition: right 0.3s ease;
    display: flex;
    flex-direction: column;
    padding: 20px;
    z-index: 3000;
  }

  .mb_menu-open .mb_overlay {
    opacity: 1;
    visibility: visible;
  }

  .mb_menu-open .mb_side-menu {
    right: 0;
  }

  .mb_side-menu-obj {
    text-decoration: none;
    color: #333;
    padding: 16px 0;
    cursor:pointer;
    font-size:16px;
    font-weight:bold;
  }



.ie8 .menu {filter:none; background: #398fc7;}  /* IE8 understands dropdown feature only without gradient */
/* .menu a:hover, .menu a.hover {color: #fff !important;} */

.menu li {position: relative;}
.menu > li {
    float: left;
    /* width: 16.666666666666664%; */
    width: 20%;
   /*  border-top: 3px solid #4bb4e8; */
}
.menu > li:hover, .menu > li.hover {border-top-color: #9cd70e; z-index: 1;}

.menu > li > a {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    /* line-height: 18px; */
    /* padding: 13px 5px; */
    text-shadow: 0 1px 1px rgba(45,118,158,0.5);
   /*  border-top: 2px solid #3484bd; */
    /* border-left: 1px solid #4b9cce;
    border-right: 1px solid #1e86b5; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu > li:first-child > a {border-left-color: transparent;}
.menu > li:last-child > a {border-right-color: transparent;}

.menu > li:hover > a,
.menu > li.hover > a {
    background: #5DBCFF;
/* 	background : #333; */
/*     border-radius: 5px; */
    border: none;
    /* border-top: 2px solid #4aa3d2;
    -webkit-box-shadow: 0 2px 4px rgba(21,80,94,0.75);
    box-shadow: 0 2px 4px rgba(21,80,94,0.75); */
}


/* Level 1+ */
.menu ul {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 9499;
    width: 100%;
    min-width: 80px;
}
.menu > li:hover > ul, .menu > li.hover > ul {
    top: 65px;
    left: 0;
}

.menu ul li a {
    display: block;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background: #fff;
    font-size: 13px;
    font-weight: 700;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    line-height: 16px;
    padding: 10px 5px;
}
.menu ul li:first-child > a {border-top: none;}
.menu ul li:last-child > a {border-bottom: none;}
.menu ul li:hover > a, .menu ul li.hover > a {background: #FFF; border-color: #666666;}

.menu ul li:hover:before, .menu ul li.hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    background: #c9376e;
}

/* Level 2+ */
.menu ul li:hover > ul, .menu ul li.hover > ul {
    position: absolute;
    top: 1px;
    left: 100%;
    width: 101%;
    padding-left: 1%;
}