﻿@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);}
.header.active{background:#fff;box-shadow: 0 14px 34px rgba(21,61,97,0.04);}
.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;}
.header .logo img{}
/* .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;/* 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.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: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: 0.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;width: 56%;}
.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;}
.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 dl{position:absolute;left: 100%;padding-left:65px;top:0;/* display:none; *//* border-left: 1px solid #e1e1e1; */transition: all .35s ease-in-out;}
.header .nav ul li .secondNav .right>dl>dd.active>dl,.header .nav ul li .secondNav .right>dl>dd:hover>dl{display:block;}
/* .header .nav ul li .secondNav .right dl:last-child{border-right:none} */

.header:hover{background:#fff}

.lang{position:absolute;right: 0;line-height: 100px;font-size: 16px;line-height:  5.2vw;}
.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;height: 55vw;}
.banner .swiper-slide,.banner .swiper-container{width:100%;height: 100%;}
.banner .swiper-slide img{width:100%;position:  static;z-index: 0;}
.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}
.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;}
.bannerText a{margin-right:40px;color:#005bac;font-size:16px;/* margin-right:2.08vw; */}
.bannerText a img{vertical-align:middle;max-height:20px;margin-right:10px;/* max-height:1.04vw; *//* margin-right:0.52vw; */}
/* .bannerText:hover{transform: scale(1.4);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}
.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:100px;padding: 0 10px;border:1px solid #337cbd;border-top:0}

.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 .txt{width:1200px;/* margin: 350px auto 0; */padding-top: 18.23vw;width: 72.92vw;margin: 0 auto;}
.mb .txt p{font-size:38px;color:#fff;line-height: 1.7;}
.mb .txt p:last-child{/* font-size:24px; *//* line-height:3; */}

.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: 50px;}
.footNav ul li>a{color:#b7b8b9;font-size:16px;;padding-bottom: 30px;padding-bottom:1.56vw;border-bottom: 1px solid rgba(51,57,84,.14);display: block;border-bottom: 1px solid #333954;word-break: keep-all;}
.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 .right .Img{width:120px;height:120px;width:6.25vw;height:6.25vw}
.footNav .right .Img img{width:100%;}
.footNav .right p{color:#b7b8b9;font-size:14px;text-align: center;line-height: 3;}
.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%;}
.foot .content{border-top:1px solid #454a60;width:100%;margin-top: 55px;text-align: center;font-size: 12px;color: #6a6e72;line-height: 50px;margin-top:2.86vw;line-height: 60px;}


