.wow{ transition-delay:0.3s;}

nav.navbar.bootsnav{ border:none; position:fixed; width:100%; background:#FFFFFF;}
.navWrap{ position:relative; padding:0 30px;}
.logo{ height:86px; padding:0;}
.logo span{ display:block; width:100%; background-position:left center; background-repeat:no-repeat; background-size:contain;}
.logo img{ height:50px; transition:all .3s;}
.navRig{ line-height:86px; margin:0; font-size:0; vertical-align:middle;}
.navRig > ul{ margin:0; vertical-align:middle;}
.navRig > ul > li{ font-size:16px; color:#333333; padding:0; margin-left:20px; position:relative;}
.navRig > ul > li a{ display:inline-block; vertical-align:middle; color:#333333; padding:0;}
.navRig > ul > li i.fa{ color:#bd1e21; margin-right:5px;}
.navRig > ul > li i.fa-globe{ font-size:18px; vertical-align:middle;}
.navRig > ul > li i.fa-caret-down{ color:#999999; margin-left:5px;}
nav.navbar.bootsnav .navRig li.dropdown ul.dropdown-menu{ border:none; left:50%; transform:translateX(-50%); top:90%; width:auto; min-width:0; margin:0; padding:0; box-shadow:0 0 .1rem rgba(0,0,0,0.15);}
.navWx{ width:136px; text-align:center; font-size:14px; color:#666666; line-height:20px; padding:5px 5px 10px; background:#FFFFFF; position:relative; z-index:1;}
.navWx img{ max-width:100%; height:auto;}
.navCorner{ width:20px; height:20px; background:#FFFFFF; position:absolute; left:50%; top:0; transform:rotate(45deg) translateX(-50%); box-shadow:0 0 .1rem rgba(0,0,0,0.15);}
.searchInput{ display:block; width:100%; height:40px; line-height:24px; padding:8px 10px; padding-right:40px; border:none; font-size:16px; background:none;}
.searchBtn{ display:block; width:40px; height:40px; line-height:40px; font-size:18px; color:#b80e12; text-align:center; position:absolute; right:0; top:0; transition:all .3s;}
nav.navbar.bootsnav ul.nav > li{ padding:0 10px;}
nav.navbar.bootsnav ul.nav > li > a{ padding:0 10px; line-height:86px; font-size:18px; color:#222222; font-weight:normal;}
nav.navbar.bootsnav ul.nav > li > a:after{ display:block; content:""; position:absolute; left:50%; bottom:0; width:0%; height:3px; background:#b80e12; transition:all .3s;}
nav.navbar.bootsnav ul.nav > li.active > a,nav.navbar.bootsnav ul.nav > li.on > a{ color:#b80e12;}
nav.navbar.bootsnav ul.nav > li.active > a:after,nav.navbar.bootsnav ul.nav > li.on > a:after{ width:100%; left:0;}

nav.navbar.bootsnav.no-background{ transition:all 0.3s ease-in-out;}
nav.navbar.bootsnav.no-background .logo span img{ opacity:0; visibility:hidden;}
nav.navbar.bootsnav.no-background ul.nav > li > a{ color:#FFFFFF;}
nav.navbar.bootsnav.no-background ul.nav > li > a::after{ bottom:calc(100% - 3px);}
nav.navbar.bootsnav.no-background .navRig > ul > li{ color:#FFFFFF;}
nav.navbar.bootsnav.no-background .navRig > ul > li a{ color:#FFFFFF;}
nav.navbar.bootsnav.no-background .navRig > ul > li i{ color:#FFFFFF;}

#home{ height:100vh;}
#home > .section{ height:100vh; overflow:hidden;}
.banner{ position:absolute; left:0; top:0; right:0; bottom:0; height:100%;}
.banImg{ height:100%; transition:all .5s; transform:scale(1.05);}
.banner .swiper-slide-active .banImg{ transform:scale(1); transition:all 5s;}
.banText{ position:absolute; left:0; top:0; right:0; bottom:0; padding-bottom:5%;}
.banCon{ color:#FFFFFF; text-align:center; width:100%; padding:0 15%;}
.banP1{ font-size:86px; line-height:130%; margin:0.2rem 0; text-transform:uppercase;}
.banPage{ position:absolute; bottom:.14rem !important; width:100%; text-align:center; z-index:1;}
.banPage .swiper-pagination-bullet{ width:40px; height:4px; background:#FFFFFF; opacity:.3; border-radius:0;}
.banPage .swiper-pagination-bullet-active{ opacity:1;}
.banScroll{ position:absolute; left:50%; transform:translateX(-50%); bottom:.6rem; z-index:1; text-align:center; width:24px; height:42px; border:2px solid #FFFFFF; border-radius:20px; cursor:pointer;}
.banScroll span{ display:block; width:4px; height:4px; background:#FFFFFF; border-radius:50%; margin:0 auto; position:absolute; left:50%; margin-left:-2px; top:10px; animation:banScroll 1.4s linear infinite;}
.banTip{ display:block; position:absolute; left:50%; transform:translateX(-50%); font-size:14px; color:#FFFFFF; line-height:180%; bottom:.3rem; z-index:1;}
.banCon{ text-align:left;}
.banP1 p:not(:first-child){ text-indent:2em;}
.ban1 .banCon{ text-align:left;}
.ban2 .banCon{ text-align:left;}
.ban2 .banP1 p:not(:first-child){ text-indent:2em;}
.ban3 .banCon{ text-align:left;}
.ban3 .banP1 p:not(:first-child){ text-indent:2em;}

.boxPd{ padding-top:86px;}
.boxBg2{ background-color:#eaeaea; background-image:radial-gradient(#FFFFFF,#DDDDDD);}
.box2Map{ position:absolute; left:0; right:0; bottom:50px; top:125px; background:url(../image/box2Logo.png) center center no-repeat; background-size:contain; z-index:0;}
.box2Box{ text-align:center; max-width:1230px; margin:0 auto; position:relative; z-index:1;}
.box2Tit{ font-size:46px; color:#333333; margin:.2rem auto;}
.box2Brief{ font-size:22px; color:#333333; line-height:170%;}
.box2Des{ font-size:18px; color:#333333; line-height:30px; margin:.3rem auto; -webkit-line-clamp: 5; word-break:break-all;}
.box2List{ font-size:0; text-align:center; margin:.3rem auto .1rem; max-width:1200px; display:flex; flex-wrap:wrap;}
.box2List li{ width:25%; padding:0 12px; font-size:20px; color:#FFFFFF; line-height:30px; vertical-align:top; margin:.1rem 0;}
.box2Item{ height:100%; padding:.1rem .1rem .2rem; border-radius:.1rem; background:url(../image/box2ItemBg1.jpg) center center no-repeat; background-size:cover;}
.box2List li:nth-child(2n) .box2Item{ background-image:url(../image/box2ItemBg2.jpg);}
.box2Ico{ text-align:center; margin:.1rem 0;}
.box2Text{ padding:0 6%; margin:.1rem 0;}
.box2More{ display:block; width:290px; height:52px; line-height:50px; border:1px solid #484848; text-align:center; font-size:22px; color:#555555; border-radius:10px; margin:.5rem auto 0;}
.box2More i{ display:inline-block; vertical-align:middle; width:18px; height:18px; border:1px solid #484848; border-radius:50%; margin-left:10px; position:relative;}
.box2More i:after{ display:block; content:""; width:8px; height:8px; background:#666666; border-radius:50%; position:absolute; left:50%; top:50%; margin:-4px 0 0 -4px;}
.box2More:focus{ color:#555555;}
.box2More:hover{ border-color:#bd1e21; color:#bd1e21;}
.box2More:hover i{ border-color:#bd1e21;}
.box2More:hover i:after{ background:#bd1e21;}

.boxBg3{ background:url(../image/box3Bg.jpg) center center no-repeat; background-size:cover;}
/*上*/
.box3Top{ display:flex; justify-content:space-between; margin-bottom:.2rem;}
.box3Top:last-child{ margin-bottom:0;}
.box3Lef{ width:60%;}
.box3Img{ display:block; position:relative; height:100%; overflow:hidden;}
.box3Img .imgBg{ height:100%; transition:all .3s linear;}
.box3Tag{ display:block; position:absolute; left:.3rem; top:.3rem; font-size:16px; color:#FFFFFF; line-height:200%; padding:0.04rem 0.14rem; background:#bd1e21;}
.box3Shadow{ position:absolute; left:0; bottom:0; width:100%; height:40%; background-image:linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.9));}
.box3Name{ position:absolute; left:.3rem; right:.3rem; bottom:.2rem; font-size:26px; color:#FFFFFF; line-height:140%;}
.box3Img:hover .imgBg{ transform:scale(1.1);}
.box3Rig{ width:38%; background:#FFFFFF; box-shadow:0 0 .1rem rgba(0,0,0,0.1); padding:18px 30px; position:relative; overflow:hidden;}
.box3Tit{ overflow:hidden; font-size:26px; color:#bd1e21; line-height:32px; border-bottom:1px solid #d9d9d9; padding:.1rem 0;}
.box3Tit a{ float:right; font-size:16px; color:#666666;}
.box3Tit a:hover{ color:#bd1e21;}
.box3List{ font-size:17px; color:#333333; line-height:40px; margin:.1rem 0; height:240px; overflow:hidden;}
.box3List li a{ color:#333333; padding-left:15px; position:relative; transition:all .3s linear;}
.box3List li a:before{ display:block; content:""; width:4px; height:4px; background:#d61215; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px;}
.box3List li a span{ color:#999999; padding-right:10px; display:inline-block; vertical-align:baseline; width:50px; transition:all .3s linear;}
.box3List li a:hover{ color:#d61215}
.box3List li a:hover span{ color:#d61215;}
/*右下*/
.box3List2{ height:100%; display:flex; justify-content:space-between;}
.box3List2 li{ width:48.68%;}
.box3List2 li a{ display:block; background:#FFFFFF; height:100%; padding:25px 30px; box-shadow:0 0 .1rem rgba(0,0,0,0.1);}
.box3Name2{ font-size:20px; color:#000000; line-height:30px; margin-bottom:.1rem; -webkit-line-clamp:1; transition:all .3s;}
.box3Line{ display:block; width:27px; height:3px; background:#bd1e21; margin:.2rem 0; transform-origin:left center; transition:all .3s;}
.box3Des{ font-size:14px; color:#888888; line-height:22px; height:66px;}
.box3Time{ overflow:hidden; margin-top:.2rem;}
.box3Time span{ float:left; font-size:22px; color:#333333; line-height:30px; transition:all .3s;}
.box3Time i{ float:right; width:30px; height:30px; border-radius:50%; background:#bd1e21; text-align:center; line-height:30px; font-size:18px; color:#FFFFFF; transition:all .3s;}
.box3List2 li a:hover .box3Name2{ color:#bd1e21;}
.box3List2 li a:hover .box3Line{ transform:scaleX(1.5);}
.box3List2 li a:hover .box3Time span{ color:#bd1e21;}
.box3List2 li a:hover .box3Time i{ transform:translateX(-10px);} 
/*左下*/
.box3Rig .imgBg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.box3Con{ position:relative; z-index:1; display:block; width:100%; height:100%; font-size:18px; color:#333333; line-height:24px;}
.box3Tit2{ font-size:30px; color:#000000; line-height:120%; margin-bottom:.15rem;}
.box3Name3{ font-size:18px; color:#000000; line-height:30px; max-width:204px; -webkit-line-clamp:2; margin:.1rem 0; transition:all .3s;}
.box3Arrow{ display:block; width:0; height:0; border-top:11px solid #bd1e21; border-left:8px solid transparent; border-right:8px solid transparent; margin:.2rem 0; transition:all .3s;}
.box3Con p{ font-family:Arial; color:#333333;}
.box3Con:hover .box3Arrow{ transform:rotate(-90deg);}

.footBg{ background:#a58143; font-size:16px; color:rgba(255,255,255,0.7); line-height:34px; padding:0.3rem 0;}
.ftLef{ float:left; width:calc(100% - 670px);}
.ftLogo{ margin-bottom:.2rem;}
.ftLogo img{ max-width:100%; max-height:54px;}
.ftNavList{ font-size:0; margin:0 -.15rem;}
.ftNavList li{ position:relative; font-size:16px; padding:0 .15rem;}
.ftNavList li:after{ display:block; content:"|"; position:absolute; left:98%; top:0;}
.ftNavList li:last-child:after{ display:none;}
.ftNavList li a{ display:block; color:rgba(255,255,255,0.7); transition:all .3s;}
.ftNavList li a:hover{ color:#FFFFFF;}
.CopyRight a{ color:rgba(255,255,255,0.7);}
.CopyRight a:hover{ color:#FFFFFF;}
.ftRig{ float:right; width:650px;}
.WeChat{ float:left; padding:5px; max-width:136px; background:#FFFFFF; margin-right:6%;}
.WeChat img{ max-width:100%; height:auto;}
.ftCon{ overflow:hidden;}

#fp-nav.Blue ul li a span{ background:rgba(0,0,0,0.4);}
#fp-nav.Blue ul li a.active span{ background:#b80e12;}

.banIn{ height:550px; position:relative; overflow:hidden;}
.banIn .imgBg{ height:100%;}
.banIn .banText{ padding-bottom:0;}
.banTit{ font-size:56px; color:#FFFFFF;}
.sortBg{ border-bottom:1px solid #e6e6e6; background:#FFFFFF;}
.sortList{ font-size:0; margin:0;}
.sortList li{ font-size:18px; color:#222222; margin:0 10px; padding:0; position:relative;}
.sortList li:before,.sortList li:after{ display:block; content:""; width:0; height:.1rem; background:#b80e12; transition:all .3s; position:absolute;}
.sortList li:before{ left:0; bottom:100%;}
.sortList li:after{ right:0; top:100%;}
.sortList li a{ display:block; padding:0 .4rem; line-height:80px; color:#222222; transition:all .3s;}
.sortList li a:hover{ color:#b80e12;}
.sortList li.active a{ background:#b80e12; color:#FFFFFF;}
.sortList li.active:before,.sortList li.active:after{ width:100%;}
.sortList li:hover:before,.sortList li:hover:after{ width:100%;}
.mainBg{ background:#FFFFFF; min-height:20vh; overflow:hidden;}
.oneTit{ font-size:46px; color:#333333; line-height:120%; text-align:center;}
/*profile*/
.profileBg{ padding:.5rem 0;}
.profile{ position:relative; padding:.5rem 0;}
.profile .box2Map{ top:0; bottom:0;}
.oneText{ font-size:16px; color:#555555; line-height:200%; text-align:center;}
.oneText p{ margin:.2rem 0;}
.one1List{ font-size:20px; color:#FFFFFF; line-height:30px; text-align:center; position:relative; margin-top:.3rem;}
.one1List .box2Text{ min-height:60px; padding:0 15%;}
.one1List .swiper-slide:nth-child(2n + 1) .box2Item{ background-image: url(../image/box2ItemBg2.jpg);}
.onePrev,.oneNext{ display:block; width:30px; height:56px; position:absolute; top:50%; transform:translateY(-50%); background-position:center center; background-size:contain; background-repeat:no-repeat; cursor:pointer;}
.onePrev{ left:-80px; background-image:url(../image/onePrev.png);}
.oneNext{ right:-80px; background-image:url(../image/oneNext.png);}
/*culture*/
.culBg{ padding:.9rem 0; background:url(../image/culBg.jpg) center center no-repeat; background-size:cover;}
.culBg .oneTit{ color:#FFFFFF; margin-bottom:.4rem;}
.culList{ display:flex; flex-wrap:wrap; margin:0 -.1rem;}
.culList li{ width:33.33%; text-align:center; padding:.1rem;}
.culItem{ background:rgba(255,255,255,0.7); height:100%; padding:.2rem .3rem; transition:all .3s;}
.culIco{ margin:.1rem 0;}
.culIco img{ width:auto; height:.5rem;}
.culTit{ font-size:26px; color:#333333; line-height:130%; margin:.1rem 0; transition:all .3s;}
.culDes{ font-size:20px; color:#333333; line-height:170%; margin:.1rem 0;}
.culItem:hover{ box-shadow:0 0 .1rem rgba(0,0,0,0.2); transform:translateY(-5px); background:rgba(255,255,255,0.9);}
.culItem:hover .culIco img{ animation:swing 1s linear infinite;}
.culItem:hover .culTit{ color:#b80e12;}
/*histroy*/
.hisBg{ padding:.8rem 0; background:url(../image/hisBg.jpg) center center no-repeat; background-size:cover;}
.hisBg .oneTit{ color:#FFFFFF; margin-bottom:.6rem;}
.hisTop{ position:relative; margin-bottom:.4rem;}
.hisImg{ float:left; max-width:44%;}
.hisImg img{ max-width:100%; height:auto;}
.hisText{ overflow:hidden; padding-left:5%; color:#FFFFFF; font-size:18px; line-height:200%;}
.hisYear{ font-size:38px; font-weight:bold; margin-bottom:.15rem;}
.hisCon{ height:224px;}
.hisTop .onePrev{ background-image:url(../image/onePrev3.png); opacity:.5;}
.hisTop .oneNext{ background-image:url(../image/oneNext3.png); opacity:.5;}
.hisBot{ font-size:24px; color:#FFFFFF; line-height:34px; text-align:center; background:url(../image/hisLine.png) center bottom no-repeat;}
.hisBot .swiper-container{ padding-bottom:15px;}
.hisBot .swiper-slide{ position:relative; padding-bottom:30px; padding-top:10px; cursor:pointer; transition:all .3s;}
.hisBot .swiper-slide:after{ display:block; content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:6px; height:6px; background:#FFFFFF; border-radius:50%;}
.hisBot .swiper-slide:before{ display:block; content:""; width:18px; height:18px; border:2px solid #b80e12; border-radius:50%; position:absolute; left:50%; bottom:-6px; margin:-9px 0 0 -9px; transform:scale(0); transition:all .3s;}
.hisBot .swiper-slide.active{ font-size:30px;}
.hisBot .swiper-slide.active:after{ background:#b80e12;}
.hisBot .swiper-slide.active:before{ transform:scale(1);}
/*respond*/
.responBg{ padding:.9rem 0; background:url(../image/responBg.jpg) center top #e6f5ff no-repeat;}
.responBg .oneTit{ margin-bottom:.4rem;}
.responList{ position:relative; margin:0 -.2rem;}
.responList .swiper-container{ padding:.2rem;}
.responImg{ position:relative; border:5px solid #FFFFFF; height:0; padding-bottom:67.7%; box-shadow:0 0 .2rem rgba(0,0,0,0.2); overflow:hidden;}
.responImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all .3s;}
.responTit{ position:absolute; left:0; bottom:0; width:100%; font-size:18px; color:#FFFFFF; line-height:38px; padding:.1rem .2rem; background:rgba(0,0,0,0.7);}
.responList .onePrev{ background-image:url(../image/onePrev2.png);}
.responList .oneNext{ background-image:url(../image/oneNext2.png);}
.responImg:hover{ border-color:#bd1e21;}
.responImg:hover .imgBg{ transform:scale(1.05);}
/*buliding*/
.bulidBg{ padding:.7rem 0; background:url(../image/bulidBg.jpg) center center no-repeat; background-size:cover;}
.bulidBg .oneTit{ color:#FFFFFF; margin-bottom:.4rem;}
.buliding{ position:relative;}
.buliding .swiper-slide{ width:758px; margin:0 auto}
.buliding .swiper-slide-prev,.buliding .swiper-slide-next{ background:#FFFFFF;}
.buliding .swiper-slide-prev .bulidImg,.buliding .swiper-slide-next .bulidImg{ opacity:.5;}
.bulidImg{ height:0; padding-bottom:61.74%; position:relative; overflow:hidden; transition:all .3s;}
.bulidImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.bulidShade{ position:absolute; left:0; bottom:0; width:100%; height:50%; background-image: linear-gradient(rgba(0,0,0,0.00),rgba(0,0,0,0.6));}
.bulidTit{ position:absolute; left:0; bottom:0; width:100%; padding:.2rem; font-size:26px; color:#FFFFFF; line-height:180%; text-align:center; opacity:0; visibility:hidden;  transform:translateY(100%); transition:all .3s;}
.buliding .swiper-slide-active .bulidTit{ opacity:1; visibility:visible; transform:translateY(0%); transition:all .3s linear .2s;}
.buliding .onePrev{ background-image:url(../image/onePrev3.png);}
.buliding .oneNext{ background-image:url(../image/oneNext3.png);}
.bulidBot{ width:50%; height:50px; margin:.1rem auto 0; background:url(../image/bulidBot.png) center center no-repeat; background-size:contain;}

/*research*/
.researchBox1{ background:#f5f5f5; padding:.7rem 0;}
.re1List{ margin:0 -30px;}
.re1List li{ padding:0 30px; margin-top:60px;}
.re1Item{ border-left:.1rem solid #e8e8e8; padding-left:35px; position:relative;}
.re1Num{ position:absolute; right:-5px; top:0; font-family:Arial; font-size:62px; line-height:80%; font-weight:bold; background: linear-gradient(to bottom, #e0e0e0, transparent); color:transparent; -webkit-background-clip:text;}
.re1Tit{ font-size:30px; color:#333333; line-height:140%; margin-bottom:.1rem; padding-right:80px;}
.re1Tit img{ vertical-align:middle; margin-right:.15rem; height:.44rem; width:auto; margin-top:-2px;}
.re1Con{ font-size:16px; color:#666666; line-height:28px;}
.researchBox2{ background:#FFFFFF; padding:.7rem 0;}
.re2Text{ font-size:16px; color:#555555; line-height:30px; text-align:center; margin-top:.2rem;}
.researchBox3{ background:url(../image/researchBox3.jpg) center center no-repeat; background-size:cover;}
.re3Box{ position:relative; padding:1rem 0; min-height:544px;}
.re3Lef{ position:absolute; left:0; bottom:0; width:45%; height:auto;}
.re3Lef img{ display:block; max-width:70%; margin:0 auto;}
.re3Rig{ padding-left:45%;}
.re3Name{ font-size:42px; color:#b80e12; line-height:150%;}
.re3Job{ font-size:22px; color:#333333; line-height:150%;}
.re3Des{ font-size:16px; color:#666666; line-height:200%; margin:.3rem 0;}
.re3More{ display:block; width:186px; height:48px; line-height:48px; background:#b80e12; color:#FFFFFF; text-align:center; font-size:16px; border-radius:5px; box-shadow:0 3px 0 #c5af57; margin-top:.2rem; transition:all .3s;}
.re3More:hover,.re3More:focus{ color:#FFFFFF;}
.re3More i{ display:inline-block; vertical-align:middle; width:20px; height:22px; background:url(../image/honIco.png) center center no-repeat; background-size:contain; margin-right:5px; margin-top:-2px;}
.re3More:hover{ box-shadow:none; transform:translateY(4px);}
.re3Hon{ list-style: none; display: flex; flex-wrap: wrap; font-size: 16px; color: #666666; line-height: 26px; margin: .3rem -10px 0;}
.re3Hon li{ width: 16.66%; margin-top: .15rem; padding:0 10px;}
.re3Hon li img{ max-width: 100% !important; height: auto; margin: 0 auto .1rem; display: block;}
.researchBox4{ padding:.7rem 0;}
.re4List{ position:relative;}
.re4List .swiper-container{ padding: .15rem; margin: 0 -.15rem;}
.re4List a{ display:block;}
.re4Link{ border-radius: .1rem; box-shadow: 0 0 .15rem rgba(0,0,0,0.15); padding: .25rem .4rem;}
.re4Link:hover .re4Top{ color: #b80e12;}
.re4Top{ font-size: 18px; color: #333333; line-height: 32px; border-bottom: 1px solid #dddddd; padding-bottom: .1rem; margin-bottom: .1rem;}
.re4Des{ font-size: 16px; color: #666666; line-height: 30px; height: 180px; -webkit-line-clamp:6}
.re4Img{ height:0; padding-bottom:127%; position:relative; overflow:hidden;}
.re4Img .imgBg{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; transition:all .3s;}
.re4Bot{ margin-top:.3rem; font-size:18px; color:#666666; line-height:120%; border-left:4px solid #b80e12; padding-left:.3rem;}
.re4Name{ font-size:30px; color:#b80e12; line-height:120%; margin-bottom:5px;}
.re4Prev,.re4Next{ display:block; width:.54rem; height:.96rem; background-size:contain; background-repeat:no-repeat; background-position:center center; background-color:#a0a0a0; transition:all .3s; position:absolute; top:50%; transform:translateY(-50%); cursor:pointer;}
.re4Prev{ left:-94px; background-image:url(../image/teamPrev.png);}
.re4Next{ right:-94px; background-image:url(../image/teamNext.png);}
.re4Prev:hover,.re4Next:hover{ background-color:#b80e12;}
.re4List a:hover .re4Img  .imgBg{ transform:scale(1.05);}
.re4List a:hover .re4Name{ color:#b80e12;}

.researchBg{ background:url(../image/researchBg.jpg) center center fixed no-repeat; background-size:cover;}
.researchBg .re3Lef{ position:static; float:left; width:40%; margin-right:7%;}
.researchBg .re3Lef img{ max-width:100%; margin:0; box-shadow:6px 6px 0 #caa566;}
.researchBg .re3Rig{ padding:0; overflow:hidden;}
.researchBg .re3Rig .re3Des{ margin:.3rem 0;}
.re3Job2{ background:url(../image/honIco2.png) left 0 no-repeat; padding-left:40px;}
.re3Honor{ margin:.3rem 0;}
.re3Honor img{ max-width:100%; height:auto;}
.goTeam{ display:block; width:130px; height:42px; line-height:42px; background:#bd1e21; color:#FFFFFF; text-align:center; border-radius:20px;}
.goTeam i{ font-size:26px; margin-right:5px; vertical-align:middle;}
.goTeam:hover,.goTeam:focus{ color:#FFFFFF;}

.newsTop{ margin:.7rem 0 .3rem; display:flex; background:#f5f5f5;}
.newsLef{ width:59.35%; position:relative;}
.newsPrev,.newsNext{ display:block; width:.48rem; height:.9rem; background-color:rgba(0,0,0,0.35); background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; z-index:1; transition:all .3s;}
.newsPrev:hover,.newsNext:hover{ background-color:#b80e12;}
.newsPrev{ left:0; background-image:url(../image/newsPrev.png);}
.newsNext{ right:0; background-image:url(../image/newsNext.png);}
.newsPrev.swiper-button-disabled,.newsNext.swiper-button-disabled{ display:none;}
.newsImg{ height:100%;}
.newsImg a{ display:block; height:100%; width:100%; transition:all .3s;}
.newsImg a:hover{ transform:scale(1.05);}
.newsRig{ width:40.65%;}
.newsRig li{ padding:45px 50px; display:none;}
.newsTime{ font-size:24px; color:#999999; line-height:120%; font-family:Arial;}
.newsH3{ font-size:26px; color:#333333; line-height:38px; margin:.1rem 0; -webkit-line-clamp:2;}
.newsH3 a{ color:#333333;}
.newsH3 a:hover{ color:#bd1e21;}
.newsBrief{ font-size:16px; color:#888888; line-height:26px; margin:.15rem 0;}
.readAll{ font-size:16px; color:#666666; line-height:30px;}
.readAll i{ display:inline-block; vertical-align:baseline; margin-right:.1rem; width:22px; height:22px; line-height:22px; background:#bd1e21; color:#FFFFFF; font-size:14px; text-align:center; border-radius:50%; transform:translateY(-2px);}
.readAll:focus{ color:#666666}
.readAll:hover{ color:#bd1e21;}

.newsList{ margin:0 -14px 50px;}
.newsList li{ padding:0 14px; margin-top:28px;}
.newsLink{ display:block; border:1px solid #dcdcdc; padding:30px 40px; overflow:hidden; position:relative; transition:all .3s;}
.newsTit{ font-size:22px; color:#333333; line-height:30px;}
.newsLine{ display:block; width:27px; height:3px; background:#bd1e21; margin:.2rem 0;}
.newsDes{ font-size:15px; color:#888888; line-height:26px;  height:78px;}
.newsLink .box3Time span{ color:#aaaaaa;}
.newsLink .box3Time i{ color:#999999; border:1px solid #999999; background:none; line-height:28px;}
.page{ margin:.5rem 0; text-align:center;}
.page img{ max-width:100%; height:auto;}
.page a{ display:inline-block; vertical-align:middle; background:#f5f5f5; line-height:36px; min-width:34px; padding:0 .1rem; text-align:center; font-size:16px; color:#555555; margin:1px .04rem;}
.page a.active{ background:#bd1e21; color:#FFFFFF;}
.page a:not(.active):hover{ color:#bd1e21;}
.page a i{ font-size:20px;}
.new .newsLink:before{ display:block; content:"new"; text-transform:uppercase; position:absolute; left:0; top:0; background:#bd1e21; font-size:10px; font-size:12px; color:#FFFFFF; line-height:20px; width:100px; text-align:center; transform:rotate(-45deg) translate(-26%,-50%);}
.newsLink:hover{ border-color:transparent; box-shadow:0 0 .3rem rgba(0,0,0,0.15);}
.newsLink:hover .box3Time i{ background:#bd1e21; border-color:#bd1e21; color:#FFFFFF;}

.redBg{ background:#b80e12; padding:.4rem 0; margin-bottom:.3rem;}
.breadcrumb{ margin:0; padding:0; background:none; border-radius:0; color:#FFFFFF; line-height:22px; padding:10px 0; float:left; width:calc(100% - 140px);}
.breadcrumb:before{ content:"\f015"; font-family:FontAwesome;}
.breadcrumb a{ color:#FFFFFF;}
.breadcrumb li.active{ color:#FFFFFF;}
.breadcrumb > li + li:before { color:#FFFFFF; content:"- "; padding:0 5px;}
.goList{ float:right; width:130px; height:42px; line-height:40px; border:1px solid #FFFFFF; text-align:center; color:#FFFFFF; font-size:16px; border-radius:20px; transition:all .3s;}
.goList i{ font-size:26px; margin-right:5px; vertical-align:middle;}
.goList:focus{ color:#FFFFFF;}
.goList:hover{ background:#FFFFFF; color:#b80e12;}
.newsHead{ text-align:center; border-bottom:1px solid #e3e3e3; padding:.3rem 0; font-size:14px; color:#888888; line-height:200%; margin-bottom:.2rem;}
.newsName{ font-size:34px; color:#333333; line-height:160%; margin-bottom:.1rem;}
.newsHead p{ margin:0 -.1rem;}
.newsHead p span{ display:inline-block; vertical-align:middle; padding:0 .1rem;}
.newsHead p span img{ vertical-align:middle; margin-right:5px;}
.newsBody{ font-size:16px; color:#666666; line-height:200%; margin:.3rem 0; min-height:40vh;}
.newsBody p{ margin:.2rem 0;}
.newsBody img{ display: block; max-width: 100% !important; height: auto !important; margin: 0 auto;}
.newsFoot{ margin:.4rem 0 .6rem; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; font-size:16px; color:#888888; line-height:32px; padding:.3rem 0; display:flex; justify-content:space-between;}
.newsFoot p{ max-width:48%;}
.newsFoot a{ color:#888888;}
.newsFoot a:hover{ color:#b80e12;}
.share{ position:fixed; left:50%; top:50%; transform:translateY(-100%); margin-left:680px;}
.share li{ margin-bottom:.1rem;}
.share li a{ display:block; width:30px; height:30px; border-radius:4px; background-color:#e3e3e3; background-repeat:no-repeat; background-size:cover; background-position:center center; transition:all .3s;}
.shareIco1{ background-image:url(../image/shareIco1.png);}
.shareIco2{ background-image:url(../image/shareIco2.png);}
.shareIco3{ background-image:url(../image/shareIco3.png);}
.shareIco4{ background-image:url(../image/shareIco4.png);}
.share li a:hover{ background-color:#b80e12;}

.noticeList{ margin-top:30px;}
.noticeTime{ float:left; padding-top:15px; padding-right:40px; text-align:center; white-space:nowrap; font-size:20px; color:#aaaaaa; font-family:Arial; line-height:160%;}
.noticeTime span{ display:block; font-size:30px; color:#b80e12;}
.noticeRig{ overflow:hidden; position:relative; flex:0 1 auto; border-left:1px solid #dcdcdc; padding-left:34px; padding-right:80px;}
.noticeRig .newsTit{ margin-bottom:.1rem;}
.noticeRig .newsDes{ height:52px;}
.noticeIco{ position:absolute; right:0; top:50%; transform:translateY(-50%); width:50px; height:50px; line-height:48px; text-align:center; color:#d3d3d3; border:1px solid #d3d3d3; border-radius:50%; font-size:30px; transition:all .3s;}
.newsLink:hover .noticeIco{ background-color:#b80e12; border-color:#b80e12; color:#FFFFFF;}

.FQAList{ margin:.6rem 0 .7rem;}
.FQAList li{ box-shadow:0 0 .3rem rgba(0,0,0,0.15); margin-top:.3rem;}
.FQATit{ background:#b68f4c; color:#FFFFFF; font-size:18px; line-height:26px; padding:.1rem .2rem;}
.FQACon{ font-size:16px; color:#666666; line-height:30px; padding:.3rem .2rem; padding-left:calc(.2rem + 50px); position:relative; min-height:1.3rem;}
.FQACon:before{ display:block; content:"A"; width:32px; height:32px; line-height:32px; background:#929292; border-radius:50%; text-align:center; color:#FFFFFF; font-weight:bold; font-size:18px; position:absolute; left:.2rem; top:.3rem;}
.FQACon p{ margin:.15rem 0;}
.FQACon p:first-child{ margin-top:0;}
.FQACon p:last-child{ margin-bottom:0;}

.downCon{ position:relative; padding-right:120px;}
.downNum{ font-size:14px; color:#888888; line-height:200%; margin-top:5px;}
.downBtn{ display:block; width:100px; height:46px; line-height:44px; font-size:16px; color:#777777; border:1px solid #bfbfbf; text-align:center; border-radius:5px; position:absolute; right:0; top:50%; transform:translateY(-50%); transition:all .3s;}
.newsLink:hover .downBtn{ background-color:#bd1e21; border-color:#bd1e21; color:#FFFFFF;}

.conBg{ background:#f5f5f5; padding:.7rem 0;}
.conList{ display:flex; flex-wrap:wrap; margin:0 -.15rem;}
.conList li{ width:33.33%; padding:.15rem;}
.conItem{ background:#FFFFFF; box-shadow:0 0 .3rem rgba(0,0,0,0.15); height:100%; padding:30px 40px;}
.conTit{ font-size:28px; color:#333333; line-height:40px; border-bottom:1px solid #dadada; padding:10px 0; margin-bottom:.2rem;}
.conTit img{ vertical-align:middle; margin-right:5px; height:28px; margin-top:-2px;}
.conText{ font-size:16px; color:#666666; line-height:180%;}
.conText p{ margin:5px 0;}
.conText p big{ color:#b80e12; font-size:160%;}

.conList li:last-child .conItem{ display:flex; align-items:center; justify-content:center;}
.conList li:last-child .conText{ font-size:15px;}
.conWx{ max-width:50%; margin-right:10%;}
.conWx img{ max-width:100%; height:auto; margin:0 auto;}
.joinBg{ padding:1rem 0; color:#FFFFFF; background:url(../image/joinBg.jpg) center bottom no-repeat; background-size:cover;}
.joinBg .oneTit,.joinBg .re2Text{ color:#FFFFFF;}
.joinBg .re2Text a{ font-size:120%; color:#f1b245; font-weight:bold; margin-left:5px;}

.joinList{ display:flex; flex-wrap:wrap; margin:0 -.15rem; padding-top:.3rem; margin-bottom:.5rem !important;}
.joinList li{ float:none; margin-top:.3rem; padding:0 .15rem;}
.joinList .newsLink{ height:100%;}
.joinTit{ font-size:28px; color:#333333; line-height:28px;}
.joinDes{ font-size:16px; color:#666666; line-height:200%; margin:.2rem 0;}
.seeMore{ display:block; width:100%; height:46px; line-height:44px; border:1px solid #dcdcdc; font-size:16px; color:#666666; background:#f5f5f5; text-align:center; border-radius:5px;}
.LayBg{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:11; opacity:0; visibility:hidden; transition:all .3s;}
.LayBox{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); background:#FFFFFF; width:90%; max-width:1280px; border-radius:.1rem; height:80vh; max-height:700px; padding:30px 60px; z-index:11; opacity:0; visibility:hidden; margin-top:10px; transition:all .3s;}
.LayClose{ position:absolute; top:.2rem; right:.2rem; width:30px; height:30px; background:url(../image/LayClose.png) center center no-repeat; cursor:pointer; transition:all .3s;}
.LayClose:hover{ transform:rotate(90deg);}
.LayTop{ border-bottom:1px solid #dcdcdc; padding:.15rem 0; margin-bottom:.15rem;}
.LayTit{ font-size:36px; color:#333333; line-height:40px; margin-bottom:.15rem;}
.LayDes{ font-size:16px; color:#666666; line-height:32px; margin:0 -.3rem;}
.LayDes p{ display:inline-block; vertical-align:middle; padding:0 .3rem;}
.LayText{ overflow:hidden; margin:0 -.2rem; font-size:16px; color:#666666; line-height:36px;}
.LayText h4{ font-size:22px; color:#333333; line-height:180%; margin:.2rem 0;}
.joinItem{ float:left; width:50%; padding:0 .2rem;}
.joinItem ul,.joinItem ol{ margin-left:10px;}
.LayBot{ font-size:16px; color:#666666; line-height:200%; border-top:1px solid #dcdcdc; padding:.3rem 0 0; margin-top:.2rem;}
.LayBot a{ font-weight:bold; color:#bd1e21; font-weight:bold; font-family:Arial;}
.LayBg.active,.LayBox.active{ opacity:1; visibility:visible; margin:0;}

.LayBg2{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:20; transition:all .3s; display: none;}
.LayBox2{ position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#FFFFFF; width:90%; max-width:810px; border-radius:.1rem; padding:.3rem .5rem; z-index:11; transition:all .3s;}
.LayTit2{ font-size: 28px; color: #333333; line-height: 34px; border-bottom: 1px solid #dddddd; padding-bottom: .3rem; margin-bottom: .3rem;}
.LayText2{ font-size: 15px; color: #777777; line-height: 200%; height:40vh; max-height:370px; overflow: hidden;}
.agreeText2{ display: none;}
.LayBtn{ text-align: center; font-size: 0; margin-top: .3rem;}
.LayBtn a{ display: inline-block; vertical-align: middle; width: 45%; max-width:220px; height: 46px; line-height: 46px; font-size: 16px; color: #FFFFFF; margin:0 .1rem; border-radius: 4px;}
.LayAgree{ background-color: #b80e12;}
.noAgree{ background-color: #b5b5b5;}
.LayBtn2{ display: none;}
.resetAgree{ background-color: #b80e12;}

/* 20221115-msj-add-HongKong */
.anchor{ display: block; padding-top: 86px; margin-top: -86px;}
.hk-title{ font-size: 46px; color: #333333; line-height: 1.2; font-weight: bold; margin: .2rem 0;}
.hk-line{ display: block; width: 30px; height: 6px; background-color: #B80E12; margin: .2rem 0;}
.hk-more{ display: block; width: 150px; line-height: 44px; background-color: #BD1E21; border-radius: 22px; text-align: center; color: #FFFFFF; font-size: 16px;}
.hk-more i{ display: inline-block; vertical-align: middle; width: 12px; height: 12px; background: url(../image/hk-more.png) right center no-repeat; margin-left: .1rem;}
.hk-more:hover{ color: #FFFFFF;}
.hk-more:hover i{ transform: scale(1.1); transition: all .3s;}
.hkBg1{ padding: 105px 0;}
.hk-about-img{ float: right; position: relative; width: 42.96%; padding: 50px 50px 0 0; margin-left: 5%;}
.hk-about-img img{ width: 100%; height: auto;}
.hk-about-logo{ position: absolute; top: 0; right: 0; width: 43.63%;}
.hk-about-text{ max-width: 600px; font-size: 18px; color: #555555; line-height: 1.9; overflow: hidden;}
/* hk-team */
.hkBg2{ padding: .6rem 0; background: url(../image/hkBg2.jpg) center center no-repeat; background-size: cover; overflow: hidden;}
.hk-team{ display: flex; flex-direction: column; justify-content: center; min-height: 4.8rem;}
.hk-team-text{ width: 55%; max-width: 600px; font-size: 18px; color: #555555; line-height: 1.9; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px .03rem .35rem rgba(0,0,0,0.1); margin-left: auto; padding: 50px;}
.hk-team-con{ margin: .2rem 0;}
/* hk-strategy */
.hkBg3{ padding: .6rem 0; background: url(../image/hkBg3.jpg) center center no-repeat; background-size: cover; overflow: hidden;}
.hkBg3 .hk-team-text{ margin-left: 0; margin-right: auto;}
/* hk-contact */
.hk-header{ position: absolute; left: 0; top: 0; right: 0; width: 100%; padding: .2rem 0; text-align: right; color: #FFFFFF; font-size: 16px;}
.hk-header a{ color: #FFFFFF;}
.hkBg4{ padding: 110px 0 150px;}
.hkBg4 .hk-top{ text-align: center;}
.hk-contact{ list-style: none; display: flex; flex-wrap: wrap; margin: 0 -.2rem; margin-top: .6rem; text-align: center; font-size: 18px; color: #666666;}
.hk-contact li{ width: 33.33%; padding: 0 .2rem; margin-top: .4rem;}
.hk-con-box{ height: 100%; padding: 0 40px 30px; border: 1px solid #B80E12; transition: all .3s;}
.hk-con-icon{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 76px; height: 76px; max-width: .8rem; max-height: .8rem; border-radius: 50%; background-color: #B80E12; transform: translateY(-50%); margin: 0 auto; transition: all .3s;}
.hk-con-icon img{ display: block; max-width: 100%; max-height: 100%; margin: 0 auto;}
.hk-con-title{ font-size: 24px; color: #B80E12; margin-bottom: 15px;}
.hk-con-text{ line-height: 1.6;}
.hk-con-text a{ color: #666666;}
.hk-contact li:hover .hk-con-box{ box-shadow: 0 2px .1rem rgba(0, 0, 0, 0.1);}
.hk-contact li:hover .hk-con-icon{ transform: translateY(-20%);}
.hk-contact li:hover .hk-con-icon img{ animation: pulse 1s linear;}
.hk-footer{ padding: .2rem 0; text-align: center; background-color: #B80E12; color: #FFFFFF;}
.hk-footer a{ color: #FFFFFF;}
.hk-footer a:hover{ text-decoration: underline;}


@media (min-width:1201px){
	nav.navbar.bootsnav ul.nav > li > a:hover{ color:#b80e12;}
	nav.navbar.bootsnav ul.nav > li > a:hover:after{ width:100%; left:0;}
	nav.navbar.bootsnav.no-background ul.nav > li > a:hover{ color:#FFFFFF;}
}

@media (min-width:1600px){
	.container{ width:1310px;}
}
@media (max-width:1600px){
	.boxPd{ padding-top:78px;}
	.navRig{ line-height:78px;}
	.logo{ height:78px;}
	.logo img{ height:40px;}
	nav.navbar.bootsnav ul.nav > li > a{ line-height:78px;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ line-height:24px;}
	.banP1{ font-size:56px;}
	.box2Tit{ font-size:34px;}
	.box2Brief{ font-size:20px;}
	.box2Des{ font-size:16px;}
	.box2List li{ font-size:18px; line-height:28px;}
	.box2More{ width:260px; height:46px; line-height:44px; font-size:18px;}
	.box2More i{ transform:scale(0.8); margin-left:5px;}
	.box3Name{ font-size:22px;}
	.box3Tag{ font-size:14px; line-height:180%;}
	.box3Rig{ padding:15px 25px;}
	.box3Tit{ font-size:22px; line-height:28px;}
	.box3Tit a{ font-size:14px;}
	.box3List{ font-size:15px; line-height:32px; height:192px;}
	.box3List2 li a{ padding:15px 25px;}
	.box3Name2{ font-size:18px; line-height:28px;}
	.box3Line{ margin:.14rem 0;}
	.box3Time{ margin-top:.1rem;}
	.box3Time span{ font-size:20px; line-height:24px;}
	.box3Time i{ width:24px; height:24px; line-height:24px; font-size:16px;}
	.box3Con{ font-size:16px;}
	.box3Tit2{ font-size:24px;}
	.box3Name3{ font-size:16px; max-width:195px;}
	.box3Arrow{ margin:.14rem 0;}
	.footBg{ font-size:15px; line-height:30px;}
	.ftNavList li{ font-size:15px;}
	.ftLef{ width:calc(100% - 620px);}
	.ftRig{ width:600px;}
	.ftLogo{ margin-bottom:.14rem;}
	.ftLogo img{ max-height:40px;}
	
	.banIn{ height:450px;}
	.banTit{ font-size:46px;}
	.sortList li{ font-size:16px; margin:0 5px;}
	.sortList li a{ line-height:64px;}
	.sortList li::before, .sortList li::after{ height:0.06rem;}
	.profile{ padding:.3rem 0;}
	.oneTit{ font-size:36px;}
	.one1List{ font-size:18px; line-height:28px; min-height:56px;}
	.one1List .box2Text{ padding:0 5%;}
	.culBg{ padding:.6rem 0;}
	.culBg .oneTit{ margin-bottom:.3rem;}
	.culItem{ padding:.16rem .2rem;}
	.culTit{ font-size:22px;}
	.culDes{ font-size:18px;}
	.hisBg{ padding:.6rem 0;}
	.hisYear{ font-size:32px;}
	.hisText{ font-size:16px;}
	.hisBot{ background-size:auto 16px;}
	.hisBot .swiper-container{ padding-bottom:13px;}
	.responBg{ padding:.6rem 0;}
	.responBg .oneTit{ margin-bottom:.2rem;}
	.responImg{ box-shadow:0 0 .12rem rgba(0,0,0,0.2);}
	.bulidBg{ padding:.6rem 0;}
	.bulidTit{ font-size:22px;}
	
	.researchBox1{ padding:.6rem 0;}
	.re1Item{ padding-left:25px; border-left-width:0.08rem;}
	.re1Num{ font-size:50px;}
	.re1Tit{ font-size:24px;}
	.re1Tit img{ height:.38rem; margin-right:.1rem;}
	.re1Con{ font-size:15px;}
	.researchBox2{ padding:.6rem 0;}
	.re2Text{ font-size:15px; line-height:28px;}	
	.re3Name{ font-size:34px;}
	.re3Job{ font-size:18px;}
	.re3Des{ font-size:15px;}
	.re3Hon{ font-size: 14px; line-height: 22px;}
	.researchBox4{ padding:.6rem 0;}
	.re4Bot{ font-size:16px;}
	.re4Name{ font-size:24px;}
	/* .re4Prev, .re4Next{ margin-top:-50px;} */
	.re4Link{ padding: .2rem .3rem;}
	.re4Top{ font-size: 16px;}
	.re4Des{ font-size: 14px; line-height: 24px; height: 144px;}
	
	.newsTop{ margin:.6rem 0 .2rem;}
	.newsRig li{ padding:35px 40px;}
	.newsTime{ font-size:20px;}
	.newsH3{ font-size:22px; line-height:30px;}
	.newsBrief{ font-size:15px;}
	.readAll{ font-size:15px;}
	.newsPrev, .newsNext{ width:.4rem; height:.7rem;}	
	.newsList{ margin:0 -.1rem .5rem;}
	.newsList li{ padding:0 .1rem; margin-top:.2rem;}
	.newsLink{ padding:25px 35px;}
	.newsTit{ font-size:20px;}
	.newsLine{ margin:.16rem 0;}
	.newsLink .box3Time i{ line-height:20px;}
	
	.redBg{ padding:.3rem 0;}
	.goList{ font-size:15px;}
	.newsHead{ padding:.1rem 0 .2rem;}
	.newsName{ font-size:28px; margin-bottom:.05rem;}
	.newsBody{ font-size:15px;}
	.newsFoot{ padding:.2rem 0; font-size:15px; line-height:30px;}
	.share{ margin-left:600px;}
	
	.noticeList{ margin:.3rem -.1rem .5rem;}
	.noticeTime{ padding-right:35px;}
	
	.FQAList{ margin:.5rem 0;}
	.FQACon{ font-size:15px;}
	
	.conBg{ padding:.5rem 0;}
	.conItem{ padding:.2rem .3rem;}
	.conTit{ font-size:24px;}
	.conTit img{ height:22px;}
	.conText{ font-size:15px;}
	.conWx{ margin-right:5%;}
	.joinBg{ padding:.6rem 0 .8rem;}
	.joinTit{ font-size:24px;}
	.joinDes{ font-size:15px; margin:.15rem 0;}
	.seeMore{ height:40px; line-height:38px; font-size:15px;}
	.LayBox{ max-width:1140px; padding:.3rem .4rem;}
	.LayTit{ font-size:30px; margin-bottom:.1rem;}
	.LayDes{ font-size:15px; line-height:28px;}
	.LayText h4{ font-size:20px; margin:.1rem 0;}
	.LayText{ font-size:15px; line-height:30px;}
	.LayBot{ font-size:15px; padding:.2rem 0 0;}

	.LayBox2{ padding: .2rem .4rem;}
	.LayTit2{ font-size:24px; line-height: 30px; padding-bottom: .2rem; margin-bottom: .2rem;}
	.LayText2{ font-size: 14px;}
	.LayBtn a{ max-width:200px; font-size:14px; height: 42px; line-height: 42px;}

    
    .anchor{ padding-top: 78px; margin-top: -78px;}
    .hk-title{ font-size: 36px;}
    .hk-line{ height: 4px;}
    .hk-more{ width: 130px; line-height: 40px; font-size: 14px;}
    .hkBg1{ padding: 5.47vw 0;}
    .hk-about-text{ font-size: 16px;}
    .hk-team{ min-height: 25vw;}
    .hk-team-text{ font-size: 16px; padding: .3rem 3%;}
    .hkBg4{ padding: 5.47vw 0 8vw;}
    .hk-contact{ font-size: 16px; margin-top: .2rem;}
    .hk-con-box{ padding: 0 .2rem .2rem;}
    .hk-con-icon{ width: 56px; height: 56px;}
    .hk-con-title{ font-size: 20px;}
}
@media (max-width:1400px){
	.boxPd{ padding-top:70px;}
	.navRig{ line-height:70px;}
	.logo{ height:70px;}
	nav.navbar.bootsnav ul.nav > li > a{ line-height:70px;}
	.navWrap{ padding:0 15px;}
	.navRig > ul > li{ font-size:15px;}
	.navWx{ width:120px;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size:16px;}
	.banP1{ font-size:.5rem;}
	.box2Tit{ font-size:30px;}
	.box2Brief{ font-size:18px;}
	.box2Des{ font-size:14px; margin:.2rem auto;}
	.box2List{ margin:.2rem auto .1rem;}
	.box2List li{ font-size:16px;}
	.box2More{ margin:.4rem auto 0;}
	.ftLef{ width:calc(100% - 590px);}
	.ftRig{ width:570px;}
	.WeChat{ margin-right:4%;}
	#fp-nav.left{ left:0;}
	.banIn{ height:400px;}
	.banTit{ font-size:.4rem;}
	.sortList li a{ line-height:54px;}
	.oneTit{ font-size:30px;}
	.one1List{ padding:0 40px; font-size:16px;}
	.onePrev,.oneNext{ width:24px; height:50px;}
	.onePrev{ left:-10px;}
	.oneNext{ right:-10px;}
	.hisTop{ padding:0 40px;}
	.hisBot{ font-size:20px;}
	.hisBot .swiper-slide.active{ font-size:26px;}
	.responList{ padding:0 40px; margin:0 -.12rem;}
	.responList .swiper-container{ padding:.12rem;}
	.responTit{ font-size:16px; line-height:28px;}
	.buliding{ padding:0 40px;}
	.bulidBot{ height:40px;}
	
	.re1Tit{ font-size:22px;}
	.re3Box{ padding:.6rem 0;}
	.re4List{ padding:0 .4rem;}
	.re4Prev{ left:-.3rem;}
	.re4Next{ right:-.3rem;}

    .anchor{ padding-top: 70px; margin-top: -70px;}
    .hk-title{ font-size: 28px;}
}
@media (max-width:1200px){
	nav.navbar.bootsnav.no-background .logo span{ background:none;}
	nav.navbar.bootsnav.no-background .logo span img{ opacity:1; visibility:visible;}
	nav.navbar.bootsnav.no-background .navRig > ul > li{ color:#333333;}
	nav.navbar.bootsnav.no-background .navRig > ul > li a{ color:#333333;}
	nav.navbar.bootsnav.no-background .navRig > ul > li i{ color:#bd1e21;}
	nav.navbar.bootsnav.no-background .navRig > ul > li i.fa-caret-down{ color:#999999;}
	nav.navbar.bootsnav.no-background ul.nav > li > a{ color:#333333;}
	nav.navbar.bootsnav.no-background ul.nav > li.active > a{ color:#b80e12;}
	
	.navRig{ line-height:60px; left:auto; right:50px; top:-2px; z-index:1;}
	.navRig > ul > li{ margin-left:.16rem;}	
	nav.navbar.bootsnav{ position:fixed; background:#FFFFFF; box-shadow:0 1px 0 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;}
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ position:static; left:0;}
	nav.navbar.bootsnav.no-full .navbar-collapse{ margin:0; max-height:none; border-top:1px solid #b80e12;}
	nav.navbar.bootsnav ul.nav > li{ padding:0;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size:15px; line-height:36px; border:none; margin:0; padding:0; text-align:right;}
	nav.navbar.bootsnav ul.nav > li > a:after{ display:none;}
	nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after{ content:"";}
	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;}
	nav.navbar.bootsnav .navRig li.dropdown ul.dropdown-menu{ top:100%;}
	
	.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(-55%); cursor:pointer; z-index:1;}
	.navBtn span{ display:block; width:21px; height:1px; background:#b80e12; 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:#b80e12;}
	.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);}	

	.banner{ position:static; height:100vh;}
	.banner .container{ width:100%;}
	.banCon{ width:100%;}
	.banPage{ bottom:.2rem !important;}
	.banPage .swiper-pagination-bullet{ height:0.04rem;}

	.boxPd{ padding-top:0;}
	.boxBg2{ padding:.4rem 0;}
	.box2Box{ display:block; height:auto;}	
	.box2Tit{ font-size:24px;}
	.boxBg3{ padding:.6rem 0;}
	.box3Name2{ font-size:16px;}
	.box3Name3{ line-height:28px;}
	.footBg{ font-size:14px; line-height:24px;}
	.ftLef,.ftRig{ float:none; width:100%; text-align:center;}
	.ftLef{ margin-bottom:0.2rem;}
	.ftNavList li{ font-size:14px;}
	.ftRig{ display:flex; justify-content:center; align-items:center; text-align:left;}
	.WeChat{ margin-right:.3rem;}
	.ftRig{ flex-direction:column;}
	.WeChat{ margin-right:0; margin-bottom:.2rem;}

	.box2Map,.box2Tit,.box2Brief,.box2Des,.box2List li,.box2More,.box3Top,.box3Lef,.box3Rig{ animation-name:none !important;}	
	
	.banIn{ height:3.8rem;}
	.banIn .banText{ padding-top:60px;}
	.sortBg .container{ width:100%; padding:0;}
	.sortList li{ margin:0 1px;}
	.sortList li a{ line-height:50px;}
	.sortList li::before, .sortList li::after{ display:none;}
	.profileBg{ padding:.3rem 0;}
	.oneText{ font-size:15px;}
	.hisBot{ background-size:auto 14px;}
	.hisBot .swiper-container{ padding-bottom:10px;}
	.buliding .swiper-slide{ width:100%;}
	.bulidBot{ height:.4rem;}
	
	.re1List{ margin:0 -.1rem; padding-top:.2rem;}
	.re1List li{ padding:0 .1rem; margin-top:.3rem;}
	.re3Box{ min-height:400px;}
	.re3Name{ font-size:30px;}
	.re3Des{ margin:.3rem 0;}
	.re3More{ font-size:14px;}
	.re3More i{ height:18px;}
	.re4Bot{ font-size:14px; padding-left:.2rem; margin-top:.2rem;}
	.re4Name{ font-size:20px;}
	/* .re4Prev, .re4Next{ margin-top:-45px;} */
	
	.newsTop{ margin:.4rem 0 .2rem;}
	.newsRig li{ padding:.2rem .3rem;}
	.newsH3{ font-size:20px;}
	.newsTit{ font-size:18px;}	
	
	.redBg{ padding-top:calc(60px + .3rem);}
	.share{ margin-left:480px;}
	.noticeTime{ font-size:16px; padding-top:20px;}
	.noticeTime span{ font-size:22px;}
	.noticeRig{ padding-right:50px; padding-left:.2rem;}
	.noticeIco{ width:40px; height:40px; line-height:38px;}
	
	.conList{ margin:0 -.1rem;}
	.conList li{ padding:.1rem;}
	.conTit{ font-size:20px;}
	.LayBox{ max-width:940px;}
	.LayTit{ font-size:24px; line-height:30px;}

    .anchor{ padding-top: 60px; margin-top: -60px;}
    .hk-header{ font-size: 14px;}
    .hkBg1{ padding: .6rem 0;}
    .hk-about-text{ font-size: 14px;}
    .hk-team{ min-height: 3rem;}
    .hk-team-text{ font-size: 14px;}
    .hkBg4{ padding: .6rem 0 1rem;}
    .hk-con-title{ font-size: 18px;}
    .hk-contact{ font-size: 14px;}
}
@media (max-width:991px){
	.banner{ height:6rem;}
	.banScroll{ display:none;}
	.banPage .swiper-pagination-bullet{ width:.4rem; margin:0 .05rem !important;}
	.box2List li{ width:50%; padding:0 .1rem;}
	.box3Top{ display:block;}
	.box3Lef{ width:100%; margin-bottom:.2rem;}
	.box3Img{ height:0; padding-bottom:46%;}
	.box3Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0;}
	.box3Rig{ width:100%;}
	.box3List{ height:auto;}
	.culList{ margin:0; justify-content:center;}
	.culList li{ width:50%; padding:0.06rem;}
	.culTit{ font-size:20px;}
	.culDes{ font-size:16px;}
	.culItem:hover{ transform:translateY(0);}
	.hisImg{ float:none; max-width:100%; display:none;}
	.hisImg img{ display:block; margin:0 auto;}
	.hisYear{ font-size:28px;}
	.hisText{ font-size:15px;}
	.hisCon{ max-height:2.1rem;}
	.hisBot .swiper-container{ max-width:600px;}
	.bulidTit{ font-size:20px;}
	.re3Lef{ position:static; width:100%; margin-bottom:.3rem;}
	.re3Rig{ padding:0; text-align:center;}
	.re3More{ margin:.3rem auto 0;}
	.re4Prev, .re4Next{ width:.46rem;}
	.re4Prev{ left:-.2rem;}
	.re4Next{ right:-.2rem;}
	.researchBg .re3Lef{ float:none; width:100%; padding:0; margin-bottom:.3rem;}
	.researchBg .re3Lef img{ margin:0 auto; max-width:60%;}
	.re3Job2{ text-align:left;}
	.re3Hon li{ width: 33.33%;}
	.goTeam{ height:38px; line-height:38px; margin:.3rem auto 0;}
	.goTeam i{ font-size:22px;}
	.newsTop{ display:block;}
	.newsLef,.newsRig{ width:100%;}
	.newsLef{ height:3.2rem;}
	.newsDes{ height:auto;}
	
	.breadcrumb{ float:none; width:100%;}
	.goList{ float:none; display:block; margin-top:.1rem; font-size:14px; width:120px; height:38px; line-height:36px;}
	.goList i{ font-size:18px;}
	.newsName{ font-size:24px;}
	.newsFoot{ display:block; font-size:14px;}
	.newsFoot p{ max-width:100%;}
	.share{ display:none;}
	
	.conList{ display:block;}
	.conList li{ width:100%;}
	.joinList{ margin:0 -.1rem;}
	.joinList li{ padding:0 .1rem; margin-top:.2rem;}
	.LayBox{ max-width:720px; padding:.2rem .3rem;}
	.joinItem{ float:none; width:100%; margin:.1rem 0;}

    .hk-title{ font-size: 24px;}
    .hk-about-img{ float: none; width: 100%; padding: .3rem .3rem 0 0; text-align: right; margin: 0;}
    .hk-about-text{ max-width: 100%;}
    .hk-team-text{ width: 100%; padding: .3rem;}
    .hk-contact li{ width: 100%;}
}
@media (max-width:767px){
	.sortList{ padding:.1rem 0; display:flex; flex-wrap:wrap;}
	.sortList li{ flex:1; margin:1px 0;}
	.sortList li a{ padding:0 0.1rem; line-height:36px; white-space:nowrap;}
	.responList{ margin:0;}
	.bulidTit{ font-size:18px;}
	.joinTit{ font-size:20px;}
}
@media (max-width:640px){
	/* .logo{ width:40px; overflow:hidden;} */
	.logo img{ height:35px;}
	.banCon{ padding:0 .3rem;}
	.banText{ padding-bottom:0;}
	.ban3 .banText{ padding-bottom:5%;}
	.box2Tit{ font-size:22px;}
	.box2Brief{ font-size:16px;}
	.box2More{ width:220px; height:44px; line-height:42px; font-size:16px;}
	.box3Name,.box3Tit,.box3Tit2{ font-size:20px;}
	.box3Arrow{ border-top-width:8px; border-left-width:6px; border-right-width:6px;}
	.oneTit{ font-size:28px;}
	.one1List{ padding:0 .3rem;}
	.onePrev,.oneNext{ width:.34rem; height:.6rem;}
	.hisTop{ padding:0 .3rem;}
	.hisYear{ font-size:22px;}
	.hisBot{ font-size:16px;}
	.hisBot .swiper-slide{ padding-bottom:20px;}
	.hisBot .swiper-slide.active{ font-size:22px;}
	.responList{ padding:0 .3rem;}
	.buliding{ padding:0 .3rem;}
	.bulidTit{ font-size:16px;}
	
	.re1Item{ padding-left:.25rem;}
	.re1Num{ font-size:.5rem;}
	.re1Tit{ font-size:18px; padding-right:.6rem;}
	.re1Tit img{ height:24px;}
	.re3Name{ font-size:24px;}
	.re3Job{ font-size:16px;}
	.re4Link{ box-shadow: 0 0 0.1rem rgba(0,0,0,0.15);}
	.re4Top{ font-size: 14px;}
	.newsTime{ font-size:18px;}
	.newsH3{ font-size:18px;}
	.newsPrev, .newsNext{ width:.6rem; height:1rem;}
	.newsLink{ padding:.3rem;}
	.newsTit{ font-size:16px;}
	.new .newsLink::before{ transform:rotate(-45deg) translate(-28%,-120%) scale(0.8);}
	.newsName{ font-size:22px;}
	
	.noticeTime{ float:none; padding:0 0 10px; text-align:left; margin-top:5px;}
	.noticeTime span,.noticeTime p{ display:inline;}
	.noticeRig{ position:static; padding-right:0; padding-left:0; border:none;}
	.noticeIco{ right:.3rem; top:.3rem; transform:translateY(0); width:30px; height:30px; line-height:28px; font-size:22px;}
	
	.FQATit{ font-size:16px; line-height:200%;}
	.FQACon{ font-size:14px; line-height:24px; padding-left:calc(.2rem + 30px);}
	.FQACon:before{ width:24px; height:24px; line-height:24px; font-size:14px;}
	
	.downCon{ padding:0;}
	.downBtn{ width:100%; height:38px; line-height:36px; font-size:14px; position:static; transform:translateY(0); margin-top:5px;}
	
	.conTit{ font-size:18px; line-height:30px;}

    .hk-title{ font-size: 20px;}
    .hk-contact li{ margin-top: .6rem;}
    .hk-con-title{ font-size: 16px;}
}
@media (max-width:460px){
	.navRig > ul > li{ font-size:14px;}
	.navRig > ul > li i.fa-caret-down{ display:none;}
	.navRig > ul > li a span{ display:none;}
	.banScroll{ width:20px; height:32px;}
	.box2List li{ font-size:14px;}
	.WeChat{ max-width:2.4rem;}
	.box2More{ width:80%; height:40px; line-height:38px; font-size:14px;}
	.box3Name{ font-size:16px;}
	.box3Name3{ font-size:14px; line-height:24px;}
	.box3Rig{ padding:10px 15px;}
	.box3List li a span{ width:45px; padding-right:5px;}
	.box3List2{ display:block;}
	.box3List2 li{ width:100%; margin-bottom:.2rem;}
	.box3List2 li a{ padding:15px;}
	.box3Time span{ font-size:18px;}
	.box3Con{ font-size:14px;}
	.sortList li{ font-size:14px;}
	.oneTit{ font-size:22px;}
	.one1List{ font-size:14px;}
	.culList li{ width:100%;}
	.culTit{ font-size:18px;}
	.culDes{ font-size:14px;}
	.hisBot{ font-size:14px;}
	.hisBot .swiper-slide{ padding-bottom:10px; padding-top:5px;}
	.hisBot .swiper-slide.active{ font-size:18px;}
	.hisYear{ font-size:18px;}
	.hisText{ font-size:14px;}
	.responTit{ font-size:14px;}
	.bulidTit{ font-size:14px;}
	.re1Tit{ font-size:16px;}
	.re1Con{ font-size:14px;}
	.re2Text{ font-size:14px;}
	.re3Name{ font-size:22px;}
	.re3Des{ font-size:14px;}
	.re3Hon li{ width: 50%;}
	.re3More{ height:40px; line-height:40px;}
	.re4Bot{ font-size:12px; border-left-width:.04rem;}
	.re4Name{ font-size:16px;}
	/* .re4Prev, .re4Next{ margin-top:-.4rem;} */
	.newsH3{ font-size:16px; line-height:24px;}
	.newsBrief{ font-size:14px; line-height:24px;}
	.readAll{ font-size:14px;}
	.readAll i{ width:18px; height:18px; line-height:18px;}
	.newsDes{ font-size:14px; line-height:24px;}
	.newsName{ font-size:20px;}
	.newsBody{ font-size:14px;}
	.goList{ height:32px; line-height:30px; margin:10px auto 0;}
	.noticeTime span{ font-size:18px;}
	.noticeIco{ width:24px; height:24px; line-height:22px; font-size:18px;}
	.conText{ font-size:14px;}
	.joinList li{ width:100%;}
	.joinTit{ font-size:18px;}
	.joinDes{ font-size:14px;}
	.LayTit{ font-size:20px;}
	.LayDes{ font-size:14px; line-height:24px;}
	.LayText h4{ font-size:16px;}
	.LayText{ font-size:14px; line-height:24px;}
	.LayBot{ font-size:14px;}
	.LayBox2{ padding: .3rem;}
	.LayTit2{ font-size:20px;}
	.LayBtn a{ height: 38px; line-height: 38px;}

    .hk-title{ font-size: 18px;}
    .hk-more{ width: 120px; line-height: 36px;}
}
@media all and (orientation : landscape){

}
@media all and (orientation : portrait){

}