/* CSS Document */
body{margin:0px;padding:0px;font-size:10px;}
*{margin:0px;padding:0px}
a,a:visited,a:link{text-decoration:none;}
ul,li{list-style:none;}




.tit{width:18%; height:auto;float:left;}
.tit a{display:block;width: 50%;float:left;height: 50%;color:#fff;font-size:3.6rem;font-weight:bold;margin:0 auto;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.tit a p{writing-mode: vertical-rl;border-right:solid #fff 1px;width:100%;height:auto;float:left;line-height: 3;font-family:"bb";letter-spacing:5px;font-size:3.6rem;}
.tit h1{writing-mode:vertical-lr;display:block;width:50%;float:left;height:50%;font-weight:normal;line-height:1.6;font-family:"aa";color:#fff;font-size:2.4rem;letter-spacing:2px;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.tit span{width:110px;height:110px;display: inline-block;float:left;}
.tit span img{width:90px;height:75px;margin:8px;display:block;color:#fff;font-size:1.8rem;text-align:center;line-height: 1.5;-webkit-animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate; animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate;}

.mm{width:80%;float:right;position:relative; }
.arc{opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;width:100%;clear:both;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.arc ul{width:100%;height:auto;text-align:center;}
.arc ul li{float:left;width:55px;height:145px;border:solid #fff 1px;display: inline-block;margin-right:3%;padding:5px;}
.arc ul li a{writing-mode:vertical-lr;width:45px;height:135px;border:solid #fff 1px;display:block;color:#fff;font-size:2rem;text-align:center;line-height: 2;margin:0 auto;text-align:center;letter-spacing:2px;font-family:"aa";}
.arc ul li:hover{border:solid #f30b1e 1px;}
.arc ul li:hover a{background:#f30b1e;border:solid #f30b1e 1px;}









@media (max-width:468px){
.tit{width:100%;margin:0 auto;}
.mm{width:100%;margin:0 auto; }
.tit a{width:100%;border:none; height:auto;}
.tit a p{writing-mode: unset !important;width:auto;line-height:2;font-size:3rem;letter-spacing:2px;border:none;}
.tit h1{writing-mode: unset !important;width:100%;display:block;float:left;;font-size:1.6rem;letter-spacing:2px;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;  display: none;}
.tit span{width:70px;height:70px;display: inline-block;float:left;}
.tit span img{width:60px;height:45px;margin:8px;display:block;color:#fff;font-size:1.8rem;text-align:center;line-height: 1.5;-webkit-animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate; animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate;}
.arc ul li{ width: 31.333%;height:40px; margin-right:2%;}
.arc ul li a{writing-mode: unset !important;width:95%;height:30px;line-height:30px;font-weight:normal;font-size:1.4rem;}
}


@media (min-width:469px) and (max-width:768px){
.tit{width:100%;margin:0 auto;}
.mm{width:100%;margin:0 auto; }
.tit a{width:100%;border:none; height:auto;}
.tit a p{writing-mode: unset !important;width:auto;line-height:2;font-size:3rem;letter-spacing:2px;border:none;}
.tit h1{writing-mode: unset !important;width:100%;display:block;float:left;;font-size:1.6rem;letter-spacing:2px;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;display: none;}
.tit span{width:70px;height:70px;display: inline-block;float:left;}
.tit span img{width:60px;height:45px;margin:8px;display:block;color:#fff;font-size:1.8rem;text-align:center;line-height: 1.5;-webkit-animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate; animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate;}
.arc ul li{width:145px;height:45px;}
.arc ul li a{writing-mode: unset !important;width:135px;height:35px;line-height:35px;font-weight:normal;font-size:1.6rem;}
}

@media (min-width:769px) and (max-width:990px){
.tit{width:100%;margin:0 auto;}
.mm{width:100%;margin:0 auto; }
.tit a{width:100%;border:none; height:auto;}
.tit a p{writing-mode: unset !important;width:auto;line-height:2;font-size:3rem;letter-spacing:2px;border:none;}
.tit h1{writing-mode: unset !important;width:100%;display:block;float:left;;font-size:1.6rem;letter-spacing:2px;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.tit span{width:70px;height:70px;display: inline-block;float:left;}
.tit span img{width:60px;height:45px;margin:8px;display:block;color:#fff;font-size:1.8rem;text-align:center;line-height: 1.5;-webkit-animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate; animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate;}
.arc ul li{width:145px;height:45px;}
.arc ul li a{writing-mode: unset !important;width:135px;height:35px;line-height:35px;font-weight:normal;font-size:1.6rem;}
}

@media (min-width:991px) and (max-width:1080px){

.tit{width:30%; height:auto;float:left;}
.mm{width:70%;margin:0 auto; }
}
@media (min-width:1081px) and (max-width:1200px){

.tit{width:30%; height:auto;float:left;}
.mm{width:70%;margin:0 auto; }
}
@media (min-width:1201px) and (max-width:1320px){

.tit{width:30%; height:auto;float:left;}
.mm{width:70%;margin:0 auto; }
}
@media (min-width:1321px) and (max-width:1440px){

.tit{width:30%; height:auto;float:left;}
.mm{width:70%;margin:0 auto; }
}


.about_info{width:100%;height:auto;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;clear: both;padding-top: 3vh;clear:both;}
.about_info p{color:#fff;font-size:2rem;line-height:1.6;font-family:"cc";}




@media (max-width:468px){
.about_info{width:100%;height:auto;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;clear: both;padding-top: 5vh;clear:both;}
.about_info p{color:#fff;font-size:1.6rem;line-height:1.6;}
}

@media (min-width:469px) and (max-width:768px){
.about_info{width:100%;height:auto;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;clear: both;padding-top: 5vh;clear:both;}
.about_info p{color:#fff;font-size:1.6rem;line-height:1.6;}
}
@media (min-width:769px) and (max-width:991px){
.about_info{width:100%;height:auto;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;clear: both;padding-top: 5vh;clear:both;}
.about_info p{color:#fff;font-size:1.6rem;line-height:1.6;}
}










.tit2{width:60%;height: 70%;float:left;}
.tit2 a{display:block;width: 20%;float:left;height: 50%;color:#fff;font-size:3.6rem;font-weight:bold;margin:0 auto;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.tit2 a p{writing-mode: vertical-lr;border-right:solid #fff 1px;width:100%;height:auto;float:left;line-height: 3;font-family:"bb";letter-spacing:5px;font-size:3.6rem;}
.tit2 h1{writing-mode:vertical-lr;display:block;width:50%;float:left;height:50%;font-weight:normal;line-height:1.6;font-family:"aa";color:#fff;font-size:2.4rem;letter-spacing:2px;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.tit2 span{width:110px;height:110px;display: inline-block;float:left;}
.tit2 span img{width:90px;height:75px;margin:8px;display:block;color:#fff;font-size:1.8rem;text-align:center;line-height: 1.5;-webkit-animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate; animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate;}



.tit2 .t1{width:40%;float:left;height:60%;overflow:hidden;}
.tit2 .t1 h2{writing-mode: vertical-lr;height:100%;float:left;line-height: 4;font-family:"aa";letter-spacing:5px;font-size:2.4rem;color:#fff;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.tit2 .t1 li{border:solid #bfa8a1 1px;float:left;text-align: center;padding:5px;width:15%;margin: 2% !important;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.tit2 .t1 li a{color:#fff;font-size:2rem;display: inline-table;float: none;}



.tit2 .t2{width:40%;float:left;height:60%;}
.tit2 .t2 p{writing-mode: vertical-lr;height:auto;float:left;line-height: 3;font-family:"cc";letter-spacing:1px;font-size:2rem;color:#fff;float:right;border-left:solid #bfa8a1 1px;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.tit2 .t2 p:last-child{border:none;}
.tit2 .t2 p:first-child{line-height:1.6;}


.tit2 .t3{width:100%;height:40%;clear:both;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.tit2 .t3 font{float:left;font-family:"ºÚÌå";padding-left:5%;line-height:2;text-align:center;color:#fff;font-size:1.6rem;letter-spacing:1px;}
.tit2 .t3 font img{width:160px;height:160px;float:left;}
.tit2 .t3 .ctitle{float:left;color: #fff;font-size: 2.4rem;line-height: 30px;margin-top:3rem;}
.tit2 .t3 .ctitle2{float:left;color: #fff;font-size: 2.4rem;line-height:2;text-align: left;padding: 3%;font-family:"cc";font-weight:bold;}

.mm2 {width:40%;float:right;position:relative; overflow:hidden;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.mm2 img{width:90%;float:right;position:relative;display:block;margin:0 auto; }






@media (max-width:468px){
.tit2{width:100%;margin:0 auto;}
.mm2{width:100%;margin:0 auto; }
.tit2 a{width:100%;border:none; height:auto;}
.tit2 a p{writing-mode: unset !important;width:auto;line-height:2;font-size:3rem;letter-spacing:2px;border:none;}
.tit2 h1{writing-mode: unset !important;width:100%;display:block;float:left;;font-size:1.6rem;letter-spacing:2px;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.tit2 span{width:70px;height:70px;display: inline-block;float:left;}
.tit2 span img{width:60px;height:45px;margin:8px;display:block;color:#fff;font-size:1.8rem;text-align:center;line-height: 1.5;-webkit-animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate; animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate;}


.tit2 .t1{width:100%;float:left;height:auto;overflow:hidden;    display: none;}
.tit2 .t1 h2{writing-mode: unset !important;height:auto;float:left;line-height: 3;font-family:"aa";letter-spacing:5px;font-size:2.4rem;color:#fff;clear:both;width:100%;}
.tit2 .t1 li{border:solid #bfa8a1 1px;float:left;text-align: center;padding:5px;width:auto;width:29.3333%;margin: 2% !important;}
.tit2 .t1 li a{color:#fff;font-size:1.6rem;display: inline-table;float: none;}


.tit2 .t2{width:100%;height:auto;}
.tit2 .t2 p{writing-mode: unset !important;width:100%;border:none;font-size:1.6rem;line-height:2;}
.mm2 {display:none;}

.tit2 .t3{width:100%;height:auto;}
.tit2 .t3 font{width:100%;float: none; margin: 0 auto;display: block;}
.tit2 .t3 font img{display:block;margin:0 auto;width:130px;height:130px;float:none;}
.tit2 .t3 .ctitle2{display:none;}
}


@media (min-width:469px) and (max-width:768px){
.tit2{width:100%;margin:0 auto;}
.mm2{width:100%;margin:0 auto; }
.tit2 a{width:100%;border:none; height:auto;}
.tit2 a p{writing-mode: unset !important;width:auto;line-height:2;font-size:3rem;letter-spacing:2px;border:none;}
.tit2 h1{writing-mode: unset !important;width:100%;display:block;float:left;;font-size:1.6rem;letter-spacing:2px;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.tit2 span{width:70px;height:70px;display: inline-block;float:left;}
.tit2 span img{width:60px;height:45px;margin:8px;display:block;color:#fff;font-size:1.8rem;text-align:center;line-height: 1.5;-webkit-animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate; animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate;}


.tit2 .t1{width:100%;float:left;height:auto;overflow:hidden;    display: none;}
.tit2 .t1 h2{writing-mode: unset !important;height:auto;float:left;line-height: 3;font-family:"aa";letter-spacing:5px;font-size:2.4rem;color:#fff;clear:both;width:100%;}
.tit2 .t1 li{border:solid #bfa8a1 1px;float:left;text-align: center;padding:5px;width:auto;width:29.3333%;margin: 2% !important;}
.tit2 .t1 li a{color:#fff;font-size:1.6rem;display: inline-table;float: none;}

.tit2 .t2{width:100%;height:auto;}
.tit2 .t2 p{writing-mode: unset !important;width:100%;border:none;font-size:1.6rem;line-height:2;}
.mm2 {display:none;}

.tit2 .t3{width:100%;height:auto;}
.tit2 .t3 font{width:100%;float: none; margin: 0 auto;display: block;}
.tit2 .t3 font img{display:block;margin:0 auto;width:130px;height:130px;float:none;}
.tit2 .t3 .ctitle2{display:none;}
}

@media (min-width:769px) and (max-width:990px){
.tit2{width:100%;margin:0 auto;}
.mm2{width:100%;margin:0 auto; }
.tit2 a{width:100%;border:none; height:auto;}
.tit2 a p{writing-mode: unset !important;width:auto;line-height:2;font-size:3rem;letter-spacing:2px;border:none;}
.tit2 h1{writing-mode: unset !important;width:100%;display:block;float:left;;font-size:1.6rem;letter-spacing:2px;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.tit2 span{width:70px;height:70px;display: inline-block;float:left;}
.tit2 span img{width:60px;height:45px;margin:8px;display:block;color:#fff;font-size:1.8rem;text-align:center;line-height: 1.5;-webkit-animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate; animation: pulse 4s ease infinite alternate,  nudge 4s linear infinite alternate;}


.tit2 .t1{width:100%;float:left;height:auto;overflow:hidden;}
.tit2 .t1 h2{writing-mode: unset !important;height:auto;float:left;line-height: 3;font-family:"aa";letter-spacing:5px;font-size:2.4rem;color:#fff;clear:both;width:100%;}
.tit2 .t1 li{border:solid #bfa8a1 1px;float:left;text-align: center;padding:5px;width:auto;width:29.3333%;margin: 2% !important;}
.tit2 .t1 li a{color:#fff;font-size:1.6rem;display: inline-table;float: none;}

.tit2 .t2{width:100%;height:auto;}
.tit2 .t2 p{writing-mode: unset !important;width:100%;border:none;font-size:1.6rem;line-height:2;}
.mm2 {display:none;}

.tit2 .t3{width:100%;height:auto;}
.tit2 .t3 font{width:100%;float: none; margin: 0 auto;display: block;}
.tit2 .t3 font img{display:block;margin:0 auto;width:130px;height:130px;float:none;}
.tit2 .t3 .ctitle2{display:none;}
}

@media (min-width:991px) and (max-width:1080px){
.tit2 {width:100%;}
.mm2 {display:none;}
.tit2 .t2 p{line-height:2}
}
@media (min-width:1081px) and (max-width:1200px){
.tit2 {width:100%;}
.mm2 {display:none;}
.tit2 .t2 p{line-height:2}
.tit2 .t3 font img{width:130px;height:130px;}
}
@media (min-width:1201px) and (max-width:1320px){
.tit2{width:70%;margin:0 auto;}
.mm2{width:30%;margin:0 auto; }
.tit2 .t3 font img{width:140px;height:140px;}
}
@media (min-width:1321px) and (max-width:1440px){

}













@-webkit-keyframes pulse {
  0%, 100% {

  }
  50% {

  }
}

@keyframes pulse {
  0%, 100% {

  }
  50% {

  }
}
@-webkit-keyframes nudge {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(8px, 0);
            transform: translate(8px, 0);
  }
  80% {
    -webkit-transform: translate(-5px, 0);
            transform: translate(-5px, 0);
  }
}
@keyframes nudge {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(8px, 0);
            transform: translate(8px, 0);
  }
  80% {
    -webkit-transform: translate(-8px, 0);
            transform: translate(-8px, 0);
  }
}



.more{opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;top:5rem;position:relative;width:190px;height:65px;margin:0 auto;background:url(../image/more.png) no-repeat center top;overflow:hidden;clear:both;}
.more span{display:block;width:100%;height:100%;position: absolute;left: -180px;bottom: 0px;z-index: 5;transition: all 500ms;background:url(../image/more3.png) no-repeat center top;z-index:50;}
.more a{display: inline-block; position:absolute;left:0px;top:0px;width:100%;height:100%;color:#fff;text-align:center;line-height:65px;font-size:1.8rem;z-index:90;}
.more:hover span{left:0px;}

@media (max-width:379px){
.header{padding: 1vh 0vh 0vh 0vh;}
.about_tit a{width:100px;height: 100px;background-size:100% 100% !important;padding:10px;}
.about_tit a span{width:40px;height:40px;float:left;line-height:40px;font-size:2.2rem !important;}
.about_tit h1{font-size:1.6rem !important;}
.about_mm .about_info {height:30vh;overflow:hidden;}
.about_mm .about_info p{font-size:1.4rem;}
.about_mm .about_arc li{width:70px;height:70px;border-radius:80px;}
.about_mm .about_arc li a{width:50px;height:50px;border-radius:60px;border:solid #fff 1px;margin:8px;font-size:1.4rem;line-height:1;}
.more{display:none;}

}

@media (min-width:380px) and (max-width:468px){
.header{padding: 1vh 0vh 0vh 0vh;}
.about_tit a{width:100px;height: 100px;background-size:100% 100% !important;padding:10px;}
.about_tit a span{width:40px;height:40px;float:left;line-height:40px;font-size:2.2rem !important;}
.about_tit h1{font-size:1.6rem !important;}
.about_mm .about_info {height:30vh;overflow:hidden;}
.about_mm .about_info p{font-size:1.4rem;}
.about_mm .about_arc li{width:80px;height:80px;border-radius:80px;}
.about_mm .about_arc li a{width:60px;height:60px;border-radius:60px;border:solid #fff 1px;margin:8px;font-size:1.6rem;line-height:1.2;}
.more{display:none;}

}

@media (min-width:469px) and (max-width:768px){
.header{padding: 1vh 0vh 0vh 0vh;}
.about_tit a{width:100px;height: 100px;background-size:100% 100% !important;padding:10px;}
.about_tit a span{width:40px;height:40px;float:left;line-height:40px;font-size:2.2rem !important;}
.about_tit h1{font-size:1.6rem !important;}
.about_mm .about_info {height:30vh;overflow:hidden;}
.about_mm .about_info p{font-size:1.4rem;}
.about_mm .about_arc li{width:80px;height:80px;border-radius:80px;}
.about_mm .about_arc li a{width:60px;height:60px;border-radius:60px;border:solid #fff 1px;margin:8px;font-size:1.6rem;line-height:1.2;}
.more{display:none;}

}