body{font-family:arial;font-size:14px}
a{text-decoration:none}
a:hover{text-decoration:none}
img{max-width:100%;max-height:100%}
ul{padding:0;margin:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,label,p{margin:0}
.one-txt-cut{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.txt-cut{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.top{background:#3a3565}
.top>div{width:90%;max-width:1200px;padding:0 10px;margin:0 auto;color:#fff;font-size:15px;transition:all .3s;display:flex;justify-content:space-between;align-items:center}
.top>div>div:first-of-type{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;transition:all .3s}
.top>div>div:last-of-type{display:flex;justify-content:space-between;align-items:center;letter-spacing:1px}
.top>div>div:last-of-type div{padding:10px;font-size:15px;position:relative}
.top>div>div:last-of-type div::before{content:"";position:absolute;right:1px;top:0;width:1px;height:100%;background:#17202a}
.top>div>div:last-of-type div::after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background:#8f82bc}
.top>div>div:last-of-type img{margin-right:5px}
.header{width:90%;max-width:1200px;padding:15px 10px;margin:0 auto;position:relative;transition:all .3s;display:flex;justify-content:space-between;align-items:center}
.header div:first-of-type{width:56.667%;transition:all .3s}
.header div:last-of-type{text-align:right;display:flex;justify-content:space-between;align-items:center}
.header div:last-of-type img{height:38px;margin-top:-9px;transition:all .3s }
.header>i{position:absolute;right:20px;top:50%;transform:translateY(-50%) scale(0);transition:all .3s;font-size: 4.5vh;}
.header a{margin-left:13px;font-size:40px}
.header.active{position:relative;z-index:30}
.header.active div:first-of-type{display:none}
.header.active>i{position:fixed;z-index:35;background:#fff;width:30px;height:30px;border-radius:50%;top:30px;display:flex;justify-content:center;align-items:center}
.header.active>i:before{content:"\f00d"}
.Znav{background:#3a3565}
.Znav ul{width:90%;max-width:1200px;padding:0 10px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.Znav a{padding:15px 10px;display:block;color:#fff;font-size:16px}
.Znav a:hover{background:#8c97cb}
.banner .slide-text{width:100%;top:50%;left:0;padding:0;transform:translateY(-50%)}
.banner .slide-text>h1{font-size:50px;line-height:50px;margin-bottom:30px;transition:all .3s}
.banner .slide-text>h1 span{color:red;font-weight:700}
.banner .slide-text>h1 span em{font-size:75px;font-style:normal}
.banner .slide-text>p{font-size:25px;font-weight:400;transition:all .3s}
.banner .slide-text>a{width:auto;height:60px;padding:0 15px;font-size:22px;line-height:60px;font-weight:400;transition:all .3s}
.banner .slide-text>a.btn-default,.banner .slide-text>a.btn-primary:hover{background:#8c97cb;color:#fff;width:auto}
.banner .slide-text>a.btn-default:hover,.banner .slide-text>a.btn-primary{color:#fff;border:1px solid #fff;background:0 0}
.banner .control-round .carousel-control.left:hover,.banner .control-round .carousel-control.right:hover{background:0 0;color:#fff}
.search{background:#3a3565}
.search>div{width:90%;max-width:1200px;padding:0 10px;margin:0 auto;color:#fff;transition:all .3s;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.search>div>div{padding:20px 0;transition:all .3s;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.search>div>div:first-of-type{width:200px;background:url(../images/bg2.png) no-repeat right center;background-size:8px 100%}
.search>div>div:nth-child(2),.search>div>div:nth-child(3){padding-left:10px;padding-right:10px;width:calc((100% - 310px)/ 2)}
.search>div>div h6{padding-bottom:5px;width:100%;color:#9fb0c0;font-size:20px;transition:all .3s}
.search>div>div h5{width:100%;font-size:25px;transition:all .3s}
.search>div>div label{width:70px;color:#9fb0c0;font-weight:400}
.search>div>div div{width:calc(100% - 70px);background:#fff;height:50px;position:relative;transition:all .3s}
.search>div>div div button,.search>div>div div input{width:100%;height:100%;padding:0 10px;background:0 0;border:none;text-align:left;color:#8a8a8a}
.search>div>div div i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#8a8a8a}
.search>div>button{width:110px;height:50px;background:#8c97cb;border:none;color:#fff;transition:all .3s}
.search ul{background:#eee;display:none;position:relative;z-index:2}
.search ul li{padding:0 10px;color:#999;line-height:40px}
.search ul li a{display:block;color:#999}
.search ul li:hover{background:rgba(140,150,200,.7)}
.search ul li:hover a{color:#fff}
.proClass{width:90%;max-width:1200px;padding:0 10px;margin:0 auto}
.proClass h3{padding-top:40px;font-size:40px;text-align:center;font-weight:700;color:#3a3565;transition:all .3s}
.proClass p{padding-bottom:25px;font-size:25px;text-align:center;color:#8c97cb;transition:all .3s}
.proClass ul{display:flex;justify-content:space-between;align-items:center}
.proClass li{width:calc(100%/3 - 20px);overflow:hidden;position:relative;border:1px solid #8c97cb;transition:all .3s}
.proClass li div:last-of-type{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}
.proClass li div:last-of-type h2{position:absolute;top:0;left:0;padding:0 10px;width:100%;height:50px;background:rgba(140,150,200,.7);font-size:24px;color:#fff;line-height:50px;z-index:6}
.proClass li div:last-of-type img{position:absolute;left:0;top:0;transition:all .5s;z-index:4}
.proClass li div:last-of-type img:last-of-type{transform:scale(.5);opacity:0}
.proClass li:hover div:last-of-type img:first-of-type{transform:scale(.5);opacity:0}
.proClass li:hover div:last-of-type img:last-of-type{transform:scale(1);opacity:1}
.special{width:100%;overflow:hidden}
.special h3{padding-top:40px;font-size:40px;text-align:center;font-weight:700;color:#3a3565;transition:all .3s}
.special p{font-size:25px;text-align:center;color:#8c97cb;transition:all .3s}
.special .swiper-slide{float:left;width:375px!important;height:535px;margin:0 15px;position:relative;transition:all .3s}
.special .swiper-slide div:first-of-type{position:relative;top:90px;height:355px;border:1px solid #8c97cb;transition:all .3s}
.special .swiper-slide div:last-of-type{position:absolute;top:365px;left:0;width:100%;height:80px;padding:10px;background:rgba(140,150,200,.7);color:#fff;transition:all .3s;display:flex;justify-content:space-between;align-items:center}
.special .swiper-slide div:last-of-type h2{padding-right:20px;font-size:19px;line-height:26px}
.special .swiper-slide div:last-of-type i{font-size:20px;padding-right:10px}
.special .swiper-slide:hover div:first-of-type{top:50px}
.special .swiper-slide:hover div:last-of-type{top:395px;background:#3c3264}
.aboutIn{max-height:590px;overflow:hidden;background:url(../images/bg.jpg) no-repeat center top;color:#fff;text-align:center}
.aboutIn div{width:90%;max-width:1060px;padding:0 10px;margin:0 auto}
.aboutIn h2{padding:40px 0;font-size:40px}
.aboutIn h2 span{color:#f90707}
.aboutIn>div>p{font-size:25px;line-height:40px;transition:all .3s}
.aboutIn ul{padding:60px 0 90px;display:flex;justify-content:space-between;align-items:center;align-items:flex-start}
.aboutIn ul li{transition:all .3s}
.aboutIn ul li:hover div img{transform:rotate(360deg)}
.aboutIn ul li:hover div img:first-of-type{opacity:0}
.aboutIn ul li:hover div img:last-of-type{opacity:1}
.aboutIn ul div{text-align:center;width:50px;height:50px;position:relative}
.aboutIn ul div img{position:absolute;top:0;left:0;transform:rotate(0);transition:all .3s}
.aboutIn ul div img:last-of-type{opacity:0}
.aboutIn ul h6{padding:10px 0;font-size:32px;font-weight:700;transition:all .3s}
.aboutIn ul h6 span{font-size:40px;color:#f90707;transition:all .3s}
.aboutIn ul p{font-size:17px;transition:all .3s}
.jobIn{width:100%;overflow:hidden}
.jobIn h3{padding-top:50px;font-size:40px;text-align:center;font-weight:700;color:#3a3565;transition:all .3s}
.jobIn>p{padding-bottom:50px;font-size:25px;text-align:center;color:#8c97cb;transition:all .3s}
.jobIn .swiper-wrapper{padding-bottom:3rem!important}
.jobIn .swiper-wrapper .swiper-slide{float:left;width:30rem!important;height:140px;margin:0 10px;padding:10px;border:1px solid #eee;position:relative;transition:all .3s}
.jobIn .swiper-wrapper .swiper-slide::after{content:"";width:47px;height:38px;background:url(../images/icon1.png) no-repeat center center/cover;position:absolute;bottom:-38px;right:40px;transition:all .3s}
.jobIn .swiper-wrapper .swiper-slide p{font-size:15px;-webkit-line-clamp:4}
.jobIn .swiper-wrapper .swiper-slide h4{font-size:18px;color:#8c97cb}
.jobIn .swiper-wrapper .swiper-slide h6{font-size:13px;color:#b2b2b2}
.jobIn .swiper-wrapper .swiper-slide:hover{border:1px solid #8c97cb;border-top:3px solid #3a3565}
.jobIn .swiper-wrapper .swiper-slide:hover::after{height:24px;background:url(../images/icon2.png) no-repeat center center/cover;bottom:-24px}
.footer{background:#3a3565;padding-top:40px;margin-top:125px}
.footer .newsTags{width:90%;max-width:1200px;padding:0 10px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;align-items:flex-start}
.footer .newsTags>div{width:calc(100%/4);padding:0 35px;transition:all .3s}
.footer .newsTags>div:first-of-type{padding-left:0}
.footer .newsTags>div::last-of-type{padding-right:0}
.footer .newsTags h6{padding-bottom:1rem;font-size:2rem;color:#fb0000}
.footer .newsTags .new{border-right:1px solid #8c97cb}
.footer .newsTags .new li{margin-bottom:25px;display:flex;justify-content:flex-start;align-items:flex-start;color:#fff}
.footer .newsTags .new li div:first-of-type{width:35px;border:1px solid #fff}
.footer .newsTags .new li div:last-of-type{width:calc(100% - 35px);padding-left:10px}
.footer .newsTags .new li h2{font-size:13px;line-height:20px}
.footer .newsTags .new li p{padding-top:5px;font-size:12px;color:#fd0909}
.footer .newsTags .tags ul{display:flex;justify-content:space-around;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.footer .newsTags .tags ul li{border:1px solid #fff;margin:0 5px 5px 0;min-height:25px;overflow:hidden;display:flex;justify-content:center;align-items:center}
.footer .newsTags .tags ul a{padding:0 5px;font-size:12px;color:#fff}
.footer .newsTags .messages{border-left:1px solid #8c97cb;border-right:1px solid #17202a}
.footer .newsTags .messages input,.footer .newsTags .messages textarea{width:100%;height:25px;padding:0 10px;margin-bottom:5px;font-size:12px;background:#8c97cb;color:#fff;border:1px solid #fff}
.footer .newsTags .messages input::-webkit-input-placeholder,.footer .newsTags .messages textarea::-webkit-input-placeholder{color:#fff}
.footer .newsTags .messages textarea{float:left;height:85px;padding:10px}
.footer .newsTags .messages button{width:100%;height:25px;font-size:12px;background:#2ea6df;color:#fff;border:solid 1px #fff}
.footer .newsTags .contact{padding-right:0;border-left:1px solid #8c97cb}
.footer .newsTags .contact p{font-size:12px;line-height:25px;color:#fff}
.footer .newsTags .contact div{padding-top:15px;display:flex;justify-content:space-between;align-items:center;justify-content:flex-start}
.footer .newsTags .contact a{font-size:25px;margin-right:10px}
.footer .newsTags .contact a:nth-child(1){color:#cf2f25}
.footer .newsTags .contact a:nth-child(2){color:#2ea6df}
.footer .newsTags .contact a:nth-child(3){color:#40516b}
.footer .newsTags .contact a:nth-child(4){color:#305095}
.footer .newsTags .contact a:nth-child(5){color:#0076b6}
.footer .Fnav{padding-top:20px;margin-top:30px;position:relative}
.footer .Fnav::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#8c97cb}
.footer .Fnav div{width:90%;max-width:1200px;padding:0 10px;margin:0 auto;text-align:center;color:#fff}
.footer .Fnav div a{color:#fff}
.footer .Fnav div a:hover{color:#2ea6df}
.footer .Fnav div span{padding:0 5px}
.footer .copyright{width:90%;max-width:1200px;padding:15px 10px 0;margin:0 auto;text-align:center;color:#9dafc0;display:flex;justify-content:center;align-items:center}
.footer .fan{width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:30px solid #8c97cb;margin:30px auto 0;position:relative;cursor:pointer}
.footer .fan i{position:absolute;top:10px;left:50%;transform:translateX(-50%);color:#fff}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;margin:0 auto}
.special .swiper-slide div:last-of-type a{display:flex;color:#fff}
.Znav .current a{background:#8c97cb}
.header a:nth-child(1){color:#cf2f25}
.header a:nth-child(2){color:#2ea6df}
.header a:nth-child(3){color:#40516b}
.header a:nth-child(4){color:#305095}
.header a:nth-child(5){color:#0076b6}
#special_box{width:100%;height:535px;position:relative;overflow:hidden}
#special_box ul{height:535px;position:relative}
#special_box ul li{height:535px;float:left;list-style:none;margin-right:20px;position:relative}
#special_box div:first-of-type{position:relative;top:90px;height:355px;border:1px solid #8c97cb;transition:all .3s}
#special_box li div:last-of-type{position:absolute;top:365px;left:0;width:100%;height:80px;padding:10px;background:rgba(140,150,200,.7);color:#fff;transition:all .3s;display:flex;justify-content:space-between;align-items:center}
#special_box li div:last-of-type a{display:flex;color:#fff}
#special_box li div:last-of-type h2{padding-right:20px;font-size:19px;line-height:26px}
#special_box li div:last-of-type i{font-size:20px;padding-right:10px}
#special_box li:hover div:first-of-type{top:50px}
#special_box li:hover div:last-of-type{top:395px;background:#3c3264}
#jobIn_box{width:100%;height:176px;position:relative;overflow:hidden}
#jobIn_box ul{height:176px;position:relative}
#jobIn_box ul li{float:left;list-style:none;width:30rem!important;height:140px;position:relative}
#jobIn_box ul li>div{margin:0 10px;padding:10px;border:1px solid #eee;transition:all .3s}
#jobIn_box li:hover>div{border:1px solid #8c97cb;border-top:3px solid #3a3565}
#jobIn_box li p{font-size:15px;-webkit-line-clamp:4}
#jobIn_box li h4{font-size:18px;color:#8c97cb}
#jobIn_box li h6{font-size:13px;color:#b2b2b2}
#jobIn_box li::after{content:"";width:47px;height:38px;background:url(../images/icon1.png) no-repeat center center/cover;position:absolute;bottom:-38px;right:40px;transition:all .3s}
#jobIn_box li:hover::after{height:24px;background:url(../images/icon2.png) no-repeat center center/cover;bottom:-24px}
.pro_special{display:none;}
@media (max-width:600px){.bs-slider{min-height:450px}
.bs-slider>.carousel-inner>.item>img{width:1095px!important;max-width:none}
.indicators-line>.carousel-indicators{display:block!important}
.banner .slide-text>a{margin:6px 10px}
  .special.pro_special{display:block !important;}
  .special{display:none !important}
}