/*首页样式*/



.ly_mode {

    width: 100%;

    position: relative;

}





/*************通用模块****************/



.ly_mode_title {

    width: 100%;

    font-size: 15px;

    padding-top: 33px;

    position: relative;

    text-align: center;

}



.ly_mode_title>p {

    color: #333;

    font-size: 25px;

    font-weight: lighter;

}



.ly_mode_title>span {

    color: #666;

    font-size: 14px;

    margin-top: 15px;

    display: inline-block;

}



.ly_mode_title>span>p {

    margin-right: 20px;

    vertical-align: top;

    display: inline-block;

}



.ly_huise {

    background: #F5F6FB;

    padding-bottom: 20px;

}





/*************banner下模�?****************/



.ly_config {

    top: -1px;

    width: 100%;

    background: #FFF;

    position: relative;

    padding: 0 0 2px;

}



.ly_config>ul {

    width: 80%;

    font-size: 0;

    display: flex;

    margin: 0 auto;

    background: #FFF;

}



.ly_config>ul>li {

    flex: 1;

    color: #FFF;

    -webkit-flex: 1;

    font-size: 18px;

    margin-left: 4px;

    background: #FFF;

    position: relative;

    vertical-align: top;

    display: inline-block;

}



.ly_config>ul>li:nth-child(2n+1) {

    background: #F4F5FA;

}



.ly_config>ul>li:nth-child(2n+2) {

    background: #E2E3E8;

}



.ly_config>ul>li:first-child {

    margin-left: 0;

}



.ly_config_block {

    padding-left: 15px;

}



.block_text {

    border-right: none !important;

}



.ly_index_block {

    text-align: center;

}



.ly_index_txt p:first-child {

    text-align: left;

}



.ly_index_txt p:last-child {

    color: #575757;

    font-size: 14px;

    padding-top: 5px;

}



.ly_index_block div {

    display: inline-block;

    vertical-align: middle;

}



.ly_index_txt p {

    color: #000;

    vertical-align: top;

}



.ly_config_block div {

    color: #0d6dd1;

    font-size: 80px;

    font-weight: bold;

    display: inline-block;

}



.ly_config_block p {

    vertical-align: top;

    display: inline-block;

}



.ly_config>ul>li span {

    color: #F88313;

}



.ly_config_circle {

    top: 37px;

    z-index: 1;

    width: 23px;

    right: -13px;

    height: 23px;

    color: #0f7ee7;

    font-size: 20px;

    line-height: 21px;

    border-radius: 50%;

    text-align: center;

    position: absolute;

    background-color: rgba(255, 255, 255, 0.8);

}





/*************高性能服务器UL展示模块2****************/



.ly_server {

    width: 65%;

    margin: 50px auto;

    position: relative;

}



.ly_server>ul {

    font-size: 0;

}



.ly_server>ul>li {

    flex: 1;

    margin: 0 -1px;

    -webkit-flex: 1;

    font-size: 12px;

    background: #fff;

    overflow: hidden;

    min-height: 390px;

    text-align: center;

    position: relative;

    border: 1px solid #E2E2E2;

}



.ly_server>ul>li:last-child {}



.ly_server_img {

    width: 100%;

    margin: 0 auto;

    background: #f2f2f2;

}



.ly_server_img>span {

    color: #6D6D6D;

    display: block;

    font-size: 25px;

    line-height: 50px;

    font-weight: lighter;

}



.ly_server_info {

    margin-top: 15px;

}



.ly_server_text {

    color: #565656;

    padding: 0 12%;

    font-size: 14px;

    margin-top: 30px;

    line-height: 25px;

    text-align: center;

    padding-bottom: 90px;

}



.ly_server_input>a {

    left: 50%;

    color: #333;

    width: 112px;

    height: 29px;

    bottom: 30px;

    z-index: 999;

    display: block;

    line-height: 29px;

    position: absolute;

    margin-left: -56px;

    border: 1px solid #00c1de;

}



.ly_server_act {

    z-index: 9999;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    box-shadow: 0 2px 10px #A6C3EC;

    border: 1px solid #306EE2 !important;

}



.ly_server_act>.ly_server_input>a {

    color: #fff;

    background: #306EE2;

    -o-transition: all .1s;

    -moz-transition: all .1s;

    -webkit-transition: all .1s;

    border: 1px solid #306EE2 !important;

}



.ly_server_act>.ly_server_img>i {

    color: #317CE2;

    display: inline-block;

    -o-transition: all .4s;

    -moz-transition: all .4s;

    -webkit-transition: all .4s;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(56, 187, 226, 1)), to(rgba(48, 111, 226, 1)));

}



.ly_server_act>.ly_server_i {

    display: block;

    -o-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

}





/*************基础服务模块2****************/



.ly_service {

    width: 80%;

    color: #333;

    position: relative;

    margin: 50px auto 0;

}



.ly_service>ul {

    margin: 80px 0 80px;

}



.ly_service>ul>li {

    text-align: center;

}



.ly_service>ul>li:nth-child(2) {

    padding: 0 5%;

}



.ly_service>ul>li:first-child {

    margin-left: 0;

}



.ly_service>ul>li:last-child {

    margin-right: 0;

}



.ly_service>ul>li>div {

    min-height: 100px;

}



.ly_service_con {

    width: 100%;

}



.ly_service_con_left {

    width: 33%;

    vertical-align: top;

    display: inline-block;

}



.ly_service_con_right {

    width: 65%;

    text-align: left;

    vertical-align: top;

    display: inline-block;

}



.ly_service_con_right span {

    color: #474747;

    font-size: 16px;

    text-align: left;

    font-weight: bold;

    display: inline-block;

}



.ly_service_con_right p {

    color: #565656;

    font-size: 12px;

    margin-top: 10px;

    line-height: 23px;

}



.linear_text p {

    color: #333;

    left: -25px;

    font-size: 15px;

    position: relative;

    letter-spacing: 3px;

}



.linear_text div {

    width: 2px;

    height: 200px;

    background: -webkit-linear-gradient(#90B5FF, rgba(255, 255, 255, 0.3));

    /* Safari 5.1 - 6.0 */

    background: -o-linear-gradient(#90B5FF, rgba(255, 255, 255, 0.3));

    /* Opera 11.1 - 12.0 */

    background: -moz-linear-gradient(#90B5FF, rgba(255, 255, 255, 0.3));

    /* Firefox 3.6 - 15 */

    background: linear-gradient(#90B5FF, rgba(255, 255, 255, 0.3));

    /* 标准的语法（必须放在最后） */

}



.linear_a {

    left: 17%;

    z-index: -1;

    bottom: 12%;

    position: absolute;

}



.linear_b {

    left: 33%;

    bottom: 2%;

    z-index: -1;

    position: absolute;

}



.linear_b p, .linear_c p {

    left: -50px;

}



.linear_c {

    right: 44%;

    z-index: -1;

    bottom: 12%;

    position: absolute;

}



.linear_d {

    bottom: 9%;

    right: 13%;

    z-index: -1;

    position: absolute;

}



.linear_d p {

    left: -70px;

}



.linear_d div {

    height: 300px;

}



.ly_server_grid {

    width: 100%;

    height: 415px;

    background: url(../Images/ly_idccms_new_52.png) no-repeat center bottom;

    background-size: contain;

}





/*************解决方案模块3****************/



.ly_programme {

    width: 100%;

    height: 641px;

    position: relative;

    background: url(../Images/ly_idccms_new_02.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.ly_programme>.ly_mode_title>p {

    color: #fff !important;

}



.rolla {

    width: 100%;

    height: 436px;

    margin: 0 auto;

    margin-top: 40px;

    position: relative;

}



.rolla_ku {

    width: 65%;

    margin: 0 auto;

    position: relative;

}



.rolla_m {

    z-index: 5;

    width: 100%;

    height: 436px;

    margin: 0 auto;

    position: absolute;

}



.rolla_m ul li {

    width: 15%;

    height: 422px;

    margin-left: 6px;

    text-align: center;

    position: relative;

    vertical-align: top;

    display: inline-block;

    background: rgba(0, 0, 0, 0.65);

}



.rolla_m ul li:first-child {

    margin-left: 0;

}



.rolla_l {

    color: #fff;

    top: 125px;

    z-index: 8;

    width: 59px;

    height: 59px;

    right: -70px;

    cursor: pointer;

    font-size: 40px;

    line-height: 59px;

    border-radius: 50%;

    position: absolute;

    text-align: center;

    background: rgba(255, 255, 255, 0.2);

}



.rolla_r {

    color: #fff;

    top: 125px;

    z-index: 8;

    left: -70px;

    width: 59px;

    height: 59px;

    cursor: pointer;

    font-size: 40px;

    line-height: 59px;

    border-radius: 50%;

    position: absolute;

    text-align: center;

    background: rgba(255, 255, 255, 0.2);

}



.rolla_m_act {

    color: #fff;

    -o-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

}



.rolla_m_act>.ly_programme_bor {

    height: 425px !important;

    -o-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

}



.rolla_m_act>a {

    top: 368px !important;

    -o-transition: all .4s;

    -moz-transition: all .4s;

    -webkit-transition: all .4s;

}



.rolla_m_act>.ly_programme_act_top {

    top: 20%;

    -o-transition: all .4s;

    -moz-transition: all .4s;

    -webkit-transition: all .4s;

}



.rolla_m_act>.ly_programme_act_bottom {

    top: 37%;

    -o-transition: all .4s;

    -moz-transition: all .4s;

    -webkit-transition: all .4s;

}



.ly_programme_act>li {

    flex: 1;

    overflow: hidden;

    position: relative;

}



.ly_programme_act>li>a {

    top: 500px;

    left: 50%;

    color: #fff;

    width: 103px;

    height: 34px;

    z-index: 999;

    line-height: 34px;

    margin-left: -51px;

    position: absolute;

    border-radius: 2px;

    background: #174C7A;

}



.ly_programme_act>li>a:hover {

    background: #1C5889;

}



.ly_rolla_bg_1, .ly_rolla_bg_2, .ly_rolla_bg_3, .ly_rolla_bg_4, .ly_rolla_bg_5, .ly_rolla_bg_6 {

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 436px;

    position: absolute;

}





/*.ly_rolla_bg_1 {

    background: url(../Images/ly_xunyun_new_28.jpg) no-repeat;

}



.ly_rolla_bg_2 {

    background: url(../Images/ly_xunyun_new_36.jpg) no-repeat;

}



.ly_rolla_bg_3 {

    background: url(../Images/ly_xunyun_new_33.jpg) no-repeat;

}



.ly_rolla_bg_4 {

    background: url(../Images/ly_xunyun_new_38.jpg) no-repeat;

}



.ly_rolla_bg_5 {

    background: url(../Images/ly_xunyun_new_30.jpg) no-repeat;

}



.ly_rolla_bg_6 {

    background: url(../Images/ly_xunyun_new_40.jpg) no-repeat;

}*/



.ly_programme_act_top {

    top: 50%;

    color: #fff;

    z-index: 999;

    margin-top: -41px;

    position: relative;

    -o-transition: all .4s;

    -moz-transition: all .4s;

    -webkit-transition: all .4s;

}



.ly_programme_act_top>i {

    font-size: 40px;

}



.ly_programme_act_top>p {

    margin: 15px 0;

    font-size: 18px;

}



.ly_programme_act_bottom {

    color: #fff;

    top: 500px;

    z-index: 999;

    height: 200px;

    padding: 0 20px;

    overflow: hidden;

    line-height: 25px;

    position: absolute;

    -o-transition: all .4s;

    text-overflow: ellipsis;

    -moz-transition: all .4s;

    -webkit-transition: all .4s;

}



.ly_programme_act li>.ly_programme_bor {

    background: rgba(43, 151, 249, 0.8);

}





/*.ly_programme_act li:nth-child(2n+1)>.ly_programme_bor {

    background: rgb(43,151,249);

}



.ly_programme_act li:nth-child(2n+2)>.ly_programme_bor {

    background: rgba(43,151,249,0.8);

}*/



.ly_programme_bor {

    width: 100%;

    height: 2px;

    bottom: -2px;

    position: absolute;

}





/*************历程****************/



.ly_progress {

    width: 100%;

    background: #FFF;

}



.ly_progress_top {

    width: 60%;

    color: #525252;

    font-size: 14px;

    margin: 30px auto;

    line-height: 25px;

    text-align: center;

}



.ly_progress_bottom {

    margin: 0 auto;

    text-align: center;

    padding: 50px 0 110px;

}



.ly_progress_img {

    width: 993px;

    margin: 0 auto;

    position: relative;

}



.ly_progress_txt {

    color: #525252;

    text-align: center;

}



.ly_progress_positiona {

    top: 62px;

    left: -33px;

    position: absolute;

}



.ly_progress_positionb {

    left: 146px;

    bottom: 20px;

    position: absolute;

}



.ly_progress_positionc {

    left: 336px;

    bottom: 55px;

    position: absolute;

}



.ly_progress_positiond {

    bottom: -22px;

    right: 316px;

    position: absolute;

}



.ly_progress_positione {

    top: 129px;

    right: 149px;

    position: absolute;

}



.ly_progress_positionf {

    bottom: 62px;

    right: -35px;

    position: absolute;

}





/*************保障体系****************/



.ly_security {

    width: 100%;

    height: 460px;

    padding-top: 25px;

    text-align: center;

    background: #222E42;

}



.ly_security>p {

    color: #FFF;

    width: 100%;

    z-index: 999;

    margin: auto;

    font-size: 25px;

    padding: 10px 0;

    text-align: center;

    font-weight: normal;

    position: relative;

    letter-spacing: 5px;

}



.ly_security>object {

    vertical-align: top;

    display: inline-block;

}



.ly_security_exhibition {

    top: 25px;

    position: relative;

    vertical-align: top;

    display: inline-block;

}



.ly_exhibition_ul li {

    color: #fff;

    width: 150px;

    text-align: left;

    margin-bottom: 10px;

}



.ly_exhibition_ul>ul>li:first-child {

    padding-bottom: 10px;

    border-bottom: 1px solid #747880;

}



.ly_exhibition_ul li::before {

    content: '';

    width: 7px;

    height: 7px;

    margin-right: 5px;

    border-radius: 50%;

    display: inline-block;

    vertical-align: middle;

}



.ly_exhibition_ul li:first-child::before {

    background: #2FC5C9;

    border: 3px solid #215362;

}



.ly_exhibition_ul li:last-child::before {

    background: #EB9A49;

    border: 3px solid #5D4D44;

}



.ly_exhibition_list {

    margin-top: 20px;

}



.ly_exhibition_list>ul>li {

    color: #fff;

    width: 150px;

    padding: 0 5px;

    cursor: pointer;

    text-align: left;

    line-height: 35px;

    border-radius: 2px;

    margin-bottom: 5px;

    background: #303A4C;

}



.ly_exhibition_list>ul>li>div {

    padding: 0 20px;

}



.ly_exhibition_list>ul>li>ul {

    padding: 0 20px;

}



.ly_exhibition_list>ul>li:hover {

    background: #475060;

}



.ly_exhibition_list>ul>li>div>i {

    float: right;

    position: relative;

    -o-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

}



.ly_exhibition_list_i {

    background: #475060;

    -o-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

}



.ly_exhibition_list_i i {

    -o-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    transform: rotate(270deg) !important;

    -moz-transform: rotate(270deg) !important;

    -webkit-transform: rotate(270deg) !important;

}



.ly_exhibition_list_i>ul {

    height: 70px !important;

    -o-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

}



.ly_exhibition_list_i>div {

    border-bottom: 1px solid #585F74;

}



.ly_exhibition_list>ul>li>div>i>img {

    width: 10px;

}



.ly_exhibition_list>ul>li>ul {

    height: 0;

    overflow: hidden;

    -o-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

}



.ly_security>object>object {

    top: -75px;

    position: relative;

}



.ly_map_ie {

    top: 75px;

    position: relative;

}





/*************宣言****************/



.ly_declaration {

    color: #fff;

    width: 100%;

    height: 51px;

    line-height: 51px;

    position: relative;

    text-align: center;

    background: #2B87F1;

    letter-spacing: 1px;

}





/*************杂项****************/



.ly_style_1 {

    color: #fff !important;

}





/*************为了滚动�?***************/



.ly_index_block>img {

    display: inline-block;

    vertical-align: middle;

}



.ly_index_txt {

    display: inline-block;

    vertical-align: middle;

}



@media screen and (max-width: 1532px) {

    .ly_config>ul {

        width: 90%;





    }

}



@media screen and (max-width: 1398px) {

    .ly_config>ul {

        width: 100%;

    }

}



@media screen and (max-width: 1398px) {

    .ly_index_block>img {

        width: 30%;

    }

}



@media screen and (max-width: 1612px) {

    .ly_server {

        width: 80%;

    }

}



@media screen and (max-width: 1264px) {

    .ly_server {

        width: 90%;

    }

}



@media screen and (max-width: 1416px) {

    .ly_service_con_right {

        width: 55%;

        margin-left: 10%;

    }

}