@charset "utf-8"; 
@import url(csscw.css);
/* 以下是本站自定义 */

/* 网站主色调fix[分页选中色/主字色/主背景色] */
.buts,#cmspage a:hover,#wappage a:hover{color:#fff;background:#2954A3;}
.benzi,.benzi a,.benzi a:hover,a.benzi,a:hover.benzi{color:#2954A3;}
.benbg{background:#2954A3;}

/* CWCMS_文章列表 */
.list_news li{height:50px;line-height:50px;border-bottom:1px dashed #ccc;background:url(dot1.gif) no-repeat 0px 19px;padding-left:14px;}
.list_news li,.list_news li a,.list_news li a:hover{font-size:16px;}
.list_pic li{width:25%;float:left;text-align:center;padding-bottom:20px;}

/* CWCMS_文章正文页 */
.cwnews {text-align:center;}.cwnews .title{padding:10px 0;font-size:30px;width:80%;margin:auto;margin-bottom:20px;}.cwnews .click{border-bottom:1px solid #e8e8e8;background:#fff;padding:5px 0;}.cwnews .content{line-height:170%;padding:20px 0;text-align:left;}.cwnews img{max-width:100%;}

/* CWCMS_分类列表 */
.fldh{border-bottom:1px solid #ddd;height:28px;margin-bottom:10px;}
.fldh h1{float:left;}
.fldhli li{ line-height:36px; font-size:16px; padding-left:12px; background:url(yq.png) no-repeat 0 14px;}

.all{width:1200px;margin:auto; overflow:hidden;}.copy{padding:20px 0;}

/* 头部 */
.aui-header-nav { min-width:1200px;  position: fixed; top: 0; width: 100%;
    background-color: transparent;  border-bottom: 1px solid transparent;    z-index: 999;
    transition: all 0.45s ease-in-out;}
.aui-header-nav.moveDown {width: 100%;min-width:1200px;top:0px; height: 87px;  transition: all 0.45s ease-in-out;}
.aui-header-nav .wrapper {position: relative; width:1200px; height: 87px; margin: 0 auto;}
.aui-header-nav a:hover{ text-decoration:none; color:#fff;}

.aui-header-nav .aui-logo {
    width: 300px; overflow:hidden;
    height: 80px;
    background: url(logo.png) no-repeat;
    background: url(logo.png) no-repeat\9;
    background-size:300px auto;
}

.aui-header-nav .wrapper .aui-logo {
    position: relative;
    top:10px;
}

.aui-header-nav.solid .aui-logo {
	    width: 300px; overflow:hidden;
    height: 80px;
    background: url(logo1.png) no-repeat;
    background: url(logo1.png) no-repeat\9;
    background-size: 200px auto;
}

.aui-header-nav .aui-logo h1 {text-indent: -99999px;}
.aui-header-nav .wrapper .aui-top-nav {
    position: absolute;
    right: 320px;
    top: 0;
}

.aui-top-nav .menu {
    -webkit-user-select: none;
    user-select: none;
    margin-top: 4px;
}

.aui-top-nav .menu >li {
    float: left;
    margin-left:20px;
    height:80px;
}


.aui-top-nav .menu >li >a {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; padding: 0 10px;
    height: 80px;
    font-size: 16px;
    line-height:80px;
    color: #fff;
    border-bottom: 2px solid transparent;
    border-bottom: 0 \9;
    background-color: rgba(0,0,0,0);
}

.aui-header-nav.solid .aui-top-nav .menu >li >a {
    color: #383838;
}

.aui-top-nav .menu >li .panel {
    position: fixed;
    top: 85px;
    left: 0;
    right: 0;
    height: 380px;
    padding-top: 0;
    /*filter: alpha(opacity = 0) \9;
    opacity: 0;
    transition-delay: 0.1s;
    transition-duration: 0.3s;*/
    z-index: -1;

    visibility: visible\9;
    display: none\9;
	    visibility: hidden;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
}

.aui-header-top.moveUp {
    top: 0px;
    transition: all 0.5s ease-out;
}

.aui-header-nav.solid {
    background-color: #fff;
    background-color: #fff\9;
    border-bottom: 1px solid #f0f1f2;
    transition: all 0.5s ease-in-out;
}

.aui-header-nav .wrapper .m-login {
    position:absolute;
    right: 30px;
    top: 0px;
}


.aui-header-nav.moveDown {
    top:0px;
    transition: all 0.45s ease-in-out;
}

.aui-top-nav .menu >li:hover .panel {
    filter: alpha(opacity = 100) \9;
    opacity: 1;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    z-index: 1;
    visibility: visible;
    display: block\9;
}

.aui-top-nav .menu >li >a:hover {
    color: #3b8fea;
    border-color: #3b8fea;
    border-bottom: 2px solid #3B8FEA\9;
}

.aui-top-nav .menu >li .panel .list dd .txt:hover {
    color: #3b8fea;
}

.icon-font {
    width: 30px;
    height: 30px;
    background-size: 30px;
    display: block;
    margin: 0 auto;
}

.aui-top-nav .menu >li .panel .list a:hover .icon-font {
    width: 30px;
    height: 30px;
    background-size: 30px;
    display: block;
    margin: 0 auto;
}


.aui-banner-slide {
    position: relative;
    min-width: 1200px;
    background-color: #081238;
}

.aui-banner-main {
    position: relative;
    width: 100%; min-width:1200px;
    overflow: hidden;
    text-align:center;
    user-select:none;
    -webkit-user-select: none;
    height: 580px;
}
.aui-banner-main1 {
    position: relative;
    width: 100%; min-width:1200px;
    overflow: hidden;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    height: 470px;
}

.aui-banner-wrapper {
    position: relative;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}




.pane1{ width:260px; height:280px; border-right:1px solid #ccc;}
.pane2{ width:220px; padding:0 20px; height:280px; border-left:1px solid #ccc;}
.ti1{ height:50px; line-height:40px; font-size:20px;}.ttb{ background:#ccc; height:2px; width:50px;}
.zix{ border:1px solid #c00; width:100px; font-size:16px; text-align:center; height:30px; line-height:30px; overflow:hidden;border-radius:5px; margin-top:20px;}.zix:hover{ background:#c00;}
.zix a{ width:100%; height:100%; float:left;}
.zix a:hover{ color:#fff;}
.xldh{ width:660px;}
.xldh li{ font-size:16px; width:28%; padding:10px 0; padding-left:5%; text-align:left; float:left; display:inline;}
.xldh li i{ margin-right:10px;}
.xldh li a:hover{ color:#c00;}
/*大图*/
.aui-banner-wrapper ul li img { width: 100%;  height: 580px; display: block; border: none;}
.aui-banner-wrapper ul li { min-width:1200px; width:100%;  position: relative;}
.aui-banner-wrapper1 ul li img { width: 100%;  height: 470px; display: block; border: none;}
.aui-banner-wrapper1 ul li { min-width:1200px; width:100%;  position: relative;}
.lanm{ width:100%;margin:auto; font-size:30px; position:absolute; top:200px;}
.lanm1{ width:700px; line-height:220%; margin:auto; font-weight:bold; text-align:left; color:#fff;}
/* 小圆点 */
.aui-banner-circle ul li { float:left;  padding:0 10px;line-height:170%; text-align:left;
    display:inline;
    vertical-align: baseline;
    zoom: 1; width:220px;
    height:120px;
    cursor: pointer;
}
.aui-banner-circle ul{ width:1200px; margin:auto;}
.aui-banner-circle ul  li a:hover{ text-decoration:none;}
.aui-banner-circle ul .on { background:url(onbg.png) no-repeat bottom;width:220px; height:120px;}
.aui-banner-circle{background:url(tutt.png) no-repeat top center; width:100%; min-width:1200px;
    position: relative; padding-top:20px;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    bottom: 120px;
}

.f40{ font-size:40px;}


/*一站式服务*/
.mainbox_one{height:622px;background:#f5f6f6;padding-top:60px;text-align:center;}
.main{width:1208px;margin:0 auto;}
.main h1{font-size:30px;font-weight:normal;color:#333;}
.main p{margin-top:20px;}

.sublist{margin-top:40px;height:460px;background-color:#fff;}
.sublist .list{float:left;width:200px;height:458px;border:1px solid #CCCCCC;border-left:none;}
.sublist .list_first{width:200px;border-left:1px solid #CCCCCC;}
.sublist .list_one{float:left;width:200px;height:458px;border:1px solid #63bdfc;position:relative;top:0;cursor:pointer;}
.sublist .list:hover{position:relative;-webkit-animation:dese 0.5s 1;-moz-animation:dese 0.5s 1;animation:dese 0.5s 1;box-shadow:0 10px 20px #ccc;-webkit-box-shadow:0 10px 20px #ccc;-moz-box-shadow:0 10px 20px #ccc;top:-1px;}

@-moz-keyframes dese{0% {box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;-moz-box-shadow:0 0 2px #ccc;top:0px;}
100% {box-shadow:0 10px 20px #ccc;-webkit-box-shadow:0 10px 20px #ccc;-moz-box-shadow:0 10px 20px #ccc;top:-1px;}}
@-webkit-keyframes dese{0% {box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;-moz-box-shadow:0 0 2px #ccc;top:0px;}
100% {box-shadow:0 10px 20px #ccc;-webkit-box-shadow:0 10px 20px #ccc;-moz-box-shadow:0 10px 20px #ccc;top:-1px;}}
@keyframes dese{0% {box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;-moz-box-shadow:0 0 2px #ccc;top:0px;}
100% {box-shadow:0 10px 20px #ccc;-webkit-box-shadow:0 10px 20px #ccc;-moz-box-shadow:0 10px 20px #ccc;top:-1px;}}

.sublist .list .list_head{height:150px;position:relative;background:#f9f9f9;}
.sublist .list_one .list_head{background-image:-webkit-linear-gradient(top, #63bdfc, #4f4fcb);background-image:-moz-linear-gradient(top,#63bdfc, #4f4fcb);background-image:-ms-linear-gradient(top,#63bdfc, #4f4fcb);}
.sublist .list .list_head h2{ font-size:20px;padding-top:50px;}

.sublist .list_one .list_head h2{color:#fff;}
.sublist .list .list_content{background:#fff;cursor:pointer;text-align:left;}
.sublist .list .img{position:absolute;bottom:-33px;left:50%;margin-left:-33px;height:66px;width:66px;z-index:1;}
.no_on li{margin:9px 0;}.sublist .list .small{position:absolute;z-index:2;top:18px;left:15.5px;}
.list_span{width:90%;margin:0 auto;font-size:14px;color:#333;letter-spacing:2px;}
.sublist .list .small_two{position:absolute;z-index:2;top:15.5px;left:13px;}
.sublist .list .small_three{position:absolute;z-index:2;top:16.5px;left:17px;}
.sublist .list_one .list_content .list_content_box{/*padding:49px 0 0 80px;*/}
.sublist .list .list_content .list_content_box{/*padding:48px 0 0 90px;*/}
.sublist .list .list_content .list_content_box ul{height:111px;}
.sublist .list .list_content .list_content_box .anbg{ font-size:16px;margin-top:50px;}
.sublist .list .list_content .list_content_box .anbg li{margin-top:8px; padding-left:30px;}
.sublist .list .list_content .list_content_box .no_on{display:block;width:110px;margin:50px auto 0;}
.sublist .list_one .list_content .list_content_box li{width:200px;margin:0 auto;}
.sublist .list .list_content .list_content_box li{/*text-align:left;margin:9px 0;*/}
.sublist .list .list_content .list_content_box .right{text-align:right;width:102px;}
.sublist .list .list_content .list_content_box li b{color:#ff7200;}
.sublist .list .list_content .btn_box{margin:70px 20px 0;height:30px;text-align:center;}
.sublist .list .list_content .btn_box .btn{width:70px;height:30px; line-height:30px; overflow:hidden;}
.sublist .list .list_content .btn_box .btn_left{border:1px solid #ccc;float:left;}
.sublist .list .list_content .btn_box .btn_right{border:1px solid #63bdfc;float:right;color:#63bdfc;}
.sublist .list_one .list_content .btn_box .btn_left{border:1px solid #63bdfc;float:left;color:#63bdfc;}
.sublist .list_one .list_content .btn_box .btn_left a{color:#63bdfc;}
.sublist .list_one .list_content .btn_box .btn_right{border:1px solid #63bdfc;float:right;color:#fff;background:#63bdfc;}

/*底部*/
.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.clear-float{clear:both}

.footer{background-color:#009fd9; min-width:1200px;font-family:"microsoft yahei","黑体";}
.footer-floor1{width:100%;padding:36px 0 60px; height:200px;}
.footer-list{width:69%;height:100%;float:left}
.footer-list ul{float:left;margin-right:13%}
.footer-list .flist-4{margin-right:0}
.footer-list li{line-height:32px}
.footer-list li a{color:#b6e2f2;font-size:12px;text-decoration:none}
.footer-list li a:hover{text-decoration:underline;color:#fff}
.footer-list .flist-title{font-size:16px;color:#fff;margin-bottom:15px}
.footer-floor2{width:100%;border-top:1px solid #4cc3ed;padding:20px 0;text-align:center}
.footer-floor2 p{text-align:center;color:#b6e2f2;font-size:12px;line-height:30px}
.footer-floor2 p span{font-family:PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif}
.footer-floor2 a{color:#b6e2f2}
.footer-floor2 a:hover{color:#a8d0e0;text-decoration:underline}
.foot-link{margin:0 15px;text-decoration:none;color:#b6e2f2}
.foot-link:hover{text-decoration:underline}
.footer-right{width:300px;float:right}
.telephone{width:100%;height:32px;line-height:32px;color:#fff}
.telephone span{display:inline-block;width:32px;height:32px;float:left;margin-left:16%}
.telephone .tel-number{font-size:30px;font-weight:400;text-align:right}
.official-plat{width:100%;height:100%;margin-top:20px;position:relative}
.official-plat ul{float:right;margin-top:7px}
.official-plat ul li span{display:inline-block;width:32px;height:32px;background:url(plat_icon.png) no-repeat 0 0;line-height:32px;float:left;margin-right:12px}
.official-plat ul li .weibo-logo{background:url(plat_icon.png) no-repeat -32px 0}
.official-plat ul li .qq-logo{background:url(plat_icon.png) no-repeat -64px 0}
.official-plat ul li{height:45px}
.official-plat ul a{display:inline-block;height:32px;width:100%;line-height:32px;color:#fff;text-decoration:none;font-size:12px}
.official-plat>p{display:inline-block;width:132px;height:132px;border:1px solid #ddd;background-color:#fff}
.official-plat .weixin{position:absolute;top:0;left:30px;background-image:url(plat_qrcode.png);background-repeat:no-repeat;background-position:0 0}
.official-plat .weibo{position:absolute;top:0;left:30px;background-image:url(plat_qrcode.png);background-repeat:no-repeat;background-position:-132px 0;display:none}
.official-plat .weibo1{position:absolute;top:0;left:30px;background-image:url(plat_qrcode.png);background-repeat:no-repeat;background-position:-264px 0;display:none}
#wx-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:12px;right:-20px;z-index:10}
#wb-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:58px;right:-20px;z-index:10}
#wo-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:80px;right:-20px;z-index:10}
.five-superiority{width:100%;border-bottom:1px solid #27aede;padding:10px 0 20px}
.five-superiority-list li{float:left;width:19.9%;height:36px;text-align:center;border-left:1px solid #27aede}
.five-superiority-list li:first-child{border-left:none}
.five-superiority-list li a{display:inline-block;position:relative;width:100%;height:36px;line-height:36px;background:no-repeat 2% center;text-indent:2em;color:#fff;font-size:16px}
.five-superiority-list li a:hover{color:#bfe7f5}
.five-superiority-list li a.superiority-text{text-indent:4em}
.superiority-icon{position:absolute;width:40px;height:40px;left:10%;background-repeat:no-repeat;background-image:url(footer_youshi.png)}
.compensate_ico .superiority-icon{background-position:0 0}
.compensate_ico:hover .superiority-icon{background-position:0 -50px}
.retreat_ico .superiority-icon{background-position:0 -100px}
.retreat_ico:hover .superiority-icon{background-position:0 -150px}
.technology_ico .superiority-icon{background-position:0 -200px}
.technology_ico:hover .superiority-icon{background-position:0 -250px}
.prepare_ico .superiority-icon{background-position:0 -300px}
.prepare_ico:hover .superiority-icon{background-position:0 -350px}
.service_ico .superiority-icon{background-position:0 -400px}
.service_ico:hover .superiority-icon{background-position:0 -450px}
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;top:0; min-width:1200px;}
.marquee{width:8000%;height:60px;}
.wave-list-box{float:left;}
.wave-list-box ul{float:left;height:60px;overflow:hidden;zoom:1}
.wave-list-box ul li{height:60px;width:100%;float:left;line-height:30px;list-style:none}
.wave-box{position:relative;height:60px;background:#fff}

/*选择我们*/
.xzwo .xzwo_l .tit{padding:20px 0;text-align: center;color: #000000;font-size:30px;line-height:200%;}
.xzwo .tit span{display: block;color: #000;font-size: 15px;}
.xzwo_l_m li{text-align: center;width:282px;float: left;padding: 35px 59px;}
.xzwo_l_m li.li-bor-notbot{border-bottom: 0;}.main-l-m li.li-bor-notrig{border-right: 0;}
.xzwo_l_m li img{transition: transform 1s ease-out;}
.xzwo_l_m li img:hover{transform: rotateZ(360deg);}
.xzwo_l_m li p{color: #767676;font-size: 20px;line-height: 22px;padding-top: 15px;}

/*解决方案*/
.benefit{background:url(bg_k2.jpg) no-repeat center 0; position:relative; height:484px; overflow:hidden;width: 100%;text-align: center;}
.benefit .items{width: 100%;height: auto;overflow:hidden;padding:50px 0 100px 0;}
.benefit .items ul{ width:1300px; margin:auto;display: flex;justify-content: center;}
.benefit .items ul li{ float:left; display:inline;width: 275px;height: auto;overflow: hidden; padding:0 25px;text-align: center;transition: all .3s;}
.benefit .items ul li:hover{transition: all .3s;transform: translateY(-10px);}
.benefit .items ul li p.title{font-size: 20px;color: #fff;padding:10px 0 15px 0;}
.benefit .items ul li p.desc{font-size: 14px;color: #fff;line-height: 24px;padding:0 15px 0 25px;text-align:left;}


/*外部框架*/
.section-3{ margin-top:100px;opacity: 0;}

.bg-1{ background:#f2f2f2; padding:50px 0 0;}
.bg-m{ background:url(../images/index/bg_k1.jpg) repeat-y center 0;}
.bg-m .w{ padding:55px 0 0; height:467px;}

.bg-2{ background:url(../images/index/bg_k2.jpg) no-repeat center 0; position:relative; height:484px; overflow:hidden;}
.bg-2 .w{ padding-top:118px;}
.bg-2 .bk-w{ float:left; width:247px; height:261px; margin:0 26px; color:#fff; text-align:center;opacity: 0;}
.bg-2 .bk-w:nth-child(2n){ background:url(../images/index/ak_hover.png) no-repeat center center;}
.bg-2 .bk-w .num{ font-family:Arial; font-weight:bold; font-size:49px;text-shadow:#5382da 3px 2px 7px; padding:10px 0 0; display:block;opacity: 0;}
.bg-2 .bk-w i{ display:inline-block; border:1px solid #a6b7e3; width:32px; height:32px;border-radius:32px;opacity: 0; margin-left:-180px;}
.bg-2 .bk-w em{ display:inline-block; background:#fff; width:18px; height:18px;border-radius:32px; margin-top:7px;}
.bg-2 .bk-w p{ font-size:14px; line-height:26px; margin-top:10px; overflow:hidden;opacity: 0;}
.bg-2 .bk-w p span{ font-size:24px; font-weight:bold; line-height:48px; display:block;}
.bg-2 .bk-w .tam1{animation:am1 1s;opacity: 1;filter:blur(0);}
.bg-2 .bk-w .tam2{animation:zoomIn2 4s; opacity: 0.4;transform: scale(1,1);}

/*新闻*/
.lineh40{ line-height:400%;}
.xw{ padding-top:20px;}
.xw li{ height:40px; line-height:40px; overflow:hidden; font-size:14px;}


/*服务*/
.btn{display:inline-block;width:100px;height:32px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:32px;color:#009FD9;text-align:center;text-decoration:none;font-size:14px;cursor:pointer}
.cloud-product{position:relative;z-index:9;padding:20px 0 50px}
.color-blue{color:#009fd9}
.cloud-product-ul{width:100%}
.cloud-product-ul li{position:relative;margin-left:12px;width:165px;height:522px;float:left;background:#fff}
.cloud-product-ul li:first-child{margin-left:0}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px}
.empty-space{width:100%;height:99px;padding:26px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}
.server-header-01{background:url(fw/a1.png) center no-repeat}
.server-header-02{background:url(fw/a2.png) center no-repeat}
.server-header-03{background:url(fw/a3.png) center no-repeat}
.server-header-04{background:url(fw/a4.png) center no-repeat}
.server-header-05{background:url(fw/a5.png) center no-repeat}
.server-header-06{background:url(fw/a6.png) center no-repeat}
.server-header-active-01{background:url(fw/aa1.png) center no-repeat}
.server-header-active-02{background:url(fw/aa2.png) center no-repeat}
.server-header-active-03{background:url(fw/aa3.png) center no-repeat}
.server-header-active-04{background:url(fw/aa4.png) center no-repeat}
.server-header-active-05{background:url(fw/aa5.png) center no-repeat}
.server-header-active-06{background:url(fw/aa6.png) center no-repeat}

.product-introduce-title{margin-bottom:14px;height:22px;line-height:22px;font-size:18px;text-align:center}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:0 auto 26px;line-height:14px;font-size:12px;text-align:center;color:#999}
.product-introduce-list{margin:0 auto;padding-top:10px;height:175px;width:84%;border:1px solid #f1f1f1;border-left:none;border-right:none}
.introduce-list-small{margin-bottom:18px;line-height:14px;font-size:14px;color:#999;text-align:center}
.product-introduce-price{margin:48px auto 0;font-size:14px;text-align:center;color:#333}
.price-blue{color:#0af;font-size:38px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.introduce-link{position:absolute;top:0;left:0;width:100%;height:360px}
.active-inner-01{background:url(fw/b1.jpg) center no-repeat}
.active-inner-02{background:url(fw/b2.jpg) center no-repeat}
.active-inner-03{background:url(fw/b3.jpg) center no-repeat}
.active-inner-04{background:url(fw/b4.jpg) center no-repeat}
.active-inner-05{background:url(fw/b5.jpg) center no-repeat}
.active-inner-06{background:url(fw/b6.jpg) center no-repeat}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;width:304px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#fff}
.active .product-introduce-list{padding-top:10px;border-color:#3f9ff9}
.introduce-list-large{margin:0 auto;width:228px;line-height:22px;color:#ddebff;font-size:14px}
.active .product-introduce-price{margin-top:32px;color:#fefeff}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff}
.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#ff9600;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{background-color:#f80; text-decoration:none;}

/*400页面*/
#move li{ padding-top:100px;float:left; display:inline;position: relative; width:16.6%;   height:50px;  overflow:hidden; text-align:center; font-size:16px;}
#move li a{ float:left; display:inline; width:200px; height:50px;}
#move li a i{position: absolute;top:50px;left:75px;display: inline-block;filter:alpha(opacity=100);opacity: 1; font-size:48px; color:#ff7200;}
#move li a:hover i{ color:#ff7200;}
#move li a:hover{width:100%; float:left; display:inline; height:50px; overflow:hidden; text-decoration:none; color:#ff7200;}

.cloud_application{height:658px; background:url(400/a400bg.jpg) no-repeat; overflow:hidden;}
.cloud_application .tab_hd{float: left; width:363px; background:#fff;}
.cloud_application .tab_hd li{height:105px; line-height: 104px;  border-bottom:1px solid #ddd; text-align: center; font-size:20px; cursor: pointer;}
.cloud_application .tab_hd li:hover,.cloud_application .tab_hd li.active{ background:#fffaf7; color:#ff6600;}
.cloud_application .tab_hd li i{ width:33px; height:33px; margin-right:16px;}
.cloud_application .tab_hd li i.cloud_application_01{ background-position:0 0;}
.cloud_application .tab_hd li i.cloud_application_02{ background-position:-41px 0;}
.cloud_application .tab_hd li i.cloud_application_03{ background-position:-84px 0;}
.cloud_application .tab_hd li i.cloud_application_04{ background-position:-127px 0;}
.cloud_application .tab_hd li:hover i,.cloud_application .tab_hd li.active i{}
.cloud_application .tab_bd{ float: right; width:836px; height:420px; overflow:hidden;}
.cloud_application .tab_bd ul{ width:836px; height:420px; overflow:hidden; position:relative;}
.cloud_application .tab_bd li{ width:836px; height:420px; overflow:hidden; position:relative;}
.cloud_application .tab_bd li .txt{ position:absolute;left:0; bottom: 0; width:806px; float:left; background: rgba(0,0,0,0.5); padding:15px; color: #fff; z-index:99999; height:70px;}
.cloud_application .tab_bd li .txt p{ font-size:16px;}
.ti2{ padding:0 20px; border-bottom:1px solid #ccc; font-size:18px; height:50px; line-height:40px; overflow:hidden; margin:auto; width:630px;}
.ti3{ height:40px; font-size:18px;  overflow:hidden; margin-left:20px; width:500px; border:0;font-family:"microsoft yahei","黑体";}
.ti4{ cursor:pointer; color:#fff; background:#ff9600; border:0; height:50px; line-height:50px; width:670px; margin:auto;border-radius:5px; font-size:18px;font-family:"microsoft yahei","黑体";}


/*小程序*/
.ptai{ min-width:1200px;
    background: url(xcx/pingtai.jpg) no-repeat center;  
    height: 940px;
}
.ptai a:hover{ text-decoration:none;}
.tab_nav{
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    padding: 35px 0px;
}
.tab_nav li{
    float: left;
    font-size: 24px;
    color: #fff;
    margin-right: 35px;
    padding: 14px 30px;
}
.tab_nav li a{
    color: #fff;
}
.tab_nav{ color:#fff;}
.tab_nav .cur{
    background: #3289ff;
    padding: 14px 30px;
    border-radius: 40px;
}
.introduce li{text-align:center;
    float: left;
    width:236px;
    height: 200px;
    background: rgba(0, 0, 0, 0.4);
    margin: 1px;
}
.introduce li a{
    line-height: 200px;
    color: #fff;
    font-size: 24px;
}
.online li{ text-align:center;
    background: url(xcx/pt_bg.jpg) no-repeat;
    opacity: 0.94;
}
.online .online2{text-align:center;
    background: url(xcx/pt_bg1.png) no-repeat;
    opacity: 0.94;
}
.online .online3{text-align:center;
    background: url(xcx/pt_bg2.png) no-repeat;
    opacity: 0.94;
}
.area ul{ width:1300px;}.area a:hover{ text-decoration:none;}
.area li{
    float: left; display:inline;
    width: 220px;
    height: 147px;
    margin: 43px 25px 43px 0px;
    position: relative;
    overflow: hidden;
}
.area li:hover{

}
.area li:nth-child(5n+5){
    margin-right: 0px;
}
.area_img{
    position: absolute;
}
.area_img p{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
    color: #fff;
    font-size: 24px;
    transition: all .5s ease;
}
.area_text{ text-align:center;
    position: absolute;
    bottom: -40px;
    background: url(after.jpg) no-repeat center;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .5s ease;
}
.area_text p{
    font-size: 14px;
    color: #fff;
}
.area li:hover .area_text{
    bottom: 0px;
    transition: 0.5s;
    opacity: 0.8;
}
.area li:hover .area_text p{
    padding-top: 35%;
    z-index: 99;
}
.area li:hover .area_img p{
    top: 30%;
    transition: 0.4s
}

/*域名空间*/
.zhuan{ width:1300px; overflow:hidden;}
.zhuan li{ background:#fafafa; float:left; display:inline; width:380px; margin-right:50px;}
.zhuan1{ width:100%; text-align:center; line-height:200px; overflow:hidden; font-size:24px;}
.zhuan2{ width:300px; padding:20px 40px 40px 40px; height:280px;}
.zhuan2 li{ height:70px; line-height:70px; font-size:18px; border-bottom:1px dotted #ccc; overflow:hidden; text-align:center; width:100%;}
/*连接所需*/
.xzwoa{ background:#f7f7f7; padding:0; margin:0;}
.xzwoa .xzwoa_l .tita{padding:20px 0 0 0;text-align: center;color: #000000;font-size:30px;line-height:160%;}
.xzwoa .tita span{display: block;color: #666;font-size: 14px;}
.xzwoa_l_m li{text-align: center;width:482px;float: left;padding:25px 59px;}
.xzwoa_l_m li.li-bor-notbot{border-bottom: 0;}.main-l-m li.li-bor-notrig{border-right: 0;}
.xzwoa_l_m li img{transition: transform 1s ease-out;}
.xzwoa_l_m li img:hover{transform: rotateZ(360deg);}
.xzwoa_l_m li p{ text-align:justify;color: #767676;font-size:14px;line-height: 22px;padding-top:0px;}

/*等保*/
.deng{ width:1300px;}
.deng li{ float:left; display:inline; width:348px; border:1px solid #ededed; margin-right:15px; padding:20px; height:200px;}
.deng li:hover{border:0;box-shadow:-5px 0 5px #ededed, /*左边阴影*/  
    5px 0 5px #ededed, /*右边阴影*/  
    0 -5px 5px #ededed, /*顶部阴影*/  
    0 5px 5px #ededed; /*底边阴影*/ }

.dana{ padding-left:20px; height:45px; line-height:45px; overflow:hidden;}
.dana input{ margin-right:5px;}
.dan table{ border-collapse:collapse;}
.dan table,td{ border:1px solid #ededed;}
.denb{ padding:0 20px; height:100px; line-height:100px;border:0;box-shadow:-3px 0 3px #ededed, /*左边阴影*/  
    3px 0 3px #ededed, /*右边阴影*/  
    0 -3px 3px #ededed, /*顶部阴影*/  
    0 3px 3px #ededed; /*底边阴影*/ }
.denc{ background:#ff6a00; width:190px; height:40px; color:#fff; border:0; font-size:18px; cursor:pointer;}
/*网站建设*/
.titx li{ float:left; display:inline; width:25%; font-size:24px; text-align:center;}
.titx li a:hover{ text-decoration:none;}
.titx li img{transition: transform 1s ease-out;}
.titx li img:hover{transform: rotateZ(360deg);}
.lou li{ padding:50px 0; float:left; display:inline; width:14%; line-height:500%; text-align:center;}
.lou1{ font-size:40px; color:#ff9600;}.lou2{ font-size:20px; color:#666;}
/*解决方案*/
.lou0 li{ padding:15px 0; width:100%;}
.lou10{ text-align:center;line-height:260%; padding:20px 0; }
.lou20{ font-size:16px; line-height:200%; color:#666;}
.dan1 table{ border-collapse:collapse;}
.dan1 table,td{ border-bottom:1px dashed #ededed; border-left:0; border-right:0; border-top:0;}
/*网站优化*/
.ant{ width:1300px;}
.ant li{ float:left; display:inline; width:230px; margin-right:20px;}
.ant li img{ width:100%;}

.f22{ font-size:22px; }.f18{ font-size:18px;}
.you{ width:1300px;}
.you li{ line-height:300%;border-radius:5px; height:240px; padding:40px 0; float:left; display:inline; width:240px; margin-right:80px;    box-shadow:-5px 0 5px #fbfbfb, /*左边阴影*/  
    5px 0 5px #fbfbfb, /*右边阴影*/  
    0 0 0 #fbfbfb, /*顶部阴影*/  
    0 10px 10px #fbfbfb; /*底边阴影*/ }
.you li:hover{ background:#3153d4;}.you li img{ margin-bottom:20px;}.you li a:hover{ color:#fff; text-decoration:none;}
.you li a{ width:100%; height:100%; float:left; display:inline;}
/*part2*/
.plc-part2{ height:300px;
    padding:50px 0;
    background: #f8f9fb;
}.plc-part2 a:hover{ text-decoration:none; color:#000;}
.part2 .part2-flatform{
    margin-left: -40px;
    margin-right: -40px;
}
.part2-img{
    width: 120px;
    height: 120px;
    display: inline-block;
    transition: all linear .2s;
}
.part2-img-active{
    display: none;
    width: 120px;
    height: 120px;
    transition: all linear .2s;
}
.part2-flatform{
    margin-top: 50px;
}
.part2-flatform-item-box{
    width: 20%;
    float: left;
    text-align: center;
}
.part2-flatform-item{
    display: inline-block;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}
.part2-flatform-item:hover .part2-img,.part2-flatform-item-box.active .part2-img{
    display: none;
}
.part2-flatform-item:hover .part2-img-active,.part2-flatform-item-box.active .part2-img-active{
    display: inline-block;
}
.part2-flatform-item p{
    margin-top: 20px;
}
/*part3*/
.plc-part3{
   
}
.part3-left{
    width: 41.6%;
    padding-left: 20px;
    padding-top: 15px;
}
.part3-left-orderNumber{
    color: #e7f3ff;
}
.part3-left h2{
    display: inline-block;
    line-height: 2;
    margin-bottom: 25px;
}
.part3-underline::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #3153d4;
}
a.tryOut{
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    width: 184px;
    background-color: #3153d4;
    border-radius: 50px;
    margin-top: 38px;
}


.plc-part3-con{display: none;background:url(seo/part3_right1.png) no-repeat center right;background-size: auto 80%; padding: 92px 0 88px;min-height: 390px;}
.plc-part3-con2{background-image: url(seo/part3_right2.png);}
.plc-part3-con3{background-image: url(seo/part3_right3.png);}
.plc-part3-con4{background-image: url(seo/part3_right4.png);}
.plc-part3-con5{background-image: url(seo/part3_right5.png);}

.plc-part3-con:first-child{display: block;}   
.plc-part3{min-height: 570px;}

.shang li{ float:left; display:inline; width:120px; text-align:center; margin:5px 0;}
.zhu{ background:url(bottomBg1.png); height:280px; min-width:1200px;}
.zhu1{border-radius:50px; font-size:18px; background:#3153d4; margin:auto; text-align:center; line-height:50px; width:200px; height:50px;}
.zhu1 a{ width:100%; height:100%; float:left; color:#fff;}.zhu1:hover{ background:#fff;}
.zhu1 a:hover{ text-decoration:none; color:#000;}

/*政府采购商城*/
.antb{ width:1300px;}
.antb li{ float:left; display:inline; width:390px; margin-right:20px;}
.antb li img{ width:100%;}
.qing{border-radius:50px; font-size:18px; background:#c00; margin:10px auto; bottom:0; text-align:center; line-height:40px; width:180px; height:40px; color:#fff;}
.qing:hover{background:#3153d4;}
.qing a:hover,.qing a{ text-decoration:none;}
.reason {
  width: 100%;

}

.reason .reasonList {
  width: 1300px;
  margin: 0 auto;

  display: flex;
  flex-flow: row nowrap;
}

.reason .reasonList li { float:left; display:inline; margin-right:20px;
  width: 288px;
  height: 355px;
  cursor: pointer;
}
.reason .reasonList li.rlist1 {
  background: url(sc/reason01.png) no-repeat;
}
.reason .reasonList li.rlist2 {
  background: url(sc/reason02.png) no-repeat;
}
.reason .reasonList li.rlist3 {
  background: url(sc/reason03.png) no-repeat;
}
.reason .reasonList li.rlist4 {
  background: url(sc/reason04.png) no-repeat;
}
.reason .reasonList li h4 {
  margin-top: 230px;
  font-size: 18px;
  text-align: center;
  font-weight: normal;
  color: #fff;
}
.reason .reasonList li p {
  display: none;
}
.reason .reasonList li.active.rlist1 {
  background: url(sc/reason11.png) no-repeat;
}
.reason .reasonList li.active.rlist2 {
  background: url(sc/reason12.png) no-repeat;
}
.reason .reasonList li.active.rlist3 {
  background: url(sc/reason13.png) no-repeat;
}
.reason .reasonList li.active.rlist4 {
  background: url(sc/reason14.png) no-repeat;
}
.reason .reasonList li.active h4 {
  margin-top: 190px;
}
.reason .reasonList li.active p {
  display: block;
  color: #fff;
  font-size: 14px;
  margin: 32px;
  margin-bottom: 0;
  line-height: 24px;
}
.weix { width:1300px;}
.weix li{float:left; display:inline; margin-right:27px;width: 284px;    box-shadow:-2px 0 2px #f2f2f2, /*左边阴影*/  
    2px 0 2px #f2f2f2, /*右边阴影*/  
    0 -2px 2px #f2f2f2, /*顶部阴影*/  
    0 3px 3px #f2f2f2; /*底边阴影*/ }
.weix li img{ margin-bottom:10px;}
.weix li a{ float:left; width:100%; height:100%;}.weix li a:hover{ text-decoration:none;}


.sec3 .common-wrap-btn{clear:both;background:#fff;width:200px; line-height:50px; overflow:hidden;height:50px;color:#02BBFF;text-align:center; margin:auto;border-radius:30px; font-size:20px;}
.sec3{background:url(sc/sec3_bg.png) center no-repeat;background-size:100% 100%; width:100%; min-width:1200px;}
.sec3 .sec3_top{text-align:center; height:80px;}
.sec3 .sec3_top div{ float:left; display:inline; text-align:center; width:150px; padding:0 120px;cursor:pointer}
.sec3 .sec3_top div p{font-size:18px;color:white;margin:12px 0}
.sec3 .sec3_divide .triangle{ padding:0; margin:0;width:0;height:0;border:12px solid transparent;border-bottom-color:white;}
.sec3 .sec3_divide .divide{width:906px;height:1px;border-top:1px solid white;margin:0 auto}
.sec3 .sec3_center{text-align:center;margin-top:100px; height:400px; width:950px; margin:auto;}
.sec3 .left-info{ text-align:left; float:left;display:inline-block;color:white;margin-left:25px;vertical-align: middle;}
.sec3 .left-info div{margin-top:20px}
.sec3 .left-info p:nth-of-type(1){font-size:20px;font-weight:bold;text-align:left}
.sec3 .left-info p:nth-of-type(2){font-size:16px;margin-top:20px;text-align:left}
.sec3 .right-info{margin-top:20px; float:right;display:inline-block;vertical-align: middle;}
.sec3 .right-info img{vertical-align:unset}

.container .wisdomstoremode .sec3 .sec-middle{ padding:0;
    width: 900px;
    margin: auto;
 display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;

	
}

.hide{
    display: none;
}


.youshi { min-width:1200px;
  background-color: #f6f6f6;
  padding-top:50px;
  padding-bottom: 50px;
}
.youshi img{ margin-left:70px;}
.youshi ul {
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 8px;
  margin-top: 12px;
  width: 324px;
  height: 326px;
}
.youshi ul li{
  width: 324px;
  height: 109px;
  border-bottom: 1px solid #f6f6f6;
  position: relative;
}

.youshi ul li span {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 20px;
  margin-top: 50px;
  background-color: #ff7d1c;
  border-radius: 50%;
}
.youshi ul li p {
  display: inline-block;
  font-size: 16px;
  line-height: 109px;
}
.youshi ul li .youshi_content {
  opacity: 0;
  height: 0px;
  z-index: 2;
  width: 100%;
  position: absolute;
  top: 0;
  background-color: #ff760f;
}
.youshi ul li.first .youshi_content {
  border-radius: 8px 8px 0 0;
}
.youshi ul li.last .youshi_content {
  border-radius: 0 0 8px 8px;
}
.youshi ul li .youshi_content div {
  margin: 18px 0 0 18px;
  height: 25px;
  margin-bottom: 22px;
}
.youshi ul li .youshi_content div i {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-color: #fff;
	border-radius: 50%;
	color: #ff760f;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
	font-style:inherit;
}
.youshi ul li .youshi_content div b {
  display: inline-block;
  line-height: 25px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding-left: 12px;
}
.youshi ul li .youshi_content p {
  font-size: 15px;
  color: #fff; line-height:20px;
  margin: 0 18px;
}
.youshi ul li:hover .youshi_content {
  opacity: 1;
  height: 162px;
  transition: all .3s;
}
.youshi p{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}


.weixb { width:1300px; height:220px;}
.weixb li{float:left; padding:10px; height:180px; display:inline; margin-left:2px; margin-right:25px;width: 360px;    box-shadow:-2px 0 2px #f2f2f2, /*左边阴影*/  
    2px 0 2px #f2f2f2, /*右边阴影*/  
    0 -2px 2px #f2f2f2, /*顶部阴影*/  
    0 3px 3px #f2f2f2; /*底边阴影*/ }
.weixb li a{ float:left; width:100%; height:100%;}.weixb li a:hover{ text-decoration:none;}