/*内容样式*/
.container{ width: 100%; position: relative; height: auto;overflow: hidden;padding-bottom: 76px;}
#dowebok{margin-top: -150px;}
.section01{background: url(../../../img/front/home/index/banner01.jpg) no-repeat center top;background-size: cover}
.section02{background: url(../../../img/front/home/index/banner02.jpg) no-repeat center top;background-size: cover}
.section03{background: url(../../../img/front/home/index/banner03.jpg) no-repeat center top;background-size: cover}
.section04{background: url(../../../img/front/home/index/banner04.jpg) no-repeat center top;background-size: cover}
.section05{background: url(../../../img/front/home/index/banner05.jpg) no-repeat center top;background-size: cover}
.section06{background: url(../../../img/front/home/index/banner06.jpg) no-repeat center top;background-size: cover}
.section07{background: url(../../../img/front/home/index/banner07.jpg) no-repeat center top;background-size: cover}
#fp-nav{position: fixed;right: 1%;top: 45%;z-index: 50;width: 32px; height: 140px;}
#fp-nav ul li a span{ width: 10px; height: 10px; border-radius: 50%; display: block;background: #1368d7;margin: 10px 0;position: relative;left: 13px; }
#fp-nav ul li { margin: 15px 0;}
#fp-nav ul li a span{ border: 0; }
#fp-nav ul li a.active span{background: url(../../../img/front/home/index/active.png) no-repeat center;top: -7px;width: 26px; height: 26px;position: relative;left: 4px;display: block;}
.section01 .fp-controlArrow{margin-top: 40px;}
.section01 .fp-controlArrow.fp-prev{ width: 46px; height: 67px; background: url(../../../img/front/home/index/bannerprev.png) no-repeat center; border: 0 }
.section01 .fp-controlArrow.fp-next{ width: 46px; height: 67px; background: url(../../../img/front/home/index/bannernext.png) no-repeat center; border: 0}
.image-layer{position: absolute;left: 50%;top: 50%;width: 1200px;height: 505px;margin: -170px 0 0 -600px;}
.image-layer .layer-txt { position: absolute;top: 0;left: 0;font-size: 15px;text-align: center;width: 100%;}

.boxes {height: 570px;width: 1200px;position: absolute;top: 50%;left: 50%;margin-top: -200px;margin-left: -600px;}
.indexpro_block{float: left;width: 220px;}
.m-l-r-15{margin:0 25px;}
.boxes .item{background-color: rgba(255, 255, 255,0.9); color: rgb(51, 51, 51);height: 100%;margin-bottom: 10px;padding-bottom: 70px;position: relative;text-align: center;transition: all 0.5s linear}
.boxes .item:hover{background-color:rgb(9 89 194);color: rgb(255, 255, 255);}
.boxes .header-image.wp-cs{background:url(../../../img/front/home/index/boxes-img.png) no-repeat scroll 0 0;transition: all 0.3s linear}
.boxes .header-image.vps-cs{background:url(../../../img/front/home/index/boxes-img.png) no-repeat scroll -210px 0;transition: all 0.3s linear}
.boxes .header-image.mng-cs{background:url(../../../img/front/home/index/boxes-img.png) no-repeat scroll -420px 0;transition: all 0.3s linear}
.boxes .header-image.mng-4{background:url(../../../img/front/home/index/boxes-img.png) no-repeat scroll -630px 0;transition: all 0.3s linear}
.boxes .header-image.mng-5{background:url(../../../img/front/home/index/boxes-img.png) no-repeat scroll -840px 0;transition: all 0.3s linear}
.boxes .item:hover .header-image.wp-cs{background:url(../../../img/front/home/index/boxes-img.png) no-repeat scroll 0 -173px;}
.boxes .item:hover .header-image.vps-cs{background:url(../../../img/front/home/index/boxes-img.png) no-repeat scroll -210px -173px;}
.boxes .item:hover .header-image.mng-cs{background:url(../../../img/front/home/index/boxes-img.png) no-repeat scroll -420px -173px;}
.boxes .item:hover .header-image.mng-4{background:url(../../../img/front/home/index/boxes-img.png) no-repeat scroll -630px -173px;}
.boxes .item:hover .header-image.mng-5{background:url(../../../img/front/home/index/boxes-img.png) no-repeat scroll -840px -173px;}
.boxes .item:hover .item-content ul{display: none}
.boxes .item:hover .item-content .info-box{display: block}
.boxes .header-image{display: block;height: 160px;position: relative;width: 200px;margin-top: 0;margin-right: auto;margin-bottom: 15px;margin-left: auto;}
.boxes h2{font-size:20px;margin:10px 20px;text-transform:uppercase;}
.boxes h2 a{color:#164761;}
.boxes .item ul{list-style: none outside none;height: 65px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;}
.boxes .item ul li{background: url(../../../img/front/home/index/2.gif) no-repeat 0 7px;color: #333;font-size: 14px;margin-bottom: 0;padding-left: 38px;text-align: left;line-height: 25px}
.boxes .item .info-box{display:none;padding:10px 20px;text-align:left;    height: 80px;}
.boxes .item .info-box p{line-height:30px;}
.boxes .item-footer{bottom:0;left:0;margin-bottom:-15px;position:absolute;width:100%;}
.boxes .item-footer strong{display:block;font-size:16px;margin-bottom:10px;}
.text-success,.text-success:hover{color:#3ABBEA;}
.boxes .item-footer .btn{font-size:16px;padding:9px 30px;background-attachment:scroll;background-clip:border-box;background-color:#93ce3b;background-image:none;background-origin:padding-box;background-position:0 0;background-repeat:repeat;background-size:auto auto;border-bottom:3px solid #91b759;color:#FFFFFF;filter:none;text-shadow:0 -1px 1px rgba(0,0,0,0.15);}
.mm-btn-success{background:none repeat scroll 0 0 #91b759;border-color:#91b759;}
.mm-btn-success:hover{background:none repeat scroll 0 0 #91b759;border-color:#91b759;}

.section02 {position: relative;}
.section02 .image-layer{margin-top: -100px;}
.section02 .image-layer:after{display: block;content: "";clear: both;position: absolute;top: -60px;left: -80px;width:64px; height:394px; background: url(../../../img/front/home/index/us.png) no-repeat center;}
.section02 .index02Left{ width: 560px;position: relative;padding-left: 50px; }
.section02 .image-layer:before{display: block;content: "";clear: both;position: absolute;top: -50px;left: 0;width:800px; height:390px; background: rgba(255,255,255,0.8);z-index: 0;}
.section02 .index02Left h2{ font-size: 20px;text-align: left; color: #0959c2;}
.section02 .index02Left h2 i{color: #444}
.section02 .index02Left h3{ color: #888;font-size: 16px;text-align: left; text-transform: uppercase;}
.section02 .index02Left p{height: 120px;overflow: hidden; color: #555;font-size: 13px;text-align: left;line-height: 26px;text-align: justify;padding: 20px 0 38px;}
.section02 .index02_more a{display: block;width: 130px; height: 40px; background:#e8e9e8 url(../../../img/front/home/index/more03.png) no-repeat center top ;}
.section02 .index02_more a:hover{background: url(../../../img/front/home/index/more03.png) no-repeat center bottom}
.index02Right{position: relative;}
.index02Right .index02Img{overflow: hidden;width: 523px;position: relative;}
.index02Right .index02Img img{transition: all 0.6s ease-in-out;}
.index02Right .index02Img img:hover{transform: scale(1.1);}
.index02Right .after{position: absolute;z-index: 0; width:525px; height: 93px; bottom: -16px; left: -16px; background: linear-gradient(to left,#00b276 ,#00b3cb)}
.index02Right .after p:after{ width: 10px; height: 10px;display: block;content: "";clear: both;position: absolute;top: 26px;left: 86px;border: 2px solid #fff; border-radius: 50%;}

.section03 .image-layer{margin-top: -10%;box-shadow: 0 0 9px #999;height: auto;}
.section03 .image-layer:after{display: block;content: "";clear: both;position: absolute;top: 0px;right: -80px;width:64px; height:377px; background: url(../../../img/front/home/index/projects.png) no-repeat center;}
.section03 .index03Left{ width:540px;padding:40px 50px;    height: 370px;  overflow: hidden; background: #fff;position: relative; }
.section03 .index03Left p.xm{ font-size: 20px;font-weight: bold;text-align: left; color: #0959c2;}
.section03 .index03Left p.xm i{color: #444}
.section03 .index03Left p.xm span{ color: #999;padding-left: 30px; text-transform: uppercase;}
.section03 .index03Left h2{    font-weight: normal;font-size: 24px; color: #0959c2;padding: 30px 0 40px;    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index03Right{background: #fff;padding: 65px 40px 65px 0;}
.section03 .index03Left .font{color: #696969;font-size: 14px; line-height: 24px;    max-height: 170px;overflow: hidden;}
.section03 .index03_more {padding: 30px 0 40px;}
.section03 .index03_more a{display: block;width: 132px; height: 40px; background: url(../../../img/front/home/index/more03.png) no-repeat center top ;}
.section03 .index03_more a:hover{background: url(../../../img/front/home/index/more03.png) no-repeat center bottom}
.section03 .hd{ width: 124px; height: 49px;position: absolute;bottom: 36px;left: 455px;z-index: 5; }
.section03 .hd .next,
.section03 .hd .prev{ width:62px; height: 49px;display: inline-block; float: left;cursor: pointer;}
.section03 .hd .next{ background: url(../../../img/front/home/index/hdnext.png) no-repeat center; }
.section03 .hd .prev{ background: url(../../../img/front/home/index/hdprev.png) no-repeat center; }

.section04 .image-layer{ background: rgba(255,255,255,0.9); }
.section04 .image-layer:after{display: block;content: "";clear: both;position: absolute;top: 0px;left: -80px;width:64px; height:224px; background: url(../../../img/front/home/index/news.png) no-repeat center;}
.section04 .index04Left{width: 622px;}
.section04 .index04Left p.xm{ font-size: 20px;font-weight: bold;text-align: left; color: #0959c2;margin-bottom: 30px;}
.section04 .index04Left p.xm i{color: #444}
.section04 .index04Left p.xm span{ color: #999;padding-left: 30px; text-transform: uppercase;}
.section04 .index04Left .img{overflow: hidden;width: 618px;height: 261px; position: relative;}
.section04 .index04Left .img img{transition: all 0.6s ease-in-out;}
.section04 .index04Left .img img:hover{transform: scale(1.1);}
.section04 .index04Left .title1{position: relative;padding: 22px 0 20px;}
.section04 .index04Left .title1 a{font-size: 17px;width: 90%;display: inline-block; color: #474747;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.section04 .index04Left .title1 span{width: 30px; height: 15px;transition: all 0.5s ease 0s; display: block;position: absolute;right: 10px;top: 28px;background: url(../../../img/front/home/index/more04.png) no-repeat right center;}
.section04 .index04Left .title1:hover span{background: url(../../../img/front/home/index/more04.png) no-repeat left center;}
.section04 .index04Left .title1:hover a{color: #ff0000;}
.section04 .index04Left .liTop .date{padding-right: 16px;border-right: #a7a7a7 solid 1px;margin-right: 16px;float: left}
.section04 .index04Left .liTop .date p{font-size: 24px; color: #474747}
.section04 .index04Left .liTop .date i{font-size: 17px; color: #a7a7a7;position: relative;left: 5px;}
.section04 .index04Left .liTop .news_content{width: 530px; height: 48px;line-height: 28px;font-size: 14px; color: #999999; float: left;display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/-webkit-line-clamp: 2; /** 显示的行数 **/overflow: hidden;  /** 隐藏超出的内容 **/}
.section04  .index04Right{ width: 470px;padding-top: 55px;}
.section04  .index04Right .date{padding-right: 16px;margin-right: 16px;float: left;border-right: #a7a7a7 solid 1px;}
.section04  .index04Right .date p{font-size: 24px; color: #474747;margin-bottom: 5px;}
.section04  .index04Right .date i{font-size: 17px; color: #a7a7a7;position: relative;left: 5px;}
.section04  .index04Right  .liList{width: 530px; line-height: 24px;font-size: 14px; color: #d8d8d8; float: left;width: 370px;}
.section04  .index04Right>ul>li:nth-of-type(1){border-top: 1px solid rgb(206, 206, 206);}
.section04  .index04Right>ul>li{padding: 15px 0; border-bottom: 1px solid rgb(206, 206, 206);}
.section04  .index04Right  .liList .title1{position: relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-bottom: 10px;}
.section04  .index04Right  .liList .title1 a{font-size: 15px; color: #474747;transition: all 0.3s linear;}
.section04  .index04Right  .liList .title1 a:hover{padding-left: 14px; color: #ff0000}
.section04  .index04Right  .liList .news_content{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 14px; color: #999;}

.section05 p.xm{ font-size: 20px;font-weight: bold;text-align: left; color: #0959c2;margin-bottom: 20px;}
.section05 p.xm i{color: #444}
.section05 p.xm span{ color: #999;padding-left: 30px; text-transform: uppercase;}
.section05 .ulB li{width: 25%;position: relative;float: left; height: 460px;}
.section05 .ulB li .zhezhao{display: block;position: absolute;top: 0px;left: 0px; width:100%; height:100%; background: rgba(0, 0, 0, 0.25);z-index: 2}
.section05 .ulB li:hover .zhezhao{display: none;}
.section05 .ulB li .mok{height: 227px; width: 100%; color: #fff; background: #0959c2;position: absolute;z-index: 5;}
.section05 .ulB li:nth-of-type(1) .mok,
.section05 .ulB li:nth-of-type(3) .mok,
.section05 .ulB li:nth-of-type(5) .mok{bottom: 0;}
.section05 .ulB li:nth-of-type(2) .mok,
.section05 .ulB li:nth-of-type(4) .mok{top: 0;}
.section05 .ulB li .mok span{display: block; margin: 60px auto 0;width: 50px; height: 52px;}
.section05 .ulB li .mok p{font-size: 18px; color: #ffffff;position: relative;text-align: center;margin-top: 14px;}
.section05 .ulB li .mok p:after{display: block;content: "";clear: both;position: absolute;bottom:-16px;left: 50%;margin-left: -15px;width:30px; height:1px; background:#fff;z-index: 5}
.section05 .ulB li .mok span{background: url(../../../img/front/home/index/sc.png) no-repeat center;}
.section05 li .img{overflow: hidden;width: 300px;height: 460px; position: relative;}
.section05 li .img img{transition: all 0.6s ease-in-out;}
.section05 li:hover .img img{transform: scale(1.1);}

.section06 .image-layer{background: rgba(255,255,255,0.9);padding: 20px;}
.section06 .index06Left{width: 700px;}
.section06 h2{ font-size: 24px;text-align: left; color: #0c0c3c;font-weight: normal;}
.section06 h3{ font-size: 30px;text-align: left; color: #666;font-weight: normal;padding:40px 0 20px; }
.section06 .font .title{font-size: 18px;color: #4c4b4b;padding-bottom: 20px;}
.section06 .font .content{color:#989898;font-size: 18px;}
.section06 .index06Left .hd{ width: 100px; height: 33px;position: absolute;bottom: 78px;left: 20px;z-index: 5;text-align: center }
.section06 .index06Left .hd a{padding: 6px 12px;border:1px solid #ddd;display: inline-block;border-radius: 5px;display: block}
.section06 .index06Left .hd a:hover{ background: #004098;color: #fff; }

.section07 {position: relative;}
.section07 .image-layer{margin-top: -220px;}
.section07 .index07Left h2{font-size: 24px; color: #ffffff;font-weight: normal;text-align: right}
.section07 .index07Left .p{color: #ffffff;font-weight: normal;text-align: right;font-size: 14px;line-height: 50px;}
.section07 .index07Left .p span:first-child{    background: #55bdb5;padding: 5px 10px;box-shadow: 0 0 10px 5px #3b679b;border-radius: 28px;color: #fff;}
.section07 .index07Left {padding-left: 100px;position: relative}
.section07 .index07Left:after{display: block;content: "";clear: both;position: absolute;top: 55px;left:0px;width:39px; height:200px; background: url(../../../img/front/home/index/contact.png) no-repeat center;}
.section07 .footer{ color:#fff;width: 100%; background: #303030;position:absolute;bottom: 0; left: 0;line-height: 60px;z-index: 999999999;height: 60px; }
.section07 .footer p,.section07 .footer p a{font-size: 13px;color: #fff}
.section07 .footer p.fl{padding-left: 30px;}
.section07 .footer p.fr{padding-right: 30px;}
.section07  .fixed{position: fixed;width: 100%;height: 505px;z-index: 5555;right: 0;margin-top: 20px;}