@charset "utf-8";
/*============================ 初始化样式 ============================*/
*{margin:0;padding:0;box-sizing: border-box}
body{font-size:14px;font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;overflow-x: hidden}
li{list-style:none;}
img{border:0;vertical-align: middle;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
input,textarea,button{outline:0;border:0;resize:none;}
.text-cut{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.container{max-width: 1366px;margin: 0 auto}
.fl{float: left}
.fr{float: right}
.clear{clear: both}
.pagelink {text-align:center;display: flex;justify-content: center;margin-top: 50px}
.pagelink span,.pagelink a { display:inline-block;text-align:center; padding:6.5px 12px; border:solid 1px #ddd; color:#666; margin-left: -1px}
.pagelink a.on { background:#446dd6; color:#fff; border:solid 1px #446dd6;}
.pagelink span{display:inline-block; color:#fff; background:#446dd6; border:solid 1px #446dd6;}
.pagelink a:hover{background: #EEEEEE}

/*============================ 头部 ============================*/
header{position: absolute;top: 0;left: 0;width: 100%;z-index: 999;transition: all 0.5s ease}
.top{display: flex;justify-content: space-between;align-items: center;padding: 18px 0;position: relative}
.logo img:nth-child(2){display: none}
.nav{}
.nav ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.nav ul li{margin: 0 20px;font-size: 16px;position: relative;padding-bottom: 12px}
.nav ul li a{color: #fff;}
.nav ul li:after{content: '';position: absolute;bottom: 0;left: 0;height: 2px;width:0;background: #fff;transition: all 0.5s ease 0s;}
.nav ul li:hover:after,.nav ul li.on:after{width: 100%}
.topr{width: 178px;line-height: 30px;border: 2px solid #fff;border-radius: 30px;color: #fff;font-size: 18px;display: flex;justify-content: center;align-items: center;cursor: pointer}
.topr i{display: inline-block;width: 23px;height: 20px;background: url("../img/tel.png") no-repeat center;margin-right: 8px}
.topr:hover i{animation: swing 1s .1s ease both;}
header.on{background: #fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);;position: fixed;top: 0;left: 0}
header.on .nav ul li a{color: #333}
header.on .nav ul li:after{background: #333;}
header.on .topr{border: 2px solid #446dd6;color: #fff;background: #446dd6}
header.on .logo img:nth-child(1){display: none}
header.on .logo img:nth-child(2){display: block}
header.on .menu-bar{border-bottom: 2px solid #446dd6}
header.on .menu-bar:before{background: #446dd6}
header.on .menu-bar:after{background: #446dd6}
/*手机导航*/
.menu-bar {display: none;width: 26px;height: 18px;float: right;position: absolute;right: 0;/*top: 20px;*/border-bottom: 2px solid #fff;}
.menu-bar:before {content: "";display: block;width: 100%;height: 2px;background: #fff;position: absolute;left: 0;top: 50%;}
.menu-bar:after {content: "";display: block;width: 100%;height: 2px;background: #fff;position: absolute;left: 0;top: 0;}
.nav-warp {width: 100%;height: 100%;position: fixed;right: 0;top: 0;background: rgba(0,0,0,.81);display: none;z-index: 1920;}
.nav-warp .close {color: #fff;font-size: 24px;padding: 15px;opacity: .5;padding-left: 66%;text-shadow: 0 1px 0 #fff;
    font-weight: 700;line-height: 24px;display: inline-block}
.nav.active{left: 0;opacity: 1;pointer-events: none;}
header.on .nav.active ul li a{color: #fff}
/*============================ banner ============================*/
.ban{position: relative}
.banner{overflow: hidden;position: relative}
.banner ul li{height: 100vh;}
.banner ul li dd{width: 400%;height: 100%;background-repeat: repeat-x;background-size: auto 100%;animation: animationSlide 200s linear infinite;animation-direction: reverse;}
.banner ul li dd:before {content: "";display: block;width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(to right, rgba(85,57,204,0.84),rgba(51,108,215,0.84));}
.banner ul li div{position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);text-align: center;color: #fff;}
.banner ul li dl h2{font-size: 42px}
.banner ul li dl h3{font-size: 20px;padding: 30px 0 50px}
.banner ul li dl a{display: inline-block;width: 170px;line-height: 38px;border-radius: 30px;background: #f7ac0a;color: #fff;font-size: 16px}
.banner .swiper-pagination-bullets{bottom: 30px!important;}
.banner .swiper-pagination-bullet{width: 28px;height: 4px;background: #fff;margin: 0 10px!important;border-radius: 4px;opacity: 1}
.banner .swiper-pagination-bullet-active{background: #f7ac0a;}
.banner .swiper-button-prev{left: 2%;width: 35px;height: 35px;opacity: .6;background-size: contain;}
.banner .swiper-button-next{right: 2%;width: 35px;height: 35px;opacity: .6;background-size: contain;}
@-webkit-keyframes animationSlide{0%{background-position:0 0}to{background-position:100% 0}}
@keyframes animationSlide{0%{background-position:0 0}to{background-position:100% 0}}
/*============================ 首页 ============================*/
.oneAbg{background: #eff4fe}
.title{padding: 70px 0 0;text-align: center}
.title h2{font-size: 34px;color: #454545}
.title p{margin-top: 20px;color: #666;line-height: 2}
.oneA{padding: 40px 0 80px}
.oneA ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.oneA ul li{width: 23.5%;border-radius: 15px;border: 1px solid #f4f4f4;padding: 2%;background: #fff;position: relative;transition: all .1s linear;margin-top: 30px}
.oneA ul li b{font-size: 24px;color: #efefef;position: absolute;right: 10%;top: 20%;font-weight: bold;}
.oneA ul li h3{font-size: 20px;margin: 25px 0 15px;font-weight: normal}
.oneA ul li p {font-size: 12px;color: #999;line-height: 28px;}
.oneA ul li dd{width: 60px;height: 60px;position: relative}
.oneA ul li dd img:nth-child(1){position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto}
.oneA ul li:nth-child(1) dd img:nth-child(2){position: absolute;bottom: 8px;right: -5px}
.oneA ul li:nth-child(2) dd img:nth-child(2){position: absolute;bottom: 2px;right: -9px}
.oneA ul li:nth-child(3) dd img:nth-child(2){position: absolute;bottom: 2px;left: 0}
.oneA ul li:nth-child(4) dd img:nth-child(2){position: absolute;bottom: 8px;right: 10px}
.oneA ul li:nth-child(5) dd img:nth-child(2){position: absolute;bottom: 14px;right: 12px}
.oneA ul li:nth-child(6) dd img:nth-child(2){position: absolute;bottom: 16px;right: 16px}
.oneA ul li:nth-child(7) dd img:nth-child(2){position: absolute;bottom: 9px;right: 7px}
.oneA ul li:nth-child(8) dd img:nth-child(2){position: absolute;bottom: 24px;right: 12px}
.oneA ul li:hover{box-shadow: 0 2px 20px 2px rgb(0 0 0 / 10%);}
.oneA ul li:hover dd img:nth-child(2){animation: zoomIn 1s .1s ease both;}
.oneA ul li:nth-child(5):hover dd img:nth-child(2){animation: rotateIn 1s .1s ease both;}
.oneB{}
.oneB ul{display: flex;justify-content: space-between;flex-flow: wrap;margin-top: 15px}
.oneB ul li{width: 32%;margin-top: 40px;}
.oneB ul li dd img{max-width: 100%;}
.oneB ul li dd{position: relative}
.oneB ul li dd:before{content: '';background: rgba(0,0,0,.5);position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;transition: all 0.5s ease;-webkit-transform: all 0.5s ease;}
.oneB ul li dd i{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5;color: #fff;font-size: 35px;opacity: 0;transition: all 0.5s ease;-webkit-transform: all 0.5s ease;}
.oneB ul li dd span{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5;}
.oneB ul li dd span img {width: auto;height: auto;opacity: 0;transition: all 0.5s ease;-webkit-transform: all 0.5s ease;}
.oneB ul li h3{font-size: 16px;color: #333333;line-height: 68px;padding: 0px 20px;background: #fff;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;}
.oneB ul li h3 span{font-size: 13px;color: #999999;margin-left: 17px;}
.oneB ul li:hover {box-shadow: 0px 0px 25px rgb(0 0 0 / 20%);}
.oneB ul li:hover dd:before{opacity: 1;}
.oneB ul li:hover i{opacity: 1;}
.oneB ul li:hover span{opacity: 1;}
.oneB ul li:hover span img {opacity: 1;}
.oneB ul li:hover span img {-webkit-transform: rotate(360deg);animation: rotation 10s linear infinite;-moz-animation: rotation 10s linear infinite;-webkit-animation: rotation 10s linear infinite;-o-animation: rotation 10s linear infinite;}
@-webkit-keyframes rotation{ from{-webkit-transform:rotate(0deg);} to{-webkit-transform:rotate(360deg);} }
.oneC{background: url("../img/oc.png") no-repeat bottom;overflow: hidden;padding-bottom: 380px;margin-top: 50px}
.oneCs ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.oneCs ul li{width: 25%;padding-top: 65px;color: #fff;padding-left: 30px;position: relative}
.oneCs ul li dd b{font-size: 60px;font-family: Impact;font-weight: normal;}
.oneCs ul li dd sup {font-size: 16px;vertical-align: top;margin-left: 5px}
.oneCs ul li h3{font-size: 18px;font-weight: normal;padding: 30px 0 20px}
.oneCs ul li p{font-size: 16px;line-height: 1.8;color: rgba(255,255,255,0.5)}
.oneCs ul li i{content: '';width: 2px;height: 82%;background: #fff;position: absolute;top: 0;left: 0;}
.oneCs ul li i:after{content: '';width: 8px;height: 8px;position: absolute;bottom: -10px;left: -5px;border: 2px solid #fff;border-radius: 100%;}
.oneCs ul li:nth-child(2) i{height: 150%}
.oneCs ul li:nth-child(3) i{height: 120%}
.oneCs ul li:nth-child(4) i{height: 95%}
.oneC_wap{background: url("../img/oc.png") no-repeat top;margin-top: 30px;padding: 30px 0 15px;position: relative;display: none}
.oneC_wap .swiper-container{padding-bottom: 30px}
.oneC_wap ul li{text-align: center;color: #fff;}
.oneC_wap ul li dd b{font-size: 40px;font-family: Impact;font-weight: normal}
.oneC_wap ul li dd sup {font-size: 12px;vertical-align: top;margin-left: 5px}
.oneC_wap ul li h3{font-size: 16px;font-weight: normal;padding: 15px 0 10px}
.oneC_wap ul li p{line-height: 1.8;color: rgba(255,255,255,0.5)}
.oneC_wap .swiper-pagination-bullets{bottom: 5px!important;}
.oneC_wap .swiper-pagination-bullet{width: 20px;height: 2px;background: #fff;margin: 0 10px!important;border-radius: 4px;opacity: 1}
.oneC_wap .swiper-pagination-bullet-active{background: #f7ac0a;}
.oneD{display: flex;justify-content: space-between;flex-wrap:wrap;margin-top: 50px}
.oneDl{width: 30%;border-top: 5px solid #446dd6;border-bottom: 5px solid #446dd6;padding-bottom: 40px;overflow: hidden;position: relative}
.oneDl ul li dd{overflow: hidden}
.oneDl ul li dd img{max-width: 100%;transition: all 0.5s ease}
.oneDl ul li dl h3{line-height: 22px;font-size: 16px;margin-top: 24px;font-weight: normal;}
.oneDl ul li dl h3 a{position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-bottom: 1px}
.oneDl ul li dl h3 a:after {position: absolute;left: 100%;bottom: 0;content: " ";width: 0;border-bottom: solid 1px;-webkit-transition: width .33s,left .33s;transition: width .33s,left .33s;}
.oneDl ul li dl h3 a:hover{color: #446dd6;}
.oneDl ul li dl h3 a:hover:after{left: 0;width: 100%;transition: width .33s;}
.oneDl ul li dl p {margin-top: 20px;line-height: 1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;color: #999;}
.oneDl ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease}
.oneDr{width: 68%;}
.oneDr ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.oneDr ul li{z-index: 1;position: relative;float: left;width: 48.6%;border: #e4e4e4 solid 1px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 35px 25px 35px 25px;}
.oneDr ul li h3{line-height: 22px;font-size: 16px;font-weight: normal;}
.oneDr ul li h3 a{position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-bottom: 1px}
.oneDr ul li h3 a:after {position: absolute;left: 100%;bottom: 0;content: " ";width: 0;border-bottom: solid 1px;-webkit-transition: width .33s,left .33s;transition: width .33s,left .33s;}
.oneDr ul li h3 a:hover{color: #446dd6;}
.oneDr ul li h3 a:hover:after{left: 0;width: 100%;transition: width .33s;}
.oneDr ul li p {margin-top: 8px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 44px;height: 44px;color: #999;}
.oneDr ul li .border {position: absolute;background-color: #446dd6;transition: all 340ms linear 50ms;}
.oneDr ul li .border.b_t {left: 0;right: 100%;top: -1px;height: 1px;}
.oneDr ul li:hover .b_t {left: -1px;right: -1px;}
.oneDr ul li .border.b_r {top: 0;bottom: 100%;right: -1px;width: 1px;}
.oneDr ul li:hover .b_r {top: -1px;bottom: -1px;}
.oneDr ul li .border.b_b {left: 0;right: 100%;bottom: -1px;height: 1px;}
.oneDr ul li:hover .b_b {left: -1px;right: -1px;}
.oneDr ul li .b_l {top: 0;bottom: 100%;left: -1px;width: 1px;}
.oneDr ul li:hover .b_l {top: -1px;bottom: -1px;}
.oneDr ul li:nth-child(1n+3) {margin-top: -1px;}
.oneDr ul li:hover:hover{z-index: 9;}
.oneE{background: #446dd6;overflow: hidden;padding: 45px 0 55px;margin-top: 80px}
.oneEa{border-bottom: 1px solid rgba(255,255,255,0.5)}
.oneEa ul{display: flex;justify-content: space-between;flex-wrap:wrap;padding-bottom: 25px}
.oneEa ul li{display: flex;align-items: center;padding: 0 25px}
.oneEa ul li dd{width: 38px;height: 38px;border: 1px solid #fff;border-radius: 100%;margin-right: 15px;position: relative}
.oneEa ul li dd img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.oneEa ul li h3{font-size: 16px;color: #fff;}
.oneEb{margin-top: 60px}
.oneEb h2{color: #fff;text-align: center;font-size: 30px;font-weight: normal;margin-bottom: 30px}
.oneEb form{display: flex;justify-content: center;flex-wrap: wrap}
.oneEb input{width: 250px;line-height: 38px;background: #fff;border: none;outline: none;border-radius: 5px;margin: 0 10px;padding: 0 10px}
.oneEb button{width: 90px;line-height: 38px;color: #fff;background: #f7ac0a;border-radius: 5px;margin: 0 10px}

.oneF{}
.oneF ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.oneF ul li{width: 16.6%;text-align: center;border-right: 1px solid #eee;padding: 0 20px;margin-top: 6%}
.oneF ul li dd{width: 100px;height: 100px;margin: 0 auto}
.oneF ul li h3{font-size: 16px;}
.oneF ul li p{color: #666;font-size: 12px;line-height: 1.8;margin-top: 15px}
.oneF ul li:nth-child(1){border-left: 1px solid #eee}

.oneG{background: url("../img/og.jpg") no-repeat top center;overflow: hidden;margin-top: 90px;padding-bottom: 60px}
.oneG .title h2{color: #fff}
.oneG .title p{color: #fff;opacity: 0.8;}
.oneGs .oneGa{border-bottom: 1px solid rgba(230, 230, 230, 0.3);margin-top: 50px;}
.oneGs .oneGa ul{display: flex;justify-content: center;/*width: 1300px;*/}
.oneGs .oneGa ul li{text-align: center;font-size: 16px;width: 12.5%;cursor: pointer}
.oneGs .oneGa ul li a{position: relative;padding-bottom: 24px;display: inline-block;color: #fff;}
.oneGs .oneGa ul li a:after{content: '';width: 0;height: 3px;background: #FF9C00;position: absolute;bottom: -1px;left: 0;opacity: 0;transition: all 0.3s ease}
.oneGs .oneGa ul li.on a:after{opacity: 1;width: 100%}
.oneGs .oneGb{margin-top: 50px;overflow: hidden}
.oneGs .oneGb .swiper-container{overflow: hidden;/*width: 1300px;*/}
.oneGs .oneGb ul{}
.oneGs .oneGb ul li{overflow: hidden}
.oneGs .oneGb ul li dd{width: 40%;float: left}
.oneGs .oneGb ul li dd img{max-width: 100%}
.oneGs .oneGb ul li dl{width: 55%;float: right;color: #fff}
.oneGs .oneGb ul li dl span{font-size: 78px;}
.oneGs .oneGb ul li dl h3{font-size: 36px;font-weight: bold;margin-top: 20px}
.oneGs .oneGb ul li dl h4{color: #fff;opacity: 0.6;font-size: 20px;margin-top: 5px;font-weight: normal}
.oneGs .oneGb ul li dl p{font-size: 16px;line-height: 36px;margin-top: 40px;}


footer{background: #232323;}
.foot{padding:80px 0 50px;overflow: hidden;display: flex;justify-content: space-between}
.footl{width: 18%}
.footl img{margin-bottom: 10px}
.footl p {line-height: 2;color: #999;}
.footc{width: 58%;display: flex;justify-content: space-between}
.footc dl{width: 20%;}
.footc dl dt {color: #fff;font-weight: bold;margin-bottom: 8px;font-size: 16px}
.footc dl dd{line-height: 2.5;}
.footc dl dd a{color: #999}
.footr h3{color: #fff;font-weight: bold;margin-bottom: 8px;font-size: 16px}
.footr p{line-height: 2.5;color: #999}
.footr .tel{background: #446dd6;padding: 12px;margin-top: 8px;border-radius: 30px;color: #fff;max-width: 285px;display: flex;align-items: center;justify-content: center}
.footr .tel a{color: #fff;font-size: 16px;text-indent: 10px;display: inline-block}
.yqlink{font-size: 12px;color: #999;margin-bottom: 15px;line-height: 1.6;}
.yqlink a{display: inline-block;margin-right: 15px;color: #999;}
.copy{border-top: 1px solid rgba(255,255,255,.05);padding: 20px 0;font-size: 12px;color: #999;display: flex;justify-content: space-between}
.copy a{color: #999;}
.copyr img{margin: 0 15px}
.bq_tag{border-top: 1px solid rgba(255,255,255,.05);padding: 15px 0;font-size: 12px;color: #999;line-height: 1.6;}
.bq_tag a{color: #999;display: inline-block;margin-right: 15px;}
/*手机底部浮动*/
.footbarline{height: 55px;overflow: hidden;display: none}
#footbar{ height:78px; width:100%; position:fixed; z-index:1960; left:0; bottom:0; /*background-image:url(../img/fbarbg.png); background-position:0 0;background-position: -460px 0;*/transition: all .3s linear; display:none;}
#footbar.uin0{background-position: -460px 0;}
#footbar.uin1{background-position: -370px 0;}
#footbar.uin2{background-position: -276px 0;}
#footbar.uin3{background-position: -186px 0;}
#footbar ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; position:relative; z-index:9; padding-top:20px;}
#footbar ul li{ flex:1; text-align:center;}
#footbar ul li svg{ width:24px; height:24px;}
#footbar ul li a{ display:block;}
#footbar ul li a i{ display:inline-block; transform:translateY(20px);transition: all .3s linear;font-style: normal}
#footbar ul li a p{ font-size:12px; transform:translateY(20px); opacity:0;transition: all .3s linear;}
#footbar ul li a:hover i,#footbar ul li.on a i{transform:translateY(-10px);}
#footbar ul li a:hover p,#footbar ul li.on a p{transform:translateY(10px); opacity:1; color:#446dd6;}
#footbar #fbcale{ width:40px; height:40px; position:absolute; border-radius:50%; background:#446dd6; left:7%; top:-9px; z-index:1;transition: all .3s linear;}
#footbar ul li a:hover i svg path,#footbar ul li.on a i svg path{ fill:#fff;}
.fbrbg{ position:absolute; width:25%; left:0; top:0;transition: all .3s linear;}
.fbrbg img{ width:2048px; max-width:2048px; position:relative; left:50%; transform:translateX(-50%)}
#footbar.uin0 .fbrbg{ left:0%}
#footbar.uin1 .fbrbg{left:25%;}
#footbar.uin2 .fbrbg{left:50%}
#footbar.uin3 .fbrbg{left:75%}
/*============================ 内页banner ============================*/
.ny_ban{height:60vh;overflow: hidden;display: flex;justify-content: space-between;align-items: center;text-align: center}
.ny_ban dl{color: #fff}
.ny_ban dl h2{font-size: 40px;}
.ny_ban dl p{font-size: 18px;margin-top: 30px}
/*============================ 公司动态 ============================*/
.ny_title_news{border-bottom: 1px solid #e5e5e5;padding: 55px 0;overflow: hidden}
.ny_title_news dd {font-size: 24px;color: #333333;font-family: "宋体";position: relative;padding-left: 35px;line-height: 50px;}
.ny_title_news dd:before {content: "“";font-size: 56px;color: #bbbbbb;font-family: "Arial";position: absolute;left: 0;top: 5px;}
.ny_title_news dl a {line-height: 50px;display: inline-block;background: #eeeeee;transition: all 0.5s ease 0s;padding: 0 15px;
    font-size: 16px;color: #333333;margin-right: 13px;text-align: center;float: left}
.ny_title_news dl a:hover,.ny_title_news dl a.on{background: #f7ac0a;color: #fff;transition: all 0.5s ease 0s;}
.news{overflow: hidden}
.news ul li{padding: 45px 0px;border-bottom: 1px solid #e5e5e5;overflow: hidden}
.news ul li a{display: flex;justify-content: space-between;}
.news ul li dt{width: 10%;font-size: 26px;}
.news ul li dl {width: 100%;}
.news ul li dl h3 {font-weight: normal;font-size: 18px;color: #333333;margin-bottom: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news ul li dl p {color: #666666;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.news ul li dd {width: 17.5%;overflow: hidden;}
.news ul li dd img{width: 100%;height: 186px;object-fit: cover;transition: all 0.5s ease 0s;}
.news ul li label {display: block;width: 100%;}
.news ul li label a{color: #555;display: inline-block;margin-left: 10px;}
.news ul li:hover dd img {-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);
    filter: scale(1.15);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
/*============================ 关于我们 ============================*/
.aboutA{line-height: 2;margin-top: 70px;color: #666666;text-indent: 2em;font-size: 16px}
.aboutB{text-align: center;margin-top: 70px;}
.aboutB img{max-width: 100%;}
.aboutC{margin-top: 70px}
.aboutC ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.aboutC ul li{width: 24.6%;margin-top: 0.6%;position: relative;overflow: hidden;cursor: pointer}
.aboutC ul li img{width: 100%;transition: all 0.5s ease}
.aboutC ul li:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);opacity: 0}
.aboutC ul li:hover img{transform: scale(1.1);transition: all 0.5s ease}
.aboutC ul li:hover:after{opacity: 1}
.aboutD{background: #f0f4ff;overflow: hidden;padding: 60px 0;margin-top: 70px}
.aboutDs{display: flex;justify-content: space-between;flex-wrap: wrap}
.aboutDl{width: 44%}
.aboutDl .tit h2 {font-size: 26px;color: #2e2e2e;line-height: 74px;font-weight: normal;}
.aboutDl .tit i {width: 13px;height: 2px;background: #434343;display: block;margin-bottom: 28px;}
.aboutDl .tit p {color: #9e9e9e;line-height: 24px;}
.aboutDl ul{margin-top: 50px}
.aboutDl ul li{width: 33.3%;float: left;font-weight: bold;}
.aboutDl ul li b {font-size: 50px;color: #1b1b1b;line-height: 64px;font-weight: bold;margin-right: 5px;}
.aboutDl ul li sup {font-size: 28px;color: #1b1b1b;}
.aboutDl ul li p{color: #9e9e9e;line-height: 24px;}
.aboutDr{width: 52%;}
.aboutDr ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.aboutDr ul li{width: 25%;text-align: center;height: 85px;position: relative}
.aboutDr ul li img{max-width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;
    -webkit-filter: grayscale(1);filter: gray;filter: grayscale(1);
}
/*============================ 网站报价 ============================*/
.baojia{}
.baojiaA{display: flex;justify-content: space-between;flex-wrap: wrap;align-items:center;position: relative;margin: 70px 0 25px}
.baojiaA h2{font-size: 40px;font-weight: normal;background: #fff;padding-right: 30px;position: relative;z-index: 6}
.baojiaA .hd{background: #fff;position: relative;z-index: 6}
.baojiaA .hd ul{display: flex;justify-content: space-between}
.baojiaA .hd ul li{margin: 0 30px;font-size: 22px;}
.baojiaA .hd ul li.on a{color: #446dd6}
.baojiaA:after {width: 90%;height: 1px;position: absolute;left: 5%;top: 50%;content: '';background: #d9d9d9;z-index: 1;}
.baojia .bd{overflow: hidden}
.baojia .bd ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.baojia .bd ul li{background: #f1f1f1;padding: 30px;width: 23.5%;font-size: 16px;margin-top: 35px;transition: 0.5s ease;cursor: pointer}
.baojia .bd ul li h3{font-size: 22px;font-weight: normal}
.baojia .bd ul li i{display: block;width: 46px;height: 1px;background: #446dd6;margin: 20px 0;}
.baojia .bd ul li dd{color: #666;line-height: 1.8;}
.baojia .bd ul li dl{border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;color: #666666;padding: 10px 0;margin: 20px 0;}
.baojia .bd ul li dl p{margin: 20px 0;position: relative;padding-left: 25px;}
.baojia .bd ul li dl p:before{content: '';background: url(../img/baojia.png) center no-repeat #446dd6;width: 18px;height: 18px;border-radius: 100%;
    position: absolute;top: 3px;left: 0;background-size: 100% 100%;}
.baojia .bd ul li dt{color: #666;}
.baojia .bd ul li dt span{font-size: 40px;color: #446dd6;display: inline-block;margin: 0 5px}
.baojia .bd ul li:hover{background: #2A2A2A}
.baojia .bd ul li:hover h3{color: #fff}
.baojia .bd ul li:hover dd{color: #fff}
.baojia .bd ul li:hover dl{color: #fff}
.baojia .bd ul li:hover dt{color: #fff}
.baojia .bd ul li:hover dt span{color: #fff}
.baojia .bd ul li:hover dl p:before{background: url(../img/baojiah.png) center no-repeat #fff;}
/*============================ 网站推广 ============================*/
.ny_title{text-align: center;padding: 60px 0 0 }
.ny_title h2{font-size: 28px;font-weight: normal}
.ny_title p{color: #666;margin-top: 15px;line-height: 1.8}
.tgAbg{background: #f0f4ff;overflow: hidden;padding-bottom: 80px}
.tgA{margin-top: 60px}
.tgA_pc ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.tgA ul li{background: #ffffff;padding: 45px 55px;width: 31.5%;transition: all .3s;text-align: center;cursor: pointer}
.tgA ul li h3{font-size: 18px;font-weight: normal;margin: 30px 0 10px}
.tgA ul li h4{font-size: 16px;font-weight: normal;}
.tgA ul li p{color: #7B7B7B;line-height: 1.8;margin: 10px 0 20px;}
.tgA ul li a{display: inline-block;transition: all .3s;width: 192px;line-height: 40px;border: 1px solid rgba(233, 233, 233, 1);border-radius: 4px;color: #7B7B7B;font-size: 16px;}
.tgA ul li:hover {box-shadow: 0px 0px 20px 0px rgb(61 61 61 / 10%);border-radius: 6px;}
.tgA ul li a:hover{background: #446dd6;box-shadow: 0px 0px 20px 0px rgb(0 82 217 / 30%);color: #fff;}
.tgA_wap{display: none}
.tgB{margin-top: 60px;min-height: 360px}
.tgB_pc ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.tgB ul li{padding: 52px 50px 0;height:310px;width: 31.5%;transition: all .3s;text-align: center;cursor: pointer;position: relative;border: 1px solid rgba(233, 233, 233, 1);}
.tgB ul li h3{font-size: 18px;font-weight: normal;margin: 30px 0 10px}
.tgB ul li p{color: #7B7B7B;line-height: 1.8;margin: 10px 0 0;}
.tgB ul li a{width: 100%;height: 40px;line-height: 40px;border-radius: 4px;position: absolute;left: 0;bottom: 0;color: #fff;}
.tgB ul li.active {height: 360px;border: 1px solid rgba(233, 233, 233, 1);box-shadow: 0px 0px 20px 0px rgb(65 65 65 / 10%);margin-top: -23px;border-radius: 0px 0px 6px 6px;}
.tgB ul li.active a {height: 50px;background: #446dd6;box-shadow: 0px 0px 20px 0px rgb(0 82 217 / 20%);border-radius: 0px 0px 6px 6px;line-height: 50px;}
.tgB_wap{display: none}
.tgCbg{background: #f0f4ff;overflow: hidden;padding-bottom: 80px;margin-top: 40px}
.tgCa{padding: 45px 0}
.tgCa ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.tgCa ul li{width: 25%;text-align: center}
.tgCa ul li dd{font-size: 46px;font-weight: bold}
.tgCa ul li p{color: #7B7B7B}
.tgCb{}
.tgCb ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.tgCb ul li{width: 19%;cursor: pointer;}
.tgCb ul li dl{padding: 40px 27px;background: #fff;box-shadow: 0px 0px 20px 0px rgb(51 51 51 / 10%);
    transition: all .3s ease;border-radius: 8px;text-align: center;}
.tgCb ul li h3{font-size: 18px;font-weight: normal}
.tgCb ul li dd{margin: 20px 0 17px;}
.tgCb ul li p{color: #7B7B7B;line-height: 1.8;}
.tgCb ul li:hover dl{transform: translateY(-10px);}
.tgD{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 70px}
.tgD ul{width: 35%}
.tgD ul li{padding-bottom: 70px;}
.tgD ul li h3{font-size: 18px;font-weight: normal}
.tgD ul li p{color: #666;margin-top: 5px}
.tgD dd{width: 30%;text-align: center}
.tgD dd img{max-width: 100%}
.tgD ul:nth-child(1){text-align: right}
.tgD ul li:nth-child(3n){padding-bottom: 0}
/*============================ 小程序 ============================*/
.xcxAbg{background: #f0f4ff;padding-bottom: 80px}
.xcxA{margin-top: 60px}
.xcxA ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.xcxA ul li{background: #ffffff;padding: 35px 25px;width: 18%;transition: all .3s;cursor: pointer;
    box-shadow: 0px 0px 20px 0px rgb(61 61 61 / 10%);border-radius: 6px;}
.xcxA ul li dd{text-align: center;transition: all 0.3s ease }
.xcxA ul li h3{font-size: 18px;font-weight: normal;margin: 30px 0 15px;text-align: center}
.xcxA ul li p{color: #a7a8a8;line-height: 1.8;}
.xcxA ul li:hover dd{/*transform: translateY(-15px);*/animation: flipInX 1s .1s ease both;}
.xcxB{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin-top: 40px}
.xcxB ul{width: 35%;}
.xcxB ul li{display: flex;margin-top: 65px;align-items: center}
.xcxB ul li dl{margin-left: 50px;width: 80%}
.xcxB ul li dl h3{font-size: 20px;font-weight: normal;margin-bottom: 10px}
.xcxB ul li dl p{color: #999;line-height: 1.8}
.xcxB ul:nth-child(1) li dl{text-align: right;margin-right: 50px;margin-left: 0}
.xcxB .xcxBc{width: 30%;text-align: center}
.xcxB .xcxBc img{max-width: 100%}
.xcxCbg{background: url("../img/xcxc.jpg") no-repeat center;overflow: hidden;padding-bottom: 120px;}
.xcxCbg .ny_title h2{color: #fff;}
.xcxCbg .ny_title p{color: #fff}
.xcxC{padding-top: 80px}
.xcxC .hd{border-bottom: 1px solid rgba(255, 255, 255, .2);height: 143px;}
.xcxC .hd ul{display: flex;justify-content: space-between;align-items: center}
.xcxC .hd ul li{width: 16.67%;height: 144px;text-align: center;padding-bottom: 15px;cursor: pointer}
.xcxC .hd ul li h3{color: #fff;width: 80px;margin: 0 auto;font-weight: bold;font-size: 18px;}
.xcxC .hd ul li.on {border-bottom: 2px solid #446dd6;opacity: 1!important;}
.xcxC .bd{text-align: center;margin-top: 25px}
.xcxC .bd h3{color: #F2F5FC;font-size: 18px;line-height: 80px;}
.xcxC .bd p{color: #F2F5FC;line-height: 1.8;min-height: 50px}
.xcxC .bd a {background: #446dd6;color: #FEFEFE;width: 160px;border-radius: 3px;text-align: center;line-height: 46px;margin-top: 30px;display: inline-block;}
.xcxC .bd a:hover {box-shadow: 0px 10px 10px 0px rgb(68 109 214 / 20%);}
.xcxD{padding: 70px 0}
.xcxD_pc ul{display: flex;justify-content: space-between;}
.xcxD ul li{width: 11.12%;}
.xcxD ul li i{display: block;width: 100%;height: 2px;background: #2f73f8;position: relative;}
.xcxD ul li i:before{content: '';width: 24px;height: 24px;position: absolute;top: -11px;background: url("../img/xcxdl.png") no-repeat center;}
.xcxD ul li h3{font-size: 16px;margin: 5px 0;}
.xcxD ul li p{color: #999;font-size: 12px;}
.xcxD ul li span{display: block;height: 24px;overflow: hidden}
.xcxD ul li:nth-child(2n){margin-top: 71px}
.xcxD ul li:last-child i:after{content: '';width: 24px;height: 24px;background: url("../img/xcxdr.png") no-repeat center;position: absolute;top: -11px;right: 0}
.xcxD_wap{display: none}
.xcxEbg{background: #f0f4ff;overflow: hidden;padding-bottom: 70px}
.xcxE ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px}
.xcxE ul li{width: 24%;background: url("../img/xcxe.png") no-repeat center;background-size: cover;padding: 25px;
    min-height:120px;position: relative;margin-top: 25px;cursor: pointer}
.xcxE ul li dl{transition: all 0.5s ease}
.xcxE ul li h3{font-size: 16px;transition: all 0.5s ease}
.xcxE ul li p{color: #999;font-size: 12px;transition: all 0.5s ease}
.xcxE ul li i{font-style: normal;font-size: 12px;position: absolute;bottom: 6px;left: 25px}
.xcxE ul li:hover dl{animation: flipInY 1s .1s ease both;}
/*============================ 网站建设 ============================*/
.ny_ban_js{height: 85vh;overflow: hidden;position: relative;}
.ny_ban_js .ny_ban_jsA{position: absolute;width: 100%;left: 0;top: 88%;transform: translate(0,-88%);}
.ny_ban_js ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.ny_ban_js ul li{width: 12.5%;/*margin-right: 1px;*/}
.ny_ban_js ul li a{display: block;height: 230px;padding-left:25px;background: rgba(0,0,0,0.5);
    transition: all 0.6s ease;color: #fff;margin-right: 1px}
.ny_ban_js ul li h3 {font-size: 18px;color: #fff;padding-top: 48px;transition: all 0.6s ease;}
.ny_ban_js ul li p {color: rgba(255,255,255,0.8);line-height: 35px;transition: all 0.6s ease;}
.ny_ban_js ul li .img1 {margin-top: 20px;transition: all 0.6s ease;}
.ny_ban_js ul li .img2 {margin-top: 20px;opacity: 0;transition: all 0.6s ease;}
.ny_ban_js ul li:hover a,.ny_ban_js ul li.on a{background: #446dd6;}
.ny_ban_js ul li:hover h3 {transform: translate(0px,65px);}
.ny_ban_js ul li:hover p {transform: translate(0px,65px);color: #c2c9d4;}
.ny_ban_js ul li:hover .img1 {transform: translate(0px,-90px);}
.ny_ban_js ul li:hover .img2 {opacity: 1;}
.ny_ban_jsB{margin-top: 22vh}
.ny_ban_jsB h2{color: #fff;text-align: center;font-size: 40px}
.ny_ban_js dl{display: none}
.ny_ban_jsA_wap{display: none}
.jsA{position: relative;overflow: hidden;padding: 90px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.jsAs{}
.jsA .jsAl{width: 40%;text-align: center;position: relative}
.jsAl img{max-width: 100%}
.jsA .jsAc {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;
    left: 0;right: 0;bottom: 0;margin: auto;z-index: -1}
.jsA .jsAc img{max-width: 100%;}
.jsA .jsAr {width: 35%;position: relative}
.jsA .jsAr h2{font-size: 28px;font-weight: normal;margin-bottom: 10px}
.jsA .jsAr h3{font-size: 16px;font-weight: normal;color: #999}
.jsA .jsAr dl{font-size: 16px;margin: 40px 0px;line-height: 1.8;}
.jsA .jsAr dd b{font-size: 16px;color: #888888;}
.jsA .jsAr dd p{font-size: 14px;margin-top: 5px;color: #888888;}
.jsA .jsAr a{font-size: 14px;color: #888888;display: inline-block;text-align: center;line-height: 40px;
    width: 134px;border: 1px solid #dcdcdc;background: #fff;margin-top: 30px;transition: all 0.3s ease}
.jsA .jsAr a:hover{background: #446dd6;color: #fff;border-color: #446dd6;transition: all 0.3s ease;border-radius: 3px;}
.jsB{background: url("../img/jsb.png") no-repeat center;padding: 90px 0;background-size: cover}
.jsBs{display: flex;justify-content: space-between;flex-wrap: wrap}
.jsBs .jsBl{width: 30.5%;background: #fff;padding: 70px 47px;}
.jsBl h3{font-size: 28px;color: #b1b4b3;font-weight: normal}
.jsBl i {width: 30px;height: 1px;display: inline-block;background: #000;margin: 20px 0;}
.jsBl dl{font-size: 18px;color: #545454;line-height: 2}
.jsBl a{margin-top: 40px;display: inline-block}
.jsBs .jsBr{width: 69%;background: #fff;padding: 44px 35px;}
.jsBs .jsBr ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.jsBs .jsBr ul li{width: 25%;text-align: center;padding: 0 10px;margin-bottom: 50px;cursor: pointer}
.jsBs .jsBr ul li h3{font-size: 16px;font-weight: normal;margin: 0 0 10px;line-height: 2.2}
.jsBs .jsBr ul li p{color: #868686;line-height: 1.8}
.jsBs .jsBr ul li:nth-child(4n+1){margin-bottom: 0}
.jsBs .jsBr ul li:hover dd img{animation: bounce 1s .1s ease both;}
.jsC{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 60px}
.jsCl{width: 60%;text-align: center}
.jsCl img{max-width: 100%}
.jsCr{width: 40%}
.jsCr .ny_title{text-align: left;padding-top: 0}
.jsCr ul{margin-top: 50px}
.jsCr ul li{display: flex;align-items: center;height: 112px;box-shadow: 0px 0px 29px rgb(0 0 0 / 10%);margin-bottom: 20px;padding: 0px 22px;background: #fff;cursor: pointer;}
.jsCr ul li dd{width: 65px;height: 65px;border: 1px dashed #dcdcdc;display: flex;align-items: center;justify-content: center;
    border-radius: 100%;margin-right: 18px;transition: all 0.3s ease 0s;}
.jsCr ul li dl h3{font-size: 18px;font-weight: normal;margin-bottom: 10px;}
.jsCr ul li dl p{color: #999;}
.jsCr ul li:hover dd{background: #ededed;border: 1px dashed #ededed;transition: all 0.3s ease 0s;}
.jsD{background: url("../img/jsd.jpg") no-repeat center;background-size: cover;}
.jsDs{position: relative;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.jsDl{width: 45%;padding: 160px 0px;}
.jsDl .ny_title{text-align: left;padding-top: 0}
.jsDl .ny_title h2{color: #fff}
.jsDl .ny_title p{color: #fff}
.jsDl ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px}
.jsDl ul li{width: 48%;margin-top: 44px;}
.jsDl ul li h3{font-size: 18px;color: #fff;font-weight: normal;margin: 18px 0 8px}
.jsDl ul li p{color: #fff;opacity: .6;line-height: 1.6}
.jsDr{ display: flex; align-items: center;}
.jsDr ul li{position: absolute; }
.jsDr ul li:nth-child(1){ bottom:258px; right:615px;}
.jsDr ul li:nth-child(2){ bottom:96px; right:386px;}
.jsDr ul li:nth-child(3){ bottom:40px; right:322px;}
.jsDr ul li:nth-child(4){ bottom:206px; right:167px;}
.jsDr ul li:nth-child(5){ bottom:262px; right:400px;}
.jsDr ul li:nth-child(6){ bottom:110px; right:0;}
.jsDr ul li:nth-child(7){ bottom:152px; right:190px;}
.jsDr ul li:nth-child(8){ bottom:240px; right:70px;}
.jsD .jsDr_wap{display: none}
.jsE{position: relative;background: #fff;padding: 105px 0px;}
.jsE:before{content: "";display: inline-block;width: 720px;height: 100%;background: url(../img/jse.png) no-repeat 50% 50%;position: absolute;right: 0;top: 0;}
.jsEs{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center}
.jsEl{width: 40%;}
.jsEl .ny_title{text-align: left;padding-top: 0}
.jsEl .text{color: #666666;line-height: 2;margin-top: 30px;font-size: 16px}
.jsEl .text i {display: block;width: 223px;height: 1px;background: #dcdcdc;margin-bottom: 30px;}
.jsEl .jsEla{margin-top: 60px}
.jsEl .jsEla h2{font-size: 20px;color: #9f9f9f;font-weight: bolder;}
.jsEl .jsEla span{font-size: 14px;text-transform: uppercase;}
.jsEl .jsEla ul{display: flex;align-items: center;margin-top: 20px}
.jsEl .jsEla ul li{margin-right: 33px}
.jsEl .jsEla ul li:last-child{margin-right: 0}
.jsEr{ width: 51%;position: relative;margin-top: 15px}
.jsEr ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.jsEr ul li{box-shadow: 0px 0px 32px rgb(0 0 0 / 8%);width: 48%;display: flex;align-items: center;background: #fff;padding: 22px;margin-bottom: 30px;}
.jsEr ul li dd{margin-right: 30px}
.jsEr ul li dl h3{font-size: 18px;color: #555;font-weight: normal;margin-bottom: 8px}
.jsEr ul li dl p{color: #888;line-height: 1.6}
.jsF{ background: url(../img/jsf.jpg) no-repeat center;background-size:cover;padding: 82px 0 113px;overflow: hidden;position: relative;}
.jsF .ny_title{padding-top: 0}
.jsF .ny_title h2{color: #fff;}
.jsF .ny_title p{color: #fff;opacity: .6; }
.jsFs .jsFsa{ display: flex; align-items: center; justify-content: center; margin-top: 405px;}
.jsFs .jsFsa::before{ content: ""; display: inline-block; width: 1236px;
    height: 1236px; border-radius: 100%; border: 2px solid rgba(255,255,255,.1); position: absolute; top: 51%;}
.jsFs .jsFsb{ position: absolute; left: 0; top: 0; width: 100%;}
.jsFs .jsFsa .content_y_list{ margin-right: 150px; position: relative; z-index: 5;}
.jsFs .jsFsa .content_y_list .y_list_icon{ width: 65px; height: 65px; border-radius: 100%; background: #292929; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.jsFs .jsFsa .content_y_list .y_list_icon img{ opacity: .25;transition: all 0.3s ease 0s;
    animation:opacity 5s infinite; -webkit-animation:opacity 5s infinite;}
.jsFs .jsFsa .content_y_list:hover .y_list_icon img{ opacity:1;transition: all 0.3s ease 0s;}
.jsFs .jsFsa .content_y_list .y_list_title{ color: #fff; font-size: 16px; margin-top: 15px; opacity: .5;transition: all 0.3s ease 0s;}
.jsFs .jsFsa .content_y_list:hover .y_list_title{ opacity:1;transition: all 0.3s ease 0s;}
.jsFs .jsFsa .content_y_list:last-child{ margin-right: 0px;}
.jsFs .jsFsa .content_y_list:nth-child(2){ top: -168px; margin-right: 420px;}
.jsFs .jsFsa .content_y_list:nth-child(3){ top: -168px;}
.jsFs .jsFsc{ position: absolute; bottom: 45px; text-align: center; width: 400px; margin: 0 auto; right: 0; left: 0;}
.jsFs .jsFsc .content_c_logo{ position: absolute; width: 100%; left: 0; bottom: 118px;}
.jsFs .jsFsc .content_c_logo img{ animation:Maintenancemove 1.2s infinite; -webkit-animation:Maintenancemove 1.2s infinite; position: relative; cursor: pointer;}
.jsFs .jsFsb .content_y_list{ margin-right: 240px;}
.jsFs .jsFsb .content_y_list:nth-child(2){ top: -125px; margin-right: 160px;}
.jsFs .jsFsb .content_y_list:nth-child(3){ top: -125px;}
.jsFs .jsFsb::before{ top: -100px; width: 1560px; height: 1560px;}
@keyframes Maintenancemove
{
    0% {top:0px;}
    50% {top:15px;}
    100% {top:0px;}
}
@-webkit-keyframes Maintenancemove
{
    0% {top:0px;}
    50% {top:15px;}
    100% {top:0px;}
}
@keyframes opacity
{
    0% { opacity:0;}
    50% { opacity:1;}
    100% { opacity:0;}
}
@-webkit-keyframes opacity
{
    0% { opacity:0;}
    50% { opacity:1;}
    100% { opacity:0;}
}

.content{margin-top: 40px}
.ny_tit h1{font-size: 26px;font-weight: normal;border-bottom: 1px solid #f0f3f5;padding-bottom: 30px;text-align: center}
.ny_con{line-height: 250%;margin-top: 30px;}
.ny_con a{color: #446dd6}
.ny_con img{max-width: 100%;display: block;margin: 0 auto;}

.other{margin-top: 20px}
.other h3{font-size: 20px;border-bottom: 1px solid #f0f3f3;line-height: 53px;font-weight: normal}
.other ul li{padding: 14px 0;border-bottom: 1px solid #f0f3f5;line-height: 1.6}



/*============================ 媒体查询 ============================*/
@media screen and (max-width: 1200px){
    .nav ul li{margin: 0 15px}
}
@media screen and (max-width: 1024px){
    .container{max-width: 94%}
    .topr{display: none}
    .menu-bar{display: block}
    .top{padding: 10px 0}
    .nav{position: fixed;width: 100%;height: 100%;left: -100%;top: 0;z-index: 99999;transition: all .3s linear;}
    .nav ul{display: block;width: 60%;background: #446dd6;height: 100%;position: relative;overflow-y: auto;pointer-events: auto;padding-bottom: 55px}
    .nav ul li{line-height: 60px;padding: 0;border-bottom: 1px solid rgba(255,255,255,.1);margin: 0;text-align: center}
    .nav ul li:after{opacity: 0}
    .logo img{max-height: 36px}
    .banner ul li{height: 50vh}
    .banner ul li dl h2{font-size: 20px}
    .banner ul li dl h3{font-size: 12px;padding: 15px 0 20px}
    .banner ul li dl a{font-size: 12px;width: 124px;line-height: 30px}
    .banner .swiper-pagination-bullet{width: 20px;height: 2px}
    .banner .swiper-pagination-bullets{bottom: 10px!important;}
    .banner .swiper-button-prev,.banner .swiper-button-next{width: 25px;height: 25px}
    .title{padding: 30px 0 0}
    .title h2{font-size: 20px}
    .title p{font-size: 12px}
    .oneA{padding: 20px 0 40px}
    .oneA ul li{width: 48.5%;margin-top: 15px}
    .oneA ul li dd img:nth-child(1){height: 40px}
    .oneA ul li:nth-child(1) dd img:nth-child(2){height: 10px;bottom: 13px;right: 2px;}
    .oneA ul li:nth-child(2) dd img:nth-child(2){height: 15px;bottom: 9px;right: -1px;}
    .oneA ul li:nth-child(3) dd img:nth-child(2){height:25px;bottom: 14px;left: 3px;}
    .oneA ul li:nth-child(4) dd img:nth-child(2){height: 10px;bottom: 14px;right: 16px;}
    .oneA ul li:nth-child(5) dd img:nth-child(2){height: 13px;bottom: 18px;right: 18px;}
    .oneA ul li:nth-child(6) dd img:nth-child(2){height: 20px;bottom: 20px;right: 20px;}
    .oneA ul li:nth-child(7) dd img:nth-child(2){height: 18px;bottom: 12px;right: 11px;}
    .oneA ul li:nth-child(8) dd img:nth-child(2){height: 10px;bottom: 24px;right: 16px;}
    .oneA ul li h3{font-size: 16px;margin: 20px 0 10px}
    .oneA ul li p{line-height: 1.6;font-size: 12px}
    .oneB ul li{width: 48.5%;margin-top: 20px}
    .oneB ul li h3{line-height: 35px;font-size: 14px;padding: 0 10px}
    .oneC{display: none}
    .oneC_wap{display: block}
    .oneDl,.oneDr{width: 100%;}
    .oneDl{padding-bottom: 20px}
    .oneDl ul li dl h3 a{display: block}
    .oneDl ul li dl p{font-size: 12px}
    .oneDr ul li{width: 100%;margin-top: 20px;padding: 20px 15px}
    .oneDr ul li h3 a{display: block}
    .oneDr ul li:nth-child(1n+3){margin-top: 20px}
    .oneDr ul li p{font-size: 12px}
    .oneE{margin-top: 40px;padding: 20px 0 35px;}
    .oneEa ul li{width: 50%;padding: 10px 0}
    .oneEa ul li h3{font-size: 14px}
    .oneEb{margin-top: 20px}
    .oneEb h2{font-size: 18px;margin-bottom: 20px}
    .oneEb input{width: 100%;margin: 0 0 15px}
    .oneEb button{width: 100%;margin: 0}
    .footl{display: none}
    .footc{display: none}
    .foot{padding: 30px 0 20px}
    .footr{text-align: center;width: 100%}
    .footr .tel{margin: 0 auto;padding: 8px;width: 240px}
    .yqlink{display: none}
    .copyl{text-align: center}
    .copyr{display: none}
    .bq_tag{display: none}
    .footbarline{display: block}
    #footbar{display: block}
    .ny_ban{height: 40vh}
    .ny_ban dl h2{font-size: 20px}
    .ny_ban dl p{font-size: 12px;margin-top: 15px}
    .ny_title_news{padding: 25px 0 15px}
    .ny_title_news dd{width: 100%;font-size: 18px;text-align: center}
    .ny_title_news dl{width: 100%;}
    .ny_title_news dl a{width: 32%;margin-right: 2%;margin-bottom:15px;line-height: 40px;font-size: 14px}
    .ny_title_news dl a:nth-child(3n){margin-right: 0}
    .news ul li{padding: 20px 0}
    .news ul li dd{display: none}
    .news ul li dt{width: 19%;font-size: 18px}
    /*.news ul li dl{width: 80%;margin-right: 0px;}*/
    .news ul li dl h3{font-size: 16px;margin-bottom: 10px}
    .news ul li dl p{line-height: 22px;-webkit-line-clamp: 2;}
    .news ul li label {margin-top: 15px;font-size: 12px}
    .aboutA{margin-top: 30px;font-size: 14px}
    .aboutB{margin-top: 30px}
    .aboutC{margin-top: 30px}
    .aboutC ul li{width: 49.6%;margin-top: 1%}
    .aboutD{margin-top: 30px;padding: 30px 0}
    .aboutDl{width: 100%}
    .aboutDl .tit h2{font-size: 20px;line-height: 50px}
    .aboutDl .tit i{margin-bottom: 15px}
    .aboutDl .tit p{font-size: 12px}
    .aboutDl ul{margin-top: 25px}
    .aboutDl ul li b{font-size: 30px;line-height: initial}
    .aboutDl ul li sup{font-size: 16px}
    .aboutDr{width: 100%;margin-top: 20px}
    .aboutDr ul li{height: 60px}
    .baojiaA{margin: 30px 0 10px;}
    .baojiaA h2{font-size: 18px;padding-right: 10px}
    .baojiaA .hd ul li{font-size: 16px;margin: 0 5px}
    .baojia .bd ul li{width: 100%;margin-top: 20px;padding: 15px;font-size: 14px}
    .baojia .bd ul li h3{font-size: 16px}
    .baojia .bd ul li i{margin: 10px 0}
    .baojia .bd ul li dl{margin: 10px 0}
    .baojia .bd ul li dl p{margin: 10px 0}
    .baojia .bd ul li dl p:before{width: 14px;height: 14px;}
    .baojia .bd ul li dt span{font-size: 22px;margin: 0 3px}
    .ny_title{padding: 30px 0 0}
    .ny_title h2{font-size: 20px}
    .ny_title p{font-size: 12px;margin-top: 10px}
    .tgA_pc{display: none}
    .tgAbg{padding-bottom: 20px}
    .tgA{margin-top: 30px;overflow: hidden}
    .tgA_wap{display: block;position: relative;padding-bottom: 40px}
    .tgA_wap ul li{width: 100%;padding: 20px 55px;}
    .tgA ul li h3{font-size: 16px;margin: 20px 0 10px}
    .tgA ul li h4{font-size: 14px}
    .tgA ul li p{font-size: 12px}
    .tgA ul li a{width: 140px;line-height: 30px;font-size: 14px}
    .tgA_wap .swiper-pagination-bullets{bottom: 10px!important;}
    .tgA_wap .swiper-pagination-bullet{width: 20px;height: 2px;background: rgba(0,0,0,0.2);border-radius: 4px;opacity: 1}
    .tgA_wap .swiper-pagination-bullet-active{background: #446dd6;}
    .tgB_pc{display: none}
    .tgB{margin-top: 30px;min-height: auto;padding-bottom: 0}
    .tgB_wap{display: block;position: relative;}
    .tgB_wap .swiper-container{padding-bottom: 30px}
    .tgB_wap ul li{padding: 20px 20px 0;width: 65%;height:260px;border: 1px solid rgba(233, 233, 233, 1);box-shadow: 0px 0px 20px 0px rgb(65 65 65 / 10%);
        border-radius: 0px 0px 6px 6px;transition: all .3s;text-align: center;cursor: pointer;position: relative;transform: scale(0.85)!important;-webkit-transform: scale(0.85)!important;}
    .tgB_wap ul li dd img{width: 70px;}
    .tgB ul li h3{font-size: 16px}
    .tgB ul li p{font-size: 12px}
    .tgB ul li a{width: 100%;height: 45px;line-height: 45px;border-radius: 0px 0px 6px 6px;position: absolute;left: 0;bottom: 0;
        color: #fff; background: #446dd6; box-shadow: 0px 0px 20px 0px rgb(0 82 217 / 20%);display: none}
    .tgB ul li.swiper-slide-active a{display: block}
    .tgB ul li.swiper-slide-active{transform: scale(1)!important;-webkit-transform: scale(1)!important;}
    .tgB_wap .swiper-pagination-bullets{bottom: 0px!important;}
    .tgCbg{margin-top: 30px;padding-bottom: 30px}
    .tgCa{padding: 25px 0}
    .tgCa ul li dd{font-size: 18px}
    .tgCa ul li p{font-size: 12px}
    .tgCb ul li{width: 48.5%;margin-bottom: 15px;background: #fff;box-shadow: 0px 0px 20px 0px rgb(51 51 51 / 10%);border-radius: 8px;}
    .tgCb ul li dl{padding: 20px 15px;box-shadow: initial}
    .tgCb ul li h3{font-size: 16px}
    .tgCb ul li p{font-size: 12px}
    .tgCb ul li dd{margin: 15px 0 12px}
    .tgCb ul li dd img{width: 50px}
    .tgCb ul li:last-child{display: none}
    .tgD{margin-top: 30px}
    .tgD ul{width: 100%}
    .tgD ul li{padding-bottom: 20px}
    .tgD ul li h3{font-size: 16px}
    .tgD ul li p{font-size: 12px}
    .tgD dd{width: 70%;margin: 20px auto}
    .tgD ul:nth-child(1){text-align: left}
    .xcxAbg{padding-bottom: 40px}
    .xcxA{margin-top: 10px}
    .xcxA ul li{width: 48.5%;padding: 20px 15px;margin-top: 20px}
    .xcxA ul li h3{font-size: 16px}
    .xcxA ul li p{font-size: 12px}
    .xcxA ul li dd img{width: 50px}
    .xcxA ul li:last-child{display: none}
    .xcxB{margin-top: 20px}
    .xcxB ul{width: 100%}
    .xcxB .xcxBc{width: 50%;margin: 0 auto;margin-top: 20px}
    .xcxB ul li{margin-top: 20px}
    .xcxB ul li dl h3{font-size: 16px;margin-bottom: 5px}
    .xcxB ul li dl p{font-size: 12px}
    .xcxB ul li dd img{width: 40px}
    .xcxB ul li dl{margin-left: 20px}
    .xcxB ul:nth-child(1) li dl{margin-right: 20px}
    .xcxCbg{padding-bottom: 40px;margin-top: 30px}
    .xcxC{padding-top: 30px;}
    .xcxC .hd{height: 104px}
    .xcxC .hd ul li{height: 105px;}
    .xcxC .hd ul li dd img{max-width: 80%;}
    .xcxC .hd ul li h3{font-size: 14px;width: auto;}
    .xcxC .bd h3{font-size: 16px;line-height: 45px}
    .xcxC .bd p{font-size: 12px}
    .xcxC .bd a{width: 120px;line-height: 35px}
    .xcxD{padding: 30px 0 0;margin-bottom: 20px}
    .xcxD_pc{display: none}
    .xcxD_wap{display: block;position: relative;}
    .xcxD_wap .swiper-container{padding-bottom: 30px}
    .xcxD_wap ul li{}
    .xcxD ul li p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
    .xcxD_wap .swiper-pagination-bullets{bottom: 0px!important;}
    .xcxD ul li h3{font-size: 14px}
    .xcxEbg{padding-bottom: 40px}
    .xcxE ul li{width: 48.5%;padding: 10px;min-height: 70px;margin-top: 20px}
    .xcxE ul li h3{font-weight: normal;font-size: 14px}
    .xcxE ul li i{left: 10px;bottom: 2px}
    .ny_ban_jsB{display: none}
    .ny_ban_js{height: 40vh;display: flex;justify-content: space-between;align-items: center;text-align: center}
    .ny_ban_js dl{display: block;color: #fff}
    .ny_ban_js dl h2{font-size: 20px}
    .ny_ban_js dl p{font-size: 12px;margin-top: 15px}
    .ny_ban_jsA{display: none}
    .ny_ban_jsA_wap{display: block;background: #f0f4ff;padding: 10px 0 20px;position: relative}
    .ny_ban_jsA_wap ul{padding-bottom: 30px}
    .ny_ban_jsA_wap ul li{width: 48.5%;text-align: center;/*box-shadow: 0 0 1rem rgb(0 0 0 / 10%);*/background:#fff;padding: 15px 0;
        border-radius: 3px;margin-top: 20px}
    .ny_ban_jsA_wap ul li h3{font-size: 16px;font-weight: normal;margin: 15px 0 5px}
    .ny_ban_jsA_wap ul li p{font-size: 12px;color: #7B7B7B}
    .ny_ban_jsA_wap ul li img{height: 35px}
    .ny_ban_jsA_wap .swiper-pagination-bullets{bottom: 0px!important;}
    .ny_ban_jsA_wap .swiper-pagination-bullet{width: 20px;height: 2px;background: rgba(0,0,0,0.2);margin: 0 10px!important;border-radius: 4px;opacity: 1}
    .ny_ban_jsA_wap .swiper-pagination-bullet-active{background: #446dd6;}
    .jsA{padding: 30px 0}
    .jsA .jsAl{width: 100%}
    .jsA .jsAc{display: none}
    .jsA .jsAr{width: 100%;margin-top: 30px}
    .jsA .jsAr h2{font-size: 20px}
    .jsA .jsAr h3{font-size: 16px}
    .jsA .jsAr dl{font-size: 14px;margin: 20px 0}
    .jsA .jsAr dd b{font-size: 14px}
    .jsA .jsAr dd p{font-size: 14px}
    .jsA .jsAr a{font-size: 14px;line-height: 32px;margin-top: 15px;width: 120px}
    .jsB{padding: 40px 0}
    .jsBs .jsBl{display: none}
    .jsBs .jsBr{width: 100%;padding: 20px 0 0}
    .jsBs .jsBr ul li{width: 50%;margin-bottom: 20px}
    .jsBs .jsBr ul li dd img{width: 40px}
    .jsBs .jsBr ul li h3{font-size: 14px;margin-bottom: 5px;line-height: 2}
    .jsBs .jsBr ul li p{font-size: 12px}
    .jsC{margin-top: 30px}
    .jsCl{width: 100%}
    .jsCr{width: 100%}
    .jsCr ul{margin-top: 30px}
    .jsCr ul li{padding: 15px;height: auto}
    .jsCr ul li dl h3{font-size: 16px;}
    .jsCr ul li p{font-size: 12px}
    .jsCr ul li dd{width: 50px;height: 50px}
    .jsCr ul li dd img{width: 25px}
    .jsCr ul li dl{width: 75%}
    .jsDl{width: 100%;padding: 40px 0}
    .jsDr_pc{display: none}
    .jsD .jsDr_wap{display: block;padding: 0 20px 40px;}
    .jsD .jsDr_wap img{max-width: 100%}
    .jsDl ul li{margin-top: 20px}
    .jsDl ul li h3{font-size: 16px}
    .jsDl ul li p{font-size: 12px}
    .jsDl ul li dd img{width: 35px}
    .jsE{padding: 30px 0 15px}
    .jsE:before{opacity: 0}
    .jsEl{width: 100%}
    .jsEl .text{font-size: 14px;margin-top: 15px}
    .jsEl .text i{margin-bottom: 15px}
    .jsEl .jsEla ul li img{max-width: 100%}
    .jsEr{width: 100%;margin-top: 30px}
    .jsEr ul li{flex-wrap: wrap;padding: 15px;margin-bottom: 20px}
    .jsEr ul li dd img{height: 35px;margin-bottom: 15px;}
    .jsEr ul li dl h3{font-size: 16px}
    .jsEr ul li dl p{font-size: 12px}
    .jsF{padding: 30px 0}
    .jsFs .jsFsa {position: inherit;justify-content: space-between;margin-top: 20px}
    .jsFs .jsFsa .content_y_list {width: 25%;margin-right: 0px!important;top:0px!important;}
    .jsFs .jsFsa .content_y_list .y_list_title{font-size: 14px;text-align: center;margin-top: 10px}
    .jsFs .jsFsc{display: none}
    .jsFs .jsFsa::before{opacity: 0}
    .oneF ul li{width: 48.5%}
    .oneF ul li:nth-child(1){border-left: 0}
    .oneG{display: none}
    .pagelink span,.pagelink a{padding: 1px 6px}
}
@media screen and (max-width: 768px){
    .oneB ul li h3 span{display: none}
    .news ul li dt{font-size: 16px}
}
@media screen and (max-width: 375px){
    .tgA_wap ul li{padding: 20px 35px;}
}