/* CSS Document */
.wow{transition-delay: 0.3s;}
.pc{display: block;}
.wrap{width: 1430px; max-width: 90%; padding: 0 15px; margin: 0 auto;}
.header{background-color: #1c2e90; z-index: 2;}
.top{padding: 0 6%;}
.logo{height: 100px; font-size: 0;}
.logo a{display: block;}
.logo img{width: auto; height: 70px;}
.menuBtn{width: .44rem; height: .33rem; margin-top: .09rem; background: url(../images/menuIco.png) center center no-repeat; background-size: contain; cursor: pointer;}
.topRig{list-style: none; line-height: 90px;margin-left: 20px}
.topRig .language{float: left;margin-top: 15px}
.language .select{width: 100px;height: 40px;margin: 0 auto;position: relative;color: #fff;z-index: 9999;}
.language .select:after{content: '';display: block;width: 10px;height: 10px;border-left: 1px #ccc solid;border-bottom: 1px #ccc solid;position: absolute;top: 11px;right: 12px;transform: rotate(-45deg);transition: transform .3 ease-out,top .3s ease-out;}
.language .select p{padding: 0 15px;line-height: 40px;cursor: pointer;}
.language .select ul{list-style-type: none;width: 100%;overflow-y: auto;position: absolute;top: 40px;left: 0;max-height: 0;transition: max-height .3s ease-out;background-color: #7bf;}
.language .select ul li{padding: 0 15px;line-height: 40px;cursor: pointer;float: left;width: 100%;}
.language .select ul li:hover{background-color: #e0e0e0;}
.language .select ul li.selected{background-color: #39f;color: #fff;}
.language .select.open ul{max-height: 250px;-webkit-animation: slide-down .5s ease-in;transition: max-height .3s ease-in;transform-origin: 50% 0;}
.language .select.open:after{transform: rotate(-225deg);top: 18px;transition: all .3s ease-in-out;}
@-webkit-keyframes slide-down{0%{transform: scale(1,0);}
                                    25%{transform: scale(1,1.2);}
                                    50%{transform: scale(1,0.85);}
                                    75%{transform: scale(1,1.05);}
                                    100%{transform: scale(1,1);}}

.topRig .navBtn{float: right}
.topRig li{display: inline-block; vertical-align: middle;}
.navBg{position: relative; color: #FFFFFF; float: right;}
.navBg.active{opacity: 1; visibility: visible; transform: translateX(0);}
.navTop{display: flex; justify-content: flex-end; align-items: center; padding: .2rem .3rem; display: none;}
.navBack{width: 40px; height: 30px; background: url(../images/navBack.png) left center no-repeat; background-size: 24px auto; cursor: pointer;}
.navList{position: relative; display: flex; list-style: none;}
.navList>li{position: relative; flex: auto; padding: 0 1px; margin-left: 5vw;}
.navList>li>a{display: block; font-size: 18px; color: #FFFFFF; padding-top: 40px; line-height: 60px; text-align: center;}
.navList>li.cur>a,
.navList>li.active>a,
.navList>li>a:hover{color: #ff8500;}
.navList .inList{position: absolute; left: 50%; transform: translateX(-50%); background-color: #1c2e90; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); width: 100%; min-width: 100px; text-align: center; padding: .15rem 0; z-index: 2; display: none;}
.navList .inList li a{display: block; color: #FFFFFF; font-size: 14px; line-height: 1.4; padding: .1rem 0;}
.navList .inList li a:hover{color: #ff8500;}
.mainBg{min-height: 34vh; overflow: hidden;}
.grayBg{background-color: #fafafa;}
.whiteBg{background-color: #FFFFFF;}
.boxTit{font-size: 14px; overflow: hidden; line-height: 50px; border-bottom: 1px solid #dfdfdf; margin-bottom: 20px;}
.boxH2{float: left; color: #34a089; border-bottom: 2px solid #34a089; margin-bottom: -1px; font-size: 18px; font-weight: normal;}
.boxMore{float: right; color: #81928c;}
.boxMore:hover{color: #34a089;}
.more{float: right; font-size: .14rem; color: #6a6a6a;}
.more:hover{color: #892ebc;}
.boxTit h2 i{font-size: 12px; color: #c5c5c5; text-transform: uppercase; font-style: normal; font-weight: normal; margin-left: .1rem;}
.footBg{padding: .2rem 0; background-color: #2a3838; text-align: center; color: #FFFFFF; font-size: 14px;}
@media (max-width:1400px){
    .top{padding: 0 .3rem;}
    .logo{height: 60px;}
    .logo img{height: 60px;}
}
@media (max-width:1200px){
    .wrap{max-width: 100%;}
    .top{padding: 0 .3rem;}
    .logo{height: 60px;}
    .logo img{height: 40px;}
    .topRig{line-height: 60px;}
    .topRig li.navBtn{display: inline-block;cursor: pointer;}
    .navBtn span{display: block;width: 25px;height: 30px;position: relative;}
    .navBtn span b{display: block;width: 100%;height: 2px;background: #FFFFFF;position: absolute;left: 0;top: calc((100% - 4px) / 2);transition: all .3s;}
    .navBtn span b:nth-child(1){transform: translateY(8px) rotate(0deg);}
    .navBtn span b:nth-child(3){transform: translateY(-8px) rotate(0deg);}
    .navBtn.active b:nth-child(1){transform: translateY(0) rotate(45deg);}
    .navBtn.active b:nth-child(3){transform: translateY(0) rotate(-45deg);}
    .navBtn.active b:nth-child(2){opacity: 0;}
    .navBg{position: fixed;left: 0;top: 0;width: 80%;max-width: 320px;height: 100%;z-index: 101;transform: translateX(-100%);transition: all .3s;background-color: #1c2e90;}
    .navBg.show-on-mobile{transform: translateX(0);}
    .navTop{display: flex;}
    .navBg .wrap{width: 100%;max-width: 100%;padding: 0;height: calc(100% - .7rem);}
    .navList{display: block;text-align: left;height: 98%;overflow-y: auto;}
    .navList>li{padding: 0;}
    .navList>li>a{text-align: left;padding: 0;}
    .navList .inList{position: static;min-width: 0;width: 100%;transform: none;box-shadow: none;text-align: left;padding: 0;padding-left: 15px;}
}
  @media (max-width:991px){}
@media (max-width:767px){}
@media (max-width:640px){}
@media (max-width:460px){
    .logo{height: 50px;}
    .logo img{height: 34px;}
    .topRig{line-height: 50px;}
    .topRig .language{margin-top: 5px}
    .topRig .navBtn{margin-top: 10px}
    .navList>li>a{font-size: 16px;}}