@import url('https://fonts.googleapis.com/css2?family=Candal&display=swap');


* {padding:0; margin:0;box-sizing:border-box;}
.pd{padding:130px 0 85px 0;text-align:center;font-size:60px  }
.big_tit{font-size:40px;}
.small_tit{font-size:30px}
.green{color:#2ab151}
.orange{color:#ff6c11}
.en{font-family: 'Candal', sans-serif;font-weight:400}
.more{font-family: 'Candal', sans-serif; font-size:17px;  transition: 0.3s linear;}
.more:hover{color:#2ab151;   transition: 0.3s linear;}
.greenyellow{background:#ceea93;width:100%}
.agree_page{padding:20px}

 @media all and (max-width:980px) {
.big_tit{font-size:24px}
.more{font-size:14px;vertical-align:text-bottom}
.pd{font-size:30px;padding:70px 0 50px 0;}

}


header {
    width: 100%;
position:fixed;
	background:#fff;
display:block;
z-index:9999;
top:0
}
    

div.top_inner {
    width:67.81%; 
    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%}


/* Navigation Styles */

nav { 

}

nav ul {
  font-size: 0;
  margin: 0;  
  padding: 0;

}

nav ul li {
  display: inline-block;
  position: relative;  

}


nav ul li a {
  color: #333;
display:inline-block;
  font-size: 22px;
  padding: 34px 28px;
  text-align:center;
  font-weight:400;
  transition: 0.1s linear;
  border-bottom:3px solid transparent


  
}
nav ul li a:hover{
color:#2ab151;transition: 0.1s linear;

}
.mouse:hover{border-bottom: 3px solid #2ab151;}


nav ul li ul {
  display: none;
  position: absolute;
  width: 140px; left:50%; margin-left:-70px; 
    z-index: 9999;
top:94px
  
}


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: #fff;
  display: block;
  padding: 15px 0px;
  font-size:14px;
  font-weight:400;
  border-bottom:1px solid #000 !important;
  border-left:1px solid #000;
  border-right:1px solid #000;

}

nav ul li ul li a:hover { color:#2ab151}

nav .fa.fa-angle-down { margin-left:6px; }








.footer{width:100%;overflow:hidden;padding:3.8% 0;background:#2ab151;color:#fff}
.ft{  display: flex;
align-items: center;
justify-content: space-between;}
.left{float:left;width:60%}
.left li{font-size:16px;padding-bottom:12px;font-weight:300}
.left li:first-child {padding-bottom:4%}
.left li:first-child b{font-size:30px}
.left li b{font-weight:500}
.left span{vertical-align:bottom;font-size:15px;line-height:27px}

.right{float:right;text-align:right;width:40%}
.right ul{overflow:hidden;width:30%;float:right;}
.right li{padding-bottom:25px; float:left;width:33.33%;display:inline-block;}
.right li img{width:80%;}
.right p{color:#75eb97;font-size:15px; width:100%;float:right;padding-bottom:12px}
.right a{color:#fff}
.m_email{display:none}





 @media all and (min-width:981px) {
.m_top{display:none}
 }



@media (max-width:980px){
.pc_top{display:none}

.footer{padding:40px 0;}
.inner{width:95%}
.left{float:none;width:100%;}
.left li:first-child b{font-size:18px}
.left li{font-size:12px}
.left span{font-size:12px}
.ft{  display: block;}
.right{float:none;text-align:left;width:100%}
.right ul{padding-top:10px;float:none;width:100%;}
.right ul li{width:55px;padding-bottom:5%;}
.right p{font-size:12px;}
.pc_email{display:none}
.m_email{display:block}


	}


.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%; 

 }



.green_tit{color:#2ab151;font-family: 'Candal', sans-serif;font-weight:400}
