@CHARSET "UTF-8";
body img { max-width: 100%; height: auto; }
.phone_dhhome { margin-top: 5px; }
.is-phone-nav { position: absolute; right: 0px; margin-top: 5px; margin-right: -40px; display: none; }
.phon-nav-ck { background-color: #3E6D8F; }
.is-phone-nav a { color: white; font-size: 14px; }
.is-phone-nav { background: rgba(3, 3, 3, 0.5); }
.is-phone-nav-li { line-height: 25px; width: 40px; text-align: center; }
.is-phone-nav-li:hover { background-color: #3E6D8F; }
.header-new { position: fixed; z-index: 999; position: absolute; left: 0; top: 0; right: 0; margin: auto; }
/*HEADER*/

.nav-top { position: fixed; width: 100%; z-index: 9999; height: 70px; background: rgba(3, 3, 3, 0.5); }

@media (min-width: 768px) {
.nav-top .navbar { margin-bottom: 0; }
.nav-top .navbar-default { background: none; border: none; }
}

@media (max-width: 768px) {
.nav-top .navbar { width: 200px; text-align: center; }
.nav-top .navbar-default { background: rgba(50, 50, 50, 0.9); border: none; }
}
.nav-top a { color: #FFF !important; font-size: 16px; }
.nav-top a:hover { color: #999 !important; }
.nav-top .navbar-toggle { margin-top: 27px; margin-bottom: 15px; }
.first-nav { background: rgba(3, 3, 3, 0.5); position: fixed; width: 100%; z-index: 9999; }
.logo_div { z-index: 33; margin-top: 10px; }
.logo-left { float: left; }
.logo-right { margin-right: 0px; float: right; }
.header-li { margin-right: 30px; line-height: 40px; font-size: 14px; z-index: 6666; }
.header-li a { color: white; }
.page-next { position: absolute; left: 0; right: 0; bottom: 3px; cursor: pointer; }
.carousel-indicators li { display: inline-block; width: 40px; height: 6px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #0D7AE9; }
.server { text-align: center; font-size: 38px; color: #0D7AE9; margin-top: 5%; font-family: Arial; }
.server-zn { font-size: 22px; text-align: center; margin-top: 20px; margin-bottom: 10px; }
.server-big { margin-bottom: 20px; }
.server-big > img { padding-top: 42px; margin-top: 60px; width: 165px; transition: .1s transform; transform: translateZ(0);/* hack */ }
.server-big:hover { z-index: 1; }
.server-big:hover > img { transform: scale(1.2, 1.2); transition: .3s transform; }
.server-info { line-height: 30px; width: 100%; text-align: center; }
.thumbnail { margin-top: 50px; }
.case_title { color: #CACACA; font-size: 12px; }
.shade { background: rgba(93, 84, 123, 0.5); position: absolute; text-align: center; display: none; }
.shade_img { width: 150px; text-align: center; margin: 0px auto; margin-top: 70px; }
.is_y_bg { cursor: pointer; }
.yddh-phone { margin-top: 12px; }
.server-phone { margin-top: 30px; text-align: center; line-height: 30px; }
.margin-nav { padding-top: 8%; }
.inner { }
.phone-case { margin-top: 10px; }
.phone-case-title { background-color: white; width: 273px; }
.phohe-thumb { margin-top: 5px; }
.phone-case-div { text-align: center; }
.co-silver { color: #797A7A; }
.next-bg { text-align: right; }
.ck-more { margin-top: 10px; width: 100%; background-color: #60AAF5; text-align: center; color: white; line-height: 40px; }
.case-hd-div { margin-top: 40px; }
.phone-case { margin-top: 10px; }
.c-wt { color: white; }
.rtd-ft-p { color: white; text-align: center; line-height: 50px; margin-top: 20px; font-size: 14px; }
.rtd-big-div { margin-top: 30px; }
.rtd-big-div { margin-top: 60px; }
.ct-logo { margin-right: 15px; }
.kh-img { margin: 10px auto; }
.page-ct-mtop { margin-top: 30px; }
.rtd-left-phone { position: absolute; vertical-align: center; left: 0; width: 15%; font-size: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); filter: alpha(opacity=50); opacity: 0.5; top: 50%; }
.rtd-right-phone { position: absolute; top: 50%; right: 0; width: 15%; font-size: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); filter: alpha(opacity=50); opacity: 0.5; }
.rtd-phone:HOVER { opacity: 1; }
.margin-nav-guan { margin-top: 10%; }
.guan-buttone { margin: 30px auto; line-height: 30px; border: 1px solid #0D7AE9; padding: 2px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 120px; text-align: center; transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; }
#guan-buttone-a { text-decoration: none; color: #0D7AE9; }
.guan-buttone:HOVER { background-color: #0D7AE9; color: white; }
.news-list { width: 400px; height: 40px; background: rgba(40, 40, 40, 0.7); margin: 20px auto; line-height: 40px; color: white; padding: 0px 5px; }
#allmap { width: 100%; height: 100vh; overflow: hidden; margin: 0; border: 1px solid silver; }

/*----footer---*/
.footer-box { width: 100%; background: #333; padding: 25px 0px 5px 0px; }
.footer-box .qrcode-phone { margin-top:-15px;}
.footer-box .qrcode-phone img{ max-width:120px;}
.footer-box .qrcode-phone p{color:#fff; text-align:center; margin-bottom:20px;}

@media (min-width: 768px) {
.footer-box { margin-left: -1px; width: 100%; position: absolute; background: rgba(40, 40, 40, 0.7); height: 330px; z-index: 4444; margin-top: -330px; }
}

@media (max-width: 768px) {
.footer-box { margin-left: -1px; width: 100%; position: absolute; background: rgba(40, 40, 40, 0.7); height: 268px; z-index: 4444; margin-top: -268px; }
}
.footer-inner { padding-top: 50px; width: 1100px }
.footer-nav .grid_3 { float: left; margin-right: 93px }
.footer-nav .grid_3 .items { width: 200px }
.footer-nav .items li { margin-bottom: 15px }
.footer-nav .items li a { font-size: 12px; }
.footer-nav .items li.liHeader { height: 32px; border-bottom: 1px solid #fff; }
.footer-nav .items li.contact_us { height: 57px }
.footer-nav .items li.contact_us span { display: block; float: left; position: relative; overflow: hidden; }
.footer-nav .items li.contact_us span.icon_phone { background: url(../images/index/icon_phone.png) 0 0/26px auto no-repeat; width: 26px; height: 28px; }
.footer-nav .items li.contact_us span.icon_qq { background: url(../images/index/icon_qq.png) 0 0/26px auto no-repeat; width: 26px; height: 28px; }
.footer-nav .items li.contact_us span.icon_mail { background: url(../images/index/icon_mail.png) 0 0/26px auto no-repeat; width: 26px; height: 28px; }
.footer-nav .items li.contact_us span.icon_ads { background: url(../images/index/icon_ads.png) 0 0/26px auto no-repeat; width: 26px; height: 28px; }
.footer-nav .items li.contact_us div { padding-top: 0px; clear: none; text-align: left; padding-left: 10px; width: 190px; display: block; float: left; font-size: 12px; color: #fff; position: relative; overflow: hidden; font-weight: 300 !important; }
.footer-nav .items li.contact_us div span { font-size: 12px; display: block; float: none; line-height: 20px; }
.footer-nav .items li.contact_us div font { display: block; padding-top: 7px; color: #fff; white-space: nowrap; font-weight: 300 !important; }
.footer-nav .items li.contact_us img { width: 26px }
.footer-nav .items li span { color: #fff; font-size: 14px; font-weight: 300 !important; }
.footer-nav .items a { color: #fff; font-weight: 300 !important; }
.footer-inner span a { color: #fff; font-weight: 300 !important; }
.footer-nav .items a:hover { color: #0D7AE9 }
.is-er { margin: 20px auto; }
.mb { margin: 0px auto; }
.footer-tell { margin: 0px atuo; text-align: center; color: white; }
.footer-copyright { margin: 20px auto; color: white; text-align: center; font-size: 12px; }
.is-tell { margin: 10px auto; }
/* 我们的客户 */

.client-list { width: 20%; margin-bottom: 10px; }
.black-write-img { cursor: pointer; }
.black-write-img:HOVER { }
.section1 { text-align: center; }
.section2 { background: url("../images/index/server.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.section3 { background: url("../images/index/case.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.section4 { background: url("../images/index/rtd.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.section5 { background: url("../images/index/client.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.section6 { background: url("../images/index/about.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.section7 { background: url("../images/index/address.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
/* bg */
.banner { background: url("../images/index/banner01.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.banner1 { background: url("../images/index/banner02.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.banner2 { background: url("../images/index/banner03.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.banner3 { background: url("../images/index/banner04.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.black-write { margin-top: 30px; }

@media (max-width: 767px) {
.news-list { width: 100%; }
.client-list { width: 50%; }
.header-new-div { width: 100%; }
.server-zn { margin-top: 40px; margin-bottom: 10px; }
.phone-er { text-align: center; margin: 0px auto; }
.erweima { margin: 0px auto; }
.banner { background: url("../images/index/banner-phone01.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.banner1 { background: url("../images/index/banner-phone02.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.banner2 { background: url("../images/index/banner-phone03.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.banner3 { background: url("../images/index/banner-phone04.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.section2 { background: url("../images/index/server-phone.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.section3 { background: url("../images/index/case-phone.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.section4 { background: url("../images/index/rtd-phone.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.section5 { background: url("../images/index/client-phone.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.section6 { background: url("../images/index/about-phone.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.section7 { background: url("../images/index/address-phone.jpg") 50% top; -moz-background-size: cover; background-size: cover; }
.black-write-img { width: 95%; margin-right: 5px; }
.big-logo img { width: 50%; margin-top: 20%; }
.footer-nav { width: 100%; }
}

@media (min-width: 768px) {
.header-new { width: 768px; }
.client-list { width: 33.3%; }
.header-new-div { width: 100%; }
.footer-nav { width: 100%; border-bottom: 1px solid #868383; }
}

@media (min-width: 992px) {
.header-new { width: 920px; }
.client-list { width: 25%; }
.header-new-div { width: 932px; margin: 0px auto; }
.footer-nav { width: 100%; margin: 0px auto; }
}

@media (min-width: 1200px) {
.header-new { width: 1140px; }
.client-list { width: 20%; }
.header-new-div { width: 1140px; margin: 0px auto; }
.footer-nav { width: 1140px; margin: 0px auto; }
}
/* */

.no-margin { margin-top: 0px; }
.sun-div2 { position: relative; left: -140%; }
.sun-div3 { position: relative; bottom: -120%; }
.rtd-ft-p p { display: none; }
.black-write { display: none; }
.newspage { display: none; }