﻿@font-face {
    font-family: 'SourceHanSansCNRegular';
    src: url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	font-display: swap;
}
@font-face {
    font-family: 'SourceHanSansCNMedium';
    src: url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.svg#SourceHanSansCN-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato/Lato-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Lato/Lato-Regular.svg#SourceHanSansCN-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	font-display: swap;
}
@font-face {
    font-family: 'LatoHeavy';
    src: url('../fonts/LatoHeavy/Lato-Heavy.eot'); /* IE9 Compat Modes */
    src: url('../fonts/LatoHeavy/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/LatoHeavy/Lato-Heavy.woff') format('woff'), /* Modern Browsers */
         url('../fonts/LatoHeavy/Lato-Heavy.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/LatoHeavy/Lato-Heavy.svg#SourceHanSansCN-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	font-display: swap;
}
.wow{ transition-delay:0.3s;}
.pc{ display:block;}
.mob{ display:none;}

.loadImg{ height:100vh; position:relative; overflow:hidden;}
.loadImg .imgBg{ width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0;}
.loadText{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; color:#FFFFFF; text-align:center; font-size:.3rem; font-weight:200;}
.loadText img{ display:block; margin:.1rem auto; max-width:1.4rem;}
.loadCon{ position:relative; width:600px; max-width:90%; margin:0 auto; -webkit-user-select:none; user-select:none; cursor:default;}
.loadCon i{ font-style:normal; display:block; position:absolute; opacity:0; animation:loading 3s linear infinite; transform:rotate(180deg);}

#home{ height:100vh;}
#home > .section{ height:100vh; overflow:hidden;}
.banner{ position:relative; height:100vh;}
.banner .swiper-slide{ overflow:hidden;}
.banImg{ height:100%; transform:scale(1.05); transition:all .5s;}
.banner .swiper-slide-active .banImg{ transform:scale(1); transition:all 5s;}
.banText{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; text-align:center; color:#FFFFFF;}
.banCn{ font-size:52px; line-height:120%;}
.banEn{ font-size:30px; line-height:160%; text-transform:uppercase; font-family:Lato;}
.ban1 .banText{ padding-bottom:12%;}
.ban2 .banText{ padding-bottom:12%;}
.ban3 .banText{ padding-bottom:12%;}
.banPage{ position:absolute; z-index:1; width:100%; text-align:center; bottom:3%;}
.banPage .swiper-pagination-bullet{ width:22px; height:22px; background:none; margin:0 .07rem; vertical-align:middle; position:relative; transition:all .3s;}
.banPage .swiper-pagination-bullet:after{ display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:10px; height:10px; border-radius:50%; background:#FFFFFF; opacity:.8; transition:all .3s;}
.banPage .swiper-pagination-bullet-active:after{ width:100%; height:100%; background:url(../imgs/ico_logo.png) center center no-repeat; background-size:cover; opacity:1;}

.boxPd{ padding-top:90px;}
.boxTit{ text-align:center; font-size:42px; color:#333333; line-height:140%; text-shadow:0 5px 5px rgba(0,0,0,0.2); margin:.2rem 0;}
.boxIco{ margin:.2rem 0 .3rem; text-align:center; font-size:0;}
.boxIco span{ display:inline-block; vertical-align:middle; width:40px; height:8px; margin:0 .06rem; background:#9fa0a0; transform:skewX(-30deg); position:relative;}
.boxIco span:after{ display:block; content:""; width:.74rem; height:1px; background:#9fa0a0; position:absolute; left:100%; top:0;}
.boxIco span:first-child{ background:#e60012;}
.boxIco span:first-child:after{ background:#e60012; left:auto; top:auto; right:100%; bottom:0;}
.boxText{ font-size:20px; color:#333333; line-height:180%; text-align:center; text-shadow:0 5px 5px rgba(0,0,0,0.2); margin:.3rem 0 .4rem;}
.boxMore{ display:block; margin:0 auto; width:230px; height:50px; border:2px solid #e60012; border-radius:25px; text-align:center; font-size:18px; color:#e60012;  line-height:46px; font-family:'Lato'; transition:all .3s;}
.boxMore i{ display:inline-block; vertical-align:baseline; width:8px; height:14px; background:url(../imgs/ico_arrow.png) right center no-repeat; margin-left:.12rem;}
.boxMore:hover,.boxMore:focus{ color:#e60012;}
.boxMore:hover{ box-shadow:0 4px 5px rgba(0,0,0,0.2); transform:translateY(-2px);}
.boxTit.white{ color:#FFFFFF;}
.boxIco.white span{ background:#FFFFFF;}
.boxIco.white span:after{ background:#FFFFFF !important;}
.boxText.white{ color:#FFFFFF;}
.boxMore.white{ color:#FFFFFF; border-color:#FFFFFF;}
.boxMore.white i{ background-image:url(../imgs/ico_arrow2.png);}
.boxMore.white:hover{ box-shadow:0 4px 5px rgba(255,255,255,0.2);}

/*boxBg3*/
.box3Con{ width:67.5%; max-width:945px; margin:0 auto; position:relative;}
.box3Car{ width:100%;}
.box3Car img{ width:100%; height:auto;}
.box3Li{ position:absolute;}
.box3Li a{ display:block;}
.box3Ico{ display:block; width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,0.3); position:relative; transition:all .5s;}
.box3Ico i{ display:block; width:10px; height:10px; background:#FFFFFF; border-radius:50%; background:#FFFFFF; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all .5s;}
.box3Ico:before{ display:block; content:""; width:56px; height:56px; background:rgba(255,255,255,.3); position:absolute; left:50%; top:50%; margin:-28px 0 0 -28px; border-radius:50%; animation:warn 2s infinite cubic-bezier(0, 0, 0.49, 1.02); transition:all .5s;}
.box3Tit{ position:absolute; top:0; left:100%; margin-left:18px; line-height:28px; font-size:20px; color:#FFFFFF; white-space: nowrap; transition:all .5s;}
.box3Li1{ left:9.63%; top:56%;}
.box3Li2{ left:31.96%; top:27.04%;}
.box3Li3{ left:34.92%; top:42.92%;}
.box3Li4{ left:55.78%; top:42.49%;}
.box3Li5{ left:81.27%; top:37.77%;}
.box3Li6{ left:45%; top:32%;}
.box3Li1 .box3Ico:before{ animation-delay:100ms;}
.box3Li2 .box3Ico:before{ animation-delay:300ms;}
.box3Li3 .box3Ico:before{ animation-delay:200ms;}
.box3Li4 .box3Ico:before{ animation-delay:500ms;}
.box3Li5 .box3Ico:before{ animation-delay:400ms;}
.box3Li6 .box3Ico:before{ animation-delay:200ms;}
.box3Li a:hover .box3Ico,.box3Li a.active .box3Ico{ background:rgba(230,0,18,0.3);}
.box3Li a:hover .box3Ico i,.box3Li a.active .box3Ico i{ background:#e60012;}
.box3Li a:hover .box3Ico:before,.box3Li a.active .box3Ico:before{ background:rgba(230,0,18,0.3);}
/*boxBg4/boxBg5*/
.box4List{ display:flex; flex-wrap:wrap; margin:0 -.1rem; margin-top:.7rem;}
.box4List li{ width:33.33%; max-width:460px; padding:.1rem;}
.box4List li a{ display:block; padding:30px 40px 20px; border-radius:.1rem; transition:all .5s;}
.box4Ico{ display:block; margin:0 auto .15rem}
.box4Ico img{ display:block; width:auto; height:110px; margin:0 auto;}
.box4Tit{ font-size:24px; color:#333333; line-height:30px; text-align:center; margin:.1rem 0; font-family: 'SourceHanSansCNMedium';}
.box4Des{ font-size:14px; color:#666666; line-height:24px; text-align:center; -webkit-line-clamp:2; margin:.2rem 0; opacity:0; visibility:hidden; transform:translateY(15px); transition:all .3s;}
.box4More{ display:block; font-size:16px; color:#999999; line-height:24px; text-align:center; margin:.1rem auto; opacity:0; visibility:hidden; transform:translateY(15px); transition:all .5s;}
.box4More i{ display:inline-block; vertical-align:baseline; width:6px; height:12px; margin-left:.1rem; background:url(../imgs/ico_arrow3.png) right center no-repeat;}
.box4List li a:hover{ background:#FFFFFF; transform:translateY(-.3rem); box-shadow:0 0 .2rem rgba(0,0,0,0.1);}
.box4List li a:hover .box4Ico img{ animation:flash 1s linear 1;}
.box4List li a:hover .box4Des,.box4List li a:hover .box4More{ opacity:1; visibility:visible; transform:translateY(0);}
.box4List li a:hover .box4Des{ transition:all .3s linear .2s;}
.box4List li a:hover .box4More{ transition:all .3s linear .4s;}
/*boxBg6*/
.boxBg6{ background:url(../imgs/boxBg6.jpg) right bottom no-repeat; background-size:cover;}
.box6Map{ position:relative; max-width:1400px; margin:0 auto; margin-top:.7rem;}
.box6Map .boxTit{ position:absolute; left:0; width:100%; top:-.7rem;}
.box6MapImg{ display:none; cursor:pointer;}
.box6MapImg img{ width:100%; height:auto;}
.box6MapText{ background:#FFFFFF; border:1px solid #3b92e1; border-radius:.04rem; position:absolute; left:0; top:0; width:100%; opacity:0; visibility:hidden; transform:translateY(15px); height:4.5rem; padding:.3rem 0; transition:all .5s; z-index:1;}
.box6MapText .searchClose{ top:.1rem; right:.3rem; background-image:url(../imgs/ico_close2.png); background-size:14px auto;}
.box6MapCon{ height:100%;}
.box6MapText.active{ opacity:1; visibility:visible; transform:translateY(0);}
.box6Mark{ position:absolute; left:-.2rem; bottom:12%;}
.box6Mark li{ font-size:18px; color:#666666; line-height:24px; margin:.2rem 0;}
.box6Mark li span{ display:inline-block; vertical-align:middle;}
.box6Mark li i{ display:inline-block; vertical-align:middle; width:.9rem; height:1px; margin:0 .1rem; background:rgba(0,0,0,0.12);}
.box6Ico1{ width:25px; height:30px; background:url(../imgs/box6Ico1.png) center center no-repeat; background-size:contain;}
.box6Ico2{ width:24px; height:24px; position:relative;}
.box6Ico2:before,.box6Ico2:after{ display:block; content:""; background:#0355e9; position:absolute; border-radius:50%;}
.box6Ico2:before{ width:10px; height:10px; left:50%; top:50%; margin:-5px 0 0 -5px;}
.box6Ico2:after{ width:100%; height:100%; left:0; top:0; opacity:.2;}
.worldMap{ display:block; width:100%; max-width:1400px; height:auto; margin:0 auto; position:relative; transition:all .5s;}
.worldMap > img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.miniChina{ position:absolute; left:68.8%; top:32.2%; width:13.57%; height:22.88%; background:url(../imgs/mapChina2.png) center center no-repeat; background-size:contain; transition:all .3s; cursor:pointer;}
.miniChina .box6Lay{ top:60%; right:auto; left:55%; padding-right:0; padding-left:79px;}
.miniChina .box6Line{ right:auto; left:0; transform:scaleX(-1); height:40px;}
.miniChina .box6Text{ width:auto; min-height:0; white-space:nowrap;}
.miniChina .box6Con{ padding:15px;}
.miniChina:hover{ transform:scale(1.02);}
.miniChina:hover .box6Lay{ opacity:1; visibility:visible;}
.miniChina:hover .box6Line{ width:79px;}
.miniChina:hover .box6Text{ opacity:1; visibility:visible; transform:translateX(0);}
.chinaMapBg{ position:absolute; left:0; top:0; right:0; bottom:0; background:url(../imgs/mapChinaBg.png) center center no-repeat; background-size:cover; opacity:0; transform:scale(0); transition:all .5s;}
.chinaMap{ position:absolute; left:21.8%; top:5.8%; z-index:1; max-width:54.5%; transform:scale(0) translateX(100%); opacity:0; visibility:hidden; transition:all .5s;}
.chinaMap > img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.box6Map.active .worldMap{ transform:scale(3) translateX(-25%); opacity:0;}
.box6Map.active .chinaMap{ transform:scale(1) translateX(0); opacity:1; visibility:visible;}
.chinaMapBg.active{ opacity:1; visibility:visible; transform:scale(1);}
.box6Base li{ position:absolute;}
.box6Base .box6Ico1,.box6Base .box6Ico2{ display:block; cursor:pointer;}
.box6Base .box6Ico1:after,.box6Base .box6Ico2:after{ animation:warn 1s linear infinite; cursor:pointer;}
.box6B1{ left:48.64%; top:32.54%;}
.box6B2{ left:67.57%; top:53.9%;}
.box6B3{ left:73.93%; top:54.19%;}
.box6B4{ left:84.5%; top:38.19%;}
.box6Lay{ position:absolute; right:100%; top:14px; padding-right:79px; margin-right:-12px; opacity:0; visibility:hidden; transition:all .3s;}
.box6Line{ position:absolute; right:0; top:0; width:0; height:91px; background:url(../imgs/box6Line.png) right bottom no-repeat; transition:all .5s;}
.box6Text{ margin-top:10px; min-width:200px; /*width:358px; min-height:160px;*/ background:#FFFFFF; border:2px solid #3b92e1; border-radius:.04rem; position:relative; opacity:0; visibility:hidden; transform:translateX(-15px); transition:all .5s;}
.box6Con{ position:relative; z-index:1; padding:30px 35px; padding:15px;}
.box6Tit{ font-size:20px; color:#666666; line-height:30px; white-space:nowrap; font-weight:bold; padding-bottom:.1rem; margin-bottom:.1rem; border-bottom:1px solid rgba(0,0,0,0.08); font-weight:bold;}
.box6Des{ font-size:14px; color:#666666; line-height:24px;}
.box6LineArrow{ position:absolute;}
.box6LineArrow1{ left:-8px; top:-8px; width:42px; height:44px; background:url(../imgs/box6LineArrow1.png) left top no-repeat; background-size:contain;}
.box6LineArrow2{ left:-8px; bottom:-8px; width:78px; height:31px; background:url(../imgs/box6LineArrow2.png) left bottom no-repeat; background-size:contain;}
.box6LineArrow3{ right:-8px; bottom:-8px; width:42px; height:95px; background:url(../imgs/box6LineArrow3.png) right bottom no-repeat; background-size:contain;}
.box6TextIco1{ display:none; left:244px; bottom:100%; width:68px; height:6px; background:url(../imgs/box6TextIco1.png) center center no-repeat; background-size:contain;}
.box6TextIco2{ display:none; right:100%; top:70px; width:6px; height:64px; background:url(../imgs/box6TextIco2.png) center center no-repeat; background-size:contain;}
.box6Base li:hover{ z-index:1;}
.box6Base li:hover .box6Lay{ opacity:1; visibility:visible;}
.box6Base li:hover .box6Line{ width:79px;}
.box6Base li:hover .box6Text{ opacity:1; visibility:visible; transform:translateX(0);}
.box6B5{ left:46.5%; top:32.3%;}
.box6B6{ left:70.77%; top:36.42%;}
.box6B7{ left:71.3%; top:37.68%;}
.box6B8{ left:72.6%; top:37.68%;}
.box6B9{ left:82.57%; top:28.89%;}
.box6B10{ left:73.13%; top:45.21%;}
.box6B11{ left:78.11%; top:45.53%;}
.box6B12{ left:79.42%; top:54.47%;}
.box6B13{ left:80.87%; top:55.89%;}
.box6B14{ left:70.77%; top:35.16%;}
.box6B15{ left:71.69%; top:35.32%;}
.box6B16{ left:80.86%; top:52.9%;}
.box6B17{ left:82.57%; top:54.47%;}
.goWorldMap{ position:absolute; left:100%; margin-left:10px; bottom:0; border-color:#0355e9; color:#FFFFFF; background:#0355e9; max-width:140px; padding-left:10px;}
.goWorldMap i{ background-image:url(../imgs/ico_arrow2.png);}
.goWorldMap:hover,.goWorldMap:focus{ color:#FFFFFF;}
/*boxBg7*/
.boxBg7{ }
.box7Bot{ max-width:1200px; margin:0 auto;}
.box7Tit{ font-size:24px; color:#FFFFFF; line-height:30px; margin:.2rem 0;}
.box7Tit i{ display:inline-block; vertical-align:middle; width:16px; height:16px; margin-left:.1rem; background:url(../imgs/box7Tit.png) center center no-repeat;}
.box7List{ margin:0 -.11rem;}
.box7List li{ padding:0 .11rem; margin-bottom:.12rem;}
.box7Item{ position:relative;}
.box7Ico{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:20px; height:80%; position:absolute; left:0; bottom:0; transition:all .3s;}
.box7Ico img{ display:block; width:18px; height:auto;}
.box7Tip{ position:absolute; left:0; top:6px; line-height:14px; font-size:12px; color:rgba(255,255,255,0.75); opacity:0; visibility:hidden; transform:translateX(-100%); transition:all .3s;}
.box7Input{ display:block; width:100%; height:50px; padding:20px 0 0 0; line-height:30px; background:none; border:none; border-bottom:1px solid rgba(255,255,255,0.35); font-size:16px; color:#FFFFFF;}
.box7Item.active .box7Ico{ opacity:0; visibility:hidden; transform:translateX(-100%);}
.box7Item.active .box7Tip{ opacity:1; visibility:visible; transform:translateX(0);}
.box7Item.active .box7Input{ border-bottom-color:rgba(255,255,255,0.75);}
.box7List .boxMore{ margin:.4rem 0 0; font-family: 'SourceHanSansCNMedium';}

.banIn{ height:100%; position:relative;}
.banIn .imgBg{ position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%;}
.banCon{ width:100%; max-width:1100px; padding:0 15px;}
.banText .boxTit,.banText .boxText{ color:#FFFFFF;}
.banText .boxText{ -webkit-line-clamp:5;}
.banMouse{ position:absolute; left:50%; bottom:3%; transform:translateX(-50%); text-align:center; font-size:16px; color:#FFFFFF; font-family:'Lato'; z-index:1;}
.banMouse span{ display:block; width:18px; height:28px; border:2px solid #FFFFFF; position:relative; margin:0 auto .1rem; border-radius:10px;}
.banMouse span i{ display:block; position:absolute; left:50%; margin-left:-1px; top:5px; width:2px; height:5px; background:#FFFFFF; border-radius:2px; animation:banScroll 1s linear infinite;}
.banIn2{ height:520px;}
.banIn2 .imgBg{ height:520px;}
.banIn2 .banMouse{ display:none;}
.banIn2 .banText{ padding-top:50px;}
.banIn2 .banText .boxText{ -webkit-line-clamp:3;}
.banBotBg{ background:#eff0f1; position:relative; z-index:1;}
.banBot{ line-height:60px; position:relative; padding-left:75px;}
.banBotLogo{ position:absolute; left:0; top:0; width:60px; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#e60012;}
.banBotLogo img{ max-height:50%;}
.breadcrumb{ float:left; width:50%; background:none; border-radius:0; margin:0 -.13rem; padding:0; font-size:0;}
.breadcrumb li{ font-size:16px; vertical-align:middle; padding:0 .13rem; position:relative;}
.breadcrumb li a{ display:block; color:#333333;}
.breadcrumb > li + li::before{ display:block; content:""; width:0; height:0; border-left:5px solid #999999; border-top:4px solid transparent; border-bottom:4px solid transparent; position:absolute; left:0; top:50%; margin-top:-4px; margin-left:-2px;}
.breadcrumb li.active{ color:#333333;}
.breadcrumb li a:hover{ color:#e60012;}
.sortList{ float:right; width:50%; text-align:right; font-size:0; margin:0 -.12rem;}
.sortList li{ vertical-align:middle; padding:0 .12rem; position:relative;}
.sortList li + li:before{ display:block; content:""; width:1px; height:14px; background:#000000; opacity:.25; position:absolute; left:0; top:50%; margin-top:-7px;}
.sortList li a{ display:block; font-size:16px; color:#333333; position:relative;}
.sortList li a:hover{ color:#e60012;}
.sortList li.active a{ color:#e60012;}
.sortList li.active a:after{ display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#e60012;}

.mainBg{ position:relative; background:#FFFFFF; z-index:1;}
.oneBg1{ background:url(../imgs/about/oneBg1.jpg) center center no-repeat; background-size:cover; padding:90px 0;}
.oneBg2{ background:url(../imgs/about/oneBg2.jpg) center center no-repeat; background-size:cover; padding:70px 0;}
.oneBg3{ background:url(../imgs/about/oneBg3.jpg) center center no-repeat; background-size:cover; padding:80px 0 30px;}
.oneList{ max-width:1000px; margin:.3rem auto 0; font-size:0;}
.oneList li{ float:none; font-size:18px; color:#333333; line-height:180%; padding:.1rem; margin:.1rem 0;}
.oneList li .big{ font-size:42px; color:#325ab4; line-height:120%;}
.oneList li .big sup{ font-size:60%;}
.hisTop{ position:relative; padding:0 50px; padding-top:18px;}
.hisTop:before{ display:block; content:""; position:absolute; left:0; top:22px; width:100%; height:2px; background:linear-gradient(
	to right,
	rgba(0,0,0,0) 0%,
	rgba(230,230,230,0.8) 15%,
	rgba(230,230,230,0.8) 30%,
	rgba(230,230,230,0.8) 40%,
	rgba(230,230,230,1) 50%,
	rgba(230,230,230,0.8) 60%,
	rgba(230,230,230,0.8) 70%,
	rgba(230,230,230,0.8) 85%,
	rgba(0,0,0,0) 100%)
}
.hisPrev,.hisNext{ display:block; width:46px; height:46px; border:1px solid #dcdcdc; border-radius:50%; position:absolute; top:0; background-size:contain; background-repeat:no-repeat; background-position:center center; cursor:pointer; transition:all .3s;}
.hisPrev{ left:-.2rem; background-image:url(../imgs/about/hisPrev.png);}
.hisNext{ right:-.2rem; background-image:url(../imgs/about/hisNext.png);}
.hisPrev:hover,.hisNext:hover{ background-color:#dbdcde;}
.hisPrev:hover{ background-image:url(../imgs/about/hisPrev2.png);}
.hisNext:hover{ background-image:url(../imgs/about/hisNext2.png);}
.hisTop .swiper-slide{ cursor:pointer;}
.hisCir{ display:block; width:10px; height:10px; border:1px solid #e6e6e6; background:#FFFFFF; border-radius:50%; margin:0 auto;}
.hisLine{ display:block; width:2px; height:10px; background:#e6e6e6; margin:0 auto;}
.hisYear{ font-size:30px; color:#999999; line-height:180%; text-align:center;}
.hisTop .swiper-slide-active .hisCir{ border-color:#e60012; background:#e60012;}
.hisTop .swiper-slide-active .hisLine{ background:#e60012;}
.hisTop .swiper-slide-active .hisYear{ color:#e60012;}
.hisBot{ padding-top:.15rem;}
.hisList{ margin:0 -.15rem; font-size:0; display:none;}
.hisList li{ float:none; vertical-align:top; padding:0 .15rem;}
.hisImg{ position:relative; height:0; padding-bottom:50%; overflow:hidden; padding-bottom:55.22%; margin:.2rem 0;}
.hisImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all .8s;}
.hisDate{ display:block; font-size:24px; color:#999999; line-height:30px; font-family:'Lato';}
.hisCon{ font-size:16px; color:#333333; line-height:24px;}
.hisList li:hover .imgBg{ transform:scale(1.05);}
.teamList{ margin:.6rem 0 .3rem;}
.teamLink{ display:flex; align-items:flex-end; padding-bottom:.5rem;}
.teamLef{ width:43%; padding-right: 15px; font-size:16px; color:#666666; line-height:24px; margin-bottom:-.5rem;}
.teamName{ font-size:24px; color:#333333; line-height:30px; margin:5px 0; white-space:normal;}
.teamRig{ width:57%; position:relative;}
.teamRig:after{ display:block; content:""; width:.34rem; height:.34rem; background:#3b92e1; position:absolute; left:-.17rem; bottom:-.15rem;}
.teamImg{ display:block; width:100%; height:0; padding-bottom:117%; position:relative; overflow:hidden;}
.teamPage{ text-align:center; margin:.4rem 0;}
.teamPage .swiper-pagination-bullet{ width:10px; height:10px; background:#000000; opacity:.3; margin:0 .1rem;}
.teamPage .swiper-pagination-bullet-active{ background:#e60012; opacity:1;}
.teamList .proJzPrev,.teamList .proJzNext{ display:none;}

/*product-waishi*/
.proTop .banText{ position:static; height:100%;}
.proText{ background:#eff5fb; padding:.6rem 0; min-height:4.2rem; display:flex; justify-content:center; flex-direction:column; position:relative; overflow:hidden;}
#LiZi{ position:absolute; left:0; top:0; width:100%; height:100%;}
#LiZi canvas{ position:absolute; left:0; top:50%; transform:translateY(-50%);}
.proList{ overflow:hidden;}
.proList-Ws{ margin:0 -.05rem; padding:.05rem 0; font-size:0;}
.proList-Ws li{ padding:.05rem;}
.proList-Ws li a{ display:block; position:relative; background:#f5f7f9;}
.proWsImg{ position:relative; overflow:hidden; height:0; padding-bottom:52.36%;}
.proWsImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 1s;}
.proWsTit{ position:absolute; left:0; bottom:.3rem; width:100%; text-align:center; font-size:20px; color:#333333; line-height:30px; padding:0 15px;}
.proWsLi1{ width:50%;}
.proWsLi2{ width:33.33%;}
.proWsLi2 .proWsImg{ padding-bottom:78.99%;}
.proList-Ws li a:hover .imgBg{ transform:scale(1.05);}
.proBot{ background:url(../imgs/product/proBot.jpg) center center no-repeat; background-size:cover; min-height:3.6rem; padding:.5rem 0; display:flex; align-items:center;}
.proBot .banEn{ color:#FFFFFF; text-align:center; margin:.2rem 0;}

/*product-neieshi*/
.proBg1 .boxTit{ color:#FFFFFF;}
.proNsImg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.proBg5 .proBot{ margin-top:5px;}
#proNav{ position:fixed; left:.3rem; top:50%; transform:translateY(-50%);}
#proNav li{ position:relative; margin:3px 0;}
#proNav li a{ display:inline-block; vertical-align:middle;}
#proNav li a span{ display:inline-block; vertical-align:middle; margin-left:0; font-size:14px; color:#FFFFFF; line-height:28px; white-space:nowrap; opacity:0; visibility:hidden; transition:all .3s;}
.proNavLine{ display:inline-block; vertical-align:middle; width:5px; height:2px; background:#FFFFFF; transition:all .3s;}
#proNav li.active a .proNavLine{ width:35px;}
#proNav li.active a span{ opacity:1; visibility:visible; margin-left:10px;}
#proNav li a:hover span{ opacity:1; visibility:visible; margin-left:10px;}

/*product-dianzi*/
.proList-Dz li{ width:33.33%;}
.proList-Dz .proWsImg{ padding-bottom:60.32%;}
.proList-Dz li:nth-child(5n+1){ width:66.66%;}
.proList-Dz li:nth-child(5n+1) .proWsImg{ padding-bottom:29.8%;}

/*product-zuoyi*/
.proZyTop{ padding:110px 3%; overflow:hidden;}
.proZyList{ margin:0 -.06rem; display:flex; flex-wrap:wrap; list-style:none;}
.proZyList li{ padding:0.06rem; width:25%;}
.proZyLink{ display:block; height:100%; background:#f5f7f9; position:relative; overflow:hidden;}
.proZyTopImg{ position:relative; overflow:hidden; height:0; padding-bottom:95.45%; transition:all .5s;}
.proZyTopImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.proZyTopText{ background:#f5f7f9; padding:30px 40px 50px; position:relative; transition:all .5s;}
.proZyTopTit{ font-size:30px; color:#333333; line-height:160%; margin:5px 0;}
.proZyTopDes{ font-size:16px; color:#666666; line-height:30px; -webkit-line-clamp:2; margin:5px 0;}
.proZyTopLine{ display:block; position:absolute; right:0; bottom:0; width:0; height:.05rem; background:#e60012; transition:all .5s;}
.proZyLink:hover .proZyTopImg{ transform:translateY(-.2rem);}
.proZyLink:hover .proZyTopText{ transform:translateY(-.3rem);}
.proZyLink:hover .proZyTopLine{ left:0; right:auto; width:100%;}
.proZyBot{ overflow:hidden;}
.proZyList2{ margin:0 -.025rem; list-style:none;}
.proZyList2 li{ float:left; padding:.025rem;}
.proZyBotLink{ display:block;}
.proZyBotImg{ position:relative; overflow:hidden; height:0;}
.proZyBotImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 1s;}
.proZyList2 li:nth-child(4n + 1){ width:100%;}
.proZyList2 li:nth-child(4n + 1) .proZyBotImg{ padding-bottom:41.67%;}
.proZy2Li2{ width:38%;}
.proZy2Li2 .proZyBotImg{ padding-bottom:94%;}
.proZy2Li3{ width:38%;}
.proZy2Li3 .proZyBotLink{ margin-bottom:.05rem;}
.proZy2Li3 .proZyBotLink:last-child{ margin-bottom:0;}
.proZy2Li3 .proZyBotImg{ padding-bottom:46.58%;}
.proZy2Li4{ width:24%;}
.proZy2Li4 .proZyBotImg{ padding-bottom:149%;}
.proZyBotLink:hover .imgBg{ transform:scale(1.05);}

/*product-xiangjiao*/
.proJz{ padding:110px 3%; overflow:hidden;}
.proJz .boxTit{ margin:0;}
.proJzList{ margin-top:.5rem; position:relative;}
.proJzPrev,.proJzNext{ display:block; content:""; width:60px; height:54px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:rgba(255,255,255,0.9); position:absolute; top:50%; transform:translateY(-50%); z-index:1; cursor:pointer;}
.proJzPrev{ left:0; background-image:url(../imgs/product/proXjPrev.png);}
.proJzNext{ right:0; background-image:url(../imgs/product/proXjNext.png);}
.proJzPrev:hover{ background-image:url(../imgs/product/proXjPrev2.png);}
.proJzNext:hover{ background-image:url(../imgs/product/proXjNext2.png);}
.proJzImg{ height:0; position:relative; overflow:hidden; padding-bottom:81.81%;}
.proJzImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all .5s;}
.proJzImg:hover .imgBg{ transform:scale(1.05);}
.proMft{ padding:115px 3%; background:url(../imgs/product/proMftBg.jpg) center center no-repeat; background-size:cover;}
.proMft .boxTit{ margin:0;}
.proMftList{ margin:0 -30px;}
.proMftList li{ padding:0 30px; margin-top:60px;}
.proMftImg{ height:0; position:relative; overflow:hidden; padding-bottom:57.12%;}
.proMftImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all .5s;}
.proMftImg:hover .imgBg{ transform:scale(1.05);}

/*intelligence*/
.intelligence{ padding:90px 3%;}
.intelligence .oneList{ max-width:1240px;}
.intelligenceBot{ overflow:hidden; margin-top:.6rem;}
.intelligenceList{ position:relative;}
.intelligenceList .proJzImg{ padding-bottom:68.48%;}
.intelligencePrev,.intelligenceNext{ display:block; position:absolute; top:50%; transform:translateY(-50%); width:40px; height:80px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:rgba(0,0,0,.75); z-index:1; cursor:pointer; transition:all .5s;}
.intelligencePrev{ left:0; background-image:url(../imgs/intelligence/intelligencePrev.png); border-radius:0 4px 4px 0;}
.intelligenceNext{ right:0; background-image:url(../imgs/intelligence/intelligenceNext.png); border-radius:4px 0 0 4px;}
.intelligencePrev:hover,.intelligenceNext:hover{ background-color:rgba(230,0,18,0.75);}

/*research-NFT*/
.reNftBg{ padding:120px 0;}
.reNftBg1{ background:url(../imgs/research/reNftBg1.jpg) center center no-repeat; background-size:cover;}
.reNftBox1{ display:flex; align-items:center; justify-content:space-between;}
.reNftLef{ width:47.22%;}
.reNftLef img{ display:block; max-width:100%; height:auto; border-radius:.1rem;}
.reNftRig{ width:45.83%; text-align:left;}
.reNftRig .boxTit{ text-shadow:none; text-align:left;}
.reNftRig .boxIco{ text-align:left;}
.reNftRig .boxIco span:first-child:after{ display:none;}
.reNftRig .boxIco span:last-child:after{ top:auto; bottom:0;}
.reNftRig .boxText{ text-align:left;}
.reNftBg2{ background:url(../imgs/research/reNftBg2.jpg) center center no-repeat; background-size:cover;}
.reNftBg3{ background:url(../imgs/research/reNftBg3.jpg) center center no-repeat; background-size:cover;}
.reNftImg{ text-align:center;}
.reNftImg img{ display:block; max-width:100%; height:auto; margin:0 auto;}

/*research-iNest*/
.reiNestTop{ position:relative; background:#000000;}
.reiNestImg{ opacity:.65;}
.reiNestImg img{ display:block; width:100%; height:auto;}
.reiNestBtn{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer; z-index:2;}
.reiNestPlay{ display:block; border-radius:50%; width:70px; height:70px; background:url(../imgs/ico_Play.png) center center #FFFFFF no-repeat; background-size:cover; margin:0 auto .1rem;}
.LayVideo{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:10; background:rgba(0,0,0,0.8); opacity:0; visibility:hidden; margin-top:10px; transition:all .3s;}
.LayVideoBox{ width:50%; max-width:900px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:.04rem solid #FFFFFF; background:#000000; border-radius:.06rem;}
.LayVideoClose{ background:url(../imgs/ico_close.png) center center no-repeat; position:absolute; right:0; height:.2rem; width:40px; height:40px; cursor:pointer; z-index:1;}
.LayVideoCon video{ display:block; width:100%;}
.LayVideo.active{ opacity:1; visibility:visible; margin-top:0;}

.reiNestBg{ padding:120px 0; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.reiNestBg:nth-child(2n + 1){ background-color:#f5f8ff;}
.reiNestBg1{ background-image:url(../imgs/research/reiNestBg1.jpg);}
.reiNestBg2{ background-image:url(../imgs/research/reiNestBg2.jpg);}
.reiNestBg3{ background-image:url(../imgs/research/reiNestBg3.jpg);}
.reiNestBg4{ background-image:url(../imgs/research/reiNestBg4.jpg);}
.reiNestBg .boxTit{ position:relative}
.reiNestNum{ display:block; font-size:100px; color:#000000; line-height:100%; opacity:.08; font-weight:bold; font-style:italic; position:absolute; left:0; bottom:10%; font-family: 'LatoHeavy';}
.reiNestDot{ display:flex; flex-wrap:wrap; font-size:14px; color:#333333; line-height:22px; margin:0 -10px;}
.reiNestDot p{ width:50%; margin:4px 0; padding:0 10px; position:relative; padding-left:20px;}
.reiNestDot p:before{ display:block; content:""; width:4px; height:4px; border-radius:50%; position:absolute; left:10px; top:9px; background:#e60012;}
.reiNestBg .reNftRig{ padding-right:10%;}
.reiNestBg:nth-child(2n + 1) .reNftBox1{ flex-direction:row-reverse;}
.reiNestBg:nth-child(2n + 1) .reNftRig{ padding-right:0; padding-left:10%;}

/*research*/
.researchBg1{ padding:90px 0;}
.researchBg1 .boxTit{ text-shadow:none;}
.researchBg1 .oneList{ max-width:1260px;}
.researchBg1 .oneList li{ width:20%;}
.researchBg2{ background:url(../imgs/research/researchBg2.jpg) center center no-repeat; background-size:cover; padding:.6rem 0; min-height:6.4rem; display:flex; align-items:center;}
.researchBg2 .boxText{ max-width:1050px; margin-left:auto; margin-right:auto;}
.researchBg3{ background:url(../imgs/research/researchBg3.jpg) center center no-repeat; background-size:cover; padding:.6rem 0 .9rem;}
.researchBg3 .boxTit{ text-shadow:none;}
.researchList{ margin:0 -.2rem; padding-top:.2rem;}
.researchList li{ padding:.2rem;}
.researchList li a{ display:block; position:relative; background:#000000;}
.researchImg{ position:relative; overflow:hidden; height:0; padding-bottom:57.14%; transition:all .5s;}
.researchImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all .5s;}
.researchText{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; color:#FFFFFF; padding:.5rem;}
.researchTit{ font-size:30px; line-height:120%; margin:.1rem 0;}
.researchDes{ font-size:16px; line-height:30px; height:60px; margin:.1rem 0 .2rem;}
.researchMore{ display:block; font-size:18px; font-family:'Lato'; line-height:30px;}
.researchMore i{ display:inline-block; vertical-align:middle; background:url(../imgs/ico_arrow2.png) center center no-repeat; width:8px; height:14px; margin-left:10px; margin-top:-2px;}
.researchList li a:hover .researchImg{ opacity:.6;}
.researchList li a:hover .imgBg{ transform:scale(1.05);}

/*responsibility*/
.responBg .reNftRig{ padding:0 !important;}
.responBg:nth-child(2n) .reNftBox1{ flex-direction:row-reverse;}
.responBg:nth-child(2n + 1) .reNftBox1{ flex-direction:row;}
.responBg .reiNestNum{ font-size:80px; bottom:20%;}
.responBtn{ margin:0 -.12rem; font-size:0;}
.responBtn li{ padding:0 .12rem; vertical-align:middle;}
.responBtn li a{ display:block; width:190px; height:50px; border:2px solid #e60012; text-align:center; color:#e60012; font-size:18px; line-height:46px; border-radius:25px;}
.responBtn li a.responPic{ background-color:#e60012; border-color:#FFFFFF; color:#FFFFFF;}
.responBtn li a i{ display:inline-block; vertical-align:middle; width:28px; height:20px; background-position:center center; background-repeat:no-repeat; background-size:contain; margin-top:-2px; margin-right:.1rem;}
.responIco1{ background-image:url(../imgs/responsibility/responIco1.png);}
.responIco2{ background-image:url(../imgs/responsibility/responIco2.png);}

.LayBg{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.75); z-index:10; opacity:0; visibility:hidden; transition:all .3s;}
.LayBox{ position:fixed; left:0; top:0; right:0; bottom:0; display:flex; align-items:center; z-index:11; opacity:0; visibility:hidden; margin-top:10px; transition:all .5s;}
.LayPage{ position:absolute; left:3%; top:.2rem; color:#FFFFFF; font-size:18px; font-family:'Lato'; width:auto; height:auto; bottom:auto;}
.LayPageCur{ font-size:36px;}
.LayBtn{ position:absolute; top:0; right:0; background:#000000; font-size:0; z-index:2;}
.LayBtn span{ display:inline-block; vertical-align:middle; width:60px; height:60px; background-position:center center; background-repeat:no-repeat; cursor:pointer; position:relative;}
.LayBtn span + span:before{ display:block; content:""; width:1px; height:14px; background:rgba(255,255,255,0.14); position:absolute; left:0; top:50%; margin-top:-7px;}
.LayBtn span:hover{ background-color:#e60012; transition:all .5s;}
.LayPlay{ background-image:url(../imgs/responsibility/responPlay.png);}
.LayPlay.active{ background-image:url(../imgs/responsibility/responPause.png);}
.LayClose{ background-image:url(../imgs/responsibility/responClose.png);}
.LayList{ width:90%; max-width:62.5%; height:70%; margin:0 auto;}
.responImg{ height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; padding-bottom:40px;}
.responImg img{ display:block; max-width:100%; max-height:100%; margin:0 auto;}
.responTit{ font-size:24px; color:#FFFFFF; line-height:30px; text-align:center; position:absolute; left:0; bottom:0; width:100%;}
.responPrev,.responNext{ display:block; width:42px; height:42px; border:1px solid #FFFFFF; border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:contain; position:absolute; top:50%; transform:translateY(-50%); margin-top:-15px; cursor:pointer; transition:all .3s;}
.responPrev{ left:3%; background-image:url(../imgs/responsibility/responPrev.png);}
.responNext{ right:3%; background-image:url(../imgs/responsibility/responNext.png);}
.responPrev:hover,.responNext:hover{ border-color:#e60012; background-color:#e60012;}
.LayBg.active{ opacity:1; visibility:visible;}
.LayBox.active{ opacity:1; visibility:visible; margin:0;}

/*news*/
.newsList{ margin:.1rem -18px .4rem; font-size:0;}
.newsList li{ float:none; padding:0 18px; vertical-align:top; margin-top:50px;}
.newsLink{ display:block; background:#f5f7f9;overflow: hidden;}
.newsImg{ position:relative; overflow:hidden; height:0; padding-bottom:65.93%;}
.newsImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all .5s;}
.newsTit{ font-size:18px; color:#333333; line-height:30px; height: 60px; margin:.15rem .3rem; background:#f5f7f9; -webkit-line-clamp:2; transition:all .5s;}
.newsLink:hover .imgBg{ transform:scale(1.05);}
.newsLink:hover .newsTit{ color:#e60012;}
.newsBot{ margin:.43rem 0; text-align:center; position:relative; line-height:44px;}
.newsBtn{ font-size:0; text-align:center;}
.newsBtn a{ display:inline-block; vertical-align:middle; margin:0 .15rem; width:150px; height:44px; line-height:40px; border:2px solid #333333; text-align:center; color:#333333; font-size:16px; transition:all .3s;}
.newsBtn a i{ vertical-align:baseline;}
.newsBtn a i.prevIco{ margin-right:.1rem;}
.newsBtn a i.nextIco{ margin-left:.1rem;}
.newsBtn a:hover{ border-color:#e60012; background:#e60012; color:#FFFFFF;}
.newsBtn a:hover i{ background-image:url(../imgs/ico_arrow2.png); background-size:7px auto;}
.newsBtn a:hover i.prevIco{ transform:scaleX(-1);}
.prevIco,.nextIco{ display:inline-block; vertical-align:middle; width:7px; height:12px; cursor:pointer;}
.prevIco{ background:url(../imgs/news/prev.png) center center no-repeat;}
.nextIco{ background:url(../imgs/news/next.png) center center no-repeat;}
.newsPage{ position:absolute; right:0; top:6px; font-size:0; text-align:right; line-height:28px;}
.newsPage a,.newsPage span,.newsPage p{ display:inline-block; vertical-align:middle; font-size:16px;}
.newsPage a{ width:20px; height:28px;}
.newsPage a:hover{ background-image:url(../imgs/ico_arrow2.png); background-size:7px auto; background-color:#e60012;}
.newsPage a.prevIco:hover{ transform:scaleX(-1);}
.newsPage p{ color:#999999; margin-left:.2rem;}
.newsPage p span{ color:#333333; padding:0 5px; vertical-align:baseline;}
.pageNum{ color:#e60012; font-weight:bold; padding:0 8px; margin:0 5px; border-bottom:2px solid #e60012;}

/*talent*/
.talentBg1{ background:url(../imgs/talent/talentBg1.jpg) center bottom no-repeat; background-size:cover; padding:110px 0;}
.talentBg1 .boxTit,.talentBg1 .boxText{ text-shadow:none;}
.talentList{ margin:0 -75px; font-size:0; text-align}
.talentList li{ padding:.15rem 75px; vertical-align:top;}
.talentList li a{ display:block; min-width:350px; margin:0 auto; padding:.5rem .2rem; border-radius:.1rem; transition:all .3s;}
.talentIco{ margin:.2rem 0;}
.talentIco img{ display:block; width:auto; height:100px; margin:0 auto;}
.talentTit{ font-size:30px; color:#333333; line-height:160%; margin:.15rem 0;}
.talentMore{ display:block; color:#999999; font-size:16px; line-height:30px;}
.talentMore i{ display:inline-block; vertical-align:baseline; margin-left:.1rem; width:6px; height:12px; background:url(../imgs/ico_arrow3.png) center center no-repeat; background-size:contain;}
.talentList li a:hover{ background:#FFFFFF; box-shadow:0 0 .2rem rgba(0,0,0,0.1); transform:translateY(-5px);}
.talentBg2{ overflow:hidden;}
.talentSlide{ margin-bottom:5px;}
.talentSlide:last-child{ margin-bottom:0;}
.talentSlide .swiper-slide{ overflow:hidden;}
.talentImg{ transition:all 2s;}
.talentImg img{ display:block; width:100%; height:auto;}
.talentShade{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:#000000; opacity:.2;}
.talentText{ position:absolute; left:0; top:0; right:0; bottom:0;}
.talentCon{ max-width:40.27%; text-align:left;}
.talentCon .boxTit,.talentCon .boxText{ text-align:left; margin:0;}
.talentSlide:nth-child(2n + 1) .talentCon{ float:right;}
.talentSlide .swiper-pagination{ bottom:5.6%;}
.talentSlide .swiper-pagination-bullet{ width:12px; height:12px; border:2px solid #FFFFFF; background:none; opacity:1;}
.talentSlide .swiper-pagination-bullet-active{ background:#FFFFFF;}
.talentSlide .swiper-slide:hover .talentImg{ transform:scale(1.05);}
.talentBg3{ background:url(../imgs/talent/talentBg3.jpg) center center no-repeat; background-size:cover; padding:90px 0;}
.talentBg3 .boxTit,.talentBg3 .boxText{ text-shadow:none;}
.talentBg3 .box7Tit{ color:#333333;}
.talentBg3 .box7Tit i{ background-image:url(../imgs/box7Tit2.png);}
.talentBg3 .box7Tip{ color:#999999;}
.talentBg3 .box7Input{ color:#333333; border-bottom-color:rgba(0,0,0,0.12);}
.talentBg3 .active .box7Input{ border-bottom-color:rgba(230,0,18,0.28);}
.talentBg3 .boxMore{ background:#e60012; color:#FFFFFF;}
.talentBg3 .boxMore i{ background:url(../imgs/ico_arrow2.png) center center no-repeat;}

/*school*/
.schoolBg{ background:url(../imgs/talent/schoolBg.jpg) center center no-repeat; background-size:cover; padding:80px 0;}
.schoolList{ text-align:center; margin:0 -.15rem; text-align:center; display:flex; flex-wrap:wrap; justify-content:center;}
.schoolList li{ float:none; vertical-align:top; padding:.15rem;}
.schoolList li a{ display:block; height:100%; padding:.3rem; border-radius:.1rem; transition:all .5s;}
.schoolImg{ margin:.2rem 0;}
.schoolImg img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.schoolTit{ font-size:24px; color:#333333; line-height:160%; font-weight:bold; margin:.1rem 0;}
.schoolDes{ font-size:14px; color:#666666; line-height:24px; height:48px; -webkit-line-clamp:2; margin:.1rem auto .15rem; max-width:360px;}
.schoolList li a:hover{ background:#FFFFFF; box-shadow:0 0 .2rem rgba(0,0,0,0.1); transform:translateY(-5px);}
.schoolList li a:hover .talentMore{ color:#e60012;}
.schoolList li a:hover .talentMore i{ background-image:url(../imgs/ico_arrow.png);}

/*detail*/
.joinBg{ padding:75px 0; overflow:hidden;}
.join{ display:flex; justify-content:space-between;}
.joinLef{ width:24%; border-right:1px solid rgba(0,0,0,0.08);}
.joinRig{ width:73.19%;}
.joinItem{ max-width:88.4%; padding-bottom:.2rem; /*border-bottom:1px solid #ebebeb;*/ margin-bottom:.2rem;}
.joinItem:last-child{ padding-bottom:0; border:none;}
.joinH2{ font-size:24px; color:#333333; line-height:30px; padding-bottom:.1rem;}
.joinSort{ font-size:16px; color:#666666; line-height:30px;}
.joinSort li{ margin:5px 0;}
.joinSort li a{ display:block; color:#666666; padding-left:20px; position:relative;}
.joinSort li a:before,.joinSort li a:after{ display:block; content:""; position:absolute;}
.joinSort li a:before{ width:14px; height:14px; border:1px solid rgba(0,0,0,0.1); border-radius:2px; left:0; top:8px;}
.joinSort li a:after{ width:14px; height:6px; border:2px solid #FFFFFF; border-top:none; border-right:none; transform:rotate(-45deg); left:2px; top:10px; display:none;}
.joinSort li a.active{ color:#e60012;}
.joinSort li a.active:before{ background:#e60012; border-color:#e60012;}
.joinSort li a.active:after{ display:block;}
.joinSort li a:hover{ color:#e60012;}
.joinSort li a:hover:before{ border-color:#e60012;}
.schoolName{ font-size:36px; color:#333333; line-height:110%; padding-bottom:.2rem; border-bottom:1px solid rgba(0,0,0,0.08);}
.schoolText{ font-size:16px; color:#666666; line-height:30px; margin:.3rem 0;}
.schoolText h3{ font-size:20px; color:#e60012; line-height:160%; margin-bottom:.1rem;}
.schoolText p{ margin:5px 0; padding-left:15px; position:relative;}
.schoolText p:before{ display:block; content:""; width:4px; height:4px; border-radius:50%; background:#e60012; position:absolute; left:5px; top:13px;}
.schoolText p.noDot{ padding-left:0;}
.schoolText p.noDot:before{ display:none;}
.schoolText p span{ color:#e60012;}
.schoolText p strong{ color:#333333;}
.applyBtn{ display:inline-block; vertical-align:middle; margin-right:.1rem; width:150px; height:42px; line-height:42px; border-radius:20px; font-size:18px; background:#e60012; color:#FFFFFF; text-align:center; margin-top:.3rem; transition:all .3s;}
.applyBtn:hover,.applyBtn:focus{ color:#FFFFFF;}
.applyBtn:hover{ box-shadow:2px 2px 5px rgba(0,0,0,0.2); transform:translateY(-2px);}

/*join*/
.joinSort2{ font-size:16px;}
.joinSort2 li{ border-bottom:1px solid #ebebeb; padding:.1rem 0;}
.joinSort2 li a{ display:block; line-height:26px; padding-left:17px; color:#666666; position:relative;}
.joinSort2 li a:before{ display:block; content:""; width:5px; height:5px; background:#666666; border-radius:50%; position:absolute; left:5px; top:10px;}
.joinSort2 li a.active,.joinSort2 li a:hover{ color:#e60012;}
.joinSort2 li a.active:before,.joinSort2 li a:hover:before{ background:#e60012;}
.joinImg{ perspective:1000px;}
.joinImg img{ max-width:100%; height:auto; animation:reverseImg 5s linear infinite;}

.joinList{ margin:0 -20px; margin-top:-40px;}
.joinList li{ padding:0 20px; margin-top:40px;}
.joinList li a{ display:block; border:1px solid #ebebeb; padding:48px 15px; position:relative; overflow:hidden;}
.joinImgBg{ position:absolute; left:0; top:0; right:0; bottom:0; background:#325ab4; opacity:0; visibility:hidden; transition:all .5s;}
.joinImgBg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:.25; transition:all 1s;}
.joinIco{ width:140px; height:140px; position:relative; margin:0 auto .3rem; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#f5f7f9; border:2px solid #f5f7f9; border-radius:50%;}
.joinHov{ position:absolute; left:0; top:0; right:0; bottom:0; display:flex; flex-direction:column; justify-content:center; align-items:center; opacity:0; visibility:hidden; transition:all .5s;}
.joinIco img{ display:block; width:100%; margin:0 auto; transition:all .5s;}
.joinTit{ font-size:24px; color:#333333; text-align:center; position:relative;}
.joinList li a:hover{ box-shadow:0 0 .2rem rgba(0,0,0,0.1);}
.joinList li a:hover .joinImgBg{ opacity:1; visibility:visible;}
.joinList li a:hover .imgBg{ transform:scale(1.05);}
.joinList li a:hover .joinIco{ border-color:#FFFFFF; background:none;}
.joinList li a:hover .joinIco > img{ opacity:0; transform:scale(0);}
.joinList li a:hover .joinHov{ opacity:1; visibility:visible;}
.joinList li a:hover .joinTit{ color:#FFFFFF;}

.joinSort3{ font-size:16px; color:#666666; line-height:26px;}
.joinSort3 li{ margin:5px 0;}
.joinSort3 li a{ display:block; color:#666666;}
.joinSort3 li a.active,.joinSort3 li a:hover{ color:#e60012;}

.joinClear{ background:#ebebeb; line-height:42px; color:#333333; text-align:center; font-size:16px; border-radius:20px; margin:.1rem 0; cursor:pointer;}
.joinClear:hover{ background:#e60012; color:#FFFFFF;}

.searchTop{ position:relative; margin-top:calc(-110px - .8rem); margin-bottom:-30px; z-index:2;}
.searchTop .boxTit{ text-shadow:none; margin:0; margin-bottom:.8rem; line-height:50px;}
.searchCon{ height:60px; max-width:800px; position:relative; border-radius:30px; overflow:hidden; margin:0 auto; box-shadow:0 0 .2rem rgba(0,0,0,0.1);}
.sInput{ display:block; width:100%; height:60px; line-height:30px; padding:15px; padding-left:55px; padding-right:170px; border:none; font-size:16px; color:#666666; background:url(../imgs/talent/sInputBg.png) 26px center #FFFFFF no-repeat;}
.sBtn{ display:block; position:absolute; right:0; top:0; width:170px; height:60px; line-height:60px; background:#e60012; font-size:24px; color:#FFFFFF; text-align:center;}
.sBtn:hover,.sBtn:focus{ color:#FFFFFF;}

.joinBg2{ padding-top:100px;}
.joinList2{}
.joinList2 > li{ border-bottom:1px solid #ebebeb;}
.joinList2 > li:first-child .joinTop{ margin-top:-.2rem;}
.joinTop{ padding:.2rem 0; position:relative; cursor:pointer; padding-right:40px;}
.joinName{ font-size:24px; color:#333333; line-height:200%; transition:all .3s;}
.joinDes{ font-size:0; margin:0 -.1rem;}
.joinDes li{ font-size:16px; color:#666666; line-height:200%; padding:0 .1rem; position:relative;}
.joinDes li + li:before{ display:block; content:""; width:1px; height:14px; background:#d9d9d9; position:absolute; left:0; top:50%; margin-top:-7px;}
.joinIcon{ display:block; width:36px; height:36px; background:#dddddd; border-radius:50%; position:absolute; right:0; top:50%; transform:translateY(-50%); transition:all .3s;}
.joinIcon:before,.joinIcon:after{ display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#FFFFFF; transition:all .3s;}
.joinIcon:before{ width:50%; height:2px;}
.joinIcon:after{ width:2px; height:50%;}
.joinBot{ background:#f5f5f5; font-size:16px; color:#666666; line-height:200%; padding:.4rem .5rem; display:none;}
.joinBot h4{ font-size:24px; color:#333333; margin:.2rem 0 .1rem;}
.joinTip{ color:#999999; line-height:160%;}
.joinList2 li.active .joinName{ color:#e60012;}
.joinList2 li.active .joinIcon{ background:#e60012;}
.joinList2 li.active .joinIcon:after{ height:0;}
.joinList2 li:hover .joinName{ color:#e60012;}
.joinRig .newsBot{ padding:0 8%; margin-bottom:0;}
.joinRig .newsBtn{ text-align:left;}
.joinRig .newsPage{ right:8%;}

.LayUpLoad{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; max-width:780px; background:#FFFFFF; padding:30px 40px 15px; border-radius:.1rem; z-index:11; opacity:0; visibility:hidden; margin-top:10px; transition:all .3s;}
.LayUpLoad.active{ opacity:1; visibility:visible; margin:0;}
.LayTop{ border-bottom:1px solid #ebebeb; position:relative;}
.LayTit{ font-size:30px; line-height:140%; padding:.1rem 0;}
.LayTit i{ display:inline-block; vertical-align:middle; background:url(../imgs/talent/LayIco.png) center center no-repeat; width:30px; height:30px; margin-right:.1rem; margin-top:-2px;}
.LayTop .LayClose{ position:absolute; right:0; top:50%; transform:translateY(-50%); background:url(../imgs/talent/LayClose.png) center center no-repeat; width:30px; height:30px; cursor:pointer;}
.LayTop .LayClose:hover{ background-image:url(../imgs/talent/LayClose2.png);}
.LayTip{ font-size:16px; color:#666666; line-height:24px; margin:.1rem 0;}
.sendNow{ display:block; width:220px; height:46px; line-height:46px; font-size:16px; color:#FFFFFF; background:#e60012; text-align:center; margin:.4rem 0;}
.sendNow i{ display:inline-block; vertical-align:middle; width:7px; height:12px; margin-left:.1rem; background:url(../imgs/ico_arrow2.png) center center no-repeat; background-size:contain;}
.sendNow:hover,.sendNow:focus{ color:#FFFFFF;}

#LayResume .LayTit i{ background-image:url(../imgs/talent/LayIco2.png);}
.resumeList{ margin:.06rem -10px .3rem; max-height:50vh; overflow-y:auto;}
.resumeList li{ padding:0 10px; margin-top:.24rem;}
.resumeList .box7Ico{ left:10px; height:100%;}
.resumeList .box7Tip{ left:10px; color:rgba(153,153,153,0.75);}
.resumeList .box7Input{ border:1px solid rgba(0,0,0,0.1); color:#666666; height:46px; line-height:24px; padding-left:10px;}
.resumeList .box7Item.active .box7Input{ border-color:rgba(230,0,18,0.28);}


.box6Name{ position:absolute; left:50%; transform:translateX(-50%); bottom:100%; margin-bottom:10px; background:#325ab4; font-size:14px; color:#FFFFFF; line-height:32px; min-width:90px; text-align:center; padding:0 .1rem; border-radius:4px;}
.box6Name:after{ display:block; content:""; border-top:6px solid #325ab4; border-left:6px solid transparent; border-right:6px solid transparent; position:absolute; left:50%; transform:translateX(-50%); top:100%;}
.box6A1{ left:76.34%; top:29.35%;}
.box6A2{ left:66.38%; top:38.46%;}
.box6A3{ left:51%; top:62.32%;}
.box6A4{ left:63.1%; top:59.8%;}
.box6A5{ left:75.55%; top:56%;}
.box6A .box6Ico1,.box6A .box6Ico2{ display:inline-block; vertical-align:middle;}

.box6ChinaLay,.box6Research{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; left:50%; top:50%; transform:translate(-50%,-50%); background:rgba(0,0,0,0.6); z-index:1; display:none;}
.box6ChinaBox{ width:90%; height:auto; background:#FFFFFF; max-width:1300px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:.1rem; padding:.3rem 3% 40px;}
.box6ChinaTop{ position:relative; border-bottom:1px solid #ebebeb; font-size:30px; color:#333333; line-height:200%; padding-bottom:.1rem;}
.box6ChinaClose{ position:absolute; right:0; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url(../images/box6ChinaClose.png) center center no-repeat; cursor:pointer;}
.box6ChinaList{ display:flex; flex-wrap:wrap; list-style:none; margin:0 -10px;}
.box6ChinaList li{ width:25%; position:relative; margin-top:70px; padding:0 10px;}
.box6ChinaItem{ display:none;}
.box6ChinaList .box6Text{ opacity:1; visibility:visible; transform:none; border:none; min-width:0; margin:0;}
.box6TextNum{ font-size:5.72vw; line-height:100%; background-image: linear-gradient(180deg,rgba(0,0,0,0.1),rgba(0,0,0,0) 60%);-webkit-background-clip:text;color: transparent; font-family:Impact; position:absolute; left:0; top:0; transform:translateY(-50%);}
.box6TextTit{ font-size:24px; color:#333333; line-height:30px; background:url(../images/mapIco.png) left 0 no-repeat; padding-left:30px; margin-bottom:.1rem;}
.box6TextCon{ font-size:14px; color:#666666; line-height:30px;}
.box6TextCon p{ padding-left:30px; background-repeat:no-repeat; background-position:left 7px;}
.box6TextP1{ background-image:url(../images/box6Ico2.png);}
.box6TextP2{ background-image:url(../images/box6Ico3.png);}
.box6TextP3{ background-image:url(../images/box6Ico4.png);}

@media (min-width:1201px){
}
@media (min-width:1600px){
	.container{ width:1470px;}
}
@media (max-width:1600px){
	.boxPd{ padding-top:80px;}
	.banCn{ font-size:42px;}
	.banEn{ font-size:24px;}
	.boxTit{ font-size:32px;}
	.boxIco{ margin:.15rem 0;}
	.boxText{ font-size:18px; margin:.2rem 0 .3rem;}
	.boxMore{ width:200px; height:44px; line-height:40px; font-size:16px;}
	.boxMore i{ vertical-align:text-top;}
	.box3Tit{ font-size:18px;}
	.box4List{ margin-top:.5rem;}
	.box4List li a{ padding:20px 20px 10px;}
	.box4Ico img{ height:90px;}
	.box4Tit{ font-size:20px;}
	.box4Des{ margin:.12rem 0;}
	.box4More{ font-size:14px;}
	.box4More i{ vertical-align:middle;}
	.box6Text{ /*width:300px;*/}
	.box6LineArrow3{ height:80px;}
	.box6TextIco1{ left:65%;}
	.box6TextIco2{ top:40%;}
	.box6Con{ padding:.2rem .25rem; padding:.15rem;}
	.box6Tit{ font-size:18px; line-height:24px;}
	.box6Mark li i{ width:.6rem;}
	.box7Bot{ max-width:1000px;}
	.banMouse{ font-size:14px;}
	.oneBg1{ padding:.7rem 0;}
	.oneBg2{ padding:.6rem 0;}
	.oneBg3{ padding:.6rem 0 .3rem;}
	.oneList li{ font-size:16px;}
	.oneList li .big{ font-size:32px;}
	.hisYear{ font-size:24px;}
	.hisPrev,.hisNext{ width:40px; height:40px;}
	.hisDate{ font-size:20px;}
	.hisCon{ font-size:14px;}
	.teamLef{ font-size:14px;}
	.teamName{ font-size:20px; line-height:24px;}
	.proWsTit{ font-size:18px; bottom:.2rem;}
	.proZyTop{ padding:80px 3%;}
	.proZyTopText{ padding:.2rem .3rem .4rem;}
	.proZyTopTit{ font-size:24px;}
	.proZyTopDes{ font-size:14px; line-height:24px;}
	.proJz{ padding:80px 3%;}
	.proMft{ padding:80px 3%;}
	.proMftList{ margin:0 -15px;}
	.proMftList li{ padding:0 15px; margin-top:30px;}
	.intelligence{ padding:.6rem 3%;}
	.reNftBg{ padding:80px 0;}
	.banIn2{ height:420px;}
	.banIn2 .imgBg{ height:420px;}
	.banBot{ line-height:50px;}
	.reiNestBg{ padding:80px 0;}
	.reiNestNum{ font-size:80px;}
	.researchBg1{ padding:.7rem 0;}
	.researchBg2{ min-height:4.4rem;}
	.researchBg3{ padding:.4rem 0 .6rem;}
	.researchTit{ font-size:24px;}
	.researchDes{ font-size:14px; line-height:24px; height:48px;}
	.researchMore{ font-size:16px;}
	.responBg .reiNestNum{ font-size:60px;}
	
	.newsList{ margin:.4rem -.1rem;}
	.newsList li{ padding:0 .1rem; margin-top:.2rem;}
	.newsTit{ font-size:16px; margin:.1rem .2rem;}
	
	.talentBg1{ padding:80px 0;}
	.talentList{ margin:0 -.3rem;}
	.talentList li{ padding:.15rem .3rem;}
	.talentIco img{ height:80px;}
	.talentTit{ font-size:24px;}
	.talentMore{ font-size:14px;}
	.talentBg3{ padding:70px 0;}
	
	.schoolBg{ padding:.6rem 0;}
	.schoolList li a{ padding:.2rem;}
	.schoolTit{ font-size:20px;}
	
	.joinBg{ padding:.6rem 0;}
	.joinH2{ font-size:20px;}
	.joinSort{ font-size:14px;}
	.schoolName{ font-size:30px;}
	.schoolText{ font-size:15px;}
	.schoolText h3{ font-size:18px;}
	
	.joinSort2{ font-size:14px;}
	.joinList{ margin:0 -.1rem; margin-top:-.2rem;}
	.joinList li{ padding:0 .1rem; margin-top:.2rem;}
	.joinIco{ width:120px; height:120px;}
	.joinTit{ font-size:20px;}
	
	.joinBg2{ padding-top:.8rem;}
	.joinName{ font-size:20px;}
	.joinDes li{ font-size:14px;}
	.joinIcon{ width:30px; height:30px;}
	.joinBot{ padding:.3rem; font-size:14px;}
	.joinBot h4{ font-size:20px;}
	.LayUpLoad{ padding:.2rem .3rem .15rem;}
	.LayTit{ font-size:24px;}
	.LayTit i{ width:24px; height:24px; background-size:cover;}
	.LayTip{ font-size:14px;}
	#uploader .placeholder{ font-size:16px !important;}
	.sendNow{ margin:.3rem 0;}
	
	.box6Name{ padding:0; min-width:70px;}
	.box6ChinaTop{ font-size:24px; line-height:140%;}
	.box6TextTit{ font-size:20px; line-height:24px;}
}
@media (max-width:1400px){
	.banCn{ font-size:36px;}
	.banEn{ font-size:20px;}
	.boxTit{ font-size:28px;}
	.boxText{ font-size:16px;}
	.box3Con{ max-width:600px;}
	.box3Ico:before{ width:40px; height:40px; margin:-20px 0 0 -20px;}
	.box3Tit{ font-size:16px;}
	.box4Ico img{ height:70px;}
	.box4Tit{ font-size:18px;}
	.box4List{ margin-top:.2rem;}
	.box4List li a:hover{ transform:translateY(-.1rem);}
	.worldMap{ max-width:900px;}
	.chinaMap{ left:24%; top:0; max-width:48%;}
	.box6Mark li{ font-size:16px; margin:.1rem 0;}
	.box7Tit{ font-size:20px;}
	.box7Tit i{ width:14px; height:14px;}
	#proNav{ left:.2rem;}
	.proJzPrev,.proJzNext{ width:50px; height:45px;}
	.intelligenceBot{ margin-top:.4rem;}
	.intelligencePrev,.intelligenceNext{ width:30px; height:60px;}
	.reNftBg{ padding:.6rem 0;}
	.banIn2{ height:380px;}
	.banIn2 .imgBg{ height:380px;}
	.breadcrumb li,.sortList li a{ font-size:14px;}
	.reiNestBg{ padding:.6rem 0;}
	
	.researchList{ margin:0 -.1rem;}
	.researchList li{ padding:.1rem;}
	.researchText{ padding:.3rem;}
	.responBtn{ margin:0 -.06rem;}
	.responBtn li{ padding:0 .06rem;}
	.responBtn li a{ width:160px; height:44px; line-height:40px; font-size:16px;}
	.responBtn li a i{ width:22px; height:16px;}
	.LayPage{ font-size:16px;}
	.LayPageCur{ font-size:28px;}
	.LayBtn span{ width:50px; height:50px;}
	.responTit{ font-size:20px;}
	
	.newsBtn a{ height:40px; line-height:36px; margin:0 .1rem;}
	
	.talentBg1{ padding:.6rem 0;}
	.talentBg3{ padding:.5rem 0;}
	
	.schoolList{ margin:0 -.1rem;}
	.schoolList li{ padding:.1rem;}
	.schoolTit{ font-size:18px;}
	
	.box6Name{ font-size:12px; min-width:60px;}
	.box6ChinaList li{ margin-top:50px;}
}
@media (max-width:1200px){
	.banner{ position:static; height:6rem;}
	.banner .container{ width:100%;}
	.banCn{ font-size:.36rem;}
	
	.boxPd{ padding-top:0;}
	.boxBg2,.boxBg3,.boxBg4,.boxBg5,.boxBg6,.boxBg7{ padding:.6rem 0;}	
	#home .boxTit,#home .boxIco,#home .boxText,#home .boxMore,#home .box3Car,#home .box3Li,#home .box4List li,#home .box7Bot{ animation-name:none !important;}
	
	.box4List li a{ background:#FFFFFF; box-shadow:0 0 .2rem rgba(0,0,0,0.1);}
	.box4Ico img{ height:.7rem;}
	.box4Des,.box4More{ opacity:1; visibility:visible; transform:translateY(0);}
	.box4List li a:hover{ transform:translateY(0);}
	.box6Map{ margin:0;}
	.box6Map .boxTit{ position:static;}
	.box6MapImg{ display:block;}
	.worldMap > img,.chinaMap > img,.miniChina,.box6Base .box6Ico1,.box6Base .box6Ico2{ display:none;}
	.worldMap,.chinaMap{ display:none;}
	.worldMap{ max-width:100%;}
	.chinaMap{ opacity:1; visibility:visible; transform:none; position:static; max-width:100%;}
	.box6Base{ display:flex; flex-wrap:wrap; margin:0 -.1rem;}
	.box6Base li{ position:static; width:50%; padding:.1rem;}
	.box6Lay{ position:static; opacity:1; visibility:visible; padding:0; margin:0; height:100%;}
	.box6Line{ display:none;}
	.box6Text{ width:100%; opacity:1; visibility:visible; transform:translateX(0); height:100%;}
	.box6Mark{ position:static; margin-top:.2rem;}
	.box6Mark li{ font-size:14px;}
	.box6Ico1{ width:24px; height:24px;}
	.oneList li .big{ font-size:28px;}
	.teamList{ margin:.4rem 0 .3rem;}
	.proTop{ height:auto; padding-top:80px;}
	.proTop .banText{ padding:.6rem 0;}
	.proWsTit{ font-size:16px; bottom:.1rem;}
	#proNav{ display:none;}
	.proNsImg{ animation:bgAni 20s linear infinite alternate;}
	.proBg1 .proNsImg{ animation:none;}
	.proZyTop{ padding:.6rem .3rem;}
	.proZyTopText{ padding:.2rem .2rem .3rem;}
	.proZyTopTit{ font-size:20px;}
	.proJz{ padding:.6rem .3rem;}
	.proMft{ padding:.6rem .3rem;}
	.proMftList{ margin:.2rem -.1rem 0;}
	.proMftList li{ padding:0 .1rem; margin-top:.2rem;}
	.intelligence{ padding:.4rem .3rem .6rem;}
	.intelligenceBot{ margin-top:.2rem;}
	.reNftBox1{ display:block;}
	.reNftLef,.reNftRig{ width:100%;}
	.reNftLef{ margin:0 auto .2rem;}
	.reiNestBg .reNftRig{ padding:0 !important;}
	.reiNestNum{ position:static; display:inline-block; vertical-align:middle; font-size:150%; margin-right:.2rem;}
	.responBg .reiNestNum{ display:block; font-size:.5rem; line-height:80%; margin-bottom:-.2rem;}
	.talentList{ margin:0 -.1rem;}
	.talentList li{ padding:.1rem;}
	.talentList li a{ box-shadow:0 0 .2rem rgba(0,0,0,0.1); background:#FFFFFF;}
	.talentIco img{ height:.8rem;}	
	.schoolList li a{ box-shadow:0 0 .2rem rgba(0,0,0,0.1); background:#FFFFFF;}
	.joinBg{ padding:.4rem 0;}
	.join{ display:block;}
	.joinLef{ width:100%; border:none; margin-bottom:.3rem;}
	.joinRig{ width:100%;}
	.joinSort{ overflow:hidden; margin-right:-.2rem;}
	.joinSort li{ float:left; padding-right:.2rem;}
	
	.joinImg{ display:none;}
	.joinItem{ max-width:100%;}
	.joinSort2{ overflow:hidden; margin-right:-.2rem;}
	.joinSort2 li{ float:left; padding-right:.2rem; border-bottom:none;}
	.joinSort3{ overflow:hidden; margin-right:-.2rem;}
	.joinSort3 li{ float:left; padding-right:.2rem; border-bottom:none;}
	
	.joinBg2{ padding-top:.6rem;}
	.searchTop{ margin-top:calc(-70px - .8rem); margin-bottom:-20px;}
	.searchTop .boxTit{ line-height:30px;}
	.searchCon{ height:40px;}
	.sInput{ height:40px; padding:5px 0; background-position:10px center; padding-left:36px; font-size:14px; padding-right:90px;}
	.sBtn{ height:40px; line-height:40px; font-size:18px; width:90px;}
	
	.box6ChinaLay,.box6Research{ display:none !important;}
	.box6TextNum{ display:none;}
	.box6TextTit{ font-size:18px; line-height:24px; background:none; border-bottom:1px solid rgba(0,0,0,0.08); padding:0; margin:0 .15rem; margin-top:.2rem; padding-bottom:.1rem; margin-bottom:.1rem; font-weight:bold; color:#666666;}
	.box6TextCon{ padding:0 .15rem;}
	.box6TextCon p{ padding-left:0; background:none;}
}
@media (max-width:991px){
	.box4List li{ width:100%; max-width:100%;}
	.hisTop{ padding-top:12px;}
	.hisTop:before{ top:17px;}
	.hisYear{ font-size:20px;}
	.hisPrev, .hisNext{ width:34px; height:34px;}
	.proZyList li{ width:50%;}
	.banBot{ padding:.1rem 0; line-height:22px;}
	.banBotLogo{ width:22px; height:22px; top:.1rem;}
	.banBotLogo img{ max-height:70%;}
	.breadcrumb,.sortList{ float:none; width:auto;}
	.breadcrumb{ margin-bottom:5px; padding-left:30px;}
	.sortList{ text-align:left; margin-top:5px;}
	.sortList li.active a:after{ height:2px;}
	.reiNestPlay{ width:.6rem; height:.6rem;}
	.LayVideoBox{ width:90%;}
	.researchBg1{ padding:.4rem 0;}
	.researchBg1 .oneList{ text-align:center;}
	.researchBg1 .oneList li{ width:33.33%;}
	.researchList{ padding-top:0;}
	.researchImg{ position:absolute; left:0; top:0; right:0; bottom:0; height:auto; padding:0;}
	.researchText{ position:relative; opacity:1; visibility:visible; margin:0;}
	.LayList{ max-width:100%; width:100%; padding:0 50px;}
	.responPrev{ left:0;}
	.responNext{ right:0;}
	.newsPage{ position:static; text-align:center; margin-top:.2rem;}
	.talentCon{ max-width:80%;}
	.joinRig .newsBtn{ text-align:center;}
	.LayTit{ font-size:20px;}
	.LayTit i{ width:20px; height:20px;}
	.sendNow{ width:180px; height:40px; line-height:40px;}
	.teamList{ padding:0 30px;}
	.teamList .proJzPrev,.teamList .proJzNext{ display:block; width:30px;}
}
@media (max-width:767px){
	.banEn{ font-size:.24rem;}
	.boxTit{ font-size:24px; margin:.1rem 0;}
	.boxIco span{ width:30px; height:6px; margin:0 .04rem;}
	.boxText{ font-size:14px;}
	.boxMore{ width:160px; height:40px; line-height:36px; font-size:14px;}
	.boxMore i{ height:12px;}
	.box3Con{ max-width:100%; width:90%;}
	.box3Tit{ font-size:14px; margin-left:.06rem;}
	.box6Tit{ font-size:18px;}
	.oneList{ text-align:center;}
	.proBot .banEn{ font-size:18px;}
	.proWsTit{ position:static; padding:0 .2rem .1rem; margin-top:-.1rem;}
	.proBg1 .box3Con{ width:100%; margin-top:1rem;}
	.proList-Dz li{ width:50%;}
	.proList-Dz li:nth-child(5n+1){ width:100%;}
	.reiNestImg{ height:4.4rem;}
	.reiNestImg img{ display:none;}
	.newsTit{ font-size:14px;}
	.talentList li{ width:50%;}
	.talentList li a{ min-width:0; width:100%; padding:.3rem .2rem;}
	.talentTit{ font-size:18px;}
	.talentShade{ opacity:.5;}
	.talentMore{ font-size:14px;}
	.talentText .container{ width:100%;}
}
@media (max-width:640px){
	.boxTit{ font-size:22px;}
	.box3Ico{ width:.3rem; height:.3rem;}
	.box3Ico:before{ width:.4rem; height:.4rem; margin:-.2rem 0 0 -.2rem;}
	.box3Tit{ line-height:.3rem;}
	.box6Ico1{ width:.32rem; height:.32rem;}
	.box6Ico2{ width:.32rem; height:.32rem;}
	.box7Tit{ font-size:18px;}
	.box7Tit i{ width:12px; height:12px;}
	.oneList li{ font-size:14px;}
	.oneList li .big{ font-size:.34rem;}
	.hisDate{ font-size:18px; line-height:24px;}
	.hisCon{ line-height:20px;}
	.teamName{ font-size:18px;}
	.proTop .boxTit{ font-size:18px; line-height:160%;}
	.proWsTit{ font-size:14px;}
	.proBot .banEn{ font-size:16px;}
	.proBg1 .boxTit{ font-size:18px; line-height:160%;}
	.proJzPrev,.proJzNext{ width:.6rem; height:.54rem;}
	.intelligencePrev,.intelligenceNext{ width:.4rem; height:.8rem;}
	.sortList li.active a:after{ height:1px;}
	.banIn2{ height:4.4rem;}
	.banIn2 .imgBg{ height:4.4rem;}
	.researchTit{ font-size:20px;}
	.researchMore{ font-size:14px;}
	.researchMore i{ width:8px; height:10px; margin-left:5px;}
	.LayList{ padding:0 40px; height:80%;}
	.responPrev, .responNext{ width:36px; height:36px;}
	.talentImg{ height:4rem;}
	.talentImg img{ display:none;}
	.talentCon{ max-width:100%; width:100%; text-align:center;}
	.schoolList li{ width:100%;}
	.schoolDes{ height:auto;}
	.joinH2{ font-size:18px;}
	.schoolName{ font-size:24px;}
	.schoolText{ font-size:14px;}
	.applyBtn{ width:120px; height:38px; line-height:38px; font-size:16px;}
	.joinList li a{ padding:.4rem .2rem;}
	.joinIco{ width:1.4rem; height:1.4rem;}
	.joinTit{ font-size:16px;}
	.joinTop{ padding-right:.44rem;}
	.joinName{ font-size:16px;}
	.joinDes li{ font-size:12px;}
	.joinIcon{ width:.36rem; height:.36rem;}
	.joinBot h4{ font-size:16px;}
	.sBtn{ font-size:16px;}
	.teamList{ padding:0 .6rem;}
	.teamList .proJzPrev,.teamList .proJzNext{ width:.5rem; max-width:30px;}
}
@media (max-width:460px){
	.banPage .swiper-pagination-bullet{ width:18px; height:18px; margin:0 .04rem;}
	.boxTit{ font-size:20px;}
	.boxMore{ font-size:12px;}
	.boxMore i{ width:6px;}
	.box3Tit{ font-size:12px;}
	.box4Tit{ font-size:16px;}
	.box4Des{ font-size:13px;}
	.box4More{ font-size:13px;}
	.box4More i{ height:8px;}
	.box7Tit{ font-size:16px;}
	.box6Tit{ font-size:16px; line-height:22px;}
	.box6Des{ font-size:13px; font-weight:normal;}
	.box6TextTit{ font-size:16px; line-height:22px;}
	.box6TextCon{ font-size:13px; line-height:24px;}
	.banMouse{ font-size:12px; bottom:.3rem;}
	.hisPrev,.hisNext{ width:30px; height:30px; top:2px;}
	.hisYear{ font-size:18px;}
	.hisDate{ font-size:16px; line-height:20px;}
	.hisCon{ font-size:12px; line-height:20px;}
	.teamLink{ flex-direction:column-reverse; padding-left:.34rem; padding-bottom:0;}
	.teamLef,.teamRig{ width:100%;}
	.teamLef{ margin:0; padding: 0; text-align:center; padding-top:.1rem; line-height:20px;}
	.teamName{ font-size:16px; margin:0;}
	.proTop .boxTit{ font-size:14px; line-height:160%;}
	.proWsTit{ font-size:12px;}
	.proBg1 .boxTit{ font-size:14px;}
	.proZyTopText{ padding:.2rem .16rem;}
	.proZyTopTit{ font-size:16px;}
	.proZyTopDes{ font-size:13px; line-height:20px;}
	.proZy2Li3 .proZyBotImg{ padding-bottom:46.2%;}
	.proMftList li{ width:100%;}
	.reiNestPlay{ width:.8rem; height:.8rem;}
	.reiNestDot{ font-size:12px;}
	.reiNestDot p{ width:100%;}
	.LayVideoClose{ background-size:16px auto;}
	.researchBg1 .oneList li{ width:50%;}
	.researchTit{ font-size:18px;}
	.responBtn li{ width:50%;}
	.responBtn li a{ width:100%; height:40px; line-height:36px; font-size:14px;}
	.responTit{ font-size:16px;}
	.responPrev,.responNext{ width:32px; height:32px;}
	.LayBtn span{ width:40px; height:40px;}
	.LayPage{ font-size:14px;}
	.LayPageCur{ font-size:24px;}
	.newsList li{ width:100%;}
    .newsTit{ height: auto;}
	.newsBtn a{ width:110px; height:38px; line-height:34px; font-size:14px;}
	.newsPage a,.newsPage span,.newsPage p{ font-size:14px;}
	.talentSlide{ margin-bottom:2px;}
	.talentTit{ font-size:16px;}
	.talentMore{ font-size:12px;}
	.talentMore i{ height:9px;}
	.talentCon .boxTit{ text-align:center;}	
	.talentSlide .boxText{ display:none;}
	.talentSlide .swiper-pagination-bullet{ width:10px; height:10px;}
	.joinSort{ line-height:24px;}
	.joinSort li a::before{ top:5px;}
	.joinSort li a::after{ top:6px;}
	.schoolName{ font-size:22px;}
	.schoolText{ line-height:24px;}
	.schoolText p:before{ top:10px;}
	.joinTit{ font-size:14px;}
	.LayTit{ font-size:18px;}
	.LayTop .LayClose{ background-size:20px auto; transform:translateY(-60%);}
	#uploader .placeholder{ font-size:14px !important;}
	.sendNow{ width:140px; font-size:14px;}
	.sInput{ padding-right:60px;}
	.sBtn{ font-size:14px; width:60px;}
}
@media all and (orientation : landscape){
	.pc{ display:block;}
	.mob{ display:none;}
}
@media all and (orientation : portrait){
	.pc{ display:none;}
	.mob{ display:block;}
}