@font-face { font-family: 'DINPro-Bold'; src: url("../fonts/DINPro-Bold.otf"); }

@font-face { font-family: 'DINPro-Regular'; src: url("../fonts/DINPro-Regular_0.otf"); }

@font-face { font-family: 'AVANT-GARDE-CE'; src: url("../fonts/ITC AVANT GARDE CE GOTHIC DEMI_0.TTF"); }

@keyframes o-upfade-top {  0% {

 opacity: 0;

 transform: translateY(40px);

}

 100% {

 opacity: 1;

 transform: translateY(0);

}

}

@keyframes o-scale {  0% {

 opacity: 1;

 transform: scale(0);

}

 80% {

 opacity: 1;

}

 100% {

 opacity: 0;

 transform: scale(1);

}

}

@keyframes o-scale1 {  0% {

 opacity: 1;

 transform: scale(1);

}

 80% {

 opacity: .5;

}

 100% {

 opacity: 0;

 transform: scale(1.5);

}

}

.wow { visibility: hidden; }

 @media screen and (min-width: 1025px) {

.dom-loaded .header li .drop { transition: all .3s ease; }

}

/* header */

.head-link { position: relative; padding: 0 30px; text-align: right; font-size: 0; z-index: 10;transition: background .3s ease; }

.head-link:before { content: ''; width: 640px; height: 1px; background-position: center; background-repeat: no-repeat; background-image: url("../images/img-2.png"); position: absolute; right: 0; bottom: 0; }

.head-link a.link { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 50px; color: #fff; }

.head-link a.link:after { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 10px; background-color: rgba(255, 255, 255, 0.3); margin: 0 2vw; }

.head-link a.link:last-of-type:after { display: none; }

.head-link .lang { display: inline-block; vertical-align: middle; position: relative; }

.head-link .lang:after { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 10px; background-color: rgba(255, 255, 255, 0.3); margin: 0 2vw; }

.head-link .lang span { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 20px; color: #fff; cursor: pointer; transition: all .3s ease; }

.head-link .lang span:before { content: ''; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/icon-2.png"); transition: all .3s ease; }

.head-link .lang span:after { content: ''; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #fff; display: inline-block; vertical-align: middle; margin: -3px 0 0 5px; transition: all .3s ease; }

.head-link .lang .hide { position: absolute; width: 90px; top: 100%; left: -10px; padding-top: 14px; opacity: 0; visibility: hidden; }

.head-link .lang .hide:before { content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #005bab; position: absolute; top: 5px; left: 0; right: 0; margin: 0 auto; }

.head-link .lang .hide a { display: block; font-size: 12px; line-height: 30px; color: #fff; margin-bottom: 1px; text-align: center; background-color: #005bab; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }



@media screen and (min-width: 1025px) {

.head-link .lang .hide a:hover { background-color: #005bab; }

}

.head-link .lang:hover .hide { opacity: 1; visibility: visible; }

.head-link a.search { display: inline-block; vertical-align: middle; width: 17px; height: 17px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/icon-3.png"); transition: all .3s ease; }

.header { padding: 0 30px; position: sticky; top: 0; font-size: 0; z-index: 9; display: flex; align-items: center; justify-content: space-between; transition: background .3s ease; }

.header.down { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: fixed; width: 100%; left: 0; top: 0; }

.header.down .logo img { height: 48px; }

.header.down .logo img.show { opacity: 0; }

.header.down .logo img.hide { opacity: 1; }

.header.down span.tip { color: #333; }

.header.down li a.single { color: #333; }

.header:before { -webkit-backdrop-filter: blur(20px); }

.header .company { display: flex; align-items: center; }

.header .logo { position: relative; }

.header .logo img { display: block; height: 60px; transition: all .3s ease; }

.header .logo img.hide { position: absolute; top: 0; left: 0; opacity: 0; }

.header span.tip { font-size: 20px; color: #fff; margin-left: 2vw; transition: all .3s ease; }

.header .nav { padding: 18px 0; }

.header li { margin-left: 3.125vw; display: inline-block; vertical-align: top; }

.header li a.single { display: block; color: #fff; transition: all .3s ease; }

.header li h3 { font-size: 18px; line-height: 24px; }

.header li h4 { font-size: 12px; line-height: 20px; font-family: 'Arial'; text-transform: uppercase; opacity: 0.5; }

.header li .drop { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; border-top:1px solid #E6E6E6; padding-right: 6.25vw; display: flex; opacity: 0; visibility: hidden; box-shadow:0 3px 8px rgba(0,0,0,0.08); }

.header li .left-box { width: 33.33%; background-color: #f7f7f7; padding: 4vw 4.98vw; }

.header li .left-box h3 { font-size: 24px; color: #333333; }

.header li .left-box p { font-size: 14px; line-height:28px; color: #808080; margin:12px 0; }

.header li .left-box a { display: inline-block; font-size: 16px; color: #005bab; margin-top: 30px; }

.header li .center-box { width: 33.33%; padding: 4vw 6.25vw; min-height:320px; }

.header li .center-box a { position: relative; display: block; padding: 0 30px; font-size: 16px; color: #333; line-height: 60px; transition: all .3s ease; }

.header li .center-box a:after { content: '>'; position: absolute; right: 40px; font-size: 16px; color: #fff; line-height: 20px; top: 50%; margin-top: -12px; }

.header li .center-box a:nth-of-type(1) { margin-top: 0; }

.header_pc:hover .header,.header_pc_w .header{ background:#fff;}

.header_pc:hover .head-link,.header_pc_w .head-link{ background:#005bab; color:#fff;}

.header_pc:hover .header .logo img,.header_pc_w .header .logo img{opacity:0; height:48px;}

.header_pc:hover .header .logo img.hide,.header_pc_w .header .logo img.hide{opacity:1;}

.header_pc:hover .header li a.single,.header_pc_w .header li a.single{color:#333;}

.header_pc:hover .header span.tip,.header_pc_w .header span.tip{color:#005bab;}

@media screen and (min-width: 1025px) {

.header li .center-box a:hover { background-color: #005bab; color: #fff; }

}

.header li .right-box { padding: 4vw 5vw; }

.header li .right-box img { display: block; width: 100%; }

.header li:nth-of-type(1) { margin-left: 0; }

.header li:hover .drop { opacity: 1; visibility: visible; }

.header .lang { display: inline-block; vertical-align: middle; margin-left: 100px; position: relative; }

.header .lang:before { content: ''; width: 1px; height: 20px; background-color: rgba(255, 255, 255, 0.2); position: absolute; left: -50px; top: 50%; margin-top: -10px; }

.header .lang span { display: block; font-size: 14px; color: #fff; transition: all .3s ease; }

.header .lang span:before { content: ''; width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 10px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/icon-2.png"); transition: all .3s ease; }

.header a.search { width: 17px; height: 17px; display: inline-block; vertical-align: middle; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/icon-3.png"); margin-left: 40px; transition: all .3s ease; }

.footer { position: relative; z-index: 2; }

.footer img { display: block; max-width: 100%; margin: 0 auto; }

.index-tit { position: relative; }

.index-tit h4 { font-size: 120px; font-family: 'AVANT-GARDE-CE'; text-transform: uppercase; color: #000; opacity: 0.05; position: absolute; top: -50px; left: -6.25vw; z-index: 1; }

.index-tit h3 { font-size: 60px; }

.index-tit.gray { color: #222; }

.index-tit.white { color: #fff; }

.index-main { margin-top: -130px; }

.index-s1 { position: relative; }

.index-s1 .item { position: relative; height: 100vh; overflow: hidden; }

.index-s1 video { height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }

.index-s1 .video-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.3; background-position: center top; background-image: url("../images/index/bg-1.png"); background-size: 100% auto; background-repeat: no-repeat; z-index: 2; }

.index-s1 .img-box { height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; width:100%; }

.index-s1 .txt-box { position: absolute; top: 45%; left: 0; right: 0; transform: translateY(-50%); text-align: center; z-index: 3; }

.index-s1 .txt-box span { font-size: 58px; color: #fff; font-weight: bold; }

.index-s1 .txt-box h3 { font-size: 38px; color: #fff; margin-top: 20px; letter-spacing: 5px; }

.index-s1 .pagination { position: absolute; bottom: 3.125vw; left: 0; right: 0; text-align: center; z-index: 2; }

.index-s1 .pagination span { display: inline-block; vertical-align: top; width: 28px; height: 28px; position: relative; margin: 0 10px; cursor: pointer; }

.index-s1 .pagination span:before, .index-s1 .pagination span:after { content: ''; position: absolute; box-sizing: border-box; }

.index-s1 .pagination span:before { width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); top: 0; left: 0; opacity: 0; transition: all .3s ease; }

.index-s1 .pagination span:after { width: 12px; height: 12px; background-color: #fff; border-radius: 50%; margin: -6px 0 0 -6px; top: 50%; left: 50%; }

.index-s1 .pagination span.active:before { opacity: 1; }

.index-s2 { padding: 9.375vw 0 0; }

.index-s2 .cont { margin-top: 6.25vw; display: flex; }

.index-s2 .left-block { width: 30vw; border-left: 1px solid #e6e6e6; padding-bottom: 9.375vw; }

.index-s2 .left-block .item { position: relative; padding: 20px 0 20px 2.5vw; margin-top: 2vw; cursor: pointer; }

.index-s2 .left-block .item:nth-of-type(1) { margin-top: 0; }

.index-s2 .left-block .item:before { content: ''; width: 8px; height: 100%; background-color: #005bab; position: absolute; top: 0; left: 0; border-radius: 4px; opacity: 0; transition: all .3s ease; }

.index-s2 .left-block .item h3 { font-size: 24px; color: #333; transition: all .3s ease; }

.index-s2 .left-block .item p { font-size: 16px; line-height: 2; color: #333; margin-top: 15px; display: none; opacity: 0; animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards; }

.index-s2 .left-block .item a { display: block; width: 180px; line-height: 48px; font-size: 14px; color: #fff; text-align: center; border-radius: 24px; background-color: #005bab; margin-top: 30px; transition: all .3s ease; display: none; opacity: 0; animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards; }

@media screen and (max-width: 1025px) {

.index-s2 .left-block .item a:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 91, 171, 0.3); }

}

.index-s2 .left-block .item.active:before { opacity: 1; }

.index-s2 .left-block .item.active h3 { font-size: 36px; color: #005bab; }

.index-s2 .left-block .item.active p, .index-s2 .left-block .item.active a { opacity: 1; display: block; }

.index-s2 .right-block { width: calc(100% - 30.01vw); position: relative; }

.index-s2 .main { position: absolute; right: 6.25vw; top: 28%; transform: translateY(-50%); width: 612px; height: 598px; }

.index-s2 .main .range { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.03; z-index: 1; }

.index-s2 .main .range i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/index/img-9-2.png"); opacity: 0; animation: o-scale1 2.1s linear infinite; }

.index-s2 .main .range i:nth-of-type(2) { animation-delay: .7s; }

.index-s2 .main .range i:nth-of-type(3) { animation-delay: 1.4s; }

.index-s2 .main img.bg { display: block; width: 100%; position: relative; z-index: 2; }

.index-s2 .main .img-box .item { position: absolute; z-index: 5; opacity: 0; transition: all .3s ease; cursor: pointer; }

.index-s2 .main .img-box .item img { display: block; width: 100%; }

.index-s2 .main .img-box .item:nth-of-type(1) { width: 42.64%; top: -1.4%; right: 49.46%; }

.index-s2 .main .img-box .item:nth-of-type(2) { width: 42.64%; top: -1.4%; left: 49.46%; }

.index-s2 .main .img-box .item:nth-of-type(3) { width: 38.07%; top: 33.6%; left: -1.3%; }

.index-s2 .main .img-box .item:nth-of-type(4) { width: 38.07%; top: 33.6%; right: -1.3%; }

.index-s2 .main .img-box .item:nth-of-type(5) { width: 51.14%; bottom: -1.7%; left: 24.6%; }

.index-s2 .main .img-box .item.active { opacity: 1; }

.index-s2 .main .info .item { position: absolute; z-index: 3; cursor: pointer; white-space: nowrap; }

.index-s2 .main .info .item img { height: 26px; }

.index-s2 .main .info .item h3 { font-size: 26px; color: #222222; margin-top: 20px; transition: color .3s ease; }

.index-s2 .main .info .item h4 { font-size: 12px; color: #ccc; margin-top: 10px; text-transform: uppercase; transition: color .3s ease; }

.index-s2 .main .info .item:nth-of-type(1), .index-s2 .main .info .item:nth-of-type(2) { top: 40px; }

.index-s2 .main .info .item:nth-of-type(3), .index-s2 .main .info .item:nth-of-type(4) { top: 320px; }

.index-s2 .main .info .item:nth-of-type(1), .index-s2 .main .info .item:nth-of-type(3) { text-align: right; }

.index-s2 .main .info .item:nth-of-type(1) { right: 100%; }

.index-s2 .main .info .item:nth-of-type(2) { left: 100%; }

.index-s2 .main .info .item:nth-of-type(3) { right: calc(100% + 50px); }

.index-s2 .main .info .item:nth-of-type(4) { left: calc(100% + 50px); }

.index-s2 .main .info .item:nth-of-type(5) { text-align: center; left: 50%; transform: translateX(-50%); top: calc(100% + 50px); padding-left: 40px; }

.index-s2 .main .info .item:nth-of-type(5) img { position: absolute; left: 0; top: 0; }

.index-s2 .main .info .item:nth-of-type(5) h3 { margin-top: 0; }

.index-s2 .main .info .item.active h3, .index-s2 .main .info .item.active h4 { color: #005bab; }

.index-s2 .main .center-txt .item { position: absolute; top: 50%; width: 100%; left: 0; right: 0; margin-top: -34px; text-align: center; transition: all .3s ease; z-index: 5; display: none; opacity: 0; animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards; }

.index-s2 .main .center-txt .item img { height: 35px; }

.index-s2 .main .center-txt .item h3 { margin-top: -10px; font-size: 36px; color: #005bab; }

.index-s2 .main .center-txt .item.active { display: block; }





.main .m2lnAni_imgs{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:auto; margin-top:70px;}

.main .inxc2img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:auto; margin-top:70px;}

.main .inxc2img img:nth-child(1){position:absolute; left:0; top:0; animation:radiusRotate 30s linear infinite;}

.main .inxc2img img:nth-child(2){position:relative; z-index:1;}

.main .m2wkAniImg{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:120%; height:auto; margin-top:60px;}

.index-s2 .main{ opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;}

.index-s2 .main.active{ opacity:1; visibility:visible;}





.index-s3 { position: relative; overflow: hidden; }

.index-s3 .bg-block { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: 1; }

.index-s3 .bg-block .item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; opacity: 0; visibility: hidden; transition: all .3s ease; }

.index-s3 .bg-block .item.active { opacity: 1; visibility: visible; }

.index-s3 .wrapper { padding: 9.375vw 0 6.25vw; height: calc(100vh - 70px); min-height: 52vw; }

.index-s3 .wrapper:before { content: ''; width: 2px; height: 100%; position: absolute; right: 12px; top: 0; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("../images/index/img-6.png"); z-index: 2; }

.index-s3 .tab-tit { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.index-s3 .tab-tit .item { position: relative; text-align: right; margin-top: 4vw; font-size: 0; cursor: pointer; }

.index-s3 .tab-tit .item:nth-of-type(1) { margin-top: 0; }

.index-s3 .tab-tit .item span { display: inline-block; vertical-align: middle; font-size: 24px; line-height: 30px; color: #fff; opacity: 0.6; transition: all .3s ease; }

.index-s3 .tab-tit .item i { display: inline-block; vertical-align: middle; width: 26px; height: 26px; position: relative; margin-left: 30px; }

.index-s3 .tab-tit .item i:before { content: ''; width: 52px; height: 52px; position: absolute; top: 50%; left: 50%; margin: -26px 0 0 -26px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); transform: scale(0); transition: transform .3s ease; }

.index-s3 .tab-tit .item i:after { content: ''; width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/index/icon-3.png"); transition: all .3s ease; }

.index-s3 .tab-tit .item:after { content: ''; width: 20px; height: 2px; background-color: rgba(255, 255, 255, 0.3); position: absolute; left: calc(100% + 20px); top: 50%; margin-top: -1px; transition: all .3s ease; }

.index-s3 .tab-tit .item.active span { font-size: 36px; opacity: 1; }

.index-s3 .tab-tit .item.active i:before { transform: scale(1); }

.index-s3 .tab-tit .item.active i:after { background-image: url("../images/index/icon-3-1.png"); }

.index-s3 .tab-tit .item.active:after { width: 40px; background-color: #fff; }

.index-s3 .tab-cont { position: absolute; bottom: 6.25vw; left: 0; max-width: 770px; width: 60%; }

.index-s3 .tab-cont .child { display: none; }

.index-s3 .tab-cont .child.active { display: block; }

.index-s3 .tab-cont h3, .index-s3 .tab-cont .para, .index-s3 .tab-cont .btn { opacity: 0; animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards; }

.index-s3 .tab-cont .para { animation-delay: .1s; }

.index-s3 .tab-cont .btn { animation-delay: .2s; }

.index-s3 .tab-cont h3 { font-size: 48px; color: #fff; }

.index-s3 .tab-cont .para { font-size: 16px; color: #fff; line-height: 2; margin-top: 1.5vw; }

.index-s3 .tab-cont .btn { margin-top: 1.5vw; }

.index-s3 .tab-cont a { display: block; width: 180px; line-height: 48px; background-color: #fff; text-align: center; border-radius: 24px; font-size: 14px; color: #005bab; transition: all .3s ease; }

@media screen and (min-width: 1025px) {

.index-s3 .tab-cont a:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 91, 171, 0.3); }

}

.index-s4 { padding: 9.375vw 0 12.5vw; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("../images/index/img-1.jpg"); background-attachment: fixed; }

.index-s4 .flex { display: flex; justify-content: space-between; margin-top: 6.25vw; }

.index-s4 .left-block { width: 23.5vw; position: relative; }

.index-s4 .box-1 { width: 48.88%; position: relative; border-radius: 5px; z-index: 2; overflow: hidden; }

.index-s4 .box-1 img { display: block; width: 100%; }

.index-s4 .box-2 { position: absolute; z-index: 1; top: 5vw; left: 55%; width: 5.104vw; }

.index-s4 .box-2 img { display: block; width: 100%; }

.index-s4 .box-3 { position: absolute; right: 0; top: 12vw; padding: 0 1.15vw; width: 19.53vw; z-index: 3; }

.index-s4 .box-3:before, .index-s4 .box-3:after { content: ''; width: 65px; height: 32px; position: absolute; }

.index-s4 .box-3:before { top: -22px; right: 0; border-top: 2px solid #005bab; border-right: 2px solid #005bab; }

.index-s4 .box-3:after { bottom: -22px; left: 0; border-left: 2px solid #005bab; border-bottom: 2px solid #005bab; }

.index-s4 .box-3 .img-box { border-radius: 5px; }

.index-s4 .box-3 img { display: block; width: 100%; transition: transform .6s ease; }

.index-s4 .box-3 a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; color: #fff; }

.index-s4 .box-3 a:before { content: ''; display: block; width: 70px; height: 70px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background-position: center; background-repeat: no-repeat; background-image: url("../images/index/icon-2.png"); margin: 0 auto 10px; transition: all .3s ease; }

@media screen and (min-width: 1025px) {

.index-s4 .box-3 a:hover:before { border-color: #fff; }

}

@media screen and (min-width: 1025px) {

.index-s4 .box-3:hover img { transform: scale(1.1); }

}

.index-s4 .center-block { width: 26vw; position: relative; }

.index-s4 .center-block h3 { font-size: 36px; line-height: 1.5; color: #005bab; }

.index-s4 .center-block .para { font-size: 16px; line-height: 2; color: #333333; margin-top: 2vw; text-align: justify; }

.index-s4 .center-block a { display: block; width: 180px; font-size: 14px; line-height: 48px; background-color: #005bab; text-align: center; border-radius: 24px; color: #fff; margin-top: 4vw; transition: all .3s ease; }

@media screen and (min-width: 1025px) {

.index-s4 .center-block a:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 91, 171, 0.3); }

}

.index-s4 .right-block { width: 20vw; display: flex; flex-wrap: wrap; justify-content: space-between; }

.index-s4 .box { min-width: 150px; margin-top: 60px; }

.index-s4 .box .num { font-size: 0; }

.index-s4 .box .num:before { content: ''; width: 36px; height: 36px; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; vertical-align: middle; margin: -2px 20px 0 0; }

.index-s4 .box .num span { display: inline-block; vertical-align: middle; font-size: 54px; color: #005bab; font-family: 'DINPro-Bold'; }

.index-s4 .box .num i { font-size: 16px; color: #005bab; display: inline-block; vertical-align: middle; font-style: normal; margin-left: 10px; position:relative; top:13px; }

.index-s4 .box p { font-size: 18px; color: #333333; margin-top: 15px; }

.index-s4 .box:nth-of-type(1), .index-s4 .box:nth-of-type(2) { margin-top: 0; }

.index-s4 .box:nth-of-type(1) .num:before { background-image: url("../images/index/icon-1-1.png"); }

.index-s4 .box:nth-of-type(2) .num:before { background-image: url("../images/index/icon-1-2.png"); }

.index-s4 .box:nth-of-type(3) .num:before { background-image: url("../images/index/icon-1-3.png"); }

.index-s4 .box:nth-of-type(4) .num:before { background-image: url("../images/index/icon-1-4.png"); }

.index-s4 .box:nth-of-type(5) .num:before { background-image: url("../images/index/icon-1-5.png"); }

.index-s4 .box:nth-of-type(6) .num:before { background-image: url("../images/index/icon-1-6.png"); }

.index-s5 .top-block { background-color: #063a77; position: relative; overflow: hidden; padding: 6.25vw 0 1.5vw; }

.index-s5 .top-block .map-block { position: relative; margin-top: -3.125vw; }

.index-s5 .top-block .tab-tit { position: absolute; left: 0; top: 26%; z-index: 2; }

.index-s5 .top-block .tab-tit:before { content: ''; width: 2px; height: 695px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/index/img-8.png"); position: absolute; left: -1px; top: 50%; transform: translateY(-50%); z-index: 1; }

.index-s5 .top-block .tab-tit .item { position: relative; margin-top: 2.5vw; margin-left: -13px; font-size: 0; cursor: pointer; z-index: 2; }

.index-s5 .top-block .tab-tit .item:nth-of-type(1) { margin-top: 0; }

.index-s5 .top-block .tab-tit .item span { display: inline-block; vertical-align: middle; font-size: 24px; line-height: 40px; color: #fff; transition: all .3s ease; letter-spacing:3px; }

.index-s5 .top-block .tab-tit .item i { display: inline-block; vertical-align: middle; width: 26px; height: 26px; position: relative; margin-right: 20px; }

.index-s5 .top-block .tab-tit .item i:before { content: ''; width: 52px; height: 52px; position: absolute; top: 50%; left: 50%; margin: -26px 0 0 -26px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); transform: scale(0); transition: transform .3s ease; }

.index-s5 .top-block .tab-tit .item i:after { content: ''; width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/index/icon-3.png"); }

.index-s5 .top-block .tab-tit .item:after { content: ''; width: 20px; height: 2px; background-color: rgba(255, 255, 255, 0.3); position: absolute; right: calc(100% + 20px); top: 50%; margin-top: -1px; transition: all .3s ease; }

.index-s5 .top-block .tab-tit .item.active span { font-size: 36px; transform: translateX(13px); }

.index-s5 .top-block .tab-tit .item.active i:before { transform: scale(1); }

.index-s5 .top-block .tab-tit .item.active i:after { background-image: url("../images/index/icon-3-1.png"); }

.index-s5 .top-block .tab-tit .item.active:after { width: 40px; background-color: #fff; transform: translateX(-10px); }

.index-s5 .top-block .map { width: 51.04vw; margin: 0 auto; position: relative; }

.index-s5 .top-block .map img.bg { display: block; width: 100%; }

.index-s5 .top-block .map .pic-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

.index-s5 .top-block .map .pic-box .child { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.index-s5 .top-block .map .pic-box .child.active img { transition: opacity .3s ease; }

.index-s5 .top-block .map .pic-box .child.active img.show { opacity: 0; }

.index-s5 .top-block .map .pic-box .child.active img.hide { opacity: 1; }

.index-s5 .top-block .map .pic-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.index-s5 .top-block .map .pic-box img.show { opacity: 0.5; }

.index-s5 .top-block .map .pic-box img.hide { opacity: 0; }

.index-s5 .top-block .map .dots { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }

.index-s5 .top-block .map .dots img { display: block; width: 100%; }

.index-s5 .top-block .info { position: absolute; right: 0; bottom: 8vw; }

.index-s5 .top-block .info .box { margin-bottom: 3.5vw; font-size: 17px; color: rgba(255, 255, 255, 0.3); }

.index-s5 .top-block .info .box span { font-size: 48px; color: #fff; font-family: 'DINPro-Bold'; margin-right: 15px; transition: color .3s ease; }

@media screen and (min-width: 1025px) {

.index-s5 .top-block .info .box:hover span { color: #fbab4a; }

}

.index-s5 .top-block .info .tip { font-size: 24px; color: #fff; }

.index-s5 .bot-block { padding: 40px 0; background-color: #005bab; }

.index-s5 .bot-block .child { height: 0; overflow: hidden; }

.index-s5 .bot-block .child.active { height: auto; }

.index-s5 .bot-block .child.active .swiper { opacity: 0; animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards; }

.index-s5 .bot-block .item { display: flex; align-items: center; }

.index-s5 .bot-block .item .img-box { width: 220px; background-color: #fff; overflow:hidden; }

.index-s5 .bot-block .item .img-box img { display: block; width: 100%; transition:all 0.3s ease-in-out; }

.index-s5 .bot-block .item .img-box:hover img{transform:scale(1.1);}

.index-s5 .bot-block .item .txt-box { width: calc(100% - 220px); padding-left: 24px; }

.index-s5 .bot-block .item h3 { font-size: 24px; color: #fff; }

.index-s5 .bot-block .item p { font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; color: #fff; margin-top: 10px; }

.index-s5 .swiper-scrollbar { position: relative; margin-top: 40px; height: 1px; background-color: rgba(255, 255, 255, 0.2); }

.index-s5 .swiper-scrollbar-drag { background-color: #fff; height: 9px; top: -4px; border-radius: 0; cursor: pointer; }

.index-s6 { padding: 6.25vw 0; font-size: 0; }

.index-s6 .top-block { display: flex; align-items: flex-end; justify-content: space-between; }

.index-s6 .tab-tit span { display: inline-block; vertical-align: bottom; position: relative; font-size: 24px; color: #666666; line-height: 40px; margin-left: 60px; cursor: pointer; transition: all .2s ease; }

.index-s6 .tab-tit span:after { content: ''; width: 24px; height: 8px; background-color: #005bab; position: absolute; bottom: -3.125vw; left: 50%; margin-left: -12px; border-radius: 3.5px; opacity: 0; transition: all .3s ease; }

.index-s6 .tab-tit span:nth-of-type(1) { margin-left: 0; }

.index-s6 .tab-tit span.active { font-size: 36px; color: #005bab; }

.index-s6 .tab-tit span.active:after { opacity: 1; }

.index-s6 .tab-tit span:hover { color: #005bab; }

.index-s6 .tab-cont { margin: 3.125vw -9.375vw 0; padding: 0 9.375vw; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }

.index-s6 .tab-cont .child { height: 0; overflow: hidden; }

.index-s6 .tab-cont .child.active { height: auto; }

.index-s6 .tab-cont .child.active .flex { opacity: 0; animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards; }

.index-s6 .flex { display: flex; justify-content: space-between; margin: 0 -3.125vw; }

.index-s6 .item { width: 33.33%; padding: 3.125vw; border-right: 1px solid #e6e6e6; }

.index-s6 .item:last-of-type { border: none; }

.index-s6 .item .date { font-size: 16px; color: #005bab; font-family: 'DINPro-Regular'; }

.index-s6 .item .date:before { content: ''; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/index/icon-6.png"); display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }

.index-s6 .item h3 { font-size: 24px; height: 72px; color: #333; line-height: 1.5; margin: 1.5vw 0; overflow: hidden; }

.index-s6 .item span { font-size: 16px; color: #005bab; display: block; }

.index-s6 .item .img-box { border-radius: 5px; margin-top: 4vw; }

.index-s6 .item img { display: block; width: 100%; transition: transform .6s ease; }

@media screen and (min-width: 1025px) {

.index-s6 .item:hover img { transform: scale(1.1); }

}

.index-s6 a.more { display: block; width: 180px; font-size: 14px; line-height: 48px; background-color: #005bab; text-align: center; border-radius: 24px; color: #fff; margin: 3.125vw auto 0; transition: all .3s ease; }

@media screen and (min-width: 1025px) {

.index-s6 a.more:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 91, 171, 0.3); }

}



@media (max-width:1799px){

.index-s1 .txt-box span{font-size:42px;}

.index-s1 .txt-box h3{font-size:28px; margin-top:10px;}

.header li .left-box{width:50%;}

.header li .center-box{width:30%; padding:4vw 2vw 4vw 3.25vw;}

.header li .right-box{padding:6vw 2vw 0;}

.index-tit h4{font-size:90px;}

.index-tit h3{font-size:42px;}

.index-s2 .main{transform:translateY(-50%) scale(0.8); transform-origin:right center;}

.index-s2 .left-block .item:before{width:5px;}

.index-s2 .left-block .item h3{font-size:22px;}

.index-s2 .left-block .item{padding:15px 0 15px 2.5vw;}

.index-s2 .left-block .item.active h3{font-size:24px;}

.index-s2 .left-block .item p{margin-top:8px; font-size:15px;}

.index-s2 .left-block .item a{margin-top:20px;}

.index-s3 .tab-tit .item span{font-size:22px;}

.index-s3 .tab-cont h3{font-size:32px;}

.index-s3 .tab-tit .item.active span{font-size:30px;}

.index-s4 .center-block{width:38%;}

.index-s4 .right-block{width:28%;}

.index-s4 .center-block h3{font-size:26px;}

.index-s4 .center-block .para{margin-top:1.5vw;}

.index-s4 .flex{margin-top:4.5vw;}

.index-s4 .left-block{width:26%;}

.index-s4 .box .num span{font-size:42px;}

.index-s4 .box p{font-size:16px; margin-top:8px;}

.index-s4 .box{margin-top:28px;}

.index-s5 .top-block .info .tip{font-size:19px;}

.index-s5 .top-block .tab-tit .item span{font-size:21px;}

.index-s5 .top-block .tab-tit .item.active span{font-size:26px;}

.index-s5 .bot-block .item h3{font-size:21px;}

.index-tit h4{left:-4.25vw;}

.index-s6 .tab-tit span{font-size:21px;}

.index-s6 .tab-tit span.active{font-size:26px;}

.index-s6 .tab-tit span:after{height:5px;}

.index-s6 .item h3{font-size:20px; height:60px;}

.index-s6 .item .img-box{margin-top:2.8vw;}

}

@media (max-width:1199px){

.index-main{margin-top:0;}

.index-s2 .main{transform:translateY(-50%) scale(0.6); transform-origin:right center; top:36%;}

.index-s1 .txt-box span{font-size:32px;}

.index-s1 .txt-box h3{font-size:20px;}

*{letter-spacing:0!important;}

.index-s1 .item{height:calc(100vh - 56px);}

.index-tit h4{font-size:70px;}

.index-tit h3{font-size:32px;}

.index-s2 .left-block .item.active h3{font-size:20px;}

.index-s2 .left-block .item p{font-size:14px;}

.index-s3 .tab-tit .item span{font-size:20px;}

.index-s3 .tab-tit .item.active span{font-size:24px;}

.index-tit h4{left:-5px;}

.index-s3 .tab-cont h3{font-size:24px;}

.index-s3 .tab-cont .para{font-size:15px;}

.index-s4 .flex{display:block;}

.index-s4 .left-block{width:40%; float:left; height:350px;}

.index-s4 .center-block{width:60%; padding-left:35px; float:left; height:350px;}

.index-s4 .center-block h3{font-size:24px;}

.index-s4 .center-block .para{font-size:15px;}

.index-s4 .right-block{width:100%;}

.index-s4 .box{margin-top:0;}

.index-s4{padding-bottom:8.5vw;}

.index-s5 .top-block{padding-top:9.5vw; padding-bottom:8vw;}

.index-s5 .top-block .tab-tit .item span{font-size:20px;}

.index-s5 .top-block .tab-tit .item.active span{font-size:24px;}

.index-s5 .top-block .info .tip{font-size:18px;}

.index-s5 .top-block .info .box{font-size:16px;}

.index-s5 .top-block .tab-tit{left:25px;}

.index-s5 .bot-block .item h3{font-size:18px;}

.index-s6{padding:9.25vw 0 7vw;}

.index-s6 .tab-tit span{font-size:18px; margin-left:42px;}

.index-s6 .tab-tit span.active{font-size:21px;}

.index-s6 .item h3{font-size:16px;}

.index-s6 .item span{font-size:14px;}

}

@media (max-width:993px){

.index-s1 .item{height:500px; width:100%;}

.index-s1 .img-box{width:100%;}

.index-s2 .left-block .item h3{font-size:18px;}

.index-s2 .left-block .item.active h3{font-size:18px;}

.index-s3 .wrapper{height:580px;}

.index-s4 .box{width:33.33%; margin-bottom:25px;}

.index-s5 .bot-block .item .img-box{width:180px;}

.index-s5 .bot-block .item .txt-box{width:calc(100% - 180px);}

.index-s5 .top-block .tab-tit{top:15%;}

}

@media (max-width:767px){

.index-s1 .item{height:350px;}

.index-s1 .txt-box span{font-size:24px;}

.index-s1 .txt-box h3{font-size:15px;}

.index-s1 .pagination{bottom:30px;}

.index-s1 .pagination span{transform:scale(0.8); margin:0 3px}

.index-s2{padding:70px 0 50px;}

.index-tit h4{font-size:36px; top:-28px;}

.index-tit h3{font-size:24px;}

.index-main .index-s2 .right-block{display:none;}

.index-s2 .left-block{width:100%;}

.index-s2 .left-block .item h3 {color: #005bab;}

.index-s2 .left-block .item{ padding-left:15px;}

.index-s2 .left-block{padding-bottom:0;}

.index-s2 .left-block .item a,.index-s3 .tab-cont a,.index-s4 .center-block a,.index-s6 a.more{width:160px; line-height:46px;}

.index-s3 .wrapper{padding:70px 15px;}

.index-s3 .tab-tit .item span{display:none;}

.index-s3 .tab-tit .item{ transform:scale(0.7);}

.index-s3 .tab-tit .item:after{display:none;}

.index-s3 .tab-tit{right:10px;}

.index-s3 .tab-cont{width:calc(100% - 45px);}

.index-s3 .tab-cont{position:relative; margin-top:55px;}

.index-s3 .tab-cont h3{font-size:22px;}

.index-s3 .tab-cont .para{margin-top:12px; margin-bottom:20px;}

.index-s3 .wrapper{height:550px;}

.index-s4{padding:70px 0px 40px;}

.index-s4 .left-block{width:100%; float:none;}

.index-s4 .box-3{width:69.53vw; top:40vw;}

.index-s4 .box-2{width:17vw;}

.index-s4 .box-3::before {top: -10px;right: -7px;}

.index-s4 .box-3::after {bottom: -10px;left: -7px;}

.index-s4 .center-block{width:100%; padding-left:0;}

*{background-attachment:inherit!important;}

.index-s4 .center-block h3{font-size:20px;}

.index-s4 .box p{font-size:15px;}

.index-s4 .box .num:before{margin-right:12px;}

.index-s5 .bot-block .item .img-box{width:150px;}

.index-s5 .bot-block .item .txt-box{ width:calc(100% - 150px); padding-left:15px;}

.index-s5 .bot-block .item h3{font-size:15px;}

.index-s5 .bot-block .item p{font-size:12px;}

.index-s5 .top-block .map{width:100vw;}

.index-s5 .top-block .tab-tit .item span{font-size:15px;}

.index-s5 .top-block .tab-tit .item.active span{font-size:16px;}

.index-s5 .top-block .tab-tit .item i{transform:scale(0.8); margin-right:6px;}

.index-s5 .top-block .tab-tit{left:12px;}

.index-s5 .top-block .info{bottom:auto; top:-12vw; right:60px; transform:scale(0.6)!important;}

.index-s5 .top-block .tab-tit{z-index:5;}

.index-s5 .top-block .tab-tit .item{margin-top:0;}

.index-s6{padding:50px 0px 60px;}

.index-s6 .tab-tit span{font-size:15px; margin-left:10px;}

.index-s6 .tab-tit span.active{font-size:16px;}

.index-s6 .item{width:100%; margin-bottom:15px;}

.index-s6 .flex{display:block; padding-top:15px; margin-bottom:15px;}

.index-s6 .tab-cont{margin-bottom:25px;}

.index-s4 .box .num{transform:scale(0.85); transform-origin:left center;}

.index-s6 .item h3{font-size:15px; line-height:1.7;}

.index-s4 .left-block{margin-bottom:35px;}

.index-s4 .box-1{display:none;}

.index-s4 .box-2{display:none;}

.index-s4 .box-3{width:calc(100vw  - 38px); position:relative; top:auto; margin-top:35px;}

.index-s4 .left-block{height:240px;}

.index-s4 .center-block{height:auto; margin-bottom:35px;}

.index-s5 .top-block .info .tip{display:none;}

.index-s5 .top-block .map{width:90vw; top:5vw; left:10vw;}

.index-s5 .top-block .tab-tit{top:10%;}

}

@media (max-width:376px){

.index-s4 .left-block{margin-bottom:10px;}

}

@media (max-width:370px){

.index-s4 .left-block{margin-bottom:0px;}

}