@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?#iefix') 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:170px;}
.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 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;}
.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);}
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;}
.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:72px; line-height:120%;}
.banH2 span{ color:#ff2929;}
.banBrief{ font-size:40px; 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;}
/*.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:18.5%; width:23%; 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:23%;}
.hmBox1 li.active{ width:26%; width:31%; height:640px; margin-top:-80px;}
.hmBox1 li.active a{ padding:0;}
.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; min-height:680px;}
.hmBox4Img{ position:absolute; left:15px; bottom:-80px; 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; text-transform:uppercase;}
.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:80px; height:80px; 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; 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:25%; vertical-align:top;}
.culBox2CirBor{ width:180px; height:180px; 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:#e5e5e5; 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;}

.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;}
.caseNext{ float:right; text-align:right;}
.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;}

.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;}
.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;}

.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;}
.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;}

.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:24px; 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:36px; line-height:160%; margin:15px 0;}
.boxBrief{ font-size:16px; line-height:180%; margin:15px 0; opacity:0.5;}
.boxBg1,.boxBg2,.boxBg3,.boxBg4,.boxBg5{ overflow:hidden;}
.boxBg1{ background:url(../images/box1Bg.jpg) center center fixed no-repeat; background-size:cover;}
.boxBg2{ background:url(../images/box2Bg.jpg) center center no-repeat; background-size:cover;}
.boxBg3{ background:#000000; position:relative; z-index:1;}
.boxBg4{ background:#0b0b0b; position:relative; z-index:1;}

.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%;}

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


#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;}

/*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;}

@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;}
	.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;}
	
	.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;}
}
@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;}
	.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;}
	.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;}
}
@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;}
	.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;}
}
@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;}
}
@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;}
	
	.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;}
	.culTop{ padding:0.35rem 15px;}
	
	.newsName{ height:auto;}
}
@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;}
}
@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;}
	.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;}
}
@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){ 
}