锘縝ody {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;overflow-x: hidden; margin:0;} p{ margin:0; padding:0;} *{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} .container-slide{ overflow: hidden;} a,a:hover{ text-decoration:none;} .form-control{border-radius:0;} ul{ list-style:none;} dl,dt,dd,h2,form,ul,li,p,img, span, h1,h3,h4,h5,h6{margin:0; padding:0;} a { color:#4f4f4f; text-decoration:none; margin:0; } a:hover { color:#0075c9; text-decoration:none; } a img { border:0; } ul{list-style-type:none;} .container {margin:0 auto;} @media (max-width:767px){.container{padding:0px 15px;}} @media (min-width:768px){.container{width:750px}} @media (min-width:992px){.container{width:970px}} @media (min-width:1230px){.container{width:1200px}} /*header*/ header,.logo{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;-o-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s;} header{position:relative;z-index:99;-moz-box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.2);} header .container{position:relative;} .menu ul,.menu li{display:block;margin:0;padding:0;list-style:none;} .menu li a{display:block;text-align:center;} .logo{float:left;} .logo a{display:block;} .logo img{max-height:100%;} @media(min-width:768px){ header{height:70px;} .logo{height:55px;padding-top:8px;padding-bottom:7px;} .logo img{max-height:55px;} .menu{float:left;} .menu>ul>li{float:left;position:relative;} .menu>ul>li.menu-moblie{display:none;} .menu>ul>li>a{/*width: 105px;*/color: #000;line-height: 70px; padding:0 15.5px;} .menu>ul>li:hover>a{background: url(../images/menu_a_hover.jpg) bottom center no-repeat;} .menu>ul>li>ul{display:none;width:200px;position:absolute;top:70px;left:50%;margin-left:-100px;padding:5px 0px;background:url(../images/popmenu-bg.jpg);border-radius: 5px;z-index:9999;zoom:1;} .menu>ul>li:hover ul{display:block;} .menu>ul>li>ul a{display:block;padding:5px 15px 5px 17px;font-size:14px;line-height:20px; color:#444444;} .menu>ul>li:hover ul a{background:none;} .menu>ul>li>ul a:hover{color:#004ea1;} .menu-icon{display:none;} .search{float:right;width:155px;height:24px;margin-top:23px;border-radius:7px;background:url(../images/search.png) no-repeat;} .search input,.search button{display: block;border:0;background:none;outline: none;} .search input{width:120px;height: 22px;float:left;padding: 1px 0px;line-height: 22px;margin-left:5px;color: gray;} .search button{width: 25px;height: 24px;float:right;font-size: 12px;line-height: 26px;} } @media(min-width:991px) and (max-width:1229px){ .menu>ul>li>a{/*width: 80px;*/color: #000;line-height: 70px; font-size:14px; padding: 0 7px;} } @media(min-width:768px) and (max-width:991px){ .menu>ul>li>a{ /*width: 72px;*/color: #000;line-height: 70px; font-size:14px; padding:0 3px;} .search{display:none;} } @media(max-width:767px){ header{height:60px;position:fixed;display:block;width:100%;top:0;left:0;background:#fff;z-index:1000;} .logo{height:50px;padding-top:5px;padding-bottom:5px;} .logo img{max-height:50px;} .popup-menus{display:none;} .menu{width:120px;position:absolute;top:60px;right:-120px;display:none;} .menu.open{right:0;display:block;} .menu>ul{padding:5px 0px;background:#088fc4;} .menu>ul>li.menu-pc{display:none;} .menu>ul>li a{padding:0px 10px;font-size:14px;line-height:30px;color:#fff;} .menu>ul>li a:hover{color:#004ea1;background:#fff;} .menu>ul>li>ul{display:none;} .search{display:none;} .menu-icon{display:block;float:right;padding-top:16.5px;} .menu-icon a{display:block;width: 31px;height: 27px;background:url(../images/menu-icon.png) no-repeat;} } .logo{overflow:hidden;} .logo a{display:block;float:left;} a.office{display: none;height: 25px;line-height: 25px;font-size: 18px;color: #004ea1;padding-left: 10px;margin: 19px 0 0 10px;border-left: 2px solid #004ea1;white-space: nowrap;} @media(min-width:1230px){ a.office{display:block;} } @media(max-width:767px) and (min-width:390px){ a.office{display:block;margin-top:16px;} } /*footer*/ footer{background:#004ea1; width:100%;padding:45px 0;clear:both;} .foot-logo{overflow:hidden;} .foot-logo img{ float:left;margin-right:10px;} .foot-logo p{color:#fff; font-size:14px; padding:10px 0;} .foot-nav{padding-top:25px;overflow:hidden;} .foot-nav ul, .foot-nav ul li{display:block;list-style:none;margin:0;padding:0;} .foot-nav ul{width:16.6666%;float:left;overflow: hidden;} .foot-nav ul li,.foot-nav ul li a{font-size:14px; color:#dbdbdb; line-height:28px;} .foot-nav ul li.tit{ font-size:16px; font-weight:100; color:#278fff; padding:15px 0;} .foot-nav ul li.code-tit{padding-bottom:15px; border-bottom:1px solid #80a7d0; padding-top:25px; margin-bottom:10px;} .qrcode img{max-width:88px;max-height:88px; float:inherit;} .qrcode a img{margin-left:10px;} @media(max-width:991px){ .foot-nav ul{width:33.3333%;} } @media(max-width:767px){ footer{padding:15px 0px;background: #f3f3f3;} .foot-logo{display:none;} .foot-nav{padding-top:0;} .foot-nav ul{display:none;} .foot-nav ul.foot-contact{display:block;} .foot-nav ul{width:auto;float:none;margin-right:-20px;} .foot-nav ul li{margin-right: 20px;float:left;} .foot-nav ul li, .foot-nav ul li a{color:#000;} .foot-nav ul li.tit,.foot-nav ul li.code-tit{clear:both;float:none;padding:0;} .foot-nav ul li.tit{display:none;} .foot-nav ul li.code-tit{border:0;padding: 0px 0px 5px 0px;margin:0;} } .guide,.links,.copyright, .guide a,.links a,.copyright a{color:#dbdbdb;font-size:14px;line-height:25px;padding-top: 10px;} .guide{padding-top:40px;clear:both;} .links a{margin-right:10px;/*white-space:nowrap;*/} .links span{white-space:nowrap;} .guide span{padding:0px 5px;} .go-top{float:right;} .go-top img{margin-left:10px;margin-right:0;} @media(max-width:767px) { .links,.guide,.copyright{display:none;} } .mfoot-links{display:none;} @media(max-width:767px){ body.fixed{padding:60px 0px 51px 0px;} .mfoot-links{display:block;width:100%;height:50px;overflow:hidden;background:#004ea1;position:fixed;left:0;bottom:0;border-top:1px solid #3167a2;z-index:1000;} .mfoot-links ul{display:block;overflow:hidden;margin-left:-1px;} .mfoot-links li{display:block;width:20%;float:left;height:50px;overflow:hidden;} .mfoot-links li a{display:block;width:100%;height:40px;border-left:1px solid #3167a2;padding:5px 0px;} .mfoot-links li i{display:block;height:20px;background-repeat:no-repeat;background-position:center;background-size:auto 100%;} .mfoot-links li span{display:block;height:16px;line-height:16px;padding-top: 4px;color:#fff;font-size:12px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} } /*title*/ .title{max-width:920px;margin:0 auto;text-align:center;margin-bottom:24px;overflow-x:hidden;} .title h1{display:inline-block;position:relative;padding:0px 20px;color:#222;font-weight:normal;font-size:24px;line-height:40px;} .title h1 span{color:#ff8400;margin-left:3px;} .title p{font-size:16px;line-height:24px;text-align:center;color:#1c1a1b;margin-top:24px;} .title h1::before,.title h1::after{content:'';display:block;width:304px;height:28px;position:absolute;top:50%;margin-top:-14px;} .title h1::before{background:url(../images/title-before.png) no-repeat;left:-304px;} .title h1::after{background:url(../images/title-after.png) no-repeat;right:-304px;} .title.white h1,.title.white p{color:#fff;} .title.white h1::before{background:url(../images/title-white-before.png) no-repeat;} .title.white h1::after{background:url(../images/title-white-after.png) no-repeat;} @media(max-width:767px){ .title h1{font-size:22px;} .title p{display:none;} } /*products*/ .products{padding:130px 0px;} .pros-type{margin-bottom:24px;} .pros-type ul{display:block;text-align:center;font-size:0;} .pros-type ul li{display:inline-block;} .pros-type a{display:block;width: 100px;height: 30px;font-size: 16px;line-height: 30px;text-align: center;color: #000000;background: #eee;} .pros-type a.active{background: #ff8400;color:#fff;} .pros-more ul{display:block;text-align:center;margin-top:40px;font-size:0;} .pros-more ul li{display:inline-block;width: 142px;height: 32px;margin-right:20px;} .pros-more a{display: block;width:100%;height:100%;text-align:center;font-size: 14px;line-height: 32px;color: #1c1a1b;background: url(../images/pros-more.jpg) center no-repeat;} .pros-more a:hover{background:#ff8400;color: #fff;} @media(max-width:767px){ .products{padding:40px 0px;} .pros-more ul li{margin-right:10px;margin-bottom: 10px;width: 75px;border: 1px solid #7f7f7f;} .pros-more a{background:none;} } /*activities*/ .acts-item img{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;-o-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s;} .activities{background: url(../images/activities-bg.jpg) center;background-size:cover;padding:60px 0px;} .activities .container{overflow:hidden;} .acts-list{margin:0px -17px;overflow:hidden;margin-bottom:-17px;} .acts-item{width:33.333%;float:left;margin-bottom:17px;} .acts-inner{margin:0px 17px;background:#fff;overflow:hidden;} .acts-img{overflow:hidden;} .acts-img:hover img{transform:scale(1.1);} .acts-item img{display:block;max-width:100%;margin:0 auto;} .acts-ctn{overflow:hidden;} .acts-caption{padding:20px;} .acts-item h3,.acts-item p{overflow:hidden;-webkit-box-orient: vertical;word-break: break-all;display: -webkit-box;} .acts-item h3{margin-bottom:20px;line-height:25px;} .acts-item h3,.acts-item h3 a{font-size:18px;color:#1c1a1b;font-weight:normal;text-align:center;} .acts-item p{line-height: 30px;color: #545354;font-size: 15px;} .acts-item .more{display: block;height: 30px;width: 94px;margin: 20px auto 0px auto;text-align: center;line-height: 30px;color: #000;border-top: 1px solid #000;border-bottom: 1px solid #000;} @media(min-width:992px){ .acts-ctn{height:250px;} .acts-item h3{height:50px;-webkit-line-clamp: 2;} .acts-item p{height:90px;-webkit-line-clamp: 3;} } @media(max-width:991px){ .acts-item{width:100%;} .acts-img,.acts-ctn{width:50%;float:left;} .acts-item h3{height:50px;-webkit-line-clamp: 2;} .acts-item p{height:90px;-webkit-line-clamp: 3;} } @media(max-width:729px) { .acts-caption{padding:10px;} .acts-item h3{margin-bottom:5px;} .acts-item p{height:60px;-webkit-line-clamp: 2;} .acts-item .more{margin-top:5px;} } @media(max-width:500px) { .acts-item h3{height:75px;-webkit-line-clamp: 3;} .acts-item h3,.acts-item h3 a{font-size:16px;} .acts-item p{display:none;} } @media(max-width:399px) { .acts-item{width:100%;} .acts-img,.acts-ctn{width:auto;float:none;} .acts-item h3{height:auto;display:block;text-align:center;margin-bottom:10px;} .acts-item p{display:none;} } /*ecosystem*/ .ecosystem{background:url(../images/ecosystem-bg.jpg) no-repeat center bottom;} @media(min-width:768px){ .ecosystem{padding: 133px 0 80px 0;} .d3-ctn{width:970px;margin:0 auto;overflow:hidden;} .d3-intro{width:385px;padding:175px 0px 0px 108px;background:url(../images/3d-h1.png) no-repeat left;float:left;} .d3-intro h1{display:none;} .d3-intro h2{display:inline-block;font-size:35px;font-weight:normal;padding-bottom:9px;margin-left:25px;margin-top:34px;color:#000;border-bottom:1px solid #000;} .d3-intro p{max-width:400px;font-size:14px;line-height:26px;font-weight: bold;color:#000;padding-bottom:14px;margin-top:32px;border-bottom:1px solid #000;text-align: justify;padding-left:20px;padding-right:30px;} .hexagons{position:relative;width:538px;height:504px;margin:0 auto;float:left;margin-left:-61px;margin-top: 53px;} .hexagons:after{content: "";position: absolute;left: 38px;bottom: 9px;width: 294px;height: 15px;background:url(../images/3d-shade.png) no-repeat;} .hexagon{display:block;width: 132px;height:232px;position:absolute;background:#2c92f0;font-size:18px;line-height:25px;color:#fff;text-align:center;z-index:1;} .hexagon i{display:block;width:73px;height:68px;margin:0 auto;background-size:100%;background-repeat:no-repeat;} .hexagon span{display:block;width:78px;position:absolute;top:50%;left:50%;margin-left:-39px;z-index:2;} .hag-7 span,.hag-4 span,.hag-3 span{width: 78px;margin-left: -39px;font-size:14px;line-height:20px;} .hag-6 span{width: 76px;margin-left: -38px;font-size:16px;line-height:20px;} .hexagon:before{content: "";position: absolute;left: -58px;top: 0;width: 0;height: 0;border-top: 116px solid transparent;border-bottom: 116px solid transparent;border-right: 58px solid #2c92f0;z-index:1;} .hexagon:after{content: "";position: absolute;right: -58px;top: 0;width: 0;height: 0;border-top: 116px solid transparent;border-bottom: 116px solid transparent;border-left: 58px solid #2c92f0;z-index:1;} .hexagon.hag-2,.hexagon.hag-1{width: 112px;height:192px;} .hexagon.hag-2:before,.hexagon.hag-1:before{left: -48px;border-top-width: 96px;border-bottom-width: 96px;border-right-width:48px;} .hexagon.hag-2:after,.hexagon.hag-1:after{right: -48px;border-top-width: 96px;border-bottom-width: 96px;border-left-width:48px;} .hexagon.hag-8{width: 84px;height:148px;} .hexagon.hag-8:before{left: -37px;border-top-width: 74px;border-bottom-width: 74px;border-right-width:37px;} .hexagon.hag-8:after{right: -37px;border-top-width: 74px;border-bottom-width: 74px;border-left-width:37px;} .hexagon.hag-4,.hexagon.hag-3,.hexagon.hag-6,.hexagon.hag-7{width: 60px;height:100px;} .hexagon.hag-4:before,.hexagon.hag-3:before,.hexagon.hag-6:before,.hexagon.hag-7:before{left: -25px;border-top-width: 50px;border-bottom-width: 50px;border-right-width:25px;} .hexagon.hag-4:after,.hexagon.hag-3:after,.hexagon.hag-6:after,.hexagon.hag-7:after{right: -25px;border-top-width: 50px;border-bottom-width: 50px;border-left-width:25px;} .hexagon.hag-5{left:68px;top:224px;} .hexagon.hag-2{background:#31c8ff;left:278px;top: 159px;} .hexagon.hag-2:before{border-right-color: #31c8ff;} .hexagon.hag-2:after{border-left-color: #31c8ff;} .hexagon.hag-1{background:#19b1ff;left:126px;top:20px;} .hexagon.hag-1:before{border-right-color: #19b1ff;} .hexagon.hag-1:after{border-left-color: #19b1ff;} .hexagon.hag-8{background:#62baf9;left:315px;top:0px;} .hexagon.hag-8:before{border-right-color: #62baf9;} .hexagon.hag-8:after{border-left-color: #62baf9;} .hexagon.hag-4{background:#7dc4fc;left:430px;top:112px;} .hexagon.hag-4:before{border-right-color: #7dc4fc;} .hexagon.hag-4:after{border-left-color: #7dc4fc;} .hexagon.hag-3{background:#00a8e6;left:261px;top:363px;} .hexagon.hag-3:before{border-right-color: #00a8e6;} .hexagon.hag-3:after{border-left-color: #00a8e6;} .hexagon.hag-6{background:#91dbfe;left:453px;top:252px;} .hexagon.hag-6:before{border-right-color: #91dbfe;} .hexagon.hag-6:after{border-left-color: #91dbfe;} .hexagon.hag-7{background:#51c0e8;left:384px;top:363px;} .hexagon.hag-7:before{border-right-color: #51c0e8;} .hexagon.hag-7:after{border-left-color: #51c0e8;} .hexagon:hover{background:#004ea1;color:#fff;} .hexagon:hover:before{border-right-color: #004ea1;} .hexagon:hover:after{border-left-color: #004ea1;} .hexagon.hag-1 i{margin-top: 16px;} .hexagon.hag-2 i{margin-top: 16px;} .hexagon.hag-3 i{width:40px;height:37px;margin-top: 8px;} .hexagon.hag-4 i{width:40px;height:37px;margin-top: 8px;} .hexagon.hag-5 i{margin-top: 36px;} .hexagon.hag-6 i{width:40px;height:37px;margin-top: 8px;} .hexagon.hag-7 i{width:40px;height:37px;margin-top: 8px;} .hexagon.hag-8 i{width:60px;height:56px;margin-top: 13px;} .hexagon-img{display:none;} } @media(min-width:768px) and (max-width:991px){ .ecosystem{padding:0px;padding-bottom:40px;} .d3-ctn{width:100%;} .d3-intro,.hexagons{float:none;margin:0 auto;margin-top:40px;} } @media(max-width:767px){ .ecosystem{padding:40px 0px;} .d3-intro h2{display:none;} .d3-intro h1{font-size:24px;font-weight:normal;color:#000;text-align: center;} .d3-intro h1 span{color: #ff8400;} .d3-intro p{font-size:14px;line-height:26px;font-weight: normal;color:#000;padding-bottom:14px;margin-top:15px;text-align: justify;text-indent:2em;} /*.hexagons{margin-top:15px;margin-right: -10px;overflow:hidden;} .hexagons i{display:none;} a.hexagon{display:block;float:left;width:133px;text-align:center;font-size:16px;color:#333;line-height:30px;margin:0px 10px 10px 0px;border:1px solid #ddd;} a.hexagon:hover{background: #ff8400;color:#fff;}*/ .hexagons{margin-top:15px;} .hexagon-img{display:block;} .hexagon-img img{max-width:100%;margin:0 auto;} .hexagon{display:none;} } /*aboutus*/ .aboutus a,.aboutus a span,.aboutus a span:before,.aboutus a span:after ,.aboutus a i,.aboutus a i:before,.aboutus a i:after{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;-o-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s;} .aboutus{background:url(../images/aboutus-bg.jpg) no-repeat center;} .aboutus .container{overflow:hidden;position:relative;} .aboutus a{display:block;float:left;position:relative;z-index:2;} .aboutus a:hover:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#ff8400;opacity:0.9;filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);filter:alpha(opacity=90);z-index:-1;} .aboutus a span{display:block;width:2em;font-size:37px;line-height:43px;color:#fff;margin:90px auto 0px auto;padding:33px 24px;position:relative;overflow:hidden;} .aboutus a span:before,.aboutus a span:after{content:'';display:block;width:100%;height:1px;position:absolute;background:#fff;} .aboutus a span:before{top:0;left:-100%;} .aboutus a span:after{bottom:0;right:-100%;} .aboutus a:hover span:before{left:0;} .aboutus a:hover span:after{right:0;} @media(min-width:992px){ .aboutus{height:769px;} .aboutus a{margin-left:-1px;border: 1px solid #999;} a.about-1{width:200px;height:512px;margin-top:235px;margin-left:0;} a.about-2{width:250px;height:302px;} a.about-3{width:200px;height:385px;margin-top:100px;} a.about-4{width:545px;height:242px;margin-top:320px;} a.about-2 span{margin-top:122px;} a.about-3 span{margin-top:205px;} a.about-4 span{margin:60px 0px 0px 47px;padding:23px 42px;} a.about-4 span:before{left:0;bottom:-100%;width:1px;height:100%;top:auto;} a.about-4 span:after{right:0;top:-100%;width:1px;height:100%;bottom:auto;} a.about-4:hover span:before{bottom:0;} a.about-4:hover span:after{top:0;} .aboutus a i{position:absolute;width:0;height:0px;top:51px;left:50%;} .aboutus a i:before,.aboutus a i:after{content:'';display:block;position:absolute;background:#fff;} .aboutus a i:before{width:0;height:1px;top:0;left:50%;} .aboutus a i:after{width:1px;height:0;top:50%;left:0;} .aboutus a:hover i:before{width:46px;margin-left:-23px;} .aboutus a:hover i:after{height:46px;margin-top:-23px;} a.about-1 i{top:auto;bottom:51px;} a.about-4 i{top:50%;left:auto;right:51px;} } @media(max-width:1229px) and (min-width:992px){ a.about-4{width:315px;} } @media(max-width:991px){ .aboutus{padding:60px 0px;background-size: cover;} .aboutus .container:before,.aboutus .container:after{content:'';position:absolute;background:#fff;} .aboutus .container:before{width:100%;height:1px;left:0;top:50%;margin-left:-0.5px;} .aboutus .container:after{width:1px;height:100%;left:50%;top:0;margin-top:-0.5px;} .aboutus a{width:50%;padding:50px 0px;} .aboutus a span{margin:0 auto;} } @media(max-width:767px){ .aboutus{padding:40px 0px;} .aboutus a span{font-size:24px;line-height:30px;padding:15px;} } /*news*/ .news{padding:60px 0px;} .news .container{overflow:hidden;} .news .acts-inner{border: 1px solid #cccccc;} @media(max-width:767px){ .news{padding:40px 0px;} } .float-links{display:none;width:160px;position:fixed;right:15px;bottom:0;z-index:9999;} .float-links ul{display:block;} .float-links li{display:block;margin-bottom: 10px;background:#ff6200;box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.2);border-radius: 6px;} .float-links li a{display:block;padding:0px 5px 0px 45px;height:38px;line-height:38px;font-size:14px;color: #fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;} .float-links li i{display:block;width:24px;height:100%;background-repeat:no-repeat;background-position:center;position:absolute;top:0;left:15px;} .float-links.icon-only{width:50px;} .float-links.icon-only li span{display:none;width:100px;position:absolute;top:0;left:-125px;padding: 0px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#ff6200;border-radius: 6px;} .float-links.icon-only li a{overflow:visible;} .float-links.icon-only li a:hover span{display:block;}