@charset "utf-8";*{margin:0;padding:0}table{border-collapse:collapse}a{text-decoration:none}a:focus,a:hover{text-decoration:none}a:focus,input:focus,select:focus{outline:0}ol,ul{margin:0}p{margin:0}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{margin:0;font-family:"Microsoft YaHei"}img{border:none;vertical-align:middle}.cor_red{color:#e61c15}.clear{clear:both}.shows{display:block}.showsIn{display:inline-block}.hides{display:none}.ellipsis{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bd_weixin_popup{height:auto!important;box-sizing:content-box}html{-ms-touch-action:none;-webkit-text-size-adjust:100%;height:100%;min-width:320px}body{font-family:"Microsoft YaHei";position:relative;height:100%;color:#333;overflow-x:hidden}
@font-face {
font-family:'TENSANSBOLD';
src: url('../fonts/tensansbold.eot'); /* IE9 Compat Modes */
src: url('../fonts/tensansbold.eot') format('embedded-opentype'), /* IE6-IE8 */
	 url('../fonts/tensansbold.woff') format('woff'), /* Modern Browsers */
	 url('../fonts/tensansbold.ttf')  format('truetype'), /* Safari, Android, iOS */
	 url('../fonts/tensansbold.svg#yourwebfontname') format('svg'); /* Legacy iOS */
}
.imgBg{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgBg img{ display:none;}
.flexBox{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-pack:center; -webkit-flex-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; align-items:center;}
.wow{ animation-delay:0.3s;}

/*loading*/
.loading{ height:100%; overflow:hidden; position:relative;}
.loadImgGray{ height:100%; transform:scale(1.2); transition:all 2.5s linear 0s;}
.loadImgGray.active{ transform:scale(1);}
.loadImg{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0;}
.loadShadow{ position:absolute; left:0; top:0; right:0; bottom:0; background:#000000; opacity:0.8;}
.loadText{ position:absolute; left:0; top:0; width:100%; height:100%;}
.loadCon{ width:100%;}
.logoBox{ width:310px; height:120px; margin:0 auto; position:relative; transform-origin:center bottom;}
.logoEn,.logoCn,.logoColor{ position:absolute; left:0; top:0; right:0; bottom:0;}
.loadBrief{ text-align:center; font-size:48px; color:#FFFFFF; line-height:110%; margin:90px auto;}
.loadBrief span{ display:inline-block; vertical-align:middle; position:relative; text-shadow:0 0 20px rgba(0,172,228,0.7);}
.bulbCon{ text-align:center; margin-top:-40px;}
.bulbCon a{ display:block; color:#FFFFFF; width:132px; height:132px; margin:0 auto; position:relative;}
.bulbImg{ width:100%; height:0%; background:url(../images/bulb.png) center bottom no-repeat; position:absolute; left:0; bottom:0;}
.bulbHov{ position:absolute; left:0; top:0; right:0; bottom:0; background:url(../images/bulbhov.png) center bottom no-repeat; opacity:0; animation:opacity3 1.5s linear infinite;}
.loadBtn{ font-size:16px; line-height:36px; text-shadow:0 0 5px #FFFFFF; opacity:0.8; position:absolute; left:0; bottom:0; width:100%;}

/*header*/
.logo{ height:100px; margin-left:0 !important; margin-right:15px; padding:10px 15px; max-width:350px;}
.logo span{ display:block; width:100%;}
nav.navbar.bootsnav{ background:rgba(0,0,0,0.5); border-bottom-color:rgba(255,255,255,0.1); transform:all 1s ease-in-out; color:#FFFFFF;}
nav.navbar.bootsnav ul.nav > li > a,.attr-nav > ul > li > a{ color:#FFFFFF;}
nav.navbar.bootsnav ul.nav > li{ padding:0 20px;}
nav.navbar.bootsnav ul.nav > li > a{ font-size:16px; font-weight:normal; line-height:40px; padding:30px 0;}
nav.navbar.bootsnav ul.nav > li > a:after{ display:block; content:"" !important; position:absolute; left:50%; bottom:-2px; width:0%; height:3px; background:#00ace4; margin:0 !important; z-index:1001; transition:all 0.4s linear;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ width:150px; width:212px; background:rgba(0,0,0,0.3); border:none; text-align:center; left:50%; margin-left:-106px; padding:15px 0; animation-duration:0.5s;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ border:none; color:#FFFFFF; transition:all 0.4s linear;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:focus{ background:none;}
nav.navbar.bootsnav ul.nav > li.active > a:after,nav.navbar.bootsnav ul.nav > li.on > a:after{ left:0; width:100%;}
nav.navbar.bootsnav ul.nav > li.active > a:hover,nav.navbar.bootsnav ul.nav > li.active > a:focus{ color:#FFFFFF;}
.navRig{ line-height:100px; font-size:0;}
.navRig > ul{ vertical-align:middle; margin:0; font-size:16px;}
.navRig > ul > li{ border-right:1px solid rgba(255,255,255,0.1);}
.navRig > ul > li > a{ padding:0; width:100px; text-align:center;}
.navRig > ul > li > a > i{ font-size:18px;}
.navRig > ul > li.on > a,nav.navbar.bootsnav.no-background.white .attr-nav > ul > li.on > a{ color:#00ace4; transition:all 0.4s linear;}
.navRig .dropdown-menu{ margin:0; border-radius:0; left:auto; right:0; box-shadow:none; animation-duration:0.5s;}
.navTel{ padding:0 45px 0 15px;}
.navTel i{ font-size:20px; padding-right:8px; position:relative; top:2px;}
.navSearch{ background:rgba(0,0,0,0.3); width:300px; height:60px; padding:0; border:none;}
.navSsInput{ display:block; width:100%; line-height:30px; padding:15px 10px; padding-right:60px; background:none; border:none; color:#FFFFFF;}
.navSsBtn{ position:absolute; right:0; top:0; width:60px; height:100%; line-height:60px; font-size:18px; color:#FFFFFF; text-align:center; transition:all 0.4s linear; border: none; background: none;}
.navSsBtn:hover,.navSsBtn:focus{ color:#FFFFFF; background:#00ace4;}
.navWx.on a{ color:#00d582 !important; transition:all 0.4s linear;}
.navWeChat{ padding:0; width:200px;}
.navWeChat img{ margin:0 auto;}
nav.navbar.bootsnav.no-background{ border-bottom:1px solid rgba(255,255,255,0.1); background:rgba(0,0,0,0.8);}
nav.navbar.bootsnav.no-background li.dropdown ul.dropdown-menu{ background:rgba(255,255,255,0.1);}
.no-background .navSearch{ background:rgba(255,255,255,0.1);}

.banner{ height:100%;}
.banner .swiper-slide{ position:relative; overflow:hidden; background:#000000;}
.banImg{ height:100%; transition:all 5s linear; position:relative;}
.banner .swiper-slide-active .banImg{ transform:scale(1.05); transition:all 6s linear;}
.banText{ position:absolute; left:0; top:0; right:0; bottom:0; color:#FFFFFF;}
.banCon{ width:100%; padding:15px;}
.banH2{ font-size:60px; line-height:120%; font-weight:bold;}
.banH2 span{ color:#f5c622;}
.banBrief{ font-size:30px; line-height:180%;}
.banBot{ position:absolute; left:0; bottom:145px; bottom:5%; width:100%; padding:0 65px; z-index:1; transition:all 0.2s linear;}
.banArrow{ position:absolute; left:50%; bottom:0; width:50px; height:50px; margin:0 0 -12px -25px; border:1px solid #FFFFFF; border-radius:50%; cursor:pointer; overflow:hidden; transition:all 0.2s linear;}
.banArrow span{ display:block; width:100%; height:100%; background:url(../images/banarrow.png) center center no-repeat; background-size:cover; animation:fadeInDown 2s infinite;}
.banPage{ float:left;}
.banPage .swiper-pagination-bullet{ opacity:1; width:4px; height:4px; background:#FFFFFF; margin:0 7px; position:relative;}
.banPage .swiper-pagination-bullet:after{ display:block; content:""; width:0; height:0; border:1px solid #FFFFFF; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.4s linear;}
.banPage .swiper-pagination-bullet-active:after{ width:16px; height:16px;}
.banBtn{ float:right;}
.banPrev,.banNext{ width:40px; height:16px; display:inline-block; vertical-align:middle; margin:0 10px; cursor:pointer;  transition:all 0.2s linear;}
.banPrev{ background:url(../images/banprev.png) left center no-repeat;}
.banNext{ background:url(../images/bannext.png) right center no-repeat;}
.banPrev.swiper-button-disabled,.banNext.swiper-button-disabled{ opacity:0.5;}

.bacon1{text-align: left; padding:15px 15px 15px 185px;}

/*.active .banBot{ bottom:145px;}*/

.hmBox1{ margin:0; font-size:0; text-align:center; height:560px; position:relative; z-index:1;}
.hmBox1 li{ padding:0; height:100%; width:25%; vertical-align:bottom; overflow:hidden; transition:all 0.3s linear;}
.hmBox1 li:nth-child(2n){ background:#f4f8f9;}
.hmBox1 li a{ display:block; height:100%; position:relative; padding:40px 0 0;}
.hmBox1Top{ max-width:240px; margin:0 auto; padding:15px;}
.hmBox1Tit{ font-size:24px; color:#313a3d; line-height:36px; height:72px; overflow:hidden;}
.hmBox1Brief{ font-size:16px; color:#545454; line-height:36px;}
.hmBox1Ico{ max-width:84px; margin:0 auto; padding:80px 0 0;}
.hmBox1Num{ font-size:36px; color:#acacac; font-family:"Myriad Pro"; position:absolute; left:0; bottom:30px; width:100%;}
.hmBox1 li.other{ width:25%;}
.hmBox1 li.active{width:25%; height:640px; margin-top:-80px;}
.hmBox1 li.active a{ padding:0px;}
.hmBox1 li.active .hmBox1Top{ height:160px; background:#00ace4; max-width:100%; width:100%; padding-top:40px;}
.hmBox1 li.active .hmBox1Tit{ color:#FFFFFF; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.hmBox1 li.active .hmBox1Brief{ color:#FFFFFF;}
.hmBox1 li.active .hmBox1Ico{ opacity:0;}
.hmBox1 li.active .hmBox1Num{ color:#FFFFFF;}
.hmBox1 li.active .hmBox1Bot{ height:calc(100% - 160px); position:relative; overflow:hidden;}
.hmBox1 li.active .hmBox1Shadow{ position:absolute; left:0; bottom:0; top:0; right:0; background:rgba(0,0,0,0.3);}
.hmBox1 li.active .hmBox1Mirror{ position:absolute; left:50%; top:50%; width:30px; height:30px; margin:-15px 0 0 -15px; background:url(../images/mirror.png) center center no-repeat; background-size:cover;}
.hmBox1 li.active .hmBox1Bot .imgBg{ height:100%;}

.hmTit{ padding:70px 0 25px; color:#000000; position:relative;}
.hmTitH2{ font-size:48px;}
.hmTitEn{ font-family:Arial; font-size:36px; text-transform:uppercase; font-weight:bold; opacity:0.2 !important;}
.hmTitMore{ position:absolute; right:3%; bottom:20%; font-size:16px; color:#00ace4; font-weight:bold;}
.hmTitMore:hover,.hmTitMore:focus{ color:#00ace4;}

.hmBox2{ overflow:hidden;}
.hmBox2List{ margin:0 -1px;}
.hmBox2List li{ padding:1px;}
.hmBox2List li a{ display:block; height:100%; overflow:hidden; position:relative;}
.hmBox2Img{ position:relative; overflow:hidden; width:100%; height:0; padding-bottom:62.5%;}
.hmBox2Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%;}
.hmBox2Img img{ width:100%; transition:all 0.4s linear;}
.hmBox2Shadow{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.4s linear;}
.hmBox2Text{ position:absolute; left:0; bottom:0; width:100%; height:auto; color:#FFFFFF; transition:all 0.4s linear;}
.hmbox2Con{ width:100%; padding:15px;}
.hmBox2Tit{ font-size:24px; text-align:left; transition:all 0.4s linear;}
.hmBox2Brief{ font-size:16px; line-height:30px; text-align:center; max-width:530px; max-height:180px; height:0; opacity:0; overflow:hidden; transition:all 0.4s linear;}

.hmBox3{ background:url(../images/hmbox3bg.jpg) center center no-repeat; background-size:cover; position:relative; overflow:hidden; z-index:1; padding-bottom:30px;}

.hmBox3:after{ display:block; content:""; position:absolute; left:0; bottom:0; right:0; top:0; background:rgba(255,255,255,0.95); z-index:-1;}
.hmBox3List{ margin:0 auto; max-width:1650px; padding:0 15px;}
.hmBox3List li{ padding:0;}
.hmBox3List li a{ display:block; height:100%; position:relative; padding:60px 18% 50px 7%; transition:all 0.3s linear;}
.hmBox3Con{ border-left:10px solid #2fb9e7; padding-left:20px;}
.hmBox3Tit{ font-size:24px; color:#000000; margin:20px 0;}
.hmBox3Brief{ font-size:16px; color:#424242; line-height:30px; height:140px; margin:20px 0; overflow:hidden;}
.hmBox3Time{ color:#00ace4; line-height:18px; float:left; text-align:center;}
.hmBox3Time strong{ font-size:30px;}
.hmBox3Mirror{ float:right; width:30px; height:30px; background:url(../images/mirror.png) center center no-repeat; background-size:cover; opacity:0; transform:translateX(50%); transition:all 0.3s linear;}
.hmBox3More{ font-size:18px; color:#00ace4; display:block; width:150px; height:50px; border:1px solid #00ace4; margin:50px auto; text-align:center; line-height:48px; transition:all 0.3s linear;}
.hmBox3More:focus,.hmBox3More:hover{ color:#00ACE4;}

.hmBox4{ background:url(../images/hmbox4bg.jpg) center center #FFFFFF no-repeat; background-size:cover; position:relative; z-index:1; padding-bottom:80px; overflow:hidden;}
/*.hmBox4:after{ display:block; content:""; width:100%; height:80px; background:#efefef; position:absolute; left:0; bottom:0; z-index:-1;}*/
.hmBox4Wrap{ max-width:1550px; margin:0 auto; padding:0 15px; position:relative;}
.hmBox4Img{ position:absolute; left:15px; top:115px; z-index:1; width:33%;}
.hmBox4Rig{ overflow:hidden; margin-left:33%; padding-left:7%; font-size:16px; color:#454747; line-height:36px; padding-top:100px;}
.hmBox4Tit{ font-size:36px; color:#00ace4; margin:15px 0;}
.hmBox4H4{ font-size:24px; color:#424242; line-height:36px; margin:15px 0;}
.hmBox4Brief{ border-right:10px solid #00ace4; padding-right:7%;}
.hmBox4Brief p{ margin:25px 0;}
.hmBox4Rig .hmBox3More{ margin-left:0;}

.hmBox5{ background:#efefef; padding:50px 0;}
.hmBox5Wrap{ max-width:1550px; margin:0 auto; padding:0 15px; position:relative;}
.hmBox5Tit{ float:left; font-size:24px; color:#000000; line-height:36px; margin:25px 0;}
.hmBox5Rig{ overflow:hidden; font-size:0; margin:0 -10px;}
.hmBox5Rig li{ width:20%; vertical-align:middle; padding:10px;}
.hmBox5Rig li a{ display:block; height:100%; cursor:pointer;}
.hmBox5Rig li a img{ transition:all 0.3s linear;}

.footBg{ background:url(../images/footbg.png) center bottom #11242a no-repeat; background:#e1e1e1; color:#606d71; font-size:14px; line-height:30px; overflow:hidden;}
.footBg a{ color:#606d71;}
.footTop{ padding:60px 0;}
.ftText{ float:left; width:70%;}
.ftWx{ float:right; width:30%; max-width:200px;}
.ftH3{ font-size:18px; color:#000000; line-height:200%; margin:15px 0;}
.ftH3 a{ color:#000000;}
.ftCon{ margin:15px 0;}
.ftShare{ font-size:0; margin:15px -10px;}
.ftShare li{ padding:0 10px; vertical-align:middle;}
.ftShare li a{ display:block; width:36px; height:36px; border-radius:50%; background-color:rgba(255,255,255,1); background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s linear;}
.ftShareIco1{ background-image:url(../images/ftshareico1.png);}
.ftShareIco2{ background-image:url(../images/ftshareico2.png);}
.ftShareIco3{ background-image:url(../images/ftshareico3.png);}

.footBot{ overflow:hidden; padding:25px 0; border-top:1px solid rgba(0,0,0,0.05);}
.footBot p span{ padding:0 10px; display:inline-block; vertical-align:middle;}
.ftLink{ float:left; width:40%; font-size:0;}
.ftLink li{ font-size:14px;}
.ftLink li:after{ content:"|"; padding-left:5px;}
.ftLink li:last-child:after{ display:none;}
.copyRight{ float:right; width:60%; text-align:right;}

.footLink{ float:left; width:50%; margin:0 -15px;}
.footLink li{ vertical-align:top; padding:0 15px; min-width:110px;}
.ftMap{ float:left; width:23%; padding:0 15px;}
.ftMap img{ margin:0 auto;}
.ftRig{ float:right; width:27%;}

/*20180814*/
.ftTel,.ftWechat{ display:inline-block; vertical-align:top;}
.ftTel{ width:62%; text-align:right; padding-right:10px; font-size:24px;}
.ftTel .ftH3{ margin-top:0;}
.ftTel p span{ font-size:14px;}
.ftWechat{ width:36.5%; max-width:150px; text-align:center; color:#636363; line-height:24px;}
.ftWechat p{ padding:10px 0;}

.top{ position:fixed; right:0; bottom:0; width:50px; height:50px; background:url(../images/top.png) center center #00ace4 no-repeat; background-size:cover; z-index:4; display:none; cursor:pointer;}

.banNy{ height:auto; position:relative; overflow:hidden;}
.banNy.imgBg img{ display:block; }
.banNy1{ height:auto; position:relative; overflow:hidden;}
.banNy1 img{ display:block; width:100%;}

.banShadow{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.2);}
.banShadow2{ position:absolute; left:0; bottom:0; width:100%; height:20%;
background-color: rgba(0, 0, 0, 0);
background-image: -webkit-linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.7) 100%);
background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.7) 100%);
}
.banEn{ font-size:24px; text-transform:uppercase; font-family:'TENSANSBOLD'; letter-spacing:2px;}
.breadNavBg{ position:absolute; left:0; bottom:0; width:100%;}
.wrap{ max-width:1550px; padding:0 15px; margin:0 auto;}
.breadcrumb{ border-radius:0; background:none; margin-bottom:10px; padding:8px 0;}
.breadcrumb li{ font-size:16px; color:#FFFFFF;}
.breadcrumb li a{ color:#FFFFFF;}
.breadcrumb > .active{ color:#FFFFFF;}
.breadcrumb > li + li:before { content:"\f105"; color:#FFFFFF; opacity:0.5; padding:0 8px; font-family:FontAwesome;}

.lmBox1{ color:#3c3b3b; text-align:center; padding:80px 0; background:#FFFFFF;}
.lmBox1Tit{ font-size:30px; line-height:140%; text-align:center;}
.lmBox1Brief{ font-size:16px; line-height:180%; margin:10px 0; color:#00ace4; text-align:center;}
.lmBox2{ padding:60px 0; position:relative; background:#FFFFFF; z-index:1; font-size:16px; color:#464646; line-height:220%;}
.lmBox2:after{ display:block; content:""; position:absolute; left:0; top:0; width:100%; height:45%; background:#f1f1f1; z-index:-1;}
.lmBox2 p{ margin:20px 0;}
.lmBox2 img{ margin:20px auto; max-width:100% !important; height:auto !important;}
.lmBox3{ margin:0 -1px; font-size:0; overflow:hidden;}
.lmBox3 li{ padding:1px; vertical-align:top; width:50%;}
.lmBox3 li a{ display:block; height:100%; position:relative; overflow:hidden;}
.lmBox3 li a img{ width:100%; transition:all 0.4s linear;}
.lmBox3Shadow{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4);}
.lmBox3Text{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); text-align:center; color:#FFFFFF; font-size:24px; line-height:36px;}
.lmBox3Text span{ display:inline-block; vertical-align:middle; width:10px; height:18px; margin-left:5px; background:url(../images/lmbox3ico.png) center right no-repeat; transition:all 0.4s linear;}

.culBox1Bg{ background:#f5f5f5; position:relative; overflow:hidden; z-index:1; padding:130px 0;}
.culBox1Bg:after{ width:50%; height:100%; display:block; content:""; position:absolute; left:0; top:0; background:#ededed; z-index:-1;}
.culBox1{ font-size:0;}
.culLef,.culRig{ display:inline-block; vertical-align:middle; width:50%; font-size:16px; color:#575757; line-height:190%;}
.culLef img{ margin:0 auto; max-width:62%;}
.culRig{ padding:0 8%;}
.culRigH3{ font-size:30px; color:#575757; line-height:140%;}
.culRigLine{ display:block; width:30px; height:3px; background:#00ace4; margin:10px 0 40px;}

.culBox2Bg{ padding:130px 0;}
.culBox2{ font-size:0; text-align:center;}
.culBox2 li{ width:20%; vertical-align:top;}
.culBox2Brief h2{margin-bottom: .3em; font-size: 20px;}
.culBox2Brief p{ font-size: 14px;}
.culBox2CirBor{ width:120px; height:120px; padding:15px; border-radius:50%; border:1px dashed rgba(155,155,155,0.2); margin:0 auto; overflow:hidden;}
.culBox2Cir{ width:100%; height:100%; background:#00ace4; border-radius:50%;}
.culBox2Cir img{ margin:0 auto; max-width:43%;}
.culBox2Tit{ font-size:30px; color:#353535; line-height:120%; margin:20px 0;}
.culBox2Brief{ font-size:16px; color:#626262; line-height:24px; max-width:200px; margin:20px auto;}

.strategies{ padding:30px 0 120px;}
.strategyTit{ font-size:48px; color:#3b3a3a; line-height:120%; padding:60px 0; text-align:center;}
.strategyImg{ position:relative;}
.strategyText{ position:absolute; left:50px; width:80%; max-width:350px; height:80%; top:10%; background:rgba(255,255,255,0.9); padding:20px 15px;}
.strategyCon{ width:100%; height:100%; overflow-y:auto; border:1px solid #d9d9d9; padding:50px 14% 15px; padding:25px 10%; font-size:16px; line-height:36px; color:#4d4d4d;}
.strategyCon .culRigH3{ color:#282828;}
.strategyCon p{ margin:15px 0;}

.caseTop{ overflow:hidden; text-align:center; padding:75px 0; font-size:36px; line-height:180%;}
.caseTop li{ padding:5px 10px; vertical-align:middle;}
.caseTop li a{ display:block; font-size:24px; color:#00ace4; border:1px solid #00ace4; padding:12px 15px; min-width:200px; transition:all 0.4s linear;}
.caseTop li.active a{ background:#00ACE4; color:#FFFFFF;}
.caseList{ margin:0;}
.caseList li{ padding:0;}


.ryzzTop{font-size:0; background:#fff; padding: 4%;}
.ryzzTop .list{width: 23%; display:inline-block; margin: 1%;}
.ryzzTop .list img{width: 100%;}
.ryzzTop .list p{font-size: 12px; color: #626262; margin-top:5px; text-align: center;}

.grayBg{ background:#F1F1F1;}
.detailBg{ background:#FFFFFF; margin-top:-120px; color:#383838; position:relative; padding:60px 100px; margin-bottom:40px;}
.caseTit{ font-size:48px; color:#000000; line-height:120%; text-align:center; margin:10px 0;}
.caseTime{ font-size:16px; color:#8c8c8c; line-height:200%; margin:10px -10px; text-align:center;}
.caseTime span{ display:inline-block; vertical-align:middle; padding:0 10px;}
.caseLine{ display:block; width:120px; height:10px; background:#00ace4; margin:10px auto;}
.caseCon{ font-size:24px; line-height:200%;}
.caseCon p{ margin:20px 0;}
.caseCon img{ max-width:100% !important; height:auto !important; margin:0 auto;}
.detailBot{ padding-bottom:70px; position:relative;}
.casePrev,.caseNext{ width:40%;}
.casePrev{ float:left; color:#878787;}
.caseNext{ float:right; text-align:right; color:#878787;}
.casePrev a,.caseNext a{ color:#878787; line-height:48px; transition:all 0.3s linear;}
.goList{ position:absolute; left:50%; top:0; transform:translateX(-50%); display:block; width:20%; max-width:150px; height:50px; line-height:48px; color:#00ace4; border:1px solid #00ace4; text-align:center; font-size:16px; transition:all 0.4s linear;}
.goList:hover,.goList:focus{ color:#00ace4;}

.detailyzxm{color:#383838; position:relative; padding:60px 100px; margin-bottom:40px;}
.detailyzxm h1{ font-size:30px; color:#000000; line-height:120%; margin:10px 0;}


.page{ padding:40px 0; text-align:center;}
.page img{ margin:0 auto;}
.news{ padding:40px 0;}
.news.grayBg{ padding:0 !important;}
.newsList li a{ display:block; height:100%; position:relative; overflow:hidden; padding:40px 0;}
.newsList li:nth-child(2n) a{ background:#f7f7f7;}
.newsTime{ float:left; width:100px; padding:15px 0; color:#FFFFFF; background:#00ace4; font-size:16px; line-height:24px; text-align:center; margin-right:2.5%; transition:all 0.4s linear;}
.newsTime big{ font-size:48px; line-height:100%;}
.newsImg{ float:left; max-width:560px; margin-right:2.5%;}
.newsImg img{ margin:0 auto;}
.newsRig{ overflow:hidden;}
.newsTit{ font-size:24px; color:#212121; line-height:150%; margin:15px 0; transition:all 0.4s linear;}
.newsLine{ display:block; width:30px; height:3px; background:#00ace4; margin:15px 0;}
.newsBrief{ font-size:16px; color:#494949; line-height:28px; margin:30px 0; height:140px; overflow:hidden;}
.newsMore{ display:block; width:100%; max-width:150px; height:50px; line-height:48px; color:#00ace4; border:1px solid #00ace4; text-align:center; font-size:16px; transition:all 0.4s linear;}
.newsMore i{ font-size:20px; margin-left:5px;}

.join{ padding:0 !important;}
.joinTop{ background:#fbfcfc;}
.joinTopImg{ position:relative; overflow:hidden;}
.joinTopImg img{ float:left; width:50%;}
.joinTopShaow{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.1);}
.joinTopTextBg{ position:absolute; left:50%; top:50%; width:90%; height:90%; transform:translate(-50%,-50%); max-width:900px; max-height:350px; background:rgba(255,255,255,0.9); padding:20px;}
.joinTopBor{ width:100%; height:100%; border:1px solid #d9d9d9; padding:15px 0;}
.joinTopText{ padding:0 25px; width:100%; max-height:100%; overflow-y:auto; font-size:16px; color:#4d4d4d; line-height:36px;}

.joinBot{ background:#f2f2f2;}
.joinList{ overflow:hidden;}
.joinList li{ background:#FFFFFF; margin:10px 0;}
.joinTit{ position:relative; padding:30px 60px 30px 40px; overflow:hidden; font-size:16px; line-height:36px; cursor:pointer;}
.joinIco{ position:absolute; right:0; top:0; width:60px; height:100%; border-left:1px solid #f6f6f6; background:url(../images/joinico.png) center center no-repeat; background-size:17px auto;}
.joinTime{ float:right; color:#a2a2a2; padding-right:80px; padding-left:15px;}
.joinTitLef{ overflow:hidden; color:#5c5c5c;}
.joinName{ font-size:24px; color:#00ace4;}
.joinName span{ margin-right:40px; color:#393939;}
.joinNum{ font-style:normal;}
.joinNum strong{ display:none;}
.joinText{ font-size:16px; color:#5c5c5c; line-height:36px; padding:0 40px 40px; display:none;}
.joinText strong{ color:#000000;}
.joinText a{ color:#00ace4;}
.joinBtn{ padding:80px 0;}
.joinBtn .goList{ position:static; transform:translateX(0); margin:0 auto;}
.active .joinIco{ transform:scaleY(-1); transition:all 0.3s linear;}

.banSearch{ height:460px; position:relative; overflow:hidden;}
.banSearch .banText{ padding-top:80px;}
.searchBox{ width:35%; max-width:600px; margin:0 auto; position:relative;}
.searchInput{ background:rgba(255,255,255,0.1); display:block; border:none; width:100%; height:60px; line-height:30px; padding:15px; padding-right:70px; border-radius:5px;}
.searchBtn{ display:block; position:absolute; right:0; top:0; width:70px; height:100%; background:url(../images/mirror.png) center center no-repeat; background-size:24px auto; border: none;}
.seaHov{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(3,4,25,0.2); animation:opacity3 2s linear infinite;}
.result{ padding-bottom:40px;}
.resultNum{ font-size:16px; color:#acacac; line-height:30px; padding:33px 0;}
.resultList{ padding-bottom:30px;}
.resultList li{ padding-bottom:10px;}
.resultList li a{ background:#FFFFFF; display:block; padding:50px 50px 50px 30px;}
.resultList .newsTime{ background:none; color:#8c8c8c; transition:all 0.3s linear;}
.resultList .newsRig{ position:relative; padding-right:350px;}
.resultList .newsTit{ margin-top:0;}
.resultList .newsLine{ margin:10px 0 20px;}
.resultList .newsBrief{ height:auto; margin:0;}
.resultList .newsMore{ position:absolute; right:0; top:40px;}

.oneBoxBo{padding-top: 80px;}
.oneBox{ background:#FFFFFF; padding-bottom:80px;}
.oneBox:nth-child(2n){ background:#f4f4f4;}
.about{ font-size:16px; color:#505050; line-height:200%; margin:25px 0;}
.about p{ margin:25px 0;}
.contacti{font-size:18px;}
.culTop{ font-size:0; background:#FFFFFF; padding:55px 5%;}
.culLef{ width:35%;}
.culLef img{ margin:0; max-width:90%;}
.culRig{ width:65%;}
.culBox2{ padding-top:75px;}
/*#onepage2{ padding-bottom:0;}*/
#onepage3{ padding-top:60px;}
.message{padding:30px 15px;}
.message h2 {
    font-size: 36px;
    color: #333;
    margin-bottom: 30px;
    text-align: center;
    font-weight: normal;
}
.message p {
    color: #666;
    font-size: 18px;
    line-height: 35px;
}
.message ul {
    list-style: none;
    overflow: hidden;
    margin-top: 20px;
}
.message ul li {
    width: 48%;
    margin-bottom: 15px;
    float: left;
}
.message ul li:nth-child(2n) {
    float: right;
}
.message ul li input {
    width: 100%;
    border: 1px solid #e9e9e9;
    height: 48px;
    padding: 5px 20px;
    font-size: 14px;
    font-family: 'Arial','Microsoft YaHei';
}
.message .inptxt {
    width: 100%;
    margin-bottom: 20px;
}
.message textarea {
    display: block;
    resize: none;
    border: 1px solid #e9e9e9;
    width: 100%;
    height: 200px;
    padding: 1.5%;
    font-size: 14px;
    font-family: 'Arial','Microsoft YaHei';
}
.message .inp-sub {
    width: 204px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #666;
    color: #fff;
    font-size: 18px;
    color: #fff;
    display: block;
    border: 0px;
    margin: 0px auto;
    cursor: pointer;
}


.newsBox:nth-child(2n){ background:#f1f1f1;}
.newsItem{ margin:-15px;}
.newsItem li{ padding:15px; animation-delay:0.3s;}
.newsItem li a{ display:block; height:100%; position:relative; font-size:16px; color:#626262; line-height:36px;}
.newsPic{ position:relative; overflow:hidden; height:0; padding-bottom:63.15%; background:#FFFFFF;}
.newsPic .imgBg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.newsPic img{ margin:0 auto; width:100%;}
.newsText{ background:#FFFFFF; padding:20px 25px; transition:all 0.3s linear;}
.newsClock{ font-size:16px; color:#a4a4a4; transition:all 0.3s linear;}
.newsName{ font-size:22px; color:#212121; line-height:30px; height:60px; overflow:hidden; transition:all 0.3s linear;}
.newsBox:nth-child(2n+1) .newsPic{ background:#F1F1F1;}
.newsBox:nth-child(2n+1) .newsText{ background:#f1f1f1;}

.newsTop{ padding:80px 0;}
.newsTop a{ display:block; height:100%; position:relative;}
.newsTop a img{ width:100%;}
.newsShadow{ position:absolute; left:0; bottom:0; width:100%; height:30%;
background-color: rgba(0, 0, 0, 0);
background-image: -webkit-linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.7) 100%);
background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.7) 100%);
}
.newsTopInfor{ position:absolute; left:0; bottom:0; width:100%; color:#FFFFFF; line-height:30px; padding:20px;}
.newsTopTime{ float:right; font-size:16px;}
.newsTopTit{ font-size:24px;}

#Yewu{ color:#FFFFFF;}
.boxTit{ font-size:60px; line-height:150%; margin:15px 0;}
.boxTit2{ font-size:30px; line-height:160%; margin:15px 0;}
.boxBrief{ font-size:18px; line-height:180%; margin:15px 0;}
.boxBg1,.boxBg2,.boxBg3,.boxBg4,.boxBg5{ overflow:hidden;}
.boxBg2{ background:url(../images/box1bg.jpg) center center no-repeat; background-size:cover;}
.boxBg1{ background:url(../images/box2bg.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.boxBg3{ background:url(../images/box3bg.jpg) center center no-repeat; background-size:cover;}
.boxBg4{ background:url(../images/ludeng5.png) center center no-repeat; background-size:cover;}

.boxBg5{ background:#000000;}
.boxBg6{ background:#141414; text-align:center; font-size:14px; color:#606d71; line-height:30px; padding:25px 15px;}

.box1{ padding:0 10%; font-size:0; padding-top:5%;}
.box1Lef,.box1Rig{ display:inline-block; vertical-align:middle;}
.box1Lef{ width:50%;}
.box1Rig{ width:50%; padding-left:5%;}
.box1Cir{ width:100%; max-width:683px; height:0; padding-bottom:100%; position:relative; border-radius:50%; overflow:hidden; cursor:pointer;}
.box1Cir1,.box1Cir2,.box1Cir3,.box1Cir1:after,.box1Cir2:after,.box1Cir3:after{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.box1Cir1:after,.box1Cir2:after,.box1Cir3:after{ display:block; content:""; opacity:0; transition:all 0.3s linear;}
.box1Cir1{ background-image:url(../images/box1cir1.png); animation:cirAni 20s linear infinite;}
.box1Cir2{ background-image:url(../images/box1cir2.png); animation:cirAni2 30s linear infinite;}
.box1Cir3{ background-image:url(../images/box1cir3.png);}
.box1Cir1:after{ background-image:url(../images/box1cir1hov.png);}
.box1Cir2:after{ background-image:url(../images/box1cir2hov.png);}
.box1Cir3:after{ background-image:url(../images/box1cir3hov.png);}

.box2VideoBg{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
#myVideo{ position:absolute; width:100%; min-height:100%; top:50%; transform:translateY(-50%); left:0; background-size:100% 100%; background-color:black; background-image:url(../images/box2bg.jpg); background-position:center center; background-size:cover; object-fit:cover; z-index:3;}
.box2LayBg{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:4;}
.box2Text{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); z-index:5;}
.box2CirBg{ width:310px; height:310px; margin:15px auto; background:url(../images/box2cirbg.png) center center no-repeat; background-size:cover;}
.box2Cir{ width:100%; height:100%; background:url(../images/box2cir.png) center center no-repeat; background-size:cover; animation:cirAni 10s linear infinite;}
.box2cir{ width:100%; height:100%; background:url(../images/box2cir.png) center center no-repeat;}

.box3Text{ position:absolute; left:0; top:20%; width:100%; z-index:5; text-align:center;}
.box3{ padding:0 15px;}
.box3Img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
.box3Light{ position:absolute; left:25%; top:0; z-index:1; animation:bulbLine 4s linear infinite;}
.box3Line{ width:8px; height:160px; background:#3b3b47; margin:0 auto;}
.box3Cir{ width:160px; height:80px; background:#3b3b47; border-radius:80px 80px 0 0; margin:0 auto;}
.box3Cir2{ width:110px; height:50px; border:10px solid #00ace4; border-radius:0 0 50% 50%/0 0 100% 100%; border-top:none; margin:0 auto;}
#box3Bulb{ width:320px; height:320px; position:absolute; left:50%; bottom:-140px; transform:translateX(-50%);}
#box3Bulb line{ stroke-dashoffset:108; animation:bulb 2s infinite cubic-bezier(0.18, 0.89, 0.32, 1.28); stroke:#00ace4;}
.box3Light.on .box3Cir2{ border-color:#ff3b44;}
.box3Light.on #box3Bulb line{ stroke:#ff3b44;}

.box3Equip{ position:absolute; right:15%; bottom:0; z-index:6;}
.box3Bor{ border:1px solid rgba(255,255,255,0.3); border-radius:10px; padding:10px;}
.box3Bor2{ border:1px solid rgba(255,255,255,0.3); border-radius:10px; padding:15px;}
.box3Dot{ padding:0 10px; border:2px solid #FFFFFF; margin:0;}
.box3Dot li{ padding:10px 4px; vertical-align:middle;}
.box3Dot li span{ display:block; width:40px; height:40px; border-radius:50%; border-width:7px; border-style:solid; cursor:pointer; transition:all 0.2s linear;}
.box3Dot li:nth-child(1) span{ border-color:#e3b71e; background:#e3b71e;}
.box3Dot li:nth-child(2) span{ border-color:#0fa44b; background:#0fa44b;}
.box3Dot li:nth-child(3) span{ border-color:#ff3b44; background:#ff3b44;}
.box3Dot li.on:nth-child(1) span{ border-color:#e3b71e; background:#f1db8f;}
.box3Dot li.on:nth-child(2) span{ border-color:#0fa44b; background:#87d2a5;}
.box3Dot li.on:nth-child(3) span{ border-color:#ff3b44; background:#ff9da2;}
.shandian{ padding:40px 0; text-align:center;}
.shandian img{ margin:0 auto;}
.box3EqLine{ font-size:0; text-align:center;}
.box3EqLine span{ display:inline-block; vertical-align:top; width:2px; height:30px; background:#FFFFFF;}
.box3EqLine span:nth-child(1){ background:#e3b71e;}
.box3EqLine span:nth-child(2){ margin:0 50px; background:#0fa44b;}
.box3EqLine span:nth-child(3){ background:#ff3b44;}

.box4Text{ position:absolute; left:0; top:120px; width:100%; z-index:5;}
.box4Bot{ position:absolute; left:0; bottom:0; width:100%; height:501px; background:url(../images/building.png) center bottom no-repeat; background-size:100% auto;}
.box4Bot img{ display:none;}
.buildingLight{ width:100%; height:100%; background:url(../images/buildinghov.png) center bottom no-repeat; background-size:100% auto; animation:opacity4 3s linear infinite;}
.box4Deng{ position:absolute; left:50%; top:50%; width:140px; height:160px; margin:-30px 0 0 -70px;}
.box4Deng2{ position:absolute; left:0; top:0; width:100%; height:100%; animation:opacity4 3s linear infinite;}
.box4Deng img{ margin:0 auto; max-width:100%;}

/*#navPage{ position:fixed; right:25px; top:50%; transform:translateY(-50%); text-align:left; transition:all 0.1s ease-out 0s;}
#navPage li{ position:relative; margin:30px 0;}
#navPage li a{ display:block; color:#8b8b8b; text-align:center; font-family:Arial; position:relative;}
#navPage li a i{ display:block; width:10px; height:10px; background:rgba(255,255,255,0.5); border-radius:50%; position:relative;}
#navPage li a i:after{ display:block; content:""; width:0; height:0; opacity:0; border:1px solid #00ace4; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.3s linear;}
#navPage li a span{ position:absolute; right:25px; top:-5px; display:block; opacity:0; visibility:hidden; transform:translateX(-10px); text-align:right; overflow:hidden; white-space:nowrap; font-size:14px; color:rgba(255,255,255,0.5); transition:all 0.5s ease-out 0s;}
.navPageIco{ position:absolute; right:25px; top:50%; transform:translateY(-50%);}
#navPage li.active a,#navPage li a:hover{ color:#FFFFFF;}
#navPage li.active a span,#navPage li a:hover span{ opacity:1; visibility:visible; transform:translateX(0);}
#navPage li.active a span{ color:#00ace4;}
#navPage li.active a i{ background:#00ace4;}
#navPage li.active a i:after{ width:20px; height:20px; opacity:1;}
#navPage li.active a .navPageIco,#navPage li a:hover .navPageIco{ display:none;}*/

#navPage{ position:fixed; right:25px; top:50%; transform:translateY(-50%); text-align:left; transition:all 0.1s ease-out 0s;}
#navPage li{ position:relative;}
#navPage li:after{ display:block; content:""; width:1px; height:18px; background:#FFFFFF; opacity:.3; margin:0 auto;}
#navPage li:last-child:after{ display:none;}
#navPage li a{ display:block; color:#8b8b8b; text-align:center; font-family:Arial; position:relative;}
.navIco{ display:block; width:38px; height:38px; border:1px solid #FFFFFF; border-radius:50%; opacity:.3; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.navIco svg{ position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0) rotate(0); transition:.8s cubic-bezier(.6,.3,.8,.5); pointer-events:none;}
.navIco svg circle {
    stroke-dashoffset: 70;
    stroke-dasharray: 70;
}
.navIco1{ background-image:url(../fonts/3ac38fc8ea274020a4d0a9b02beed12d.woff) rotate(180deg); transition:.8s cubic-bezier(.6,.3,.8,.5) .25s;}
#navPage li.active .navIco svg circle{ stroke-dashoffset:0; transition:.8s cubic-bezier(.6,.3,.8,.5) .25s;}
#navPage li.active .navIco1{ background-image:url(../images/navico1a.png);}
#navPage li.active .navIco2{ background-image:url(../images/navico2a.png);}
#navPage li.active .navIco3{ background-image:url(../images/navico3a.png);}
#navPage li.active .navIco4{ background-image:url(../images/navico4a.png);}
#navPage li.active .navIco5{ background-image:url(../images/navico5a.png);}

/*20180827*/
.ysList{ margin:0 -20px;}
.ysList li{ padding:0 20px; font-size:16px; color:#484848; line-height:36px;}
.ysBg{ background:#ededed; height:100%;}
.ysText{}
.ysCon{ padding:30px 6%;}
.ysIco{ margin:15px 0;}
.ysIco img{ margin:0 auto; max-width:60px;}
.ysTit{ font-size:24px; color:#484848; line-height:36px; text-align:center;}
.ysBrief{ margin:20px 0;}

/*20200429*/
.boxWrap{ max-width:1000px; margin:0 auto;}
.box1Text{ position:absolute; left:0; top:15%; width:100%; text-align:center;}
.box1Text a{ display:block; color:#FFFFFF;}
.box1Light{ position:absolute; left:0; bottom:0; width:100%;}
.box1Img{ position:relative; max-width:876px; margin:0 auto;}
.box1Img > img{ display:block; max-width:100%; height:auto; /*animation:opacity4 3s linear infinite;*/}
.box1Light li{ position:absolute;}
.box1Li1{ left:64px; top:0;}
.box1Li2{ right:64px; top:0;}
.box1Li3{ left:0; top:114px;}
.box1Li4{ right:0; top:114px;}
.box1Li5{ left:64px; top:227px;}
.box1Li6{ right:64px; top:227px;}
.box1Ico{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:114px; height:131px; background:url(../images/box1icobg.png) center center no-repeat; background-size:contain;}
.box1Ico img{ max-width:60%;}
.box1Ico:hover img{ animation:swing 1s infinite alternate;}
.box1Li1 .box1Ico{ animation:ghostUpdown 1s infinite alternate;}
.box1Li2 .box1Ico{ animation:ghostUpdown 1.2s infinite alternate;}
.box1Li3 .box1Ico{ animation:ghostUpdown 1.4s infinite alternate;}
.box1Li4 .box1Ico{ animation:ghostUpdown 0.8s infinite alternate;}
.box1Li5 .box1Ico{ animation:ghostUpdown 1.5s infinite alternate;}
.box1Li6 .box1Ico{ animation:ghostUpdown 1.1s infinite alternate;}

.boxBg1 .fp-tableCell{ overflow:hidden;}
.box2Text{ position:static; transform:translateY(0);}
.box2Top{ display:block; color:#FFFFFF; position:relative; z-index:1;}
.box2Top:hover,.box2Top:focus{ color:#FFFFFF;}
.box2CirBox{ position:relative; width:289px; height:289px; margin:.8rem auto 0; background:url(../images/box2cir.png) center center no-repeat; background-size:contain;}
.box2List li{ position:absolute;}
.box2Li1{ left:50%; top:-48px; margin-left:-50px;}
.box2Li2{ left:-27px; bottom:105px;}
.box2Li3{ right:-27px; bottom:105px;}
.box2Li4{ left:50%; bottom:-48px; margin-left:-50px;}
.box2Ico{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:100px; height:115px; background:url(../images/box2icobg.png) center center no-repeat; background-size:contain;}
.box2Ico:after{ display:block; content:""; width:165px; height:165px; background:url(../images/box2shadow.png) center center no-repeat; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.box2Ico img{ max-width:52%;}
.box2Tit{ position:absolute; top:100%; margin-top:.1rem; font-size:18px; color:#FFFFFF; text-align:center; left:50%; transform:translateX(-50%); display:block; white-space:nowrap;}
.box2Ico:hover img{ animation:swing 1s infinite alternate;}
.box2Li1 .box2Ico:after{ animation:opacity4 2s linear infinite;}
.box2Li2 .box2Ico:after{ animation:opacity4 3s linear infinite;}
.box2Li3 .box2Ico:after{ animation:opacity4 2.5s linear infinite;}
:root {
	--scalingFactor: calc(100 / 20); /*related to size*/
}
.box2CirBor{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:180px; height:180px;}
.box2CirBor span{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; border-radius:50%; border:1px solid rgba(255,255,255,0.3); animation:wave 3s ease-in-out infinite;}
.box2CirBor span{ opacity:1; transform:scale3d(0, 0, 1); }
.box2CirBor span:nth-of-type(2) { z-index: 1; animation-delay: .6s; }
.box2CirBor span:nth-of-type(3) { z-index: 2; animation-delay: 1.2s; }
.box2CirBor span:nth-of-type(4) { z-index: 3; animation-delay: 1.8s; }

.boxBg3 .box5List .swiper-slide .box5Img{ opacity:.5;}
.box3{ display:block; position:relative; color:#FFFFFF;}
.box3:hover,.box3:focus{ color:#FFFFFF;}
.box3Text{ position:static; position:relative; left:auto; right:auto; top:auto; z-index:1;}
.box3List{ font-size:0; max-width:960px; margin:.8rem auto 0;}
.box3List li{ width:25%;}
.box3List li a{ display:block;}
.box3Ico{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:100px; height:115px; background:url(../images/box1icobg.png) center center no-repeat; background-size:contain; margin:0 auto .2rem; position:relative; transform:scale(1.2);}
.box3Ico:after{ display:none; content:""; width:165px; height:165px; background:url(../images/box2shadow.png) center center no-repeat; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:-1px;}
.box3Ico img{ max-width:60%;}
.box3Tit{ font-size:18px; color:#FFFFFF; height:30px; line-height:30px; margin:.1rem 0;}
.box3Tit span{ display:block; transition:all .3s;}
.box3List li a:hover .box3Ico{ background-image:url(../images/box2icobg.png);}
.box3List li a:hover .box3Ico:after{ display:block; animation:opacity4 2s linear infinite}
.box3List li a:hover .box3Ico img{ animation:swing 1s infinite alternate;}
.box3List li a:hover .box3Tit span{ color:#11c5ff; transform:translateY(-100%);}

.box4Text{ position:static; padding-top:.2rem;}
.box4List{ font-size:0; margin:.5rem auto 0;}
.box4Item{ display:inline-block; vertical-align:middle; margin:0 -20px;}
.box4Item:nth-child(2n+1){ margin:0; transform:translateY(50%);}
.box4Ico{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:227px; height:198px; background:url(../images/box4icobg.png) center center no-repeat; background-size:contain; margin:0 auto; position:relative;}
.box4Ico:after{ display:none; content:""; width:277px; height:277px; background:url(../images/box4shadow.png) center center no-repeat; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-left:-1px;}
.box4Ico img{ max-width:34%;}
.box4Item:hover .box4Ico{ background-image:url(../images/box4icobg2.png);}
.box4Item:hover .box4Ico img{ animation:pulse 1s infinite alternate;}
.box4Item:hover .box4Ico:after{ display:block; animation:opacity4 1.2s linear infinite}
.box4Light{ margin:.4rem auto 0; width:150px; height:150px; position:relative;}
.box4Light img{ max-width:100%; height:auto;}
.box4Light:after{ display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/box4dot.png) center top no-repeat; background-size:contain; animation:box4Bulb 1s ease-in-out infinite;}

.box5Text{ position:absolute; left:0; top:20%; width:100%; z-index:5; text-align:center;}
.box5List{ position:absolute; left:0; top:0; right:0; bottom:0;}
.box5List .swiper-slide{ background:#000000; overflow:hidden;}
.box5Img{ height:100%; transform:scale(1.2); transition:all 5s linear;}
.box5List .swiper-slide-active .box5Img{ transform:scale(1);}
.box5Page{ position:absolute; left:0; bottom:.3rem; width:100%; text-align:center; color:#FFFFFF; z-index:1; font-size:0;}
.box5Page li{ cursor:pointer;}
.box5Page span,.box5Page i,.box5Page b{ display:inline-block; vertical-align:middle; font-size:18px; line-height:30px;}
.box5Page i{ width:28px; height:1px; background:#FFFFFF; transition:all .3s;}
.box5Page b{ display:none;}
.box5Page li.active i{ width:0;}
.box5Page li.active b{ display:inline-block;}
.box5Page li:last-child i{ display:none;}

.ysTop{ text-align:center;}
.ysTop h3{ font-size:32px; color:#333333; line-height:140%;}
.ysDes{ font-size:18px; color:#777777; line-height:30px; margin:.1rem auto;}
.ysTop + .culBox2{ padding-top:.4rem;}
.ysTop + .culBox2 .culBox2CirBor{ border:none; padding:0;}
.ysBox{ margin:.3rem auto .5rem;}
.ysBox li{ display:flex;}
.ysBox li:last-child .ysName,.ysBox li:last-child .ysRig{ border:none;}
.ysName{ font-size:24px; color:#FFFFFF; width:19%; flex-shrink:1; background:#00ace4; margin-right:2px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:.1rem; border-bottom:1px solid #FFFFFF;}
.ysRig{ overflow:hidden; background:#f4f4f4; width:calc(81% - 2px); flex-shrink:1; font-size:16px; color:#888888; line-height:24px; padding:.3rem .2rem; border-bottom:1px solid #e5e5e5; display:flex; flex-wrap:wrap;}
.ysH4{ font-size:20px; color:#333333; line-height:150%; margin-bottom:5px;}
.ysItem1{ width:33.33%; padding:.1rem;}
.ysItem2{ width:20%; padding:.1rem;}
.ysItem2 span{ display:inline-block; vertical-align:middle; min-width:48%;}
.ysItem3{ width:100%; padding:.2rem .1rem;}
.ysBox img{ max-width:100% !important; height:auto; display:block; margin:0 auto;}

.banText .boxBrief{ word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.busTop{ padding:60px 0 0;}
.busTit{ font-size:40px; color:#333333; line-height:120%; text-align:center;}
.busDes{ font-size:18px; color:#888888; line-height:160%; max-width:770px; margin:.15rem auto; text-align:center;}
.busItem{ background:#FFFFFF; padding:60px 0 70px;}
.busImg{ float:left; width:48%; margin-right:3%;}
.busImg img{ display:block; max-width:100%; height:auto;}
.busRig{ overflow:hidden; font-size:16px; color:#888888; line-height:28px;}
.busRig p{margin-bottom: 12px;}
.busRig h4{ font-size:30px; color:#333333; line-height:140%; margin:.2rem 0;}
.busItem:nth-child(2n+1){ background:#f4f4f4;}
.busItem:nth-child(2n+1) .busImg{ float:right; margin-right:0; margin-left:5%;}

.busBot{ padding:70px 0;}
.busList{ font-size:0; text-align:center; max-width:830px; margin:.6rem auto .3rem;}
.busList li{ width:33.33%;}
.busIco{ display:flex; flex-direction:column; justify-content:center; width:150px; height:172px; margin:0 auto; background:url(../images/busicobg.png) center center no-repeat; background-size:contain;}
.busIco img{ max-width:60%; display:block; margin:0 auto;}

/*20200521*/
.contact{ padding:.5rem 0; display:flex; align-items:center;}
.conMap{ float:left; width:55%;}
.conMap img{ max-width:100%; height:auto;}
.conList{ overflow:hidden; padding-left:5%;}
.conItem{ padding:.2rem 0; border-bottom:1px solid rgba(0,0,0,0.1); font-size:16px; color:#333333; line-height:180%;}
.conItem h3{ font-size:24px; color:#333333; line-height:160%; margin-bottom:5px;}


@media (min-width:993px){
	.bulbCon a:hover .bulbHov{ opacity:1; animation:none; transition:all 0.4s linear;}
	.navRig > ul > li > a:hover,nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a:hover{ color:#00ace4; transition:all 0.4s linear;}
	nav.navbar.bootsnav ul.nav > li > a:hover:after{ left:0; width:100%;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover{ color:#00ace4;}
	.banPrev:hover{ width:70px; background-image:url(../images/banprev2.png);}
	.banNext:hover{ width:70px; background-image:url(../images/bannext2.png);}
	.hmBox2List li a:hover .hmBox2Img img{ transform:scale(1.05);}
	.hmBox2List li a:hover .hmBox2Shadow{ background:rgba(0,172,228,0.95);}
	.hmBox2List li a:hover .hmBox2Text{ height:100%;}
	.hmBox2List li a:hover .hmBox2Tit{ text-align:center;}
	.hmBox2List li a:hover .hmBox2Brief{ opacity:1; height:auto; margin:15px auto 0; transition:all 0.4s linear 0.3s;}
	.hmBox3More:hover{ background:#00ACE4; color:#FFFFFF;}
	.hmBox3List li a:hover{ background:rgba(0,172,228,0.8);}
	.hmBox3List li a:hover .hmBox3Con{ border-color:transparent;}
	.hmBox3List li a:hover .hmBox3Tit{ color:#FFFFFF;}
	.hmBox3List li a:hover .hmBox3Brief{ color:#FFFFFF;}
	.hmBox3List li a:hover .hmBox3Time{ color:#FFFFFF; opacity:0.5;}
	.hmBox3List li a:hover .hmBox3Mirror{ opacity:1; transform:translateX(0%);}
	.hmBox5Rig li a:hover img{ opacity:0.8; transform:translateY(-2px);}
	.footBg a:hover{ text-decoration:underline;}
	.ftShare li a:hover{ opacity:0.8;}
	.top:hover{ opacity:0.8;}
	.breadcrumb li a:hover{ text-decoration:underline;}
	.lmBox3 li a:hover img{ transform:scale(1.05);}
	.lmBox3 li a:hover .lmBox3Text span{ transform:rotate(90deg);}
	.culBox2 li:hover .culBox2Cir img{ animation:swing 1.5s linear 1;}
	.caseTop li a:hover{ box-shadow:0 0 10px rgba(0,178,228,0.5) inset;}
	.detailBot a:hover{ color:#00ACE4;}
	.goList:hover{ background:#00ace4; color:#FFFFFF !important; box-shadow:4px 4px 0px rgba(0,178,228,0.5); top:-2px;}
	.newsList li a:hover .newsTit{ color:#00ace4;}
	.newsList li a:hover .newsMore{ background:#00ace4; color:#FFFFFF;}
	.resultList li a:hover .newsTime{ background:#00ace4; color:#FFFFFF;}
	.resultList li a:hover .newsTit{ color:#00ace4;}
	.resultList li a:hover .newsMore{ background:#00ace4; color:#FFFFFF;}
	
	.news .newsItem li a:hover .newsText{ background:#00ace4; color:#FFFFFF;}
	.news .newsItem li a:hover .newsClock{ color:#FFFFFF;}
	.news .newsItem li a:hover .newsName{ color:#FFFFFF;}
	
	.box1Cir:hover .box1Cir1:after,.box1Cir:hover .box1Cir2:after,.box1Cir:hover .box1Cir3:after{ animation:opacity3 1.2s linear infinite;}
	.box1Cir:hover .box1Cir2:after{ animation-delay:1s;}
	.box1Cir:hover .box1Cir3:after{ animation-delay:1.5s;}
}
@media (min-width:1230px){
	.container{ width:1230px;}
}
@media (max-width:1600px){
	.logoBox{ width:260px; height:100px;}
	.loadBrief{ font-size:38px; margin:60px auto;}
	
	.logo{ height:80px; padding:15px; max-width:160px;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:20px 0;}
	.navRig{ line-height:80px;}
	.navRig > ul > li > a{ width:80px;}
	.navTel{ padding-right:25px;}
	.navWeChat{ width:160px;}
	
	.banH2{ font-size:56px;}
	.banBrief{ font-size:30px;}
	/*.banBot{ bottom:100px;}*/
	.banArrow{ width:44px; height:44px; margin:0 0 -12px -22px;}
	
	.hmBox1{ height:430px;}
	.hmBox1 li a{ padding:25px 0 0;}
	.hmBox1Tit{ font-size:22px; line-height:30px; height:60px;}
	.hmBox1Ico{ padding:50px 0 0; max-width:60px;}
	.hmBox1Num{ bottom:20px;}
	.hmBox1 li.active{ height:490px;}
	.hmBox1 li.active .hmBox1Top{ padding-top:20px; height:110px;}
	.hmBox1 li.active .hmBox1Bot{ height:calc(100% - 110px);}
	
	.hmTit{ padding:50px 0 15px;}
	.hmTitH2{ font-size:38px;}
	.hmTitEn{ font-size:28px;}
	.hmTitMore{ font-size:14px;}
	
	.hmBox2Tit{ font-size:22px;}
	.hmBox2Brief{ font-size:15px; line-height:26px; max-height:156px;}
	
	.hmBox3List li a{ padding:30px 15% 30px 5%;}
	.hmBox3Con{ border-left-width:6px;}
	.hmBox3Tit{ font-size:22px;}
	.hmBox3Brief{ font-size:14px; line-height:24px; height:120px;}
	.hmBox3Time strong{ font-size:24px;}
	.hmBox3More{ margin:30px auto; font-size:16px; width:120px; height:42px; line-height:40px;}
	
	.hmBox4Wrap{ min-height:580px;}
	
	.hmBox5{ padding:30px 0;}
	
	.footTop{ padding:45px 0;}
	
	.top{ width:60px; height:60px;}
	
	.lmBox1{ padding:50px 0;}
	.lmBox1Tit{ font-size:24px;}
	.lmBox1Brief{ font-size:15px;}
	.lmBox2{ padding:45px 0; font-size:15px;}
	.lmBox2 p{ margin:10px 0;}
	.lmBox2 img{ margin:10px 0;}
	.lmBox3Text{ font-size:22px;}
	
	.culBox1Bg{ padding:100px 0;}
	.culBox2Bg{ padding:100px 0;}
	.culBox2CirBor{ width:160px; height:160px;}
	.culBox2Tit{ font-size:24px;}
	.culBox2Brief{ font-size:15px;}
	
	.strategies{ padding:20px 0 80px;}
	.strategyTit{ font-size:40px; padding:45px 0;}
	
	.caseTop{ padding:50px 0; font-size:28px;}
	.caseTop li{ padding:5px 5px;}
	.caseTop li a{ padding:10px 10px; min-width:180px; font-size:20px;}
	
	.detailBg{ margin-top:-80px; padding:30px 50px; margin-bottom:30px;}
	.caseTit{ font-size:36px;}
	.detailyzxm{padding:30px 50px; margin-bottom:30px;}
	.detailyzxm h1{font-size:22px;}
	.caseLine{ height:5px;}
	.caseCon{ font-size:18px; line-height:180%;}
	.detailBot{ padding-bottom:50px;}
	
	.page{ padding:25px 0;}
	.news{ padding:25px 0;}
	.news .wrap{ max-width:1230px;}
	.newsList li a{ padding:25px 0;}
	.newsTime{ width:80px; padding:10px 0; margin-right:2%;}
	.newsTime big{ font-size:36px;}
	.newsImg{ max-width:420px; margin-right:2%;}
	.newsTit{ font-size:22px; margin:0 0 10px;}
	.newsLine{ margin:10px 0;}
	.newsBrief{ margin:20px 0; font-size:15px; height:112px;}
	.newsMore{ height:44px; line-height:42px; max-width:130px;}
	
	.joinTit{ font-size:15px; padding:20px 60px 20px 30px;}
	.joinName{ font-size:22px;}
	.joinText{ font-size:15px; padding:0 30px 30px;}
	.joinBtn{ padding:50px 0;}
	
	.result{ padding-bottom:20px;}
	.resultList{ padding-bottom:10px;}
	.resultNum{ padding:22px 0;}
	.resultList li a{ padding:30px 30px 30px 20px;}
	.resultList .newsRig{ padding-right:150px;}
	
	.oneBox{ padding-bottom:65px;}
	.oneBoxBo{padding-top: 65px;}
	
	.box1{ padding:0 8%; padding-top:5%;}
	.box1Rig{ padding-left:10%;}
	.boxTit{ font-size:40px; margin:10px 0;}
	.boxTit2{ font-size:22px; margin:10px 0;}
	.boxBrief{ font-size:14px; margin:10px 0;}	
	.box2Text{ top:58%;}
	.box2CirBg{ width:220px; height:220px;}	
	.box3Line{ height:100px; width:6px;}
	.box3Cir{ width:110px; height:55px; border:55px 55px 0 0;}
	.box3Cir2{ width:80px; height:40px; border-width:6px;}
	#box3Bulb{ width:250px; height:250px; bottom:-110px;}
	
	.newsTop{ padding:50px 0;}
	.newsTopTit{ font-size:22px;}
	.newsItem li a{ font-size:14px; line-height:30px;}
	.newsText{ padding:10px 15px;}
	.newsName{ font-size:20px;}
	
	.box3Bor{ padding:5px;}
	.box3Bor2{ padding:10px;}
	.box3Dot{ padding:0 5px;}
	.box3Dot li span{ width:30px; height:30px; border-width:6px;}
	.shandian{ padding:25px 0;}
	.box3EqLine span{ height:24px;}
	.box3EqLine span:nth-child(2){ margin:0 30px;}
	.box4Deng{ width:100px; height:115px; margin:-20px 0 0 -50px;}
	
	.box1Img{ max-width:750px;}
	.box1Ico{ width:90px; height:100px;}
	.box1Li3{ top:90px;}
	.box1Li4{ top:90px;}
	.box1Li5{ top:180px;}
	.box1Li6{ top:180px;}
	.box2Text{ padding-top:.5rem;}
	.box2CirBox{ width:270px; height:270px;}
	.box2Ico{ width:90px; height:104px;}
	.box2Ico:after{ width:148px; height:148px;}
	.box2Li1{ margin-left:-45px;}
	.box2CirBor{ width:160px; height:160px;}
	.box3Ico{ width:90px; height:104px;}
	.box3Ico:after{ width:148px; height:148px;}
	.box4Ico{ width:200px; height:174px;}
	.box4Ico:after{ width:244px; height:244px; margin:0;}
	.box4Light{ width:120px; height:120px;}
	.box5Page span, .box5Page i, .box5Page b{ font-size:16px;}
	
	.ysTop h3{ font-size:28px;}
	.ysDes{ font-size:16px;}
	.ysName{ font-size:22px;}
	.ysH4{ font-size:18px;}
	.ysRig{ font-size:14px;}
	
	.busTit{ font-size:30px;}
	.busDes{ font-size:14px;}
	.busRig{ font-size:14px; line-height:24px;}
	.busRig h4{ font-size:24px;}	
	
	#onepage3{ padding-top:45px;}
	
	.conItem h3{ font-size:20px;}
}
@media (max-width:1400px){
	.loadBrief{ font-size:32px; margin:50px auto;}
	.bulbCon a{ width:120px; height:120px;}
	.bulbImg,.bulbHov{ background-size:120px 120px;}
	
	.logo{ height:70px; padding:15px 0; max-width:104px; margin-right:25px;}
	nav.navbar.bootsnav ul.nav > li{ padding:0 15px;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size:15px; padding:15px 0;}
	.navRig{ line-height:70px;}
	.navRig > ul{ font-size:14px;}
	.navRig > ul > li > a{ width:70px;}
	.navRig > ul > li > a > i{ font-size:16px;}
	.navTel{ padding:0 20px 0 0px}
	.navTel i{ font-size:18px;}
	.navWeChat{ width:140px; min-width:140px;}
	
	.banH2{ font-size:48px;}
	.banBrief{ font-size:24px;}
	/*.banBot{ bottom:80px;}*/
	
	.hmBox1{ height:360px;}
	.hmBox1 li a{ padding:25px 0 0;}
	.hmBox1Tit{ font-size:20px; line-height:24px; height:48px;}
	.hmBox1Brief{ font-size:14px; line-height:24px; margin:5px 0;}
	.hmBox1Ico{ padding:30px 0 0; max-width:54px;}
	.hmBox1Num{ font-size:28px;}
	.hmBox1 li.active{ height:410px;}
	.hmBox1 li.active .hmBox1Top{ height:90px;}
	.hmBox1 li.active .hmBox1Bot{ height:calc(100% - 90px);}
	
	.hmTit{ padding:35px 0 15px;}
	.hmTitH2{ font-size:30px;}
	.hmTitEn{ font-size:22px;}
	
	.hmBox4Wrap{ min-height:0;}
	.hmBox4Rig{ padding-left:4%; font-size:14px; line-height:28px; padding-top:30px;}
	.hmBox4Tit{ font-size:24px;}
	.hmBox4H4{ font-size:20px;}
	.hmBox4Brief{ border-width:6px; padding-right:4%;}
	
	.hmBox5Tit{ font-size:20px;}
	
	.footLink{ width:45%;}
	.ftMap{ width:25%;}
	.ftRig{ width:30%;}
	.ftTel{ font-size:20px;}
	
	
	.banEn{ font-size:18px;}
	.breadcrumb li{ font-size:14px;}
	
	.culBox1Bg{ padding:80px 0;}
	.culBox2Bg{ padding:70px 0;}
	
	.strategies{ padding:20px 0 60px;}
	.strategyTit{ font-size:32px; padding:30px 0;}
	
	.caseTop{ padding:35px 0; font-size:24px;}
	.caseTop li{ padding:3px;}
	.caseTop li a{ padding:8px 10px; min-width:160px; font-size:18px;}
	
	.detailBg{ padding:20px 30px;}
	.caseTit{ font-size:28px;}
	.detailyzxm{padding:20px 30px;}
	.detailyzxm h1{font-size:20px;}
	.caseTime{ font-size:14px;}
	.caseLine{ height:3px;}
	.caseCon{ font-size:16px; line-height:180%;}
	.detailBot{ padding-bottom:30px;}
	
	.news .wrap{ max-width:1170px;}	
	.newsTime{ width:65px; padding:8px 0; margin-right:1.5%; font-size:14px;}
	.newsTime big{ font-size:28px;}
	.newsImg{ max-width:320px; margin-right:1.5%;}
	.newsTit{ font-size:20px;}
	.newsBrief{ margin:15px 0; font-size:15px; height:84px;}
	.newsMore{ height:42px; line-height:40px; max-width:130px;}
	
	.joinTopText{ font-size:15px; line-height:30px; padding:0 15px;}
	
	.joinTit{ font-size:14px; padding:10px 45px 10px 20px;}
	.joinName{ font-size:18px;}
	.joinTime{ padding-right:30px;}
	.joinIco{ width:45px; background-size:14px auto;}
	.joinText{ font-size:15px; padding:0 20px 20px;}
	.joinBtn{ padding:30px 0;}
	
	.banSearch{ height:360px;}
	.banSearch .banText{ padding-top:70px;}
	.searchInput{ height:50px; padding:10px 50px 10px 10px;}
	.searchBtn{ width:50px; background-size:45% auto;}
	
	.result{ padding-bottom:10px;}
	.resultList{ padding-bottom:0;}
	
	.oneBox{ padding-bottom:50px;}
	.oneBoxBo{padding-top: 50px;}
	.about{ font-size:14px;}
	.about p{ margin:15px 0;}
	.culTop{ padding:35px 5%;}
	
	.boxTit{ font-size:34px;}
	.boxBg5{ padding:15px;}
	
	.ysList li{ font-size:15px; line-height:32px;}
	.ysCon{ padding:15px 5%;}
	.ysTit{ font-size:22px;}
	
	.boxBg5{ padding:0;}
	
	#onepage3{ padding-top:32px;}	
}
@media (max-width:1200px){
	nav.navbar.bootsnav ul.nav > li{ padding:0 10px;}
	/*.banBot{ bottom:80px;}*/
	.banArrow{ width:38px; height:38px; margin:0 0 -8px -19px;}
	
	.hmBox1{ height:300px;}
	.hmBox1 li a{ padding:20px 0 0;}
	.hmBox1Tit{ font-size:18px; line-height:24px; height:48px;}
	.hmBox1Brief{ font-size:14px; line-height:24px; margin:5px 0;}
	.hmBox1Ico{ padding:20px 0 0; max-width:44px;}
	.hmBox1Num{ font-size:24px; bottom:15px;}
	.hmBox1 li.active{ height:350px;}
	.hmBox1 li.active .hmBox1Top{ height:90px;}
	.hmBox1 li.active .hmBox1Bot{ height:calc(100% - 90px);}
	
	.hmBox3{ padding-bottom:15px;}
	.hmBox3List li a{ padding:15px 5%;}
	.hmBox3Con{ border-left-width:4px; padding-left:10px;}
	.hmBox3Tit{ font-size:18px;}
	.hmBox3Mirror{ width:24px; height:24px;}
	
	.hmBox4{ padding-bottom:0;}
	.hmBox4:after{ display:none;}
	.hmBox4Img{ display:none;}
	.hmBox4Rig{ margin-left:0; padding:15px 0 0;}
	.hmBox4Brief{ border-left:4px solid #00ace4; border-right:none; padding:0 0 0 10px;}
	
	.hmBox5Tit{ float:none; margin:0;}
	
	.footBot{ padding:15px 0;}
	.ftLink,.copyRight{ float:none; width:100%; text-align:center;}
	.footLink{ width:100%; margin-bottom:15px; text-align:center;}
	.ftMap{ width:30%; display:block;}
	.ftRig{ width:70%; text-align:right;}
	
	.lmBox1{ padding:35px 0;}
	.lmBox1Tit{ font-size:22px;}
	.lmBox2{ padding:35px 0; line-height:180%;}
	.lmBox3Text{ font-size:22px;}
	.lmBox3Text span{ width:7px; height:13px;}
	
	.culBox1Bg{ padding:60px 0;}
	.culLef,.culRig{ font-size:14px;}
	.culRig{ padding:0 5%;}
	.culRigH3{ font-size:22px;}
	.culRigLine{ margin:10px 0 25px;}
	
	.culBox2Bg{ padding:50px 0;}
	.culBox2CirBor{ width:140px; height:140px; padding:10px;}
	.culBox2Tit{ font-size:20px; margin:15px 0;}
	.culBox2Brief{ font-size:14px; margin:15px auto;}
	
	.strategyText{ left:25px;}
	.strategyCon{ padding:20px 15px 15px;}
	
	.detailBg{ padding:15px; margin-top:-0.6rem;}
	.detailyzxm{padding:15px;}
	.detailyzxm h1{font-size:18px;}
	.caseTit{ font-size:22px;}
	.caseCon{ font-size:15px;}
	.caseCon p{ margin:0.1rem 0;}
	
	.news .wrap{ max-width:970px;}	
	
	.newsItem{ margin:-10px;}
	.newsItem li{ padding:10px;}
	.newsName{ font-size:18px;}
	
	.ysList{ margin:0 -10px;}
	.ysList li{ padding:0 10px; font-size:14px;}
	.ysIco img{ max-width:50px;}
	
	.boxWrap{ padding:0 15px;}
	.boxBg1{ padding-top:100px;}
	.box1Text{ position:static;}
	.box1Light{ position:relative; margin:.5rem auto 0;}
	.box1Ico{ width:.9rem; height:1rem;}
	.box1Li1{ left:.8rem;}
	.box1Li2{ right:.8rem;}
	.box1Li3{ left:.2rem; top:.9rem;}
	.box1Li4{ right:.2rem; top:.9rem;}
	.box1Li5{ left:.8rem; top:1.8rem;}
	.box1Li6{ right:.8rem; top:1.8rem;}
	.box2CirBox{ margin:.8rem auto; width:2.7rem; height:2.7rem;}
	.box2CirBor{ width:1.6rem; height:1.6rem;}
	.box2Ico{ width:.9rem; height:1.04rem;}
	.box2Ico:after{ width:1.48rem; height:1.48rem;}
	.box2Li1{ margin-left:-.45rem; top:-.48rem;}
	.box2Li2{ left:-.2rem; bottom:.27rem;}
	.box2Li3{ right:-.2rem; bottom:.27rem;}
	.box3Text{ padding:.6rem 0 !important;}
	.box4Text{ padding:.6rem 0 !important;}
	.box4Item{ margin:0 -.2rem;}
	.box4Ico{ width:2rem; height:1.74rem;}
	.box4Ico:after{ width:2.44rem; height:2.44rem;}
	.box4Light{ width:1.2rem; height:1.2rem;}
	.box5List{ position:relative; width:100%; height:80vh; min-height:6rem;}
	.boxBg3 .box5List{ position:absolute; height:auto; min-height:0;}
	.box5Text{ top:10%;}
	.box5Page{ bottom:.2rem;}
	#navPage{ display:none;}
	.box1Text a,.box1Light,.box1Light li,.box2Top,.box2Bot,.box2List li,.box3,.box3List li,.box4Item,.box4Light{ animation:none !important;}
	
	.ysTop h3{ font-size:24px;}
	.ysDes{ font-size:14px; line-height:24px;}
	.ysName{ font-size:20px;}
	.ysH4{ font-size:16px;}
	.ysRig{ font-size:12px;}
	
	.busTit{ font-size:24px;}
	.busRig h4{ font-size:20px;}
	.busIco{ width:120px; height:137px;}
	
	.contact{ display:block;}
	.conMap{ float:none; width:100%;}
	.conMap img{ display:block; margin:0 auto; max-width:80%;}
	.conList{ padding:.3rem 0 0;}
	.conItem{ font-size:14px;}
	.conItem h3{ font-size:18px;}
}
@media (max-width:991px){
	nav.navbar.bootsnav .container-fluid{ padding:0;}
	nav.navbar.bootsnav .navbar-header{ padding:0 15px;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important;}
	.logo{ padding:10px 0; height:60px; vertical-align:middle;}
	.navRig{ line-height:60px;}
	.navRig > ul > li > a{ width:60px;}
	.navTel{ padding:0;}
	.navWeChat{ width:120px; min-width:120px;}
	.navSearch{ width:260px; height:44px; position:fixed; width:100%; top:auto;}
	.navSsBtn{ width:45px; line-height:42px;}
	.navSsInput{ padding:7px 10px; padding-right:44px;}
	nav.navbar.bootsnav .navbar-toggle{ background:none !important; float:right; margin-right:0;}
	nav.navbar.bootsnav .navbar-collapse{ border-top:1px solid rgba(255,255,255,0.1);}
	nav.navbar.bootsnav.no-full .navbar-collapse{ max-height:none;}
	nav.navbar.bootsnav .navbar-nav{ padding:0 15px;}
	nav.navbar.bootsnav ul.nav > li{ padding:0;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:0;}
	nav.navbar.bootsnav ul.nav > li > a:after{ bottom:-1px; height:1px;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu{ position:static !important; background:none; text-align:left;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li > a{ color:#FFFFFF;}
	
	.banBot{ padding:0 15px; bottom:4%;}
	.banPrev,.banNext{ margin:0 5px;}
	.banArrow{ margin:0 0 0 -19px;}
	
	.hmBox1{ height:auto;}
	.hmBox1 li{ width:50% !important; height:auto !important; margin:0 !important;}
	/*.hmBox1 li:nth-child(4),.hmBox1 li:nth-child(5){ width:50% !important;}*/
	.hmBox1 li a{ padding:20px 15px !important;}
	.hmBox1Top{ padding:15px 0 !important;}
	.hmBox1Tit{ font-size:18px; line-height:24px; height:48px !important;}
	.hmBox1Brief{ font-size:14px; line-height:24px; margin:5px 0;}
	.hmBox1Ico{ padding:20px 0 0; max-width:44px;}
	.hmBox1Num{ font-size:24px; position:static; padding:15px 0 0;}
	.hmBox1 li.active .hmBox1Top{ height:auto; padding:0; background:none;}
	.hmBox1 li.active .hmBox1Tit{ color:#313a3d;}
	.hmBox1 li.active .hmBox1Brief{ color:#545454;}
	.hmBox1 li.active .hmBox1Ico{ opacity:1;}
	.hmBox1 li.active .hmBox1Num{ color:#acacac;}
	.hmBox1 li.active .hmBox1Bot{ height:calc(100% - 90px);}
	
	.hmBox2Tit{ font-size:18px;}
	
	.hmBox3List li a{ padding:10px 0;}
	.hmBox3Tit{ margin:10px 0;}
	.hmBox3Brief{ margin:10px 0; height:auto; max-height:96px;}
	.hmBox3More{ margin:0.3rem auto;}
	
	.hmBox5Rig li{ width:33.33%;}
	
	.footTop{ padding:15px 0;}
	.footLink{ margin:0; width:100%; text-align:left;}
	.footLink li{ width:100%; display:block; margin:15px 0; padding:0; margin-right:-15px;}
	.footLink li p{ display:inline-block; vertical-align:middle; padding-right:15px;}
	.ftH3{ margin:15px 0 0;}
	.ftMap{ width:100%;}
	.ftRig{ width:100%; text-align:center; margin-top:15px;}
	.ftTel{ width:auto;}
	
	.banNy{ height:4rem;}
	.banNy.imgBg img{ display:none;}
	.banShadow{ background:rgba(0,0,0,0.35);}
	.banShadow2{ display:none;}	
	.banNy .banText{ padding-top:50px;}
	/*.breadNavBg{ position:static;}*/
	.breadcrumb{ margin-bottom:0;}
	
	.lmBox3 li{ width:100%;}
	
	.culBox1Bg{ padding:0.6rem 0;}
	.culBox1Bg:after{ display:none;}
	.culLef,.culRig{ display:block; width:100%;}
	.culLef img{ max-width:45%;}
	.culRig{ padding:20px 0 0;}
	
	.culBox2Bg{ padding:0.5rem 0;}
	.culBox2 li{ width:50%;}
	.culBox2CirBor{ width:1.4rem; height:1.4rem; padding:0.1rem;}
	.culBox2Tit{ font-size:18px;}
	
	.strategies{ padding:0.2rem 0 0.6rem;}
	.strategyTit{ font-size:0.32rem; padding:0.3rem 0;}
	.strategyText{ position:static; max-width:none; width:100%; border:1px solid #d9d9d9; margin-top:0.2rem; height:auto; overflow:hidden; padding:0.1rem;}
	.strategyCon{ padding:0.2rem; border:1px dashed #1ab4e7; font-size:14px; line-height:180%;}	
	
	.caseTop{ padding:0.3rem 0; font-size:0.24rem;}
	.caseTop li{ padding:3px;}
	.caseTop li a{ padding:5px 10px; min-width:0;}
	.detailBg{ margin-top:-0.5rem; margin-bottom:0.3rem;}
	.detailBot{ padding-bottom:0.3rem;}
	.casePrev,.caseNext{ float:none; width:100%; text-align:left;}
	.casePrev a,.caseNext a{ line-height:32px;}
	.goList{ position:static; transform:translateX(0); margin-top:15px; height:40px; line-height:38px; width:100%; max-width:none;}
	
	.page{ padding:15px 0;}
	.news{ padding:15px 0;}
	.newsList li a{ padding:15px 0;}
	.newsImg{ max-width:240px;}
	.newsTit{ font-size:18px;}
	.newsBrief{ font-size:14px; line-height:24px; height:48px; margin:10px 0;}
	.newsMore{ font-size:14px; width:120px; height:40px; line-height:38px;}
	.newsMore i{ font-size:16px;}
	
	.joinTopTextBg{ max-width:none;}
	
	.joinBtn{ padding:0.3rem 0;}
	
	.banSearch{ height:3rem;}
	.banSearch .banText{ padding-top:0.6rem;}
	.searchBox{ width:100%;}
	.banSearch .breadNavBg{ position:absolute;}
	
	.resultList li a{ padding:0.3rem 0.3rem 0.3rem 0.2rem;}
	.resultList .newsRig{ padding-right:0;}
	.resultList .newsMore{ position:static; margin-top:15px;}
	
	.newsTop{ padding:0.5rem 0;}
	.newsTopInfor{ padding:10px;}
	.newsTopTit{ font-size:18px;}
	.newsItem{ margin:0 -5px;}
	.newsItem li{ padding:5px;}
	.newsName{ font-size:16px; line-height:24px; height:48px;}
	
	.boxTit{ font-size:28px;}
	.boxTit2{ font-size:18px; margin:5px 0;}
	.boxBrief{ font-size:13px;}
	.box1{ padding:80px 15px 30px;}
	.box1Lef,.box1Rig{ display:block; width:100%;}
	.box1Lef{ text-align:center; padding:15px 0 0;}
	.box1Rig{ max-width:5rem; margin:0 auto; padding:0;}
	.box2Text{ position:relative; left:auto; top:auto; transform:translateY(0); padding:30px 15px;}
	.box2VideoBg{ display:none;}
	.box2CirBg{ max-width:3rem; max-height:3rem;}
	.box3Text{ position:relative; top:0; padding:30px 0 150px;}
	.box3Equip{ right:15px;}
	.box3Dot{ padding:0 5px;}
	.box3Dot li{ padding:5px 1px;}
	.box3Dot li span{ width:16px; height:16px; border-width:3px;}
	.shandian{ padding:10px 0;}
	.shandian img{ max-height:20px;}
	.box3EqLine span{ height:10px;}
	.box3EqLine span:nth-child(2){ margin:0 15px;}	
	.box4Text{ position:static; padding:30px 0 0;}
	.box4Deng{ position:relative; margin:15px auto; top:auto; left:auto;}
	.box4Bot{ position:relative; height:auto; background:none !important;}
	.box4Bot img{ display:block;}
	.buildingLight{ position:absolute; left:0; bottom:0;}
	.box1Lef,.box1Rig,.box2Top,.box2Bot,.box3,.box3Equip,.box4Deng,.box4Bot{ animation:none !important;}
	#navPage{ display:none;}
	
	.ysList{ margin:0 -5px;}
	.ysList li{ padding:5px; height:auto !important;}
	.ysCon{ padding:0.2rem 5%;}
	.ysIco{ margin:0.15rem 0;}
	.ysIco img{ max-width:1rem;}
	.ysTit{ font-size:18px;}
	.ysBrief{ margin:0.2rem 0;}
	
	.ysBox li{ display:block;}
	.ysName{ width:100%;}
	.ysRig{ width:100%;}
	
	.busTop{ padding:.5rem 0 0;}
	.busItem{ padding:.5rem 0 .6rem;}
	.busImg{ float:none !important; width:100% !important; margin:0 0 15px !important;}
	.busBot{ padding:.6rem 0;}	
	
	#onepage3{ padding-top:.32rem;}
}
@media (max-width:767px){
	.loadBrief{ font-size:0.5rem; margin:0.8rem auto;}
	nav.navbar.bootsnav .navbar-header{ margin:0;}	
	nav.navbar.bootsnav .navbar-nav{ margin:0;}
	.navRig{ right:60px;}
	
	.banH2{ font-size:0.6rem;}
	.banBrief{ font-size:0.34rem;}
	.bacon1{text-align: center; padding: 15px;}
	.message h2 {
        font-size: 24px;
    }
    .message p {
        font-size: 14px;
        line-height: 25px;
    }
	.hmTit{ padding:0.4rem 0 0.2rem;}
	.hmTitH2{ font-size:0.3rem;}
	.hmTitEn{ font-size:0.24rem;}
	
	.hmbox2Con{ padding:0.2rem;}
	.hmBox2Tit{ font-size:0.2rem;}
	
	.hmBox4Tit{ font-size:0.3rem; margin:0.15rem 0;}
	.hmBox4H4{ font-size:0.2rem; margin:0.15rem 0; line-height:180%;}
	.hmBox4Brief p{ margin:0.25rem 0;}
	
	.detailBg{ margin-top:-0.4rem;}
	
	.newsList li{ padding:15px 0;}
	.newsList li:nth-child(2n){ background:#f7f7f7;}
	.newsList li a{ padding:0; position:relative; overflow:hidden;}
	.newsTime{ position:absolute; left:15px; top:0; background:rgba(0,172,228,0.7); font-size:12px; line-height:110%; width:auto; padding:5px; margin:0;}
	.newsTime big{ font-size:22px; line-height:140%;}
	.newsImg{ max-width:200px; margin-right:10px;}
	.newsTit{ font-size:16px;}
	.newsList{ margin:5px 0;}
	.newsBrief{ height:24px;}
	.newsMore{ height:38px; line-height:36px; width:110px;}
	
	.joinTopImg img{ float:none; width:100%;}
	.joinTit{ line-height:28px; padding:10px;}
	.joinTime{ float:none; padding:0;}
	.joinName{ font-size:16px;}
	.joinIco{ position:static; width:100%; height:25px;}
	.joinText{ padding:0 10px 10px; font-size:14px; line-height:28px;}
	
	.resultList .newsLine{ margin:10px 0;}
	.resultList .newsTime{ position:static; float:none; text-align:left; color:#00ace4; padding:0;}
	.resultList .newsTime b,.resultList .newsTime p{ display:inline-block;}
	.resultList .newsTime big{ font-size:26px;}
	
	.oneBox{ padding-bottom:0.4rem;}
	.oneBoxBo{padding-top: 0.4rem;}
	.culTop{ padding:0.35rem 15px;}
	
	.newsName{ height:auto;}
	.ryzzTop .list{width: 48%;}
	.about img{width: 100% !important; margin: 0 !important; float: none !important;}
	
}
@media (max-width:640px){
	.banBot{ bottom:20px;}
	.banArrow{ bottom:30px;}
	.banBtn{ display:none;}
	.banPage{ float:none; width:100%; text-align:center;}
	.hmBox1 li{ width:100% !important;}
	.hmBox1 li:nth-child(2n){ background:#FFFFFF;}
	.hmBox1 li:nth-child(2n+1){ background:#f4f8f9;}
	.hmBox1 li:nth-child(4),.hmBox1 li:nth-child(5){ width:100% !important;}
	.hmBox1Tit{ height:auto !important;}
	.hmBox1Ico{ padding:0;}
	
	.hmTitH2{ font-size:0.46rem;}
	.hmTitEn{ font-size:0.32rem;}
	.hmTitMore{ font-size:12px;}
	
	.hmBox3Brief{ max-height:72px;}
	
	.hmBox4Tit{ font-size:0.46rem;}
	.hmBox4H4{ font-size:0.32rem;}
	
	.footTop{ padding:15px 0;}
	.ftText,.ftWx{ float:none; width:100%; text-align:center;}
	.ftWx{ width:30%; margin:0 auto;}
	.ftWx img{ margin:0 auto;}
	.ftShare li a{ width:30px; height:30px;}
	
	.top{ width:40px; height:40px;}
	
	.lmBox1{ padding:0.4rem 0;}
	.lmBox1Tit{ font-size:0.38rem;}
	.lmBox1Brief{ font-size:14px;}
	.lmBox2{ padding:0.4rem 0; font-size:14px;}
	.lmBox3Text{ font-size:0.38rem;}
	
	.culRigH3{ font-size:18px;}
	.culRigLine{ margin:10px 0; height:2px;}
	.culBox2CirBor{ width:2rem; height:2rem; padding:0.2rem;}
	
	.strategyTit{ font-size:0.34rem;}
	
	.caseTop{ font-size:0.34rem;}
	.caseTop li a{ padding:5px 10px; min-width:0; font-size:16px;}
	
	.caseTit{ font-size:0.34rem; line-height:140%;}
	.caseLine{ width:1.2rem; height:2px;}
	.caseCon{ font-size:14px;}
	
	.newsImg{ float:none; width:100%; max-width:none; margin-bottom:15px;}
	.newsImg img{ margin:0;}
	.newsBrief{ height:auto; max-height:72px;}
	
	.joinTopTextBg{ max-height:none; padding:0.2rem; max-height:60%;}
	.joinTopBor{ padding:0.15rem 0;}
	.joinTopText{ padding:0 0.2rem; font-size:14px; line-height:26px;}
	
	.banSearch{ height:4rem;}
	.searchInput{ height:0.6rem; padding:0.1rem; padding-right:0.5rem; line-height:0.4rem;}
	.searchBtn{ width:0.5rem;}
	
	.box2Tit{ font-size:16px;}
	.box3List li{ width:50%; margin:.1rem auto;}
	.box3Ico{ width:1rem; height:1.15rem;}
	.box3Ico:after{ width:1.65rem; height:1.65rem;}
	.box3Tit{ font-size:16px;}
	
	.ysTop h3{ font-size:20px;}
	.ysName{ font-size:18px;}
	.ysItem1{ width:100%;}
	.ysItem2{ width:50%;}
	
	.busTit{ font-size:20px;}
	.busRig h4{ font-size:18px;}
	.busIco{ width:1.5rem; height:1.72rem;}
	
	#onepage3{ padding-top:.34rem;}
}
@media (max-width:460px){
	.logo{ height:50px; max-width:78px;}
	.navRig{ line-height:50px;}
	.navRig > ul > li > a{ width:45px;}
	.navWx{ display:none !important;}
	nav.navbar.bootsnav .navbar-toggle{ margin-top:6px;}
	
	.hmBox2List li{ width:100%;}
	.hmBox2Tit{ font-size:0.3rem;}
	
	.hmBox3Tit{ font-size:16px;}
	.hmBox3More{ height:38px; line-height:36px;}
	
	.hmBox5Tit{ font-size:18px;}
	.hmBox5Rig li{ width:50%;}
	
	.banNy .banText{ padding-top:25px;}
	.banNy .banBrief{ font-size:14px;}
	
	.banNy1 .banText{ padding-top:25px;}
	.banNy1 .banBrief{ font-size:14px;}
	
	.banEn{ font-size:16px;}
	
	.strategyTit{ font-size:0.4rem;}
	
	.joinNum{ display:block; font-size:15px;}
	.joinNum strong{ display:inline;}
	
	.banSearch{ height:4rem;}
	.searchInput{ height:0.8rem; padding:0.2rem; padding-right:0.7rem; line-height:0.4rem;}
	.searchBtn{ width:0.7rem;}
	
	.culLef img{ max-width:60%;}
		
	.newsShadow{ display:none;}
	.newsTopInfor{ position:static; background:#F1F1F1; color:#212121;}
	.newsTopTit{ font-size:16px;}
	.newsTopTime{ display:block; float:none; color:#A4A4A4;}
	
	.boxTit{ font-size:22px; margin:5px 0;}
	.boxTit2{ font-size:16px;}
	.boxBrief{ margin:5px 0;}
	
	.boxBg1{ padding-top:70px;}
	.box2Tit{ font-size:14px;}
	.box3Tit{ font-size:14px;}
	.box5Img{ width:200%; animation-duration:7s; animation-fill-mode:forwards;}
	.box5List .swiper-slide-active .box5Img{ animation:moveWidth 8s ease-in-out forwards; -webkit-animation:moveWidth 8s ease-in-out forwards;}
	.box5Page span, .box5Page i, .box5Page b{ font-size:14px;}
	.box5Page i{ width:.3rem;}
	
	.ysTop h3{ font-size:18px;}
	.ysH4{ font-size:15px;}
	.ysItem2{ width:100%;}
	
	
	.banText .boxBrief{ -webkit-line-clamp: 2;}
}
@media (max-width:360px){
	.ftTel{ font-size:16px; padding-right:5px;}
}	
@media (max-height:414px){	
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){ 
}