body {height:100%; min-width:1400px}
html {height:100%}

 
.ac {align-items:center !important; }
.as {align-items:flex-start !important; }
.ad {align-items:flex-end !important; }
.jt {justify-content:flex-start !important; }
.jc {justify-content:center !important; }
.js {justify-content:space-between !important; }

#wrap {height:100%; position:relative; width:100%; min-width:1300px;  display:inline-block; }
.sian_tab {min-width:1300px; }

  
#container {  width:100%; display:inline-block;  }

header {height:90px;  position:fixed; z-index:99999999999999999999;width:100%;  display:flex; align-items:center; background-color:#fff; border-bottom:1px solid #ddd;  transition: all 0.3s ease-out;}
header * { transition: all 0.3s ease-out; }
header .flex.in {align-items:center;    box-sizing:border-box; padding:0;  max-width:1300px;  justify-content:space-between }
header ul {width:800px;   display:flex; align-items:center;  justify-content:flex-end;  }
header ul li {font-size:21px;  width:25%; font-weight:600;  text-align:center; position:relative}
header ul li:last-child {padding-right:5px}
header ul li:after {content:' '; width:3px; height:3px; background-color:#555;  position:absolute; right:0; top:50%;   transform:translateY(-50%);
  }
header ul li:last-child:after {display:none}
header div.drop_menu {overflow:hidden;  width:100%; position:absolute; background-color:#fff;  z-index:999;  top:90px; left:50%; box-sizing:border-box;   transform:translateX(-50%);  height:0;  }
header:hover div.drop_menu  {height:auto; border:1px solid #ddd}
header div.drop_menu ul {width:800px;  margin:0 auto;  border-left:1px solid #ddd;    align-items:stretch; }
header div.drop_menu ul li {width:100%; border-right:1px solid #ddd; font-size:16px; font-weight:500;  padding:25px 0 }
  
header div.drop_menu ul li a {width:100%; color:#222; font-weight:300;  margin-bottom:7px; display:inline-block; text-align:center }
header div.drop_menu ul li a:hover {text-decoration:underline}
header div.drop_menu  ul li:after {display:none}
 
 
header h1 img:nth-child(1) {display:block}
header h1 img:nth-child(2) {display:none}


.main_con {width:100%;  margin:0 auto; min-width:1300px;  font-size:16.5px;  font-weight:300; line-height:1.4}
.in {width:100%; margin:0 auto;  min-width:1300px;  max-width:1300px;  }
.flex {display:flex}
.main_con h2 {font-size:1.9em; margin-bottom:30px}
.main_con h2:before {content:' '; width:10px;height:3px;   margin:0 10px; margin-top:-1px; vertical-align:middle;  background-color:#111; display:inline-block;  }
.main_con h2:after {content:' ';  width:10px;height:3px;   margin:0 10px; margin-top:-1px;  vertical-align:middle;  background-color:#111; display:inline-block;  }

hr {height:100px}
h3 {font-size:2em}

section {}

.arrow { position: absolute;   }
.arrow::after {
	position: absolute;
    right:0; 
	top: 30%;
	content: '';
	width: 35%;  
	height: 35%; 
	border-top: 2px solid #fff; 
	border-right: 2px solid #fff; 
		transform: rotate( 45deg );

} 
.arrow::before {
  content:'';
  width:80%;
  height:2px;
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  background:#fff
}

   
.fixed_q {  position:fixed; bottom:0; z-index:99999;  box-sizing:border-box; display:flex; flex-direction:column;   right:0; height:100%;  transition: all 0.6s ease-out; width:160px; padding-top:90px; background-color:#fff ; }
.fixed_q:after {width:1px; height:100%; position:absolute; left:0px; top:0; content:''; background-color:#ddd; z-index:99}
.fixed_q a { z-index:9999; border-bottom:1px solid #ddd; color:#333; display:flex; flex-direction:column;  justify-content: center;   align-items: center; text-align:center;  height:20%; transition: all 0.1s ease-out;  box-sizing:border-box; }
.fixed_q a:first-child {height:auto}
.fixed_q a:last-child {height:auto;   }
.fixed_q a:hover { color:var(--main_c) }
/* .fixed_q a:hover {background-color:var(--main_c); color:#fff}
 */.fixed_q a div {font-size:16.5px;   line-height:1.25; font-weight:400  }
.fixed_q a .icon {font-size:20px; margin:0 auto; margin-bottom:7px; width:45px; height:45px;   display:flex;    justify-content: center;   align-items: center; background-color:var(--main_c); border:1px solid var(--main_c); color:#fff; border-radius:50%; transition: all 0.1s ease-out; }
.fixed_q a:last-child {background-color:#f1f1f1;  color:#111; font-size:15px;  margin-top:auto; padding:10px 0}
 .fixed_q a:hover .icon  {background-color:#0db340; border:1px solid #0db340;  }
 

footer {width:100%; background-color:#fff; display:inline-block;  font-size:16px;  font-weight:300;  padding:43px 0 50px 0; box-sizing:border-box; line-height:1.5;  border-top:1px solid #ddd; margin-top:120px; color:#444 }
footer h2 {margin-bottom:10px; font-size:1.2em;  }
footer .top_link {width:60px;  line-height:60px; background-color:#ffa00b; text-align:Center; font-size:1rem; display:inline-block; color:#fff; margin-right:4%;  float:right; }
footer div {  padding:0 4%; box-sizing:border-box; width:100%; display:inline-block  }
footer b {font-weight:500; color:#222}



@media all and (max-width:900px) {
		footer {line-height:1.4em; padding-right:0}
		footer .top_link {margin-right:0}
		footer h2 {margin-bottom:10px; font-size:1.2em}

}

 
.main_con section  {  width:100%; max-width:1300px; margin:0 auto}
.main_con section + section {padding-top:150px;  margin-top:-30px}
 

.page  {position:fixed; left:35px; top:50%; margin-top:20px; width:180px; background-color:#fff; /* border:1px solid var(--main_c); border-radius:10px;  box-sizing:border-box; padding:20px 15px; */ display:flex; flex-direction:column; gap:12px}
.page li {display:flex; width:100%; align-items:center;  line-height:1.34; font-weight:400;  gap:13px;   position:relative}
.page li:before {content:''; flex-shrink:0;  display:inline-block;   border-radius:50%;  width:12px; height:12px; border:1px solid var(--main_c);  box-sizing:border-box;}
.page li a {color:#333; font-size:17.3px}
.page li.ov a { color:var(--main_c); font-weight:600}
.page li:hover a { color:var(--main_c) }
.page li.ov:before {  background-color:var(--main_c); }
.page li.ov:after { content:''; flex-shrink:0;  display:inline-block; position:absolute; border-radius:50%;  width:18px; height:18px; border:1px solid var(--main_c); left:-3px; top:50%;  box-sizing:border-box;  margin-top:-9px;}
 
.box {position:relative; overflow:hidden; box-sizing:border-box; border:1px solid #ddd; /* border-bottom:7px solid var(--main_c);  */  line-height:0}
.box a {position:absolute; font-size:19px;  line-height:1; right:50px; bottom:50px; width:170px; text-align:center; line-height:53px;  background-color:var(--main_c); z-index:99;  color:#fff;   transition: all 0.3s ease-out; font-weight:400}
.box a:after { content:'';   display:inline-block; position:absolute;  width:calc(100% + 10px); height:calc(100% + 10px);  border:1px solid var(--main_c); left:-5px; top:-5px;  box-sizing:border-box;  }

.box a:hover {background-color:#0db340;   }
.box a:hover:after {  border:1px solid #0db340 }
.box a i {margin-left:5px}
.box + h2 {margin-top:70px;}
.box span {position:absolute; line-height:1; background-color:var(--main_c); border-radius:50px; padding:10px 23px; display:inline-block; left:30px; top:30px;  text-align:center; z-index:99;  color:#fff;    }


.sub_con {width:100%;  margin:0 auto; min-width:1300px;  font-size:16.5px;  font-weight:300; line-height:1.4 }


 aside {width:100%; border-radius:10px; background: rgba(255, 255, 255, 1); box-shadow:3px 3px 10px rgba(0,0,0,.1);  position:relative; z-index:99;  }
 aside ul {width:100%; display:flex; justify-content:center;  }
 aside ul li { font-size:1.15em;  padding:20px 0;  margin:0 20px; position:relative; box-sizing:border-box; text-align:Center; font-weight:400;}
 aside ul li a {color:#222}
 aside ul li.ov {border-bottom:4px solid var(--main_c);}
 aside ul li.ov * {color:var(--main_c); font-weight:500}




   

.sub_vi {position:relative; width:100%; height:450px; background:url('../img/sub_vi.png') no-repeat bottom; background-size:cover}
.sub_vi .in {position:relative; z-index:9}