@charset "utf-8";
body{position: relative;}
.bg-color{background: url(../images/bg-color.jpg) repeat-x #0e81a5;}
.bg-left-logo,.bg-left-contact{background-repeat: no-repeat; background-position: 0 50px; min-height: 600px;}
.bg-left-logo{background-image: url(../images/bg-body-logo.png);}
.bg-left-contact{background-image: url(../images/bg-body-contact.png);}
.bg-f5{background-color: #f5f5f5;}
.container{width: 1180px;}
.span12{width: 1180px;}
.span11{width: 1080px;}
.span10{width: 980px;}
.span9{width: 880px;}
.span8{width: 780px;}
.span7{width: 680px;}
.span6{width: 580px;}
.span5{width: 480px;}
.span4{width: 380px;}
.span3{width: 280px;}
.span2{width: 180px;}
.span1{width: 80px;}
/*按钮*/
.btn:hover{transition: .2s;}
.btn-danger{border-color: #e4392a;background-color: #e4392a;}
.btn-danger:hover{border-color: #c93224;background-color: #c93224;}
.btn-line{padding: 0 20px;border-radius: 40px;background-color: transparent; line-height: 30px;}
.btn-line.btn-primary{border-color: #1c77c2;color: #1c77c2;}
.btn-line.btn-primary:hover{background-color: #1c77c2; color: #fff;}
/*按钮 END*/
/*heading*/
.heading-title{padding: 50px 0;}
.heading-title h2{text-align: center; font-size: 24px;}
/*heading END*/
/*header*/
.header{overflow: hidden; height: 490px;background: /* url(../images/bg-header.jpg) */ bottom no-repeat #0b0e31;}
.header .container{position: relative;}
.header .img-header{position: absolute; top: 100px;right: 50px; width: 630px; height:338px; background-image: url(../images/img-header.png);}
.header .intro{padding: 80px 0 0 0;width: 440px; z-index: 1; position: relative;}
.header .intro p{color: #fff;font-size: 14px; line-height: 30px;}
.header .intro .btn{margin-top: 30px;}
/*header END*/
/*top*/
.top{width: 100%;height: 50px;}
.fixed-index{position: fixed !important; top: 0;z-index: 2;background-color: #0b0e31;}
.top .logo,.top .list-menu{float: left;}
.top .logo,.top .list-menu li a{color: #fff ;line-height: 50px;}
.top .logo{width: 260px; text-align: left; font-weight: bold; font-size: 18px;}
.top .list-menu li a{padding: 0 40px;font-size: 16px;}
.top .list-menu li a:hover{background-color: transparent;}
.top .list-menu li.active a{background-color: #1c77c2;}
/*top END*/
/*功能*/
.function{background-color: #1c77c2; text-align: center;}
.list-function{display: inline-block; padding: 65px 0 15px 0;margin: 0 auto;}
.list-function li{width: 166px; border-right: 2px solid #51aad0; background-color: #1c77c2}
.list-function li:last-child{border-right: none;}
.list-function li .group{position: relative; margin: 0 auto; padding: 0 10px;width: 130px;}
.list-function li .group .icon{position: absolute; top: -50px;left: 50%; margin-left: -20px; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat;}
.list-function li:first-child .group .icon{background-image: url(../images/icon-function1.png);}
.list-function li:first-child+li .group .icon{background-image: url(../images/icon-function2.png);}
.list-function li:first-child+li+li .group .icon{background-image: url(../images/icon-function3.png);}
.list-function li:first-child+li+li+li .group .icon{background-image: url(../images/icon-function4.png);}
.list-function li:first-child+li+li+li+li .group .icon{background-image: url(../images/icon-function5.png);}
.list-function li:first-child+li+li+li+li+li .group .icon{background-image: url(../images/icon-function6.png);}
.list-function li:first-child+li+li+li+li+li+li .group .icon{background-image: url(../images/icon-function7.png);}
.list-function li:first-child+li+li+li+li+li+li+li .group .icon{background-image: url(../images/icon-function8.png);}
.list-function li h2{color: #fff; text-align: center; font-weight: bold;font-size: 16px; line-height: 30px;}
.list-function li p{overflow: hidden; min-height: 60px;color: #b9eaff; font-size: 12px; line-height: 20px;}
/*功能 END*/
/*解决方案*/
.list-plan{margin: 0 auto; padding-bottom: 20px;width: 1179px;}
.list-plan li{padding-bottom: 50px;width: 393px;}
.list-plan li .group{margin: 0 auto ;width: 240px;text-align: center;}
.list-plan li .group .icon{margin: 0 auto;width: 118px; height: 118px; background-position: center; background-repeat: no-repeat;}
.list-plan li:first-child .group .icon{background-image: url(../images/icon-plan1.png);}
.list-plan li:first-child+li .group .icon{background-image: url(../images/icon-plan2.png);}
.list-plan li:first-child+li+li .group .icon{background-image: url(../images/icon-plan3.png);}
.list-plan li:first-child+li+li+li .group .icon{background-image: url(../images/icon-plan4.png);}
.list-plan li:first-child+li+li+li+li .group .icon{background-image: url(../images/icon-plan5.png);}
.list-plan li:first-child+li+li+li+li+li .group .icon{background-image: url(../images/icon-plan6.png);}
.list-plan li h2{padding: 15px 0 5px 0;text-align: center; font-weight: bold; font-size: 20px;}
.list-plan li p{overflow: hidden;margin: 0 0 20px 0; height: 150px; color: #a9b0b4; line-height: 22px;}
.list-plan li:last-child p{text-align: center;line-height: 88px;}
/*解决方案 END*/
/*服务客户*/
.list-cust{overflow: visible;margin: 0 0 70px 0; padding:0}
.list-cust li .group{margin: 0 auto; padding:5px 0 10px 0; width: 220px;border: 1px dotted #ddd;}
.list-cust li .group:hover{border-color:#1c77c2; transition: .2s;}
.list-cust li .group:hover a h2{color: #1c77c2;}
.list-cust li .group .icon{width: 100%;height:43px;background-position: center; background-repeat: no-repeat;}
.list-cust li.li1 .group .icon{background-image: url(../images/logo-user1.png);}
.list-cust li.li2 .group .icon{background-image: url(../images/logo-user2.png);}
.list-cust li.li3 .group .icon{background-image: url(../images/logo-user3.png);}
.list-cust li.li4 .group .icon{background-image: url(../images/logo-user4.png);}
.list-cust li.li5 .group .icon{background-image: url(../images/logo-user5.png);}
.list-cust li.li6 .group .icon{background-image: url(../images/logo-user6.png);}
.list-cust li.li7 .group .icon{background-image: url(../images/logo-user7.png);}
.list-cust li.li8 .group .icon{background-image: url(../images/logo-user8.png);}
.list-cust li.li9 .group .icon{background-image: url(../images/logo-user9.png);}
.list-cust li.li10 .group .icon{background-image: url(../images/logo-user10.png);}
.list-cust li .group a h2{overflow: hidden; margin: 0 auto; width: 90px; height: 20px;color: #333; text-align: center; text-overflow: ellipsis;white-space: nowrap; font-size: 12px; line-height: 20px;}
/*服务客户 END*/
/*登录入口*/
.list-enter{padding-bottom: 40px}
.list-enter li{padding-bottom: 30px;width: 393px;}
.list-enter li .group{position: relative;overflow: hidden; width: 363px; height: 174px;background-position: center; background-repeat: no-repeat; text-align: center;}
.list-enter li.li1 .group{background-image: url(../images/bg-enter1.jpg);}
.list-enter li.li2 .group{background-image: url(../images/bg-enter2.jpg);}
.list-enter li.li3 .group{background-image: url(../images/bg-enter3.jpg);}
.list-enter li.li4 .group{background-image: url(../images/bg-enter4.jpg);}
.list-enter li.li5 .group{background-image: url(../images/bg-enter5.jpg);}
.list-enter li.li6 .group{background-image: url(../images/bg-enter6.jpg);}
.list-enter li.li7 .group{background-image: url(../images/bg-enter7.jpg);}
.list-enter li.li8 .group{background-image: url(../images/bg-enter8.jpg);}
.list-enter li.li9 .group{background-image: url(../images/bg-enter9.jpg);}
.list-enter li.li10 .group{background-image: url(../images/bg-enter10.jpg);}
.list-enter li.li11 .group{background-image: url(../images/bg-enter11.jpg);}
.list-enter li.li12 .group{background-image: url(../images/bg-enter12.jpg);}
.list-enter li h2,.list-enter li .btn{position: relative;z-index:2;}
.list-enter li h2{padding: 67px 0 15px 0; color: #fff; text-align: center; text-shadow:1px 0 3px #000,0 1px 3px #000,-1px 0 3px #000,0 -1px 3px #000; font-weight: bold;font-size: 14px; line-height: 20px;}
.list-enter li:hover h2{ display:none;}
.list-enter li .group .btn{display: none;}
.list-enter li .group:hover .btn{display: inline;}
.list-enter li .group .btn:hover{border-color: #e4392a;background-color: #e4392a;}
.list-enter li .group .shade{position: absolute; bottom: 0; left: 0; z-index:0; width: 100%; height: 100%; background:url(../images/bg-black.png); opacity:1;}
.list-enter li .group:hover .shade{opacity: 0;transition:.2s;}
/*登录入口 END*/
/*右侧 工具*/
.tool{position: fixed; top: 50%; right: 0;margin-top: -210px; width: 70px;z-index:1000;}
.tool ul{overflow: visible;}
.tool li{margin: 1px 0; width: 100%; border-radius:0; position: relative;}
.tool li .group{padding: 10px 0 0 0;position: relative; z-index: 2 ;background-color: #45abff; width: 100%; height: 100%}
.tool li .icon{width: 100%; height: 30px;background-position: center; background-repeat: no-repeat;}
.tool li:first-child .icon{background-image: url(../images/icon-tool1.png);}
.tool li:first-child+li .icon{background-image: url(../images/icon-tool2.png);}
.tool li:first-child+li+li .icon{background-image: url(../images/icon-tool3.png);}
.tool li h2{color: #fff; text-align: center; font-weight: normal; font-size:12px; line-height: 30px;}
.tool li .tool-detail{position: absolute; right: -200px; width: 130px; padding: 11px 0 11px 50px; top: 0; background-color: #fff; background-position: left; background-repeat: no-repeat; box-shadow: -5px 0 5px rgba(0,0,0,.1); opacity: 0; z-index: 1}
.tool li:hover .tool-detail{opacity: 1;right: 70px; transition: .2s}
.tool li .tool-detail h2,.tool li .tool-detail div{line-height: 22px}
.tool li .tool-detail h2{font-size: 14px; color: #333; text-align: left; padding-bottom: 4px}
.tool li .tool-detail div,.tool li .tool-detail div a{color: #ff8a00}
.tool li .tool-detail div a{display: inline-block; padding-right: 5px}
.tool li:first-child .tool-detail{background-image: url(../images/icon-tool-detail1.png);}
.tool li:first-child+li .tool-detail{background-image: url(../images/icon-tool-detail2.png);}
/*右侧 工具 END*/
/*footer*/
.footer{background-color: #282a2b;}
.bg-color .footer{background-color: transparent;}
.footer p{color: #fff; text-align: center; font-size: 12px; line-height: 40px;}
/*footer END*/
/*滚动监听*/
#menu1,#menu2,#menu3,#menu4{margin-top: -50px;padding-top: 50px;}
/*滚动监听 END*/
/*动画*/
.intro{animation-delay:.2s;}
.list-function li:first-child{animation-delay:0s;}
.list-function li:first-child+li{animation-delay:.2s;}
.list-function li:first-child+li+li{animation-delay:.4s;}
.list-function li:first-child+li+li+li{animation-delay:.6s;}
.list-function li:first-child+li+li+li+li{animation-delay:.8s;}
.list-function li:first-child+li+li+li+li+li{animation-delay:1s;}
.list-function li:first-child+li+li+li+li+li+li{animation-delay:1.2s;}
.list-plan li:first-child{animation-delay:0s;}
.list-plan li:first-child+li{animation-delay:.2s;}
.list-plan li:first-child+li+li{animation-delay:.4s;}
.list-plan li:first-child+li+li+li{animation-delay:.0s;}
.list-plan li:first-child+li+li+li+li{animation-delay:.2s;}
.list-plan li:first-child+li+li+li+li+li{animation-delay:.4s;}
/*动画 END*/
/*form*/
input::-webkit-input-placeholder{color:#e8e8e8;} input::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#e8e8e8;} input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#e8e8e8;} input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#e8e8e8;}
.form-black{border-radius: 10px; margin: 40px 80px 40px 0; width:370px; padding: 20px 20px 30px 20px; background: url(../images/bg-black2.png); float: right ;}
.form-black .btn-primary{background-color: #1c77c2; border-color: #1c77c2}
.form-black .btn-primary:hover{background-color: #196fb5; border-color: #196fb5}
.form-black .color-warning{color: #f87559;}
.form-horizontal .controls input,.form-horizontal .controls select,.form-horizontal textarea{width: 100%; box-sizing: border-box; background-color: #64738f; border-color: #64738f; color: #e8e8e8 ; border-radius: 4px}
.form-horizontal input,.form-horizontal select{height: 30px}
.form-black h2{font-size: 12px; padding-bottom: 20px; color: #d5eeff; line-height: 22px;}
.form-black h2 .color-warning{font-weight: bold;}
.form-horizontal{width: auto}
.form-horizontal .control-label{width: 130px; text-align: left; color: #fff}
.form-horizontal .controls,.form-horizontal .form-actions{width: 230px}
.form-horizontal .form-actions{background-color: transparent; border: none;}
.form-horizontal .controls-yzm input{width: 120px}
.form-horizontal .controls-yzm .btn{float: right;}
/*form END*/
/*联系我们*/
.contact{width: 480px; margin: 140px 20px 40px 0; color: #fff; float: right;}
.contact h2{font-size: 20px;}
.contact .tel{padding:10px 0 10px 60px; background: url(../images/icon-contact-tel.png) left no-repeat;}
.contact .tel p{font-size: 14px; line-height: 24px;}
/*联系我们 END*/