@charset "UTF-8";

*,*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{margin:0;padding:0;}
body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto; min-width: 1280px;position: relative;padding: 0 ;width: 100%;color: #333333; font-size:14px; line-height:1;background: #fff;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
ul,ul li,ol li,tr td,dl,dd{list-style-type:none;margin:0;padding:0;}
.clearfix:after{content: " ";display: block;height:0;clear:both;visibility: hidden;}
.clearfix{*zoom:1;}
a{display: inline-block;text-decoration:none;cursor:pointer;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;color: #333333;}
textarea,select{outline:none;color:#666;font-size:14px;width:100%;}
img{border:none;display: block;max-width: 100%;}
img[src=""]{opacity: 0;}
body::-webkit-scrollbar{width:4px;height: 1px;}
body::-webkit-scrollbar-thumb{background:#001961;}
body::-webkit-scrollbar-track{background:#fff;}

.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover; }
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover; }
.index-media-new-left .img{border-radius: 10px 0 0 10px;}
.index-media-new-left .pic{border-radius: 10px 0 0 10px;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom:9%;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}

.f_12{font-size:12px;}
.f_14{font-size: 14px;}
.f_16{font-size:16px;}
.f_18{font-size:18px;}
.f_20{font-size:20px;}
.f_22{font-size: 22px;}
.f_24{font-size:24px;}
.f_26{font-size:26px;}
.f_28{font-size:28px;}
.f_30{font-size:30px;}
.f_32{font-size:32px;}
.f_34{font-size:34px;}
.f_36{font-size:36px;}
.f_38{font-size:38px;}
.f_40{font-size: 40px;}
.f_42{font-size: 42px;}
.f_46{font-size: 46px;}
.f_48{font-size: 48px;}
.f_54{font-size: 54px;}
.f_56{font-size: 56px;}
.f_60{font-size: 60px;}
.f_64{font-size: 64px;}
.f_72{font-size: 72px;}
.f_88{font-size: 88px;}
.f_120{font-size: 120px;}
.p_60{padding: 60px 0;}
.p_80{padding:80px 0}
.p_90{padding: 90px 0;}
.p_120{padding: 120px 0;}
.p_100{padding: 100px 0;}
.p_100_45{padding: 100px 0 45px;}
.p_100_120{padding: 100px 0 120px;}
.pb_120{padding-bottom: 120px ;}
.p_100_50{padding: 100px 0 50px;}
.p_100_80{padding: 100px 0 80px;}
.p_75_100{padding: 75px 0 100px;}
.pb_120{padding-bottom: 120px;}
.p_20_120{padding: 20px 0 120px;}
.p_100_60{padding: 100px 0 60px;}
.p_80_100{padding: 80px 0 100px;}
.box{max-width:1400px;min-width: 1200px;width:75%;margin: 0 auto;position: relative;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;box-sizing: border-box;}
.ibox{max-width:1600px;min-width: 1200px;width:83%;margin: 0 auto;position: relative;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;box-sizing: border-box;}
.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);-moz-transition: all .4s cubic-bezier(.4,0,.2,1);transition: all .4s cubic-bezier(.4,0,.2,1);}

.wow1{opacity: 1;}
.fbd{font-weight: bold;}
.fw{font-weight: 100;}
.yd{display: none;}

/* 头部结束*/@keyframes cx{0%{opacity: 0;}
30%{opacity: 0;padding-top: 50px;}
/* 40%{opacity: 0;padding-top: 50px;}*/100%{opacity: 1;padding-top: 0px;}}
@keyframes cx2{0%{opacity: 0;}
35%{opacity: 0;padding-top: 50px;}
100%{opacity: 1;padding-top: 0px;}}
@keyframes cx3{0%{opacity: 0;}
40%{opacity: 0;padding-top: 50px;}
100%{opacity: 1;padding-top: 0px;}}
@keyframes cx4{0%{opacity: 0;}
45%{opacity: 0;padding-top: 50px;}
100%{opacity: 1;padding-top: 0px;}}
@keyframes cx5{0%{opacity: 0;}
50%{opacity: 0;padding-top: 50px;}
100%{opacity: 1;padding-top: 0px;}}
@keyframes cx6{0%{opacity: 0;}
60%{opacity: 0;padding-top: 50px;}
100%{opacity: 1;padding-top: 0px;}}
@keyframes pf{0%{opacity: 0;margin-top: 25px;}
/* 50%{opacity: 1;}*/70%{opacity: 1;}
100%{opacity: 0.5;margin-top: 0px;}}
@keyframes rc{0%{opacity: 0.5;}
100%{opacity: 1;}
0%{opacity: 0.5;}}
@keyframes xz{0%{transform: rotate(0);}
100%{transform: rotate(360deg);}}
.time{padding-top: 50px;opacity: 0;}
.section.active .time{padding-top: 0;opacity: 1;animation: cx 0.5s linear alternate;}
.section.active .time2{padding-top: 0;opacity: 1;animation: cx2 1.5s linear alternate;}
.section.active .time3{padding-top: 0;opacity: 1;animation: cx3 1.6s linear alternate;}
.section.active .time4{padding-top: 0;opacity: 1;animation: cx4 1.7s linear alternate;}
.section.active .time5{padding-top: 0;opacity: 1;animation: cx5 1.8s linear alternate;}
.section.active .time6{padding-top: 0;opacity: 1;animation: cx6 1.9s linear alternate;}
.inx_con{position: relative;width: 100%;height: 100%;overflow:hidden;}
.inx_img{width: 100%;height: 100%;}
.in_2 .inx_img{position: relative;}
.inx_img img{width: 100%;}
.inx_con .in1_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;color: #fff;padding-top: 32.6vh;}
.inx_con .in1_txt .t1{margin-bottom: 40px;}
.inx_con .in1_txt .t2{line-height: 40px;}
.shgipt{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, .5);z-index: 100;display: none;}
.shgipt video{width: 100%;}
.shgipt img{width: 30px;height: 30px;position: absolute;right: 0;top: -70px;cursor: pointer;}
.shgipt .shig_con{width: 90%;max-width:1600px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;}





.in_3{background-color: #000;overflow: hidden;}
.in_3 .bg{position:relative;width:100%;height:100%;overflow:hidden;}
.in_3 .bg .pic{position:absolute;left:0%;top:0%;width:100%;height:100%;opacity: 0;z-index: 2;transition: opacity 0.7s cubic-bezier(0.65, 0.01, 0.45, 1), transform 4s cubic-bezier(0.65, 0.01, 0.45, 1);transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.in_3 .bg .pic.on{width:100%;height:100%;opacity: 0.7;transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;z-index: 10;}
.in_3 .rowMain{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 20;height: calc(100% - 1.3rem);top: 1.3rem;transition: opacity 1s ease-out;-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-o-transition: opacity 1s ease-out;-ms-transition: opacity 1s ease-out;pointer-events: none;}
.in_3 .rowMain .mask{position: absolute;width: 100%;height: 100%;top: 0;left: 0;top: auto;height: calc(100% + 1.3rem);bottom: 0;}
.in_3 .rowMain .mask:after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #000;opacity: 0.3;}
.in_3 .rowMain .con{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.in_3 .rowMain .con > div{position: relative;margin-top: -0.65rem;}
.in_3 .rowMain .con > div h2{line-height: 1;margin-bottom: 0.4rem;opacity: 0;width:12vw;float:right;}
.in_3 .rowMain .con > div p{line-height: 1;opacity: 0;width:12vw;float:right;}
.in_3 .rowMain .con > div .ad{position: absolute;top: 0;opacity: 0;right: 60%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;font-size: 1.4rem;color: #fff;}
.in_3 .rowMain .con .cirBox{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;top: 0;width: 24vw;height: 24vw;transition: all 2s ease-out;-webkit-transition: all 2s ease-out;-moz-transition: all 2s ease-out;-o-transition: all 2s ease-out;-ms-transition: all 2s ease-out;}
.in_3 .rowMain .con .cirBox .img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.in_3 .rowMain .con .cirBox svg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);}
.in_3 .rowMain .con .cirBox svg circle{stroke-width: 2px;stroke: #fff;stroke-dasharray: 400%;transition: stroke-dashoffset 0.6s ease-out;-webkit-transition: stroke-dashoffset 0.6s ease-out;-moz-transition: stroke-dashoffset 0.6s ease-out;-o-transition: stroke-dashoffset 0.6s ease-out;-ms-transition: stroke-dashoffset 0.6s ease-out;}
.in_3 .rowMain .con .cirBox svg#cirBg circle{stroke: rgba(255, 255, 255, 0.2);stroke-dashoffset: 85%;}
.in_3 .rowMain .con .cirBox svg#cirCon{display: none;}
.in_3 .rowMain .con .cirBox svg#cirCon circle{stroke-dashoffset: 198%;}
.in_3 .other{position: absolute;width: 100%;height: 100%;top: 0;left: 0;height: calc(100% - 1.3rem);top: 1.3rem;display: flex;align-items: center;justify-content: center;padding: 0 15vw;z-index: 13;opacity: 0;pointer-events: none;transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;-ms-transition: all 0.6s ease-out;}
.in_3 .other #clock{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 30;width: 30vw;height: 30vw;transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-ms-transition: all 1s ease-out;}
.in_3 .other #clock > img{height: 100%;position: absolute;z-index: 3;}
.in_3 .other #clock .time-box{pointer-events: none;z-index: 5;position: absolute;width: calc(100% + 44px);height: calc(100% + 44px);top: -22px;left: -22px;}
.in_3 .other #clock .time-box > ul{width: 0;position: absolute;}
.in_3 .other #clock .time-box > ul.time-num{transform: scale(1.2);bottom: 55%;left: 50%;height: 50%;}
.in_3 .other #clock .time-box > ul.time-num > li > i{transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.in_3 .other #clock .time-box > ul.time-num > li.on > i{opacity: 1;}
.in_3 .other #clock .time-box > ul > li{height: calc(100% + 7.5px);position: absolute;top: -8px;left: 0;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.in_3 .other #clock .time-box > ul > li i{position: absolute;opacity: 0.5;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
@media screen and (min-width: 1025px){.in_3 .other #clock .time-box > ul > li:nth-of-type(1){-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.in_3 .other #clock .time-box > ul > li:nth-of-type(1) i{transform: translateX(-50%) rotate(0deg);}
.in_3 .other #clock .time-box > ul > li:nth-of-type(2){-webkit-transform: rotate(72deg);transform: rotate(72deg);}
.in_3 .other #clock .time-box > ul > li:nth-of-type(2) i{transform: translateX(-50%) rotate(-72deg);}
.in_3 .other #clock .time-box > ul > li:nth-of-type(3){-webkit-transform: rotate(144deg);transform: rotate(144deg);}
.in_3 .other #clock .time-box > ul > li:nth-of-type(3) i{transform: translateX(-50%) rotate(-144deg);}
.in_3 .other #clock .time-box > ul > li:nth-of-type(4){-webkit-transform: rotate(216deg);transform: rotate(216deg);}
.in_3 .other #clock .time-box > ul > li:nth-of-type(4) i{transform: translateX(-50%) rotate(-216deg);}
.in_3 .other #clock .time-box > ul > li:nth-of-type(5){-webkit-transform: rotate(288deg);transform: rotate(288deg);}
.in_3 .other #clock .time-box > ul > li:nth-of-type(5) i{transform: translateX(-50%) rotate(-288deg);}}
.in_3 .other #clock .time-box > ul.time-cir{transform-origin: 50% 50%;bottom: 50%;left: 50%;height: 50%;}
.in_3 .other #clock .time-box > ul.time-cir > li > i{width: 60px;height: 60px;border-radius: 50%;line-height: 60px;text-align: center;color:#fff;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;border: 2px solid;opacity: 0.8;cursor: pointer;pointer-events: auto;border-color: transparent;}
.in_3 .other #clock .time-box > ul.time-cir > li > i > a{color:#fff;}
@media screen and (max-width: 600px){.in_3 .other #clock .time-box > ul.time-cir > li > i{width: 6px;height: 6px;border-radius: 50%;line-height: 6px;text-align: center;}}
.in_3 .other #clock .time-box > ul.time-cir > li > i > span{width: 16px;height: 16px;line-height: 16px;text-align: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 50%;background-color: #fff;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;transform: scale(0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-o-transform: scale(0.5);-ms-transform: scale(0.5);}
@media screen and (max-width: 600px){.in_3 .other #clock .time-box > ul.time-cir > li > i > span{width: 8px;height: 8px;border-radius: 50%;line-height: 8px;text-align: center;}}
.in_3 .other #clock .time-box > ul.time-cir > li > i > a{position: absolute;opacity: 0;transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-ms-transition: all 1s ease-out;}
.in_3 .other #clock .time-box > ul.time-cir > li > i > a small{font-size: 0.5rem;line-height: 1;display: inline-block;}
.in_3 .other #clock .time-box > ul.time-cir > li > i > a small img{width:60px;margin:0;}
.in_3 .other #clock .time-box > ul.time-cir > li > i > a em{white-space: nowrap;display: block;line-height: 1;font-style:normal;font-size:18px;}
.in_3 .other #clock .time-box > ul.time-cir > li.on{pointer-events: none;}
.in_3 .other #clock .time-box > ul.time-cir > li.on > i{opacity: 1;pointer-events: none;border-color: #fff;}
@media screen and (min-width: 1025px){.in_3 .other #clock .time-box > ul.time-cir > li:nth-child(1) > i > a{left: 0px;bottom:70px;transform: translateX(10px);-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-o-transform: translateX(10px);-ms-transform: translateX(10px);transition-delay: 4s;}
.in_3 .other #clock .time-box > ul.time-cir > li:nth-child(2) > i > a{left: calc(100% + 20px);top:-30px;transform: translateX(10px);-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-o-transform: translateX(10px);-ms-transform: translateX(10px);transition-delay: 4.1s;}
.in_3 .other #clock .time-box > ul.time-cir > li:nth-child(3) > i > a{right: calc(100% - 90px);top: 60px;transform: translateX(-10px);-webkit-transform: translateX(-10px);-moz-transform: translateX(-10px);-o-transform: translateX(-10px);-ms-transform: translateX(-10px);transition-delay: 4.2s;}
.in_3 .other #clock .time-box > ul.time-cir > li:nth-child(4) > i > a{right: calc(100% - 30px);bottom:-100px;transform: translateX(-10px);-webkit-transform: translateX(-10px);-moz-transform: translateX(-10px);-o-transform: translateX(-10px);-ms-transform: translateX(-10px);transition-delay: 4.3s;}
.in_3 .other #clock .time-box > ul.time-cir > li:nth-child(5) > i > a{right: calc(100% + 30px);bottom:-10px;transform: translateX(-10px);-webkit-transform: translateX(-10px);-moz-transform: translateX(-10px);-o-transform: translateX(-10px);-ms-transform: translateX(-10px);transition-delay: 4.3s;}}
.in_3 .other #clock .time-move{z-index: 4;position: absolute;width: calc(100% + 10px);height: calc(100% + 10px);left: -5px;top: -5px;}
@media screen and (min-width: 600px){.in_3 .other #clock .time-move canvas{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;top: -1px;}}
@media screen and (max-width: 600px){.in_3 .other #clock .time-move canvas{width: 100%;}}
.in_3 .other #clock .msg-box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;pointer-events: none;}
.in_3 .other #clock .msg-box .msg_1{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 78%;height: 72%;display: flex;align-content: center;align-items: center;justify-content: center;}
.in_3 .other #clock .msg-box .msg_1 > li{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.in_3 .other #clock .msg-box .msg_1 > li .time-note{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li{position: absolute;height: 100%;top: 0;left: 0;display: none;min-height: 168px;width: 100%;text-align: center;align-items: center;justify-content: center;flex-direction: column;}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li.on,
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li.next{display: flex;}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li i{font-size: 0.8rem;color: #fff;line-height: 0.8rem;}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li h3{color: #fff;line-height: 1;margin: 0.6rem 0 0.3rem 0;}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li > small{color: rgba(255, 255, 255, 0.8);display: block;line-height:2;font-size:14px;height: 108px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-top:20px;}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li .layout-btn-5{display: inline-block;margin-top: 0.7rem;}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li .layout-btn-5 > span{display:block;width: 130px;height: 50px;line-height: 50px;border-radius: 0;color: #fff;font-weight: bold;font-size: 14px;text-transform: uppercase;text-decoration: none;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 25%, #ffffff 75%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 25%, #ffffff 75%);background-position: 1% 50%;background-size: 400% 300%;border: 1px solid #fff;-webkit-transition: 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);border-radius:4px;}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li .layout-btn-5 > span:hover{color: #000;background-position: 99% 50%;}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li.on .layout-btn-5,
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li.next .layout-btn-5{pointer-events: auto;}
.in_3 .other #clock .msg-box .msg_1 > li .layer-btn{display: flex;border-radius: 6px;margin-top: 20px;text-align: center;align-items: center;justify-content: center;width: 1.8rem;height: 0.58rem;background-color: #fff;color: #808080;max-width: 160px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.in_3 .other #clock .msg-box .msg_1 > li .layer-btn > i{color: #ac0d14;font-size: 26px;margin-left: 10px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
.in_3 .other #clock .msg-box .msg_1 > li .layer-btn:hover{background-color: #ac0d14;color: #fff;box-shadow: 0 5px 12px -3px rgba(0, 0, 0, 0.12);}
.in_3 .other #clock .msg-box .msg_1 > li .layer-btn:hover > i{color: #fff;}
.in_3 .other .dotBox{display: none;position: absolute;bottom: 0;left: 50px;width: 50px;height: 100%;align-items: center;justify-content: center;flex-direction: column;}
.in_3 .other .dotBox > li{position: relative;margin: 0.2rem 0;cursor: pointer;}
.in_3 .other .dotBox > li svg{display: block;width: 38px;height: 38px;position: relative;z-index: 5;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.in_3 .other .dotBox > li svg circle{stroke-width: 2px;stroke: #fff;stroke-dasharray: 300%;stroke-dashoffset: 300%;transition: stroke-dashoffset 0.01s ease-out;-webkit-transition: stroke-dashoffset 0.01s ease-out;-moz-transition: stroke-dashoffset 0.01s ease-out;-o-transition: stroke-dashoffset 0.01s ease-out;-ms-transition: stroke-dashoffset 0.01s ease-out;}
.in_3 .other .dotBox > li span{position: absolute;z-index: 4;top: 0;left: 0;width: 38px;height: 38px;border: 2px solid transparent;border-radius: 50%;transition: border-color 0.6s ease-out;-webkit-transition: border-color 0.6s ease-out;-moz-transition: border-color 0.6s ease-out;-o-transition: border-color 0.6s ease-out;-ms-transition: border-color 0.6s ease-out;}
.in_3 .other .dotBox > li span:after{content: "";width: 5px;height: 5px;border-radius: 50%;background-color: #fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.in_3 .other .dotBox > li.on svg circle{stroke-dashoffset: 0;transition: stroke-dashoffset 5s ease-out;-webkit-transition: stroke-dashoffset 5s ease-out;-moz-transition: stroke-dashoffset 5s ease-out;-o-transition: stroke-dashoffset 5s ease-out;-ms-transition: stroke-dashoffset 5s ease-out;}
.in_3 .other .dotBox > li.on span{border-color: rgba(255, 255, 255, 0.3);}
.in_3 .other.on{opacity: 1;pointer-events: auto;}
.in_3.over{z-index: 16;opacity: 1;border-radius: 20px;animation-name: banner_in_1;transform-origin: 50% 50%;}
.in_3.in{z-index: 15;opacity: 1;border-radius: 20px;animation-name: banner_in;transform-origin: 50% 50%;}
.in_3.out{z-index: 10;opacity: 1;border-radius: 20px;animation-name: banner_in_1;transform-origin: 50% 50%;}
.in_3.active .rowMain{opacity: 0;transition-delay: 2s;}
.in_3.active .rowMain .con .cirBox{width: 30vw;height: 30vw;transition-delay: 0.5s;}
.in_3.active .rowMain .con .cirBox img{animation: loopCir 10s linear infinite;animation-fill-mode: both;backface-visibility: hidden;}
.in_3.active .rowMain .con > div{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;top: 0;width:20vw;height: 20vw;transition-delay: 0.5s;}
.in_3.active .rowMain .con > div h2{animation: ani1 2s ease-in-out;animation-fill-mode: both;color:#fff;font-size:32px;line-height:2;margin-top:25%;}
.in_3.active .rowMain .con > div p{animation: ani1 2s ease-in-out;animation-fill-mode: both;animation-delay: 0.1s;color:#fff;font-size:14px;line-height:2;}
.in_3.active .rowMain .con > div .ad{animation: ani1 2s ease-in-out;animation-fill-mode: both;animation-delay: 0.2s;color:#fff;font-size:108px;line-height:2;}
.in_3.active .other #clock .time-box .time-cir > li i > a{transform: none !important;opacity: 1;}
.rkbx .msuf{width:100%;overflow:hidden;margin-top:100px;}
.rkbx .msuf .msufl{width:35%;float:left;overflow:hidden;font-size:96px;line-height:120px;text-align:right;color:#fff;font-weight:bold;}
.rkbx .msuf .msufr{text-align:left;width:60%;float:right;overflow:hidden;font-size:36px;line-height:120px;color:#fff;font-weight:bold;}
.rkbx .msug{text-align:center;width:100%;float:left;overflow:hidden;font-size:24px;line-height:60px;color:#fff;}
.in_3 .in3_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.in_3 .in3_txt .con{display: flex;justify-content: space-between;padding-right: 8.4%;height: 100%;}
.in_3 .in3_txt .con .txt_le{width: 55%;}
.in_3 .in3_txt .con .txt_le .le_img{position: relative;height: 100%;}
.in_3 .in3_txt .con .txt_le .le_img img{width: 100%;height: 100%;transition: all 0.6s;}
.in_3 .in3_txt .con .txt_le .le_img img.ding{position: absolute;left: 0;top: 0;}
.in_3 .in3_txt .con .txt_re{width: 32.95%;padding-top: 26.3vh;}
.in_3 .in3_txt .con .txt_re .re1{margin-bottom: 50px;}
.in_3 .in3_txt .con .txt_re .re2{margin-bottom: 20px;}
.in_3 .in3_txt .con .txt_re .re3{line-height: 30px;color: #555555;margin-bottom: 55px;text-align: justify;}
.in_3 .in3_txt .con .txt_re .ul{position: relative;width: 100%;height: 100%;}
.in_3 .in3_txt .con .txt_re .ul .li{position: absolute;left: 0;top: 0;opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;transform: translateY(30px);transition: all 0.6s;}
.in_3 .in3_txt .con .txt_le .les{width: 0%;position: absolute;cursor: pointer;}
.in_3 .in3_txt .con .txt_le .le1{top: 31.6vh;left: 49.3%;}
.in_3 .in3_txt .con .txt_le .le2{top: 45.26vh;left: 50.2%;}
.in_3 .in3_txt .con .txt_le .le3{top: 58.95vh;left: 50.2%;}
.in_3 .in3_txt .con .txt_le .le4{top: 72.6vh;left: 49.3%;}
.in_3 .in3_txt .con .txt_le .les .l2{width: 50px;height: 50px;border: 2px solid rgba(1, 64, 153, 0.3);position: absolute;border-radius: 50px;left: 0;top: 0;transform: translate(-50%,-50%);opacity: 0;}
.in_3 .in3_txt .con .txt_le .les .l2::after{width: 50px;height: 50px;border-right: 2px solid #007EC4;content: "";left: -2px;top: -2px;border-radius: 0 100% 100% 100%;position: absolute;transform: rotate(-45deg);transition: all 0.6s;}
.in_3 .in3_txt .con .txt_le .les .l1{width: 8px;height: 8px;border-radius: 10px;background: #007EC4;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.in_3 .in3_txt .con .txt_le .les .l3{width: 150px;position: absolute;left: 15px;top: -10px;}
.in_3 .in3_txt .con .txt_re .ul .li.act{opacity: 1;visibility: visible;pointer-events: visible;z-index: 2;transform: translate(0);transition: all 0.6s;}
.in_3 .in3_txt .con .txt_le .les.act .l3{left: 35px;}
.in_3 .in3_txt .con .txt_le .les.act .l2{opacity: 1;}
.in_3 .in3_txt .con .txt_le .les:hover .l2{opacity: 1;}
.in_3 .in3_txt .con .txt_le .les:hover .l2::after{transform: rotate(360deg);transition: all 0.6s;}
.in_3 .in3_txt .con .txt_le .les:hover .l3{left: 35px;}
.in_3 .inx_con.rpc{display:block;}
.in_3 .inx_con.rmb{display:none;}
.in_3 .inx_con.rmb .noct{width:100%;overflow:hidden;}



@media screen and (max-width:1680px){
.in_3 .inx_con.rmb{display:block;background:#fff;}

.in_3 .in3_txt .con{flex-wrap: wrap;padding: 0;}
.in_3 .in3_txt .con .txt_le{width: 100%;position: relative;color: #fff;}
.in_3 .in3_txt .con .txt_re{width: 100%;}
.in_3 .inx_img{display: none;}
.in_3 .in3_txt{position: static;}
.in_3 .in3_txt .con .txt_re{padding-top: 30px;}
.in_3 .in3_txt .con .txt_le .le1{left: 10%;top: 20%;}
.in_3 .in3_txt .con .txt_le .le2{left: 10%;top: 40%;;}
.in_3 .in3_txt .con .txt_le .le3{left: 10%;top: 60%;}
.in_3 .in3_txt .con .txt_le .le4{left: 10%;top: 80%;}
.in_3 .in3_txt .con .txt_re .ul{width: 100%;}
.in_3 .in3_txt .con .txt_re .ul .li{padding:0 5%;}
.in_3 .in3_txt .con .txt_re .re1{margin-bottom: 25px;}
.in_3 .in3_txt .con .txt_re .re2{margin-bottom: 15px;}
.in_3 .in3_txt .con .txt_re .re3{margin-bottom: 25px;max-height: 155px;overflow-y: auto;padding-right: 15px;}
.in_3 .in3_txt .con .txt_re .re3::-webkit-scrollbar{width:3px;height: 1px;}
.in_3 .in3_txt .con .txt_re .re3::-webkit-scrollbar-thumb{background:#007EC4;}
.in_3 .in3_txt .con .txt_re .re3::-webkit-scrollbar-track{background:#fff;}

.in_1 .sw_con .con_txt{pointer-events: visible !important;}
.in_1 .sw_con .ship_b{display: flex;}}
@keyframes bannerIn{0%{transform: translate3d(100%, 0%, 0) scale3d(0.7, 0.7, 0.7);}
50%{transform: translate3d(0, 0%, 0) scale3d(0.7, 0.7, 0.7);}
100%{transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);}}
@keyframes banner_in{0%{transform: translate3d(100%, 0%, 0);clip-path: inset(10vw 10vw 10vw 10vw round 10px);}
50%{transform: translate3d(0, 0%, 0);clip-path: inset(10vw 10vw 10vw 10vw round 10px);}
100%{transform: translate3d(0, 0%, 0);clip-path: inset(0 0 0 0 round 10px);}}
@keyframes banner_out{0%{transform: translate3d(0, 0%, 0) scale3d(1, 1, 1);}
50%{transform: translate3d(0, 0%, 0) scale3d(0.7, 0.7, 0.7);}
100%{transform: translate3d(-100%, 0, 0) scale3d(0.7, 0.7, 0.7);}}
@keyframes banner_in_1{0%{transform: translate3d(0, 0%, 0);clip-path: inset(0 0 0 0 round 10px);}
50%{transform: translate3d(0, 0%, 0);clip-path: inset(10vw 10vw 10vw 10vw round 10px);}
100%{transform: translate3d(-100%, 0%, 0);clip-path: inset(10vw 10vw 10vw 10vw round 10px);}}
@keyframes banner_out_1{0%{transform: translate3d(0, 0%, 0);clip-path: inset(0 0 0 0 round 10px);}
50%{transform: translate3d(0, 0%, 0);clip-path: inset(10vw 10vw 10vw 10vw round 10px);}
100%{transform: translate3d(-100%, 0%, 0);clip-path: inset(10vw 10vw 10vw 10vw round 10px);}}
@keyframes loopCir{0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);}
100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}}
@keyframes ani1{0%{opacity: 0;transform: translateY(8px);-webkit-transform: translateY(8px);-moz-transform: translateY(8px);-o-transform: translateY(8px);-ms-transform: translateY(8px);}
30%{opacity: 1;transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;}
70%{opacity: 1;transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;}
100%{opacity: 0;transform: translateY(-8px);-webkit-transform: translateY(-8px);-moz-transform: translateY(-8px);-o-transform: translateY(-8px);-ms-transform: translateY(-8px);}}
@keyframes Tmouse{0%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
100%{-webkit-transform: translateY(-8px);-moz-transform: translateY(-8px);-ms-transform: translateY(-8px);-o-transform: translateY(-8px);transform: translateY(-8px);}}
@keyframes fn1{0%{opacity: 0;clip-path: inset(100% 0 0 0);transform: translate3d(0%, 20px, 0);}
100%{opacity: 1;clip-path: inset(0 0 0 0);transform: none;}}


/*简介*/
.idx_about{width: 100%;height: auto;background: #f5f5f5;position: relative;z-index: 1;overflow: hidden}
.idx_about .about_box{width: 100%;height: auto;margin: 6.2vw 0;position: relative;z-index: 2}
.idx_about .about_box .about_main{width: 100%;height: auto;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex}
.idx_about .about_box .about_main .about_info{width: auto;flex: 1;height: auto;float: left;padding-right: 8vw}
.idx_about .about_box .about_main .about_info .about_title{width: 100%;height: auto;line-height: 1;overflow: hidden}
.idx_about .about_box .about_main .about_info .about_title p{margin-top: 12px;font-size:3.1vw; font-family: 'Montserrat-Extra-Bold', Microsoft Yahei, Arial;}
.idx_about .about_box .about_main .about_info .about_title p.active{color: #001961}
.idx_about .about_box .about_main .about_info .about_title p span{position: relative;z-index: 1}
.idx_about .about_box .about_main .about_info .about_title p span::after{content: '';width: 100%;height: 5px;position: absolute;bottom:0.5vw;left: 0;z-index: -1;background:#95b4e1;}
.idx_about .about_box .about_main .about_info .about_title p:first-child{margin-top: 0}
.idx_about .about_box .about_main .about_info .about_details{margin: 2vw 0 0;font-size: 18px;line-height: 1.77;color: #222;text-align: justify;overflow: hidden}
.idx_about .about_box .about_main .about_info .about_details p{margin: 1.5vw 0 0}
.idx_about .about_box .about_main .about_info .about_details p:first-child{margin: 0}
.idx_about .about_box .about_main .about_info .about_logo{width: 100%;height: auto;margin-top: 3vw;overflow: hidden}
.idx_about .about_box .about_main .about_info .about_logo .item{width: 18%;height: auto;float: left;border: 1px solid #e5e5e5;padding:22.2px 15px;text-align: center;cursor: pointer;overflow: hidden}
.idx_about .about_box .about_main .about_info .about_logo .item .logo{width: 100%;max-width: 46px;height: auto;margin: 0 auto;position: relative;z-index: 1;/*-webkit-filter: grayscale(100%) opacity(50%);filter: grayscale(100%) opacity(50%);*/-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;overflow: hidden}
.idx_about .about_box .about_main .about_info .about_logo .item .logo .pb{padding-bottom: 100%;font-size: 0}
.idx_about .about_box .about_main .about_info .about_logo .item .title{width: 100%;height: auto;margin-top:10px;font-size: 15px; color: #333;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;overflow: hidden}
.idx_about .about_box .about_main .about_info .about_logo .item:first-child~.item{border-left: 0}
.idx_about .about_box .about_main .about_info .about_logo .item:hover .logo{-webkit-filter: none;filter: none}
.idx_about .about_box .about_main .about_info .about_logo .item:hover .title{color: #333}
.idx_about .about_box .about_main .about_info .about_btn{width: 100%;height: auto;margin-top: 3vw;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex}
.idx_about .about_box .about_main .about_info .about_btn .more{margin-right: 3.5vw}
.idx_about .about_box .about_main .about_info .about_btn .more a{padding: 0 0 7px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;color: #282f36;position: relative;z-index: 1;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.idx_about .about_box .about_main .about_info .about_btn .more a .title{font-size: 16px}
.idx_about .about_box .about_main .about_info .about_btn .more a .icon{height: 12px;line-height: 12px;margin-left: 10px; font-family: "Microsoft YaHei"; font-size:18px;}
.idx_about .about_box .about_main .about_info .about_btn .more a .icon i{vertical-align: middle;font-size: 12px}
.idx_about .about_box .about_main .about_info .about_btn .more a::after{content: '';width: 0;height: 2px;position: absolute;bottom: 0;left: 0;z-index: 1;background: #282f36;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.idx_about .about_box .about_main .about_info .about_btn .more a:hover{color: #001961}
.idx_about .about_box .about_main .about_info .about_btn .more a:hover::after{width: 100%;background: #001961}
.idx_about .about_box .about_main .about_number{width: calc(35.416vw - (100vw - 100%) / 2);height: auto;float: right;padding: 0 5vw;position: relative;z-index: 1;overflow: hidden}
.idx_about .about_box .about_main .about_number .item{width: 100%;height: auto;margin-top: 3vw;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;position: relative;z-index: 2;overflow: hidden}
.idx_about .about_box .about_main .about_number .item .icon{width:54px;height:51px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;line-height: 1;font-size: 0;color: #fff;overflow: hidden}
.idx_about .about_box .about_main .about_number .item .icon i{display: inline-block;font-size: 54px}
.idx_about .about_box .about_main .about_number .item .info{flex: 1;padding-left: 1.4vw;line-height: 1;color: #fff}
.idx_about .about_box .about_main .about_number .item .info .title{font-family: hs_l;font-size: 16px;color: #95b4e1}
.idx_about .about_box .about_main .about_number .item .info .number{margin-top: 8px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex}
.idx_about .about_box .about_main .about_number .item .info .number .beat,.idx_about .about_box .about_main .about_number .item .info .number .unit{font-size: 40px}
.idx_about .about_box .about_main .about_number .item .info .number .sup{margin-left: 5px;font-size: 20px;align-self: flex-start}
.idx_about .about_box .about_main .about_number .item:first-child{margin-top: 0}
.idx_about .about_box .about_main .about_number .about_diqiu{display: none;font-size: 0}
.idx_about .about_bg{width: 35.416vw;height: 100%;position: absolute;right: 0;top: 0;z-index: 1;background:url(../images/about_bg.jpg);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;font-size: 0;overflow: hidden}
@media (max-width: 1440px){.idx_about .about_box .about_main .about_info .about_title p{font-size:30px}
.idx_about .about_box .about_main .about_info .about_title p span::after{height: 4px;bottom: 2px}
.idx_about .about_box .about_main .about_info .about_details{font-size: 16px}
.idx_about .about_box .about_main .about_info .about_logo .item{width: 22%;padding: 15px 10px}
.idx_about .about_box .about_main .about_info .about_logo .item .logo{max-width: 36px}
.idx_about .about_box .about_main .about_info .about_logo .item .title{font-size: 14px}
.idx_about .about_box .about_main .about_info .about_btn .more a .title{font-size: 14px}
.idx_about .about_box .about_main .about_info .about_btn .more a .icon i{font-size: 8px}
.idx_about .about_box .about_main .about_number .item .icon i{font-size: 40px}
.idx_about .about_box .about_main .about_number .item .info .title{font-size: 12px}
.idx_about .about_box .about_main .about_number .item .info .number{margin-top: 5px}
.idx_about .about_box .about_main .about_number .item .info .number .beat,.idx_about .about_box .about_main .about_number .item .info .number .unit{font-size: 36px}
.idx_about .about_box .about_main .about_number .item .info .number .sup{font-size: 18px}}
@media (max-width: 1024px){.idx_about .about_box .about_main .about_info .about_details{font-size:14px}}
@media (max-width: 990px){.idx_about .about_box{margin:0}
.idx_about .about_box .about_main{display: block;padding: 0}
.idx_about .about_box .about_main .about_info{width: 100%;padding: 50px 20px 30px;float: initial}
.idx_about .about_box .about_main .about_info .about_title p{font-size: 24px}
.idx_about .about_box .about_main .about_info .about_title p span::after{height: 2px}
.idx_about .about_box .about_main .about_info .about_logo .item .logo{filter: none}
.idx_about .about_box .about_main .about_info .about_btn a{margin-right: 15px}
.idx_about .about_box .about_main .about_info .about_details,.idx_about .about_box .about_main .about_info .about_logo,.idx_about .about_box .about_main .about_info .about_btn{margin-top: 30px}
.idx_about .about_box .about_main .about_number{width: 100%;float: initial;background: url(../images/about_bg.png);padding: 40px 0;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 40px 40px}
.idx_about .about_box .about_main .about_number .item{margin: 0;padding: 0 20px}
.idx_about .about_box .about_main .about_number .item .icon{width: 40px;height: 40px}
.idx_about .about_box .about_main .about_number .item .icon i{font-size: 30px}
.idx_about .about_box .about_main .about_number .item .info .number .beat,.idx_about .about_box .about_main .about_number .item .info .number .unit{font-size: 24px}
.idx_about .about_box .about_main .about_number .about_diqiu{width: 100%;height: 100%;padding: 30px 0 0;position: absolute;left: 0;bottom: 0;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;display: none}
.idx_about .about_box .about_main .about_number .about_diqiu img{max-width: 80%;max-height: 70%}
.idx_about .about_bg{width: 100%;height: auto;top: initial;bottom: 0;display: none}}
@media (max-width: 768px){.idx_about .about_box .about_main .about_info{width:100%;float: initial}
.idx_about .about_box .about_main .about_info .about_title p{margin-top: 5px;font-size: 20px}
.idx_about .about_box .about_main .about_info .about_details{font-size: 12px}
.idx_about .about_box .about_main .about_info .about_logo .item{width: 30%;padding: 10px 5px}
.idx_about .about_box .about_main .about_info .about_logo .item .logo{max-width: 24px}
.idx_about .about_box .about_main .about_info .about_logo .item .title{font-size: 12px}
.idx_about .about_box .about_main .about_info .about_details,.idx_about .about_box .about_main .about_info .about_logo,.idx_about .about_box .about_main .about_info .about_btn{margin-top: 20px}
.idx_about .about_box .about_main .about_number{width: 100%;float: initial;background: url(../images/about_bg.png)}
.idx_about .about_box .about_main .about_number .item{display: block;margin: 0}
.idx_about .about_box .about_main .about_number .item .icon{margin: 0 auto}
.idx_about .about_box .about_main .about_number .item .info{margin-top: 8px;padding: 0;text-align: center}
.idx_about .about_box .about_main .about_number .item .info .number{-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center}
.idx_about .about_box .about_main .about_number .item .info .number .beat,.idx_about .about_box .about_main .about_number .item .info .number .unit{font-size: 24px}
.idx_about .about_box .about_main .about_number .about_diqiu{width: 100%;height: 100%;padding: 30px 0 0;position: absolute;left: 0;bottom: 0;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;display: none}
.idx_about .about_box .about_main .about_number .about_diqiu img{max-width: 80%;max-height: 70%}
.idx_about .about_bg{width: 100%;height: auto;top: initial;bottom: 0;display: none}}


.f-left {
	float: left;
}

.f-right {
	float: right;
}




/* CSS Reset */
.jcd-title {position: relative;}
.jcd-title.center {text-align: center;}
.jcd-title.right {text-align: right;}
.jcd-title .entitle-1{color: #ccc;}
.jcd-title .title-1{color: #bb171e; height:28px;}
.jcd-title .title-1 h3{font-weight: 900;color: #bb171e; line-height:0px; font-family:hs_b;}
.jcd-title .title-3 h3{font-weight: 900;}
.jcd-title .title-2 {color:#111; font-size:1.3vw; line-height:3vw}
.jcd-title .text-2 {color:#333; margin-top: 2%;text-align: justify;}

.div-content {width: 83%;margin: auto; border:none;}

.index-market-application {padding:7.1rem 0 7rem 0;overflow: hidden;border-bottom: 1px solid #f5f5f7;}
.index-market-application-bottom {padding-top:3.6%;overflow: hidden;}
.index-market-application-item {float: left;width: 33%;overflow: hidden;margin-bottom: .111%;margin-right: .111%;}
.index-market-application-item.mr0 {margin-right: 0;}
.index-market-application-item a{display: block;position: relative;}
.index-market-application-item .title-1 {position: absolute;left: 6%;bottom: 0%;width: 86%;z-index: 11;}
.index-market-application-item .title-1 h4{color: #fff;}
.index-market-application-item a:hover .pic {transform: scale(1.03);}
.play-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
.play-1 i {display: block;width: 10rem;height: 10rem;background: url('../images/play.png') center no-repeat;background-size: 100%;}

.a3{background-color: #e8a82e;}
.a4{background-color: #42b977;}
.a5{background-color: #1a82bc;}
.a6{background-color: #4971d7;}
.a7{background-color: #1A67C0;}
.a1{background-color: #e8a82e;}
.a2{background-color: #256dc3;}

.color-layer{width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.8; -webkit-transition: opacity 0.8s linear; -moz-transition: opacity 0.8s linear; -ms-transition: opacity 0.8s linear; -o-transition: opacity 0.8s linear; transition: opacity 0.8s linear; z-index:1;}
.index-market-application-item a :hover .color-layer{opacity: 0.1;}


.index-customers-text{position: absolute; left:8%; top:13%;transform: translateY(-50%);z-index:666611;width: 23%;color: #fff;}
.index-customers-text .jcd-title .title-2{color: #fff;}
.index-customers-text .jcd-title .title-1 h3{color: #fff;}
.index-customers-text .jcd-title .title-100 {margin-left: -5%;margin-top: -5%;position: relative;}
.index-customers-text .jcd-title .title-100 strong{letter-spacing: -10px;}
.index-customers-text .jcd-title .title-100 sub {position: absolute;right: -10%;bottom: 20%;}




/*地图*/
.m-map_ue{display:none}
@-webkit-keyframes shan{
0%,100%{opacity:0}
50%{opacity:1}
}
@-moz-keyframes shan{
0%,100%{opacity:0}
50%{opacity:1}
}
@-o-keyframes shan{
0%,100%{opacity:0}
50%{opacity:1}
}
@keyframes shan{
0%,100%{opacity:0}
50%{opacity:1}
}
.m-map{position:absolute;bottom:0;left:0;width:100%;text-align:center; }
.m-map .dib{position:relative;display:inline-block}
.m-map .bg{display:block}
.m-map .dot{position:absolute;display:block;cursor:default;}
.m-map .dot.ondot{cursor:pointer;}
.m-map .dot img{-webkit-animation:shan 1.5s ease-in-out infinite;-moz-animation:shan 1.5s ease-in-out infinite;-o-animation:shan 1.5s ease-in-out infinite;animation:shan 1.5s ease-in-out infinite}
.m-map .dot:hover img{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}
.m-map .center{z-index:10}
.m-map .center img{-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}
.m-map img{display:block;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.m-map .line{width:0;overflow:hidden;pointer-events:none}
.m-map .line img{-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}
.m-map .line:hover img{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.m-map .line img{max-width:none}
.m-map [data-right] .svg{position:absolute;top:0;right:0}
.m-map .name{position:absolute;top:90%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:0.9vw;color:#fff;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.m-map .name::before{position:absolute;content:'';width:0;height:1px;left:0;bottom:0;background:#fff;opacity:0;transition:0.6s ease;}
.m-map .name:hover::before{width:0%;opacity:0;}
.m-map .ondot .name:hover::before{width:100%;opacity:1;}

.m-container{position:relative;height:100vh;overflow:hidden}
.m-container .swiper-container{height:100%}
.m-container .swiper-slide{position:relative;z-index:3;height:100vh!important;overflow:hidden}

.g-bg{height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;position:relative}

.m-map{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;font-size: 0;}
.m-map .bg{display: block;width: 80vw;}
.m-map .name{/*font-size: 0.78125vw;*/font-size: 0.65vw;}
.m-map .types .type{font-size: 0.83333vw;padding-left: 1.04166vw;background-repeat: no-repeat;background-position: left center;-webkit-background-size: 0.72916vw 0.72916vw;-moz-background-size: 0.72916vw;-o-background-size: 0.72916vw;background-size: 0.72916vw; line-height:26px;}



.ul-numsb1{width:1400px;margin:4.8vw auto 0}
.ul-numsb1 li{float:left;width:25%}
.ul-numsb1 li:last-child .con::after{display:none}
.ul-numsb1 .con{text-align:center;position:relative;padding:0 10px}
.ul-numsb1 .con::after{content:"";display:block;width:1px;height:88px;background:#fff;opacity:.1;position:absolute;top:50%;right:0;margin-top:-44px}
.ul-numsb1 .top{font-size:1vw;color:#fff}
.ul-numsb1 .num{font-size:60px;font-family: "DIN-BOLD";}
.ul-numsb1 .p{font-size:1.2vw;color:#fff; line-height:2.2vw;}

.m-map .name.adr1{}
.m-map .name.adr2{top: 90%;left: 50%;}
.m-map .name.adr3{}
.m-map .name.adr4{top: 90%;left: 50%;}
.m-map .name.adr5{top:90% ;}
.m-map .name.adr6{top: 90%;left: 50%;}
.m-map .name.adr7{top: 87%;left: 59%}
.m-map .name.adr8{top:80% ;left: 50%;}
.m-map .name.adr9{top:81% ;left: 46%;}
.m-map .name.adr10{top:80% ;left: 48%;}
.m-map .name.adr11{top: 80%;left: 50%;}
.m-map .name.adr12{top: 80%;left: 50%;}
.m-map .name.adr13{top: 80%;left: 55%;}
.m-map .name.adr13{top: 80%;}
.m-map .name.adr15{top: 80%;}
.name.adr16 {top: 80%;left: 50%;}
.name.adr17 {top: 80%;left: 50%;}
.name.adr18 {top: 80%;left: 42%;}

.m-map .center img{display:block}
.m-map .types{position:absolute;right:17.6%;bottom:10%}
.m-map .types .type{font-size:16px;text-align: left;padding-left:20px;background-repeat:no-repeat;background-position:left center;-webkit-background-size:14px 14px;-moz-background-size:14px;-o-background-size:14px;background-size:14px}
.m-map .types .t1{background-image:url(../images/dot3.png);color:#b42328}
.m-map .types .t2{background-image:url(../images/dot4.png);color:#215e9b}
.m-newsb1{position:absolute;bottom:250px;left:10%;right:15%}
.m-newsb1 .top{margin-bottom:80px}
.m-newsb1 .title{font-size:60px;font-family:Alibaba-PuHuiTi-Regular;color:#fff;margin-bottom:35px}
.ul-listb1{overflow:hidden;margin-left:-80px}
.ul-listb1 li{float:left;width:33.33%}
.ul-listb1 li:last-child .con::after{display:none}
.ul-listb1 .con{display:block;padding:0 80px;color:#fff;position:relative}
.ul-listb1 .con:hover .more{color:#b42328}
.ul-listb1 .con:hover .more::after{background-image:url(../images/arr-d_r.svg)}
.ul-listb1 .con::after{content:"";display:block;width:1px;height:100%;background-color:#fff;opacity:.1;position:absolute;top:0;right:0}
.ul-listb1 .date{font-family: "DIN-BOLD";;font-size:1vw;margin-bottom:32px}
.ul-listb1 .date .d{font-size:60px;line-height:1.2;margin-bottom:-12px}
.ul-listb1 .tit{font-family:Alibaba-PuHuiTi-Regular;font-size:1.5vw;color:#fff;line-height:1.5;height:3em;display:box;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;margin-bottom:40px;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.ul-listb1 .more{display:inline-block;font-size:20px;padding-right:25px;position:relative;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.ul-listb1 .more::after{content:"";display:block;width:25px;height:25px;background:url(../images/arr-w.svg) no-repeat right center;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;position:absolute;right:0;margin-top:-22px;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.footer{position:absolute;z-index:50;width:100%;bottom:-120px;left:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.footer.on{bottom:0}
.footer .txt{font-size:1vw;text-align:center;color:rgba(255,255,255,.5);line-height:120px}
.footer a{color:inherit;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.footer a:hover{color:#fff}
.goTop{position:absolute;top:0;right:50px;display:block;width:60px;height:60px;background:url(../images/index/h-i3.png) no-repeat center;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%}
@media only screen and (min-width:1921px) and (max-width:2560px){
.m-map .name.adr1{}
.m-map .name.adr2{top: 80%;left: 50%;}
.m-map .name.adr3{}
.m-map .name.adr4{top: 20%;left: 60px;}
.m-map .name.adr5{top:90% ;}
.m-map .name.adr6{top: 80%;left: 50%;}
.m-map .name.adr7{top: 21%;margin-left:10px;}
.m-map .name.adr8{left: 50%;top:80% ;}
.m-map .name.adr9{left: -40%;top:20% ;}
.m-map .name.adr10{left: -40%;top:20% ;}
.m-map .name.adr11{top: 10%;left: 140%;}
.m-map .name.adr12{top: 10%;left: 243%;}
.m-map .name.adr13{left: 138%;}}



/*新闻*/
.index-media-news {padding:0 0 100px 0;overflow: hidden;}
.index-media-new-top {overflow: hidden;}
.index-media-new-bottom {overflow: hidden;position: relative;}
.index-media-new-left {float: left;width:41%; margin-left:9%;}
.index-media-new-right {width: 50%;height: 100%;position: absolute;right: 0;top: 0;border-top: 1px solid #e5e9ee;border-bottom: 1px solid #e5e9ee;overflow: hidden;box-sizing: border-box;}
.index-media-new-right::after,.index-media-new-right::before{content: '';position: absolute;top: 0;background: #e5e9ee;}
.index-media-new-right::after {width: 1px;height: 100%;left: 50%;}
.index-media-new-right::before {width: 100%;height: 1px;left: 0;top: 50%;}
.index-media-new-item {overflow: hidden;float: left;width: 50%;height: 50%;position: relative;}
.index-media-new-item.cur a {background: #fff;}
.index-media-new-item.cur a::after {opacity: 1;}
.index-media-new-item.cur .text-1 {color: #001961; font-family: 'Montserrat-Extra-Bold',Microsoft Yahei,Arial;}
.index-media-new-item a {display: block;position: relative;width: 100%;height: 100%;}
.index-media-new-item a::after {content: '';width:4.17vw;height:1.95vw;position: absolute; left:82%; bottom: 0;background: url('../images/fuzu1.png') top center no-repeat;background-size: 103%;opacity: 0;}
.index-media-new-item .text {position: absolute;left: 10%;top: 15%;width: 80%;height: 75%;z-index: 11; white-space:inherit !important}
.index-media-new-item .text-1 {color: #888; font-size:1vw;}
.index-media-new-item .title-1 {margin-top: 3%; font-size:1vw;  line-height:1.5vw; color:#111; }
.index-media-new-item .date-1 {position: absolute;bottom: 0;left: 0;color: #999999; font-size:0.8vw;}
.index-media-new-item img {height: 100%;}

.idx_title{width: 100%;height: auto;text-align: center}
.idx_title .title{font-family:hs_b;font-size: 32px;color:#001961line-height: 1.1; font-weight:900;}
.idx_title .subtitle{margin-top:6px;font-size:42px;color: #282f36;line-height: 1.4; font-family:hs_l;}
@media (max-width: 1600px){.idx_title .title{font-size:36px}
.idx_title .subtitle{font-size: 20px}}
@media (max-width: 1366px){.idx_title .title{font-size:34px}
.idx_title .subtitle{margin-top: 12px;font-size: 16px}}
@media (max-width: 1024px){.idx_title .title{font-size:30px}
.idx_title .subtitle{line-height: 1}}
@media (max-width: 990px){.idx_title .title{font-size:28px}
.idx_title .subtitle{font-size: 15px;line-height: 1.54}}
@media (max-width: 768px){.idx_title .title{font-size:24px}
.idx_title .subtitle{font-size: 14px}}
@media (max-width: 480px){.idx_title .title{font-size:20px}
.idx_title .subtitle{margin-top: 8px;font-size: 13px}}

.i5{ padding:0 0 100px 0; overflow:hidden;}
.i5 .ul1{}
.i5 .ul1 li{width: 20.4%;float: left;text-align: center;}
.i5 .ul1 li a{display: block;position: relative;padding: 0 10%;line-height: 28px;}
.i5 .ul1 li a .ico{display: block;width:151px;position: relative;margin: 0 auto 20px;height:151px; background:#f7f8fa;border-radius: 50%;overflow: hidden;}
.i5 .ul1 li a .ico img{display: block;width: 100%;}
.i5 .ul1 li a .ico img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}
.i5 .ul1 li a:hover .ico{background: #001961}
.i5 .ul1 li a:hover .ico img{opacity: 0;}
.i5 .ul1 li a:hover .ico img:nth-child(2){opacity: 1;}
.f_18{ font-size:20px;}