body{font-family: "Microsoft YaHei";}
.content{width:83.33%;min-width: 1200px;max-width:1920px; margin: 0 auto;}
i,em,b{font-style: normal;}


@media (min-width: 1200px) and (max-width: 1680px) {}
.container {
  margin: 0 auto;
  width: 85%;
  max-width: 1600px;
}

/**/
.g_liuc{ min-width:1200px;position: relative;max-width:1920px; width:100%; margin:0 auto; background:#fff url(../image/lc_bg.jpg) no-repeat center top; position:relative; padding-top:5.5rem; overflow:hidden;}
.g_liuc ul{ position:relative; z-index:1; width:92%; padding:0 4%;}
.g_liuc li{ width:10%; float:left; background:url(../image/lc_line.png) no-repeat center bottom; background-size:0.7rem 18rem; text-align:center; font-size:14px; line-height:28px; color:#000;box-sizing: border-box; text-transform:uppercase; padding:0 1% 18rem 1%;}
.g_liuc li p{ margin-bottom:0px;}
.g_liuc li:nth-child(1){ margin-top:5.8rem;}
.g_liuc li:nth-child(3){ margin-top:5.8rem;}
.g_liuc li:nth-child(2){ margin-top:9rem;}
.g_liuc li:nth-child(5){ margin-top:6rem;}
.g_liuc li:nth-child(4){ margin-top:5rem;}
.g_liuc li:nth-child(6){ margin-top:4rem;}
.g_liuc li:nth-child(7){ margin-top:5rem;}
.g_liuc li:nth-child(8){ margin-top:6rem;}
.g_liuc li:nth-child(9){ margin-top:9rem;}
.g_liuc li:nth-child(10){ margin-top:10rem;}

.g_liuc h3{position:relative; z-index:2; width:100%; height:25.15rem; background: url(../image/lc_bg1.png) no-repeat; background-size:100% auto; margin-top:-13rem;}
.g_liuc h5{ width:100%; position: absolute; bottom:5rem; z-index:6;}
.g_liuc h5 p{ width:5.52%; margin:0 auto 1.8rem;}
.g_liuc h5 i{ display:block; position:relative; width:5rem; height:5rem; border-radius:5rem; cursor:pointer;}
.g_liuc h5 i:before{position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        margin-left: -3%;
		margin-top: -3%;
        border: 1px solid #5dc4df;
        border-radius: inherit;
        animation: wave 2s ease-out infinite; z-index:0; animation-delay: 0.1s;}
.g_liuc h5 i:after{position: absolute;
        content: ""; top:0;
        width: 90%;
        height: 90%;
        margin-left: 3%;
		margin-top: 2%;
        border: 1px solid #b2c5e0;
        border-radius: inherit;
        animation: wave 2s ease-out infinite; z-index:4; animation-delay: 0.1s;}
.g_liuc h5 em{ display:block; margin:0 auto; width:32.4479%;}
.g_liuc h5 em img,.g_liuc h5 p img{ display:block; width:100%;}
@media (max-width: 1440px) {
	.g_liuc li{ font-size:14px; }
	.g_liuc li:nth-child(4){padding:0 1% 18rem 1%;width:18%;}
	.g_liuc h5{ bottom:8rem; }
}

.xiaolu_content{
  position: absolute;
  bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
  width: 80%;
  z-index: 10;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
}
.xiaolu_content .item{
  width: 25%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.xiaolu_content .item-title{
  font-size: 30px;
  color: #fff;
  font-weight: bold;
}
.xiaolu_content .item-content{
  font-size: 16px;
  color: #fff;
}


/**/
.jishu{min-width:1200px; max-width:1920px; width:100%; margin:4rem auto 0; }
.jishu h3{ width:41.25%; float:left; overflow:hidden; font-size:2.7rem; font-weight:bold; color:#000; margin-bottom:2rem;}
.jishu h3 a{color:#000;}
.jishu h3 em{ display:block; font-size:1rem; margin-top:5px; font-weight:normal;}
.jishu h5{ width:53.125%; float:right; font-size:14px; color:#6e6e6e; line-height:26px; font-weight:normal; text-align:right;}
.jishu h5 p{}
.jishu h5 a{ display:block; width:100px; height:25px; text-align:left; line-height:25px; color:#000; background:url(../image/lc_arr.png) no-repeat right center; float:right; margin-top:4px;}
.jishu1{min-width:1200px; max-width:1920px; width:100%; margin:0 auto; position:relative;}
.jishu_con dt{min-width:1200px; max-width:1920px; width:100%; margin:0 auto; position:relative;}
.jishu_con dt:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.jishu_con dt img{ display:block; width:100%;}
.jishu_con dt em{ display:block; background:url(../image/jishu_v.png) no-repeat; background-size:100% auto; width:3rem; height:3rem; position:absolute; top:35%; left:50%; margin-left:-1.5rem;}
.jishu_tit{ width:100%; height:9rem; position:absolute; bottom:0;}
.jishu_tit ul{ padding:0 3%;}
.jishu_tit li{ width:25%; float:left; height:5.7rem; border-right:2px solid rgba(255,255,255,0.2); box-sizing:border-box; font-size:22px; text-align:center; font-weight:bold; color:#fff; cursor:pointer;}
.jishu_tit li:last-child{ border:0;}
.jishu_tit li em{ display:block; width:2.75rem; height:2.75rem; margin:0 auto 0.9rem;}
.jishu_tit li em img{ display:block; width:100%;}
.jishu_tit li p{ display:none; font-size:14px; line-height:26px; font-weight:normal; padding:0.4rem 9% 0 9%;}
.jishu_tit .cur{ color:#2cd6fa;}
.jishu_tit .cur em{ display:block;}
.jishu_tit .cur p{ display:block; color:#fff;}
@media (max-width: 1440px) {
	.jishu h5{ width:56.125%;font-size:12px; }
	.jishu_tit li{ font-size:16px;}
	.jishu_tit li p{ font-size:12px; line-height:24px;}
}




/**/
.g_pro{min-width:1200px; max-width:1920px; width:100%; margin:4rem auto 0; position:relative;}
.g_pro h2{ width:44.375%; float:left; margin-bottom:3rem; font-size:2.7rem; font-weight:bold;}
.g_pro h2 a{ color:#000;}
.fen_v{ width:20.125%; float:right; height:44px; margin-top:0.7rem;}
.fen_v a{ display:block; height:44px; line-height:44px; width:38%; float:left; position:relative; font-size:1.1rem; color:#000; text-align:center; position:relative;}
.fen_v a:before{ content:""; position:absolute; top:20%; right:0; width:1px; height:60%; background:#0b3a8b; display: none;}
.fen_v a:last-child:before{ background:none;}
/* .fen_v a:last-child{ width:24%;} */
.fen_v .cur{ color:#0b3a8b; border:1px solid #0b3a8b; border-radius:0.3rem; box-sizing:border-box;}
.fen_v .cur:before{ background:none;}

.pro1{}
.pro1 li{ width:32%; float:left; margin-right:32px; position:relative; padding-bottom:4rem;}
.pro1 li span{ display:block; overflow:hidden; position:relative;}
.pro1 li span img{ display:block; width:100%;}
.pro1 li span em{ display:block; font-size:16px; color:#fff; position:absolute; top:4rem; left:3%; padding-bottom:0.6rem;}
.pro1 li span i{ display:block; width:3.3rem; height:3.3rem; background:url(../image/pro_v.png) no-repeat; background-size:100% auto; position:absolute; left:3%; bottom:3rem;}
.pro1 li span em:before{ content:""; position:absolute; bottom:0; left:0; width:2.5rem; height:2px; background:#fff;}
.pro1 li p{ width:80%; position:absolute; top:0.5rem; right:0;}
.pro1 li p img{ display:block; width:100%;}
.pro2_dot{ width:100%; height:1rem; text-align:center; margin-top:1rem;}
.pro2_dot a{ display:inline-block; width:1rem; height:1rem; border-radius:1rem; background:#009de1; margin:0 20px;}
.pro2_dot .cur2{ background:#0b3a8b;}

/**/
.chac{min-width:1200px; max-width:1920px; width:100%; margin:1rem auto 0; padding:3.3rem 0; background:url(../image/chac_bg.jpg) no-repeat center bottom; background-size:100% auto;}
.chac h3{ width:47.25%; float:left; overflow:hidden; font-size:2.7rem; font-weight:bold; color:#000; margin-bottom:2rem;}
.chac h3 a{color:#000;}
.chac h3 em{ display:block; font-size:1rem; margin-top:5px; font-weight:normal;}
.chac h5{ width:31.875%; float:right; font-size:14px; color:#6e6e6e; line-height:26px; font-weight:normal; text-align:right;}
.chac h5 a{ display:block; width:100px; height:25px; text-align:left; line-height:25px; color:#000; background:url(../image/lc_arr.png) no-repeat right center; float:right; margin-top:4px;}
.chac h4{ width:100%; position:relative;}
.chac h4 img{ display:block; width:100%;}
.chac h4 em{ display:block; width:10rem; height:10rem; position:absolute; top:45%; left:45%; z-index:1;border-radius:10rem; cursor:pointer;}
.chac h4 em:before{position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        margin-left: -3%;
		margin-top: -3%;
        border: 1px solid #5dc4df;
        border-radius: inherit;
        animation: wave 2s ease-out infinite; z-index:0; animation-delay: 0.1s;}
.chac h4 em:after{position: absolute;
        content: ""; top:0;
        width: 90%;
        height: 90%;
        margin-left: 3%;
		margin-top: 2%;
        border: 1px solid #b2c5e0;
        border-radius: inherit;
        animation: wave 2s ease-out infinite; z-index:4; animation-delay: 0.1s;}
@keyframes wave {
        50%,
        75% {
            transform: scale(1.6);
        }
        60%,
        100% {
            opacity: 0;
        }
    }

/**/
.case{min-width:1200px; max-width:1920px; width:100%; margin:3rem auto 0;}
.case1 h3{ width:41.25%; float:left; overflow:hidden; font-size:2.7rem; font-weight:bold; color:#000; margin-bottom:2rem;}
.case1 h3 a{color:#000;}
.case1 h3 em{ display:block; font-size:1rem; margin-top:5px; font-weight:normal;}
.case1 h5{ width:53.125%; float:right; font-size:14px; color:#6e6e6e; line-height:26px; font-weight:normal; text-align:right;}
.case1 h5 a{ display:block; width:100px; height:25px; text-align:left; line-height:25px; color:#000; background:url(../image/lc_arr.png) no-repeat right center; float:right; margin-top:4px;}

.case_tit{ background:#f8fbff; height:95px; padding:40px 0 16px; overflow:hidden;}
.case_tit ul{ width:100%; height:95px; position:relative;}
.case_tit ul:before{ content:""; position:absolute; top:15px; left:0; width:100%; height:1px; background:#ced1d4; z-index:0;}
.case_tit li{ float:left; width:10%; text-align:center; font-size:1.1rem; line-height:60px; z-index:4; position:relative; cursor:pointer;}
.case_tit li a{ color:#282828;}
.case_tit li em{ display:block; width:31px; height:31px; overflow:hidden; background:#f8fbff; margin:0 auto;}
.case_tit li em img{ display:block;transition: .5s;}
.case_tit li:hover em img{margin-top:-31px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.case_tit li:hover a{ font-weight:bold;}
.case2{background:#f8fbff;}

.m_fang .next{ background:url(../image/case_r.png) no-repeat; width:50px; height:50px; top:36%; right:-55px; position:absolute; z-index:1;}
.m_fang .prev{ background:url(../image/case_l.png) no-repeat; width:50px; height:50px; top:36%; left:-55px;position:absolute;z-index:1;}
.m_fang .next:hover,.m_fang .prev:hover{ background-position:0 -50px;}
.m_fang{ width:1000px; margin:0 auto; position:relative;}
.m_fang .tempWrap{overflow: visible !important;}
/*.m_fang .tempWrap .swiper-slide{margin-left:-1030px !important;}*/
.m_fang dl{ position:relative;width:1000px; margin:0 auto 60px; float:left; margin-right:60px; border-radius:30px; overflow:hidden; cursor:pointer;}
.m_fang dt img{ display:block; width:1000px; height:auto;}
.m_fang dd{ display:block; width:100%; background:url(../image/case_bg.png) no-repeat center bottom; background-size:100% auto; text-align:center; padding:165px 0 30px; position:absolute; bottom:0; left:0; z-index:3;}
.m_fang dd h3{font-size:18px; font-weight:bold;}
.m_fang dd h3 a{ color:#fff;}
.m_fang dd p{ font:16px "Microsoft YaHei UI"; line-height:28px; color:#fff; line-height:30px; margin-top:10px;}
.fang_con{ position:relative;}
.m_fang dl:hover dd h3 a{ text-decoration:underline;}

@media (max-width: 1440px) {
}
@media (min-width: 1200px) and (max-width: 1400px) {
.case_tit li{ font-size:0.9rem; line-height:40px;}
.case_tit li em{height:30px; }
.case_tit li:hover em{ height:31px;}
}

/**/
/**/
.par{ padding:20px 0 50px; background: #f4f4f4; }
.par h2{ text-align:center; font-size:2.2rem; font-weight:bold; color:#000; letter-spacing:2px; margin-bottom: 20px;}
.par h2 a{ color:#000;}
.par h2 span{ display:block; width:415px; text-align:right; font-size:1.1rem; background:url(../image/par_h.png) no-repeat left center; margin:0 auto 10px; font-weight:normal;}
.par h2 em{ display:block;}
.par h2 em i{ color:#0b3a8b;}
.par1{ margin:30px 0 20px; position:relative;}
.par2{ overflow:hidden;}
.par3{ width:13.4375%; float:left; margin-right:14px; margin-bottom:20px;}
.par li{ margin-bottom:12px;}
.par li img{ display:block; width:100%;  box-sizing:border-box;}
/* .par li:hover img{ border:1px solid #0b3a8b; box-sizing:border-box;} */
.par_tit{ height:4px; text-align:center;}
.par_tit a{ display:inline-block; width:1.8rem; height:4px; background:#333; margin:0 8px;}
.par_tit .cur{ background:#0b3a8b;}
@media (min-width: 1200px) and (max-width: 1400px) {
	
}


/**/
.honor{min-width:1200px; max-width:1920px; width:100%; margin:0 auto; padding:4rem 0 7rem; background: url(../image/honor_bg.jpg) no-repeat center bottom; background-size:100% auto;}
.honor h3{ width:38.125%; float:left; overflow:hidden; font-size:2.7rem; font-weight:bold; color:#000; margin-bottom:2rem;}
.honor h3 a{color:#000;}
.honor h3 em{ display:block; font-size:1rem; margin-top:5px; font-weight:normal;}
.honor h5{ width:52.375%; float:right; font-size:14px; color:#6e6e6e; line-height:26px; font-weight:normal; text-align:right;}
.honor_con{ background:#fff; box-shadow:0.1rem 0.1rem 1rem #ccc; margin-top:15px;}
.honor_l{ width:54.375%; margin:2rem 0 0 3.125%;}
.honor_l p{ font-size:0.8rem; color:#333; line-height:1.35rem;}
.honor_l h4{ margin-top:1rem;}
.honor_l h4 em{ display:block; float:left; width:18.96%; margin-right:1%;}
.honor_l h4 em:last-child{ margin-right:0;}
.honor_l h4 em img{ display:block; width:100%;}
.honor_l li{ font-size:0.9rem; color:#444; float:left; margin-right:9%;}
.honor_l li:last-child{ margin-right:0;}
.honor_l li span{ display:block;}
.honor_l li span b{ font-size:3.3rem; color:#0b3a8b;}
.honor_r{ width:41.1875%; position:relative;}
.honor_r img{ display:block; width:100%;}
.honor_r em{ display:block; width:9rem; height:9rem; position:absolute; top:45%; left:45%; z-index:1;border-radius:10rem; cursor:pointer;}
.honor_r em:before{position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        margin-left: -3%;
		margin-top: -3%;
        border: 1px solid #5dc4df;
        border-radius: inherit;
        animation: wave 2s ease-out infinite; z-index:0; animation-delay: 0.1s;}
.honor_r em:after{position: absolute;
        content: ""; top:0;
        width: 90%;
        height: 90%;
        margin-left: 3%;
		margin-top: 2%;
        border: 1px solid #b2c5e0;
        border-radius: inherit;
        animation: wave 2s ease-out infinite; z-index:4; animation-delay: 0.1s;}
 @media (max-width: 1680px) {
 .honor_l li{  margin-right:7%;}
}
@media (max-width: 1600px) {
.honor_l li{  margin-right:5.8%;}
}
@media (max-width: 1440px) {
.honor_l li{  margin-right:3.8%;}
}
@media (max-width: 1366px) {
}
@media (max-width: 1360px) {
}
@media (min-width: 1200px) and (max-width: 1400px) {
.honor_l li{ margin-right:3.3%;}
}


/**/
.video{ background:#f8fbff; padding:4.5rem 0;}
.video h3{ width:38.125%; float:left; overflow:hidden; font-size:2.7rem; font-weight:bold; color:#000; margin-bottom:2rem;}
.video h3 a{color:#000;}
.video h5{ width:55.375%; float:right; font-size:14px; color:#6e6e6e; line-height:26px; font-weight:normal; text-align:right;}
.video h5 a{ display:block; width:100px; height:25px; text-align:left; line-height:25px; color:#000; background:url(../image/lc_arr.png) no-repeat right center; float:right; margin-top:4px;}
.video li{ float:left; width:24%; text-align:center; font-size:16px; line-height:3.6rem; color:#000; overflow:hidden; position:relative; margin-right:15px; cursor:pointer;}
.video li img{ display:block; width:100%;}
.video li:last-child{ float:right; margin-right:0;}
.video li i{ display:block; background:url(../image/pro_v.png) no-repeat; background-size:100% auto; width:3.3rem; height:3.3rem; position:absolute; bottom:4.8rem; left:5%;}
@media (min-width: 1200px) and (max-width: 1400px) {
	
}

.g_news{ height:35rem; background:#fff;overflow:hidden; margin:4rem 0 6rem;}
.new1{ height:145px; overflow:hidden;}
.new1 h3{ width:38.125%; float:left; overflow:hidden; font-size:2.7rem; font-weight:bold; color:#000; margin-bottom:2rem;}
.new1 h3 a{color:#000;}
.new1 h3 em{ display:block; font-size:1rem; margin-top:5px; font-weight:normal;}
.news_tit{ float:right; width:30.142857%; height:85px; margin-top:10px;}
.news_tit li{ font:18px "Microsoft YaHei UI"; line-height:85px; float:left; width:33.33%;}
.news_tit li a{ display:block; color:#282828;}
.news_tit li em{ display:block; float:left; width:36px; height:36px; float:left; margin-right:4px; margin-top:24px;}
.news_tit li em img{ display:block;width:36px; height:36px;}
.news_tit .cur a{ color:#0b3a8b; border-bottom:3px solid #0b3a8b;}

.news_con{}
.news_con dl{ width:24%; float:left; padding:43px 0 60px; background:#fff; margin:0 0.5%; border-bottom:1px solid #bebebe; height:auto; box-sizing:border-box; overflow:hidden;}
.news_con dt{ overflow:hidden; position:relative; margin-top:20px;}
.news_con dt:before{content: '';
            cursor: pointer;
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.news_con dt img{ display:block; width:100%;}
.news_con .dd01{ font:16px "Microsoft YaHei UI"; line-height:22px; color:#333333; height:44px; font-weight:bold; color:#333333; width:70%;}
.news_con .dd01 a{ color:#333;}
.news_con .dd02 p{ font:14px "Microsoft YaHei UI"; line-height:20px; color:#9a9a9a; height:60px; overflow:hidden; margin:24px 0;}
.news_con .dd02 em a{ display:block; font:12px "Microsoft YaHei UI"; color:#6e6e6e; background:url(../image/new_arr1.png) no-repeat right center;}
.news_con dl:hover dt:before{left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;}
.news_con .cur2{ background:#0b3a8b;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear; padding:43px 15px 60px; box-sizing:border-box;}
.news_con .cur2 .dd01 a{ color:#fff;}
.news_con .cur2 .dd02 a{ background:url(../image/new_arr2.png) no-repeat right center; color:#fff;}
.news_con .cur2 .dd02 p{ color:#fff;}
@media (min-width: 1200px) and (max-width: 1400px) {
	.news_tit{width:36.142857%;}
	/*.news_con dl{ width:23.3%;}*/
	}

.news_r dt img{ display:block;width:109px; height:82px;border-radius:5px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news_r .cur2 dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

/*友情链接*/
.g_link{ font:14px "Microsoft YaHei UI"; line-height:40px; position:relative; margin-top:-80px; text-align:center;}
.g_link p{ width:100%; }
.g_link a{color:#fff; display:inline-block; padding-right:25px;}
.g_link a:hover{ text-decoration:underline; color:#fff;}

@media (min-width: 1200px) and (max-width: 1400px) {
	.g_guide .content,.g_pro .content,.baoz .content,.case .content,.new .content,.about .content,.g_link .content{ width:1200px; margin:0 auto;}
	.g_link{ font-size:12px;}
	}


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}


.z-windows {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
.z-windows .box1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 950px;
  width: 49.60835509%;
  background-color: #Fff;
  padding: 0.6rem 1.2rem;
  max-height: 80%;
  overflow: auto;
}
@media (max-width: 1260px) {
  .z-windows .box1 {
    width: 90%;
    padding: 0.6rem;
  }
}
.z-windows .box1 .cn0 {
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
  cursor: pointer;
}
.z-windows .box1 .cn0 svg {
  width: 0.25rem;
  height: 0.25rem;
}
.z-windows .box1 .cn0 svg path {
  fill: #333;
  opacity: 1;
}
.z-windows .box1 .cn1 {
  text-align: center;
  color: #333333;
}
.z-windows .box1 .cn2 {
  text-align: center;
  color: #999999;
  margin-bottom: 0.2rem;
}
.z-windows .box1 .cn2 span {
  color: #0b3a8b;
}
.z-windows .box1 .box2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.z-windows .box1 .box2 .cn3 {
  margin-top: 0.2rem;
  width: 48.5%;
}
@media (max-width: 767px) {
  .z-windows .box1 .box2 .cn3 {
    width: 100%;
  }
}
.z-windows .box1 .box2 .cn3.cn3a {
  width: 100%;
}
.z-windows .box1 .box2 .cn3 input {
  width: 100%;
  line-height: 0.48rem;
  padding: 0 0.2rem;
  background-color: #f3f3f5;
  border: solid 1px #eaeaea;
  color: #999;
}
.z-windows .box1 .box2 .cn3 input::placeholder {
  color: #999;
}
@media (max-width: 767px) {
  .z-windows .box1 .box2 .cn3 input {
    line-height: 0.76rem;
  }
}
.z-windows .box1 .box3 {
  margin-top: 0.2rem;
  padding: 0.2rem;
  background-color: #f3f3f5;
  border: solid 1px #eaeaea;
}
.z-windows .box1 .box3 .cn4 {
  color: #999999;
  line-height: 1.71428571em;
}
.z-windows .box1 .box3 .cn5 {
  width: 1.2rem;
  margin-top: 0.25rem;
  position: relative;
  line-height: 0.4rem;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #c5c5c5;
  text-align: center;
  cursor: pointer;
  font-size: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .z-windows .box1 .box3 .cn5 {
    line-height: 0.76rem;
    width: 2rem;
  }
}
.z-windows .box1 .box3 .cn5 input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}
.z-windows .box1 .box3 .cn5 .cn6 {
  width: 100%;
  line-height: 0.4rem;
  background-color: #fff;
  position: relative;
  z-index: 2;
  pointer-events: none;
  display: block;
  cursor: pointer;
  color: #333333;
}
@media (max-width: 767px) {
  .z-windows .box1 .box3 .cn5 .cn6 {
    line-height: 0.76rem;
  }
}
.z-windows .box1 .box3 .cn5.on {
  display: none;
}
.z-windows .box1 .box3 .cn15 {
  display: none;
}
.z-windows .box1 .box3 .cn15 .cn17 {
  padding: 0 0.2rem;
  min-width: 1.2rem;
  margin-top: 0.25rem;
  line-height: 0.4rem;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #c5c5c5;
  text-align: center;
  cursor: pointer;
  position: relative;
}
@media (max-width: 767px) {
  .z-windows .box1 .box3 .cn15 .cn17 {
    line-height: 0.76rem;
  }
}
.z-windows .box1 .box3 .cn15 .cn16 {
  width: 100%;
  line-height: 0.4rem;
  background-color: #fff;
  position: relative;
  z-index: 2;
  pointer-events: none;
  display: block;
  cursor: pointer;
  color: #333333;
}
@media (max-width: 767px) {
  .z-windows .box1 .box3 .cn15 .cn16 {
    line-height: 0.76rem;
  }
}
.z-windows .box1 .box3 .cn15 .cn18 {
  position: absolute;
  right: -8.5px;
  top: -8.5px;
}
.z-windows .box1 .box3 .cn15 .cn18 img {
  width: 17px;
  height: 17px;
}
.z-windows .box1 .box3 .cn15 .cn18 svg {
  width: 17px;
  height: 17px;
}
.z-windows .box1 .box3 .cn15.on {
  display: flex;
}
.z-windows .box1 .box4 .cn9 {
  margin-top: 0.1rem;
  color: #999999;
  line-height: 1.71428571em;
}
.z-windows .box1 .box4 .cn10 {
  margin: 0.5rem auto 0;
  width: 1.54rem;
  line-height: 0.52rem;
  background-color: #0b3a8b;
  color: #fff;
  display: block;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .z-windows .box1 .box4 .cn10 {
    line-height: 0.76rem;
  }
}
.z-windows .box1 .box4 .cn10:hover {
  opacity: 0.8;
}
.xiaolu_title{
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: 120px;
  left: 0;
  width: 100%;
  z-index: 10;
}




.about {
  width: 100%;
}
.about .box1 {
  width: 100%;
  position: relative;
  background: #fff;
}
.about .box1 .bbs {
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  height: 270vh;
}
@media (max-width: 991px) {
  .about .box1 .bbs {
    height: 300vh;
  }
}
.about .box1 .bbs .bg {
  width: 100%;
  height: 100vh;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
}
.about .box1 .bbs .bg .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.about .box1 .bbs .bg .img::after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.about .box1 .bbs .bg .img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .about .box1 .bbs .bg .img video.pc {
    display: none;
  }
}
.about .box1 .bbs .bg .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .about .box1 .bbs .bg .img img.pc {
    display: none;
  }
}
.about .box1 .bbs .bg .img img.mb {
  display: none;
}
@media (max-width: 991px) {
  .about .box1 .bbs .bg .img img.mb {
    display: block;
  }
}
.about .box1 .bbs .tbox1 {
  width: 100%;
  height: 100vh;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 2;
  margin-top: -100vh;
}
.about .box1 .bbs .tbox1 .sbox {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
}
@media (max-width: 991px) {
  .about .box1 .bbs .tbox1 .sbox {
    width: 80%;
  }
}
.about .box1 .bbs .tbox1 .sbox .title {
  line-height: 1.20833333em;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
@media (max-width: 991px) {
  .about .box1 .bbs .tbox1 .sbox .title {
    font-size: 0.5rem;
  }
}
.about .box1 .bbs .tbox1 .sbox .play {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 40px auto 0;
  position: relative;
  background: #0b3a8b;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .about .box1 .bbs .tbox1 .sbox .play {
    width: 80px;
    height: 80px;
  }
}
.about .box1 .bbs .tbox1 .sbox .play::before {
  content: '';
  width: 82px;
  height: 82px;
  border: 1px dashed #0b3a8b;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .about .box1 .bbs .tbox1 .sbox .play::before {
    width: 100px;
    height: 100px;
  }
}
.about .box1 .bbs .tbox1 .sbox .play svg {
  width: 15px;
  height: 17px;
}
.about .box1 .bbs .tbox1 .sbox .play svg path {
  fill: #fff;
}
.about .box1 .bbs .tbox1 .sbox .play:hover {
  transform: scale(1.05);
}
.about .box1 .bbs .tbox1 .scroll {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  z-index: 3;
  transition: all 0.5s;
}
.about .box1 .bbs .tbox1 .scroll span {
  color: #fff;
  font-weight: bold;
  line-height: 1;
}
.about .box1 .bbs .tbox1 .scroll i {
  width: 18px;
  height: 24px;
  margin: 8px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about .box1 .bbs .tbox1 .scroll i svg {
  width: 100%;
  height: 100%;
  animation: scroll 2s forwards linear infinite;
}
.about .box1 .bbs .tbox1 .scroll i svg path {
  fill: #fff;
}
.about .box1 .bbs .tbox2 {
  width: 100%;
  height: 100vh;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 0;
  margin-top: -100vh;
  z-index: 1;
}
.about .box1 .bbs .tbox2 .bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.about .box1 .bbs .tbox2 .bg span {
  width: 200%;
  height: 200%;
  border-top: 60vh solid #fff;
  border-bottom: 60vh solid #fff;
  border-left: 50vw solid #fff;
  border-right: 50vw solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(10);
  z-index: 3;
  opacity: 0;
}
@media (max-width: 1260px) {
  .about .box1 .bbs .tbox2 .bg span {
    border-top: 70vh solid #fff;
    border-bottom: 70vh solid #fff;
  }
}
@media (max-width: 991px) {
  .about .box1 .bbs .tbox2 .bg span {
    border-top: 85vh solid #fff;
    border-bottom: 85vh solid #fff;
    border-left: 30vw solid #fff;
    border-right: 30vw solid #fff;
  }
}
@media (max-width: 767px) {
  .about .box1 .bbs .tbox2 .bg span {
    border-top: 90vh solid #fff;
    border-bottom: 90vh solid #fff;
  }
}
.about .box1 .bbs .tbox2 .bg2 {
  width: 100%;
  height: 100%;
  background: #0b3a8b;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.about .box1 .bbs .tbox2 .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
.about .box1 .bbs .tbox2 .img svg {
  width: 100%;
  height: 100%;
  transform: scale(10);
  opacity: 0;
}
.about .box1 .bbs .tbox2 .img svg path {
  fill: #fff;
}
.about .box1 .tbox4_zz {
  width: 100%;
  height: 1.5rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
  position: sticky;
  position: -webkit-sticky;
  top: calc(100vh - 1.5rem);
  margin-top: -55vh;
  z-index: 6;
}
.about .box1 .tbox4 {
  width: 100%;
  background: #fff;
  position: relative;
  z-index: 5;
  padding: 0.8rem 0 1.53rem;
}
@media (max-width: 991px) {
  .about .box1 .tbox4 {
    padding: 0.5rem 0 1.5rem;
    margin-top: -100vh;
  }
}
.about .box1 .tbox4 .container .txt {
  max-width: 1100px;
  margin: 0 auto;
  color: #333;
  line-height: 1.5em;
}
.about .box1 .tbox4 .container .ts {
  width: 100%;
  margin-top: 1.16rem;
}
.about .box1 .tbox4 .container .ts ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
.about .box1 .tbox4 .container .ts ul li {
  width: calc(25% - 0.4rem);
  margin: 0 0.2rem 0.4rem;
  border-top: 2px solid #d5d5d5;
  position: relative;
  padding: 0.24rem 0.2rem;
}
@media (max-width: 991px) {
  .about .box1 .tbox4 .container .ts ul li {
    width: calc(50% - 0.4rem);
  }
}
.about .box1 .tbox4 .container .ts ul li::before {
  content: '';
  width: 6px;
  height: 6px;
  border-left: 2px solid #d5d5d5;
  position: absolute;
  left: 1px;
  bottom: calc(100% - 2px);
  transform: rotateZ(45deg);
}
.about .box1 .tbox4 .container .ts ul li .t2 {
  font-size: 0.86rem;
  line-height: 1;
  height: 0.68rem;
  color: #0b3a8b;
  font-weight: bold;
  font-family: "dinbold";
}
.about .box1 .tbox4 .container .ts ul li .t2 i {
  font-style: normal;
}
.about .box2 {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .about .box2 {
    height: auto;
    padding: 1.4rem 0;
  }
}
.about .box2 .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.about .box2 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .about .box2 .bg img.pc {
    display: none;
  }
}
.about .box2 .bg img.mb {
  display: none;
}
@media (max-width: 991px) {
  .about .box2 .bg img.mb {
    display: block;
  }
}
.about .box2 .container {
  height: 100%;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.about .box2 .container .tbox {
  width: 32.5%;
}
@media (max-width: 991px) {
  .about .box2 .container .tbox {
    width: 100%;
  }
}
.about .box2 .container .tbox .title {
  line-height: 1.2em;
  color: #000;
  font-weight: bold;
}
.about .box2 .container .tbox .txt {
  line-height: 1.55555556em;
  color: #666;
  margin-top: 0.18rem;
}
.about .box2 .container .list {
  width: 50%;
}
@media (max-width: 1580px) {
  .about .box2 .container .list {
    width: 55%;
  }
}
@media (max-width: 991px) {
  .about .box2 .container .list {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.about .box2 .container .list ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.38rem 0.5rem 0.07rem;
  transition: all 0.4s;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
@media (max-width: 991px) {
  .about .box2 .container .list ul li {
    padding: 0.5rem 0;
  }
}
.about .box2 .container .list ul li .ts {
  width: 78.57142857%;
  padding-top: 0.2rem;
}
@media (max-width: 767px) {
  .about .box2 .container .list ul li .ts {
    width: 80%;
  }
}
.about .box2 .container .list ul li .ts .t1 {
  line-height: 1.41666667em;
  color: 000;
  font-weight: bold;
}
.about .box2 .container .list ul li .ts .t2 {
  margin-top: 0.08rem;
  line-height: 1.33333333em;
  color: rgba(0, 0, 0, 0.8);
}
.about .box2 .container .list ul li .icon {
  width: 1rem;
  position: relative;
}
.about .box2 .container .list ul li .icon span {
  width: 100%;
  display: flex;
}
.about .box2 .container .list ul li .icon span img {
  width: 100%;
}
.about .box2 .container .list ul li .icon i {
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding-right: 0.08rem;
}
.about .box2 .container .list ul li .icon i svg {
  width: 0.4rem;
}
.about .box2 .container .list ul li .icon i svg path {
  fill: #fff;
  filter: none;
}
.about .box2 .container .list ul li:hover {
  background: #fff;
  border-radius: 0.15rem;
  border-bottom: 1px solid transparent;
}
@media (max-width: 991px) {
  .about .box2 .container .list ul li:hover {
    background: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
}
.about .box3 {
  width: 100%;
  background: #fff;
  overflow: hidden;
  padding: 1.4rem 0;
}
.about .box3 .container .top .title {
  line-height: 1.2em;
  font-weight: bold;
  color: #000;
}
.about .box3 .container .top .txt {
  margin-top: 0.18rem;
  line-height: 1.55555556em;
  color: #666;
}
.about .box3 .container .list {
  width: 100%;
  margin-top: 0.84rem;
  position: relative;
}
.about .box3 .container .list .swiper-container {
  overflow: visible;
}
.about .box3 .container .list .swiper-container .swiper-slide {
  padding: 0 0 0 0.6rem;
  position: relative;
}
.about .box3 .container .list .swiper-container .swiper-slide::before {
  content: "";
  position: absolute;
  left: -2px;
  top: 0;
  width: 2px;
  height: 100%;
  background: #ededed;
}
.about .box3 .container .list .swiper-container .swiper-slide .year {
  height: 0.72rem;
  color: #333;
  font-weight: bold;
  font-size: 1rem;
  line-height: 0.72rem;
  font-family: "dinbold";
  opacity: 0.2;
}
.about .box3 .container .list .swiper-container .swiper-slide .tbox {
  position: relative;
  z-index: 5;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 0.72rem;
  opacity: 0.2;
}
.about .box3 .container .list .swiper-container .swiper-slide .tbox .public-img {
  width: 44.03669725%;
  border-radius: 5px;
  margin-top: 0.07rem;
}
@media (max-width: 767px) {
  .about .box3 .container .list .swiper-container .swiper-slide .tbox .public-img {
    width: 100%;
    padding-right: 0.3rem;
  }
}
.about .box3 .container .list .swiper-container .swiper-slide .tbox .public-img::before {
  padding-top: 58.33333333%;
}
@media (max-width: 767px) {
  .about .box3 .container .list .swiper-container .swiper-slide .tbox .public-img img {
    width: calc(100% - 0.3rem);
  }
}
.about .box3 .container .list .swiper-container .swiper-slide .tbox .tbs {
  width: 47.70642202%;
  height: 3.5rem;
  overflow-y: auto;
  padding-right: 0.3rem;
}
.about .box3 .container .list .swiper-container .swiper-slide .tbox .tbs::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.about .box3 .container .list .swiper-container .swiper-slide .tbox .tbs::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #0b3a8b;
}
.about .box3 .container .list .swiper-container .swiper-slide .tbox .tbs::-webkit-scrollbar-track {
  /*滚动条-背景*/
  border-radius: 3px;
  background: #ededed;
}
.about .box3 .container .list .swiper-container .swiper-slide .tbox .tbs::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
@media (max-width: 1580px) {
  .about .box3 .container .list .swiper-container .swiper-slide .tbox .tbs {
    height: 3.6rem;
  }
}
@media (max-width: 767px) {
  .about .box3 .container .list .swiper-container .swiper-slide .tbox .tbs {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.about .box3 .container .list .swiper-container .swiper-slide .tbox .tbs .ts {
  line-height: 1.55555556em;
  margin-bottom: 0.28rem;
}
.about .box3 .container .list .swiper-container .swiper-slide .tbox .tbs .ts .t1 {
  color: #333;
  font-weight: bold;
}
.about .box3 .container .list .swiper-container .swiper-slide .tbox .tbs .ts .t2 {
  color: #666;
}
@media (max-width: 991px) {
  .about .box3 .container .list .swiper-container .swiper-slide-active {
    opacity: 1;
  }
  .about .box3 .container .list .swiper-container .swiper-slide-active .year {
    opacity: 1;
  }
  .about .box3 .container .list .swiper-container .swiper-slide-active .tbox {
    opacity: 1;
  }
}
.about .box3 .container .list .swiper-container .swiper-slide-next {
  opacity: 1;
}
.about .box3 .container .list .swiper-container .swiper-slide-next .year {
  opacity: 1;
}
.about .box3 .container .list .swiper-container .swiper-slide-next .tbox {
  opacity: 1;
}
@media (max-width: 991px) {
  .about .box3 .container .list .swiper-container .swiper-slide-next {
    opacity: 0.2;
  }
  .about .box3 .container .list .swiper-container .swiper-slide-next .year {
    opacity: 0.2;
  }
  .about .box3 .container .list .swiper-container .swiper-slide-next .tbox {
    opacity: 0.2;
  }
}
.about .box3 .container .list .ck {
  display: flex;
  position: absolute;
  right: 0;
  bottom: calc(100% + 0.9rem);
}
@media (max-width: 767px) {
  .about .box3 .container .list .ck {
    position: relative;
    right: initial;
    bottom: initial;
    width: 100%;
    justify-content: center;
    margin-top: 0.8rem;
  }
}
.about .box3 .container .list .ck .swiper-prev,
.about .box3 .container .list .ck .swiper-next {
  width: 0.49rem;
  height: 0.49rem;
  border-radius: 50%;
  border: 2px solid #0b3a8b;
  transition: all 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .about .box3 .container .list .ck .swiper-prev,
  .about .box3 .container .list .ck .swiper-next {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.about .box3 .container .list .ck .swiper-prev svg,
.about .box3 .container .list .ck .swiper-next svg {
  width: 0.12rem;
  height: 0.12rem;
}
@media (max-width: 767px) {
  .about .box3 .container .list .ck .swiper-prev svg,
  .about .box3 .container .list .ck .swiper-next svg {
    width: 30%;
    height: 30%;
  }
}
.about .box3 .container .list .ck .swiper-prev svg path,
.about .box3 .container .list .ck .swiper-next svg path {
  fill: #0b3a8b;
  transition: all 0.4s;
  filter: none;
}
.about .box3 .container .list .ck .swiper-prev:hover,
.about .box3 .container .list .ck .swiper-next:hover {
  background: #0b3a8b;
}
.about .box3 .container .list .ck .swiper-prev:hover svg path,
.about .box3 .container .list .ck .swiper-next:hover svg path {
  fill: #fff;
}
.about .box3 .container .list .ck .swiper-prev {
  margin-right: 0.2rem;
}
.about .box3 .container .list .ck .swiper-next svg {
  transform: rotateZ(180deg);
}
.about .box4 {
  width: 100%;
  padding: 1.2rem 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .about .box4 .container {
    width: 100%;
  }
}
.about .box4 .container .top .title {
  line-height: 1.2em;
  font-weight: bold;
  text-align: center;
  color: #000;
}
.about .box4 .container .top .txt {
  line-height: 1.44444444em;
  text-align: center;
  color: #999;
  margin-top: 0.2rem;
}
.about .box4 .container .map {
  width: 1200px;
  max-width: 100%;
  position: relative;
  margin: 0.54rem auto 0;
}
@media (max-width: 767px) {
  .about .box4 .container .map {
    margin: 0.8rem auto 0;
    max-width: 130%;
    margin-left: -15%;
  }
}
.about .box4 .container .map .quan {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.about .box4 .container .map .quan .qb {
  position: absolute;
  width: 4px;
  height: 4px;
}
.about .box4 .container .map .quan .qb::before {
  content: '';
  border-radius: 50%;
  background: rgba(0, 209, 209, 0.7);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: qsacle 3s linear infinite;
}
.about .box4 .container .map .quan .qb::after {
  content: '';
  border-radius: 50%;
  background: rgba(0, 209, 209, 0.7);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  animation: qsacle 3s 1.5s linear infinite;
}
.about .box4 .container .map .quan .qb.q1 {
  left: 18.41666667%;
  top: 39%;
}
.about .box4 .container .map .quan .qb.q1::before,
.about .box4 .container .map .quan .qb.q1::after {
  width: 2.18rem;
  height: 2.18rem;
}
.about .box4 .container .map .quan .qb.q2 {
  left: 29.91666667%;
  top: 86%;
}
.about .box4 .container .map .quan .qb.q2::before,
.about .box4 .container .map .quan .qb.q2::after {
  width: 1.94rem;
  height: 1.94rem;
}
.about .box4 .container .map .quan .qb.q3 {
  left: 52.33333333%;
  top: 33.16666667%;
}
.about .box4 .container .map .quan .qb.q3::before,
.about .box4 .container .map .quan .qb.q3::after {
  width: 2.21rem;
  height: 2.21rem;
}
.about .box4 .container .map .quan .qb.q4 {
  left: 68.5%;
  top: 21.83333333%;
}
.about .box4 .container .map .quan .qb.q4::before,
.about .box4 .container .map .quan .qb.q4::after {
  width: 2.29rem;
  height: 2.29rem;
}
.about .box4 .container .map .quan .qb.q5 {
  left: 77.08333333%;
  top: 41%;
}
.about .box4 .container .map .quan .qb.q5::before,
.about .box4 .container .map .quan .qb.q5::after {
  width: 1.56rem;
  height: 1.56rem;
}
.about .box4 .container .map .quan .qb.q6 {
  left: 75.58333333%;
  top: 58.83333333%;
}
.about .box4 .container .map .quan .qb.q6::before,
.about .box4 .container .map .quan .qb.q6::after {
  width: 0.76rem;
  height: 0.76rem;
}
.about .box4 .container .map .quan .qb.q7 {
  left: 83.75%;
  top: 43.16666667%;
}
.about .box4 .container .map .quan .qb.q7::before,
.about .box4 .container .map .quan .qb.q7::after {
  width: 0.66rem;
  height: 0.66rem;
}
.about .box4 .container .map .img2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.about .box4 .container .map .tbox {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4;
  left: 0;
  top: 0;
}
@media (max-width: 767px) {
  .about .box4 .container .map .tbox {
    display: none;
  }
}
.about .box4 .container .map .tbox .tb {
  position: absolute;
  opacity: 0;
  z-index: 99;
}
.about .box4 .container .map .tbox .tb.t1 {
  left: 18%;
  top: 31.33333333%;
  opacity: 0;
  transition: all 0.4s;
}
.about .box4 .container .map .tbox .tb.t1 .ts {
  width: 280px;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.about .box4 .container .map .tbox .tb.t2 {
  left: 51.41666667%;
  top: 48.5%;
}
.about .box4 .container .map .tbox .tb.t2 .td::before {
  transform: rotateZ(180deg);
}
.about .box4 .container .map .tbox .tb.t2 .ts {
  width: 280px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.about .box4 .container .map .tbox .tb.t3 {
  left: 83.91666667%;
  top: 31.33333333%;
}
.about .box4 .container .map .tbox .tb.t3 .ts {
  width: 280px;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.about .box4 .container .map .tbox .tb.t4 {
  left: 81.33333333%;
  top: 55.83333333%;
}
.about .box4 .container .map .tbox .tb.t4 .td::before {
  transform: rotateZ(180deg);
}
.about .box4 .container .map .tbox .tb.t4 .ts {
  width: 230px;
  top: 100%;
  left: -13px;
}
@media (max-width: 991px) {
  .about .box4 .container .map .tbox .tb.t4 .ts {
    width: 220px;
    left: -60px;
    padding: 13px 15px 13px 20px;
  }
}
.about .box4 .container .map .tbox .tb .td {
  width: 14px;
  height: 6px;
  position: relative;
  z-index: 2;
}
.about .box4 .container .map .tbox .tb .td::before {
  content: '';
  border-top: 6px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  display: block;
}
.about .box4 .container .map .tbox .tb .ts {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 6px;
  box-shadow: 0 0 0.1rem 0 rgba(11, 196, 196, 0.16);
  padding: 13px 20px;
}
.about .box4 .container .map .tbox .tb .ts .ts1 {
  width: 100%;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  line-height: 1.42857143em;
  color: #0b3a8b;
  margin-bottom: 8px;
}
.about .box4 .container .map .tbox .tb .ts .ts2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.about .box4 .container .map .tbox .tb .ts .ts2 span {
  width: 100%;
  position: relative;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.42857143em;
  padding-left: 14px;
  margin-bottom: 4px;
}
.about .box4 .container .map .tbox .tb .ts .ts2 span:last-child {
  margin-bottom: 0;
}
.about .box4 .container .map .tbox .tb .ts .ts2 span::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0b3a8b;
  position: absolute;
  left: 0;
  top: 8px;
}
.about .box4 .container .list {
  width: 100%;
  height: 160px;
  margin-top: 63px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: 40px;
  position: relative;
  overflow: hidden;
}
.about .box4 .container .list ul {
  position: absolute;
  top: 40px;
  display: flex;
  left: 0;
}
.about .box4 .container .list ul li {
  width: 246px;
  height: 120px;
  border: 3px solid #f8f8f8;
  background: #f8f8f8;
  transition: all 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  margin: 0 10px;
  overflow: hidden;
}
.about .box4 .container .list ul li img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.about .box4 .container .list ul li:hover {
  border: 3px solid #0b3a8b;
}
.about .box5 {
  width: 100%;
  padding: 95px 0;
}
.about .box5 .top .title {
  line-height: 1.2em;
  color: #000;
  font-weight: bold;
  text-align: center;
}
.about .box5 .top .txt {
  color: #999;
  text-align: center;
  line-height: 1.44444444em;
  margin-top: 15px;
}
.about .box5 .list {
  width: 100%;
  margin-top: 40px;
  overflow: hidden;
}
.about .box5 .list .u1 {
  width: 100%;
  height: 200px;
  position: relative;
  margin-bottom: 40px;
}
.about .box5 .list .u1 ul {
  left: 0;
}
.about .box5 .list .u1 ul li .img img {
  width: 80%;
}
.about .box5 .list .u2 {
  width: calc(100% + 40px);
  height: 200px;
  position: relative;
  margin: 0 -20px 40px;
}
.about .box5 .list .u2 ul {
  right: 0;
}
.about .box5 .list .u2 ul li .img img {
  width: 80%;
}
.about .box5 .list .u3 {
  width: 100%;
  height: 200px;
  position: relative;
}
.about .box5 .list .u3 ul {
  left: 0;
}
.about .box5 .list .u3 ul li .img img {
  width: 80%;
}
.about .box5 .list ul {
  position: absolute;
  top: 0;
  display: flex;
}
.about .box5 .list ul li {
  width: 200px;
  height: 200px;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #fff;
  transition: all 0.4s;
  margin: 0 20px;
  flex-shrink: 0;
  position: relative;
}
.about .box5 .list ul li .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about .box5 .list ul li .img img {
  width: 90%;
  height: auto;
  object-fit: contain;
}
.about .box5 .list ul li .tbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: rgba(0, 209, 209, 0.95);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
}
.about .box5 .list ul li .tbox .t1 {
  max-width: 110px;
  color: #fff;
  line-height: 1.33333333em;
  font-weight: bold;
  text-align: center;
}
.about .box5 .list ul li:hover .tbox {
  opacity: 1;
}
@keyframes qsacle {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
  }
}
@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
@media (min-width: 1800px) {
  .about .box1 .bbs .tbox2 .bg span {
    border-left: 51vw solid #fff;
    border-right: 51vw solid #fff;
  }
}
@media (min-width: 1920px) {
  .about .box1 .bbs .tbox2 .bg span {
    border-left: 60vw solid #fff;
    border-right: 60vw solid #fff;
  }
}
.about .box3 .container .list .swiper-container .swiper-slide {
  cursor: pointer;
}
.about .box4 .container .map .tbox .tb.t1 .td em {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  border-radius: 50%;
}
.about .box4 .container .map .tbox .tb.t2 .td em {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  border-radius: 50%;
}
.about .box4 .container .map .tbox .tb.t3 .td em {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 156px;
  height: 156px;
  border-radius: 50%;
}
.about .box4 .container .map .tbox .tb.t4 .td em {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  border-radius: 50%;
}
.about .box4 .container .map .tbox .tb {
  transition: all 0.4s;
}
.about .box4 .container .map .tbox .tb.on {
  opacity: 1;
}


.font40{
  font-size: 40px;
}
.index-news {
  padding: 30px 0 20px;
  background: #f4f4f4;

  position: relative;
  z-index: 10;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .img > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .index-news.pcindex-news {
    display: none;
  }
}
@media (max-width: 991px) {
  .index-news {
    padding: 10px 0;
  }
}
.index-news .container .textbox .tcn1 {
  text-align: center;
  color: #000;
}
@media (max-width: 991px) {
  .index-news .container .textbox .tcn1 {
    font-size: 16px;
  }
}
.index-news .container .tcn2 {
  display: flex;
  justify-content: center;
  margin: 10px 0 20px;
}
@media (max-width: 991px) {
  .index-news .container .tcn2 {
    margin: 5px 0 10px;
  }
}
.index-news .container .tcn2 .tcn3 {
  text-align: center;
  margin: 0 auto;
  min-width: 140px;
  line-height: 45px;
  border: 2px solid #0b3a8b;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .index-news .container .tcn2 .tcn3 {
    border-radius: 10px;
  }
}
.index-news .container .tcn2 .tcn3 svg {
  margin-left: 10px;
}
@media (max-width: 991px) {
  .index-news .container .tcn2.tcn2a {
    display: none;
  }
}
.index-news .container .tcn2.tcn2b {
  display: none;
}
@media (max-width: 991px) {
  .index-news .container .tcn2.tcn2b {
    display: flex;
  }
}
.index-news .container .indexnewsa1 {
  position: relative;
  overflow: hidden;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 {
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 {
  width: 23.125%;
  margin-right: 2.5%;
  background-color: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  height: auto;
  position: relative;
  transition: all 0.4s;
  transition-timing-function: ease-in-out;
  top: 0;
}
@media (max-width: 991px) {
  .index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 {
    width: 48.75%;
    margin-top: 40px;
    margin-right: 2.5%;
  }
}
@media (max-width: 767px) {
  .index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 {
    width: 100%;
    margin-right: 0;
  }
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2:nth-child(2n) {
    margin-right: 0;
  }
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .box {
  transition: all 0.4s;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .img {
  width: 100%;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .img::before {
  padding-top: 42.55319149%;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .cn1 {
  padding: 35px 30px;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .cn1 .cn2 {
  margin-bottom: 90px;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .cn1 .cn2 .cn3 {
  display: block;
  color: #999999;
  line-height: 2.14285714em;
  margin-bottom: 10px;
  text-align: left;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .cn1 .cn2 .cn4 {
  color: #2d2d2d;
  line-height: 1.3em;
  height: 2.6em;
  transition: all 0.4s;
  text-align: left;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .cn1 .cn9::before {
  background-color: #ddd;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .cn1 .cn9::after {
  background-color: #ddd;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .cn1 .cn5 {
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .cn1 .cn5 .cn6 {
  color: #999999;
  transition: all 0.4s;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .cn1 .cn5 .cn6 svg {
  width: 18px;
  height: 11px;
  transition: all 0.4s 0.4s;
  opacity: 0;
  transform: translateX(-15px);
}
@media (max-width: 991px) {
  .index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .cn1 .cn5 .cn6 svg {
    width: 36px;
    height: 22px;
  }
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .cn1 .cn5 .cn6 svg path {
  fill: #7b7b7b;
  transition: all 0.4s;
  opacity: 1;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .cn1 .cn5 .cn7 svg {
  width: 18px;
  height: 11px;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .cn1 .cn5 .cn7 svg {
    width: 36px;
    height: 22px;
  }
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2 .cn1 .cn5 .cn7 svg path {
  fill: #7b7b7b;
  transition: all 0.4s;
  opacity: 1;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2:hover {
  top: -20px;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2:hover .box .img img {
  transform: scale(1.05);
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2:hover .box .cn1 .cn2 .cn4 {
  color: #0b3a8b;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2:hover .box .cn1 .cn9::before {
  display: none;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2:hover .box .cn1 .cn9::after {
  display: none;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2:hover .box .cn1 .cn9 span::before {
  width: 100%;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2:hover .box .cn1 .cn9 span::after {
  height: 6px;
  transform: rotate(30deg) translateY(0);
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2:hover .box .cn1 .cn5 .cn6 {
  color: #0b3a8b;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2:hover .box .cn1 .cn5 .cn6 svg {
  transform: translateX(0.05rem);
  opacity: 1;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2:hover .box .cn1 .cn5 .cn6 svg path {
  fill: #0b3a8b;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2:hover .box .cn1 .cn5 .cn7 svg {
  transform: translateX(0.2rem);
  opacity: 0;
}
.index-news .container .indexnewsa1 .swiper-wrapper2 .swiper-slide2:hover .box .cn1 .cn5 .cn7 svg path {
  fill: #0b3a8b;
}




.wrapper-pattern-12 {
  background-image: url(../images/pattern-back-12.jpg);
  background-position: center bottom;
  position: relative;
  z-index: 1
}

.wrapper-pattern-13 {
  background-color: #0846a7;
  background-image: url(../images/pattern-back-13.jpg);
  background-position: center bottom;
  position: relative;
  z-index: 1;
  background-size: contain;
  background-position: right bottom
}


.wrapper-content {
  padding: 80px 0
}


.wrapper-content.no-bottom {
  padding-bottom: 0 !important
}

.wrapper-content.no-top {
  padding-top: 0 !important
}

.wrapper-contentSmall {
  padding: 65px 0
}

.wrapper-contentSmall.no-bottom {
  padding-bottom: 0
}

.wrapper-contentSmall.no-top {
  padding-top: 0
}