@charset "UTF-8";

@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 


#main {  width:1200px; margin:0 auto; }
#sub {   }
.in {width:1200px; margin:0 auto; }


#top {width:100%; position:fixed;    top:0;z-index:99;
 border-bottom:1px solid #ddd; background-color:#fff;
 }

#top div.wrap {width:1200px;  margin:0 auto; background-color:#fff;
display:flex; 
flex-direction:row; 
align-items:center ; 
justify-content :space-between;  
padding:13px 0; box-sizing:border-box;

 }

#top  p  { background-color:#fff;}
 #top  div  {background-color:#fff; font-size:15px; line-height:50px; }

#top  div input {width:180px; vertical-align:middle; border:1px solid #015aac; height:35px; color:#015aac; padding-left:10px; box-sizing:border-box; background-color:#fff;}
#top  div div  a {line-height:35px; width:60px;  text-align:center;  float:right; background-color:#015aac; color:#fff ; display:inline-block}





nav { width:50%;     margin-top:3px; }

nav ul {
  font-size: 0;  
  margin: 0; text-align:Center;
  padding: 0;  width:100%;  
}

nav ul li {
display:inline-block;   position: relative;   z-index:99999999999999999999999999999999;
 box-sizing:border-box;  background:url('/common/img/common/nav_line.png') no-repeat right;
}
nav ul li:last-child {background:none}

nav ul li a {
  color: #333 !important;
  display: block;
  font-size:18.5px; font-weight:600; padding:0 40px;   line-height:50px; 
  transition: 0.3s linear;  
}




nav ul li ul {
   display: none;
  position: absolute; left:0;   
  width: 100%;  

}

nav ul li ul li { width:100%;
   display: block; margin:0; background:none;   
}
nav ul li ul li:hover  { background-color:#fff;  color:#666 !important;} 

nav ul li ul li:first-child { border-top: none; }
 

nav ul li ul li a {
  background: #fff; border-bottom:1px solid #ebebeb;
  display: block; color:#666 !important;  width:100%;   padding:10px 0;
line-height:1.3em;  font-size:14px; font-weight:300;
}

nav ul li ul li a:hover { background: #015bac; color:#fff !important; border-bottom:1px solid #015bac; }

 

nav .fa.fa-angle-down { margin-left: 6px; }


h3 {width:100%; font-size:25px; font-weight:700;  color:#333; line-height:50px; display:inline-block; letter-spacing:-1px; min-height:55px; }
h3 span {color:#015bac;}
h3 a {font-size:15px; line-height:55px; font-weight:400; float:right; }


.wrap {width:100%; padding:120px 0 ; box-sizing:border-box; display:inline-block; min-width:1200px; 
 }
 



.right_wrap {width:270px; margin-top:95px; float:right;}

.right_wrap a {width:100%; display:inline-block; line-height:50px; margin-bottom:7px; box-sizing:border-box; text-align:Center;  background: linear-gradient( to top, #0378c6, #0389dc ); border-radius:3px; letter-spacing:0;  
 font-weight:600; font-size:16.5px;   color:#fff !important}
 
.right_wrap a:nth-child(3) {  background: linear-gradient( to top, #8abb47, #8bc930 );}
.right_wrap a:nth-child(4) { background: linear-gradient( to top, #309dca, #2ca8d5 );}
.right_wrap a:nth-child(6) { background:none}

.right_wrap a:hover {font-size:18px;  }
 
.right_wrap div   {font-size:14px; line-height:1.4em; font-weight:400; color:#777; background-color:#fff;  border:5px solid #f1f1f1;box-sizing:border-box; padding:20px;}
.right_wrap div h4 {font-size:17px; font-weight:700; color:#333; width:100%; margin-bottom:2px; }
.right_wrap div b {font-size:20px; display:inline-block; margin:8px 0;  width:100%; letter-spacing:0;  font-weight:700; color:#333;}
.right_wrap div p {font-size:16px; border-bottom:1px solid #ddd; padding-bottom:13px; margin-bottom:13px;  font-weight:400; color:#444; letter-spacing:0;  }


a.fixed_top {width:65px; line-height:65px; text-align:center;  background-color:#555;  color:#fff !important; border-radius:3px; font-size:15px; display:inline-block; position:fixed; bottom:10%; right:2%;}


 
.sitemap {width:100%;  min-width:1200px; margin-top:80px;   float:left; background-color:#f9f9f9; border-top:1px solid #ddd;}
.sitemap div {width:1200px; margin:0 auto;}
.sitemap div ul {width:100%; display:flex; flex-wrap: wrap;
justify-content:  space-between ;  }
.sitemap div ul li { width:25%; padding-left:20px; border-right:1px solid #ddd;  box-sizing:border-box; padding-right:10px;}
.sitemap div ul li:first-child {border-left:1px solid #ddd;}
.sitemap div ul li ul li {width:100%; font-size:14.5px; font-weight:500; color:#777; border-right:none; line-height:1.6;     margin-bottom: 7px; word-break: keep-all;}
.sitemap div ul li ul li.tt {font-size:17px; font-weight:600; color:#333; padding-bottom:5px; padding-top:20px; border-left:none}
.sitemap div ul li ul li:last-child {padding-bottom:21px; margin-bottom:0;}
.sitemap div ul li ul {display:inline-block;}





footer {width:100%; border-top:1px solid #ddd; padding-top:30px; height:100px;  float:left; min-width:1200px; }
footer div {width:1200px; position:relative;  margin:0 auto;}
#sub footer div {width:1200px; margin:0 auto;}


footer div p {width:100%; background:url('/common/img/common/logo.png') no-repeat left; background-size:160px; padding-left:210px; float:left; font-size:14.5px; box-sizing:border-box; color:#777; line-height:1.5em;  }
footer div img {float:right;}
footer div p span {color:#999; font-size:0.9em}
footer div a.privacy_link {float:right; position:absolute; right:0; top:10px; font-size:13.5px; padding:5px 10px; color:#666; background-color:#fff; border:1px solid #ddd; border-radius:3px; }