.head{position: absolute;top: 0;width: 100%;z-index: 99999;min-width:1200px;}
.head.on{background: rgba(39,43,46,.93);}
/*头部顶部*/
.head .head-top{height: 30px;line-height:30px;border-bottom: solid 1px rgba(255, 255, 255, 0.13);color: rgba(255, 255, 255, 0.5);font-size: 14px;}
.head .phone{color: #fff;}
.head .phone i{display: inline-block; width: 19px;height: 19px;vertical-align: middle;background: url(../img/index_03.png) no-repeat;margin-right: 10px;}
.logbtn a {
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 9px;
    float: right;
    margin-right: 10px;
    border: solid 1px #fff;
    padding: 0 10px;
    height: 18px;
    line-height: 18px;
    margin: 5px 10px;
    font-size: 12px;
}
.logbtn a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #f25534;
    border: solid 1px #f25534;
}
/*头部登录注册按钮*/
.head .head-main{height: 60px;border-bottom: solid 1px rgba(255, 255, 255, 0.13);}
.head .head-main .logbtn{width: 218px;height: 30px;line-height: 30px;text-align: center;margin-top: 15px;}
.head .head-main .logbtn a{display: inline-block;width: 82px;text-align: center;color: #fff;border-radius: 15px;float: right;margin-right: 8px;}
.head .head-main .logbtn a.head-login{background: #0076ef;}
.head .head-main .logbtn a.head-reg{background: #f25534;}
.head .head-main .logbtn a:first-child{margin-right: 0}
.head .head-main .logbtn a.user{width: 123px;float: right;background: #1888ff;}
/*头部导航*/
.nav .navs{font-size: 14px;color: #fff;height: 60px;}
.nav .navs li.yj{float: left;text-align: center;line-height: 58px;position: relative}
.nav .navs li.yj>a{color: #fff;margin: 0 27px;display: block;text-decoration:none;font-size: 14px;}
.nav .navs li.yj.on{border-bottom: solid 2px #0076ef;background: rgba(39,43,46,.93);}
.nav .navs li.yj.on>a{}
.nav .menu{overflow: hidden;background: rgba(39,43,46,.93);position: absolute;left: 0;display: none;top: 100%;padding: 15px 0;}
.nav .subnav .item{width: 100%;text-align: center;line-height: 36px;box-sizing: initial;overflow: hidden;margin: 10px 0;}
.nav .subnav .item.on{background: #000;}
.nav .subnav .item.on>a{background: url(/static/site/img/jiao.png) center right no-repeat;}
.nav .subnav .item>a{text-decoration:none;float: left;width: 135px;}
.nav .subnav .item>a:hover{color:#0076ef;}
.nav .subnav .item ul{    float: left;overflow: hidden}
.nav .subnav .item ul li{float: left;padding: 0 10px;}
.nav .subnav .item ul a{color: rgba(255,255,255,.52);font-size: 12px}
/*幻灯*/
.focusBox { position: relative; width:100%; height:640px; overflow: hidden;min-width: 1200px;}
.focusBox .pic li{height: 640px;}
.focusBox .pic li a{display: block;width: 100%; height: 100%;}
.focusBox .hd { width:100%; position: absolute; bottom: 110px; text-align: center; font-size:0; z-index:1;}
.focusBox .hd li { margin: 0 5px; background: none;border: solid 1px #fff; height: 10px; overflow: hidden; width: 10px; cursor: pointer; display:inline-block; *display:inline; zoom:1;border-radius: 50%;}
.focusBox .hd .on {background:#fff;}
/*幻灯底部锚点*/
.banner-bot{height: 100px;background: rgba(255,255,255,0.1);position: relative;z-index: 10;margin-top: -100px;}
.banner-bot .index-btn{border-left: solid 1px #338ae7;overflow: hidden;}
.banner-bot .index-btn li{width: 268px;border-right: solid 1px rgba(255,255,255,.1);float: left;height: 50px;padding:25px 15px;box-sizing: initial;}
.banner-bot .index-btn li a{text-decoration: none;}
.banner-bot .index-btn li img{float: left;margin-top: 5px;margin-right: 10px;}
.banner-bot .index-btn li span{line-height: 25px;}
.banner-bot .index-btn li:hover{background: rgba(0,0,0,.1);}
/*云市场*/
.top{text-align: center;padding-top: 60px;box-sizing: initial;}
.top .tit img{display: block;margin: 0 auto 15px;}
.top .subtit{font-size: 26px;line-height: 32px;margin-bottom: 8px;}
.top .subtit2{line-height: 26px;margin-bottom: 40px;}
.top .subtit2 span{color: #f25534;font-size: 24px;}

.sclist{height:800px;text-align: center;padding: 20px 0;}
.sclist li{float: left;width: 305px;height: 350px;margin:0 12.5px;padding:20px 35px 30px;}
.sclist li img{margin:0 auto 26px;}
.sclist li h2{line-height: 48px;}
.sclist li h2 a{font-size: 24px;color: #333;font-weight: 500;}
.sclist li sapn{line-height: 24px;}
.sclist li p{padding-top: 26px;line-height: 24px;height: 120px;overflow: hidden;text-align: left;}
.sclist li .xq{width: 118px;height: 30px;display: block;border: solid 1px #1888ff;color: #1888ff;border-radius: 3px;line-height: 30px;margin: 10px auto;}
.sclist li.on{box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);}
.sclist li.on h2 a{color: #1888ff;}
.sclist li.on .xq{background: #1888ff;color: #fff;}
/*云行业*/
.yhy{background: #f5f5f5;min-width: 1200px;}
.hybox{height: 431px;background: #373d41;}
.hybox .mainbox{position: relative;}
.hybox li{position: relative;width: 300px;height: 431px;float: left;}
.hybox li .hylogo{position: absolute;width: 100%;height: 431px;background: rgba(0,0,0,.56);top: 0;left: 0;padding-top: 130px;text-align: center;}
.hybox li .hylogo .img{margin: 0 auto;padding-bottom: 17px;width: 50px;height: 50px;border-bottom: solid 2px #fff;cursor: pointer;}
.hybox li .hylogo h2{margin-top: 40px;}
.hybox li .hylogo h2 a{font-size: 26px;line-height: 40px;cursor: pointer;color: #fff;text-decoration: none;}
.hybox li p{display: none;}
.hybox li .xq{display: none;}
.hybox li.on .hylogo{background: rgba(24,136,255,.85);padding-top: 65px;}
.hybox li.on .hylogo .img{border-bottom: 0;}
.hybox li.on .hylogo h2{margin-top: 3px;}
.hybox li.on .hylogo p{display: block;margin-top: 35px;line-height: 24px;font-size: 12px;height: 96px;overflow: hidden;text-align: center;padding: 0 20px;text-align: left;}
.hybox li.on .hylogo .xq{display: block;width: 140px;height: 42px;line-height: 42px;text-align: center;background: #fff;color: #1888ff;font-size: 14px;margin: 28px auto;}
.hybox .prev,.hybox .next{position: absolute;width: 50px;height: 431px;background: rgba(0,0,0,.25);font-size: 40px;color: rgba(255,255,255,.56);font-size: 30px;line-height: 431px;text-align: center;left: 0;top: 0;font-family: simsun;font-weight: bold;cursor: pointer;}
.hybox .next{left: auto;right:0;}
/*解决方案*/
.jjfa .tab{text-align: center;}
.jjfa .tab li{display: inline-block;margin:0 70px;line-height: 60px;cursor: pointer;}
.jjfa .tab li.on{color: #1888ff;border-bottom: solid 2px #1888ff;}
/*行业解决方案*/
.jjfa .tabmain .hylist{margin-top: 45px;}
.jjfa .tabmain .hylist li{width: 314px;margin: 0 43px 65px;text-align: center;float: left;height: 217px;}
.jjfa .tabmain .hylist li img{margin:0 auto 26px;display: block;transition: All .5s ease-in-out;-webkit-transition: All .5s ease-in-out;-moz-transition: All .5s ease-in-out;-o-transition: All .5s ease-in-out;}
.jjfa .tabmain .hylist li h2{line-height: 48px;}
.jjfa .tabmain .hylist li h2 a{font-size: 24px;color: #333;font-weight: 500;}
.jjfa .tabmain .hylist li h2 a:hover{text-decoration: none;color: #1888ff;}
.jjfa .tabmain .hylist li p{padding-top: 26px;line-height: 24px;height: 48px;overflow: hidden;text-align: left;}
.jjfa .tabmain .hylist li:hover img {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}

/*业务解决方案*/
.jjfa .tabmain .ywlist{margin-top: 45px;margin-right: -26px;}
.jjfa .tabmain .ywlist li{width: 280px;margin: 0 26px 65px 0;text-align: center;float: left;height: 217px;}
.jjfa .tabmain .ywlist li img{margin:0 auto 26px;display: block;transition: All .5s ease-in-out;-webkit-transition: All .5s ease-in-out;-moz-transition: All .5s ease-in-out;-o-transition: All .5s ease-in-out;}
.jjfa .tabmain .ywlist li h2{line-height: 48px;}
.jjfa .tabmain .ywlist li h2 a{font-size: 24px;color: #333;font-weight: 500;}
.jjfa .tabmain .ywlist li h2 a:hover{text-decoration: none;color: #1888ff;}
.jjfa .tabmain .ywlist li p{padding-top: 26px;line-height: 24px;height: 48px;overflow: hidden;text-align: left;}
.jjfa .tabmain .ywlist li:hover img {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}

/*成功案例*/
.case{background: #f5f5f5;}
.case .mainbox{background: #f5f5f5;}
.case .tab{text-align: center;}
.case .tab li{display: inline-block;margin:0 70px;line-height: 60px;cursor: pointer;}
.case .tab li.on{color: #1888ff;border-bottom: solid 2px #1888ff;}
.case .item ul{overflow: hidden;margin-right: -60px;padding: 60px 0 0px;}
.case .item li{float: left;width: 570px;margin-right: 60px;margin-bottom: 30px;line-height: 24px;}
.case .item li .cont{margin-left: 220px;}
.case .item li h2{font-weight: 500;}
.case .item li h2 a:hover{color: #1888ff;}
.case .item .more{display: block;width: 170px;height: 42px;line-height: 42px;text-align: center;background: #1888ff;color: #fff;font-size: 14px;margin: 0 auto 65px;border-radius: 3px;}
/*合作伙伴*/
.partnerlist {margin-right: -6px;overflow: hidden;margin-bottom: 45px;}
.partnerlist a{margin: 0 6px 20px 0;float: left;}
.partnerlist a img{border: solid 1px #e4e3e3;box-sizing: border-box;}
.partnerlist a:hover img{border: solid 1px #1888ff;}
/*底部*/
.footer{ width:100%; overflow:hidden; background:#474747; }
.foot_main{ width:1200px; margin: 0 auto;background: #474747;}
.fm_logo{ width:264px; height:108px; float:left; margin-top:40px;}
.fm_logo img{ display:block;margin-bottom: 20px;}
.fm_logo span{font-size: 14px;color: #7c7c7c;line-height: 32px;}
.fm_nav{ overflow:hidden; float:left; margin-left:128px;}
.fm_nav ul{ width:100%; overflow:hidden; margin-top:36px; margin-bottom:12px;}
.fm_nav li{ height:24px; line-height:24px; font-weight:bold; font-size:14px; float:left; margin-right:30px;}
.fm_nav li a{ color:#b6b6b6;font-size: 16px;font-weight: normal;}
.fm_nav p{ width:100%; height:30px; line-height:30px; color:#b6b6b6;}
.fm_ewm{ width:196px; overflow:hidden; float:right; text-align:center;}
.fm_ewm h1{ width:100%; height:40px; line-height:40px; margin-top:16px; color:#fff;font-size: 12px;}
.fm_ewm img{margin: 0 auto;}
.fm_ewm p{ width:100%; height:50px; line-height:50px; color:#999;}
.foot_copyright{ width:100%; height:40px; line-height:40px; background:#323232; color:#999;}
.foot_cr{ width:1200px; height:40px;}
.fcl{ float:left;}
.fcr{ float:right; text-align:right;}
/*右侧导航*/
.toolbar-show {
    display: none;
    width: 34px;
    height: 113px;
    position: fixed;
    right: 0;
    top: 50%;
    overflow: hidden;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 8889;
    background-color: #ff5c01;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/toolbar-show_03.png);
}
.toolbar {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 8888;
}
.toolbar-closed {
    right: 0;
    top: -25px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    font-weight: 100;
    border-radius: 50%;
    line-height: 18px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: absolute;
    background-color: #232323;
}
.toolbar .return-top {
    width: 64px;
    height: 64px;
    display: none;
    cursor: pointer;
    background-color: #232323;
    background: url(../img/toolbar_05.png) no-repeat center #333;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.toolbar .toolbar-items {
    width: 64px;
    height: 64px;
    margin-top: 1px;
    cursor: pointer;
    position: relative;
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: #4c4c4c;
    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
}
.blockFull {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.toolbar .toolbar-items > a {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 90px;
}
.toolbar .toolbar-items .slide-float {
    bottom: 0;
    right: 110%;
    width: 133px;
    color: #7f7f7f;
    display: none;
    text-align: center;
    position: absolute;
    padding: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    background-color: #4c4c4c;
}
.toolbar .qq-ico {
    width: 50px;
    height: 50px;
    background-color: #8e8e8e;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.block {
    display: block;
    position: relative;
}



















