@charset "utf-8";
@font-face {
  font-family: Racing Sans One;
  src: url('../font/RacingSansOne-Regular.ttf');
}
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.pic a {display:block;height:414px;overflow:hidden;}

.tit{font-weight: normal;font-size: 0;text-align: center;}
.tit b{display: flex;font-size: 38px;color: #222;height: 50px;line-height: 50px;justify-content: center;align-items: center;gap: 35px;}
.tit b::before{display: block;width: 85px;height: 40px;content: "";background: url(/template/default/image//left-arrow.png) no-repeat;}
.tit b::after{display: block;width: 85px;height: 40px;content: "";background: url(/template/default/image//right-arrow.png) no-repeat;}
.tit span{display: block;font-size: 20px;color: #222;line-height: 26px;padding-top: 15px;}


/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.ban_pg{position: absolute;bottom: 20px;height: 6px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 12px;height: 6px;background: #fff;border-radius: 6px;margin: 0 5px;vertical-align: top;box-sizing: border-box;}
.ban_pg i.on{width: 34px;background: #0E0D99;}
.banner .prev{position: absolute;font-size: 0;left: 40px;top: 50%;transform: translateY(-50%);z-index: 10;padding: 6px;background: rgba(51,51,51,0.45);border-radius: 50%;cursor: pointer;transition: all 0.3s;}
.banner .next{position: absolute;font-size: 0;right: 40px;top: 50%;transform: translateY(-50%);z-index: 10;padding: 6px;background: rgba(51,51,51,0.45);border-radius: 50%;cursor: pointer;transition: all 0.3s;}
.banner .prev:hover,.banner .next:hover{background: #0E0D99;}


/* yinzi */
.yinzi{height: 750px;background: url(/template/default/image//yz-bg.jpg) no-repeat bottom center;padding: 100px 0 0;box-sizing: border-box;}
.yz-tit{display: flex;justify-content: space-between;margin-bottom: 75px;}
.yz-tit h2 b{display: block;font-size: 38px;color: #222;height: 50px;line-height: 50px;}
.yz-tit h2 b em{display: inline-block;font-size: 65px;color: #0E0D99;font-family: Racing Sans One;vertical-align: top;margin-right: 8px;}
.yz-tit h2 span{display: block;font-size: 20px;color: #666;line-height: 26px;padding-top: 22px;font-weight: normal;}
.yz-tit p{margin-top: 0;}
.yz-con{display: flex;justify-content: space-between;}
.yz-tab{display: flex;gap: 30px;}
.yz-tab li{width: 318px;height: 400px;background: #F6F6F6;overflow: hidden;position: relative;padding: 0 35px;border-bottom: 5px solid #0E0D99;box-sizing: border-box;}
.yz-tab li h3{font-size: 22px;color: #222;line-height: 30px;margin: 70px 0 30px;}
.yz-tab li p{font-size: 16px;color: #666;line-height: 34px;}
.yz-tab li i{position: absolute;width: 35px;height: 35px;left: 35px;bottom: 55px;overflow: hidden;}
.yz-tab li.on{background: #0E0D99;}
.yz-tab li.on h3,.yz-tab li.on p{color: #fff;}
.yz-tab li.on i img{transform: translateY(-100%);}
.yz-right{width: 840px;}
.yz-right ul{display: flex;flex-wrap: wrap;gap: 20px;}
.yz-right li{width: 410px;height: 190px;background: #F6F6F6;text-align: center;}
.yz-right li span{display: block;height: 60px;line-height: 36px;font-size: 22px;color: #222;margin: 46px 0 20px;}
.yz-right li span b{display: inline-block;font-size: 65px;line-height: 60px;color: #0E0D99;vertical-align: bottom;font-family: Racing Sans One;margin-right: 8px;}
.yz-right li p{font-size: 20px;color: #222;line-height: 26px;}


@media screen and (max-width:1600px){
 .yz-tab li{width: 260px;padding: 0 25px;}
 .yz-tab li i{left: 25px;}
 .yz-right{width: 680px;}
 .yz-right li{width: 330px;}
}



/*way*/
.way{padding: 90px 0 0;}
.way h2{margin-bottom: 70px;}
.way-list ul{display: flex;}
.way-list li{width: 25%;position: relative;overflow: hidden;}
.way-list li>img{display: block;width: 100%;}
.way-list li h3{position: absolute;left: 0;bottom: 0;width: 100%;height: 120px;padding: 0 1.3vw 0 2.34vw;box-sizing: border-box;background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);display: flex;justify-content: space-between;align-items: center;transition: all 0.5s;}
.way-list li h3 span{display: block;font-size: 22px;color: #fff;line-height: 30px;font-weight: normal;}
.way-list li h3 span i{display: block;font-size: 14px;line-height: 20px;padding-top: 10px;text-transform: uppercase;}
.way-list li .cover{position: absolute;left: 0;top: 100%;width: 100%;height: 100%;padding-left: 4vw;background: rgba(14, 13, 153, 0.85);box-sizing: border-box;transition: all .5s;}
.way-list li .cover h4{padding: 7.8vw 0 1.56vw;font-size: 32px;color: #fff;line-height: 42px;}
.way-list li .cover h4 i{display: block;font-size: 14px;color: #fff;line-height: 20px;padding-top: 12px;opacity: 0.5;font-weight: normal;text-transform: uppercase;}
.way-list li .way-desc p{height: 3.1vw;line-height: 3.1vw;font-size: 18px;color: #fff;padding-left: 30px;position: relative;}
.way-list li .way-desc p em{font-size: 32px;font-family: Racing Sans One;}
.way-list li .way-desc p::before{content: "";display: block;width: 14px;height: 14px;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -7px;opacity: 0.3;}
.way-list li .way-desc p::after{content: "";display: block;width: 8px;height: 8px;background: #fff;border-radius: 50%;position: absolute;left: 3px;top: 50%;margin-top: -4px;}
.way-list li:hover .cover{top: 0;}
.way-list li:hover h3{opacity: 0;}

@media screen and (max-width:1600px){  
  .way-list li .way-desc p{font-size: 16px;}
}


/* case */
.case{height: 920px;background: url(/template/default/image//case-bg.jpg) no-repeat center;padding: 80px 0 0;box-sizing: border-box;overflow: hidden;}
.case h2{margin-bottom: 70px;}
.case-con{display: flex;justify-content: space-between;position: relative;}
.case-ctg{width: 230px;}
.case-ctg a{display: block;font-size: 18px;color: #222;line-height: 48px;margin-bottom: 18px;position: relative;}
.case-ctg a.on{color: #0E0D99;font-weight: bold;}
.case-ctg a.on::before{content: "";display: block;width: 150px;height: 1px;background: #0E0D99;position: absolute;left: -170px;top: 24px;}
.case-right{width: 1350px;}
.case-list dl{float: left;width: 623px;margin-right: 40px;}
.case-list dt img{display: block;width: 100%;}
.case-list dd{height: 165px;border-bottom: 2px solid #B5B5B5;box-sizing: border-box;}
.case-list dd h4{padding: 25px 0 20px;}
.case-list dd h4 a{display: block;font-size: 20px;color: #222;height: 26px;line-height: 26px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case-list dd p{font-size: 16px;color: #666;line-height: 32px;}
.case-list dl:hover h4 a{color: #0E0D99;}
.case-list dl:hover dd{border-color: #0E0D99;}
.case-btn{display: flex;position: absolute;left: 0;bottom: 0;z-index: 10;gap: 5px;}
.case-btn .prev{width: 52px;height: 52px;background: url(/template/default/image//case-prev.png) no-repeat center #fff;cursor: pointer;}
.case-btn .next{width: 52px;height: 52px;background: url(/template/default/image//case-next.png) no-repeat center #fff;cursor: pointer;}
.case-btn .prev:hover{background: url(/template/default/image//ban-prev.png) no-repeat center #0E0D99;}
.case-btn .next:hover{background: url(/template/default/image//ban-next.png) no-repeat center #0E0D99;}


@media screen and (max-width:1600px){  
  .case-right{width: 1050px;}
}


/* yous */
.yous{overflow: hidden;}
.yous-con{padding-bottom: 62px;position: relative;}
.yous-bd dl{display: flex;justify-content: center;}
.yous-bd dt{flex: 0 0 1092px;height: 738px;}
.yous-bd dd{flex: 0 0 828px;height: 625px;padding: 0 170px 0 60px;box-sizing: border-box;background: url(/template/default/image//ys-bg.jpg) no-repeat;}
.yous-bd dd h3{padding: 60px 0 0;height: 270px;box-sizing: border-box;font-weight: normal;position: relative;}
.yous-bd dd h3 i{display: block;font-size: 77px;color: #fff;line-height: 97px;opacity: 0.55;font-family: Racing Sans One;}
.yous-bd dd h3 b{display: block;font-size: 28px;color: #fff;line-height: 38px;padding-top: 24px;}
.yous-bd dd h3::after{position: absolute;left: 0;bottom: 0;width: 150px;height: 3px;content: "";background: #fff;}
.yous-bd dd .ys-desc{font-size: 16px;color: #fff;line-height: 42px;margin: 40px 0 0;height: 210px;}
.yous-bd dd .zx{display: block;width: 160px;height: 55px;line-height: 55px;text-align: center;font-size: 16px;color: #fff;border: 1px solid #fff;box-sizing: border-box;transition: all 0.3s;}
.yous-bd dd .zx:hover{background: #fff;color: #0E0D99;font-weight: bold;}
.ys-tab{position: absolute;right: 0;bottom: 0;z-index: 10;}
.ys-tab ul{display: flex;}
.ys-tab li{width: 20.3vw;height: 175px;background: #fff;display: flex;justify-content: center;align-items: center;border-right: 1px solid #DCDCDC;box-sizing: border-box;transition: all 0.3s;}
.ys-tab li i{font-size: 50px;color: #D2D2D2;margin-right: 1.56vw;font-family: Racing Sans One;transition: all 0.3s;}
.ys-tab li p{font-size: 20px;color: #222;line-height: 42px;font-weight: bold;transition: all 0.3s;}
.ys-tab li:last-child{border: 0;}
.ys-tab li.on{background: #0E0D99;border-color: #0E0D99;}
.ys-tab li.on i{color: rgba(255, 255, 255, 0.55);}
.ys-tab li.on p{color: #fff;}


@media screen and (max-width:1600px){
  .yous-bd dd{padding: 0 320px 0 40px;}
  .ys-tab li{width: 22vw;}
  .ys-tab li i{font-size: 44px;}
  .ys-tab li p{font-size: 18px;}  
  .yous-bd dd h3 b{font-size: 24px;}
  .yous-bd dd .ys-desc{font-size: 15px;line-height: 38px;}
}


/* coop */
.coop{height: 742px;background: url(/template/default/image//coop-bg.jpg) no-repeat center;padding: 180px 0 0;box-sizing: border-box;margin-top: -62px;}
.coop-con{display: flex;justify-content: space-between;}
.coop-left{width: 420px;}
.coop-left h2 b{display: block;height: 64px;line-height: 64px;font-size: 42px;color: #222;}
.coop-left h2 b em{font-size: 50px;font-family: Racing Sans One;font-weight: normal;}
.coop-left h2 span{display: block;font-size: 20px;color: #666;line-height: 44px;font-weight: normal;padding-top: 10px;}
.coop-left .hz-ewm{margin: 40px 0 50px;}
.coop-left .tel{padding-left: 93px;background: url(/template/default/image//coop-tel.png) no-repeat left center;font-size: 21px;color: #666;line-height: 27px;height: 73px;}  
.coop-left .tel b{display: block;font-size: 31px;color: #0E0D99;line-height: 38px;padding-top: 7px;font-family: Arial, Helvetica, sans-serif;}

.coop-right{width: 890px;}
.coop-right .coop-desc{font-size: 18px;color: #222;line-height: 36px;margin-bottom: 60px;}
.coop-right ul{display: flex;flex-wrap: wrap;gap: 25px;}
.coop-right li{margin-right: 5px;width: 200px;}
.coop-right li:nth-child(4n){margin-right: 0;}
.coop-right li img{display: block;width: 100%;transition: all 0.5s;}
.coop-right li:hover img{transform: scale(1.05);}



@media screen and (max-width:1600px){
  .coop-right{width: 770px;}
  .coop-right li{width: 170px;}
}


/* cess */
.cess{padding: 115px 0 0;height: 800px;box-sizing: border-box;background: url(/template/default/image//cess-bg.jpg) no-repeat center center;background-size: cover;position: relative;}
.cess h2{font-size: 38px;color: #fff;line-height: 50px;text-align: center;}
.cess-desc{font-size: 18px;color: #fff;line-height: 36px;text-align: center;margin: 25px 0 0;}
.cess-list{position: absolute;left: 0;bottom: 0;width: 100%;}
.cess-list ul{display: flex;height: 320px;background: url(/template/default/image//cess-cover.jpg) no-repeat;}
.cess-list li{width: calc(100% / 6);border-right: 1px solid rgba(255, 255, 255, 0.18);box-sizing: border-box;text-align: center;}
.cess-list li em{display: block;width: 61px;height: 60px;margin: 60px auto 18px;overflow: hidden;}
.cess-list li h3{font-size: 22px;color: #fff;line-height: 30px;font-weight: normal;}
.cess-list li i{display: block;font-size: 45px;color: #E1E1E1;line-height: 57px;font-family: Racing Sans One;opacity: 0.32;margin-top: 45px;}
.cess-list li p{display: none;}
.cess-list li:hover{padding: 0 4vw;text-align: left;background: #fff;border-bottom: 8px solid #0E0D99;}
.cess-list li:hover em{margin: 30px 0 18px;}
.cess-list li:hover em img{transform: translateY(-100%);}
.cess-list li:hover h3{color: #222;font-weight: bold;}
.cess-list li:hover p{display: flex;font-size: 16px;color: #666;line-height: 32px;justify-content: space-between;flex-wrap: wrap;padding: 20px 0;}
.cess-list li:hover i{margin-top: 0;opacity: 1;}


@media screen and (max-width:1700px){
  .cess-list li:hover{padding: 0 3vw;}
}


/*abt*/
.abt{padding: 65px 0 0;position: relative;overflow: hidden;}
.abt::after{position: absolute;width: 1920px;height: 194px;content: "";background: url(/template/default/image//abt-zs.jpg) no-repeat left center #F7F7F7;left: 50%;bottom: 0;margin-left: -960px;z-index: -1;}
.abt dl{display: flex;justify-content: space-between;}
.abt dt{width: 940px;height: 740px;margin-right: -170px;position: relative;}
.abt dt p{position: absolute;width: 272px;height: 57px;background: #F1F4F6;left: 0;bottom: 0;display: flex;}
.abt dt p .zx{display: flex;flex: 1;font-size: 16px;color: #0E0D99;font-weight: bold;justify-content: center;align-items: center;}
.abt dt p .zx img{margin-right: 12px;}
.abt dt p .more{display: flex;width: 65px;border-left: 1px solid #DCDCDC;justify-content: center;align-items: center;}

.abt dd{width: 690px;padding-top: 62px;}
.abt dd h2 i{display: block;font-size: 22px;color: #222;line-height: 30px;font-weight: normal;position: relative;}
.abt dd h2 i::before{position: absolute;left: -170px;top: 15px;width: 150px;height: 1px;background: #0E0D99;content: "";}
.abt dd h2 b{display: block;font-size: 38px;color: #222;line-height: 50px;padding-top: 15px;}
.abt dd .abt-desc{font-size: 16px;color: #222;line-height: 38px;margin: 35px 0 35px;}
.abt dd .xq{display: block;width: 132px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;color: #0E0D99;border: 1px solid #114197;box-sizing: border-box;transition: all 0.3s;}
.abt dd .xq:hover{color: #fff;background: #114197;}

.abt-sz{height: 194px;margin-top: 52px;display: flex;justify-content: space-between;align-items: center;}
.abt-sz li{text-align: center;}
.abt-sz li span{display: block;height: 60px;font-size: 23px;color: #fff;line-height: 48px;}
.abt-sz li span em{display: inline-block;font-size: 47px;line-height: 60px;font-family: Racing Sans One;vertical-align: bottom;margin-right: 3px;}
.abt-sz li p{font-size: 17px;color: #fff;line-height: 22px;padding-top: 10px;}
.abt-sz li:nth-child(1) span{font-size: 17px;}



@media screen and (max-width:1600px){
  .abt dt{margin-right: -320px;}
  .abt dd{width: 580px;}
  .abt dd h2 b{font-size: 34px;}
}



/*news*/
.news{padding: 90px 0;background: #F7F7F7;}
.news-top{height: 50px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;}
.news-top h2{font-size: 38px;color: #222;line-height: 50px;}
.news-top h3{display: flex;gap: 25px;}
.news-top h3 a{display: block;width: 120px;height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #222;font-weight: normal;background: #fff;transition: all 0.3s;}
.news-top h3 a:hover{background: #0E0D99;color: #fff;}
.news-con{display: flex;}
.news-left{width: 530px;}
.news-left dt img{display: block;width: 100%;}
.news-left dd{height: 202px;background: #fff;padding: 0 20px;}
.news-left dd h4{padding: 25px 0 20px;}
.news-left dd h4 a{display: block;height: 26px;line-height: 26px;font-size: 20px;color: #222;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-left dd p{font-size: 16px;color: #666;line-height: 32px;height: 64px;overflow: hidden;}
.news-left dd i{display: block;font-size: 16px;color: #666;line-height: 20px;margin-top: 22px;}
.news-left dl:hover h4 a{color: #0E0D99;}

.news-right{flex: 1;margin-left: 25px;}
.news-right ul{display: flex;gap: 25px;flex-wrap: wrap;height: 100%;}
.news-right li{width: calc((100% - 25px) / 2);background: #fff;position: relative;padding: 0 30px;box-sizing: border-box;transition: all 0.3s;}
.news-right li h4{padding: 40px 0 20px;}
.news-right li h4 a{display: block;height: 26px;line-height: 26px;font-size: 20px;color: #222;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all 0.3s;}
.news-right li p{font-size: 16px;color: #666;line-height: 34px;transition: all 0.3s;height: 68px;overflow: hidden;}
.news-right li .time{position: absolute;left: 0;bottom: 0;width: 100%;height: 70px;display: flex;justify-content: space-between;align-items: center;padding: 0 30px;box-sizing: border-box;border-top: 1px solid #EBEBEB;transition: all 0.3s;}
.news-right li .time span{font-size: 16px;transition: all 0.3s;}
.news-right li .time .xq{width: 34px;height: 34px;overflow: hidden;}
.news-right li:hover{background: #0E0D99;color: #666;}
.news-right li:hover h4 a,.news-right li:hover p{color: #fff;}
.news-right li:hover .time{border-color: rgba(235, 235, 235, 0.24);}
.news-right li:hover .time span{color: #fff;}
.news-right li:hover .xq img{transform: translateY(-100%);}


@media screen and (max-width:1600px){
  .news-left{width: 450px;}
  .news-right li .time{height: 60px;}
}


/* baoz */
.baoz{height: 530px;background: url(/template/default/image//baoz-bg.jpg) no-repeat center 0;border-bottom: 8px solid #0E0D99;padding: 70px 0 0;}
.baoz h2 b{color: #fff;gap: 0;}
.baoz h2 b::before{background: url(/template/default/image//left-arrow2.png) no-repeat;margin-right: 35px;}
.baoz h2 b::after{background: url(/template/default/image//right-arrow2.png) no-repeat;margin-left: 35px;}
.baoz h2 em{font-size: 55px;font-family: Racing Sans One;padding: 0 10px;font-weight: normal;}
.baoz-desc{font-size: 18px;color: #fff;line-height: 36px;text-align: center;margin: 28px 0 100px;}
.baoz ul{display: flex;gap: 28px;}
.baoz li{width: calc((100% - 28px) / 3);height: 180px;background: #fff;border-radius: 15px;display: flex;align-items: center;}
.baoz li i{display: flex;width: 196px;height: 180px;border-radius: 15px;justify-content: center;align-items: center;background: #0E0D99;}
.baoz li .text{flex: 1;margin: 0 35px;}
.baoz li .text h3{font-size: 20px;color: #222;line-height: 26px;padding-bottom: 18px;border-bottom: 1px solid #DEDEDE;position: relative;}
.baoz li .text h3::after{content: "";display: block;width: 56px;height: 3px;background: #0E0D99;position: absolute;left: 0;bottom: -2px;}
.baoz li .text p{font-size: 16px;color: #222;line-height: 28px;margin-top: 12px;}
.baoz li:nth-child(2) i,.baoz li:nth-child(2) .text h3::after{background: #0088FF;}
.baoz li:nth-child(3) i,.baoz li:nth-child(3) .text h3::after{background: #205DD0;}
.baoz li i:hover img{animation: flipInY 1.5s;}
 

@media screen and (max-width:1600px){
  .baoz li i{width: 180px;}
  .baoz li .text{margin: 0 25px;}
  .baoz li .text p{font-size: 15px;}
}





html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}


/**/
@-webkit-keyframes shake {
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
    }
    20%,
    60% {
      -webkit-transform: translate3d(-10px, 0, 0);
    }
    40%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
    }
  }
  @keyframes shake {
    from,
    to {
      transform: translate3d(0, 0, 0);
    }
    20%,
    60% {
      transform: translate3d(-10px, 0, 0);
    }
    40%,
    80% {
      transform: translate3d(10px, 0, 0);
    }
  }
  /*图标抖动*/
  @-webkit-keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }
  @keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }
  


  html body{min-width:1200px;max-width: 1920px;width:100%;margin: 0 auto;overflow-x:hidden;}
  i,em{ font-style:normal;}
  .container{width: 1580px; margin:0 auto;} 
  .h_con{height: 125px;}
  .h_con h1{float: left;margin: 32px 35px 0 0;}
  .h_con h2{float: left;font-size: 22px;color: #0E0D99;line-height: 29px;margin-top: 30px;padding-left: 30px;}
  .h_con h2 em{display: block;color: #222;padding-top: 10px;}
  .h_con h2::before{position: absolute;width: 1px;height: 52px;content: "";background: #D5D5D5;left: 0;top: 9px;}
  .h_con .tel{float: right;margin-top: 30px;padding-left: 73px;background: url(images/h-tel.png) no-repeat left center;font-size: 16px;color: #666;line-height: 20px;}  
  .h_con .tel b{display: block;font-size: 24px;color: #0E0D99;line-height: 30px;padding-top: 5px;font-family: Montserrat, Montserrat;}
  .h_code{float: right;margin-top: 15px;margin-left: 28px;display: flex;}
    .h_code em{width: 75px;height: 75px;display: block;padding: 4px;border: 1px solid #ddd;position: relative;overflow: hidden;}
    .h_code img{width: 75px;height: 75px;}
    .h_code em:after{display:block;position:absolute;left:0;top:0;width:100%;height:40px;content:"";animation:light 5s infinite;-webkit-animation:light 5s infinite;background:url(images/code_shadow1.png) no-repeat center 0;}
    .h_code span{display: block;width: 24px;height: 75px;background: #0E0D99;margin: 5px 0 0 8px;}
    .h_code i{display: block;font-size: 13px;color: #fff;width: 20px;text-align: center;line-height: 16px;margin: 0 auto;padding: 5px 0 0;}
  .h_nav{height: 60px;background-color: #0E0D99;}
  .h_nav ul{display: flex;justify-content: space-between;}
  .h_nav li{width: 164px;height: 60px;position: relative;z-index: 1;}
  .h_nav li:after{position: absolute;width: 0;height: 100%;content: "";background: #09087B;left: 50%;transform: translateX(-50%);bottom: 0;transition: all 0.5s;z-index: -1;}
  .h_nav li a{display: block;font-size: 18px;color: #fff;line-height: 60px;text-align: center;}
  .h_nav li:hover a,.h_nav li.cur a{font-weight: bold;}
  .h_nav li:hover::after,.h_nav li.cur::after{width: 100%;}

  @media screen and (max-width:1600px){
      .container{width: 1280px;}  
      .h_nav li a{font-size: 16px;}    
  }
  @keyframes light{
    0%{top:0;}
    50%{top:100%;}
    100%{top:-40px;}
    }