﻿@keyframes lineSlide
{
from {width:0px;}
to {width:100%;}
}
*{margin:0;padding:0;list-style: none;font-family: 'Arial'}
.wrap{width:100%;overflow: hidden;}
.content{width:1200px;margin: 0 auto;}
.header{position:fixed;top:0;left:0;z-index:111;width:100%;background: rgba(255,255,255,0.7);transition:all .3s ease-in-out}
.header.active{background:#fff;box-shadow: 0 14px 34px rgba(21,61,97,0.04);transition: all .35s ease-in-out;}
.header .content{display:flex;height:100px;justify-content: space-between;position: relative;width: 83.96vw;height: 5.2vw;}
.header .logo{line-height:100px;line-height: 5.2vw;display: block;height: 5.2vw;}
.header .logo img{vertical-align:middle;/* max-height: 70%; *//* max-width: 100%; */height: 70%;;/* max-width: none; *//* width: auto; */;max-height: 100%;}
/* .header .row{width:100%;height:145px;line-height: 145px;background: url(../img/bk1.jpg) center center no-repeat;background-size: cover;}
.header .row img{max-height:90%;vertical-align: middle;}
.header .row .words{color:#323f4f;font-size:48px;display: inline-block;margin-left: 15px;font-weight: bold;vertical-align: middle;} */
.header .nav{position:relative;/* top:-1px; *//* width:100%; *//* height:50px; *//* background:#323f4f url(../img/bg.jpg) center center no-repeat; */background-size:cover;line-height: 100px;padding-right: 86px;line-height: 5.2vw;padding-right: 4.5vw;display: flex;}
.header .nav ul{/* height:50px; */display: flex;justify-content: space-between;}
.header .nav ul li{/* height:50px; *//* width:150px; */float: left;box-sizing:border-box;/* line-height: 50px; */text-align: center;margin: 0 17px;margin: 0 0.89vw;width: 74px;width: 3.87vw;}
.header .nav ul li a{position:relative;color:white;font-size: 16px;display:block;color: #333333;font-size: .83vw;/* border-bottom: 2px solid transparent; */box-sizing: border-box;height: 100%;}
.header .nav ul li a:after{content:"";width:100%;height:2px;bottom:0;width:0;background:#005bac;left:0;position:absolute;transition: all .5s ease-in-out;}

.header .nav ul li:nth-child(6){border-right:0px solid red;}
.header .nav ul li .secondNav{box-shadow: 0 14px 34px rgba(21,61,97,0.04) inset;display:none;position:fixed;z-index:9999;top:0;left:0;background: url(../image/secondBk.png) center center no-repeat;background-size:cover;top: 5.2vw;width:100%;padding:30px 0;padding:1.56vw 0}
.header .nav ul li .secondNav .content{height:auto;align-items: start;}
.header .nav ul li .secondNav .left{margin-right: 8.6vw;}
.header .nav ul li .secondNav .Img{/* width:618px; *//* height:241px; *//* width:32.19vw; *//* height:12.55vw */max-width: 32.19vw;}
.header .nav ul li .secondNav .Img img{width:100%;}
.header .nav ul li .secondNav .right{width:825px;width:42.97vw;display: flex;}
.header .nav ul li .secondNav .right dl{min-height:152px;}
.header .nav ul li .secondNav .right>dl{min-height:152px;/* border-right:1px solid #e1e1e1; */position:relative}
.header .nav ul li .secondNav .right dl dd{padding-right:65px}
.header .nav ul li .secondNav .right a{line-height:2;text-align: left;display: block;/* word-break: keep-all; */white-space: nowrap;}
.header .nav ul li .secondNav .right>dl>dd dl{opacity:0;position:absolute;left: 100%;padding-left:65px;top:0;border-left: 1px solid #e1e1e1;transition:all .35s ease-in-out;/* display: none; */}

.header .nav ul li .secondNav .right dl dd#second70{display: none;}


/* .header .nav ul li .secondNav .right dl:last-child{border-right:none} */
.header .nav ul li .secondNav .right dl dd .fourBox{opacity:0;transition:all .35s ease-in-out;border-left: 1px solid #e1e1e1;position: absolute;left: 100%;top: 0;padding-left: 65px;}
.header .nav ul li .secondNav .right dl dd .fourBox a:hover{color:#005bac}
@media screen and (min-width: 880px) and (max-width:2560px){
.header .nav ul li.active,.header .nav ul li:hover{/* height:50px; *//* background:#0060b4 url(../img/activebg.jpg) center center no-repeat; *//* background-size:cover; *//* height: 2.55vw; */}
.header .nav ul li.active>a,.header .nav ul li:hover>a{color:#005bac;}
.header .nav ul li.active>a:after,.header .nav ul li:hover>a:after{width:100%}
.header .nav ul li .secondNav .right dl dd:hover>a,.header .nav ul li .secondNav .right dl dd.active a{color:#005bac}
.header .nav ul li .secondNav .right>dl>dd.active>dl,.header .nav ul li .secondNav .right>dl>dd:hover>dl{opacity:1}
.header .nav ul li .secondNav .right>dl>dd dl dd:hover .fourBox{display:block;opacity:1}
}
.header:hover{background:#fff;transition:all .3s ease}

#third67{display:none;}

.lang{position:absolute;right: 0;line-height: 100px;font-size: 16px;line-height:  5.2vw;font-size: .83vw;}
.lang span{margin:0 5px}
.lang a{color:#5b799b}
.lang a:last-child{color:#333333}

.banner{height: 560px;/* height:  898px; */position:  relative;height: 900px;height: 46.875vw;}
.bannerPC{background: url(../image/bannerBK.png) center center no-repeat;background-size: cover;}
.banner .swiper-slide,.banner .swiper-container{width:100%;height: 100%;overflow: hidden;}
.banner .swiper-slide img{width:100%;position:  static;z-index: 0;background:#fff}
.banner video{/* width:100%; *//* height:100%; */background: #fff;}
/* .banner audio::-webkit-media-controls-enclosure,.banner video::-webkit-media-controls-enclosure{display:none} */
.banner audio::-webkit-media-controls-play-button,.banner video::-webkit-media-controls-play-button{position: fixed;top: 50%;left: 50%;margin-left: -32px;margin-top: -32px;}
.banner audio::-webkit-media-controls-timeline,.banner video::-webkit-media-controls-timeline{display:none}
.banner audio::-webkit-media-controls-mute-button,.banner video::-webkit-media-controls-mute-button{display:none}
.banner audio::-webkit-media-controls-fullscreen-button,.banner video::-webkit-media-controls-fullscreen-button{display:none}
.banner video{min-width: 102%;min-height: 102%;transform: translate(-1%,-1%);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.banner .swiper-button-next, .banner .swiper-button-prev{width:2.08vw;height:2.08vw;-webkit-appearance: none;border: 0;outline: none;}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:url(../image/bannerBtn.png) right top no-repeat;background-size: 4.16vw;right: 8.02vw;}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../image/bannerBtn.png) left top no-repeat;background-size: 4.16vw;left: 8.02vw;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background-position-y:bottom}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom, .swiper-pagination-fraction{bottom:60px}
.banner .swiper-pagination-bullet{background:transparent;opacity:1;border:1px solid #fff;}
.banner .swiper-pagination-bullet-active{background:#337cbd;border-color:#337cbd}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}

.bannerText{/* transition: all 0.7s cubic-bezier(0, 0, 0.27, 1); */position:absolute;bottom:0;z-index:1;left:0;height:  48px;line-height: 48px;height:2.5vw;line-height: 2.5vw;padding-left:260px;padding-left:13.54vw;background:#fff;display:  flex;justify-content: space-between;transition: all .7s ease-out;overflow: hidden;display: none!important;}
.bannerText a{margin-right:40px;color:#005bac;font-size:16px;margin-right:2.08vw;font-size:.83vw}
.bannerText a img{vertical-align:middle;max-height:20px;margin-right:10px;max-height:1.04vw;margin-right:0.52vw;transition: all .25s ease-in-out;}
/* .bannerText:hover{transform: scale(1.4);transform-origin: 0 100%;-webkit-transform: scale(1.4);-webkit-transform-origin:0 100%; -ms-transform: scale(1.4);-ms-transform-origin:0 100%; } */
.bannerText .search .inputBox{display:flex;height:100%;overflow:hidden}
.bannerText .search .inputBox input[type=text]{box-sizing:border-box;width: 0;line-height: calc(48 / 1920 * 100vw);transition:all .35s ease-in-out;border:1px solid #337cbd;border-top:0}
.bannerText .search .inputBox input[type=submit]{cursor:pointer;width:75px;background:#337cbd url(../image/search.png) center center no-repeat;background-size:22px;width:3.9vw;background-size:1.15vw}
.bannerText .search .inputBox:hover input[type=text]{width:190px;padding: 0 10px;border-top:0}
.bannerText .box1{width:440px;width:150px}
.bannerText .box1 a:hover span{/* font-weight:bold; *//* vertical-align: middle; */color: #005bac;text-shadow: 0 0 1px #707070;}
.bannerText .box1 a:hover img{margin-top:-3px}
.bannerText .box1 a:nth-child(1),.bannerText .box1 a:nth-child(2){display:none}

.mb{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.3);z-index: 1;top: 0;left: 0;/* padding-top: 10%; */box-sizing:  border-box;/* padding-top: 18.23vw; */}
.mb:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background: url(../image/mb.png) center center no-repeat;background-size: cover;opacity: 0.75;opacity: 0.3;}
.mb .txt{width:1200px;/* margin: 350px auto 0; */padding-top: 18.23vw;width: 72.92vw;margin: 0 auto;position:absolute;z-index:2;left:calc((100vw - 1200px)/2);left:13.5vw}
.mb .txt p{font-size:38px;color:#fff;line-height: 1.7;font-size: 1.98vw;}
.mb .txt p:last-child{font-size:24px;/* line-height:3; */font-size: 1.25vw;}

.slideBox{position:fixed;right: calc(38 / 1920 * 100vw);bottom: 5%;z-index: 1;}
.slideBox>div{cursor:pointer;width: calc(58 / 1920 * 100vw);height: calc(58 / 1920 * 100vw);background: url(../image/slide1.png) center center no-repeat;background-size:100%;margin-bottom: calc(8 / 1920 * 100vw);box-shadow: 5px 5px 10px rgba(0,0,0,.2);position: relative;border-radius: 5px;}
.slideBox>div .kefu{display:block;width:100%;height:100%}
.slideBox .tel{background-image:url(../image/slide2.png);}
.slideBox .returnTop{background-image:url(../image/slide3.png);}
.slideBox .tel .telBox{padding-right:1.04vw;right:100%;position:absolute;bottom: 0;display:none;}
.slideBox .tel .telCon{width: calc(150 / 1920 * 100vw);height:auto;padding: 0.5vw 1.04vw;background:#337cbd;line-height: 2;position:relative}
.slideBox .tel .telCon:after{content:"";position:absolute;width:0;height:0;border: 0.52vw solid;border-color: transparent transparent transparent #337cbd;right: -1.04vw;bottom: calc(16 / 1920 * 100vw);}
.slideBox .tel .telCon a{color:#fff}
.slideBox .tel:hover .telBox{display:block}

.links{border-top:1px solid #d4d4d4;padding: 25px 0;}
.links a{width: 220px;height: 65px;display: inline-block;margin-right: 20px;line-height: 65px;text-align: center;box-shadow: 0 6px 13px rgba(0,0,0,.11);}
.links a:nth-child(5n){margin-right: 0;}
.links a img{max-width: 100%;max-height: 100%;vertical-align: middle;}

.foot{width:100%;background: url(../image/footBk.png) center center no-repeat;background-size: cover;}
.foot a{color: #6a6e72;font-size: 12px;}
.foot a:hover{color: #fff;}
.footNav{display:flex;justify-content:space-between;width: 72.92vw;margin:0 auto;padding-top:40px}
.footNav ul{display:flex}
.footNav ul li{margin-right:80px;margin-right:4.17vw}
.footNav ul li>a{color:#b7b8b9;font-size:16px;font-size:0.83vw;padding-bottom: 30px;padding-bottom:1.56vw;border-bottom: 1px solid rgba(51,57,84,.14);display: block;border-bottom: 1px solid #333954;}
.footNav ul li dl{margin-top:10px;margin-top:.52vw}
.footNav ul li dd a{color:#6a6e72;line-height:32px;line-height:1.67vw}
.footNav ul li dd a:hover,.footNav ul li>a:hover{color:#fff}

.footNav ul li:nth-child(2) dd:nth-child(3){display:none;}

.footNav .right .Img{width:120px;height:120px;width:6.25vw;height:6.25vw;background: #fff;}
.footNav .right .Img img{width:100%;}
.footNav .right p{color:#b7b8b9;font-size:14px;text-align: center;line-height: 3;font-size:.73vw}
.footNav .right .icon{display:flex;justify-content:space-between;line-height: 40px;line-height:2.08vw}
.footNav .right .icon a{display:inline-block;height: 40px;width: 30px;text-align: center;height:2.08vw;width:1.56vw}
.footNav .right .icon a img{vertical-align:middle;width: 100%;opacity: 0.3;}
.footNav .right .icon a:hover img,.footNav .right .icon a.active img{opacity:1}
.foot .content{border-top:1px solid #454a60;width:100%;margin-top: 55px;text-align: center;font-size: 12px;color: #6a6e72;line-height: 60px;margin-top:2.86vw;font-size:0.625vw;/* line-height:2.6vw; */}
.foot .content p{display: inline-block}
.foot .content img{vertical-align: baseline;font-size: 0;}

@media only screen and (max-width: 880px) {
    .header{/* background: #fff; */padding: 5px 0;}
    .header.active{z-index:130}
    .header .content{height:70px;height: calc(80 / 750 * 100vw);width: calc(710 / 750 * 100vw);}
    .header .nav{padding-right:0;/* display:none; */width: calc(605 / 750 * 100vw);position: fixed;top: 0;left: -100%;background: #f3f3f3;z-index: 1;height: 100%;box-shadow: -5px 0px 15px inset rgb(8 39 66 / 12%);border-right: 1px solid rgb(8 39 66 / 12%);overflow: scroll;}
    .header .nav ul{display:block;margin-top:calc(90 / 750 * 100vw);width: 100%;}
    .header .nav ul li{position:relative;border-top:1px solid #d9d9d9;width:100%;margin: 0;line-height:calc(88 / 750 * 100vw);text-align: left;float: none;}
    .header .nav ul li:last-child{border-bottom:1px solid #d9d9d9;}
    .header .nav ul li.active,.header .nav ul li:hover{background:#fff}
    .header .nav ul li a{padding-left:calc(50 / 750 * 100vw);font-size: calc(26 / 750 * 100vw);}
    .header .nav ul li a:after{display:none}
    .header .nav ul li.active>a, .header .nav ul li:hover>a{/* color: unset; */}
    .secondBtn{font-size:calc(26 / 750 * 100vw);color:#acacac;position:absolute;right: 0;top:0;height: calc(88 / 750 * 100vw);display:inline-block;width: calc(130 / 750 * 100vw);position: absolute;}
    .secondBtn:after{width:100%;height:100%;content:"";position:absolute;background: url(../image/navBtnM.png) center center no-repeat;background-size: 100%;width:calc(11 / 750 * 100vw);height:calc(19 / 750 * 100vw);top:50%;transform:translate(0,-50%);right: 50%;}
    .secondBtn.active:after{transform:translate(0,-50%) rotate(90deg)}
    .thirdBtn,.fourBtn{font-size:calc(26 / 750 * 100vw);color:#acacac;position:absolute;right: calc(0 / 750 * 100vw);top:0;height: calc(70 / 750 * 100vw);display:inline-block;width: calc(120 / 750 * 100vw);position: absolute;}
    .thirdBtn:after,.fourBtn:after{width:100%;height:100%;content:"";position:absolute;background: url(../image/navBtnM.png) center center no-repeat;background-size: 100%;width:calc(11 / 750 * 100vw);height:calc(19 / 750 * 100vw);top:50%;transform:translate(0,-50%);right: calc(15 / 750 * 100vw);right: 50%;}
    .thirdBtn.active:after,.fourBtn.active:after{transform:translate(0,-50%) rotate(90deg);}
    .header .nav ul li .secondNav{position: unset;background: none;/* display: block; */box-sizing: border-box;/* height: auto!important; */transition: unset;}
    .header .nav ul li .secondNav .left{display:none}
    .header .nav ul li .secondNav .content{width:100%}
    .header .nav ul li .secondNav .right{width:100%;display: block;}
    .header .nav ul li .secondNav .right a{line-height: calc(70 / 750 * 100vw);}
    .header .nav ul li .secondNav .right>dl{min-height: 0;border-right: 0;}
    .header .nav ul li .secondNav .right dl{min-height:0}
    .header .nav ul li .secondNav .right dl dd{padding-left: calc(50 / 750 * 100vw);position: relative;padding-right: 0;}
    .header .nav ul li .secondNav .right>dl>dd dl{position:unset;padding-left: 0;display: none;opacity: 1;transition: unset;}
    .header .nav ul li .secondNav .right>dl>dd:hover>dl{display:none}
    .header .nav ul li .secondNav .right dl dd .fourBox{position:unset;padding-left: calc(50 / 750 * 100vw);opacity: 1;display: none;transition: unset;}
    .header .nav ul li .secondNav .right>dl>dd dl dd:hover .fourBox{display:none}
    
    .header .logo{line-height:calc(70 / 750 * 100vw)}
    .header .logo img{max-width: 100%;/* width:auto; */height: 85%;}
    .lang{line-height: calc(80 / 750 * 100vw);font-size: calc(24 / 750 * 100vw);right: calc(49 / 750 * 100vw);}
    .menu{width:calc(30 / 750 * 100vw);background:url(../image/menu.png) center center no-repeat;background-size:100%}
    .menuClose{position:fixed;width:calc(145 / 750 * 100vw);height:calc(70 / 750 * 100vw);/* background:#fff; */position:fixed;right:0;top: -100%;/* background:#fff; */height: 100%;/* background: red; */z-index: 10;}
    .menuClose .close{width: 100%;height:calc(70 / 750 * 100vw);background: #fff url(../image/close.png)  calc(30 / 750 * 100vw) calc(20 / 750 * 100vw)  no-repeat;background-size: calc(30 / 750 * 100vw);}
    .banner{/* margin-top:calc(70 / 750 * 100vw); */height: calc(385 / 750 * 100vw);margin-bottom: calc(128 / 750 * 100vw);margin-bottom: calc(60 / 750 * 100vw);height: 90vw;}
    .banner .swiper-button-next, .banner .swiper-button-prev{width:calc(42 / 750 * 100vw);height:calc(42 / 750 * 100vw)}
    .banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-size:calc(84 / 750 * 100vw);right:calc(20 / 750 * 100vw);}
    .banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-size:calc(84 / 750 * 100vw);left:calc(20 / 750 * 100vw)}
    
    .banner .mb{background:0}
    .banner .mb:after{/* opacity: 0.75; */}
    .mb .txt{width:calc(580 / 750 * 100vw);margin-top: calc(210 / 750 * 100vw);padding-top: 0;color: #fff;font-size: calc(40 / 750 * 100vw);}
    .mb .txt p,.mb .txt *{/* font-size: calc(40 / 750 * 100vw)!important; */}
    .bannerText{height:  calc(74 / 750 * 100vw);line-height: calc(74 / 750 * 100vw);display:  flex;top: 100%;padding-left: 0;width: 100%;justify-content: center;box-shadow: 0 3px 6px rgb(0 90 224 / 10%);}
    .bannerText a{margin-right: calc(55 / 750 * 100vw);font-size: calc(25 / 750 * 100vw);}
    .bannerText a img{max-height: calc(25 / 750 * 100vw);margin-right: calc(10 / 750 * 100vw);}
    .bannerText a:nth-child(3n){margin-right:0}
    .bannerText .search{display: none;}
    .bannerText:hover{transform: scale(1);}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom, .swiper-pagination-fraction{bottom:4vw}
    .banner .swiper-pagination-bullet{box-sizing:border-box}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.bannerText .box1{width:auto}


.footNav{width: calc(630 / 750 * 100vw);padding-top: calc(40 / 750 * 100vw);}
.footNav .left{width: 72%;}
.footNav ul{flex-wrap:wrap}
.footNav ul li{margin-right:80px;margin-right: 9.17vw;}
    .footNav ul li:nth-child(3n){margin-right:0}
.footNav ul li>a{font-size: calc(24 / 750 * 100vw);padding-bottom: calc(15 / 750 * 100vw);border-bottom: 0;}
.footNav ul li dl{display:none}
.footNav ul li dd a{color:#6a6e72;line-height:32px;line-height:1.67vw}
.footNav .right{text-align: center;}
.footNav .right .Img{width: calc(120 / 750 * 100vw);height: calc(120 / 750 * 100vw);display: inline-block;}
.footNav .right .Img img{width:100%;}
.footNav .right p{line-height: 2;font-size: calc(18 / 750 * 100vw);}
.footNav .right .icon{line-height: calc(30 / 750 * 100vw);}
.footNav .right .icon a{height: calc(27 / 750 * 100vw);width: calc(30 / 750 * 100vw);}
.footNav .right .icon a img{vertical-align:middle;width: 100%;}
.foot{/* margin-bottom:15px; */}
    .foot .content{font-size: calc(20 / 750 * 100vw);line-height: 1.5;padding: calc(10 / 750 * 100vw) calc(20 / 750 * 100vw) 20px;box-sizing: border-box;}
.foot .content img{margin: 0!important;margin-left: 10px!important;width: 15px;}
    .foot .content p{display: block}
    
    
    .slideBox{position:fixed;right: calc(38 / 1920 * 100vw);bottom: 5%;z-index: 111;display: none!important;}
.slideBox>div{/* cursor:pointer; */width: calc(58 / 750 * 100vw);height: calc(58 / 750 * 100vw);/* background: url(../image/slide1.png) center center no-repeat; *//* background-size:100%; */margin-bottom: calc(8 / 1920 * 100vw);/* box-shadow: 5px 5px 10px rgba(0,0,0,.2); *//* position: relative; *//* border-radius: 5px; */}
.slideBox>div .kefu{/* display:block; *//* width:100%; *//* height:100%; */}
.slideBox .tel{background-image:url(../image/slide2.png);}
.slideBox .returnTop{background-image:url(../image/slide3.png);}
.slideBox .tel .telBox{padding-right:1.04vw;right:100%;position:absolute;bottom: 0;display:none;}
.slideBox .tel .telCon{width: calc(200 / 750 * 100vw);height:auto;padding: 0.5vw 1.04vw;background:#337cbd;line-height: 2;position:relative;}

}

@media only screen and (min-width: 1600px) {
.header .logo img{max-width:none}
}

