﻿

/*--------rest---------*/

.into_adbox * { margin: 0; padding: 0; font-family: 'microsoft yahei',serif; color: #333;position: relative; }
h1, h2, h3, h4 { font-weight: normal; }
ul, ol { list-style-type: none; }
input { margin: 0; padding: 0; outline: none; border: none; }

.prowin .item-content { display: none; }
.prowin .item-content-active { display: block; }

/*------------end reset---------*/

/*------------banner-----------*/

.zysjjd_banner { width: 100%;}

.zysjjd_banner img { width: 100%;  }
.xinxi_right  label{ width:60px !important}

/*-----------END  banner----------*/

/*----------- 托管、租用、大带宽、机柜 -----------*/

.pros_bg { width: 100%; height: auto; background: #f8fafc; }
.pro_nav { width: 1194px; margin: 0 auto; overflow: hidden; }
    .pro_nav ul { width: 100%; height: 58px; background: #f2faff; margin: 55px auto 0; border-bottom: 2px solid #358de2; overflow: hidden; }
        .pro_nav ul li { float: left; padding: 0 80px; line-height: 58px; font-size: 20px; color: #666; }
            /*.pro_nav ul li:hover{
	background:#358de2;
	color:#fff;
}*/
            .pro_nav ul li:hover { cursor: pointer; }
            .pro_nav ul li.current { background: #358de2; color: #fff; }


/*-----------END    托管、租用、大带宽、机柜 -----------*/

.prowin { width: 1194px; height: auto; background: pink; margin: 0 auto; }


/*------------END  产品内容--------*/


.pro_content { width: 100%; height: auto; background: #fff; overflow: hidden; padding-bottom: 50px; }

/*----------   pro_conl  -------*/
.pro_conl { float: left; }
.pro_conr { float: right; }
.pro_conl ul.selected_configuration { padding-left: 127px; padding-top: 40px; }
    .pro_conl ul.selected_configuration li.auto { overflow: hidden; margin-top: 25px; }
        .pro_conl ul.selected_configuration li.auto span { display: inline-block; width: 70px; font-size: 16px; color: #555; text-align: right; float: left; line-height: 30px; }
        .pro_conl ul.selected_configuration li.auto .rit-opts { float: left; margin-left: 15px; }
            .pro_conl ul.selected_configuration li.auto .rit-opts ul { overflow: hidden; }
                .pro_conl ul.selected_configuration li.auto .rit-opts ul li { float: left; width: 110px; height: 34px; font-size: 14px; background: #fff; border: 1px solid #c8c8c8; text-align: center; line-height: 32px; cursor: pointer; font-weight: 500; }
        .pro_conl ul.selected_configuration li.auto ul li label { display: inline-block; color: #959595; cursor: pointer; }
        .pro_conl ul.selected_configuration li.auto .rit-opts ul li .unit { float: left; }
        .pro_conl ul.selected_configuration li.auto .rit-opts ul li .pl-mn { float: left; }



        .pro_conl ul.selected_configuration li.auto .rit-opts ul li.selected { width: 110px; height: 36px; border: none; background: url(../images/tuoguan_guige_bg.jpg) no-repeat; }



        .pro_conl ul.selected_configuration li.auto .rit-opts ul li.noborder { border-left: none; border-right: none; }
        .pro_conl ul.selected_configuration li.auto .number_icon ul li .unit { folat: left; }
        .pro_conl ul.selected_configuration li.auto .number_icon ul li .pl-mn { width: 34px; height: 36px; background: #f8f8f8; border-left: 1px solid #c8c8c8; }

/*--------- IP ------------*/
#ip { width: 150px; height: 36px; border: 1px solid #e3e3e3; overflow: hidden; cursor: auto; }
    #ip label { padding-left: 30px; color: #000; cursor: auto; font-size: 16px; }
    #ip label, #ip .unit { float: left; line-height: 36px; }
    #ip .unit { width: auto; margin-left: 30px; }
    #ip .pl-mn { width: 34px; height: auto; border-left: 1px solid #e3e3e3; float: right; }
        #ip .pl-mn span { display: block; height: 18px; border-bottom: 1px solid #e3e3e3; }
        #ip .pl-mn .plus_btn { width: 100%; height: 18px; background: url(../images/plus-sign.jpg) center no-repeat; cursor: pointer; }
        #ip .pl-mn .minus_btn { width: 100%; height: 18px; background: url(../images/minus-sign.jpg) center no-repeat; cursor: pointer; }
/*---------- END ip  ------------*/



/*-----------  END  pro_conl  -----------*/






/*----------  pro_conr  ----------*/

.pro_conr { width: 529px; height: 100%; border-left: 1px solid #e6e6e6; padding-top: 30px; padding-left: 40px; }
    .pro_conr .configuration_title h3 { font-size: 16px; color: #555; padding-bottom: 20px; padding-left:60px; }
    .pro_conr .configuration_con ul li label { display: inline-block; width: 60px; font-size: 15px; color: #000; font-weight: bold; line-height: 34px; text-align: right; }
    .pro_conr .configuration_con ul li span { font-size: 14px; color: #484848; line-height: 34px; }
.pro_conr .configuration_con .zyprice { font-size: 24px; color: #ff6222; }
.pro_conr .configuration_btn a { display: block; width: 120px; height: 30px; font-size: 15px; background: #358de2; color: #fff; line-height: 30px; text-align: center; margin-left: 40px; margin-top: 10px; }
    .pro_conr .configuration_btn a:hover { background: #0e7ce3; }


/*----------  END  pro_conr  ----------*/


/*------------------------ END 主机托管 ----------------------*/



/*-------------------------   机柜租用   ---------------------*/

.pro_conl_jigui { padding-left: 100px; padding-top: 40px; }
    .pro_conl_jigui h3 { color: #ff6600; font-size: 18px; line-height: 50px; }
    .pro_conl_jigui p { color: #555; font-size: 16px; line-height: 30px; }
        .pro_conl_jigui p span { line-height: 50px; }
    .pro_conl_jigui a { display: block; width: 120px; height: 32px; border-radius: 4px; background: #ff6600; line-height: 32px; text-align: center; color: #fff; margin-left: 15px; margin-top: 10px; }
        .pro_conl_jigui a:hover { background: #e55c00; }
        .pro_conl_jigui a:hover { background:; }
.pro_conr_jigui img { border: 1px solid #e6e6e6; }

/*-------------------------  END  机柜租用  ---------------------*/



/*------------------  背景矫正  -----------*/

.pro_conl_zuyong ul.selected_configuration li.auto .rit-opts ul li.selected { width: 130px; height: 34px; border: none; background: url(../images/zuyong_jifang_bg.jpg) no-repeat; }
.pro_conl_zuyong ul.selected_configuration li.auto .rit-opts ul li { width: 130px; height: 32px; }
    .pro_conl_zuyong ul.selected_configuration li.auto .rit-opts ul li.zuyong_cpu { width: 320px; height: 34px; background: url(../images/zuyong_cpu_bg.jpg) center no-repeat; }
    .pro_conl_zuyong ul.selected_configuration li.auto .rit-opts ul li.zuyong_jixing { border-left: none; }
    .pro_conl_zuyong ul.selected_configuration li.auto .rit-opts ul li.zuyong_selected { width: 80px; height: 34px; border: none; background: url(../images/zuyong_neicun_bg.jpg) no-repeat; }

    .pro_conl_zuyong ul.selected_configuration li.auto .rit-opts ul li.zuyong_neicun { width: 80px; height: 34px; }

.pro_conl_zuyong ul.selected_configuration li.auto .zuyong_yingpan ul li.selected { width: 240px; height: 34px; background: url(../images/zuyong_yingpan.jpg) center no-repeat; }

.pro_conl_zuyong ul.selected_configuration li.auto .zuyong_xitong ul li.zuyong_xitong_2003 { width: 170px; height: 34px; background: url(../images/zuyong_xitong_2003.jpg) center no-repeat; }

.pro_conl_zuyong ul.selected_configuration li.auto .zuyong_xitong ul li.zuyong_xitong_noborder { width: 85px; }
.pro_conl_zuyong ul.selected_configuration li.auto .zuyong_chanquan ul li.zuyong_chanquan_noborder { border-left: none; }
.pro_conl_dadaikuan ul.selected_configuration li.auto .rit-opts ul li.dadaikuan_guige { border-left: none; }









/*--------------------  机房简介、媒体报道、机房特性  -------------------------*/

/*---------------------  nav  ------------------*/

.into_adbox { width: 100%; height: auto; background: #fff; margin-top: 70px; }
.into_navbox { width: 1200px; height: auto; margin: 0 auto; border-bottom: 1px solid #dcdcdc; }
    .into_navbox ul { overflow: hidden; margin-left: 700px; }
        .into_navbox ul li { float: left; margin: 0 45px; }
            .into_navbox ul li:hover { border-bottom: 2px solid #358de2; padding-bottom: 10px; }
            .into_navbox ul li a { font-size: 16px; color: #3c3c3c; }
            .into_navbox ul li.current { border-bottom: 2px solid #358de2; padding-bottom: 10px; }

/*-------------------  END  nav  -----------------------------*/



/*-------------  机房简介  ----------------*/


.into_centerbox { width: 1200px; margin: 0 auto; }
.jifang_abstract h3 { font-size: 20px; color: #424242; padding-left: 10px; border-left: 2px solid #358de2; margin: 40px auto; }
.jifang_abstract p { font-size: 15px; color: #666; line-height: 30px; }
    .jifang_abstract p a { display: inline-block; color: #358de2; }
        .jifang_abstract p a:hover { text-decoration: underline; }
.jifang_abstract ul.jifang_pics { overflow: hidden; margin-top: 30px; }
    .jifang_abstract ul.jifang_pics li { float: left; }
        .jifang_abstract ul.jifang_pics li:not(:last-child) { margin-right: 66px; }

/*-------------  END  机房简介  -------------------*/

/*---------------------------------------  媒体报道  ----------------------------------*/
.jifang_report { margin-top: 60px; }
    .jifang_report h3 { font-size: 20px; color: #424242; padding-left: 10px; border-left: 2px solid #358de2; margin: 40px auto; }
    .jifang_report .img_showbox ul.img_meiti { width: 747px; margin: 0 auto; overflow: hidden; }
        .jifang_report .img_showbox ul.img_meiti li { float: left; margin: 0 43px; }
            .jifang_report .img_showbox ul.img_meiti li.arrow { margin-top: 40px; }
    .jifang_report .img_showbox { overflow: hidden; margin: 0 auto; }
        .jifang_report .img_showbox .arrow, .jifang_report .img_showbox ul.img_meiti { float: left; }
        .jifang_report .img_showbox .arrow_r { float: right; }
        .jifang_report .img_showbox .arrow { padding-top: 40px; }

/*------------------------  END  媒体报道  --------------------------*/


/*--------------------  机房特性  -----------------------*/

.jifang_room { margin-top: 80px; padding-bottom: 80px; }
    .jifang_room h3 { font-size: 20px; color: #424242; padding-left: 10px; border-left: 2px solid #358de2; }
    .jifang_room ul.jifang_txt li { margin-top: 80px; }
        .jifang_room ul.jifang_txt li.jifang_left, .jifang_room ul.jifang_txt li.jifang_right:not(:last-child) { border-bottom: 1px solid #e0e0e0; padding-bottom: 80px; }
        .jifang_room ul.jifang_txt li .jifang_txt_into { overflow: hidden; }
            .jifang_room ul.jifang_txt li .jifang_txt_into ol { float: left; width: 630px; }
                .jifang_room ul.jifang_txt li .jifang_txt_into ol h2 { font-size: 24px; color: #333; }
                .jifang_room ul.jifang_txt li .jifang_txt_into ol li { line-height: 28px; font-size: 16px; color: #878787; margin-top: 30px; }
            .jifang_room ul.jifang_txt li .jifang_txt_into img { float: right; }


.jifang_right .jifang_txt_into img { float: left; }
.jifang_right .jifang_txt_into ol { float: right; }

.jifang_room ul.jifang_txt li.jifang_right .jifang_txt_into img { float: left; }
.jifang_room ul.jifang_txt li.jifang_right .jifang_txt_into ol { float: right; }
.img_showbox ul li a img{width:100%}
.img_showbox ul li a {width:40%;display:block; margin-left:30%}
.jifang_rom { margin-top:40px;  line-height:30px}
.jifang_txt_into ol{ width:80%; margin-left:10%}
.tab-v1 .jk  li {width:25%;line-height: 60px;}}
.tab-v1 .jk  li a{  font-size:18px;padding:30px 0; line-height: 60px;display: block;}
.kk{ background:#fff; margin-top:40px;   border: 1px solid #EAEAEA;position: relative;width: 76%;float: left;}
.xiangqi{ padding-left:60px}
.xinxi_left{ border-right:1px solid #D2D2D2}
.xinxi_right{padding-left:10%}
.xinxi_right ul{ padding:0}
.configuration_con , .configuration_btn{ margin-left:4%}

.flexslider {margin: 0px auto 0px;position: relative;width: 100%;height:420px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides a img {width: 100%;height: 420px;display: block;}
.tab-v1 .tab-content{padding: 10px 20px 20px;}
.xinxi_right{padding-left: 1%;border-left: 1px solid #D2D2D2;width: 38%;}
.configuration_btn a{display: inline-block;}
.xinxi_left{border-right: none;width: 60%;}
.xiangqi{padding-left: 20px;}
.alert-info{width: 100%;}
.tab-v1  .nav-tabs li a{display: block;font-size: 16px;margin-right: 0}
a:hover{text-decoration-line: none;}
.tab-v1 .nav-tabs{height: 62px;border-bottom: 1px solid #eaeaea}
.tite{font-size: 14px;}
.multi-radio a:hover{color: #fff}
.configuration_title h3{padding-bottom: 10px;}


.slideBox{width:100%;height:500px;overflow:hidden;position:relative}
.slideBox .hd{width:100%;position:absolute;bottom:20px;z-index:1}
.slideBox .hd ul{text-align:center}
.slideBox .hd ul li{width:16px;height:16px;margin:0 3px;display:inline-block;position:relative;border-radius: 50%;}
.slideBox .hd ul li .dot{width:16px;height:16px;background-color:hsla(0,0%,60%,.4);border-radius: 50%;}
.slideBox .hd ul li span{display:none;color:#fff;position:absolute;width:100%;font-size:14px;left:0;top:0;line-height:4px;cursor:pointer}
.slideBox .hd ul li.on .liner{width:16px;height:16px;animation:liner 2.5s;position:absolute;top:0;left:0;background:linear-gradient(90deg,#198cff,#8847c1);border-radius: 50%;}
.slideBox .hd ul li:hover .dot{display:none}
.slideBox .hd ul li:hover{width:16px;height:16px;background:linear-gradient(90deg,#198cff,#8847c1);transition:all .1s ease;border-radius: 50%;}
.slideBox .hd ul li:hover span{display:inline-block}@keyframes liner{from{width:0}to{width:100%}}
.slideBox .bd{width:100%;height:500px;overflow:hidden}
.slideBox .bd li{text-align:center;height: 500px;cursor: pointer;}
.slideBox .bd li a{width: 100%;height: 500px;display: block;}
.slideBox .bd img{width:100%;height:500px;}
.slideBox .bd:hover~.prev{display:block}
.slideBox .bd:hover~.next{display:block}
.slideBox .prev:hover{display:block}
.slideBox .next:hover{display:block}
.slideBox .prev{display:none;position:absolute;left:5%;top:50%;margin-top:-25px;width:29px;height:52px;background:url(../images/left_array.png) no-repeat;background-size:cover}
.slideBox .next{display:none;position:absolute;right:5%;top:50%;margin-top:-25px;width:29px;height:52px;background:url(../images/right_array.png) no-repeat;background-size:cover}
.slideBox .bd li.active{animation-name:ai-big-out;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards}
/*banner css结束*/

.zhongyuan_pro_r{width: 22%;float: right;border: 1px solid #EAEAEA;margin-top: 40px;}
.zhongyuan_pro_r_title{font-size: 18px;color: #333;background: #f5f5f5;line-height: 67px;text-align: center;}
.zhongyuan_pro_r_main{padding: 20px;box-sizing: border-box;}
.zhongyuan_pro_r_img img{display: block;margin: 0 auto;max-width: 100%;}
.zhongyuan_pro_r_mt{padding: 10px 0px;}
.zhongyuan_pro_r_mt span{font-size: 18px;color: #e00000;}
.zhongyuan_pro_r_mt i{font-size: 12px;color: #fff;padding: 2px 10px;background: #ff6600;border-radius: 2px;font-style: normal;float: right;}
.zhongyuan_pro_r_mm{font-size: 14px;color: #777;line-height: 20px;line-height:26px;}
.zhongyuan_pro_r_mm i{font-size: 16px;font-style: normal;color:#000;display:block}