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;}



.mm{width:100%;float:right;position:relative; margin-top:5vh;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.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{position: relative;width:130px;height:110px;background:#ffffff;display:inline-table;margin-right:3%;padding:5px;text-align:center;transition:all 1s}
.arc ul li a{width:100%;height:100%;color:#fff;font-size:1.4rem;text-align:center;line-height: 2;margin:0 auto;text-align:center;letter-spacing:2px;display: block;color:#000000;padding: 5%;transition:all 1s}
.arc ul li a .img{z-index: 9999;display:block;margin:0 auto;position:relative;filter:drop-shadow(55px 0 #fff);-webkit-filter:drop-shadow(55px 0 #fff);transition:all 1s;overflow:hidden;width:55px;}
.arc ul li a .img img{width:55px;height:auto;}
.arc ul li:hover a .img img{transform:translate(-55px,0);-webkit-transform:translate(-55px,0);-ms-transform:translate(-55px,0);-o-transform:translate(-55px,0);transition:all 1s}


.arc ul li .l1{width:10px;height:10px;display:block;position:absolute;left:5%;top:5%;border-left:solid #fff 2px;border-top:solid #fff 1px;}
.arc ul li .l2{width:10px;height:10px;display:block;position:absolute;right:5%;bottom:5%;border-left:solid #fff 2px;border-top:solid #fff 1px;transform:rotate(-180deg); -webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);}
.arc ul li:hover{background:#cc312f;transition:all 1s}
.arc ul li:hover a{color:#fff;transition:all 1s}





@media (max-width:468px){
.mm{width:100%;margin:0 auto; }
.arc ul li a .img{display:none}
.arc ul li {width:25%;height:auto;margin-top:1rem;}
.arc ul li a{line-height:1.7;}
}


@media (min-width:469px) and (max-width:768px){
.mm{width:100%;margin:0 auto; }
.arc ul li a .img{display:none}
.arc ul li {width:25%;height:auto;margin-top:1rem;}
.arc ul li a{line-height:1.7;}

}

@media (min-width:769px) and (max-width:990px){
.mm{width:100%;margin:0 auto; }
.arc ul li a .img{display:none}
.arc ul li {width:25%;height:auto;margin-top:1rem;}
.arc ul li a{line-height:1.7;}

}

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

.mm{width:100%; }
.arc ul li { margin-right: 1%;}
}
@media (min-width:1081px) and (max-width:1200px){

.mm{width:100%; }
}
@media (min-width:1201px) and (max-width:1320px){

.mm{width:100%; }
}
@media (min-width:1321px) and (max-width:1440px){

.mm{width:100%; }
}


.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;}




@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;}
}




.tit{width:100%;height:auto;margin:0 auto;}
.tit h1{display:block;width:100%;height:auto;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.tit h1 a{color:#000000;font-size:3rem;text-align:left;letter-spacing: 2px;display: block;width: 100%;font-weight:bold;}
.tit h2{display:block;width:100%;height:auto;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.tit h2 a{color:#1d2088;font-size:4.8rem;text-align:left;display: block;width: 100%;font-weight:bold;}





@media (max-width:468px){
.tit h1 a{font-size:2rem;}
.tit h2 a{font-size:1.6rem}
.index_main .section3 .right .text h1 {font-size: 2rem;}
.favor-header-bar a {font-size: 1.4rem;}
}


@media (min-width:469px) and (max-width:768px){
.tit h1 a{font-size:2rem;}
.tit h2 a{font-size:1.6rem}

}

@media (min-width:769px) and (max-width:990px){
.tit h1 a{font-size:2.2rem;}
.tit h2 a{font-size:1.6rem}

}

@media (min-width:991px) and (max-width:1080px){
.tit h1 a{font-size:2.4rem;}
.tit h2 a{font-size:1.6rem}

}


@media (min-width:1081px) and (max-width:1200px){
.tit h1 a{font-size:2.6rem;}
.tit h2 a{font-size:2.2rem}

}
@media (min-width:1201px) and (max-width:1320px){
.tit h1 a{font-size:3rem;}
.tit h2 a{font-size:2.3rem}

}
@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);
  }
}




@media (max-width:379px){

.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;}


}

@media (min-width:380px) and (max-width:468px){

.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;}


}

@media (min-width:469px) and (max-width:768px){

.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;}


}