.big_tit{font-size:2.2vw;font-weight:500;}
.small_tit{font-size:1.25em;font-weight:800;display:block;padding-bottom:1%}

.en{font-family: 'Mulish', sans-serif;}
.mon{ font-family: 'Montserrat', sans-serif;  }
.blue{color:#008ecf}

.navy{color:#1a2141}


 @media all and (max-width:980px) {
.big_tit{font-size:1.4em}
}


header {
    width: 100%;
position:fixed;
display:block;
z-index:9999;
top:0
}
    

div.top_inner {
    width:90.63%; 
    display:flex; justify-content:space-between;  align-items:center; 
    margin:0 auto;
}

@media (max-width: 1440px){
/* div.top_inner {width:80%} */
}

header div.top_inner h1 {
    width:66px; 	padding:10px 0;


}
header div.top_inner h1 img{width:100%}

.letter a{font-family: 'Mulish', sans-serif;color:#fff;padding-bottom:2px;font-size:1rem;margin-left:10px}



.top:hover {background-color:#fff} 
.top:hover ul > li > a {color: #000;} 
.top:hover .letter a{color: #000;} 
.top:hover div.top_right a { color:#333 !important; background-color:#f5f5f5; }

.top.roll {background-color:#fff}
.top.roll ul > li > a {color: #000;} 
.top.roll .letter a {color: #000;} 
.top.roll div.top_right a { color:#333 !important;background-color:#f5f5f5; }

.letter a.ov{border-bottom:2px solid #008ecf;color:#008ecf !important}

.top:hover img.color_img {display:block}
.top:hover img.w_img {display:none}
.top img.color_img {display:none}
.top img.w_img {display:block}
.top.roll img.color_img {display:block}
.top.roll img.w_img {display:none}


@media all and (max-width:980px) {
  .top {display:none; }
  .m_top {display:flex; box-sizing:border-box; width:100%; height:60px;   align-items:center; padding-left:3%; position:fixed; z-index:99999999999999999;}
  .m_top .cd-nav-trigger span.ham  {color:#fff !important }
  .m_top.roll {background-color:#fff; }
  .m_top.roll .cd-nav-trigger span.ham  {background-color:#333 }

.m_top img.color_img {display:none}
.m_top img.w_img {display:block}
.m_top.roll img.color_img {display:block}
.m_top.roll img.w_img {display:none}


}
/* Navigation Styles */

nav { 

}

nav ul {
  font-size: 0;
  margin: 0;  
  padding: 0;

}

nav ul li {
  display: inline-block;
  position: relative;  
  margin:0 38px;
}


nav ul li a {
  color: #fff;
display:inline-block;
  font-size: 1.125rem;
/*   padding: 34px 28px; */
  text-align:center;
  font-weight:500;
  transition: 0.1s linear;
  padding:30px 0


  
}
.move:hover{
color:#008ecf !important;transition: 0.1s linear;

}  
/*.mouse:hover{border-bottom: 3px solid #2ab151;}*/



.move::after {position: absolute; content:""; display: block; border-bottom: 2px solid #008ecf; transition: width 250ms ease-out; left: auto; right: 0;  width: 0;margin-top:5px}
.move:hover::after {width: 100%; left: 0; right: auto;}


nav ul li ul {
  display: none;
  position: absolute;
  width: 250px; left:50%; margin-left:-125px; 

    z-index: 9999;
top:90%;


  
}
nav ul li ul.long {
  width: 290px; left:50%; margin-left:-145px; 
}

nav ul li ul li {
  display: block;

}


/* nav ul li ul li:first-child { border-top: 3px solid #2ab151; } */
/* nav ul li ul li:first-child a{padding-bottom:7px;} */

nav ul li ul li:last-child a{  border-bottom:none;}
nav ul li ul li a {
  background: #008ecf;
  display: block;
  padding: 15px 0;
  font-size:1rem;
  font-weight:400;
  color:#fff !important


}



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














 @media all and (min-width:981px) {
.m_top{display:none}
 }



@media (max-width:980px){
.top{display:none}




	}


.inner{    width:67.81%; 
    margin:0 auto;}

@media all and (max-width:1440px) {
 .inner{    width:80%; 
 }
 @media all and (max-width:980px) {
 .inner{    width:95%; 

 }



footer{background:#1a2141;color:#fff;padding:3.65%  0;}
footer   .inner{width:62%;margin:0 auto;  display: flex; align-items: center;}
footer .left{width:85%;margin-right:5%;font-weight:200}
footer .left1 a{color:#fff;font-weight:400}
footer .left2{padding:50px 0 20px 0;line-height:1.7}

footer .right {width:10%;text-align:right;}
footer .right img{}

footer p{color:#4b5068;font-weight:400}
footer .m_show{display:none}
footer .pc_show{display:block}
footer .pc_show1{display:inline}
footer	br.m_none{display:none}
	@media (max-width:1500px){
	footer .inner{width:90%}
	}
	@media (max-width:980px){
			footer{padding:34px 0;font-size:13px}

footer   .inner{ flex-direction: column-reverse;  }
footer   .inner{width:90%}
footer .left{width:100%;margin-right:0}
footer .right{width:100%;text-align:left}
footer .right img{width:100px}
footer .left1{display:none}
footer .left2{padding: 18px  0 ;line-height:1.5}
footer .left2 span{}
footer p{font-size:10px}
footer .m_show{display:block}
footer .pc_show{display:none}
footer .pc_show1{display:none}
footer	br.m_none{display:none}

	}

		@media (max-width:490px){

footer span.m_none{display:none}
footer	br.m_none{display:block;}
		}