@charset "UTF-8";
.common-block-tabbar { position: relative; float: left; left: 50%; }

.common-block-tabbar ul { position: relative; left: -50%; text-align: center; font-size: 0; overflow: hidden; }

.common-block-tabbar li { float: left; width: 98px; height: 36px; line-height: 36px; font-size: 14px; text-align: center;
font-weight: bold; border: 1px solid #e8e8e8; cursor: pointer; background: #fff; }

.common-block-tabbar li + li { border-left: 0; }

.common-block-tabbar li.on a ,
.common-block-tabbar li a:hover
{ background: #7f479e; color: #fff; display: block;transition: .3s all }

/*.common-block-tabbar li.on a:hover { color: #fff; }

.common-block-tabbar li:hover a { color: #7f479e; }*/

/*  ?banner  ?*/
.index-banner-wrap { position: relative; margin-top: 3px; min-width:1210px;}

.index-banner-wrap .swiper-slide { position: relative; overflow: hidden; height: 648px; }

.index-banner-wrap .swiper-slide img { position: absolute; width: 1920px; height: 648px; left: 50%; margin-left: -960px; }

.index-banner-wrap .pagination { position: absolute; bottom: 20px; text-align: center; width: 100%; z-index: 99; }

.index-banner-wrap .pagination span { display: inline-block; width: 12px; height: 12px; margin: 0 6px; background: #d9d9d9; border-radius: 50%; overflow: hidden; text-indent: -999em; cursor: pointer; }

.index-banner-wrap .pagination span.swiper-active-switch { background: #dd1e32; }

.common-block-header { text-align: center; padding-top: 100px; padding-bottom: 35px; }

.common-block-header .common-block-title { font-size: 34px; font-weight: 500; color: #111111; }

.common-block-header .index-common-title-after, .common-block-header .index-common-title-before { display: inline-block; width: 60px; height: 3px; margin: 0 26px; background-color: #7f479e; vertical-align: middle; }

.common-block-header .common-block-description { display: block; padding: 6px 0; font-size: 16px; color: #4e4e4e !important; }

.index-adver-wrap { height: 310px; background: #303030; max-width:1920px; min-width:1210px;}

.index-adver-wrap .index-adver-ul { padding-top: 50px; }

.index-adver-wrap .index-adver-ul li { float: left; width: 280px; margin-left: 3px; padding: 30px 0; text-align: center; height: 155px; position: relative; }

.index-adver-wrap .index-adver-ul li:first-child { margin-left: 0; }

.index-adver-wrap .index-adver-ul li p { margin-top: 25px; font-size: 30px; }

.index-adver-wrap .index-adver-ul li.index-adver-li1 { margin-left: 0; }

.index-adver-wrap .index-adver-ul li.index-adver-li1 p { color: #e7770f; }

.index-adver-wrap .index-adver-ul li.index-adver-li1 .back { background: #e77811; }

.index-adver-wrap .index-adver-ul li.index-adver-li2 p { color: #0091e0; }

.index-adver-wrap .index-adver-ul li.index-adver-li2 .back { background: #0092e0; }

.index-adver-wrap .index-adver-ul li.index-adver-li3 p { color: #82c21f; }

.index-adver-wrap .index-adver-ul li.index-adver-li3 .back { background: #82c21f; }

.index-adver-wrap .index-adver-ul li.index-adver-li4 p { color: #73c4f1; }

.index-adver-wrap .index-adver-ul li.index-adver-li4 .back { background: #73c4f1; }

.index-adver-wrap .index-adver-ul li .front, .index-adver-wrap .index-adver-ul li .back { width: 100%; height: 100%; left: 0px; position: absolute; top: 0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transition: 0.6s; -webkit-transition: 0.6s; transform-style: preserve-3d; background: #fff; }

.index-adver-wrap .index-adver-ul li .back { transform: rotateY(-180deg); }

.index-adver-wrap .index-adver-ul li .back p { color: #FFFFFF; }

.index-adver-wrap .index-adver-ul li:hover .front { transform: rotateY(180deg); }

.index-adver-wrap .index-adver-ul li:hover .back { transform: rotateY(0deg); }

/*.index-adver-wrap .index-adver-ul li img { margin: 30px auto 0; }*/

/*   ?     */
.index-oursadvantage-wrap { height: 527px; }

.index-oursadvantage-wrap .advantage-ul { margin-top: 60px; }

.index-oursadvantage-wrap .advantage-ul li { margin: 0 28px; float: left; text-align: center; }

.index-oursadvantage-wrap .advantage-ul li b { font-size: 60px; font-weight: normal; color: #7f479e; font-family: 'Arial'; }

.index-oursadvantage-wrap .advantage-ul li p { font-size: 18px; line-height: 1.5; color: #7f479e; margin-top: 10px; }

/*          ?*/
.index-serveradvantage-wrap {background: #ededed;}

.index-serveradvantage-wrap .serveradvantage-box {width: 290px;height: 384px;overflow: hidden;position: relative;float: left;margin-right: 16px;}

.index-serveradvantage-wrap .serveradvantage-box:last-child { margin-right: 0px; }
.index-serveradvantage-wrap .serveradvantage-box .server-pic{height: 384px;}

.index-serveradvantage-wrap .serveradvantage-box .server-pic img { width: 100%; height: 100%; display: block; }

.index-serveradvantage-wrap .serveradvantage-box .div-mask {position: absolute;bottom: 0;left: 0;right: 0;top: 100%;height: 100%;text-align: center;background: rgba(0, 0, 0, 0.5);margin-top: -65px;-webkit-transition: all .7s;-moz-transition: all .7s;-ms-transition: all .7s;-o-transition: all .7s;transform: all .7s;}

.index-serveradvantage-wrap .serveradvantage-box .div-mask .div-desc { padding: 70px 30px 0; color: #fff; }

.index-serveradvantage-wrap .serveradvantage-box .div-mask p.title { color: #fff; font-size: 24px; line-height: 65px; margin-top: -70px; }

.index-serveradvantage-wrap .serveradvantage-box .div-mask p.con {/* width: 250px; */margin: 0 auto;text-align: left;font-size: 16px;line-height: 1.8;}

.index-serveradvantage-wrap .serveradvantage-box:hover .div-mask { top: 0; margin-top: 0; bottom: 0; }

.index-serveradvantage-wrap .serveradvantage-box:hover .div-mask P.title { padding: 20px 0; margin-top: 0px; }

/*         ?*/
.index-serverregion-wrap { height: 1034px; }


/*   ?   */
.index-case-wrap { background: #303030; }

.index-case-wrap .common-block-header .common-block-description { color: #fff !important; }

.index-case-wrap .index-common-navbar { padding-bottom: 20px; font-size: 14px; text-align: center; }

.index-case-wrap .index-common-navbar li { display: inline-block; }

.index-case-wrap .index-common-navbar li a { font-size: 14px; color: #fff; height: 18px; padding: 10px 15px; line-height: 18px; display: inline-block; transition: color 0.3s linear 0s,background-color 0.3s linear 0s; }

.index-case-wrap .index-common-navbar li:hover a { background: #c4261d; border-radius: 5px; }

.index-case-wrap .index-common-navbar .navbar-line { padding: 0 18px; color: #c3c3c3; }

.index-case-wrap .iView { color: #F5F5F5; background: #5c5c5c; background: url(../images/iview-more.png); width: 140px; height: 50px; text-align: center; display: block; margin: 55px auto 40px; line-height: 50px; border-radius: 6px; font-size: 16px; transition: color 0.3s linear 0s,background-color 0.3s linear 0s; }

.index-case-wrap .iView:hover { background: url(../images/iview-more-hover.png); }

.index-case-wrap .caseSlider { width: 550px; position: relative; height: 476px; }

.index-case-wrap .caseSlider .swiper-container { height: 476px; }

.index-case-wrap .caseSlider .case-item .case-pic { height: 406px; overflow: hidden; }

.index-case-wrap .caseSlider .case-item .case-pic img { width: 100%; height:100%;display: block; -webkit-transition: all .7s; -moz-transition: all .7s; -ms-transition: all .7s; -o-transition: all .7s; transform: all .7s; }

.index-case-wrap .caseSlider .case-item .case-pic:hover img { -webkit-transition: scale(1.1); -moz-transition: scale(1.1); -ms-transition: scale(1.1); -o-transition: scale(1.1); transform: scale(1.1); }

.index-case-wrap .caseSlider .btn-prev { background: url(../images/z-ban.png) no-repeat center; position: absolute; bottom:40px;
    right: 30px;
    width: 35px;
    height: 30px; transition: background-color 0.3s linear 0s; }

.index-case-wrap .caseSlider .btn-prev:hover { background: url(../images/z-ban-l.png) #1c1c1c no-repeat center; }

.index-case-wrap .caseSlider .btn-next { background: url(../images/y-ban.png) no-repeat center; position: absolute; bottom: 40px;
    right: 0px;
    width: 35px;
    height: 30px; transition: background-color 0.3s linear 0s; }

.index-case-wrap .caseSlider .btn-next:hover { background: url(../images/y-ban-l.png) #1c1c1c no-repeat center; }

.index-case-wrap .caseSlider .case-info { height: 70px; background: rgba(56, 52, 49, 0.9); color: #fff; padding: 0 80px 0 10px; line-height: 70px; }

.index-case-wrap .caseSlider .case-info span { display: inline-block; line-height: 40px; font-size: 16px; }

.index-case-wrap .caseSlider .case-info span i.icon { display: inline-block; float: left; width: 27px; height: 36px; padding-left: 10px; background: url(../images/icon-coordinate.png) no-repeat center; }

.index-case-wrap .caseSlider .case-info em { padding-left: 30px; }

.index-case-wrap .caseRight { width: 1210px; }

.index-case-wrap .caseRight ul li { float: left; display: inline; width: 1210px; margin: 0 10px 10px 0; line-height: 30px; height: 235px; overflow: hidden; }

.index-case-wrap .caseRight ul li a.imga { position: relative; overflow: hidden; height: 230px; display: inline-block; }

.index-case-wrap .caseRight ul li a.imga img { width: 100%; display: block; -webkit-transition: all .7s; -moz-transition: all .7s; -ms-transition: all .7s; -o-transition: all .7s; transform: all .7s; }

.index-case-wrap .caseRight ul li:hover img { -webkit-transition: scale(1.1); -moz-transition: scale(1.1); -ms-transition: scale(1.1); -o-transition: scale(1.1); transform: scale(1.1); }

.index-case-wrap .caseRight ul li .tit { z-index: 2; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(56, 52, 49, 0.8); height: 50px; line-height: 50px; padding: 0 5px; font-size: 14px; font-weight: normal; color: #FFF; font-size: 14px; }

.index-case-wrap .caseRight ul li .tit i.icon { display: inline-block; float: left; width: 16px; height: 32px; padding-left: 10px; margin-top: 12px; background: url(../images/icon-coordinate.png) no-repeat; }


/*   ?     ?*/
.index-financial-wrap { height: 525px; background: url(../images/financial-bg.png) center; }

.index-financial-wrap .common-block-description { color: #c1bab6 !important; }

.index-financial-wrap .financial-content ul { text-align: center; margin-top: 50px; }

.index-financial-wrap .financial-content ul li { margin: 0 83px; }

.index-financial-wrap .financial-content ul li:hover img { opacity: 0.9; }

/*      ?  ?*/
.index-newsInfo-wrap { height: 790px; background: #ededed; }

.index-newsInfo-wrap .index-newsInfo-box { height: 445px; width: 100%; }

.index-newsInfo-wrap .index-newsInfo-list { display: none; float: left; width: 100%; }

.index-newsInfo-wrap .index-newsInfo-list .list-item { margin-top: 38px; float: left; width: 280px; overflow: hidden; background: #FFFFFF; margin-right: 30px; }

.index-newsInfo-wrap .index-newsInfo-list .list-item:last-child { margin-right: 0; }

.index-newsInfo-wrap .index-newsInfo-list .list-item:hover .news-tit { color: #7f479e; }

.index-newsInfo-wrap .index-newsInfo-list .list-item:hover img { -webkit-transition: scale(1.1); -moz-transition: scale(1.1); -ms-transition: scale(1.1); -o-transition: scale(1.1); transform: scale(1.1); }

.index-newsInfo-wrap .index-newsInfo-list .list-item-content-img { width: 280px; height: 275px; overflow: hidden; }

.index-newsInfo-wrap .index-newsInfo-list .list-item-content-img img { width: 100%; display: block; -webkit-transition: all .7s; -moz-transition: all .7s; -ms-transition: all .7s; -o-transition: all .7s; transform: all .7s; }

.index-newsInfo-wrap .index-newsInfo-list .list-item-desc { padding: 10px; }

.index-newsInfo-wrap .index-newsInfo-list .list-item-desc .news-tit { color: #3c3c3c; font-size: 16px; }

.index-newsInfo-wrap .index-newsInfo-list .list-item-desc p { color: #787878; font-size: 12px; line-height: 1.5; }

.index-newsInfo-wrap .index-newsInfo-list .list-item-desc hr { color: #bababa; margin: 10px 0; }

.index-newsInfo-wrap .index-newsInfo-list .list-item-desc ul { margin-top: 10px; }

.index-newsInfo-wrap .index-newsInfo-list .list-item-desc ul li { color: #3c3c3c; line-height: 26px; font-size: 14px; }

.index-newsInfo-wrap .index-newsInfo-list .list-item-desc ul li i { color: #ee252b; padding-right: 5px; }

.common-block .common-block-header { opacity: 0; visibility: hidden; transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); transition: 0.54s; }

.articleShow .common-block-header { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }

.common-block .advantage-ul { opacity: 0; visibility: hidden; transform: translateY(133px); -webkit-transform: translateY(133px); -moz-transform: translateY(133px); transition: 0.86s; }

.articleShow .advantage-ul { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }




/*ѡ���̿�ʼ*/
.Choices{ width:100%; float:left; height:650px; background:url(../images/update7-18/Choices.jpg) no-repeat center; background-size:cover;}
.Choices_text{ width:1200px; height:819px; margin:0 auto;}
.Choices_head{
    width:100%;
    float:left;
    height:55px;
    margin-top:50px;
    line-height:55px;
    letter-spacing:2px;
    font-weight:bold;
    text-align:center;
    font-size:36px;
    display:block;
    position:relative;
    color: #fff;
}
.Choices_head:before,.Choices_head:after{content: ''; position: absolute;top: 30px;background: #7f479e;width:60px;height: 2px;}
.Choices_head:before{ left:400px;}
.Choices_head:after{ right:400px;}

.Choices_content{
    position: relative;
    width:1184px;
    height:594px;
    float:left;
    margin-left:3px;}
.Choicesnext {
    background: url(../images/update7-18/Choicesnext.png) no-repeat center;
    width: 44px;
    height: 86px;
    position: absolute;
    top: 26%;
    right: 0px;
    z-index: 2;
    cursor:pointer;}
.Choicesprev {
    background: url(../images/update7-18/Choicesprev.png) no-repeat center;
    width: 44px;
    height: 86px;
    position: absolute;
    top: 26%;
    left: 0px;
    z-index: 2;
    cursor:pointer;
}
.Choicesnext:hover {
    background: url(../images/update7-18/Choicesnext2.png) no-repeat center;
}
.Choicesprev:hover {
    background: url(../images/update7-18/Choicesprev2.png) no-repeat center;
}

.Choices_banner{ width:1184px; height:399px; float:left; margin-top:-30px; overflow: hidden;}
.Choices_banner ul{ width: 12000px;  overflow: hidden;}
.Choices_banner ul li{ width:1184px; height:399px; float:left;}
.Choices_left{ width:594px; height:400px; float:left;}
.Choices_right{ width:590px; height:400px; float:left; background-color: rgba(255,255,255,0.9)}
.Choices_right h2{ width:590px; height:30px; line-height:30px; float:left; text-align:center; font-size:28px; margin-top:70px; color:#464646;}
.Choices_right h3{ width:590px; height:30px; line-height:30px; float:left; text-align:center; font-size:28px; margin-top:10px; color:#464646;}
.Choices_right p{ width:450px; height:70px; float:left; margin-left:70px; text-align:center; font-size:18px; color:#606060; margin-top:20px;}
.Choicesbut{ width:197px; height:49px; float:left; border:1px solid #bfbfbf; background-color:rgba(255,255,255,0.7); text-align:center; line-height:49px; color:#606060; font-size:22px; margin-left:195px; margin-top:57px;cursor: pointer;}
.Choicestel{ width:1184px; height:38px; text-align:center; line-height:38px; font-size:24px; float:left; font-family:"Arial"; overflow:hidden; color:#FFF; margin-top:20px;
    -webkit-user-select:none;/*�ȸ� /Chrome*/
    -moz-user-select:none; /*���/Firefox*/
    -ms-user-select:none;    /*IE 10+*/
    user-select:none;}

.Choicestel ul{ width:12000px; overflow:hidden;}
.Choicestel ul li{ width:1184px; height:38px; float:left;}
/*ѡ���̽���*/
.jiesao {
    text-align: center;
    font-size: 1.4rem;
    color: #f1f1f1;
}


.myWorkFlow{
    height: 310px;
   background:#303030;
}
.myWorkFlow .common-block-header{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.myWorkFlow .common-block-title{
    color: #fff;
}
.myWorkFlow ul{
    text-align: center;
}
.myWorkFlow ul li{
   display: inline-block;
    vertical-align: top;
    width: 100px;
    color: #fff;
    font-size: 30px;
    text-align: center;
}
.myWorkFlow ul li img{
    height:58px;
}
.myWorkFlow ul li p{
    margin-top: 30px;
    font-size:14px;
}


.index-financial-wrap { background: #fff }
.common-block-header .common-block-title{
    color: #111111!important;
}
#blanaks .common-block-description{
    color: #4e4e4e !important;
}
#blanaks  img{
    box-shadow: -1px -1px 10px #999;
    width: 96%;
    margin: 0 auto;
}
.index-newsInfo-wrap{
    background: #303030;
}
.index-newsInfo-wrap .common-block-title,
.index-case-wrap .common-block-title{
    color: #fff!important;
}
.common-block-header .common-block-description{
    color: #f1f1f1 !important;
}
.index-newsInfo-wrap .common-block-tabbar li{
    border: none;
}

.index-newsInfo-wrap {
    height: 830px;
}
/*    2018-7-29  ���Ŷ�̬      */
.purchase,.cozy-list,.cozy-sy-list,.kb-list,.hydt-list{
    padding:40px 0;
    overflow: hidden;
}
.purchase-info .left,.purchase-info .right{
    float: left;
    width: 590px;
    margin-right: 30px;
}
.purchase-info .left:nth-of-type(even){
    margin-right: 0;
}
.purchase-info .left:first-child+div{
    margin-right: 0;
}
.purchase-img{
    float: left;
    width: 272px;
    height: 164px;
    overflow: hidden;
}
.purchase-info-text{
    padding:23px 18px ;
    width: 582px;
    background: #fff;
    float: right;
}
.more-btn{
    display: inline-block;
    padding: 6px 26px;
    background-color: #7f479e;
    color: #fff;
    font-size: 14px;
}
.purchase-info-text .title{
    font-size:16px;
    font-weight: bold;
    width: 282px;
    height:26px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.purchase-info-text .text,.cozy-text,.hydt-info-list .text{
    font-size: 14px;
    line-height: 1.6;
    margin: 11px 0 18px;
    color: #999;
    height: 58px;
    line-height: 20px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.purchase-list{
    padding-top: 20px;
    clear: both;
}
.purchase-list-info{
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
}
.purchase-list-info .text{
    float: left;
}
.purchase-list-info .text:hover{
    text-decoration: underline;
    color: #7f479e;
}
.purchase-list-time{
    float: right;
}
p::selection,span::selection {
    color:#7f479e;
}