@font-face {
    font-family:'PingFangSCRegular';
    src: url('../fonts/PingFangSCRegular/PingFangSC-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/PingFangSCRegular/PingFangSC-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/PingFangSCRegular/PingFangSC-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/PingFangSCRegular/PingFangSC-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/PingFangSCRegular/PingFangSC-Regular.svg#SourceHanSansCN-Medium') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family:'PingFangSCThin';
    src: url('../fonts/PingFangSCThin/PingFangSC-Thin.eot'); /* IE9 Compat Modes */
    src: url('../fonts/PingFangSCThin/PingFangSC-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/PingFangSCThin/PingFangSC-Thin.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/PingFangSCThin/PingFangSC-Thin.svg#SourceHanSansCN-Medium') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family:'PingFangSCLight';
    src: url('../fonts/PingFangSCLight/PingFangSC-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family:'Athelas';
    src: url('../fonts/Athelas/Athelas-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Athelas/Athelas-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Athelas/Athelas-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Athelas/Athelas-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Athelas/Athelas-Regular.svg#Athelas-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

.wow{ transition-delay:0.3s;}
nav.navbar.bootsnav{ border:none; position:absolute; width:100%; background:#FFFFFF; box-shadow:0 5px 8px rgba(0,0,0,0.1);}
.navWrap.container{ width:100%; max-width:1680px; margin:0 auto; position:relative;}
.logo{ height:90px; padding:0; margin:0 !important;}
.logo span{ display:block; width:100%; background:url(../images/logo2.png) center center no-repeat; background-size:contain;}
.logo img{ height:59px; opacity:0; transition:all .4s;}
.navRig{ line-height:90px; margin:0; font-size:0; vertical-align:middle;}
.navRig > ul{ vertical-align:middle; margin:0;}
.navRig > ul > li{ padding:0 9px; position:relative;}
.navRig > ul > li a{ display:inline-block; vertical-align:middle; width:31px; height:31px; border:1px solid #333333; line-height:30px; text-align:center; border-radius:50%; font-size:12px; color:#333333; padding:0; text-transform:uppercase;}
.navRig > ul > li i{ font-size:14px; line-height:29px; display:block;}
.navSearch a{ background:url(../images/searchIco2.png) center center no-repeat;}
.wxBox{ border:2px solid #FFFFFF; min-width:0; width:120px; margin:0; padding:0; left:auto; right:0;}
.wxBox:after{ display:block; content:""; position:absolute; right:10px; top:-10px; border-bottom:10px solid #FFFFFF; border-left:10px solid transparent; border-right:10px solid transparent;}
.wxBox img{ width:100%;}
nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ position:relative;}
nav.navbar.bootsnav ul.nav > li{ padding:0 20px;}
nav.navbar.bootsnav ul.nav > li > a{ padding:0 3px; line-height:90px; font-size:18px; color:#333333; font-weight:normal; transition:all .3s;}
nav.navbar.bootsnav ul.nav > li > a:after{ content:"" !important; margin:0 !important; position:absolute; left:50%; bottom:0; width:0%; max-width:54px; height:3px; background:#095bd5; transform:translateX(-50%); transition:all 0.3s linear;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ width:auto; min-width:188px; left:50%; transform:translateX(-50%); padding:10px 0; border:none; background:rgba(255,255,255,0.9); border-radius:0 0 5px 5px; text-align:center; box-shadow:0 2px 5px rgba(0,0,0,0.1); animation-duration:0.5s;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ display:block; white-space:nowrap; font-weight:normal; font-size:16px; color:#333333; padding:.1rem .2rem; line-height:20px; border:none; transition:all .3s;}
nav.navbar.bootsnav ul.nav > li.active > a,nav.navbar.bootsnav ul.nav > li.on > a{ color:#095bd5;}
nav.navbar.bootsnav ul.nav > li.active > a:after,nav.navbar.bootsnav ul.nav > li.on a:after{ width:100%;}
nav.navbar.bootsnav li.dropdown.on ul.dropdown-menu{ animation-duration:.8s;}

nav.navbar.bootsnav.no-background{ box-shadow:none; transition:all .5s;}
nav.navbar.bootsnav.no-background  ul.nav > li > a{ color:#FFFFFF;}
nav.navbar.bootsnav.no-background  ul.nav > li > a:after{ background:#FFFFFF;}
nav.navbar.bootsnav.no-background .logo span{ background:none;}
nav.navbar.bootsnav.no-background .logo img{ opacity:1;}
nav.navbar.bootsnav.no-background .navRig > ul > li a{ border-color:#FFFFFF; color:#FFFFFF;}
nav.navbar.bootsnav.no-background .navSearch a{ background-image:url(../images/searchIco1.png);}
nav.navbar.bootsnav.no-background .wxBox{ border-color:#FFFFFF;}
nav.navbar.bootsnav.no-background .wxBox:after{ border-bottom-color:#FFFFFF;}

.navSearchBox{ position:absolute; left:0; top:0; width:100%; height:100%; background:#FFFFFF; display:none; z-index:1; overflow:hidden;}
.navSearchBox .container{ height:100%;}
.navsearchCon{ width:100%; height:100%; position:relative;}
.navSearchIco{ display:block; width:64px; height:100%; background:url(../images/searchIco3.png) center center no-repeat; position:absolute; left:0; top:0;}
.navSearchInput{ font-size:18px; color:#333333; width:100%; height:100%; line-height:100%; padding-left:70px; padding-right:42px; border:none;}
.navSearchClose{ position:absolute; right:0; top:50%; margin-top:-16px; display:block; width:32px; height:32px; background:url(../images/close.png) center center no-repeat; cursor:pointer; transition:all .3s;}

#home{ height:100vh; opacity:0;}
#home > .section{ height:100vh; overflow:hidden;}
.banner{ position:absolute; left:0; top:0; right:0; bottom:0; height:100%; background:#000000; z-index:2}
.banner .swiper-slide{ background:#000000;}
.banImg,.banImgMob{ height:100%; transform:scale(1.05); transition:all .5s;}
.banner .swiper-slide-active .banImg,.banner .swiper-slide-active .banImgMob{ transform:scale(1); transition:all 5s;}
.banText{ position:absolute; left:0; top:0; right:0; bottom:0;}
.banCon{ color:#FFFFFF; max-width:60%; padding-left:5%; max-width:100%;}
.banP1{ font-size:55px; line-height:140%; margin:0.2rem 0; font-family: PingFangSC-Light,'PingFangSCLight';}
.banP2{ font-size:30px; line-height:120%; margin:0.2rem auto; text-transform:uppercase; font-family: PingFangSC-Thin, 'PingFangSCThin';}
.banMore a{ display:block; width:175px; height:50px; line-height:50px; background:#e5001a; border-radius:25px; font-size:16px; color:#FFFFFF; text-align:center; margin:.6rem 0; transition:all .3s;}
.banMore a:hover,.banMore a:focus{ color:#FFFFFF;}
.banDot{ display:inline-block; vertical-align:middle; width:5px; height:5px; background:#FFFFFF; border-radius:50%; margin:0 .2rem;}
.banPage{ position:absolute; left:0; bottom:.4rem !important; z-index:1; width:100%; text-align:center;}
.banPage .swiper-pagination-bullet{ width:12px; height:12px; opacity:1; border-radius:7px; background:#FFFFFF; transition:all .5s;}
.banPage .swiper-pagination-bullet-active{ width:27px;}
.ban4 .banCon{ transform:translateY(-50%);}

.boxPd{ padding-top:90px;}
.navSpace{ height:90px;}
.boxTop{ text-align:center;}
.boxTit{ font-size:45px; color:#333333; line-height:140%;}
.boxLogo{ display:block; width:371px; height:34px; background:url(../images/mLogo1.png) center center no-repeat; background-size:contain; margin:.2rem auto;}
.boxMore a{ margin:.6rem auto 0;}

.boxBg2{ background:url(../images/boxBg2.jpg) center bottom no-repeat; background-size:100% auto;}
.box2Text{ font-size:20px; color:#777777; line-height:150%; text-align:center; max-width:1300px; margin:.3rem auto;}
.box2List{ font-size:0;}
.box2List li{ width:33.33%; vertical-align:top;}
.box2Num{ font-size:78px; color:#559be2; font-weight:bold; font-family:Arial;}
.box2Num sup{ font-size:46px; margin-left:5px; top:-.8em;}
.box2Des{ font-size:20px; color:#333333; line-height:150%; max-width:380px; margin:.2rem auto;}

.boxBg4{ background:url(../images/indexboxBg3.jpg) center center no-repeat; background-size:cover; color:#FFFFFF;}
.boxBg4 .boxLogo{ background-image:url(../images/mLogo2.png);}
.boxBg4 .boxTit{ color:#FFFFFF;}
.box3Text{ margin:.3rem 0; text-align:center; font-family: PingFangSC-Light,'PingFangSCLight';}
.box3Line{ display:block; width:47px; height:6px; border-radius:3px; overflow:hidden; margin:.2rem auto;}
.box3Line span{ display:block; width:100%; height:100%; background:#FFFFFF;}
.box3Tit{ font-size:60px; line-height:120%; margin:.4rem auto;}
.box3Des{ font-size:45px; line-height:120%; margin:.4rem auto;}

.boxBg5{ background:url(../images/boxBg4.png) right bottom no-repeat; background-size:27% auto;}
.box4List{ display:flex; flex-wrap:wrap; margin:0 -35px;}
.box4List li{ width:33.33%; padding:0 35px; margin-top:.3rem;}
.box4List li a{ display:block; box-shadow:0 0 13px rgba(32,58,145,0.1); transition:all .3s;}
.box4Img{ position:relative; overflow:hidden; height:0; padding-bottom:66.98%;}
.box4Img .imgBg{ position:absolute; left:0; top:0; width:100%; height:100%; transition:all .5s;}
.box4Text{ padding:20px 30px;}
.box4Time{ font-size:16px; color:#00a0e9;}
.box4Tit{ font-size:26px; color:#333333; line-height:30px; height:60px; -webkit-line-clamp:2; margin:.1rem 0; transition:all .3s;}
.box4Des{ font-size:16px; color:#888888; line-height:26px; height:52px; -webkit-line-clamp:2; margin:.1rem 0;}
.box4More{ font-size:16px; color:#888888; line-height:26px; transition:all .3s;}

.box4List li:nth-child(2){ display:flex; flex-direction:column; justify-content:space-between;}
.box4Item{ height:47%; transition:all .3s;}
.box4Item .box4Tit{ margin:.2rem 0;}
.box4Item .box4Time{ color:#333333;}
.box4List .box4Item a{ height:100%; display:flex; align-items:center;}
.box4Item:first-child{ background:#454849;}
.box4Item:first-child .box4Time,.box4Item:first-child .box4Tit,.box4Item:first-child .box4More{ color:#FFFFFF;}

.footBg{ background-color:#00a0e9; background-image: linear-gradient(to right,#06b0f6,#13509e);}
.footBg2{ background:url(../images/footBg.png) center center no-repeat; background-size:100% auto;}
.ftTop{ padding:80px 0; border-bottom:1px solid rgba(255,255,255,0.2);}
.ftLogo{ width:25%; max-width:357px; margin:.4rem auto;}
.ftLogo img{ display:block; max-width:100%; height:auto;}
.ftCon{ font-size:45px; color:#FFFFFF; letter-spacing:.35rem; margin:.4rem auto; text-align:center; font-family: PingFangSC-Thin, 'PingFangSCThin';}
.ftBot{ padding:.2rem 0 10px; color:#FFFFFF; line-height:22px;}
.ftBot a{ color:#FFFFFF;}
.copyRight{ float:left; width:60%; opacity:.6;}
.copyRight span{ margin:0 5px;}
.ftNav{ float:right; width:40%; font-size:0; margin:0; opacity:.6;}
.ftNav li{ font-size:14px; padding:0; vertical-align:middle;}
.ftNav li:after{ display:inline-block; content:"|"; padding:0 5px; margin-top:-1px;}
.ftNav li:last-child:after{ display:none;}
.ftNav li a{ color:#FFFFFF;}

.banAbout{ height:750px; position:relative; overflow:hidden;}
.banAbout .banCon{ width:100%; max-width:100%; text-align:center; padding:0 120px;}
.banAbout .banP1,.banAbout .banP2{ position:relative;}
.banBor{ position:absolute; left:50%; transform:translateX(-50%); border:3px solid #FFFFFF; width:275px; font-size:30px; line-height:180%; display:flex; flex-direction:column; overflow:hidden;}
.banP1 .banBor{ bottom:110%; margin-bottom:20px; border-bottom:none; height:115px; justify-content:flex-end;}
.banP2 .banBor{ top:100%; margin-top:20px; border-top:none; height:115px; text-transform:uppercase; font-family:'Athelas';}
.aboutPrev,.aboutNext{ display:block; width:70px; height:70px; border:1px solid #FFFFFF; border-radius:50%; background-color:rgba(255,255,255,0.02); background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; transform:translateY(-50%); z-index:1; cursor:pointer; transition:all .3s;}
.aboutPrev{ left:50%; margin-left:-720px; background-image:url(../images/aboutPrev.png);}
.aboutNext{ right:50%; margin-right:-720px; background-image:url(../images/aboutNext.png);}

.oneBox1Bg{ background:url(../images/oneBg1.png) center bottom no-repeat; padding:.6rem 0 .55rem;}
.oneBox1{ max-width:1200px; margin:0 auto; background:url(../images/one1Company.png) center 1rem no-repeat; background-size:100% auto; min-height:5rem;}
.one1Logo{ text-align:center; margin-bottom:.3rem;}
.one1Logo img{ display:block; margin:0 auto; max-width:50%; height:auto;}
.one1Text{ font-size:18px; color:#333333; line-height:160%; text-align:center; margin:.4rem auto;}
.one1Map{ position:relative; width:966px; height:auto; margin:0 auto;}
.mapList li{ position:absolute;}
.mapName{ display:block; font-size:20px; color:#565859; text-align:center; cursor:pointer;}
.mapName i{ display:block; width:18px; height:18px; background:#565859; border-radius:50%; margin:0 auto 5px;}
.mapCon{ position:absolute; left:0%; bottom:100%; width:365px; padding:20px; background:rgba(86,88,89,0.5); font-size:18px; color:#FFFFFF; line-height:28px; border-radius:5px; margin-bottom:40px; opacity:0; visibility:hidden; margin-left:10px; transition:all .5s;}
.mapCon:after{ display:block; content:""; width:90px; height:29px; background:url(../images/mapConBg.png) left bottom no-repeat; position:absolute; left:30px; top:100%;}
.mapCon h4{ font-size:22px; line-height:140%; margin-bottom:5px;}
.mapName:hover i{ animation:none !important;}
.mapName:hover + .mapCon{ opacity:1; visibility:visible; margin-left:0; margin-right:0;}
.mapLi1{ left:644px; top:285px;}
.mapLi1 .mapName{ color:#6cc6e6;}
.mapLi1 .mapName i{ background:#6cc6e6; animation:opacity 1s linear infinite;}
.mapLi2{ left:450px; top:480px;}
.mapLi2 .mapName{ color:#a1e6d1;}
.mapLi2 .mapName i{ background:#a1e6d1; animation:opacity 1.2s linear infinite;}
.mapLi3{ left:748px; top:450px;}
.mapLi3 .mapName{ color:#9aa7e3;}
.mapLi3 .mapName i{ background:#9aa7e3; animation:opacity 1.5s linear infinite;}
.mapLi3 .mapCon{ left:auto; right:0; margin-left:0; margin-right:10px;}
.mapLi3 .mapCon:after{ transform:scaleX(-1); left:auto; right:30px;}

.oneBox2Bg{ background:url(../images/oneBg2.jpg) center center no-repeat; background-size:cover; padding:90px 0;}
.oneBox2{ max-width:1200px; margin:0 auto; font-size:20px; color:#FFFFFF; line-height:180%;}
.one2Text{ text-align:center; margin-bottom:.4rem;}
.one2List li{ margin-top:.3rem;}
.one2List .box2Num{ color:#FFFFFF; line-height:100%;}
.one2List .box2Des{ color:#FFFFFF;}

.oneBox3Bg{ background:url(../images/oneBg1.png) center bottom no-repeat; background-size:100% auto; padding:.6rem 0;}
.one3Text{ font-size:20px; color:#333333; line-height:180%; max-width:1100px; margin:0 auto .3rem; text-align:center;}
.one3List{ display:flex; flex-wrap:wrap; margin:0.4rem -29px;}
.one3List li{ width:25%; padding:0 29px; margin:.1rem 0;}
.one3Item{ height:100%; position:relative; border-radius:10px; overflow:hidden; min-height:460px;}
.one3Img{ position:absolute; left:0; top:0; right:0; bottom:0;}
.one3Img i{ display:block; width:100%; height:100%; background:url(../images/one3ImgHov.jpg) center center no-repeat; background-size:cover; opacity:0; transition:all .5s;}
.one3Con{ position:relative; color:#FFFFFF; padding:.8rem 25px .4rem;}
.one3Tit{ font-size:24px; line-height:140%;}
.one3Des{ font-size:16px; line-height:160%; margin:.3rem 0 0;}
.one3Bot{ text-align:center; margin:.3rem 0;}
.one3Bot img{ display:block; max-width:60%; margin:0 auto;}
.one3Item:hover .one3Img i{ opacity:.8;}

.oneBox4Bg{ background:url(../images/oneBg4.jpg) center center no-repeat; background-size:cover; color:#FFFFFF; padding:80px 0;}
.one4Tit{ font-size:40px; margin-bottom:.4rem;}
.hisBox{ display:flex; flex-direction:column-reverse; background:url(../images/hisBg.png) center center no-repeat; background-size:100% auto; -moz-user-select:none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.hisText{ font-size:30px; line-height:50px; margin-bottom:.5rem;}
.hisText li{ display:none;}
.hisDes{ height:100px; -webkit-line-clamp:2;}
.history{ margin:0 120px; position:relative;}
.history:after{ display:block; content:""; width:100%; height:3px; background:#FFFFFF; position:absolute; left:0; top:23px;}
.history .swiper-container{ padding-top:15px;}
.history .swiper-slide{ position:relative;}
.hisDot{ display:block; width:18px; height:18px; background:#FFFFFF; border-radius:50%; margin:0 auto; position:relative; transition:all .5s;}
.hisDot:after{ display:block; content:""; position:absolute; left:50%; top:50%; width:0%; height:0%; transform:translate(-50%,-50%) scale(1.4); border:1px solid #FFFFFF; border-radius:50%; transition:all .3s;}
.hisTime{ text-align:center; font-size:20px; line-height:200%; margin-top:20px;}
.hisPrev,.hisNext{ display:block; width:18px; height:29px; position:absolute; top:10px; cursor:pointer;}
.hisPrev{ left:-80px; background:url(../images/hisPrev.png) center center no-repeat;}
.hisNext{ right:-80px; background:url(../images/hisNext.png) center center no-repeat;}
.hisPrev.swiper-button-disabled,.hisNext.swiper-button-disabled{ cursor:no-drop; opacity:.2;}
.history .swiper-slide-active .hisDot{ transform:scale(1.6);}
.history .swiper-slide-active .hisDot:after{ width:100%; height:100%;}
.history .swiper-slide-active .hisTime{ font-size:50px; margin-top:30px;}

.oneBox5Bg{ background:url(../images/oneBg5.jpg) center center no-repeat; background-size:cover; padding:140px 0 120px;}
.one5Tit{ font-size:40px; color:#0479cd;}
.one5TitEn{ font-size:124px; font-family:Arial; text-transform:uppercase; color:#0479cd; line-height:100%; font-family:'Athelas';}
.one5List{ display:flex; flex-wrap:wrap; margin:0 -.13rem; margin-top:.6rem;}
.one5List li{ width:25%; padding:0 .13rem; margin-top:.3rem;}
.one5Name{ font-size:50px; color:#333333;}
.one5Line{ display:block; width:100%; height:1px; margin:.2rem 0; background:#333333;}
.one5Des{ font-size:20px; color:#333333; line-height:150%;}
.one5Li1 .one5Name{ -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:-webkit-linear-gradient(left,#ff0000,#ee00ff);}
.one5Li1 .one5Line{ background-image:linear-gradient(to right,#ff000b,#7000ff);}
.one5Li2 .one5Name{ -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:-webkit-linear-gradient(left,#8500ff,#008afb);}
.one5Li2 .one5Line{ background-image:linear-gradient(to right,#4700ff,#00dfcb);}
.one5Li3 .one5Name{ -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:-webkit-linear-gradient(left,#00dfd1,#18b200);}
.one5Li3 .one5Line{ background-image:linear-gradient(to right,#00dfad,#a9c600);}
.one5Li4 .one5Name{ -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:-webkit-linear-gradient(left,#aec600,#ff3200);}
.one5Li4 .one5Line{ background-image:linear-gradient(to right,#d2c600,#ff0000);}

.banIn{ height:595px; position:relative;}
.banIn .imgBg{ height:100%;}
.banIn .banCon{ max-width:100%; text-align:center; padding-top:60px;}
.mainBg{ min-height:30vh;}

.newsList{ font-size:0; margin:0 -.18rem; margin:0 0 .7rem;}
.newsList li{ float:none; vertical-align:top; padding:0 .18rem; margin-top:.8rem;}
.newsList li a{ display:block;}
.newsImg{ padding-bottom:58.42%; position:relative; overflow:hidden;}
.newsImg .imgBg{ position:absolute; left:0; top:0; width:100%; height:100%; transition:all .3s ease-out;}
.newsTit{ margin-top:.3rem;}
.newsTit h3{ font-size:26px; color:#333333; line-height:40px; margin:.1rem 0; -webkit-line-clamp:2; transition:all .3s ease-out;}
.newsTime{ display:block; font-size:18px; color:#0665bf; line-height:30px; margin:.15rem 0;}
.newsDes{ font-size:18px; color:#666666; line-height:30px;}
.newsList li.big{ width:66.666667%}
.big a{ position:relative; overflow:hidden;}
.big .newsText{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.5); padding:.1rem .4rem;}
.big .newsTit{ margin:0; overflow:hidden;}
.big .newsTit h3,.big .newsTime{ margin:0; color:#FFFFFF; line-height:40px;}
.big .newsTit h3{ float:left; font-size:24px; width:calc(100% - 150px); -webkit-line-clamp:1;}
.big .newsTime{ float:right; font-size:20px; width:120px; text-align:right;}
.big .newsDes{ display:none;}
.newsMore{ margin:.6rem 0; text-align:center; font-size:20px; color:#048cd9;}
.newsMore a{ color:#048cd9;}
.newsMore span{ padding:0 10px; transition:all 0.5s;}

.newsBox{ max-width:1200px; margin:0 auto;}
.newsTop{ text-align:center; border-bottom:1px solid #dfdfdf; padding:.6rem 0 .2rem; margin-bottom:.2rem;}
.newsTop h1{ font-size:40px; color:#333333; line-height:120%;}
.newsClock{ font-size:20px; color:#048cd9; line-height:150%; margin:.1rem 0;}
.newsCen{ font-size:18px; color:#666666; line-height:160%; margin:.2rem 0 .6rem;}
.newsCen p{ margin:.24rem 0;}
.newsCen img{ display:block; margin:.2rem auto; max-width:100% !important; height:auto;}
.newsBot{ margin:.4rem 0; padding:.3rem 0; border-top:1px solid #dfdfdf;}
.newsBot p{ width:45%;}
.newsBot p a{ font-size:16px; color:#333; transition:all .3s;}
.newsPrev{ float:left;}
.newsNext{ float:right; text-align:right;}

.joinBg1{ padding:.8rem 0; text-align:center;}
.joinTit{ font-size:60px; color:#000000; line-height:110%;}
.joinBox1{ font-size:30px; color:#888888; line-height:140%;}
.joinBox1 h4{ font-size:40px; color:#000000; line-height:130%; margin:.1rem 0;}
.joinBox1 p{ margin:.1rem 0;}
.joinLine{ display:block; margin:.3rem auto;}
b.joinLine{ width:1px; height:75px; background:#048cd9;}
i.joinLine{ width:30px; height:1px; background:#888888; margin:.4rem auto;}

.joinBg2{ color:#FFFFFF; background:url(../images/joinBg2.jpg) center center no-repeat;}
.joinBox2{ font-size:24px; line-height:160%; min-height:4.47rem; padding:.6rem 0; display:flex; flex-direction:column; justify-content:center;}
.joinBox2 p{ letter-spacing:0.2rem;}
.joinBox2 p span{ font-size:30px;}
.join2Tit{ font-size:64px; letter-spacing:.1rem; line-height:140%; margin:.1rem 0;}
.join2Tit span{ font-size:88px;}
.join2Logo{ overflow:hidden; margin:.3rem 0;}
.join2Logo span{ display:inline-block; vertical-align:middle; position:relative; margin-left:.78rem;}
.join2Logo span:before,.join2Logo span:after{ display:block; content:""; height:1px; background:rgba(255,255,255,0.2); position:absolute; top:50%; margin-top:1px;}
.join2Logo span:before{ left:-.78rem; width:.5rem;}
.join2Logo span:after{ left:100%; margin-left:.22rem; width:6rem;}

.font40{ font-size:40px; color:#333333;}
.joinBg3{ text-align:center; position:relative; padding:.6rem 0;}
.joinBg3 .joinTit{ margin-bottom:.2rem;}
.joinBg3 .font40{ margin:.2rem 0;}
.fontColor{ font-size:30px; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:-webkit-linear-gradient(left,#36c4ff,#0a75e7); margin:.2rem 0;}
.fontColor span{ -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:-webkit-linear-gradient(left,#36c4ff,#0a75e7);}
.joinBg3 .joinLine{ position:absolute; left:50%; bottom:0; transform:translate(-50%,90%);}

.joinBg4{ background:#f2f2f2; padding:.6rem 0; text-align:center;}
.joinBg4 .joinTit{ margin:.2rem 0;}
.joinBox4{ font-size:20px; color:#333333; line-height:160%; background:url(../images/joinBox4Bg.png) center center no-repeat; background-size:auto 34px;}
.joinBox4 p{ margin:5px 0;}
.join4List{ margin:.3rem -6px; display:flex; flex-wrap:wrap;}
.join4List li{ width:20%; padding:6px;}
.join4Img{ position:relative; overflow:hidden; padding-bottom:71.43%; border-radius:5px; background:#000000;}
.join4Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:.5; transition:all .5s;}
.join4Text{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:24px; color:#FFFFFF; line-height:140%; width:90%; max-width:200px;}

.joinBg5{ background:url(../images/joinBg5.jpg) center center no-repeat; color:#FFFFFF;}
.joinBox5{ text-align:center; color:#FFFFFF; min-height:4.3rem; padding:.4rem 0; display:flex; flex-direction:column; justify-content:center;}

.joinBg6{ margin:.3rem 0 0;}
.join6List{ margin:.4rem 0;}
.join6List li:nth-child(2n+1){ background:rgba(242,242,242,0.4);}
.join6List li a{ display:block; overflow:hidden; font-size:18px; color:#333333; transition:all .3s;}
.join6List li span{ float:left; line-height:64px;}
.joinTop{ overflow:hidden; background:#f2f2f2; font-weight:bold; color:#333333; font-size:24px;}
.joinSp1{ width:32%; padding:0 2%;}
.joinSp2{ width:18%; text-align:center;}
.joinSp3{ width:18%; text-align:center;}
.joinSp4{ width:18%; text-align:center;}
.joinSp5{ width:14%; text-align:center; color:#0770e6;}

.page{ text-align:center; margin:.4rem 0;}
.page a,.page span{ display:inline-block; vertical-align:middle; font-size:16px; color:#333436; line-height:24px; padding:0 5px; margin:0 5px; cursor:pointer;}
.page a i{ font-size:18px;}
.page a.active{ color:#389aff;}

.grayBg{ background:#f2f2f2; padding-bottom:.6rem;}
.joinText{ background:#FFFFFF; max-width:1200px; margin:0 auto; margin-top:-1.25rem; position:relative; z-index:1; min-height:40vh; padding:40px 65px;}
.joinName{ font-size:30px; color:#333333; line-height:140%; margin-bottom:.2rem;}
.joinDes{ overflow:hidden; font-size:18px; color:#333333; line-height:30px; margin:.2rem 0;}
.joinDes p{ float:left; padding-right:120px;}
.joinDes p:last-child{ padding-right:0;}
.joinTitle{ overflow:hidden; font-size:18px; color:#333333; line-height:30px; padding:10px 15px; background:rgba(242,242,242,0.5); margin:.2rem 0;}
.joinCon{ font-size:16px; color:#333333; line-height:26px;}
.joinEmail{ float:left; color:#2a93e4; max-width:calc(100% - 120px);}
.joinEmail:hover,.joinEmail:focus{ color:#2a93e4;}
.joinBack{ float:right; font-size:16px; color:#333333; transition:all .3s; width:120px; text-align:right;}
.joinBack:hover,.joinBack:focus{ color:#333333;}

.conList{ max-width:1200px; margin:.8rem auto;}
.conList li{ margin:.5rem 0; background:#FFFFFF; box-shadow:0 0 .4rem rgba(171,184,223,0.2); display:flex; min-height:4rem;}
.conImg{ width:50%;}
.conImg .imgBg{ width:100%; height:100%;}
.conText{ width:50%; font-size:18px; color:#777777; line-height:180%; display:flex; align-items:center; padding:.3rem 5%;}
.conText h3{ text-transform:uppercase; font-size:30px; color:#333333; line-height:140%; margin-bottom:.2rem;}
.conDes{ width:100%;}

.banMouse{ position:absolute; left:50%; bottom:90px; transform:translateX(-50%); width:17px; height:29px; border:2px solid #FFFFFF; border-radius:10px; z-index:1;}
.banMouse span{ display:block; width:2px; height:6px; background:#FFFFFF; position:absolute; left:50%; top:5px; animation:banMouse 1.5s linear infinite;}
.videoBg{ position:relative; overflow:hidden;}
.videoBox{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; background:#000000;}
.myVideo{ position:absolute; /*min-width:100%; min-height:100%; width:auto; height:auto;*/ width:100%; height:auto; top:50%; left:50%; transform:translate3d(-50%,-50%,0); object-fit:cover; opacity:.7; transition:all .3s;}
.videoIco{ position:absolute; width:159px; height:159px; background:url(../images/playIco.png) center center no-repeat; background-size:contain; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer; transition:all .5s;}
.videoIco.pause{ width:40px; height:40px; left:auto; top:auto; right:30px; bottom:30px; transform:translate(0,0); background-image:url(../images/pauseIco.png);}
.videoBox.active .myVideo{ opacity:1;}

.footBg.black{ background:#000000; color:#888888; border-top:1px solid rgba(255,255,255,0.3);}
.footBg.black .ftBot{ color:#888888;}
.footBg.black .ftBot a{ color:#888888;}
.footBg.black .ftNav li a{ color:#888888;}
.pro1Bg1{ background:url(../images/pro1Bg1.jpg) center center no-repeat; background-size:cover !important;}
.pro1Bg2{ position:relative; background:url(../images/boxBg3.jpg) center center no-repeat; background-size:cover;}

.font60{ font-size:60px; line-height:140%;}
.font50{ font-size:50px; line-height:140%;}
.font35{ font-size:35px; line-height:140%;}
.font30{ font-size:30px; line-height:140%; margin:.2rem 0;}
.font25{ font-size:25px;}
.pro1Bg1 .font30 p span{ padding:0 .3rem;}
.pro1Line{ display:block; width:100%; height:1px; margin:.4rem 0;}
.pro1Line i{ display:block; width:100%; height:100%; background:#FFFFFF;}
.pro1Arrow{ display:block; width:30px; height:18px; background:url(../images/pro1Arrow.png) center bottom no-repeat; position:absolute; bottom:.4rem; left:50%; margin-left:-15px; background-size:contain; animation:fadeInDown 1.5s linear infinite;}

.pro1Bg2:before,.pro1Bg2:after{ display:block; content:""; position:absolute; top:0; width:1px; height:100%; background:rgba(255,255,255,0.32);}
.pro1Bg2:before{ left:33.33%;}
.pro1Bg2:after{ right:33.33%;}
.pro1List2{ font-size:0;}
.pro1List2 li{ vertical-align:top; width:33.33%;}
.pro1List2 li:nth-child(3n){ border:none;}
.pro1Box2{ text-align:center; padding:0 15px;}
.pro1Img2{ max-width:130px; margin:.2rem auto;}
.pro1Img2 img{ display:block; max-width:100%; height:auto;}
.pro1Tit2{ color:#FFFFFF; max-width:360px; margin:.2rem auto;}
.pro1Des2{ font-size:18px; color:#FFFFFF; line-height:160%; max-width:300px; margin:.2rem auto;}

.pro1Top{ margin-bottom:.4rem; text-align:center; position:relative;}
.pro1TopEn{ font-size:100px; text-transform:uppercase; line-height:100%; color:#333333; opacity:.04; letter-spacing:-6px;}
.pro1TopCn{ width:100%; color:#333333; margin-top:-50px; margin-bottom:.2rem;}
.pro1TopDes{ font-size:18px; color:#FFFFFF; line-height:160%; margin:.2rem 0;}
.pro1List3{ padding:0 6.25%; font-size:0; margin:0 -40px; text-align:center;}
.pro1List3 li{ width:33.33%; padding:0 40px; vertical-align:top;}
.pro1Item3{ box-shadow:0 6px 24px rgba(0,42,147,0.07);}
.pro1Img3{ position:relative; overflow:hidden; height:0; padding-bottom:58.35%; border-radius:.1rem;}
.pro1Img3 .imgBg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.pro1Text3{ padding:30px .3rem;}
.pro1Tit3{ color:#333333;}
.pro1Des3{ font-size:18px; color:#888888; line-height:30px; min-height:120px;}

.pro1Bg4{ background:#000000; -moz-user-select:none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.pro1Bg4 .pro1TopEn{ color:#FFFFFF;}
.pro1Bg4 .pro1TopCn{ color:#FFFFFF;}
.pro1Bg4 .pro1TopDes{ min-height:90px;}
/*.pro1Top4 .pro1Top{ display:none;}*/
.pro1List4{ position:relative; padding:0 190px; padding:0 60px;}
.pro1List4 .swiper-slide{ padding:0 10px;}
.pro1List4 img{ display:block; margin:0 auto; max-width:100%; height:auto;}
.pro1Prev,.pro1Next{ display:block; width:70px; height:70px; border:1px solid #FFFFFF; border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; transform:translateY(-50%); z-index:1; cursor:pointer; transition:all .3s;}
.pro1Prev{ left:0; background-image:url(../images/aboutPrev.png);}
.pro1Next{ right:0; background-image:url(../images/aboutNext.png);}
.pro1Item4{ list-style:none; font-size:0;}
.pro1Item4 li{ display:inline-block; vertical-align:middle; width:33.33%;}

.pro2Bg1{ background:url(../images/pro2Bg1.jpg) center center no-repeat; background-size:cover !important;}
.pro2Bg2{ background:url(../images/pro2Bg2.jpg) center center no-repeat; background-size:cover;}

.pro2Bg1 .font30 p span{ color:#0663bd; background:#FFFFFF; padding:.04rem .24rem; border-radius:20px; margin-right:.2rem;}
.pro2Box2{ padding:.3rem .3rem .3rem 65%;}
.pro2List2 li{ margin:.4rem 0;}
.pro2Tit2{ color:#333333;}
.pro2Ico2{ float:left; width:78px; height:78px; background:#565859; border-radius:50%; margin-right:25px;}
.pro2Ico2 img{ display:block; margin:0 auto; max-width:100%; height:auto;}
.pro2Rig2{ overflow:hidden; font-size:18px; color:#666666; line-height:30px;}
.pro2Rig2 .font35{ color:#333333;}

.pro2Bg3{ background:#000000; -moz-user-select:none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.pro2Bg3 .pro1TopEn{ color:#FFFFFF;}
.pro2Bg3 .pro1TopCn{ color:#FFFFFF;}
.pro2List3{ position:relative; padding:0 140px; text-align:center; font-size:18px; color:#FFFFFF; margin-top:1rem;}
.pro2List3 .swiper-slide{ padding:0 .5rem;}
.pro2List3 .swiper-slide img{ display:block; max-width:100%; height:auto; margin-bottom:.2rem;}

.pro2List4{ font-size:0; margin:0 -.1rem; text-align:center;}
.pro2List4 li{ width:50%; padding:0 .1rem; max-width:600px;}
.pro2List4 img{ display:block; max-width:100%; height:auto; margin:0 auto;}

.pro3Bg1{ background:url(../images/pro3Bg1.jpg) center center no-repeat; background-size:cover !important;}
.pro3Bg2{ background:url(../images/pro3Bg2.jpg) center center no-repeat; background-size:cover;}

.pro4Bg1{ background:url(../images/pro4Bg1.jpg) center center no-repeat; background-size:cover !important;}
.pro4Bg1 .font25 p{ margin:.3rem 0; padding-left:22px; position:relative;}
.pro4Bg1 .font25 p:before{ display:block; content:""; width:6px; height:6px; background:#FFFFFF; border-radius:50%; position:absolute; left:0; top:15px;}

.pro4Box{ display:flex; align-items:center;}
.pro4Img{ width:56%; overflow:hidden;}
.pro4Img img{ display:block; max-width:100%; height:auto;}
.pro4Rig{ width:44%; padding-left:3%;}
.pro4Tit{ margin:.15rem 0;}
.pro4Des{ font-size:18px; color:#666666; line-height:30px;}
.pro4Des p{ margin:.1rem 0; position:relative; padding-left:16px;}
.pro4Des p:before{ display:block; content:""; width:4px; height:4px; border-radius:50%; background:#048cd9; position:absolute; left:0; top:13px;}
.pro4Item:nth-child(2n+1){ background:#eff2f6;}
.pro4Item:nth-child(2n+1) .pro4Box{ flex-direction:row-reverse;}
.pro4Item:nth-child(2n+1) .pro4Rig{ padding-right:3%;}

@media (min-width:1201px){
	nav.navbar.bootsnav ul.nav > li > a:hover:after{ width:100%;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{ color:#095bd5;}
	/*nav.navbar.bootsnav.white ul.nav > li > a:hover{ color:#095bd5;}*/
	.banMore a:hover{ box-shadow:0 0 15px rgba(0,160,233,0.3); transform:translateY(-2px); background:#00a0e9;}
	.box4List li > a:hover,.box4Item:hover{ transform:translateY(-5px);}
	.box4List li > a:hover .imgBg{ transform:scale(1.05);}
	.box4List li > a:hover .box4Tit,.box4List li > a:hover .box4More{ color:#00a0e9;}
	.box4Item:hover .box4Tit,.box4Item:hover .box4More{ color:#00a0e9;}
	.ftBot a:hover{ text-decoration:underline;}
	.aboutPrev:hover,.aboutNext:hover{ background-color:#00a0e9; border-color:#00a0e9; box-shadow:0 0 15px rgba(0,160,233,0.5);}
	.one3Item:hover .one3Img i{ opacity:.8;}
	.newsBot p a:hover{ color:#00a0e9;}
	.newsList li a:hover .newsImg .imgBg{ transform:scale(1.1);}
	.newsList li:not(.big) a:hover .newsTit h3{ color:#00a0e9;}
	.newsMore a:hover span{ padding:0 15px;}
	.join4Img .imgBg:hover{ opacity:.7;}
	.page a:hover{ color:#389aff;}
	.join6List li a:hover{ box-shadow:0 0 5px rgba(0,160,233,0.5);}
	.joinEmail:hover{ text-decoration:underline;}
	.joinBack:hover{ color:#00a0e9;}
}
@media (min-width:1600px){
	.container{ width:1470px;}
}
@media (max-width:1600px){
	.navRig{ line-height:80px;}
	.logo{ height:80px;}
	.logo img{ height:50px;}
	nav.navbar.bootsnav ul.nav > li{ padding:0 15px;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size:16px; padding:0 5px; line-height:80px;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ font-size:14px;}
	.navSearchInput{ font-size:16px;}
	.banCon{ padding-left:0;}
	.banP1{ font-size:44px;}
	.banP2{ font-size:24px;}
	.banMore a{ width:150px; height:40px; line-height:40px;}
	.boxPd{ padding-top:80px;}
	.navSpace{ height:80px;}
	.boxLogo{ height:28px;}
	.boxTit{ font-size:32px;}
	.box2Text{ font-size:16px; margin:.2rem auto;}
	.box2Num{ font-size:64px;}
	.box2Num sup{ font-size:36px;}
	.box2Des{ font-size:16px;}
	.boxMore a{ margin:.4rem auto 0;}
	.box3Tit{ font-size:44px;}
	.box3Des{ font-size:32px;}
	.box4Img{ padding-bottom:60%;}
	.box4Text{ padding:10px 15px;}
	.box4Tit{ font-size:18px; line-height:24px; height:48px;}
	.box4Des{ font-size:14px; line-height:24px; height:48px;}
	.box4More{ font-size:14px; line-height:22px;}
	.ftTop{ padding:.4rem 0;}
	.ftCon{ letter-spacing:.2rem; font-size:34px; margin:.3rem auto;}
	
	.banAbout{ height:600px;}
	.banBor{ width:240px;}
	.banP1 .banBor{ height:80px;}
	.banP2 .banBor{ height:50px; height:80px; font-size:24px;}
	.aboutPrev,.aboutNext{ width:50px; height:50px;}
	.aboutPrev{ margin-left:-580px;}
	.aboutNext{ margin-right:-580px;}
	.one1Logo img{ max-width:340px;}
	.one1Text{ font-size:16px;}
	.oneBox2{ font-size:18px;}
	.one3Text{ font-size:18px;}
	.one3List{ margin:0.4rem -.15rem;}
	.one3List li{ padding:0 .15rem;}
	.one3Item{ min-height:3.5rem;}
	.one3Con{ padding:.4rem 25px .3rem;}
	.one3Tit{ font-size:20px;}
	.one3Des{ font-size:14px;}
	.one3Bot img{ max-width:50%;}
	.one4Tit{ font-size:32px;}
	.history{ margin:0 50px;}
	.hisPrev{ left:-40px;}
	.hisNext{ right:-40px;}
	.hisTime{ font-size:18px; margin-top:10px;}
	.history .swiper-slide-active .hisTime{ font-size:36px; margin-top:20px;}
	.hisText{ font-size:24px; line-height:40px;}
	.hisDes{ height:80px;}
	.oneBox5Bg{ padding:80px 0 60px;}
	.one5List li{ margin-top:.2rem;}
	.one5Tit{ font-size:32px;}
	.one5TitEn{ font-size:90px;}
	.one5Name{ font-size:40px;}
	.one5Des{ font-size:18px;}
	
	.banIn{ height:500px;}
	.newsList li{ margin-top:.6rem;}
	.newsTit{ margin-top:0;}
	.newsTit h3{ font-size:20px; line-height:30px;}
	.newsTime{ font-size:15px; margin:.1rem 0;}
	.newsDes{ font-size:16px;}
	.big .newsText{ padding:.1rem .2rem;}
	.big .newsTit h3, .big .newsTime{ line-height:30px;}
	.big .newsTit h3{ font-size:20px;}
	.newsTop h1{ font-size:32px;}
	.newsClock{ font-size:18px;}
	.newsCen{ font-size:16px;}
	
	.joinTit{ font-size:44px;}
	b.joinLine{ height:55px;}
	i.joinLine{ margin:.3rem auto;}
	.joinBox1{ font-size:22px;}
	.joinBox1 h4{ font-size:30px;}
	.joinBox2{ font-size:18px; min-height:4rem;}
	.joinBox2 p span{ font-size:24px;}
	.join2Tit{ font-size:46px;}
	.join2Tit span{ font-size:68px;}
	.font40{ font-size:30px;}
	.fontColor{ font-size:24px;}
	.joinBox4{ font-size:16px;}
	.join4Text{ font-size:20px;}
	.joinBox5{ min-height:3rem;}
	.joinBg6{ margin:.2rem 0 0;}
	.join6List li span{ line-height:54px;}
	.join6List li a{ font-size:16px;}
	.joinTop{ font-size:20px;}
	
	.joinText{ padding:.3rem .4rem; margin-top:-.75rem;}
	.joinName{ font-size:24px;}
	.joinDes{ font-size:16px;}
	.joinTitle{ font-size:16px;}
	.joinCon{ font-size:14px;}
	.joinBack{ font-size:14px;}
	
	.conList li{ min-height:3.6rem;}
	.conText{ font-size:16px;}
	.conText h3{ font-size:24px;}
	
	.videoIco{ width:100px; height:100px;}
	
	.font60{ font-size:50px;}
	.font50{ font-size:40px;}
	.font35{ font-size:28px;}
	.font30{ font-size:20px;}
	.font25{ font-size:18px;}
	.pro1Img2{ max-width:90px;}
	.pro1Top{ margin-bottom:.3rem;}
	.pro1Des2{ font-size:16px;}
	.pro1TopEn{ font-size:80px;}
	.pro1List3{ padding:0 12%; margin:0 -20px;}
	.pro1List3 li{ padding:0 20px;}
	.pro1Text3{ padding:20px .3rem;}
	.pro1Tit3{ margin:.1rem 0;}
	.pro1Des3{ font-size:16px; line-height:28px; min-height:112px;}
	.pro1Prev,.pro1Next{ width:50px; height:50px;}
	
	.pro2List2 li{ margin:.3rem 0;}
	.pro2Ico2{ width:65px; height:65px; margin-right:15px;}
	.pro2Rig2{ font-size:16px;}
	.pro2List3{ font-size:16px; padding:0 80px;}
	
	.pro4Bg1 .font25 p:before{ top:8px;}
	.pro4Des{ font-size:16px;}
	.pro4Item:nth-child(2n+1) .pro4Rig{ padding-left:0;}
}
@media (max-width:1400px){	
	.banP1{ font-size:36px;}
	.banP2{ font-size:20px;}
	.banPage{ bottom:.2rem !important;}
	.banPage .swiper-pagination-bullet{ height:8px;}
	.boxLogo{ margin:.1rem auto; height:20px;}
	.boxTit{ font-size:28px;}
	.box2Text{ font-size:14px; margin:.1rem auto;}
	.box2Num{ font-size:50px;}
	.box2Num sup{ font-size:26px;}
	.box2Des{ font-size:14px; margin:.1rem auto;}
	.boxMore a{ margin:.3rem auto 0;}
	.box3Tit{ font-size:36px; margin:.3rem auto;}
	.box3Des{ font-size:24px; margin:.3rem auto;}
	.box4List{ max-width:980px; margin:0 auto;}
	.box4List li{ padding:0 15px;}
	.box4Tit{ font-size:16px; line-height:22px; height:44px;}
	.box4Tit,.box4Des{ margin:5px 0;}
	.box4Item .box4Tit{ margin:.1rem 0;}
	.ftLogo{ margin:.2rem auto;}
	.banAbout{ height:500px;}
	.banP1 .banBor{ height:60px; font-size:20px; margin-bottom:10px;}
	.banP2 .banBor{ height:40px; height:60px; font-size:18px; margin-top:10px;}
	.one1Logo img{ max-width:280px;}
	.oneBox2Bg{ padding:.6rem 0;}
	.oneBox2{ font-size:16px;}
	.one3Text{ font-size:16px;}
	.one3Bot img{ max-width:40%;}
	.oneBox4Bg{ padding:.6rem 0;}
	.one4Tit{ font-size:28px;}
	.hisText{ font-size:18px; line-height:32px; margin-bottom:.3rem;}
	.hisDes{ height:64px;}
	.hisTime{ font-size:16px;}
	.history .swiper-slide-active .hisTime{ font-size:30px;}
	.history .swiper-slide-active .hisDot{ transform:scale(1.4);}
	.oneBox5Bg{ padding:.6rem 0;}
	.one5Tit{ font-size:28px;}
	.one5TitEn{ font-size:70px;}
	.one5List{ margin-top:.4rem;}
	.one5Name{ font-size:30px;}
	.one5Line{ margin:.14rem 0;}
	.one5Des{ font-size:16px;}
	.one5Des p{ margin:5px 0;}
	.banIn{ height:420px;}
	
	.joinTit{ font-size:36px;}
	.joinBg1{ padding:.6rem 0;}
	.joinBox1{ font-size:18px;}
	.joinBox1 h4{ font-size:24px;}
	.joinBox2{ font-size:16px;}
	.join2Tit{ font-size:30px;}
	.join2Tit span{ font-size:50px;}
	.font40{ font-size:24px;}
	.fontColor{ font-size:20px;}
	
	.font60{ font-size:38px;}
	.font50{ font-size:32px;}
	.font35{ font-size:22px;}
	.font30{ font-size:18px;}
	.font25{ font-size:16px;}
	.pro1Bg1 .font30 p span{ padding:0 .2rem;}
	.pro1Img2{ max-width:70px;}
	.pro1Tit2{ max-width:260px;}
	.pro1TopEn{ font-size:70px;}
	.pro1Bg4 .pro1TopDes{ font-size:16px; min-height:60px;}
	
	.pro2Ico2{ width:60px; height:60px;}
}
@media (max-width:1200px){
	nav.navbar.bootsnav.no-background{ background:none;}
	nav.navbar.bootsnav.no-background .navbar-toggle{ background:none !important;}
	nav.navbar.bootsnav.no-background .navBtn.collapsed span{ background:#FFFFFF;}
	nav.navbar.bootsnav.no-background .navbar-collapse{}
	nav.navbar.bootsnav.no-background .navBtn span{ background:#FFFFFF;}
	/*nav.navbar.bootsnav.no-background .logo img{ opacity:0;}
	nav.navbar.bootsnav.no-background .navRig > ul > li a{ border-color:#333333; color:#333333;}
	nav.navbar.bootsnav.no-background .navSearch a{ background-image:url(../images/searchIco2.png);}
	nav.navbar.bootsnav.no-background .wxBox{ border-color:#e5001a;}
	nav.navbar.bootsnav.no-background .wxBox:after{ border-bottom-color:#e5001a;}*/
	nav.navbar.bootsnav.no-background ul.nav > li.active > a, nav.navbar.bootsnav.no-background ul.nav > li.on > a{ color:#095bd5;}
	nav.navbar.bootsnav.no-background ul.nav > li > a{ color:#333333;}
	.navRig{ line-height:60px; left:auto; right:50px; z-index:1;}
	.navRig > ul > li{ margin:0; padding:0 5px;}
	.navRig > ul > li i{ margin:0;}
	nav.navbar.bootsnav{ position:fixed; background:#FFFFFF; box-shadow:0 1px 1px rgba(0,0,0,0.1);}
	nav.navbar.bootsnav .container{ width:100%;}
	nav.navbar.bootsnav .navbar-header{ position:relative; padding:0; margin:0;}
	nav.navbar.bootsnav .navbar-brand{ display:flex; float:left !important;}
	nav.navbar.bootsnav .navbar-nav{ padding:15px 0;}
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ position:static; left:0;}
	nav.navbar.bootsnav.no-full .navbar-collapse{ margin:0 -15px; padding:0 30px; background:#FFFFFF; max-height:none; border-top:1px solid #095bd5;}
	nav.navbar.bootsnav ul.nav > li{ padding:0;}
	nav.navbar.bootsnav ul.nav > li > a{ line-height:40px; border:none; margin:0; padding:0;}
	nav.navbar.bootsnav ul.nav > li > a:after{ display:none;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu:before{ display:none;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li{ padding:0 !important;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li > a{ padding:5px 0; border:none; text-align:left; color:#333333; line-height:24px;}	
	.logo{ height:60px; color:#333333;}
	.logo img{ height:40px; margin:0 auto;}
	.navBtn{ display:flex !important; margin:0 !important; position:absolute !important; float:none !important; flex-direction:column; justify-content:center; width:40px; height:40px; left:auto; right:-5px; top:50% !important; transform:translateY(-50%); cursor:pointer;}
	.navBtn span{ display:block; width:20px; height:1px; background:#0F0000; margin:0 auto; transform-origin:left center; transition:all 0.3s linear;}
	.navBtn span:nth-child(2){ margin:6px auto;}
	.navBtn.collapsed span{ transform:rotate(0); background:#0F0000;}
	.navBtn.collapsed span:nth-child(1),.navBtn.collapsed span:nth-child(3){ transform:rotate(0);}
	.navBtn.collapsed span:nth-child(2){ opacity:1; transform:translateX(0%);}
	.navBtn span:nth-child(1){ transform: rotate(45deg);}
	.navBtn span:nth-child(2){ opacity:0; transform:translateX(-100%);}
	.navBtn span:nth-child(3){ transform: rotate(-45deg);}
	.navSearchIco{ background-size:24px auto;}
	.navSearchClose{ background-size:24px auto;}
	.banner{ position:static; height:100vh;}
	.banner .container{ width:100%;}
	.banCon{ width:100%;}	
	.boxPd{ padding-top:0;}
	.navSpace{ height:60px;}
	.boxBg2,.boxBg4,.boxBg5{ padding:.5rem 0;}
	.box4List{ margin:0 -15px;}
	.ftCon{ font-size:.34rem;}
	.copyRight,.ftNav{ float:none; width:100%; text-align:center; margin:.1rem 0;}

	.boxTop,.box2Text,.box2List li,.boxMore,.box3Line span,.box3Tit,.box3Des,.box4List li{ animation-name:none !important;}	
	
	.banAbout{ height:440px;}
	.banAbout .boxPd{ padding-top:60px; width:100%;}
	.banAbout .banCon{ padding:0 80px;}
	.banBor{ border-width:2px;}
	.aboutPrev,.aboutNext{ margin:0;}
	.aboutPrev{ left:.3rem;}
	.aboutNext{ right:.3rem;}
	.one1Map{ width:100%; background:url(../images/one1Map2.png) center top no-repeat; background-size:60% auto;}
	.one1Map > img{ display:block; max-width:60%; margin:0 auto; opacity:0;}
	.mapList li{ position:static;}
	.mapName{ text-align:left;}
	.mapName i{ margin:0; display:inline-block; vertical-align:middle; width:12px; height:12px; margin-right:5px; margin-top:-2px;}
	.mapCon{ position:static; opacity:1; visibility:visible; margin:0; width:100%; margin:.1rem 0; background:rgba(86,88,89,0.5); font-size:16px;}
	.mapCon:after{ display:none;}
	.mapCon h4{ font-size:18px;}	
	.mapLi1 .mapCon{ background:#6cc6e6;}
	.mapLi2 .mapCon{ background:#a1e6d1;}
	.mapLi3 .mapCon{ background:#9aa7e3;}
	.banIn{ height:4rem;}	
	.newsList{ margin:.3rem 0 .6rem;}
	.newsList li{ margin-top:.3rem;}
	.newsTit h3{ font-size:16px; line-height:24px;}
	.newsTime{ font-size:14px; margin:5px 0;}
	.newsDes{ font-size:14px; line-height:24px;}
	.big .newsTit h3,.big .newsTime{ font-size:16px; line-height:24px;}
	.newsMore{ font-size:18px;}
	.newsTop h1{ font-size:28px;}
	.newsClock{ font-size:16px;}
	.joinDes p{ padding-right:80px;}
	.conList{ margin:.6rem 0;}
	.conList li{ margin:.3rem 0;}
	
	.pro1Bg1 .banText{ position:relative; height:auto; padding:60px 0;}
	.pro1Bg1 .banCon{ padding:.6rem 0;}
	.pro1List2{ padding:1.6rem 0;}
	.pro1Tit2{ font-size:24px;}
	.pro1List3{ padding:0 .3rem; margin:0 -.15rem;}
	.pro1List3 li{ padding:0 .15rem;}
	.pro1TopEn{ font-size:.6rem;}
	.pro1TopCn{ margin-top:-40px;}
	.pro1Bg3{ padding:.6rem 0;}
	.pro1Bg4{ padding:.6rem 0;}
	.pro1List4{ padding:0 100px;}
	
	.pro2Bg2{ padding:.6rem 0;}
	.pro2Bg3{ padding:.6rem 0;}
	
	.pro4Item{ padding:.6rem 0;}
	.pro4Des{ font-size:14px;}
	
	.pro1Bg1 .font50,.pro1Bg1 .font30,.pro1Line i,.pro1List2 li,.pro1Top,.pro1List3 li,.pro1List4{ animation-name:none !important;}	
	.pro1Bg1 .font60,.pro1Bg1 .font35,.pro2Box2,.pro2List3,.pro2List4{ animation-name:none !important;}
	.pro4Bg1 .font25,.pro4Img,.pro4Rig{ animation-name:none !important;}
	
	.videoBox{ position:static;}
	.myVideo{ position:relative; left:0; top:0; transform:translate(0,0);}
	
}
@media (max-width:991px){
	.banCon{ max-width:100%;}
	.banP1{ font-size:40px;}
	.banP2{ font-size:28px;}
	.banMore a{ height:36px; line-height:36px;}
	.box4List{ margin:0 -.1rem;}
	.box4List li{ padding:0 .1rem;}
	.ftLogo,.ftCon{ margin:.14rem auto;}	
	.banAbout{ height:4.4rem;}
	.banAbout .banCon{ padding:0 .8rem;}
	.banBor{ display:none;}
	.aboutPrev, .aboutNext{ width:.5rem; height:.5rem;}
	.one3List li{ width:50%;}
	.hisText{ font-size:16px; line-height:28px;}
	.hisDes{ height:56px;}
	.history .swiper-slide-active .hisTime{ font-size:24px;}
	.history .swiper-slide-active .hisDot{ transform:scale(1.2);}
	.one5Tit{ font-size:24px;}
	.one5TitEn{ font-size:.64rem;}
	.one5List li{ width:50%;}
	.one5Name{ font-size:24px;}
	.newsList{ margin:.2rem -.1rem .5rem;}
	.newsList li{ width:33.33%; padding:0 .1rem; margin-top:.2rem;}
	.newsTit h3{ margin-bottom:5px;}
	.newsTime{ font-size:12px; line-height:16px;}
	.newsMore{ margin:.5rem 0; font-size:16px;}
	.newsBot p{ float:none; width:100%; text-align:left; line-height:180%;}
	.join4List li{ width:25%;}
	.joinTop{ font-size:18px;}	
	.joinText{ padding:.3rem; margin-top:-.4rem;}
	.joinName{ font-size:20px;}
	.joinDes{ font-size:14px;}
	.joinDes p{ padding-right:40px;}
	.joinTitle{ font-size:14px; padding:5px 10px;}
	
	.conList li{ display:block; min-height:0;}
	.conImg,.conText{ width:100%; display:block}
	.conImg .imgBg{ height:4rem;}
	
	.pro1Bg4 .pro1TopDes{ min-height:0;}
	.pro1List4{ padding:0 60px;}
	.pro1Prev, .pro1Next{ width:40px; height:40px;}
	
	.pro2Bg2{ padding:0;}
	.pro2Bg2 .boxPd{ padding:.6rem 0; display:flex; justify-content:flex-end; background:rgba(255,255,255,0.5);}
	.pro2Box2{ padding:.3rem;}
	.pro2Ico2{ width:.6rem; height:.6rem; margin-right:.1rem;}
	.pro2List3{ padding:0 50px; margin-top:.5rem;}
	
	.pro4Box{ display:block;}
	.pro4Img,.pro4Rig{ width:100%; padding:0 !important; margin:.2rem 0;}
	.pro4Img img{ margin:0 auto;}
}
@media (max-width:767px){
	.one4Tit{ font-size:24px;}
	.hisBox{ display:block;}
	.hisText{ margin:.3rem 0 0;}
	.hisDes{ height:auto; min-height:56px;}
	.newsList li{ width:100% !important;}	
	.big .newsText{ position:static; padding:0; background:none;}
	.big .newsTit h3{ float:none; width:100%; color:#333333; margin:.1rem 0 5px; -webkit-line-clamp:2;}
	.big .newsTime{ float:none; width:100%; text-align:left; font-size:12px; line-height:16px; color:#0665bf;}
	b.joinLine{ height:.5rem;}
	.joinBox2 p{ letter-spacing:.1rem;}
	.joinSp2,.joinSp3,.joinSp4{ display:none;}
	.joinSp1{ width:70%;}
	.joinSp5{ width:30%; text-align:right; padding-right:.2rem;}
	
	.pro1TopEn{ letter-spacing:0;}
	.pro1Bg1 .banText .container{ width:100%;}
	.pro1List2{ padding:1rem 0;}
	.pro1Img2{ max-width:60px;}
	.pro1Tit2{ font-size:20px;}
	.pro1Des2{ font-size:14px;}
	.pro2List3 .swiper-slide{ padding:0 .1rem;}
	.pro2List3{ font-size:14px;}
}
@media (max-width:640px){
	.navSearchIco{ width:34px;}
	.navSearchInput{ font-size:14px; padding-left:42px;}
	.banP1{ font-size:0.5rem;}
	.banP2{ font-size:.28rem;}
	.banPage .swiper-pagination-bullet{ width:10px; height:10px;}
	.banPage .swiper-pagination-bullet-active{ width:20px;}
	.boxLogo{ width:100%; height:.26rem;}
	.boxTit{ font-size:24px;}
	.box2List li{ width:100%;}
	.box2Num{ font-size:.6rem;}
	.box2Num sup{ font-size:.3rem;}
	.box4List li{ width:100%;}
	.box4Text{ width:100%;}
	.box4Tit,.box4Des{ height:auto;}
	.box4List .box4Item a{ display:block;}
	.box4Item .box4Text{ padding:.3rem 15px;}
	.ftLogo{ width:30%;}	
	.banAbout .boxPd{ padding-top:30px;}
	.banAbout .banCon{ padding:0 .6rem;}
	.banAbout .banP1{ font-size:.4rem;}
	.banAbout .banP2{ display:none;}
	.aboutPrev, .aboutNext{ top:auto; transform:translateY(0); bottom:.2rem;}
	.aboutPrev{ left:41%;}
	.aboutNext{ right:41%;}
	.one1Logo img{ max-width:50%;}
	.mapName{ font-size:18px;}
	.mapCon{ font-size:14px; line-height:24px;}
	.mapCon h4{ font-size:16px;}
	
	.newsTop h1{ font-size:22px;}
	.join4List li{ width:33.33%;}
	.joinEmail,.joinBack{ display:block; float:none; width:100%; max-width:100%; text-align:center;}
	.joinDes p{ float:none; width:100%;}
	
	.font60{ font-size:32px;}
	.font50{ font-size:28px;}
	.font35{ font-size:18px;}
	.font30{ font-size:16px;}
	.font25{ font-size:14px;}
	.pro1TopCn{ margin-top:-.4rem;}
	.pro1Bg2:before, .pro1Bg2:after{ display:none;}
	.pro1List2 li{ width:100%; border-bottom:1px solid rgba(255,255,255,0.32); padding:.3rem 0;}
	.pro1List2 li:last-child{ border:none;}
	.pro1Tit2{ font-size:18px; max-width:100%;}
	.pro1List3 li{ width:100%; margin:.2rem 0;}
	.pro1Text3{ padding:20px .3rem 30px;}
	.pro1Des3{ font-size:14px; min-height:0;}
		
	.pro4Bg1 .font25 p{ padding-left:15px;}
	.pro4Bg1 .font25 p:before{ width:4px; height:4px; top:8px;}
	
	.videoIco{ width:1rem; height:1rem;}
	
}
@media (max-width:460px){	
	.logo img{ height:36px;}
	.navSearchIco{ background-size:20px auto;}
	.navSearchClose{ background-size:20px auto;}
	.box3Tit{ font-size:24px;}
	.box3Des{ font-size:16px;}
	.ftLogo{ width:34%;}
	.one1Text{ font-size:14px;}
	.one1Map{ background-size:80% auto;}
	.one1Map > img{ max-width:80%;}
	.oneBox2{ font-size:14px;}
	.one3Text{ font-size:14px;}
	.one3List li{ width:100%;}
	.one3Img{ background-position:center 60%;}
	.one3Con{ padding:.4rem .3rem;}
	.one3Tit{ font-size:18px;}
	.one4Tit{ font-size:20px;}
	.history{ margin:0 15px;}
	.history:after{ height:2px; top:20px;}
	.hisDot{ width:12px; height:12px;}
	.hisDot:after{ transform:translate(-50%,-50%) scale(1.5);}
	.hisPrev{ left:-26px;}
	.hisNext{ right:-26px;}
	.hisPrev, .hisNext{ background-size:12px auto; top:7px;}
	.hisTime{ font-size:14px; margin-top:5px;}
	.history .swiper-slide-active .hisTime{ font-size:18px; margin-top:10px;}
	.hisText{ font-size:14px; line-height:24px;}
	.one5Tit{ font-size:20px;}
	.one5Name{ font-size:18px;}
	.one5Des{ font-size:14px;}
	.newsTit h3{ font-size:14px;}
	.newsTop h1{ font-size:20px;}
	.newsClock{ font-size:14px;}
	.newsCen{ font-size:14px;}
	.newsBot p a{ font-size:14px;}
	
	.joinTit{ font-size:24px;}
	.joinBox1{ font-size:14px;}
	.joinBox1 h4{ font-size:20px;}
	.joinBox2{ font-size:14px;}
	.joinBox2 p span{ font-size:20px;}
	.join2Tit{ font-size:20px;}
	.join2Tit span{ font-size:30px;}
	.font40{ font-size:20px;}
	.fontColor{ font-size:16px;}
	.joinBox4{ font-size:14px;}
	.join4List li{ width:50%;}
	.join4Text{ font-size:16px;}
	.font40{ font-size:16px;}
	.join6List li span{ line-height:44px;}
	.join6List li a{ font-size:14px;}
	.joinTop{ font-size:16px;}
	
	.conText{ padding:.3rem; font-size:14px;}
	.conText h3{ font-size:20px;}
	
	.font60{ font-size:28px;}
	.font50{ font-size:24px;}
	.pro1Arrow{ height:14px;}
	.pro1Img2{ max-width:50px;}
	.pro1Tit2{ font-size:18px;}
	.pro1Bg4 .pro1TopDes{ font-size:14px;}
	.pro1List4{ padding:0 40px;}
	.pro1Prev, .pro1Next{ width:30px; height:30px;}
	
	.pro2Rig2{ font-size:14px;}
	.pro2List3{ padding:0 40px;}
	
	.pro4Tit{ font-size:24px;}
	.pro4Des{ line-height:24px;}
	.pro4Des p{ padding-left:10px;}
	.pro4Des p:before{ top:10px;}
}
@media all and (orientation : landscape) {
	.banImg{ display:block;}
	.banImgMob{ display:none;}
	.banAbout .banImg{ display:block;}
} 
@media all and (orientation : portrait){ 
	.banImg{ display:none;}
	.banImgMob{ display:block;}
	.banAbout .banImg{ display:block;}
}