/* CSS Document */
/*::-webkit-scrollbar{width:0;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
body {font:13px/1.75 "Microsoft YaHei", arial,sans-serif; color: #333;  background:#fff;overflow-x: hidden;position: relative;}
a { text-decoration: none; color: #333;display: block;}
/* p{color: #434343;} */
a:hover {text-decoration: none}
a img {border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none}
div {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
li {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
p,strong,em{padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;font-weight: normal;}
form {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;}
em{font-style: normal; font-weight: normal}
table {padding-bottom: 0px;list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dt {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dl {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dd {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
tr {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
input,textarea,select{outline: none;border: 0;}
button{cursor: pointer;}
.cl{height: 0px; clear: both;}
.fl{float: left; display: block;}
.fr{float: right;}
.container{width:90%; margin:0 auto; height: 100%;}
/* .ny-container{width:1590px; margin:0 auto; height: 100%;} */
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{ text-align: left !important;}
.txt-r{text-align: right;}
.bg-black{background: #000;}
.col-black{color: #000;}
.col-white{color: #fff !important;}
strong{ font-weight: bold;}
i{font-style: normal;}
.m{ margin: 0 auto;}
.blue{color:#0056a1;}
/* CSS Document */

/* 字体引入 */
/*@font-face {*/
/*	font-family:'abc';*/
/*	src: url('../font/SourceHanSansSC-Medium.otf');*/
/*}*/
/*@font-face {*/
/*	font-family: 'Noto Sans SC', sans-serif;*/
/*	src: url('../font/SourceHanSansSC-Regular.otf');*/
/*}*/
/*@font-face {*/
/*	font-family:'aba';*/
/*	src: url('../font/SourceHanSansSC-Bold.otf');*/
/*}*/
/*@font-face {*/
/*	font-family:'abv';*/
/*	src: url('../font/SourceHanSansSC-Heavy.otf');*/
/*}*/
@font-face {
	font-family:'abd';
	src: url('../font/DIN-Medium.otf');
}
@font-face {
	font-family:'Gotham-Light';
	src: url('../font/Gotham-Light.otf');
}


/* .ny-top li img{transform: translateY(-80px);filter: drop-shadow(#444444 0 80px);} */
.fp-overflow{overflow: hidden;}
/* head */
/* .ny-head{position: inherit;} */
.head-zw{height: 100px;width: 100%;}
.head{height: 100px;position: fixed;width: 100%;z-index: 99;top: 0px;transition: 0.4s;}
.ny-head{border-bottom: 1px solid #d5d4d2;background: rgba(255, 255, 255, .5);}
/* #head{overflow: hidden;border-radius: 20px;height: 100px;line-height: 100px;} */
.head #head {
    display: flex;
    align-items: center;
}
.head .logo{margin-top: 0.6%;}
.head .logo img{display: block;}
.head-nav{width:55%;display: flex;justify-content: space-between;height: 100px;flex-wrap: wrap;margin-right: 6%;}
.head-nav>div{display: flex;justify-content: space-between;width: 100%;}
.head-nav .js{line-height: 50px;border-bottom: 1px solid #f0f0f0;}
.head-nav .js p{font-size: 14px;color: #999999;}
.head-nav .js span{font-size: 14px;color: #009adf;display: inline-block;padding-left: 24px;background: url(../images/phone-icon.png)no-repeat center left;margin-right: 30px;}
.head-nav .js em{font-size: 14px;color: #009adf;}
.head-nav #nav{display: flex;width: 100%;justify-content: space-between;}
.head-nav #nav>li{position: relative;width: 117px;text-align: center;}
.head-nav  li>a span{display: inline-block; font-size: 18px;color: #fff;line-height: 100px;  position: relative;height:100px;text-align: center;font-family: 'Noto Sans SC', sans-serif;font-weight: 500;}
.ny-head .head-nav  li>a span{display: inline-block; font-size: 20px;color: #323333;line-height: 100px;  position: relative;height:100px;text-align: center;font-family: 'Noto Sans SC', sans-serif;}
.ny-head .head-nav  li>a:hover span{color: #00a1e9;}


.ny-navfixed{background: #fff;position: fixed; width: 100%; top: 0; z-index: 2222; transition: all 0.6s;box-shadow: 0px 2px 13px 6px rgb(0 0 0 / 15%);}
.navfixed{position: fixed; width: 100%; top: 0; z-index: 222;transition: all 0.6s;}
/*.navfixed #head{box-shadow: 0px 2px 13px 6px rgb(0 0 0 / 15%);}*/
.head-nav .nav-hide{z-index: 99; display: none;position: absolute;  top: 100px;  width: 180px; background: #fff; left: 22%; margin-left: -90px;text-align: center;  z-index: 2;}
.head-nav .nav-hide em{}
.head-nav .nav-hide em a{display: block; font-size: 15px; line-height: 48px; color: #666;border-bottom: solid 1px #666;}
.head-nav .nav-hide em a:hover{background: #fff; color: #008CD6;}
.head-nav ul li:hover .nav-hide{display: block;}

/* #nav>li{text-align: center;} */
#nav>li .hide{box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;left: 7%; margin-left: -46px; display: none;position: absolute;z-index: 2; background: white;}
#nav>li .hide em a{float: left; display:block;font-size: 15px; line-height:35px;text-align: center; width: 156px;font-size: 14px}
#nav>li .hide em:last-child a{border-bottom: none;}
#nav>li .hide em a:hover{color: #428acb;transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;display: block;}

/* 搜索 */
.head .right{order: 2;
    white-space: nowrap;}
.head .right ul{display: flex;}
.head .right ul li:nth-child(1){display: flex;align-items: center;margin-right: 20px;}
.head .right ul li:nth-child(1) span{font-size: 16px;color: #fff;margin: 0 7px;}
.head .right ul li:nth-child(1) a{font-size: 16px;color: #fff;}
.head .right ul li:nth-child(1) a.on{color: #13337d;}
.head .right ul li:nth-child(2){display: flex;}
.head .right ul li:nth-child(2) form{margin: auto;}
.ny-head .right ul li:nth-child(1) span{font-size: 16px;color: #333333;margin: 0 7px;}
.ny-head .right ul li:nth-child(1) a{font-size: 16px;color: #333333;}


.head .right ul li:nth-child(2) form{height: 35px;background: rgba(255,255,255,.5);border-radius: 17px;display: flex;}
.ny-head .right ul li:nth-child(2) form{background: rgba(242,242,242,.5);}
.head .right ul li:nth-child(2) form .text{font-size: 14px;color: rgba(255,255,255,.5);background: none;width: 70%;padding-left: 15px;}
.ny-head .right ul li:nth-child(2) form .text{color: rgba(128,128,128,.5);}
.head .right ul li:nth-child(2) form .submit{background: url(../images/search-icon.png)no-repeat center;width: 30%;}
.search-form .text::-webkit-input-placeholder{font-size: 14px;color: rgba(255,255,255,.5);}
.search-form .text::-moz-input-placeholder {font-size: 14px;color: rgba(255,255,255,.5);}
.search-form .text::-ms-input-placeholder {font-size: 14px;color: rgba(255,255,255,.5);}
.ny-head .search-form .text::-webkit-input-placeholder{font-size: 14px;color:rgba(128,128,128,.5);}
.ny-head .search-form .text::-moz-input-placeholder {font-size: 14px;color:rgba(128,128,128,.5);}
.ny-head .search-form .text::-ms-input-placeholder {font-size: 14px;color:rgba(128,128,128,.5);}


/* banner */
.banner{position: relative;overflow: hidden;}
/*.banner .swiper-slide>img{display: block;width: 100%;max-height: 100vh;object-fit: cover;}*/
/*.banner .swiper-slide-active>img{animation: banner 6s 1s infinite;}*/

.banner .swiper-slide {
    position: relative;
}
.banner .swiper-slide .slide-bg{
    overflow: hidden;
    height: 100vh;
}
.banner .swiper-slide .slide-bg img{
    display: none;
}
.banner .swiper-slide .slide-bg div{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    transform: scale(1.08, 1.08);
}
.banner .swiper-slide .slide-con{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    bottom: 0;
    right: 0;
    margin: auto;
    padding-right: 1.8%;
    height: fit-content;
}
.banner .swiper-slide .slide-con .slide-lf{
    transform: translateX(-3vw);
    opacity: 0;
}
.banner .swiper-slide .slide-con .slide-lf img{
    max-height: 100vh;
}
.banner .swiper-slide .slide-con .slide-rt{
    text-align: center;
    position: relative;
}
.banner .swiper-slide .slide-con .slide-rt h3{
    color: #fff;
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 3.49vw;
    letter-spacing: 1.09vw;
    font-weight: 300;
        transform: translateY(100%) rotate(10deg);
    opacity: 0;
    transform-origin: left;
    transition: var(--custom-transiton2);
    transition-duration: 1s;
    transition-property: transform, opacity;
}
.banner .swiper-slide .slide-con .slide-rt h4{
    color: #fff;
    font-family: 'Gotham-Light';
    font-size: 2.239vw;
    letter-spacing: 0.5px;
    position: relative;
        transform: translateY(100%) rotate(10deg);
    opacity: 0;
    transform-origin: left;
    transition: var(--custom-transiton2);
    transition-duration: 1s;
    transition-property: transform, opacity;
}
.banner .swiper-slide .slide-con .slide-rt .yc:nth-child(2){
        margin-top: -1vw;
        position: relative;
        left: -0.4vw;
}





.banner .swiper-slide .slide-con .yc:nth-child(3),.banner .swiper-slide .slide-con .yc:nth-child(4){
    text-align: right;
    position: absolute;
    width: 100%;
    right: calc(1.8% + 1.4vw);
}
.banner .swiper-slide .slide-con .yc:nth-child(3){
    top: 9%;
}
.banner .swiper-slide .slide-con .yc:nth-child(4){
    bottom: 4.8%;
}






.banner .swiper-slide-active .slide-bg div{
        animation: image-zoom-out 8s 0s forwards;
}
.yc{
    overflow: hidden;
}

.banner .swiper-slide-active .slide-con .slide-rt h3{
    -webkit-animation: text-active-animation 1.5s cubic-bezier(0.7, 0, 0.2, 1) both 0.5s;
    animation: text-active-animation 1.5s cubic-bezier(0.7, 0, 0.2, 1) both 0.5s;
}
.banner .swiper-slide-active .slide-con .slide-rt h4{
    -webkit-animation: text-active-animation 1.5s cubic-bezier(0.7, 0, 0.2, 1) both 0.5s;
    animation: text-active-animation 1.5s cubic-bezier(0.7, 0, 0.2, 1) both 0.5s;
}
.banner .swiper-slide-active .slide-con .slide-lf{
    animation: text-zoom-out 1s 0s forwards;
    animation-delay: .8s;
}
@keyframes image-zoom-out {
  0% {
    transform: scale(1.08, 1.08);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes text-zoom-out {
  0% {
    transform: translateX(-3vw);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes text-active-animation {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(100%) rotate(5deg);
    transform: translateY(100%) rotate(5deg);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
}



@-webkit-keyframes banner {
    from {transform: scale(1);}
    to {transform: scale(1.2);}
}
.banner .swiper-slide:hover>img{}
/* .banner .swiper-slide>img{transition: 3s;} */
.banner .swiper-pagination-bullet{width: 40px;height: 4px;background: #fff;opacity: 1;border-radius: 0%;margin: 14px !important;}
.banner .swiper-pagination-bullet-active{background: #009adf;opacity: 1;}
.banner .swiper-button-prev{transform: rotateY(180deg);left: 75px;}
.banner .swiper-button-next{right: 75px;}
.banner .swiper-button-prev,.banner .swiper-button-next{width: 42px;height: 42px;text-align: center;line-height: 42px;border-radius: 100%;background: rgba(255,255,255,.5);}
.banner .swiper-slide{position: relative;}
.banner .text{position: absolute;width: 94%;max-width:1600px; display: flex;flex-direction: column;height: 100%;z-index: 9;justify-content: center;left: 50%;top: 0; transform: translateX(-50%); text-align:left;}
.banner .text i{display: block;width: 52px;height: 4px;background: #fff;margin-bottom: 3.5%;}
.banner .text em{font-size: 72px;color: #ffffff;font-family: 'Noto Sans SC', sans-serif;font-weight: 600;text-shadow: 0px 1px 2px #000;}
.banner .text span{color: rgba(255,255,255,.6);font-size: 24px;}
.banner .text a{font-size: 18px;color: #204489;width: 192px;height: 60px;text-align: center;line-height: 55px;margin-top: 6%;border-radius: 30px;background: #fff;display: flex;align-items: center;justify-content: center;}
.banner .text a span{width: 34px;height: 34px;border-radius: 25px;background: url(../images/banner-arrow.png)no-repeat center #0b2c78;display: inline-block;margin-left: 15px;}

.banner .text2{position: absolute;width: 84%;display: flex;flex-direction: column;height: 100%;z-index: 9;justify-content: center;left: 8.4%;top: 0;}
.banner .text2 i{margin-bottom: 15px;display: block;}
.banner .text2 em{font-size: 36px;color: #ffffff;font-family: 'Noto Sans SC', sans-serif;font-weight: 500;}
.banner .text2 a{font-size: 18px;color: #204489;width: 192px;height: 60px;text-align: center;line-height: 55px;margin-top: 6%;border-radius: 30px;background: #fff;display: flex;align-items: center;justify-content: center;}
.banner .text2 a span{width: 34px;height: 34px;border-radius: 25px;background: url(../images/banner-arrow.png)no-repeat center #0b2c78;display: inline-block;margin-left: 15px;}

.banner .wg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/Banner_Overlay-Tile.png);z-index: 2;background-size: 4px 4px;background-repeat: repeat;}
  


/* 面包屑 */
.Breadcrumbs{background: #fff;box-shadow: 0px 7px 9px 0px rgba(4, 0, 0, 0.04);line-height: 60px;z-index: 1;position: relative;}
.Breadcrumbs p{color: #666666;font-size: 16px;}
.Breadcrumbs a{display: inline;font-size: 16px;color: #666666;}

/* 头部导航下拉   */
#nav>li:hover .head-submenu{transform: translate(-50%, 0);opacity: 1;visibility: visible;}
#nav>li .head-submenu {position: absolute;top: 101%;left: 50%;width: auto; overflow: hidden;background-color: #fff;opacity: 0;visibility: hidden;;transition: all 400ms;height: auto; white-space: nowrap; padding: 0 15px; transform: translate(-50%, 20px);}
/*#nav>li:nth-child(2) .head-submenu{display: none;}*/
#nav>li .head-submenu ul{display: flex;flex-wrap: wrap;justify-content: center;}
#nav>li .head-submenu ul li{width: 100%;}
#nav>li .head-submenu ul li a{font-size: 14px;color: #999999;line-height: 44px;}
#nav>li .head-submenu ul li a:hover{color: #0b2c78;}
#nav>li .head-submenu ul dl{width: 60%;}
#nav>li .head-submenu ul dl dt{display: block;font-size: 23px;color: #000000;font-weight: bold;margin-bottom: 25px;}
#nav>li .head-submenu ul dl dd{display: inline-block;font-size: 16px;margin-right: 11%;}
#nav>li .head-submenu ul dl dd a{color: #333333;}
#nav>li .head-submenu ul dl dd:hover a{color: #36b5ed;}
/* #nav>li .head-submenu ul{display: inline-block;} */
/* #nav>li .head-submenu ul li {display: inline-block;margin-right: 65px}
#nav>li .head-submenu ul li a {line-height: 60px;font-size: 14px; color: #fff;transition: all 500ms;} */
  

/* 面包屑 */
.position{background: #f5fafb; position: relative;z-index: 1;}
.position ul{display: flex;justify-content: space-between;line-height: 80px;}
.position ul li:nth-child(1){background: url(../images/home-icon.png)no-repeat center left;padding-left: 20px;color: #999999;}
.position ul li:nth-child(1) a{display: inline-block;font-size: 14px;color: #999999;}
.position ul li:nth-child(2){}
.position ul li:nth-child(2) dd{float: left;transition: 0.4s;}
.position ul li:nth-child(2) dd a{font-size: 16px;color: #666666;margin: 0 28px;transition: 0.4s;position: relative;}
/* hover */
.position ul li:nth-child(2) dd:hover a{color: #00a0e9;font-weight: bold;}
.position ul li:nth-child(2) dd.on a{color: #00a0e9;font-weight: bold;}
.position ul li:nth-child(2) dd:hover a::after{content: '';width: 100%;height: 2px;background: #00a0e9;position: absolute;bottom: 0;left: 0;}
.position ul li:nth-child(2) dd.on a::after{content: '';width: 100%;height: 2px;background: #00a0e9;position: absolute;bottom: 0;left: 0;}

/* 手机端 得*/
.wap-position{display: none;margin-top: 3%;}
.wap-position ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wap-position ul li{width: calc(100% / 2 - 1.8%);text-align: center;line-height: 40px;border: 1px solid #e6e6e6;transition: 0.3s;margin-bottom: 2%;}
.wap-position ul li a{font-size: 14px;color: #333333;}
.wap-position ul li:hover a,.wap-position ul li.on a{color: #FFFFFF;}
.wap-position ul li:hover,.wap-position ul li.on{background: #0b2c78;}

/* 内页banner */
.ny-banner{}
.ny-banner .container{display: flex;flex-direction: column;justify-content: center;text-align: left;}
.ny-banner em{font-size: 48px;color: #0b2c78;font-family: 'Noto Sans SC', sans-serif;}
.ny-banner p{font-size: 24px;color: #0b2c78;opacity: .5;}
.news-banner em{font-size: 48px;color: #fff;font-family: 'Noto Sans SC', sans-serif;}
.news-banner p{font-size: 24px;color: #fff;}

.product-banner dd{position: absolute;right: 5.5%;text-align: right;}
.product-banner dd span{display: block;font-size: 16px;color: #00a0e9;font-family: 'si';position: relative;padding-right: 10px;margin-bottom: 5px;}
.product-banner dd span::after{content: ''; position: absolute;right: 0;top: 11px;width: 7px;height: 7px;border-radius: 100%;background: #00a0e9;}
.product-banner dd em{font-size: 42px;color: #3f4144;font-weight: bold;}
.product-banner dd p{font-size: 16px;color: #666666;margin-top: 7px;}
.product-banner dd a{width: 140px;line-height: 49px;border-radius: 4px;background: #00a0e9;box-shadow: 0px 0px 14.4px 1.6px rgba(34, 34, 34, 0.23);color: #fff;font-size: 16px;text-align: center;float: right;margin-top: 45px;}
  
/* 关于我们 */
#about{position: relative;background: url(../images/about-bg.jpg)no-repeat center;}
#about .about-bg{position: absolute;top: 0;left: 0;width: 100%;}
.about{position: relative;z-index: 1;}
.about .title{}
.about .title em{font-size: 40px;color: #333333;font-family: 'Noto Sans SC', sans-serif;font-weight: 600;}
.about .title em span{font-size: 92px;color: #f2f2f2;font-family: 'Noto Sans SC', sans-serif;font-weight: 600;}
.about .title i{display: block;font-size: 30px;color: #0b2c78;font-family: 'Noto Sans SC', sans-serif;margin-bottom: 2.5%;}
.about .title p{font-size: 14px;color: #666666;line-height: 28px;width: 69%;text-transform: uppercase;font-family: 'Noto Sans SC', sans-serif;}
.about .title a{width: 160px;height: 50px;border-radius: 26px;text-align: center;border: 1px solid #0b2c78;line-height: 50px;margin-top: 3.5%;}
.about .title a img{transition: all .4s;}
.about .title a:hover img{transform: scale(1.1);}
.about ul{display: flex;justify-content: space-between;width: 100%;margin-top: 5%;}
.about ul li{text-align: center;border-radius: 5px;width: calc(100% / 4 - 1.6%);padding: 1.4% 0;}
.about ul li:nth-child(1){background: #0a7eb1;}
.about ul li:nth-child(2){background: #128b78;}
.about ul li:nth-child(3){background: #f7d45b;}
.about ul li:nth-child(4){background: #f3f0e8;}
.about ul li p{font-size: 50px;color: #fff;font-family: 'abd';display: inline-block;}
.about ul li i{font-size: 14px;font-family: 'Noto Sans SC', sans-serif;color: #fff;}
.about ul li em{display: block;font-size: 16px;color: #ffffff;}
.about ul li:nth-child(3) em,.about ul li:nth-child(4) em{color: #333333;}
.about ul li:nth-child(3) p,.about ul li:nth-child(4) p{color: #0b2c78;}
.about ul li:nth-child(3) i,.about ul li:nth-child(4) i{color: #333333;}
/* 解决方案 */
.Solution{display: flex;justify-content: space-between;height: 100vh;margin-top: 0vh;overflow: hidden;}
.solution-list{width: calc(100% / 4);background-size: cover !important;position: relative;cursor: pointer;transition: all .4s;}
.solution-list::after{content: '';width: 100%;height: 0px;background: #0b2c78;position: absolute;bottom: 0;left: 0;transition: all .4s;}
.solution-list:hover::after{height: 7px;transition: all .4s;}
.solution-list::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;filter:blur(5px);}
.solution-list:hover{transition: all .4s;}
.solution-list img{transition: all .4s;width:100%;}
.solution-list:hover img{filter:blur(5px);}
/* .solution-list:last-child:after{content: none;} */
.solution-list .title{position: absolute;top: 18%;left: 0%;transition: all 0.4s;width: 100%;text-align: center;}
.solution-list .title em{    font-size: 28px;
    color: #0b2c78;
    font-family: 'Noto Sans SC', sans-serif;
    font-weight: 500;
    background: url(../images/shangb.png) no-repeat right 3px top 8px;
    padding: 0 10%;}
.solution-list .title em:nth-child(2){
    height: 98px;
}
.solution-list:nth-child(3) .title em{background: url(../images/shangb2.png)no-repeat right 3px top 8px;}
.solution-list .title a{width: 168px;height: 58px;margin-top: 15px;border-radius: 30px;border: 1px solid #0b2c78;font-size: 16px;color: #0b2c78;line-height: 60px;text-align: center;margin: auto;margin-top: 22%;position: relative;transition: all .4s;bottom: 0;}
.solution-list:hover .title a{background: #0b2c78;bottom: 15px;color: #fff;}
.solution-list .info{height: 100%;position: absolute;width: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.4);opacity: 0;transition: all 0.4s;}
.solution-list .info li{text-align: center;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;top: 25px;transition: all 0.4s;}
.solution-list .info li em{font-size: 25px;color: #ffffff;font-weight: bold;}
.solution-list .info li i{display: block;width: 45px;height: 3px;background: #fff;margin-top: 10px;}
.solution-list .info li p{font-size: 16px;color: #ffffff;margin-top: 10%;}
.solution-list .info a{line-height: 111px;background: #00a0e9;font-size: 20px;color: #fff;text-align: center;position: absolute;left: 0;bottom: 0;height: 0px;width: 100%;transition: all 0.4s;}
/* :hover */
/* .solution-list:hover .title{opacity: 0;bottom: 15%;} */
/* .solution-list:hover .info{opacity: 1;} */
/* .solution-list:hover .info li{top: 0;} */
/* .solution-list:hover .info a{height: 111px;} */

/* 产品中心 */
.product{overflow: hidden;position: relative;}
.product .title{text-align: center;margin-bottom: 3%;}
.product .title em{font-size: 40px;color: #323333;font-weight: bold;}
.product-container{padding-bottom: 45px;}
.product-container .swiper-slide{position: relative;right: 80px;}
.product-container .swiper-slide img{display: block;}
.product-container .swiper-slide em{position: absolute;height: 90%;top: 0;left: 13%;display: flex;justify-content: end;font-size: 24px;color: #ffffff;font-weight: bold;writing-mode: tb-rl;letter-spacing: 5px;}
.product-container .swiper-pagination-progressbar{bottom: 0 !important;top: auto;height: 1px !important;margin-bottom: 4px;background: #979797;}
.product-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 3px;top: -1px;background: #00a0e9;}

/* 新闻中心 */
#new s,#product{background-color: #f9f9f9 !important;}
#news{background: url(../images/news-bg.jpg)no-repeat center center !important;}
.news{overflow: hidden;position: relative;}
.news .title{text-align: left;margin-bottom: 3%;}
.news .title em{font-size: 40px;color: #333333;font-family: 'Noto Sans SC', sans-serif;font-weight: 600;}
.news .title span{font-size: 92px;color: rgba(51,51,51,.2);font-family: 'Noto Sans SC', sans-serif;font-weight: 600;margin-left: 15px;}
.swiper-news{overflow: hidden;}
.news .swiper-slide{display: flex;justify-content: space-between;}
.news .swiper-slide li{overflow: hidden;}
.news .swiper-slide li dd{background: #fff;overflow: hidden;}
.news .swiper-slide li dd:nth-child(2){padding: 5% 9%;transition: all .4s;}
.news .swiper-slide li:hover dd:nth-child(2){background: #162068;}
.news .swiper-slide li:hover em{color: #fff;}
.news .swiper-slide li:hover p{color: #fff;}
.news .swiper-slide li img{display: block;width: 100%;transition: all 0.4s;}
.news .swiper-slide li em{font-size: 20px;color: #222222;margin-bottom: 1.5%;font-family: 'Noto Sans SC', sans-serif;margin-bottom: 8%;display: block;margin-top: 2%;transition: all .4s;}
.news .swiper-slide li p{font-size: 14px;color: #808080;margin-bottom: 10%;line-height: 24px;font-family: 'Noto Sans SC', sans-serif;transition: all .4s;}
.news .swiper-slide li:hover img{transform: scale(1.1);}
.news .swiper-slide li:hover h2{background: #00a0e9;color: #fff;}
.news .swiper-button-next:after, .news .swiper-button-prev:after{content: none;}
.news .swiper-button-next{top: 62%;right: 5.5%;width: 87px;height: 87px;border-radius: 100%;text-align: center;background: #fff;}
.news .swiper-button-next img{transform: rotateY(180deg);}
.news .swiper-button-prev{top: 62%;left: 5.5%;width: 87px;height: 87px;border-radius: 100%;text-align: center;background: #fff;}


/* 底部 */
.footer{background: url(../images/footer-bg.jpg)no-repeat bottom center;overflow: hidden;background-size: cover;}
.footer .con{display: flex;justify-content: space-between;margin-top: 3.7%; padding: 3%; background-color: rgba(255, 255, 255, .5);}
.footer .foot-logo{text-align: center;}
.footer .foot-logo p{font-size: 20px;color: #ffffff;font-family: 'Noto Sans SC', sans-serif;font-weight: 500;}
.footer .foot-logo span{font-size: 14px;color: rgba(255,255,255,.5);}
.footer .f-t-left{display: flex;justify-content: space-between;width: 43%;}
.footer .f-t-left dl{}
.footer .f-t-left dl dt{font-size: 18px;color: #333;margin-bottom: 13px;font-family: 'Noto Sans SC', sans-serif;font-weight: 500;}
.footer .f-t-left dl dd a{font-size: 14px;color: #999;line-height: 32px;font-family: 'Noto Sans SC', sans-serif;}
.footer .f-t-right{width: 20%;}
.footer .f-t-right em{font-size: 22px;color: #333;font-family: 'Noto Sans SC', sans-serif;font-weight: 500;}
.footer .f-t-right dt p{font-size: 30px;color: #666;font-family: 'abd';}
.footer .f-t-right dd p{font-size: 16px;color: #666;font-family: 'abg';padding-left: 25px;}
.footer .f-t-right dd p:nth-child(1){background: url(../images/foot-mail.png)no-repeat center left; filter: grayscale(1) brightness(50%);}
.footer .f-t-right dd p:nth-child(2){background: url(../images/foot-add.png)no-repeat top 5px left; filter: grayscale(1) brightness(50%);}
.end{margin-top: 2%;line-height: 80px;border-top: 1px solid rgba(255,255,255,.1);}
.end ul{display: flex;justify-content: space-between;}
.end ul li{display: flex;}
.end ul li:nth-child(2){}
.end ul li:nth-child(2) dl{display: flex;}
.end ul li:nth-child(2) dl div{margin-right: 20px;position: relative;overflow: hidden;}
.end ul li:nth-child(2) dl div dd{background-position: center !important;background-size: cover !important;width: 165px;height: 165px;position: absolute;bottom: 80%;left: -105%;opacity: 0;transition: all .4s;}
.end ul li:nth-child(2) dl div:hover{overflow: visible;}
.end ul li:nth-child(2) dl div:hover dd{bottom: 100%;opacity: 1;}
.end ul li:nth-child(2) dl div img{position: relative;top: 18px;}
.end ul li p{font-size: 14px;color: #666;}
.end ul li a{font-size: 14px;color: #666;position: relative;margin: 0 15px;}
.end ul li a::after{content: '';width: 1px;height: 13px;background: #a9a6a6; position: absolute;right: -15px;top: 6px;}
.end ul li a:last-child:after{content: none;}

/* 内页公司简介 */
.ny-gsjj{background: url(../images/gsjj-icon2.png)no-repeat top 230px right;}
.ny-gsjj  ul{display: flex;justify-content: space-between;}
.ny-gsjj  ul li:nth-child(1){}
.ny-gsjj  ul li:nth-child(1) dd{padding-top: 60px;}
.ny-gsjj  ul li:nth-child(1) dd span{font-size: 59px;color: #bfbfbf;font-family: 'Noto Sans SC', sans-serif;font-weight: 800;display: inline-block;}
.ny-gsjj  ul li:nth-child(1) dd i{font-size: 96px;color: #0b2c78;font-family: 'abd';display: inline-block;}
.ny-gsjj  ul li:nth-child(1) dd p{font-size: 41px;color: #0b2c78;font-family: 'Noto Sans SC', sans-serif;font-weight: 600;line-height: 0px;margin-bottom: 60px;}
.ny-gsjj  ul li:nth-child(2){padding: 3% 0; flex:1; margin-left:5%; width: 55%;display: flex;flex-direction: column;justify-content: center;}
.ny-gsjj  ul li:nth-child(2) div p{text-indent: 2em;font-size: 16px;color: #666666;line-height: 30px;font-family: 'Noto Sans SC', sans-serif;}
.ny-gsjj  ul li:nth-child(2) dl{display: flex;justify-content: space-between;margin-top: 9%;}
.ny-gsjj  ul li:nth-child(2) dl dd{text-align: center;}
.ny-gsjj  ul li:nth-child(2) dl dd p{font-size: 48px;color: #0b2c78;line-height: 18px;font-family: 'abd';display: inline-block;}
.ny-gsjj  ul li:nth-child(2) dl dd i{font-size: 14px;color: #666666;font-family: 'Noto Sans SC', sans-serif;margin-left: 10px;}
.ny-gsjj  ul li:nth-child(2) dl dd strong{font-size: 14px;color: #666666;font-family: 'Noto Sans SC', sans-serif;margin-left: 10px;display: none;}
.ny-gsjj  ul li:nth-child(2) dl dd span{font-size: 16px;color: #666666;font-family: 'Noto Sans SC', sans-serif;display: block;}

/* 内页企业文化 */
.ny-qywh{background: url(../images/qywh-pic.jpg)no-repeat center;height: 517px; padding-bottom: 2%;}
.ny-qywh dl{display: flex;flex-direction: column;justify-content: center;height: 100%;}
.ny-qywh dl dd{margin-left: 7%;margin-top: 3%;}
.ny-qywh dl dd em{font-size: 20px;color: #ffffff;font-family: 'Noto Sans SC', sans-serif;display: block;width: 118px;line-height: 37px;background: #0b2c78;text-align: center;}
.ny-qywh dl dd p{font-size: 30px;color: #fff;font-family: 'Noto Sans SC', sans-serif;font-weight: 600;margin-top: 10px;}

/* 内页发展历程 */
.ny-fzlc{margin: 3% 0;}
.ny-fzlc .title,.ny-honor .title,.ny-team .title{text-align: center;margin: 5%;}
.ny-fzlc .title em,.ny-honor .title em,.ny-team .title em{font-size: 32px;}
.ny-fzlc .title p,.ny-honor .title p,.ny-team .title p{font-size: 18px;color: #666;}
.ny-fzlc .container{display: flex;justify-content: center;}
.ny-fzlc .fzlc-nf{width: 155px;height: 452px;position: relative;background: url(../images/falc-line.png)no-repeat center right 20px;padding-right: 10px;display: flex;padding: 23px 0;}
.ny-fzlc .swiper-container{overflow: hidden;height: 100%;margin: auto;width: 100%;}
.swiper-backface-hidden .swiper-slide {height: auto !important;transform: translateZ(0) ;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.ny-fzlc .swiper-container .swiper-slide{cursor: pointer;height: 83px;line-height: 81px;width: 102px;}
.ny-fzlc .swiper-container .swiper-slide p{font-size: 24px;color: #999999;font-family: 'abd';text-align: right;transition: all .2s;position: relative;}
.ny-fzlc .swiper-container .swiper-slide p::after{content: '';width: 0px;height: 0px;background: #fff;position: absolute;top: 40px;right: -34px;transition: all .2s;border-radius: 100%;border: 2px solid #0b2c78;opacity: 0;}
.ny-fzlc .swiper-container .active p{font-size: 48px;color: #0b2c78;}
.ny-fzlc .swiper-container .active p::after{width: 12px;height: 12px;position: absolute; top: 34px;right: -40px;border: 2px solid #0b2c78;opacity: 1;}
.ny-fzlc .swiper-button-next:after, .ny-fzlc .swiper-button-prev:after{content: none;}
.ny-fzlc .swiper-button-next img:nth-child(2), .ny-fzlc .swiper-button-prev img:nth-child(2){display: none;}
.ny-fzlc .swiper-button-next{top: -2%;right: 12px;display: block;}
.ny-fzlc .swiper-button-prev{top: auto;bottom: -11%; right: 12px;left: auto;display: block;}
.ny-fzlc .swiper-button-prev img{transform: rotateX(180deg);}


/* 右侧内容 */
.ny-fzlc .nf-con{width: 56.7%;margin-left: 10%;position: relative;}
.ny-fzlc .nf-con ul{position: absolute;opacity: 0;transition: all .4s;width: 100%;top: 25px;left: 0;}
.ny-fzlc .nf-con ul.active{position: relative;opacity: 1;top: 0;left: 0;z-index: 2;}
.ny-fzlc .nf-con ul li{background: #f2f2f2;transition: all .4s;padding: 3.2%;margin-bottom: 3%;cursor: pointer;}
.ny-fzlc .nf-con ul li em{font-size: 30px;font-family: 'Noto Sans SC', sans-serif;font-weight: 500;color: #333333;transition: all .4s;}
.ny-fzlc .nf-con ul li p{font-size: 20px;font-family: 'Noto Sans SC', sans-serif;color: #333333;transition: all .4s;}
.ny-fzlc .nf-con ul li:hover{background: #0b2c78;}
.ny-fzlc .nf-con ul li:hover p{color: #ffffff;}
.ny-fzlc .nf-con ul li:hover em{color: #ffffff;}

/* 荣誉资质 */
.ny-honor{background: #f2f2f2;overflow: hidden;}
.ny-honor ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 4% 0;}
.ny-honor ul li{width: calc(100% / 4 - 1.2%);margin-bottom: 2.5%;}
.ny-honor ul li img{display: block;width: 100%;box-shadow: 0px 1px 3px -1px rgb(0 0 0 / 40%);}
.ny-honor ul li p{font-size: 18px;color: #333333;font-family: 'Noto Sans SC', sans-serif;text-align: center;margin-top: 3%;}

/* 团队实力 */
.ny-team{margin-bottom: 5%;}
.ny-team ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ny-team ul li{width: calc(100% / 2 - 1.5%);display: flex;box-shadow: 0px 0px 8px 0px rgba(30, 0, 0, 0.11);margin-top: 2.5%;align-items:flex-start}
.ny-team ul li img{display: block;width:292px;height: 100%;
        object-fit: cover;}
.ny-team ul li dd{display: flex;flex-direction: column;justify-content: center;padding: 25px 5%;flex:1}
.ny-team ul li dd em{font-size: 30px;color: #0b2c78;font-family: 'Noto Sans SC', sans-serif;}
.ny-team ul li dd span{font-size: 18px;color: #666666;font-family: 'Noto Sans SC', sans-serif;}
.ny-team ul li dd p{font-size: 16px;color: #808080;font-family: 'Noto Sans SC', sans-serif;}





/* 新闻中心 */
.ny-news{overflow: hidden;position: relative;background: #fff;padding: 5%;overflow: hidden;}
.ny-news .title{text-align: center;margin-bottom: 3%;margin-top: 4%;}
.ny-news .title em{font-size: 40px;color: #323333;font-weight: bold;}
.ny-news ul{display: flex;flex-wrap: wrap;margin-left:-0.75%;margin-right:-0.75%}
.ny-news ul::after{content: '';width:23.2%;}
.ny-news ul li{    width: 20%;
    margin-bottom: 2.5%;
    cursor: pointer;
    transition: all .4s;
    position: relative;
    bottom: 0;
    padding: 0 0.75%;}
/*.ny-news ul li:last-child{margin-right: 25.4%;}*/
/* .ny-news ul li:last-child{margin-right: 25.7%;} */
.ny-news ul li dd:nth-child(1){overflow: hidden;height: 212px;position: relative;}
.ny-news ul li dd a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ny-news ul li dd{background: #fff;}
.ny-news ul li dd:nth-child(2){padding: 2% 25px;background: #f2f2f2;transition: all .6s;}
.ny-news ul li:hover dd:nth-child(2){background: #0b2c78;}
.ny-news ul li img{display: block;width: 100%;transition: all .6s;height: 100%;
    object-fit: cover;}
.ny-news ul li em{font-size: 18px;color: #333333;margin-bottom: 1.5%;display: block;margin: 3% 0;font-family: 'Noto Sans SC', sans-serif;font-weight: 600;transition: all .6s;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ny-news ul li:hover em{color: #fff;}
.ny-news ul li p{font-size: 14px;color: #808080;margin-bottom: 5%;line-height: 24px;font-family: 'Noto Sans SC', sans-serif;transition: all .6s;                 overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                display: -moz-box;
                -moz-line-clamp: 3;
                -moz-box-orient: vertical;
                word-wrap: break-word;
                word-break: break-word;
                white-space: normal;}
.ny-news ul li:hover img{transform: scale(1.1);}
.ny-news ul li:hover p{color: #fff;}
.ny-news ul li:hover{position: relative;bottom: 18px;}



.news-xq{padding-top: 3%;}
.news-xq .container{display: flex;justify-content: space-between;}
.news-xq .details{width: 73.8%;}
.news-xq .details-right{width: 25%;}
.news-xq .title{text-align: center;margin: 3% 0 2%;}
.news-xq .title h2{font-size: 30px;color: #333333;font-weight: bold;}
.news-xq .title span{font-size: 19px;color: #333333;}
.news-xq .details p{font-size: 16px;color: #808080;text-indent: 2em;line-height: 31px;}
.news-xq .details img{display: block;margin: auto;margin-top: 30px;margin-bottom: 30px;margin: auto !important;max-width: 100%;}
.news-xq .details-right{padding-top: 3%;}
.news-xq .details-right dl{background: #f7f7f7;border-radius: 12px;overflow: hidden;margin-bottom: 10px;}
.news-xq .details-right dl dt{font-size: 20px;color: #0b2c78;font-weight: bold;margin-top: 3%;margin-left: 5%;margin-bottom: 15px;}
.news-xq .details-right dl dd{background: #fff;border-radius: 8px;width: 80%;margin: auto;margin-bottom: 10px;padding: 15px 20px;}
.news-xq .details-right dl dd a{display: flex;justify-content: space-between;}
.news-xq .details-right dl dd p{font-size: 18px;color: #666666;}
.news-xq .details-right dl dd p span{font-size: 14px;color: #999999;display: block;}
.news-xq .details-right dl dd p:nth-child(2){position: relative;display: flex;align-items: center;}
.news-xq .details-right dl dd p:nth-child(2)::after{content: ''; position: absolute;left: -10px;top: 0; width: 1px;height: 100%;background: #e6e6e6;}
.news-xq .details-right dl dd p img{}
.news-xq .details-right dl div{text-align: center;}
.news-xq .details-right dl div i{display: block;font-size: 17px;color: #666666;margin-top: 5px;margin-bottom: 25px;}
.news-xq .page{display: flex;justify-content: space-between;border-top: 2px solid #e5e5e5;padding-top: 3%;margin-top: 4%;margin-bottom: 5%;}
.news-xq .page ul{}
.news-xq .page ul li{margin-bottom: 15px;}
.news-xq .page ul li a{font-size: 16px;color: #666666;}
.news-xq .page>a{font-size: 16px;color: #0b2c78;position: relative;}
.news-xq .page>a::after{content: '';position: absolute;left: -5px;top: 35px;background: #0b2c78;width: 110%;height: 1px;}


.ny-product{margin-top: 5%;}
.ny-product ul{width: 84%;margin: auto;}
.ny-product ul li{display: flex;justify-content: space-between;margin-bottom: 7%;}
.ny-product ul li:nth-child(2n){flex-direction: row-reverse;}
.ny-product ul li:nth-child(2n) dd:nth-child(2){margin-left: 7%;}
.ny-product ul li dd{display: flex;flex-direction: column;justify-content: center;width: 48%;}
.ny-product ul li dd:nth-child(2){width: 35%;margin-right: 7%;}
.ny-product ul li dd:nth-child(1){align-items: center;border: 1px solid #eeeeee;padding: 4px;}
.ny-product ul li dd:nth-child(1) img{display: block;margin: 6% 0;width: 100%;}
.ny-product ul li dd em{font-size: 24px;color: #333333;font-family: 'Noto Sans SC', sans-serif;}
.ny-product ul li dd i{display: block;width: 69px;height: 2px;background: #0b2c78;margin-top: 10px;}
.ny-product ul li dd p{font-size: 18px;color: #808080;line-height: 32px;font-family: 'Noto Sans SC', sans-serif;margin-top: 4%;}
.ny-product ul li dd a.ck{font-size: 18px;color: #fff;font-family: 'Noto Sans SC', sans-serif;background-image: -moz-linear-gradient( 180deg, rgb(38,143,190) 0%, rgb(66,170,217) 100%);
background-image: -webkit-linear-gradient( 180deg, rgb(38,143,190) 0%, rgb(66,170,217) 100%);background-image: -ms-linear-gradient( 180deg, rgb(38,143,190) 0%, rgb(66,170,217) 100%);width: 140px;line-height: 50px;text-align: center;border-radius: 5px;margin-top: 50px;}
  
.product-details{}
.product-details p img{display: block;margin: auto;width: 55%;margin-bottom: 2%;}
.product-details .title{display: flex;justify-content: space-between;border-bottom: 1px solid #d2d2d2;padding-bottom: 10px;margin-top: 4%;}
.product-details .title dd{display: flex;align-items: center;}
.product-details .title dd em{font-size: 36px;color: #268fbe;font-family: 'Noto Sans SC', sans-serif;font-weight: 600;}
.product-details .title dd span{font-size: 36px;color: #333333;font-family: 'Noto Sans SC', sans-serif;}
.product-details .title dd .link{border: 0;margin-right: 4%;background: none;align-items: center;display: flex;}
.product-details .title dd .cpvideo{font-size: 18px;color: #333333;font-family: 'Noto Sans SC', sans-serif;border-radius: 10px;border: 1px solid #999999;width: 196px;height: 48px;line-height: 48px;text-align: center;cursor: pointer;}
.product-details .title dd .cpvideo img{position: relative;top: 5px;}

/* 加入我们 */
.join{margin-bottom: 5%;margin-top: 3%;}
.join ul{display: flex;flex-wrap: wrap;width: 66.3%;}
.join ul li{width: 50%;}
.join ul li img{display: block;width: 100%;}
.join dl{}
.join dl dt{margin-bottom: 8%;}
.join dl dt img{display: block;}
.join dl dd{font-size: 20px;color: #333333;line-height: 52px;}



/* 职位下拉 */
.join .title{border-bottom: 1px solid #d2d2d2;margin-bottom: 3%;}
.join .title h2{font-size: 36px;color: #333333;font-family: 'Noto Sans SC', sans-serif;font-weight: 600;border-bottom: 3px solid #0b2c78;display: inline-block;}
.join-con{background: #fff;margin-top: 30px;}
.join-con .list{margin-bottom: 2%;}
.join-con .list .recruit{cursor: pointer;background: #ebebeb;line-height: 71px;display: flex;justify-content: space-between;}
.join-con .list .recruit em{font-size: 22px;color: #666666;font-weight: bold;margin-left: 45px;}
.join-con .list .recruit i{display: block;width: 21px;height: 4px;background: #808080;position: relative;right: 45px;top: 33px;}
/* .on */
.join-con .on .recruit{cursor: pointer;background: #0b2c78;line-height: 71px;display: flex;justify-content: space-between;}
.join-con .on .recruit em{font-size: 22px;color: #fff;font-weight: bold;margin-left: 45px;}
.join-con .on .recruit i{background: #fff;}
.join-con .on .recruit i::after{content: '';width: 98%;height: 111.5%;position: absolute;left: -0.5px;top: 0;background: #fff;transform: rotate(90deg);}
/* .on */
.join-con .list .recruit-info{overflow: hidden;height: 0;margin-bottom: 2%;background: #f5f5f5;}
.join-con>.on .recruit-info{height: 100%;padding: 2% 45px;}
.join-con .list .recruit-info h3{font-size: 20px;color: #333333;position: relative;}
.join-con .list .recruit-info h3::after{position: absolute;content: '';width: 80%;height: 1px;right: 0;top: 49%;background: #f4f4f6;}
.join-con .list .recruit-info dl{margin-bottom: 2%;}
.join-con .list .recruit-info dl dt{font-size: 20px;color: #333333;margin-bottom: 0.5%;}
.join-con .list .recruit-info dl dd{font-size: 16px;color: #666666;line-height: 30px;}
.join-con .list .recruit-info a{font-size: 20px;color: #0b2c78;margin-top: 4%;}

/* 联系我们 */
.contact{margin-top: 3%;margin-bottom: 4%;}
.contact .title{border-bottom: 1px solid #d2d2d2;margin-bottom: 3%;}
.contact .title h2{font-size: 36px;color: #333333;font-family: 'Noto Sans SC', sans-serif;font-weight: 600;border-bottom: 3px solid #0b2c78;display: inline-block;}
.contact .map dd{display: none;}
.contact .map dd.active{display: block;}
.contact ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 3%;}
.contact ul li{width: calc(100% / 2 - 1%);background: #f2f2f2;border-radius: 12px;padding: 2%;margin-bottom: 2%;cursor: pointer;height: 248px;}
.contact ul li dl:nth-child(){}
.contact ul li dt{font-size: 24px;color: #0b2c78;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;margin-bottom: 20px;}
.contact ul li dd{font-size: 16px;color: #666666;line-height: 31px;width: 100%;float: left;}
.contact ul li:nth-child(1) .k dd{width: calc(100% / 2);}


/* 动画 */
.animate-wave {width: 85px;height: 85px;position: absolute;top: -17px;left: 0;right: 0;margin: 0 auto;border-radius: 50%;opacity: 0;transition: all 0.4s;}
.map-tc li:hover .animate-wave{opacity: 1;}
.map-tc li:hover dd p{padding-top: 50px;}
@-webkit-keyframes opac {
    from {opacity: 1;width: 0;height: 0;top: 50%;left: 50%;}
    to {opacity: 0;width: 100%;height: 100%;top: 0;left: 0;}
}
.animate-wave * {background: #00a0e9;position: absolute;border-radius: 50%;animation: opac 4s infinite;}
.animate-wave .w2 {animation-delay: 1s;}
.animate-wave .w3 {animation-delay: 2s;}
.animate-wave .w4 {animation-delay: 3s;}
/* 动画 */

.pagination {display: flex;justify-content: center;margin-bottom: 1%;padding-bottom: 3%;}
.pagination li {margin: 0 3px;}
.pagination li a {border: solid 1px #e2e2e2;font-size: 12px;color: #999999;display: block;padding: 2px 9px;transition: all 0.3s;}
.pagination .active a {color: #fff;background: #0b2c78;border: solid 1px #0b2c78;}
.pagination li:hover a {color: #fff;background: #0b2c78;border: solid 1px #0b2c78;}