@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1023px)  {
* {-webkit-tap-highlight-color:transparent;}
html,body{max-width:750px; margin:0 auto;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
span{display:block;}
.container{max-width:750px; margin:0 auto;}
input{-webkit-user-select:text !important; display:block; cursor:pointer;}
button{display:block; cursor:pointer;}
img{display:block;}
a{cursor:pointer;}
em,i,p,span{line-height:100%;}

@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}


p{line-height: 1.5;}

/* logo */
.logo{width: 95%; margin: 1.5rem auto; margin-bottom: 0;}


/* container */
.container {padding: 1.5rem;}


/* slogan */
.slogan{text-align: center; padding: 3.5rem 0;}
.slogan h1{font-weight: 600; font-size: 3.6rem; color: #1a4b7d; margin-bottom: 1rem; line-height: 1.2;}
.slogan-text{ font-size: 1.4rem; font-weight: bolder;}


/* about */
.about{margin-bottom: 2rem;}
.about .item{border-bottom: 1px solid #efefef; box-sizing: border-box; border-radius: 12px; padding-top: 0; padding-bottom: 3rem;}
.about .item-pic{ }
.about .item-pic img{width: 100%; border-radius: .8rem; }
.about .item-box{ box-sizing: border-box; line-height: 2;}
.about  h2{font-size: 3.5rem; color: #1a4b7d;  text-align: center;}


/* column */
.column{padding: 1.5rem 0;}
.column-title{text-align: center; font-size: 2.2rem; font-weight: bolder; line-height: 1.2; margin-bottom: 1.5rem;}
.column-text{font-size: 1.4rem; margin-top: 1rem; color: #666;}


/* allocate */
.allocate{margin-bottom: 3rem;  text-align: center;}
.allocate .item{background: #f9f9f9; padding:3rem 2rem; box-sizing: border-box; border-radius: 12px; margin-bottom: 1.5rem;}
.allocate .item-title{font-size: 2.2rem; margin-bottom: 1rem;}
.allocate .item-icon{width: 6rem; margin: 0 auto; margin-bottom: 1.5rem;}
.allocate .item-icon img{width: 100%;}
.allocate .item-dep{font-size: 1.4rem;}


/* form */
.form-container { }
.form-group {margin-bottom: 1.5rem;}
.form-group label {	display: block;	margin-bottom: .5rem; font-weight: 500; font-size: 1.2rem; font-weight: bolder;}
.form-group input,
.form-group select,
.form-group textarea { width: 100%; padding: 1.5rem; border: 1px solid #ddd; border-radius: 4px;}
.submit-btn { background-color: #1a4b7d; color: white; padding:1rem 1.5rem; border: none; border-radius: .5rem; cursor: pointer; font-size: 1.6rem; margin-top: 1.5rem; width: 100%;}
.submit-btn:hover {background-color: #0e3a64;}


/* highlight */
.highlight {background: #f9f9f9; padding: 2.5rem; border-radius: 1rem; margin-bottom: 1.5rem;}
.highlight center {font-size: 1.4rem;}
.highlight li{font-size: 1.2rem; margin-left: 1.7rem;}



/* features */
.features-grid{ }
.feature-card {margin-bottom:20px; border-radius: 1rem; padding: 1.5rem; position: relative; background: #f9f9f9; box-sizing: border-box; }
.feature-box{font-size: 1.4rem;}
.feature-box h3{margin-bottom: 1.2rem; font-size: 1.6rem;}
.feature-icon {margin: 0 auto; width: 8rem; height: 8rem; background: #0e0f1d; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; border-radius: 100%; margin-bottom: 1.5rem;}
.feature-icon img {max-width: 50%;}


/* sectionbluer */
.sectionbluer { background: #5476f2cc; padding: 1.2rem; border-radius: 1rem;}
.sectionbluer p{line-height: 1.5; color: #fff;}


/* footer */
.footer { background-color: #000; color: white; text-align: center;}
.footer p {margin-bottom: 1rem;  font-size: 1.2rem;}
	
	
}


@media screen and (max-width: 1199px) {
  .container { padding: 20px;}
}