* {transition: all 0.3s ease-out;}
 
:root {
   --main_c : #282464;
}

body{
min-height: 100vh;
display: flex;
flex-direction: column;
}

.main .body_sub {display:none}
.body_img {position:absolute; top:0; left:0; width:100%; z-index:9; top:0; opacity:.7}
.body_color {background: linear-gradient( to bottom, #eaebf5, #fff ); width:100%; height:calc(100% - 110px); position:absolute; top:83px; left:0; }


@media all and (max-width:900px) {
    	.body_img { top:65px}
    	.body_color { top:65px;  }
}

#header {background-color:#fff; width:100%; display:inline-block;   }
#header .in {max-width:1440px;   line-height:0; padding:0; align-items:center; position:relative; z-index:9999; height:83px; box-sizing:border-box; justify-content:space-between;   flex-wrap:nowrap;
}
#header ul {margin-left:30px; margin-right:5px;  display:flex;   position:relative; z-index:9999999 }
#header ul li {padding:10px .7vw;  font-size:1.25em; line-height:1; cursor:pointer; position:relative; white-space:nowrap ;/* border:1px solid blue */background-image:url('/common/img/li_after1.png') ; background-repeat: no-repeat;
  background-size: auto;background-position:left center}
/* #header ul li:after {content:''; width:1px; height:10px; background-color:#333; position:absolute; right:0; top:15px}
#header ul li:last-child:after {display:none} */
/* #header ul li:after {content:''; width:1px; height:10px; background-color:#333; position:absolute; left:-1px; top:15px} */
#header ul li:first-child {background:none} 
#header ul li:first-child:after {display:none} 
/* #header ul li:hover {background-color:var(--main_c); border-radius:5px; }
#header ul li:hover::after {opacity:0} */








#header ul li a {color:#111;/* border:1px solid red */}
#header ul li:hover a {color:#fff}
#header ul li a:hover {color:#fff}

#header ul li ul {display:none; position:absolute; /* top:38px; */top:23px; left:0;  width:auto;  white-space:nowrap; opacity:0; margin-left:0 }
#header ul li:hover ul {display:flex; opacity:1}

#header ul li ul li  {   font-size:1rem;  padding:55px 10px 15px 10px; text-align:center; color:#333;background:none}
#header ul li ul li:after {display:none}
#header ul li ul li:hover {background:none; }

#header ul li:hover ul li a {color:#333}
#header ul li a:hover {color:#fff}
#header ul li ul li a:hover {color:#5357a6;font-weight:700}

#header ul li.last ul {left:auto; right:0;}
#header ul li.center ul {left:-340%}





#header ul li:hover{background-image:none}
#header ul li.nav_tt:before{content:''; height:100%; position:absolute;right:-1px; top:0;   width:calc(100% + 1px);  display:inline-block;}
#header ul li.nav_tt:hover:before{background-color:var(--main_c); border-radius:5px; }
#header ul li.nav_tt:hover > a{color:#fff;position:relative;z-index:999999}
#header ul li.online:hover:before {background-color:#156179}
#header ul .online ul li a:hover {color:#156179;}
#header ul li.last:hover:before {background-color:#999900}
#header ul .last ul li a:hover {color:#999900}

.nav_bg { height:0; background-color:#fff;   position:absolute; z-index:999;width:100%; left:0; top:83px;  transition: all 0.3s ease-out;  }
.nav_bg.ov {height:50px; border-top:1px solid #c3c5c7; border-bottom:1px solid #c3c5c7; }


#header .in h1 {width:200px}
#header .in div {width:200px; white-space:nowrap; text-align:right; margin-left:auto}
#header .in div  a {  padding:7px 0; margin-left:5px; border-radius:3px; font-size:.95em; display:inline-block; color:#222}

 


@media all and (max-width:1388px) {
        #header { }
		#header .in {padding:0 2%;  overflow-x:auto}
         #header ul {margin-left:10px; }
		#header ul li {padding:10px 1vw; white-space:nowrap;   font-size:1.1em;  }
		#header ul li ul {display:none !important }
 		#header h1  {margin-right:10px}
		#header .in div {width:auto; margin-left:15px }
		.nav_bg {display:none  }
		.flex {  flex-wrap: wrap;}
}
 
@media all and (max-width:1200px) {

		#header ul li:hover ul {flex-wrap:wrap; width:150px}
		#header ul li:hover ul  li {width:100%; background-color:#fff;  padding:10px 0; border-bottom:1px solid #f1f1f1; font-size:.93em}
		

		#header .in div  a i {color:var(--main_c); font-size:20px}
		 
}


 @media all and (max-width:900px) {
		#header .in {  height:65px;  }
 		#header h1 img {width:110px}


 }

.quick {position:fixed; right:30px; top:35%; width:130px; background-color:#fff; color:#333; box-shadow: 0px 8px 20px 6px rgb(0 0 0 / 7%);  border-radius:10px; overflow:hidden; box-sizing:border-box; z-index:99999 }
.quick h3 {width:100%; line-height:1; padding:30px 0 15px 0; text-align:Center;  font-weight:500; line-height:40px; font-size:1.3em; background-color:#B70000; color:#fff}
.quick h3 * {line-height:.7}
.quick h3 p {margin-top:-3px}
.quick ul {margin:13px 0}
.quick ul li {padding:10px 0;  box-sizing:border-box; width:100%; font-size:.97em; color:#000; cursor:pointer; text-align:center}
.quick ul li:hover {background-color:#B70000; color:#fff}

@media all and (max-width:1400px) {
		.quick {display:none}
 }
     

footer {background-color:#333; color:#fff; padding:30px 5%; box-sizing:border-box ; text-align:center; font-size:.9em; line-height:1.4; position:relative;z-index:99}

@media all and (max-width:900px) {
    footer { font-size:.8em;   }
}
 




/* sitemap popup  */




 .container{
  width:100%;

}
/* .modal-btn-box{
  width:100%;
  text-align:center;
}
.modal-btn-box button{
  display:inline-block;
  width:150px;
  height:50px;
  background-color:#ffffff;
  border:1px solid #e1e1e1;
  cursor:pointer;
  padding-top:8px;
} */
.popup-wrap{
  background-color:rgba(0,0,0,.3);
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none;
  padding:15px;
  z-index:999999;
}
.popup{
  width:1550px;
  margin:0 auto;
  background-color:#ffffff;
  border-radius:10px;
  overflow:hidden;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
  padding:30px ; 
  padding-top:10px;
  padding-bottom:50px
}
.popup-head{
  width:100%;
  display:flex;
  justify-content:end;
}

.close{
  cursor:pointer;
  font-size:2.4em
}


.popup-body{
  width:100%;
  background-color:#ffffff;
}

.popup-body h4{font-size: 2em;    margin-bottom: 25px;}
.popup-body i{color:#1f1866}

/*.sitemap ul{display:flex;}
.sitemap1{display:flex;}
 .sitemap > ul{display:flex;justify-content:space-between}
.sitemap > ul > li{position:relative;}
.sitemap > ul > li > a{font-size:18px;font-weight:600;margin-bottom:25px;}
.sitemap > ul > li::after{
    content: '';
    width: 1px;
    height: 14px;
    background-color: #333;
    position: absolute;
    left: -18px;
    top: 3px;
} 
.sitemap > ul > li > ul > li{border-bottom:1px solid #333}
*/

	.sitemap ul { display:flex;   position:relative; justify-content:center}
.sitemap ul li { font-size:1.25em; line-height:1; cursor:pointer; position:relative; white-space:nowrap ;text-align:center;border:1px solid #bbb;margin:0 10px;border-radius:10px;  box-sizing: border-box;}
/*  .sitemap ul li:after {content:''; width:1px; height:10px; background-color:#333; position:absolute; right:0; top:15px} */
.sitemap ul li:last-child:after {display:none} 
.sitemap ul > li > a {color:#fff;display:inline-block;width:100%;padding:13px 18px;background:#1f1866;border-radius:10px 10px 0 0;border:1px solid #1f1866;  box-sizing: border-box;}

.sitemap ul li ul {display:flex;flex-direction:column; /* position:absolute; top:38px; left:0;  width:auto;  white-space:nowrap;  margin-left:0 */ }
.sitemap ul li ul li  {   font-size:1rem;  padding:0 0 18px 0; text-align:center; border:none}
.sitemap ul li ul li a:hover  {color:#1f1866}
.sitemap ul li ul li:first-child  {padding-top:20px}
.sitemap ul li ul li:last-child  {padding-bottom:20px}
.sitemap ul li ul li a {border:none;color:#555;background:#fff;padding:0}

@media (max-width: 1550px){
.popup-wrap{}
.popup{width:90%;}
	.sitemap ul { flex-wrap:wrap;justify-content:center;margin-bottom:30px}
	.sitemap ul li {margin-bottom:20px;width:17%}
	.sitemap ul li ul{margin-bottom:0}
	.sitemap ul li ul li  { margin-bottom:0;width:auto}
}
@media (max-width: 1200px){

.popup{width:100%;padding:0}
.popup-head{display:block;text-align:right;width:97%;padding-top:10px;}
.sitemap ul li{font-size:1.1em}
.sitemap ul > li > a {padding:13px 10px}
.sitemap ul li ul li{font-size:1rem;}
.sitemap ul li ul li a{padding:0}
}