/*public*/
.gray-btn, .gray-link {
    background-color: #efefef;
    color: #eee
}

.gray-btn:hover, .gray-link:hover {
    color: #fff;
    background-color: #5f6368
}

.gray-link {
    display: inline-block;
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #999;
    border-radius: 3px;
}

h1.title {
    font-size: 26px;
    text-align: center;
    padding: 50px 0 15px 0;
    color: #444;
}

.normal-bg, .gray-bg {
    padding-bottom: 50px;
}

.gray-bg {
    background-color: #f3f3f3;
}

.no-top {
    padding-top: 0;
}

a.sp-link, a.sp-link:hover {
    color: #444
}

a.white-link, a.white-link:hover {
    color: #fff
}

a.g-link {
    color: #666
}

a.g-link:hover {
    color: #c00
}

.clear {
    clear: both;
}

/*public end*/

/*header*/
.header .headerTop {
    background-color:rgba(0,0,0,.6);
    color: #fff;
    height: 26px;
    padding-top: 5px;
}
.wite .headerTop{
    background-color:rgba(0,0,0,.8);
    color: #ffffff!important;
}
.header_scroll .headerTop{
    background-color:rgba(0,0,0)!important;
}
#header2016 .header-nav {
    background-color: #fff;
}
#header2016 .header-nav-content {
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 80px;
}

#header2016 .main-nav-wrapper {
}

#header2016 .wide1190 {
    padding: 0
}

#header2016 .header-nav .logo {
    margin: 0px;
    width: 200px;
    overflow: hidden;
    height: 80px;
    text-align: center
}

#header2016 .header-nav .logo img {
    max-width: 200px;
    margin-top: 10px;
}

#header2016 .header-reg {
    color: #fff;
    margin-right: 16px;
}
#header2016 .header-reg  a{
    color: #fff;
}
.wite .header-reg {
    color: #333333;
}

.wite .topnav li .menu{
    color: #fff!important;
}
/*.header_scroll .topnav li .menu{
    color: #333333!important;
}*/
#header2016 .header-pos {
    position: absolute;
    width: 100%
}
#header2016 .topnav li .menu, #header2016 .login-left {
    height: 20px;
    line-height: 20px;
}

#header2016 .login-left form {
    color: #fff;
    font-size: 14px;
}
.wite .login-left form {
    color: #fff!important;
    font-size: 12px;
}
.header_scroll .login-left form {
    color: #ffffff!important;
    font-size: 12px;
}
#header2016 .login-input {
    padding-left: 10px;
    width: 104px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #e6e6e6
}

#header2016 .login-btn {
    width: 56px;
    text-align: center;
    height: 22px;
    line-height: 22px;
    padding: 0;
}

#header2016 .kjlogin .login-link {
    font-size: 12px
}

#header2016 .header-nav-scroll {
    position: fixed;
    top: 0;
    background-color: rgba(255, 255, 255, .9);
    box-shadow: 1px 1px 10px #ccc;
}

#header2016 .header-nav-scroll .logo {
    background: transparent !important;
}

#header2016 .header-nav-scroll .header-nav-content {
    bottom: initial;
    background: transparent;
}

#header2016 .header-nav-scroll .main-nav-wrapper li a.nav-menu {
    border: 0;
}

#header2016 .callnumber {
    position: absolute;
    padding-left: 20px;
    margin: 15px 0 0 200px;
    font-size: 14px;
    color: #999;
    background: url(/template/Tpl_2016/images/callnumber.png) left top no-repeat;
}

#header2016 .callnumber p {
    font-size: 20px;
    margin: 0;
    font-family: Arial;
    text-indent: -19px;
    line-height: 1.4em;
    color: #c00;
}


.kjlogin {
    border-left: 1px solid #dadada;
    padding-left: 16px;
}

.kjlogin i {
    background-image: url(/template/Tpl_2016/images/oauth.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
    height: 20px;
    margin-right: 2px;
    vertical-align: middle
}

.kjlogin .zfb {
    background-position: -197px 0
}

.kjlogin .qq {
    background-position: -30px 0
}

.kjlogin .weixin {
    background-position: -522px 0
}

#header2016 .common-dropdown {
    right: -1px;
}

#header2016 .index-nav {
    float: right;
}


#header2016 .sub-nav {
    position: absolute;
    margin-left: 3px;
    background: #fff;
    border: #c00 1px solid;
    border-top: #c00 2px solid;
    color: #c00;
}

#header2016 .sub-nav li {
    float: none;
}

#header2016 .sub-nav li a {
    display: block;
    padding: 10px;
    color: #c00;
    font-size: 16px;
    line-height: initial;
}

#header2016 .sub-nav li a:hover {
    color: #fff;
    background: #c00;
}

#header2016 #TitleLoginOk {
    float: initial;
    width: auto;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
}

#header2016 #TitleLoginOk a {
    color: #ff7200;
}

#header2016 #TitleLoginOk .gray-link {
    color: #fff;
}

/*header end*/


/*banner*/
.banner {
    width: 100%;
    height: 680px;
    overflow: hidden;
    position: relative
}

.banner_inner {
    position: relative;
    height: 420px;
    width: 1200px;
    margin: 0 auto;
    top: 28%
}

.banner_img {
    width: 20000px
}

.banner_img li {
    float: left;
    width: 100%;
    min-width: 1205px;
    position: relative;
    height: 680px;
    top: 30%
}

.banner_img li.bgli01 {
    background: #000000 url(/Template/Tpl_2016/images/banner/2019chunjie_bg.jpg) center no-repeat;
    background-size: cover
}

.banner_img li.bgli06 {
    background: #000000 url(/Template/Tpl_2016/images/banner/2017zhongqiu_bg.jpg) center no-repeat;
    background-size: cover
}

.banner_img li.bgli07 {
    background: #89C3F5 url(/Template/Tpl_2016/images/banner/400_bg.jpg) center no-repeat;
    background-size: cover
}

.banner_img li.bgli05 {
    background: #7675B8 url(/Template/Tpl_2016/images/banner/webdesign_bg.jpg) center no-repeat;
    background-size: cover
}

.banner_img li.bgli02 {
    background: #7CCE3E url(/Template/Tpl_2016/images/banner/mail_bg.jpg) center no-repeat;
    background-size: cover
}

.banner_img li.bgli12 {
    background: #000000 url(/Template/Tpl_2016/images/banner/wxdz_bg.jpg) center no-repeat;
    background-size: cover
}

.banner_img li.bgli16 {
    background: #000000 url(/Template/Tpl_2016/images/banner/jituan_bg.jpg) center no-repeat;
    background-size: cover
}

.banner .child1 {
    position: absolute;
    width: 1200px;
    left: 0;
    top: 0;
    text-align: left
}

.banner .child2 {
    position: absolute;
    width: 1200px;
    right: 0;
    top: 0;
    text-align: right
}

.banner_common {
    position: relative;
    width: 100%;
    margin: 0 auto;
    top: 30%
}

.banner_pre {
    position: absolute;
    top: 50%;
    left: 40px;
    margin-top: 180px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: url(/Template/Tpl_05/newimages/banner/banner_btn_l_24.png) no-repeat;
    opacity: .5;
    filter: alpha(opacity=50)
}

.banner_next {
    position: absolute;
    top: 50%;
    right: 40px;
    margin-top: 180px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: url(/Template/Tpl_05/newimages/banner/banner_btn_r_24.png) no-repeat;
    opacity: .5;
    filter: alpha(opacity=50)
}

.banner_pre:hover, .banner_next:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.banner .control {
    width: 150px;
    position: absolute;
    bottom: 10%;
    left: 50%;
    margin-left: -40px
}

.banner .control li {
    float: left;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background: #fff
}

.banner .control li a {
    display: none
}

.banner .control li.current {
    background: #c00
}

/*banner end*/

/*sec-banner*/
.sec-banner {
    z-index: 20;
    height: 483px;
    overflow: hidden
}

.slide-wrapper li, .sec-banner .slide-wrapper li {
    width: 100%;
    height: 483px;
    display: block
}

.slide-pagination, .sec-banner .slide-pagination {
    bottom: 22px
}

.sec-banner, .sec-banner .slide-wrapper li {
    height: 320px;
}

/*sec-banner end*/

#content {
    overflow: hidden;
}

/*domain search*/
.domain-dark-container {
    background-color: #fff;
}

.query-container .query-input-container .common-input {
    border: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
}

.domext-container {
    border-width: 0;
    box-shadow: none;
}

.query-container .query-input-container {
    margin-right: 160px;
}

/*domain search end*/

/*product*/
.product-bg {
    position: relative;
    background: #333;
    height: 415px;
    overflow: hidden;
}

.product-bg .wide1440 {
    height: 100%;
    position: relative;
}

.product-con {
    height: 100%;
}

.product-con .transition {
}

.product-con ul {
    height: 100%;
}

.product-con ul li {
    position: relative;
    float: left;
    width: 20%;
    height: 100%;
    text-align: center;
    background-size: cover;
}

.product-con ul li.product-ymzc {
    background: url(/template/Tpl_2016/images/product_ymzc.jpg) center no-repeat;
}

.product-con ul li.product-xnzj {
    background: url(/template/Tpl_2016/images/product_xnzj.jpg) center no-repeat;
}

.product-con ul li.product-yfwq {
    background: url(/template/Tpl_2016/images/product_yfwq.jpg) center no-repeat;
}

.product-con ul li.product-zjzy {
    background: url(/template/Tpl_2016/images/product_zjzy.jpg) center no-repeat;
}

.product-con ul li.product-wzjs {
    background: url(/template/Tpl_2016/images/product_wzjs.jpg) center no-repeat;
}

.product-con ul li.product-qyyx {
    background: url(/template/Tpl_2016/images/product_qyyx.jpg) center no-repeat;
}

.product-con ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-con ul li a:hover {
    background-color: rgba(204, 0, 0, .8) !important;
}

.product-bg .tempWrap {
    height: 100%;
}

.product-bg .product_arrow {
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-bg .product_arrow i {
    display: block;
    position: relative;
    top: 200px;
    width: 16px;
    height: 25px;
    margin: 0 auto;
    background: url(/template/Tpl_2016/images/white_arrow.png) no-repeat;
}

.product-bg .product_arrow.prev {
    left: 0;
}

.product-bg .product_arrow.prev i {
    background-position: top left;
}

.product-bg .product_arrow.next {
    right: 0;
}

.product-bg .product_arrow.next i {
    background-position: top right;
}

.product-bg .wide1440:hover .product_arrow {
    opacity: .5;
}

.product-bg .wide1440 .product_arrow:hover {
    opacity: 1;
}

.pro-cont-box {
    position: relative;
    top: 100px;
    text-align: center;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.pro-cont-box .pro-icon {
    margin-bottom: 30px;
}

.pro-cont-box .pro-icon img {
    width: 70px;
    height: 70px;
}

.pro-cont-box .line {
    width: 25px;
    height: 2px;
    margin: 0 auto 30px auto;
    background: #fff;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.pro-cont-box .pro-title {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.pro-cont-box .pro-desc {
    height: 66px;
    padding: 0 30px;
    margin-top: 50px;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.pro-cont-box .pro-link {
    display: block;
    width: 100px;
    margin: 20px auto 0 auto;
    line-height: 30px;
    color: #fff;
    border: 1px solid #fff;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.pro-cont-box .pro-link:hover {
    background: #fff;
    color: #c00;
}

.product-con ul li a:hover .pro-cont-box {
    top: 50px;
}

.product-con ul li a:hover .line {
    opacity: 0;
    margin: 0 auto;
}

.product-con ul li a:hover .pro-desc {
    opacity: 1;
    margin-top: 30px;
}

.product-con ul li a:hover .pro-link {
    opacity: 1;
}

.product-list-con {
    background-color: #fff;
}

.product-list-con h1 {
    font-size: 20px;
    color: #666;
}

.product-list-con .view-more {
    display: block;
    font-size: 16px;
    color: #fff;
    padding: 18px 0;
}

.product-list-con .view-bg1 {
    background-color: #64c2cc
}

.product-list-con .view-bg2 {
    background-color: #e1b84f
}

.product-list-con .view-bg3 {
    background-color: #f88b5e
}

.product-list-con .view-bg4 {
    background-color: #79c084
}

.product-list-con .view-bg5 {
    background-color: #65c5f1
}

.product-list-con .product-icon {
    background: url(/template/Tpl_2016/images/index-icon-bg.png) no-repeat;
    width: 82px;
    height: 82px;
    display: inline-block;
    margin-top: -40px;
}

.product-list-con .list-icon1 {
    background-position: left top
}

.product-list-con .list-icon2 {
    background-position: left -82px
}

.product-list-con .list-icon3 {
    background-position: left -164px
}

.product-list-con .list-icon4 {
    background-position: left -246px
}

.product-list-con .list-icon5 {
    background-position: left -328px
}

#particles-js {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 415px;
}

/*proService*/
.proService {
    padding: 15px 0;
}

.proService-list {
    margin-left: -15px;
}

.proService-list li {
    float: left;
    width: 25%;
}

.proService-item {
    position: relative;
    margin-left: 15px;
    border: 1px solid #e6e6e6;
    transition: all ease .5s;
}

.proService-item a {
    display: block;
    padding: 10% 15%;
}

.proService-item h2 {
    font-size: 22px;
    color: #444;
    text-align: center;
}

.proService-item p {
    height: 44px;
    margin-top: 25px;
    font-size: 14px;
    color: #999;
    text-align: center;
    overflow: hidden;
}

.proService-item .proService-icon {
    display: block;
    width: 180px;
    height: 120px;
    margin-top: 60px;
    background-repeat: no-repeat;
    transition: all ease 1s;
}

.proService-item .line {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    opacity: 0;
    transition: all ease .5s;
}

.proService-list li:first-child .proService-item .line {
    background-color: #F1B81C;
}

.proService-list li:nth-child(2) .proService-item .line {
    background-color: #61DEE7;
}

.proService-list li:nth-child(3) .proService-item .line {
    background-color: #F7903C;
}

.proService-list li:last-child .proService-item .line {
    background-color: #48DBA4;
}

.proService-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 10px #ddd;
    transition: all ease .5s;
}

.proService-item:hover .proService-icon {
    background-position: -180px 0;
    transition: all ease 1s;
}

.proService-item:hover .line {
    opacity: 1;
    transition: all ease .5s;
}

/*proService end*/

/*webhost*/
.webhost-li .line{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    opacity: 0;
    transition: all ease .5s;
    background-color: #c00;
    z-index: 999;
}
.webhost-li:hover .line {
    opacity: 1;
    transition: all ease .5s;
}
.webhost-li:hover{
    transform: translateY(-10px);
    box-shadow: 0 0 10px #ddd;
    transition: all ease .5s;
}
.webhost-li {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    transition: all ease .5s;
}
.webhost-li .g-default-btn{
    height: 40px;
    line-height: 40px;
    color: #E70915;
    margin-right: 11px;
    border:1px solid #E70915;
    background-color:#fff;
}
.webhost-li.hover .g-default-btn{
    background-color:#E70915 ;
    border: none;
    color: #fff;
}

.webhost-title-bg {
    background-color: #f7f7f7;
    height: 76px;
    line-height: 85px;
    position: relative
}

.webhost-title-bg h1 {
    font-size: 22px;
    display: inline-block;
    text-align: left;
    width: 50%;
    color: #444
}

.webhost-title-bg h2 {
    font-size: 18px;
    display: inline-block;
    text-align: right;
    width: 40%;
    color: #666
}

.webhost-detail {
    padding: 0 20px;
    font-size: 14px;
    margin: 15px 0 0 0
}

.webhost-detail ul li {
    padding: 7px 0;
    border-bottom: 1px solid #eee;
    float: left;
    width: 100%
}

.webhost-title-bg i {
    background: url(/template/Tpl_2016/images/index-icon-bg.png) no-repeat left -410px;
    width: 68px;
    height: 44px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

/*webhost end*/


/*product end*/

/*aboutus*/
.aboutus {
    color: #fff;
    background: url(/template/Tpl_2016/images/aboutus-bg.jpg) no-repeat center 0;
}

h1.aboutus-title {
    color: #fff;
}

.aboutus-con {
    padding: 0 20px;
    height: 552px;
}

/*aboutus end*/

/*webhosting*/
.tab-bg {
    background-color: #fff;
}

.webhosting-tab .active .triangle-top {
    display: inline-block
}

.webhosting-tab .active .item {
    background-color: #3db514;
}

.host-info li {
    font-size: 14px;
    color: #707070;
    text-align: center;
    width: 33%;
}

.host-info .border-line {
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
}

.host-info p {
    margin: 0;
    border: none;
    font-weight: 700;
}

.column-config {
    padding: 10px 0 0 30px;
    line-height: 1.1;
    text-align: left;
}

.column-config dt {
    float: left;
    padding-top: 18px;
    width: 64px;
    font-weight: 700;
}

.column-config dd {
    padding-top: 18px;
}

.webhosting-ul .active-hover {
    height: 567px;
}

.sitebanner {
    background: url(/template/Tpl_2016/images/site_bg.jpg) no-repeat center 0;
    height: 407px;
}

/*webhosting end*/

/*vps*/
.vps-list {
    background: #fff; /*margin: 20px 0;*/
    padding: 15px 20px;
    margin-bottom: 30px
}

.vps-title {
    font-size: 24px;
    color: #333;
    height: 50px
}

.list-title {
    display: inline-block;
    background: #fff;
    padding-right: 10px
}

.vps-line {
    height: 1px;
    background: #e5e5e5;
    margin-top: -18px
}

.vps-table th, .vps-table td {
    border: 1px solid #e6e6e6;
    padding: 10px 15px;
}

.vps-table th {
    background-color: #f0f0f0;
    font-size: 14px;
}

a.vps-buy {
    padding: 6px 20px;
    font-size: 16px;
}

.front-table td {
    text-align: center
}

.lineht {
    line-height: 27px
}

.news-box ol {
    list-style-type: decimal
}

.padding20 {
    padding: 20px
}

.h1bold {
    font-weight: bold;
    margin-bottom: 15px
}

/*vps end*/

/*cloudhost*/
.arrowMouse div, .common-choice-list div {
    padding: 3px 0;
}

.host-content {
    background: #f8f8f8;
    padding-top: 20px;
    padding-bottom: 60px;
    _zoom: 1
}

.host-config {
    background-color: #fff;
}

/*cloudhost end*/

/*server*/
.server-config .vps-list {
    margin-bottom: 0px
}

.server-table td {
    text-align: center
}

/*server end*/

/*mail*/
.sel a {
    display: inline-block;
    margin-top: -10px;
    margin-right: 20px;
    padding: 4px 38px;
    font-size: 18px;
    background: #F4F4F4;
    color: #6A6A6A;
    text-align: center;
}

.sel a.sel_on {
    background: #3db514;
    color: #FFF;
}

/*mail end*/

/*tuijian yewu */
.first-col {
    margin-right: 20px
}

.last-col {
    margin-left: 20px
}

.columnList li.host-center {
    width: 36%;
}

/*tuijian yewu end*/

/*youqing*/
ul.yq-link li {
    width: 20%;
    text-align: center;
    float: left;
    font-size: 18px;
    color: #666
}

ul.yq-link li a {
    display: inline-block;
    background-color: #fff;
    width: 80%;
    padding: 10px 0;
}

/*youqing*/

/*bagshow*/
#titlemsg div#titletext {
    border-bottom: none;
    background: none;
    text-align: center
}

.opmail {
    height: 38px;
    line-height: 38px;
    display: inline-block;
    text-align: left
}

.morebtn {
    text-align: center;
    color: #FF0000;
    padding-top: 5px;
    display: inline-block;
    cursor: pointer
}

#zxwInfo {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px
}

#zxwInfo .bagshow-goods {
    padding-top: 0px;
}

.bagshow-goods .bagshow-count-right .bagshow-title-btn {
    vertical-align: top;
    border: 0;
    cursor: pointer;
}

.searchBar .searchTxt {
    color: #666;
}

.searchBar .searchBtn {
    border: none;
    cursor: pointer;
    vertical-align: top;
}

/*bagshow end*/

/*old*/
.list-table a, .z_table a {
    font-size: 14px
}

#SiteMapPath {
    overflow: hidden;
    zoom: 1;
    margin-bottom: 10px;
    clear: both;
    border-bottom: 1px solid #ededed;
}

#MainContentDIV {
    margin: 0px auto 20px;
    min-width: 950px;
    max-width: 1200px;
    width: auto;
    padding: 0px 20px 20px;
    border-top: 1px solid #F1F4F4;
}

#MainContentDIV {
    background-color: #FFF;
}

.mode-agent-content {
    padding: 40px 70px 100px;
    background: #fff
}

.mode-content .mc-title {
    height: 101px
}

.mode-content .b {
    background: url(/template/Tpl_2016/images/mode-b.jpg) no-repeat top left
}

.mode-content .d {
    background: url(/template/Tpl_2016/images/mode-d.jpg) no-repeat top left
}

.mode-content .api {
    background: url(/template/Tpl_2016/images/mode-api.jpg) no-repeat top left
}

.mode-content h5 {
    padding-top: 30px;
    font-size: 14px;
    font-weight: 700;
    color: #3db514;
    text-indent: 28px
}

.mode-content .mc-title i {
    display: block;
    margin-left: 18px;
    padding-top: 100px;
    border-bottom: 1px solid #e6e6e6
}

.mode-content p {
    padding-top: 10px;
    line-height: 26px;
    font-size: 14px;
    text-indent: 28px
}

.mode-content p .link {
    color: #009ecc
}

.mode-content p .link:hover {
    color: #ff7200
}

.mode-content .agent-btn {
    width: 200px;
    height: 50px;
    line-height: 50px
}

.news-container {
    background-color: #f8f8f8;
    padding: 45px 0 20px 0
}

.news-box {
    background-color: #fff;
    padding: 20px;
    font-size: 14px
}

.news-title {
    line-height: 36px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
    color: #4a4a4a;
    font-size: 16px;
    text-align: center;
    font-weight: 700
}

.news-list li {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #757575;
    border-bottom: 1px dashed #dfdfdf;
    position: relative
}

.news-list li {
    display: block;
    padding-right: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal
}

.news-list li span {
    position: absolute;
    right: 0;
    top: 0
}

.content-right {
    padding: 40px 50px 70px;
    overflow: hidden;
    background: #FFF;
}

.Faq_Div {
    padding-top: 0;
}

.con-padding {
    padding: 30px 0px 0px 0;
}


/*******************左侧导航*******************/

.navbar-left {
    float: left;
    width: 240px;
    margin-right: 20px;
}

.navbar-left .nl-title {
    padding-left: 40px;
    height: 70px;
    line-height: 70px;
    background: #3db514;
    font-size: 26px;
    font-style: italic;
    color: #fff;
}

.navbar-left .nl-list {
    padding: 14px 26px 55px;
    background: #fff;
}

.navbar-left .nl-list .item {
    float: none;
}

.navbar-left .nl-list .item a {
    display: block;
    padding-left: 10px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    color: #434343;
}

/*¼¤»î*/

.navbar-left .nl-list .active a, .navbar-left .nl-list li:hover a {
    height: 46px;
    line-height: 46px;
    font-weight: bold;
    position: relative;
}

.navbar-left .nl-list a {
    height: 46px;
    line-height: 46px;
    position: relative;
}

.navbar-left .nl-list i, .navbar-left .nl-list .active i, .navbar-left .nl-list li:hover i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: absolute;
    right: 0px;
    top: 20px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
}

.navbar-left .nl-list .active i, .navbar-left .nl-list li:hover i {
    right: -18px;
    top: 13px;
    border: 10px solid transparent;
}

.navbar-left .nl-list i {
    border-left-color: #ddd;
}

/*******************关于我们*******************/
.AboutUs_Div {
    min-height: 556px;
}

.AboutSoft {
    margin-top: 20px;
}

.AboutSoft ul {
    margin-left: -12px;
}

.AboutSoft ul li {
    float: left;
    width: 195px;
    margin: 0 0 12px 12px;
}

.AboutSoft ul li img {
    width: 100%;
    height: auto;
}

.AboutSoft ul li p {
    text-align: center;
}

.AboutUs_Div #DomainFlash img {
    border-radius: 10px;
}

.AboutUs_Div .content_map iframe {
    width: 830px;
    height: 360px;
    border: 0;
}

.AboutUs_Div .contact_cont {
    margin-top: 30px;
    overflow: hidden;
}

.AboutUs_Div .contact_txt {
    float: left;
}

.AboutUs_Div .contact_code {
    float: right;
    width: 150px;
    height: 150px;
    padding: 10px 0 10px 10px;
}

.AboutUs_Div .contact_code img {
    width: 100%;
    height: 100%;
}

.AboutUs_Div .contact_txt p {
    font-size: 14px;
}

.AboutUs_Div .aboutus_txt {
    margin-top: 30px;
    font-size: 14px;
}

.AboutUs_Div .aboutus_txt p {
    margin-bottom: 15px;
}

.AboutUs_Div .aboutus_txt .B {
    font-weight: bold;
}

/*******************ËÑË÷*******************/

.cr-search {
    margin: 0 50px 0 0;
    border: 2px solid #3db514;
    font-size: 0;
    background: #fff
}

.cr-search select {
    float: left;
    padding-left: 20px;
    width: 80px;
    height: 46px;
    line-height: 46px;
    background: #f1f1f1;
    font-size: 14px;
    color: #636363;
    border: 0;
    vertical-align: top
}

.cr-search input {
    padding-left: 10px;
    width: 71%;
    *float: left;
    height: 46px;
    line-height: 46px;
    background: #fff;
    font-size: 14px;
    color: #b0b0b0;
    border: 0
}

.cr-search button {
    float: right;
    width: 120px;
    height: 46px;
    line-height: 46px;
    background: #3db514;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border: 0
}

.cr-search-list {
    padding: 8px 0 20px 50px
}

.cr-search-list li {
    float: left;
    padding-right: 36px
}

.cr-search-list li a {
    font-size: 14px;
    color: #747474
}

.cr-search-list li a:hover {
    color: #666;
    text-decoration: underline
}

.list-table td {
    padding: 8px;
    border-bottom: 1px dashed #ddd
}

.cr-title {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    position: relative;
    padding-bottom: 15px;
}

.cr-title .more {
    position: absolute;
    right: 20px;
    font-size: 12px;
    font-weight: 400;
    top: 0px;
}

#Cloud_Content_Box h4 {
    font-weight: bold;
    font-size: 14px;
    margin: 25px 0 10px 0
}

.table-vip th {
    background-color: #fff2ed;
    padding: 10px;
    text-align: center
}

.table-vip tr td {
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec
}

.table-vip {
    border: 1px solid #ececec;
    text-align: center
}

.table-vip td.BlueColor {
    background-color: #f8f8f8
}

.transfer-price {
    padding: 0px 0px 36px;
}

.transfer-price table th {
    background: #F3F3F3;
}

.transfer-price table th, .transfer-price table td {
    border: 1px solid #ddd
}

/*old end*/

#customDomain .domext-select-container {
    border: none;
}

.domain-top {
    padding: 50px 10px 6px 10px;
}

/*footer*/
#DownContBox {
    overflow: hidden;
}

#DownContBox .wide1190 {
    overflow: hidden;
}

#DownContBox .footer-bottom {
    padding: 30px 0 20px 0;
}

#DownContBox .bottom-link {
    float: left;
    width: 300px;
}

#DownContBox .bottom-link li {
    display: inline-block;
    width: 145px;
    margin: 0 0 10px 0;
}

#DownContBox .bottom-link li a {
    font-size: 14px;
    color: #fff;
}

#DownContBox .bottom-cont {
    float: left;
}

#DownContBox .bottom-cont li {
    padding-bottom: 10px;
    font-size: 14px;
    color: #fff;
}

#DownContBox .bottom-right {
    float: right;
}

#DownContBox .bottom-right .icpNum {
    margin-top: 20px;
}

#DownContBox .bottom-right .idclogos {
    padding: 8px;
    background: #fff;
}

/*footer end*/

/*right-menu*/
#rightMenu .rm-cont {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    width: 38px;
    height: 100%;
    background: url(/Template/Tpl_2016/images/right-menu-bg.jpg);
}

#rightMenu .rm-icon-list {
    position: relative;
    margin-top: 150px;
    text-align: center;
}

#rightMenu .rm-icon-list li {
    text-align: center;
}

#rightMenu .rm-icon-list .rm-icon {
    display: block;
    padding: 40px 0 10px 0;
    color: #fff;
    font-size: 12px;
    background: url(/Template/Tpl_2016/images/rm-icon.png);
    background-repeat: no-repeat;
}

#rightMenu .rm-icon-list .user {
    background-position: -3px 0;
}

#rightMenu .rm-icon-list .kefu {
    background-position: -40px 0;
}

#rightMenu .rm-icon-list .tel {
    background-position: -80px 0;
}

#rightMenu .rm-icon-list .weixin {
    background-position: -115px 0;
}

#rightMenu .rm-icon-list .gongdan {
    background-position: -152px 0;
}

#rightMenu .rm-icon-list li:hover .rm-icon {
    color: #E70915;
    background-color: #fff;
}

#rightMenu .rm-icon-list li:hover .user {
    background-position: -3px -40px;
}

#rightMenu .rm-icon-list li:hover .kefu {
    background-position: -40px -40px;
}

#rightMenu .rm-icon-list li:hover .tel {
    background-position: -80px -40px;
}

#rightMenu .rm-icon-list li:hover .weixin {
    background-position: -115px -40px;
}

#rightMenu .rm-icon-list li:hover .gongdan {
    background-position: -152px -40px;
}

#rightMenu .rm-icon-list .on .rm-icon {
    color: #E70915;
    background-color: #fff;
}

#rightMenu .rm-icon-list .on .user {
    background-position: -3px -40px;
}

#rightMenu .rm-icon-list .on .kefu {
    background-position: -40px -40px;
}

#rightMenu .rm-icon-list .on .tel {
    background-position: -80px -40px;
}

#rightMenu .rm-icon-list .on .weixin {
    background-position: -115px -40px;
}

#rightMenu .rm-icon-list .on .rm-gongdan {
    background-position: -152px -40px;
}

#rightMenu .right-menu-close {
    position: absolute;
    bottom: 20px;
    display: block;
    width: 38px;
    text-align: center;
}

#rightMenu .rm-col {
    position: fixed;
    top: 0;
    right: -300px;
    z-index: 100000;
    width: 280px;
    height: 100%;
    background: #fff;
    box-shadow: -1px 0px 10px #999;
    transition: all .8s ease;
}

#rightMenu .rm-col .rm-close {
    float: right;
    display: block;
    width: 35px;
    height: 35px;
    margin-right: 20px;
    background: url(/Template/Tpl_2016/images/rm-close.png) no-repeat;
}

#rightMenu .rm-col .rm-tit {
    padding: 20px 0;
    background: #eee;
}

#rightMenu .rm-col .rm-tit h3 {
    margin: 20px 0 0 30px;
    line-height: 30px;
    font-size: 28px;
    color: #E70915;
    font-weight: normal;
}

#rightMenu .rm-col .rm-tit h3 span {
    font-size: 14px;
    color: #999;
}

#rightMenu .rm-col .rm-kefu {
    transition: all .8s ease;
}

#rightMenu .rm-col .rm-kefu-cont h4 {
    padding: 15px 0;
    margin-left: 30px;
    font-size: 14px;
    color: #666;
}

#rightMenu .rm-col .rm-kefu-cont .qq-list li {
    height: 40px;
    line-height: 40px;
}

#rightMenu .rm-col .rm-kefu-cont .qq-list li a {
    display: block;
    padding-left: 50px;
    margin-left: 30px;
    color: #666;
    font-size: 14px;
    background: url(/Template/Tpl_2016/images/rm-kefu-icon1.png) left center no-repeat;
}

#rightMenu .rm-col .rm-kefu-cont .qq-list li:hover {
    background: #E70915;
}

#rightMenu .rm-col .rm-kefu-cont .qq-list li:hover a {
    color: #fff;
    background: url(/Template/Tpl_2016/images/rm-kefu-icon2.png) left center no-repeat;
}

#rightMenu .rm-kefu-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 0;
    color: #666;
    background: #eee;
}

#rightMenu .rm-kefu-bottom p {
    margin-left: 30px;
    color: #666;
}

#rightMenu .rm-kefu-bottom .tel1 {
    padding: 0 10px 0 60px;
    font-size: 24px;
    line-height: 30px;
    background: url(/template/Tpl_2016/images/footer-icon.png) 10px -306px no-repeat;
}

#rightMenu .rm-kefu-bottom .tel1 span {
    font-size: 14px;
}

#rightMenu .rm-kefu-bottom .tel2 {
    margin-left: 40px;
    font-size: 28px;
    font-style: italic;
    line-height: 30px;
    color: #E70915;
}

#rightMenu .rm-tel-cont {
    padding: 20px 0;
    margin-left: 20px;
}

#rightMenu .rm-tel-cont .rm-tel-list {
    padding-left: 70px;
    background: url(/template/Tpl_2016/images/footer-icon.png) 10px -308px no-repeat;
}

#rightMenu .rm-tel-cont .rm-tel-list p {
    font-size: 18px;
    color: #666;
}

#rightMenu .rm-tel-cont .fax {
    padding-left: 70px;
    margin-top: 20px;
    font-size: 18px;
    line-height: 55px;
    background: url(/template/Tpl_2016/images/fax-icon.png) no-repeat;
}

#rightMenu .rm-wx-cont {
    padding: 20px 0;
}

#rightMenu .rm-wx-cont .erweima {
    width: 150px;
    height: 150px;
    margin: 0 auto 20px auto;
}

#rightMenu .rm-wx-cont .erweima img {
    width: 100%;
    height: auto;
}

#rightMenu .rm-wx-cont .txt {
    font-size: 16px;
    text-align: center
}

.rightMenu-open {
    display:block;
    position: fixed;
    right: 0;
    bottom: 50px;
    padding: 15px;
    background: #E70915;
    z-index: 9999;
    transition: all 0.1s;
}
#rightMenu{
    display: none;
}
/*right-menu end*/


/*adaptive*/
.adaptive {
    position: relative;
    width: 100%;
    height: 750px;
    background: #666;
    overflow: hidden;
    background: url(/Template/Tpl_2016/images/video_bg.jpg) no-repeat;
    background-size: 100% 100%;
}

.adaptive video.video {
    position: absolute;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
}

.adaptive .adaptive-box {
    position: relative;
    z-index: 2;
    margin-top: 80px;
}

.adaptive .adaptive-box .adaptive-title {
    text-align: center;
}

.adaptive .adaptive-box .adaptive-title i {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 240px;
    height: 37px;
    background: url(/template/Tpl_2016/images/words.png) no-repeat 0px -576px;
}

.adaptive .adaptive-box .adaptive-title span {
    font-size: 24px;
    color: #fff;
}

.adaptive .adaptive-box .adaptive-cont {
    overflow: hidden;
    margin: 80px 0 0 0;
    text-align: center;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col {
    display: inline-block;
    width: 250px;
    height: 200px;
    margin: 0 40px;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col p {
    line-height: 36px;
    text-align: center;
    color: #e1e1e1;
    font-size: 14px;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col ul {
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col ul li {
    display: inline-block;
    position: relative;
    margin: 0 15px;
    padding: 0;
    overflow: hidden;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col ul li.mobi {
    width: 14px;
    height: 27px;
    background: url(/template/Tpl_2016/images/icons.png) no-repeat 0px -264px;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col ul li span {
    position: relative;
    top: 30px;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col ul li.pad {
    width: 29px;
    height: 23px;
    background: url(/template/Tpl_2016/images/icons.png) no-repeat -71px -264px;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col ul li.pc {
    width: 35px;
    height: 27px;
    background: url(/template/Tpl_2016/images/icons.png) no-repeat 0px -303px;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col ul li.ie {
    width: 28px;
    height: 28px;
    background: url(/template/Tpl_2016/images/icons.png) no-repeat 0px -392px;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col ul li.chrome {
    width: 30px;
    height: 30px;
    background: url(/template/Tpl_2016/images/icons.png) no-repeat -71px -392px;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col ul li.firefox {
    width: 32px;
    height: 30px;
    background: url(/template/Tpl_2016/images/icons.png) no-repeat 0px -432px;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col ul li.safari {
    width: 30px;
    height: 32px;
    background: url(/template/Tpl_2016/images/icons.png) no-repeat -71px -432px;
    margin: 0 10px;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col ul li.windows {
    width: 27px;
    height: 27px;
    background: url(/template/Tpl_2016/images/icons.png) no-repeat -73px -304px;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col ul li.ios {
    width: 24px;
    height: 30px;
    background: url(/template/Tpl_2016/images/icons.png) no-repeat 0px -344px;
}

.adaptive .adaptive-box .adaptive-cont .adaptive-col ul li.andriod {
    width: 28px;
    height: 29px;
    background: url(/template/Tpl_2016/images/icons.png) no-repeat -72px -345px;
}

.adaptive .adaptive-box .adaptive-btn {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    width: 300px;
    padding: 12px 0px;
    color: #99CDFF;
    font-size: 18px;
    letter-spacing: 3px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #99CDFF;
    border-radius: 5px;
}

.adaptive .adaptive-box .adaptive-btn:hover {
    color: #fff;
    background: #00a6d8;
}

/*adaptive end*/

/*builtSite*/
.builtSite {
    min-width: 990px;
    padding-bottom: 50px;
}

.builtSite h1, .builtSite p {
    text-align: center;
}

.builtSite h1.title {
    font-size: 26px;
    font-weight: normal
}

.builtSite p {
    font-size: 14px;
}

.builtSite_slide {
    position: relative;
}

.builtSite_sites {
    position: relative;
    overflow: hidden;
}

.builtSite_sites a {
    margin: 0 5px 12px 5px;
    display: block;
    float: left;
    width: 290px;
    height: 203px;
    /*box-shadow: 6px 6px 6px rgba(0,0,0,0.3);*/
}

.builtSite_sites a .site_title {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
}

.builtSite_sites a .site_title h3 {
    margin: 0;
    font-size: 24px;
    width: 250px;
    height: 180px;
    margin: 10px auto;
    line-height: 150px;
    color: #fff;
}

.builtSite_sites a .site_title button {
    position: absolute;
    top: 110px;
    border: 0;
    color: #fff;
    font-size: 14px;
    left: 120px;
    border-radius: 5px;
    cursor: pointer;
    background: transparent;
}

.builtSite_sites a .site_title button img {
    width: 30px;
    height: 30px;
    border: 0;
}

.builtSite_sites a img {
    width: 290px;
}

.builtSite_sites ul {
    position: relative;
}

.builtSite_sites ul li {
    float: left;
    overflow: hidden;
}

.builtSite .container {
    position: relative;
}

.builtSite_arrow {
    position: absolute;
    top: 30%;
    display: block;
    width: 40px;
    height: 60px;
    opacity: .5;
}

.builtSite_prev {
    left: -80px;
    background: url(/Template/Tpl_2016/images/builtSite_arrow.png) 0 0;
}

.builtSite_next {
    right: -80px;
    background: url(/Template/Tpl_2016/images/builtSite_arrow.png) right no-repeat;
}

/*builtSite end*/

/*case*/
.section-case {
    position: relative;
}

.case-carousel {
    position: relative;
    padding: 10px 0;
}

.case-strip {
    margin: 150px 0 150px;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.case-strip .case {
    cursor: pointer;
}

.case-strip img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.case-screen {
    width: 768px;
    height: 451px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.case-screen .case-detail {
    position: absolute;
    left: 0;
    right: 0;
    width: 578px;
    height: 361px;
    margin: 32px auto 0;
    z-index: 1;
    background-color: #333;
}

.case-screen .case-detail .case-title {
    display: inline-block;
    width: 580px;
    text-align: center;
    color: #ccc;
    margin-top: 2px;
}

.case-screen .screen-frame {
    content: " ";
    width: 768px;
    height: 451px;
    position: absolute;
    background-image: url("/Template/Tpl_2016/images/macbook.png");
    background-repeat: no-repeat;
}

.case-screen .case {
    margin-right: -100%;
    float: left;
    cursor: move;
}

.case-screen .slick-arrow {
    position: absolute;
    top: 48%;
    z-index: 999;
    width: 20px;
    height: 30px;
    font-size: 0;
    cursor: pointer;
    border: 0;
    background: url("/Template/Tpl_2016/images/slick-arrow.png") no-repeat;
}

.case-screen .slick-prev {
    left: -100px;
    background-position: left center;
}

.case-screen .slick-next {
    right: -100px;
    background-position: right center;
}

/*case End*/


/*news-center*/
.news-center .news-type {
    text-align: center;
}

.news-center .news-type li {
    display: inline-block;
    padding: 0 10px;
    margin: 0 5px;
    font-size: 14px;
    cursor: pointer;
    background: #eee;
}

.news-center .news-type li.on {
    color: #fff;
    background: #c00;
}

.news-center .newList {
    margin-left: -20px;
    overflow: hidden;
}

.news-center .newList ul {
    float: left;
    width: 382px;
    margin-left: 20px;
    overflow: hidden;
}

.news-center .newList ul li {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-center .newList ul li a {
    color: #666;
}

.news-center .newList ul li a:hover {
    color: #c00;
}

.news-center .newList ul li .stick {
    padding: 0 5px;
}

.news-center .newList ul li .text {

}

/*news-center end*/

.speedsetp {
    width: 880px !important;
}

.retesting_btn {
    padding-top: 20px;
}


@media (max-width: 1199px) {

    .adaptive .adaptive-box .adaptive-cont .adaptive-col {
        margin: 0 20px;
    }

}

@media (max-width: 1024px) {
    .adaptive video.video {
        display: none;
    }
}

.gray-bg.section-case .adaptive-btns{
    position: relative;
    padding: 10px 0;
    margin: 24px auto;
    color: #c00;
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    transition: 0.5s;
    border: 1px solid #c00;
    overflow: hidden;
    cursor: pointer;
    display: block;
    width: 200px;
    text-align: center;
    border-radius: 5px;
}
.gray-bg.section-case .adaptive-btns:hover{
    background: #c00;
    color: #ffffff;
    transition-delay: 0.2s;
}

.gray-bg.section-case .adaptive-btns:hover::before{
    width: 100%;
    height: 100%;
    transition-delay: 0.2s;
}