@charset "utf-8"; @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900); @font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=4.0.1');src:url('font/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=4.0.1') format('woff'),url('font/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),url('font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal} /* 初始化 */ * {box-sizing: border-box;outline: none;} *:before, *:after {box-sizing: border-box;} html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {margin: 0; padding: 0;} } img, fieldset {border: 0;} /* set image max width to 100% */ img {max-width: 100%;height: auto;width: auto\9;} /* \9 在IE6/IE7/IE8/IE9/IE10下生效 */ /* set html5 elements to block */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} /* disable webkit text size adjust (for iPhone) */ html { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 62.5%; font-family: Arial,"Microsoft YaHei",Helvetica, sans-serif; } input[type=search] {-webkit-appearance: none;outline: none;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {display: none;} input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; } body{ background:#d9d9d9;width:100%;min-width:1170px;margin:0 auto;padding:0; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; color:#333; font-size: .14rem; } ul,ol,li{list-style:none;} /* 默认链接颜色 */ a:link {color:#333; font-family: Arial,"Microsoft YaHei",Helvetica, sans-serif; text-decoration:none;} /* unvisited link */ a:visited {color:#333;text-decoration:none;} /* visited link */ a:hover {color:#333;text-decoration:none;} /* mouse over link */ a:active {color:#333;text-decoration:none;} /* selected link */ .fl {float: left;} .fr {float: right;} .red{ color:#c80721; font-weight:bold;} /* 通用属性 */ .cl{clear:both;} .hidden {display: none;} em {font-style: normal;} textarea {outline: none;border: 1px solid #b7babf;border-radius: 3px;resize: none;} .page-width {width: 1170px;margin: 0 auto; } .part {position: relative;} .huibg{background:#dcdcdc;} /*头部*/ .header { position: relative; z-index: 10; } .header-top { height: 50px; background-color: #221e1f; } .header-top_left { position: absolute; top:0;left:0; height: 28px; width: 50%; overflow: hidden; } .header-top_line { background: rgba(255,255,255,.16) right 50px; width: 100%; height: 28px; position: absolute; right:50px; } .header-top_radiu { position: absolute; top:0;right:0; width: 50px;height: 28px; background: url(../img/i.png) no-repeat top right; background-size: auto 100%; } .header-top_slogan { font-size: .16rem; color:#fff; line-height: 50px; font-family: Arial; font-style: italic; } .header-nav { width: 100%; height: 94px; background:#656565; } .header-nav_homeLink { float: left; padding-left:25px; margin-top: 30px; } .header_LG_right { float: right; width: 250px; text-align: right; margin-top: 30px; } .header_LG_right a{ color:#FFF;line-height: 40px;font-size: .15rem; padding-right:20px;} .header_LG_right a:hover{ text-decoration:underline;} .header-nav_right { float: right; width: 350px; text-align: right; margin-top: 30px; } .header-nav_search-box { position: relative; border-radius:0; width: 256px;height: 42px; display: inline-block; } .header-nav_search-box input { border: none;border-radius:0; float: left;height: 42px; line-height: 42px; padding: 0 .1rem; font-size: .14rem; } .search-box_inp{background:#dbdbdb; width:180px;} .header-nav_search-box input::-webkit-input-placeholder { color:#777; } .search-box_btn { color:#fff;border-radius:0; width: 75px;height: 42px; background:#697785; float: right; cursor: pointer;-webkit-transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .search-box_btn:hover{background:#267ace;} .header-nav_weiboCode { position: relative; width: 22px;height: 22px; background: url(../img/icon-weibo.png) no-repeat center; float: right; margin-left: 15px; margin-top: 2px; cursor: pointer; } .header-nav_weiboCode:hover { background: url(../img/icon-weibo-l.png) no-repeat center; } .header-nav_weiboCode:hover .weiboCode_drop{height: 250px;} .weiboCode_drop { position: absolute; top:22px; right:0; height: 0; z-index: 5; -webkit-transition: height .2s; -moz-transition: height .2s; -ms-transition: height .2s; -o-transition: height .2s; transition: height .2s; overflow: hidden; } .weiboCode_drop-body { color:#fff; background-color: #221e1f; padding: 0 7px; width: 140px;height: 230px; text-align: center; font-size: .12rem; line-height: 1.5; margin-top: 20px; } .drop-body_company-name { font-size: .13rem; text-transform: uppercase; line-height: 3; } .weiboCode_img { vertical-align: middle; margin-bottom: .15rem; } .contact-way {color:#fff;font-size: .14rem;margin-top: 10px; font-family:Arial;} .icon-telephone { display: inline-block;vertical-align: middle; margin-right: 5px; width: 15px;height: 15px; background: url(../img/icon-telephone.png) no-repeat center; } .icon-letter { display: inline-block;vertical-align: middle; width: 18px;height: 15px;margin-right: 5px; margin-left: 15px; background: url(../img/icon-letter.png) no-repeat center; } .header_nav-list { padding-left:25px; } .nav-list_item { float: left; line-height: 40px; font-size: .15rem; text-align: center; margin-right:10px; } .header-nav_nav {background:#656565;height: 40px;} .nav-list_item>a {color:#fff;display: block;padding: 0 .26rem;position: relative;text-transform:uppercase; background:#005aa9;-webkit-transition: color .35s; -moz-transition: color .35s; -ms-transition: color .35s; -o-transition: color .35s; transition: color .35s;} .nav-list_item>a:hover{color:#00c0ff;} .nav-list_item.has-subNav>a:before { content: ''; position: absolute; width: 11px;height: 7px; margin-top: 19px; margin-right: 15px; right:0; background: url(../img/icon-arrow-down.png) no-repeat center; } .subNav-drop { position: absolute; width: 100%; left:0; z-index: 5; display: none; } .nav-list_item.has-subNav:hover .subNav-drop {display: block;} .subNav-drop_wrap { width: 1170px; background-color: rgba(0, 90, 169, 1); box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 16px 0px; margin-top: 0px; padding-top: 10px; padding-bottom: 10px; padding-right: 0.26rem; padding-left:0.26rem; margin-right: auto; margin-left: auto; overflow: hidden; font-size: .15rem; } .subNav-drop_single { width: auto; left: auto; } .subNav-drop_single .subNav-drop_wrap { width: auto; } .subNav-drop_single .subNav_left { min-width: 0; border-right: none; } .subNav_left {min-width: 200px;text-align: right;line-height: .4rem;float: left;border-right: 1px dotted #7c7d7b;} .subNav_left a{color:#fff;text-indent: 0; height:40px; line-height:40px;} .subNav_left a:hover{color:#fff;text-decoration: underline;} .subNav_right {margin-left: 235px;} .list-subNav>li {text-align: left;padding: 0 .1rem;border-bottom: 1px dotted rgb(99, 100, 102);line-height: .3rem;} .list-subNav { float: left; width: 33.33%; } .list-subNav>li a:hover {color:#cd001d;} .list-subNav>li a {padding: 0 2px;} .list-subNav>li img {vertical-align: middle;} .subNav_relate:not(:first-child) {display: none;} .swiper-banner .swiper-slide { background-repeat:no-repeat; background-position:center; background-size: cover; height: 6.5rem; } .swiper-pagination-trangle .swiper-pagination-bullet { width: .35rem;height: .08rem; border-radius: 0; background-color: #fff; opacity: .5; } .swiper-pagination-trangle .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;} .swiper-banner .title {font-size: .3rem;background-color: rgba(0,0,0,.64);color:#eeeeee;margin-bottom: .11rem;padding: .05rem .1rem;display: inline-block; display:none;} .swiper-banner .content{ } .swiper-banner .content p {margin-bottom: .11rem;} .swiper-banner .content {margin-top: 3.17rem; text-align:center;} .swiper-banner .subtitle {font-size: .16rem;background-color: rgba(0,0,0,.64);color:#eeeeee;padding: .05rem .1rem;display: inline-block;} .swiper-banner .content .link-likeBtn {margin-top: .3rem;background-color: rgba(255,255,255,.5);color:#cd001d;width: 1.3rem;line-height: .4rem;text-align: center;display: inline-block;} .swiper-banner .content .link-likeBtn:hover {background-color: rgba(255,255,255,1); text-decoration:underline;} .swiper-banner.swiper-container-horizontal>.swiper-pagination-bullets {bottom: .4rem;} .server-list .item {width: 20%;float: left;padding: 18px 23px;} .server-list .item img {float: left;} .server-list .item p {margin-left: .71rem;line-height: .62rem;} .server-list .item a:hover p {text-decoration: underline;font-size: .14rem;} .part_INNOVATIONS {background: #656565;direction:rtl;unicode-bidi:bidi-override;} .part_INNOVATIONS .page-width{ text-align:center; color:#fff; font-size:.15rem; line-height:.26rem; padding:10px 0;} /* news */ .jpkc__item {width: 3.82rem;height: 2.23rem;overflow: hidden;position: relative;float: left;margin-right: 12px;margin-bottom: 12px;} .jpkc__item:nth-child(3n) {margin-right: 0;} .jpkc__item img{width: 3.92rem;height: 2.23rem;} .jpkc__list:nth-child(3):hover .jpkc__item .jpkc__txt, .jpkc__list:nth-child(4):hover .jpkc__item .jpkc__txt {padding-top: .5rem;} .jpkc__item .jpkc__txt{ width: 100%;height: 100%; position: absolute;top:0;left:0;background-color: rgba(0,90,169,.9);color:#fff;line-height: 1.8;padding: 20px 32px;text-align: center;font-size: 15px; -webkit-transform: translate(0, 130px); -moz-transform: translate(0, 130px); -ms-transform: translate(0, 130px); -o-transform: translate(0, 130px); transform: translate(0, 130px); -webkit-transition: transform .3s, padding-top .3s; -moz-transition: transform .3s, padding-top .3s; -ms-transition: transform .3s, padding-top .3s; -o-transition: transform .3s, padding-top .3s; transition: transform .3s, padding-top .3s; } .jpkc__item:hover .jpkc__txt{ -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } .jpkc__name{ height:86px;} .jpkc__city .flag{color:#00a3d9;border: 1px solid #00a3d9;font-size: 14px;width: 50px; hieght:26px;display: inline-block;margin: 18px 3px 10px;} .jpkc__link {color:#fff;font-size: 12px;background-color: #ddac15;width: 120px;line-height: 36px;display: inline-block; -webkit-transition: background-color .35s; -moz-transition: background-color .35s; -ms-transition: background-color .35s; -o-transition: background-color .35s; transition: background-color .35s; margin-top: 15px; } .jpkc__link:hover {background-color: #ffc000;} .part-server .page-width {padding: .3rem 0rem; background:#d9d9d9;} .jpkc__title {font-size: .25rem;text-align: center;position: relative; text-transform: uppercase; line-height:0.4rem; margin-bottom:.2rem;} .jpkc {padding: .6rem 0;} .jpkc_subtitle {text-align: center;font-size: .14rem;line-height: 2.2;color:#666;} .jpkc__tab-box {text-align: center;margin: 40px auto;} .jpkc__tab-list {text-align: center;border: 1px solid #00a3d9;display: inline-block;width: auto;} .jpkc__tab-list li {display: table-cell;} .jpkc__tab-list li + li {border-left: 1px solid #00a3d9;} .jpkc__tab-list li a{ color:#00a3d9;font-size: .14rem;display: block;padding: 10px 32px; -webkit-transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s; -o-transition: all .35s; transition: all .35s; cursor: pointer; } .jpkc .btn-wrap {text-align: center;margin: 80px 0;} .jpkc__list {overflow: hidden;} .jpkc__tab-list li.active a, .jpkc__tab-list li:hover a{background-color: #00a3d9;color:#fff;} .jpkc__btn-more {color: #333;border-color:#333;} .jpkc-tite {text-align: left;} /* news */ .part-us .page-width { padding: .15rem .25rem; background:url(../img/spbg.png) #d9d9d9 no-repeat; height:3.6rem;} .part-us .itemL {width: 38%;float: left; padding-left:.1rem; padding-top:.1rem;direction:rtl;unicode-bidi:bidi-override; } .part-us .itemR {width: 30%;float: left;padding-top:.7rem; cursor:pointer; margin-left:20px;} .part-us_title { font-size: .2rem; } .part-us_title_en{ font-size: .20rem; color:#000; margin: .08rem 0; } .part-us_con { font-size: .14rem; line-height: 2; overflow: hidden; } .part-us_con.on {height: auto;} .part-us .link-likeBtns a{ border:2px solid #4472c4; padding:.1rem .3rem; margin-top: .2rem; display: inline-block;webkit-transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s; -o-transition: all .35s; transition: all .35s;color:#4472c4; } .part-us .link-likeBtns a{color:#4472c4; } .part-us .link-likeBtns a:hover{border:2px solid #00c0ff; color:#00c0ff; } .part-build { text-align: center; background:#656565; color:#FFF;direction:rtl;unicode-bidi:bidi-override; } .part-build .page-width {padding: .3rem .78rem;line-height: 1.8;} .part-build_title {font-size: .25rem;line-height: 1.8;} .part-build_info {font-size: .14rem;line-height: 1.8;margin-top: .2rem;} .part-build_con .item {width: 27%;height:3.25rem; margin:3.16%;float: left; padding:20px; background:#a6a6a6;border-radius: 10%; border:2px solid #fff;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .part-build_con .item img{ -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .part-build_con .item:hover{background:#e4e4e4; } .part-build_con .item .info {color:#005aa9; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .part-build_con .item:hover .info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .part-build_con .item_img {border-radius: 50%;} .part-build_con .item_title {font-size: .22rem;margin: .3rem 0 .1rem} .part-build_con .item_info {font-size: .14rem; color:#000; margin-bottom:20px; } .part-server{direction:rtl;unicode-bidi:bidi-override;} .part-server .link_likeBtns{ text-align:center;} .part-server .link_likeBtns a{ border:2px solid #4472c4; padding:.1rem .3rem; margin-top: .2rem; display: inline-block;webkit-transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s; -o-transition: all .35s; transition: all .35s;color:#4472c4; } .part-server .link_likeBtns a{color:#4472c4; text-align:right;} .part-server .link_likeBtns a:hover{border:2px solid #00c0ff; color:#00c0ff;} .part-friendLink {text-align: center;background-color: #f0f1f3;} .icon-mouse { display: inline-block; width: 84px;height: 84px; background: url(../img/icon-mouse.png) no-repeat center; margin-top: -44px; } .part-friendLink .row {overflow: hidden;} .part-friendLink_item {position: relative;display:inline-block;width: 100px;height: 100px;} .part-friendLink_item:not(:last-child) {margin-right: 130px;} .part-friendLink_item img {position: absolute;top:0;right:0;left:0;bottom:0;margin: auto;} .part-friendLink .page-width {padding: 30px 0;} .footer_top {background-color: #656565;color:#fff;padding: .2rem 0;overflow: hidden;direction:rtl;unicode-bidi:bidi-override;} .footer_top .page-width {padding: 0 .23rem;overflow: hidden;} .footer_top .item-logo a{display: block;margin-bottom: .2rem;direction:rtl;} .footer_top .item-logo .down_Cataloge{ width:229px; height:50px; background:url(../img/down1.png); color:#fff; line-height:47px; font-size:.14rem; padding-right:53px;-webkit-transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s; -o-transition: all .35s; transition: all .35s;} .footer_top .item-logo .down_Cataloge:hover{color:#da3916;} .footer_top .item{float: left;} .footer_top .item:not(:last-child){margin-right: 0.38rem;} .icon-marker { width: .12rem;height: .15rem; background: url(../img/icon-marker.png) no-repeat center; vertical-align: middle; display: inline-block; } .footer_top .item-info span {float: left;width: .2rem;height: 1.5em;margin-top: 3px;} .footer_top .item-info .tit{ color:#000000;} .footer_top .item-info .tit2{ font-size:.14rem;} .footer_top .item-info .tit3{ font-size:.12rem; width:261px; margin-top:10px;} .footer_top .item-info .tel{ color:#b3caf2; margin-bottom:10px;} .footer_top .item-info .tel a{ color:#b3caf2;} .footer_top .item-info p {line-height: .24rem;} .footer_top .item-info p a{ color:#FFF;} .footer_top .item-info p a:hover{ text-decoration:underline;} .footer_top .item-info {margin-top: .05rem;} .footer_nav {overflow: hidden;border-top: 1px solid #fff;} .footer_nav li{position: relative;float: left;padding: .15rem .34rem;} .footer_nav li a{position: relative;color:#fff;font-size: .15rem;display: block;line-height: 1;} .footer_nav li:not(:last-child):after{ content: '|'; position: absolute; top:.12rem;right:0; } .footer_nav li a:hover {text-decoration: underline;} .footer_bottom {background: #000;color:#fff;line-height: 3.2;} .mobile {display: none;} .part-banner {height: 4.26rem;background-size: cover;background-repeat: no-repeat;background-position: center;} .part-banner .bread-line {color:#fff;padding: 20px 0;} .part-banner .bread-line a {color:#fff;} .part-banner .content p {color:#fff;background-color: rgba(0,0,0,.5);width: 40%;margin-bottom: 20px;padding: 5px 10px;} .part-banner .content p.title {font-size: 30px;} .part-banner .content p.subtitle {font-size: 19px;} .part-banner .content {margin-top: 50px;} .part-map {padding: 30px 0;text-align: center;} .part-agency {overflow: hidden;padding: 20px 0 30px;} .wpb_wrapper { width: 33.333333%;float: left; color:#636466;margin-bottom: 20px; } .part-about {padding: 30px 0;} .part-project-banner .content{margin-top: 0;padding-top: 1.1rem;} .part-project-banner .content p{width: 60%;background-color: transparent;color:#eeeeee;} .part-project-banner .content .title{font-size: 30px;background-color: rgba(0,0,0,.5);padding: 8px 10px;display: inline-block} .part-project-banner .content .subtitle{font-size: 16px;background-color: rgba(0,0,0,.5);padding: 8px 10px;display: inline-block} .part-project-content{ background:#d9d9d9;} .part-project-content .bread-line {color:#636363;padding: 20px 0;} .part-project-content .bread-line a{font-size: 16px;color:#636363;} .part-project-content .page-title{font-size: .3rem;color:#333;text-align:center;} .part-project-content .page-info{font-size: 14px;color:#777777;border-bottom: 1px solid #333;line-height: 3;} .part-project-content .html-content{font-size: 14px;color:#000;line-height: 2.6;padding: 20px 0;} .place-list {overflow: hidden;padding-bottom: 1.5rem;} .place-list li{float: left;width: 33.33%;height: 320px; padding:5px;margin-bottom: 10px;} .place-list li .img-box{width:100%;height: 245px;position: relative;overflow: hidden} .place-list li .img-box img{vertical-align: middle;width: 100%; height:100%;} .place-list li .place-bottom,.place-bottom2{font-size:14px;overflow: hidden;padding: 0 15px;width:100%;line-height: .5rem;position: relative;background: #eeeeee;color:#000;} .place-list li:hover .place-bottom,.place-bottom2{background: #333333;color:#fff;} .place-list li .place-bottom .place-bottom2 .fr{font-size: 18px;} .place-content-list {overflow: hidden;} .place-content-list li{ width: 24.4%; margin-right: .8%; } .place-content-list li:nth-child(4n) {margin-right: 0;} .place-content-list li {float: left;} .part-place-content .page-title {line-height: 3;border-bottom: 1px solid #000;} .place-content-list {margin: 30px 0;} .place-content-list li {position: relative;overflow: hidden;margin-bottom: 30px;} .place-content-list .img-box { height: 209px;} .place-content-list .img-box img{ vertical-align: middle;width: 100%;height: 100%;} .place-content-list .place-bottom { background-color: rgba(0,0,0,.4);display: block;color:#fff;text-align: center; position: absolute; left:0; width: 100%;height: 100%; z-index: 5; bottom:0; -webkit-transition: .25s all; -moz-transition: .25s all; -ms-transition: .25s all; -o-transition: .25s all; transition: .25s all; -webkit-transform: translate(0, 70%); -moz-transform: translate(0, 70%); -ms-transform: translate(0, 70%); -o-transform: translate(0, 70%); transform: translate(0, 70%); font-size: 16px; } .place-content-list .place-bottom p:nth-child(1) { line-height: 60px; } .place-content-list li:hover .place-bottom{ -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .place-content-list li:hover .place-bottom p { -webkit-transform: translate(0, 70%); -moz-transform: translate(0, 70%); -ms-transform: translate(0, 70%); -o-transform: translate(0, 70%); transform: translate(0, 70%); } .place-content-list .place-bottom p:nth-child(2) { margin-top: 25px; } .place-content-list .place-bottom p:nth-child(3) {position: relative;} .place-content-list .place-bottom p:nth-child(3) span { position: absolute; margin-top: 30px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .place-content-list a.place-bottom:hover {text-decoration: none;} .device-list {overflow: hidden;} .device-list .item {float: left;width: 18.5%;margin-right: 1.8%;margin-bottom: 30px;} .device-list .item:nth-child(5n) {margin-right: 0;} .device-list .item .img-box {width: 100%;height: 200px;} .device-list .item .img-box img{width: 100%;height: 100%;vertical-align: middle;} .device-list .item .name{width: 100%;line-height: 2.2;background: #333333;color:#fff;text-align: center;font-size: 14px;} .device-list .item:hover .name{background: #999999;} .device-list .item .name2{width: 100%;line-height: 2.2;color:#333333;text-align: center;font-size: 14px; font-weight:bold;} .device-list .item:hover .name2{ text-decoration:underline;} .device-list .item .name3{width: 100%;line-height: 2.2;color:#939393;text-align: center;font-size: 14px; } .device-list .item .name4{width: 100%;line-height: 2.2;color:#ff0000;text-align: center;font-size: 14px; } .part-device-show .html-content.fl{width: 5.8rem;} .part-device-show .btn-wrap .btn-red {width: 1.4rem;height: .35rem;font-size: 13px;text-align: center;background-color: #d20000;color:#fff;border: none;margin-right: 20px;margin-top: 20px; margin-bottom:20px;display:block; float:left; -webkit-transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s; -o-transition: all .35s; transition: all .35s; cursor: pointer;} .part-device-show .btn-wrap .btn-red:hover {background-color: #7b011d} .deviceSwiper {width: 555px;height: 5.55rem;margin-left: .35rem;padding-top: .2rem;} .part-device-show .swiper-container { width: 100%; height: 450px; margin-left: auto; margin-right: auto; } .part-device-show .swiper-slide { background-size: cover; background-position: center; } .part-device-show .gallery-top { height: 83%; width: 100%; } .part-device-show .gallery-thumbs { height: 17%; box-sizing: border-box; padding: 10px 0; } .part-device-show .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .part-device-show .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .part-device-show .swiper-button-next.swiper-button-white { background-image: url(../img/4.png); width: 30px;height: 30px; background-size: 100%; } .part-device-show .swiper-button-prev.swiper-button-white { background-image: url(../img/5.png); width: 30px;height: 30px; background-size: 100%; } .part-video .video {width: 584px;height: 322px; } .device-info {width: 550px;margin-top: 20px;margin-left: .35rem;} .device-info p{line-height: 30px;border-top: 1px dashed #eee;padding: 5px 3px;color:#999;font-size: 14px;} .device-info p:hover{ background-color:#f4f4f4;} .device-info p img{vertical-align: middle;margin-right: 20px;} .device-info p:last-child {border-bottom: 1px dashed #eee;} .device-info table{ width:100%;} .device-info tbody td,th{ border:none; padding:0; margin:0; border-bottom:1px dotted #ddd; height:30px; line-height:30px; font-size:14px; } .device-info table tr:hover{ background-color:#f4f4f4;} .part-pj .part-content {overflow: hidden;padding: 20px 0;} .pj-item {float: left;margin-right: 30px;margin-bottom: 30px;} .pj-item:nth-child(6n) {margin-right: 0;} .pj-item img{display: block;width: 170px;height: 170px;} .pj-item a .name{text-align: center;color: #c80721;font-size: 16px;} .pj-item a:hover{ text-decoration:underline;} .pj-item .type{text-align: center;color: #939393;font-size: 14px;} /*********************************************************************************/ /* footer */ /*********************************************************************************/ .footer .actions li a:hover {color: #bbb;} .footer .actions li {font-size: 1.25em;margin: 0;} .footer .actions li a {padding: 0.5em;color: #fff;} ul.actions {cursor: default;} ul.actions li {display: inline-block;margin: 0 0 0 0.5em;} ul.actions li:first-child {margin-left: 0;} .fa {text-decoration: none; } .fa.solo span {display: none;} .fa:before { display:inline-block; font-family: FontAwesome; font-size: 1.25em; text-decoration: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .fa-twitter:before{content:"\f099"} .fa-facebook:before{content:"\f09a"} .fa-google-plus-square:before{content:"\f0d4"} .fa-google-plus:before{content:"\f0d5"} .fa-dribbble:before{content:"\f17d"} .fa-pinterest:before{content:"\f0d2"} .fa-pinterest-square:before{content:"\f0d3"} .fa-instagram:before{content:"\f16d"} .fa-youtube-play:before {content: "\f16a";} .fa-youtube:before {content: "\f167"; } .fa-linkedin:before {content: "\f0e1"; } /*********************************************************************************/ /* footer */ /*********************************************************************************/ #online_qq_layer{z-index:99999999;position:fixed;right:60px;bottom:30px; } #floatShow{display:block;} #floatHide{display:none;} #online_qq_tab{position:relative;z-index:9;} #online_qq_tab #floatShow{height:60px; width:60px;float:right;position:relative;border-radius:50%;box-shadow:0 5px 20px 0 rgba(12,87,153,0.3);-webkit-box-shadow:0 5px 20px 0 rgba(12,87,153,0.3);background:#0c5799;display: inline-flex;align-items: center;justify-content: center;transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1);} #online_qq_tab .animated { opacity: 1; } #online_qq_tab #floatShow i{height:30px;width:30px;background:url(../images/online.png) no-repeat center;display:inline-block;transform: translate(-50%, -50%);position: absolute;left: 50%;top:50%;z-index: 999;} #online_qq_tab #floatShow:hover{margin-right:0;} #online_qq_tab #floatShow p{position: absolute;right:0;top:-60px;border-radius:10px;background:#0c5799;width: 165px;padding:10px 20px;font-size: 14px;color:#fff;margin: 0;text-transform: capitalize;line-height: 20px;box-shadow: 0 2px 15px 1px rgba(12,87,153,0.2);transition:all .5s;opacity: 0;filter: alpha(opacity=0);} #online_qq_tab #floatShow p:before{content:'';width: 0; height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #0c5799;position: absolute;right: 20px;bottom:-10px;} #online_qq_tab #floatShow:hover p{top: -80px;opacity: 1;filter: alpha(opacity=100);} #online_qq_tab .circle { background: rgba(12,87,153,.25); width: 100%; height: 100%; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1);left:50%;top:50%;margin-left: -30px;margin-top: -30px;} #online_qq_tab .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards } #online_qq_tab .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards } #online_qq_tab .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards } #online_qq_tab.animation-stopped .circle { opacity: 0!important } #online_qq_tab.animation-stopped .circle { opacity: 0!important } #online_qq_tab #floatHide{overflow:hidden;width:30px; height:30px;font-size:13px;float:right; color:#808080; line-height:50px;text-align:left;position:absolute;right:10px;top:10px;} #online_qq_tab #floatHide i{width:20px;height:20px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;} #online_qq_tab #floatHide i:before, #online_qq_tab #floatHide i:after{ content:'';display:inline-block;background:#fff;width:20px;height:2px;margin:2px 0; } #online_qq_tab #floatHide i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);} #online_qq_tab #floatHide i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);} #online_qq_tab #floatShow:hover,#online_qq_tab #floatHide:hover{text-decoration:none;} @keyframes scaleToggleOne { 0% { transform:scale(1); -webkit-transform:scale(1) } 50% { transform:scale(2); -webkit-transform:scale(2) } 100% { transform:scale(1); -webkit-transform:scale(1) } } @keyframes scaleToggleTwo { 0% { transform:scale(1); -webkit-transform:scale(1) } 20% { transform:scale(1); -webkit-transform:scale(1) } 60% { transform:scale(2); -webkit-transform:scale(2) } 100% { transform:scale(1); -webkit-transform:scale(1) } } @keyframes scaleToggleThree { 0% { transform:scale(1); -webkit-transform:scale(1) } 33% { transform:scale(1); -webkit-transform:scale(1) } 66% { transform:scale(2); -webkit-transform:scale(2) } 100% { transform:scale(1); -webkit-transform:scale(1) } } #onlineService{direction:rtl;display:inline;width:300px; overflow: hidden;display:none;background: #fff; font-size:12px;box-shadow:0 0 13px 0 rgba(151,151,151,0.5);-webkit-box-shadow:0 0 13px 0 rgba(151,151,151,0.5);border-top:none;} #online_qq_layer .inquiry .main_more{ margin-top:5px} #online_qq_layer .inquiry .main_more input{ line-height:38px; height: 38px; padding:0 20px} #onlineService .title{ display:block;font-size:14px;font-weight: 700; padding:10px 45px;line-height:24px;text-transform:capitalize;margin-bottom:0; color:#fff; background: #0c5799; } #onlineService .title b{color:#fff; font-weight:normal} #onlineService .text{ margin-bottom:10px; color:#808080; line-height:20px; font-size:12px;} .i_message_inquiry .inquiry { padding:20px;} .i_message_inquiry .inquiry .form-control{ border:1px solid #e5e5e5; background:none; line-height:38px;height:40px; color:#808080; font-size:12px;width:100%;box-shadow:none;padding-right:45px;border-radius:0; padding-left:10px} .i_message_inquiry .inquiry .form-control:focus{color:#333; border-color:#0c5799;} .i_message_inquiry .inquiry .input-group{ background:#fff; margin-bottom:10px;width:100%;border:none; display:block} .i_message_inquiry .inquiry .input-group span{display:block;position:relative;} .i_message_inquiry .inquiry .input-group span:before{content:'';position:absolute;width:40px;height:40px;right:0;top:0;display:inline-block;background-position:center center;background-repeat:no-repeat;} .i_message_inquiry .inquiry .input-group span.ms_n:before{background-image:url(../images/mes_n1.png);} .i_message_inquiry .inquiry .input-group span.ms_p:before{background-image:url(../images/mes_p1.png);} .i_message_inquiry .inquiry .input-group span.ms_e:before{background-image:url(../images/mes_e1.png);} .i_message_inquiry .inquiry .input-group span.ms_m .form-control{height: 100px; max-height: 100px; max-width: 100%; min-width: 100%; min-height: 100px; padding-top: 10px; line-height: 20px; } .i_message_inquiry .inquiry .input-group span.ms_m:before{background-image:url(../images/mes_m1.png);} .i_message_inquiry .inquiry .input-code span{ display: inline-flex; align-items: center;} .i_message_inquiry .inquiry .input-code .form-control{max-width: 80px; padding: 0px 5px 0 10px;} .i_message_inquiry .inquiry .input-code span{ display: inline-flex; align-items: center;} .i_message_inquiry .inquiry .input-code img{ margin-top: 0 !important} @media only screen and (max-width: 1320px) { #online_qq_layer{ right:20px} } /*fixed-contact*/ .fixed-contact-wrap { z-index:99999; position:fixed; right:0px; top:20%; width:50px; overflow:hidden; border-radius:0px; opacity:0; transition:all .4s; transform: translateX(95px); -webkit-transform: translateX(95px); -moz-transform: translateX(95px); } .fixed-contact-wrap.show{ transform:none; opacity:1; filter:alpha(opacity=100);} .fixed-contact-wrap.active {width:280px;} .fixed-contact-wrap li {position:relative;height:50px;background:#0c5799;overflow:hidden;transition:all .4s;list-style:none} .fixed-contact-wrap.active li { list-style:none} .fixed-contact-wrap li>div {position:relative;z-index:1000;display:block;} .fixed-contact-wrap li i { z-index:1000; position:absolute; right:0; display:block; width:50px; height:50px; transition:all .4s; background-color:#0c5799; background-repeat: no-repeat; background-position: center center; } .fixed-contact-wrap.active li:after { z-index:1001; content:''; position:absolute; bottom:0; left:10px; right:10px; display:block; height:1px; background:rgba(255,255,255,.2); } .fixed-contact-wrap.active li:last-child:after {display:none;} .fixed-contact-wrap li:hover i,.fixed-contact-wrap li:hover a{opacity:.8;} .fixed-contact-wrap .online_p i { background-image:url(../images/right_p.png); border-top-left-radius:30px; -moz-border-top-left-radius:30px; -webkit-border-top-left-radius:30px; border-top-right-radius:30px; -moz-border-top-right-radius:30px; -webkit-border-top-right-radius:30px; } .fixed-contact-wrap .online_e i {background-image: url(../images/right_e.png);} .fixed-contact-wrap .online_w i {background-image: url(../images/right_w.png);} .fixed-contact-wrap .online_s i {background-image: url(../images/right_s.png);} .fixed-contact-wrap .online_code i {background-image: url(../images/right_code.png);} .fixed-contact-wrap li a { position:absolute; top:0; right:-135px; display:block; width:280px; line-height:110%; padding:20px 0 0 10px; color:#fff; background:#0c5799; white-space:nowrap; transition:all .4s; font-size:14px; font-weight:normal; text-align: right; } .fixed-contact-wrap.active li a {right:60px;} .fixed-contact-wrap .online_code a img{max-width:80px;} .fixed-contact-wrap.active .online_code{height:130px;} .fixed-contact-wrap.active .online_code a p{margin:0;margin-bottom:5px;} .fixed-contact-wrap li.online_code:hover a{opacity:1;} @media (max-width: 1030px) { body {min-width: 0;background-color: #f1f1f1;font-size: .3rem;} .header_LG_right{ width:auto; float:none; text-align:center;} .header_LG_right a{font-size: 0.22rem; padding-right: 0px; padding:0 20px;} .pc, .pc-line {display: none;} .mobile {display: block;} .page-width {width:100vw;} .home-page .swiper-banner {width:100vw;margin-top: -2.9rem !important;} .swiper-banner {width: 92vw;border-radius: 3px;} .header-top_left {display: none;} .header-top {height: 40px;} .header-top_slogan { float: none; text-align: center; width: 100%; font-size: .18rem; line-height: 40px; } .header-nav {text-align: center;height: 170px;} .home-page .header-nav {height: 4.9rem;background-size: auto 100%;} .header-nav_homeLink {width: 40%;display: inline-block;float: none;margin-top: .4rem; padding-left:0px;} .open-menu { width: 25px; color: #fff; text-align:left; position: absolute; top: 30px; right: 20px; z-index: 5; } .open-menu .navicon-bar { width: 25px; height: 3px; background-color: #fff; display: block; margin: 0 0 4px 0; } .header-nav_right { width: 100%;float: none; text-align: center; margin-top: .2rem; } .header-nav_weiboCode { float: none; display: inline-block; } .header-nav_nav {display: none;} .mobile-nav { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background-color: #005aa9; border: 0; position: fixed; top: 0; bottom: 0; left: 100%; right: 0; z-index: 10; width: 60%; } .mobile-nav.active { -webkit-transform: translate(-100%,0); -moz-transform: translate(-100%,0); -ms-transform: translate(-100%,0); -o-transform: translate(-100%,0); transform: translate(-100%,0); } .close-menu { position: absolute; z-index: 5; display: block; text-align: right; padding: 20px 20px 0 20px; padding-right: 20px; right:0; height: 50px; } .close-menu .navicon-bar { width: 25px; height: 3px; background-color: #fff; display: inline-block; margin: 0 0 4px 0; } .close-menu .navicon-bar:first-of-type { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: relative; left: 33px; } .close-menu .navicon-bar:last-of-type { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile-nav_list a{ background:#0c6dc2; display: block; color: #fff; padding-left: 14px; color: #fff; font-size: .22rem;text-transform:uppercase; line-height: .42rem; position: relative; z-index: 2; margin-top: 14px; } .mobile-nav_list .nav2{ margin-bottom:10px;} .mobile-nav_list .nav2 a{ margin-top:0px; line-height:.42rem; font-size:.2rem; background-color: #005aa9;} .mobile-nav_list { margin-top: 50px; overflow: auto; height: calc(100vh - 50px); padding-bottom: 30px; } .swiper-banner .title {font-size: .2rem;padding: .1rem .15rem;} .swiper-banner .subtitle {font-size: .15rem;padding: .1rem .15rem;} .swiper-banner .content { width: 100%; padding: 0 20px; } .swiper-banner .content .link-likeBtn { width: 2rem; line-height: 2.8; display: block; margin-left: auto; margin-right: auto; font-size: 14px; } .swiper-banner .swiper-slide {height: 2.6rem;background-size: auto 100%;background-position: center;} .swiper-pagination-trangle .swiper-pagination-bullet {width: .42rem; height: .09rem;} .swiper-banner.swiper-container-horizontal>.swiper-pagination-bullets {bottom: .2rem;} .jpkc__item{ width:100%; height:2.73rem;} .jpkc__item img{ width:100%;height:2.73rem;} .server-list .item { width: 50%; padding:0 23px; text-align: center; } .server-list .item img {width: 60%;display: block;float: none;position: relative;z-index: 1;margin: 0 auto;vertical-align: middle;} .server-list .item p {display: block;line-height: 3;margin: 7px auto 0;position: relative;z-index: 2; font-size: 17px; } .server-list .item a {display: block;} .part-server .page-width, .part-us .page-width, .part-build .page-width { background-size: cover; overflow: hidden; } .part-us .page-width { text-align: center; padding-top: 30px; padding-bottom: 30px; } .part-us .itemL {width: 100%;padding-right:0; padding-left:0;padding-top:.6rem;} .part-us .page-width{ height:auto;} .part-us .itemR {width: 100%; margin-top:10px; margin-left:0;} .part-us_title, .part-build_title, .part-build_con .item_title {font-size: .25rem;} .part-us_title_en {font-size: 20px;} .part-us_con, .part-build_info, .part-build_con .item_info {font-size: .2rem} .part-us_con {} .part-us .link-likeBtns {color:#cd001d;} .part-build_con .item {width: 100%;float: none;margin-top: 20px; height:auto;margin:15% 0;} .part-build .page-width{ padding:.3rem 0.6rem;} .part-build_con .item .info{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 100;} .icon-mouse {display: none;} .header-nav_search-box input { font-size:.2rem;} .header-nav_search-box{ width:100%} .search-box_inp{ width:70%} .search-box_btn{ width:30%} .part-friendLink_item:not(:last-child) {margin-right: 10px;} .part-friendLink {margin-top: 0;} .part-friendLink_item {height: 112px;} .footer_top .page-width {text-align: center;width:100vw;} .footer_top .item {float: none;font-size:.24rem;width:100%; margin-bottom:20px; } .footer_top .item:not(:last-child) {margin-right: 0;} .footer_top .item-info .tit2{font-size:.2rem;} .footer_top .item-info .tit3{font-size:.2rem; width:100%;} .footer_top {padding-top: 30px;} .footer_top .item-logo a {margin-bottom: 10px;} .footer_top .item-info {float: left;width:100%;} .footer_top .item-info span {width: 18px;} .footer_top .item-info:nth-child(3),.footer_top .item-info:nth-child(4) {width:100%;margin-left: 0;} .footer_nav {padding: 10px .12rem !important;} .footer_nav li { padding: .05rem .1rem; } .footer_nav li:not(:last-child):after {display: none;} .part-banner .content {text-align: center;} .part-banner .content p {width: auto;display: inline-block;text-align:center} .part-banner .content p.title {font-size: 14px;margin-bottom: 10px;} .part-banner .content p.subtitle {font-size: 12px;} .part-banner .content {margin-top: 10px;} .part-banner .bread-line {padding: 10px 0;} .wpb_wrapper { float: none; width: 100%; font-size: 14px; } .footer_top .item-logo .down_Cataloge{ margin:0 auto;} .part-project-banner .content {margin-top: 0;padding-top: 10px;} .part-project-banner .content .title {font-size: 16px;} .part-project-banner .content .subtitle {font-size: 14px;} .part-project-banner .content p {margin-bottom: 6px;} .place-list li {width: 100%;height: 60vw;margin-bottom: 10px; padding:0px;} .place-list li .img-box {height: 50vw;} .place-list li .place-bottom {height: 10vw;line-height: 10vw;} .place-content-list li {width: 100%;float: none;} .device-list .item {width: 100%;float: none;} .part-device-show .html-content.fl {height: auto;width: 100%;float: none;} .part-device-show .btn-wrap .btn-red { width: 120px; height: 30px; margin-right: 10px; } .deviceSwiper {height: 380px;width: 92vw;float: none;margin-left: 0;} .part-video .video {width: 100%;height: 48vw;margin-top: 20px;} .device-info {width: 100%; margin-left:0px;} .part-project-content .page-info {line-height: 1.5;padding: 10px 0;} .pj-item {display: block;float: none; margin-right:0px; width:50%; float:left;} .pj-item img {margin: 0 auto;} .footer_top .item-logo .down_Cataloge{font-size: .18rem; margin-bottom:.2rem;} .footer_top .item-info p {margin-left: 0; line-height:.35rem;} .place-list {padding-bottom: 20px;} }