@charset "UTF-8";

*{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
body{
    color: #666;
    font-family: "微软雅黑", Arial;
}
.clearfix:after{
    content: '';
    display: block;
    height: 0;
    clear: both;
}
#wrap{
    /* margin-top: 50px; */
    font-size: 16px;
}
.container{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.begin p{
    line-height: 36px;
    text-indent: 2em;
    font-size: 18px;
}

/* 公司简介 开始 */
h3{
    position: relative;
    font-size: 30px;
    text-align: center;
    color: #00a2ea;
    margin:50px 0;
}
/* h3:after{
    content: "";
    position: absolute;
    bottom: -14px;
    left: 50%;
    width: 58px;
    height: 1px;
    margin-left: -29px;
    background-color: #333;
} */
.left{
    float: left;
}
.right{
    float: right;
}
.about .intro .left{
    width: 580px;
}
.about .intro .left p{
    text-indent: 2em;
    line-height: 39px;
}
.about .intro .right{
    width: 580px;
}

/* 技术实力 */
.technology{
    margin: 50px 0;
}
.technology ul.txt{
    width: 100%;
}
.technology ul.txt li, .proAdv ul.txt li{
    float: left;
    width: 580px;
}
.technology ul.txt li:nth-child(2n+1), .proAdv ul.txt li:nth-child(2n+1){
    margin-right: 40px;
}
.technology ul.txt li:last-child{
    width: 100%;
}
.technology ul.txt li:last-child p{
    float: left;
    width: 560px;
    margin-right: 40px;
}
.technology ul.txt li:last-child p:last-child{
    float: right;
    margin-right: 0;
}
.technology span, .proAdv span{
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 10px 0;
}
.technology span em, .technology p em{
    font-style: normal;
    color: #ff0000;
}
.technology  ul.txt p, .proAdv  ul.txt p{
    line-height: 25px;
    margin-bottom: 10px;
    color: #666;
    padding-left: 20px;
    background: url(ysico02.png) no-repeat left 5px;
    box-shadow: 0 0 black;
}
.technology ul.number{
    width: 100%;
    margin-top: 50px;
}
.technology ul.number li{
    width: 240px;
    float: left;
    text-align: center;
}
.technology ul.number li b{
    font-size: 60px;
    font-weight: normal;
    color: #00a2ea;
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
.technology ul.number li i{
    display: block;
    width: 35px;
    height: 2px;
    background-color: #eaeaea;
    margin: 0 auto;
    margin-bottom: 15px;
}

/* 企业团队展示 */
.team ul{
    width: 100%;
}
.team ul li{
    position: relative;
    float: left;
    width: 386px;
    margin-right: 21px;
}
.team ul li:last-child{
    margin-right: 0;
}
.team ul li img{
    width: 386px;
    height: 290px;
}
.team ul li p{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(255,255,255,.7);
    color: #000;
    font-weight: bold;
}

/* 影响 */
.pro {
    overflow: hidden;
    width: 100%;
    height: 1000px;
    background: url(beijing1.jpg)  no-repeat center;
}
.pro .probox {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-top: 10px;
}
.pro .probox .pro01{
    width: 1200px;
    height: 420px;
    background: url(ys_01.png)  no-repeat center;
}
.pro .probox .pro01 .nin1{
    float: right;
    padding:80px 40px 25px 0;
    font-size: 46px;
    font-weight: bold;
    color: #007bc9;
    border-bottom: 1px #c8c8c8 solid;
}
.pro .probox .pro01 .nin1 span{
    color: #ff8400;
}
.pro .probox .pro01 .nin2{
    float: right;
    padding:20px 62px 25px 0;
    font-size: 25px;
    color: #333;
}
.pro .probox .pro01 .nin2 span{
    color: #ff8400;
}
.pro .probox .pro01 .nin3{
    float: left;
    display: block;
    padding:123px 0 50px 0;
    font-size: 20px;
    color: #333;
}
.pro .probox .pro01 .nin3 li{
    list-style: none;
    position: absolute;
}
.pro .nin3 li.wenti01{
    padding-left: 145px;
}
.pro .nin3 li.wenti02{
    padding-left: 368px;
}
.pro .nin3 li.wenti03{
    padding-left: 588px;
}
.pro .nin3 li.wenti04{
    padding-left: 810px;
}
.pro .nin3 li.wenti05{
    padding-left: 1026px;
}
.pro .probox .pro02{
    float: left;
    width: 560px;
    height: 570px;
    padding-right: 80px;
}
.pro .probox .pro02 .te01{
    padding-top: 20px;
}
.pro .probox .pro02 .prpic{
    float: left;
}
.pro .probox .pro02 .se01{
    font-size: 24px;
    font-weight: bold;
    color: #333;
    float: left;
    border-bottom: 1px #c8c8c8 solid;
    margin-left: 20px;
    padding-bottom: 10px;
}
.pro .probox .pro02 .se01 span,.pro .probox .pro02  p span{
    color: #ff8400;
}
.pro .probox .pro02 .se02{
    font-size: 16px;
    color: #666;
    margin-left: 105px;
    padding-top: 50px;
}
.pro .probox .pro02 .primg{
    margin-top: 50px;
}
.pro .probox .pro02 .primg img{
    margin-right: 20px;
}
.pro .probox .pro02 .primg img:last-child{
    margin-right: 0;
}
.pro .probox .pro02  p{
    background: url(pro03.png)  no-repeat left 12px;
    padding: 10px 0px 0px 30px;
    line-height: 26px;
    font-size: 14px;
}
.pro .probox .pro03{
    float: left;
    width: 560px;
    height: 570px;
}
.pro .probox .pro03 .te01{
    padding-top: 20px;
}
.pro .probox .pro03 .prpic{
    float: left;
}
.pro .probox .pro03 .se01{
    font-size: 24px;
    font-weight: bold;
    color: #333;
    float: left;
    border-bottom: 1px #c8c8c8 solid;
    margin-left: 20px;
    padding-bottom: 10px;
}
.pro .probox .pro03 .se01 span,.pro .probox .pro03  p span{
    color: #ff8400;
}
.pro .probox .pro03 .se02{
    font-size: 16px;
    color: #666;
    margin-left: 105px;
    padding-top: 50px;
}
.pro .probox .pro03 .primg{
    margin-top: 50px;
}
.pro .probox .pro03 .primg img{
    margin-right: 20px;
}
.pro .probox .pro03 .primg img:last-child{
    margin-right: 0;
}
.pro .probox .pro03  p{
    background: url(pro03.png)  no-repeat left 12px;
    padding: 10px 0px 0px 30px;
    line-height: 26px;
    font-size: 14px;
}

/* 优势 */
.youshi {
    overflow: hidden;
    width: 100%;
}
.youshi .youshi_h {
    overflow: hidden;
    width: 100%;
    height: 252px;
    background: url(beijing2.jpg) no-repeat center top;
}
.youshi .youshi_h .ystitle{
    height: 47px;
    background: url(ys_06.png) no-repeat left 32px;
        padding-top: 58px;
    padding-left: 380px;
    font-size: 35px;
    color: #fff;
    font-weight: bold;
}
.youshi .youshi_h .ystitle2{
    float: left;
    font-size: 45px;
    font-weight: bold;
    color: #333;
    margin-top: 5px;
    margin-left: 20px;
    text-transform: uppercase;
}
.youshi .youshi_h .ystitle2 font{
    color: #007bc9;
}
.youshi .youshi_h .ystitle2 span{
    color: #FF8400;
    font-size: 70px;
}
.youshi .youshi_h .ystitle2 p{
    color: #838383;
    font-weight: 300;
    font-size: 16px;
    line-height: 23px;
}
.youshi .youshi_h .ysdianhua{
    float: right;
    width: 300px;
    padding-left: 80px;
    height: 80px;
    background: url(ys_07.png) no-repeat left top;
    font-size: 18px;
    color: #333;
}
.youshi .youshi_h .ysdianhua font{
    color: #007BC9;
}
.youshi .youshi_h .ysdianhua span{
    color: #ff8400;
    font-size: 35px;
}
.youshi .youshi_con {
    overflow: hidden;
    width: 100%;
    /* height: 1517px; */
    height: 1920px;
    background: url(beijing3.jpg) no-repeat center top;
}
.youshi .youshi_con .wen01{
    overflow: hidden;
    width: 100%;
    height: 480px;
    background: url(wen01.png) no-repeat center top;
    position: relative;
}
.youshi .youshi_con .wen01 .indexshipin{
    position: absolute;
    right: 56px;
    top: 120px;
}
.youshi .youshi_con .wen01 .indexshipin #a1{
    width: 467px;
    height: 305px;
}
.youshi .youshi_con .wen02{
    overflow: hidden;
    width: 100%;
    height: 470px;
    background: url(wen02.png) no-repeat center top;
}
.youshi .youshi_con .wen03{
    overflow: hidden;
    width: 100%;
    /* height: 566px; */
    height: 426px;
    background: url(wen03.png) no-repeat center top;
}
.youshi .youshi_con .wen04{
    overflow: hidden;
    width: 100%;
    height: 566px;
    background: url(wen04.png) no-repeat center top;
}
.wen01 .wen{
    padding-top: 100px;
    padding-left: 70px;
}
.wen01 .wen h4{
    font-size: 32px;
    color: #fff;
    /* float: left; */
    display: block;
    margin-right: 10px;
}
.wen01 .wen  span{
    font-size: 14px;
    color: #acc3e1;
    margin-top: 22px;
    display: block;
}
.wen01 .wen  p{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 20px;
    display: block;
    width: 475px;
}
.youshi p .huangse{
    color: #ffe400;
    font-weight: bold;
}
.wen01 .wen  p#title{
    margin-top: 240px;
    margin-left: 60px;
    float: left;
    width: auto;
}
.wen01 .wen  p#title1{
    float: left;
    width: auto;
    margin-top: 240px;
    margin-left: 150px;
}
.wen2{
    padding-top: 88px;
    padding-left: 705px;
}
.wen02 .wen2 h4{
    font-size: 32px;
    color: #fff;
    /* float: left; */
    display: block;
    margin-right: 10px;
}
.wen02 .wen2  span{
    font-size: 14px;
    color: #acc3e1;
    margin-top: 22px;
    display: block;
}
.wen02 .wen2  p{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 20px;
    display: block;
    width: 475px;
}
.wen3{
    padding-top: 83px;
    padding-left: 70px;
    float: left;
}
.wen03 .wen3 h4{
    font-size: 32px;
    color: #fff;
    float: left;
    display: block;
    margin-right: 10px;
}
.wen03 .wen3  span{
    font-size: 14px;
    color: #acc3e1;
    /* margin-top: 22px; */
    display: block;
}
/* .wen03 .wen3  p{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 20px;
    display: block;
    width: 475px;
} */

/* 服务流程 开始 */
.liucheng{
    width: 100%;
    height: 360px;
    margin-top: -50px;
}
.liucheng .container{
    background: url(liucheng.png) no-repeat -18px bottom;
}
.liucheng .lctxt{
    float: left;
    position: relative;
    top: 100px;
}
.liucheng .lctxt img{
    -webkit-transition: .1s ease-out;
    -moz-transition: .1s ease-out;
    -ms-transition: .1s ease-out;
    -o-transition: .1s ease-out;
    transition: .1s ease-out;
    animation: dong 1.5s infinite;
}
@keyframes dong{
    0%{opacity:1;transform:scale(0.9)}
    45% {opacity:1;transform:scale(1)}
    100% {opacity:1;transform:scale(0.9)}
}
.liucheng .lctxt span{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    top: 42px;
    position: absolute;
    left: 50px;
}
.liucheng ul{
    width: 1020px;
    float: right;
}
.liucheng li{
    float: left;
    text-align: center;
    margin: 17px 56px;
    cursor: pointer;
}
.liucheng li p{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.liucheng li i{
    background: url(liucheng_ico.png) no-repeat;
    width: 80px;
    height: 80px;
    display: block;
    margin: 20px 0;
}
.liucheng li #lico02{background-position: -80px 0;}
.liucheng li #lico03{background-position: -160px 0;}
.liucheng li #lico04{background-position: -240px 0;}
.liucheng li #lico05{background-position: -320px 0;}
.liucheng li #lico06{background-position: 0px -80px;}
.liucheng li #lico07{background-position: -80px -80px;}
.liucheng li #lico08{background-position: -160px -80px;}
.liucheng li #lico09{background-position: -240px -80px;}
.liucheng li #lico10{background-position: -320px -80px;}
.liucheng li i {
    content: "";
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.liucheng li:hover, .liucheng li:focus,.liucheng li:active {
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-name: hvr-icon-bob-float, hvr-icon-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
/* 服务流程 结束 */

.wen4{
    padding-top: 83px;
    padding-left: 705px;
}
.wen04 .wen4 h4{
    font-size: 32px;
    color: #fff;
    /* float: left; */
    display: block;
    margin-right: 10px;
}
.wen04 .wen4  span{
    font-size: 14px;
    color: #acc3e1;
    margin-top: 22px;
    display: block;
}
.wen04 .wen4  p{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 20px;
    display: block;
    width: 475px;
}
.wen04 .wen4  #dianhua{
    margin-top: 120px;
    font-size: 18px;
    color: #fff;
}
.wen04 .wen4  #dianhua span{
    font-size: 32px;
    color: #fff;
    margin-top: 5px;
}

/* 安装案例 */
.case ul{
    width: 100%;
}
.case ul li{
    float: left;
    width: 285px;
    margin: 0 20px 15px 0;
}
.case ul li img{
    width: 285px;
    height: 214px;
}
.case ul li p{
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.case ul li:nth-child(4n+4){
    margin-right: 0;
}

/* 产品对比 */
.compared ul{
    width: 100%;
}
.compared ul > div{
    float: left;
    position: relative;
    width: 590px;
    margin: 0 20px 30px 0;
}
.compared ul > div:nth-child(2n+2){
    margin-right: 0;
}
.compared ul > div li{
    float: left;
    width: 285px;
    margin-right: 20px;
}
.compared ul > div li:nth-child(2){
    margin-right: 0;
}
.compared ul > div li img{
    display: block;
    width: 285px;
    height: 214px;
}
.compared ul > div li p{
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
}
.compared ul > div li:first-child p{
    background: #0168b7;
}
.compared ul > div li:nth-child(2) p{
    background: #666;
}
.compared ul > div div.icon{
    position: absolute;
    top: 77px;
    left: 245px;
    width: 100px;
    height: 100px;
    background-image: url("vs.png");
    background-repeat: no-repeat;
    background-size: 100px 100px;
}
.compared ul > div div.icon span{
    position: absolute;
    left: 30px;
    top: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.compared ul > div.last div.icon span{
    left: 20px;
}

/* 维护与保养 */
.service{
    margin-bottom: 50px;
}
.service p{
    color: #000;
    text-indent: 2em;
    line-height: 30px;
}

/* 工作原理及应用 */
.yuanli{
    margin-bottom: 50px;
}
.yuanli .left{
    float: left;
    width: 650px;
}
.yuanli .left p{
    text-indent: 2em;
    line-height: 36px;
}
.yuanli .left p em{
    font-style: normal;
    font-weight: bold;
    color: #00a2ea;
}
.yuanli .right{
    float: right;
    width: 500px;
    height: 329px;
}

/* 解决问题 */


/* 使用效果对比 */
table {
    width: 1200px;
    border-collapse: collapse;
    font-size: 16px;
    margin: 30px 0;
    border: 0;
    border-color: #00a2ea;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    color: #000;
}
table td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    line-height: 25px;
    font-size: 14px;
    padding: 10px;
}

/* 六大特点 */
.index_c{position: relative; width: 100%;  overflow:hidden;}
.index_c .container {position: relative; width:1200px; margin:85px auto 85px;}
.index_c .title{ text-align:center;}
.index_c .title h2{ font-size:36px;}
.index_c .title h2 span{ color:#117dc2; position:relative;}
.index_c .title p{ font-size:20px; color:#666;  height:40px; line-height:40px; overflow:hidden; margin-top:10px;}
.index_c .title div{ display:inline-block; width:70px; height:6px; background:#117dc2;}
.index_c .box1{margin-top:30px;}
.index_c .box1 .left_img{ width:550px; height:450px; float:left; margin-right:20px;}
.index_c .box1 ul {float:left;}
.index_c .box1 ul li{ margin-bottom:10px; overflow:hidden;}
.index_c .box1 ul li img{ width:94px; height:80px; float:left;}
.index_c .box1 ul li p{display:inline-block; float:left; width:530px; height:80px; line-height:80px; font-size:18px; color:#666; overflow:hidden; background:#f5f5f5; text-indent:15px;}
.index_c .box1 ul li p span{color:#333;}
.index_c .box2{ position: relative;width: 1200px;height: 400px;background: url("why2.jpg") no-repeat;margin-top: 60px; }
.index_c .box2 .tleft div, .index_c .box2 .tright div{ position: absolute; }
/* 左侧 */
.index_c .box2 .tleft div:nth-child(1){ left: 15px; top: 29px; }
.index_c .box2 .tleft div:nth-child(2){ left: 0; top: 70px; }
.index_c .box2 .tleft div:nth-child(3){ left: 15px; top: 153px; }
.index_c .box2 .tleft div:nth-child(4){ left: 0;top: 195px; }
.index_c .box2 .tleft div:nth-child(5){ left: 15px; top: 276px; }
.index_c .box2 .tleft div:nth-child(6){ left: 0;top: 320px; }
/* 右侧 */
.index_c .box2 .tright div:nth-child(1){ right: 185px; top: 29px; }
.index_c .box2 .tright div:nth-child(2){ right: 5px; top: 70px; }
.index_c .box2 .tright div:nth-child(3){ right: 185px; top: 153px; }
.index_c .box2 .tright div:nth-child(4){ right: 1px;top: 195px; }
.index_c .box2 .tright div:nth-child(5){ right: 200px; top: 276px; }
.index_c .box2 .tright div:nth-child(6){ right: -5px;top: 320px; }
.index_c .box2 .bt{ font-weight: bold;color: #fff; }
.index_c .box2 .txt{ text-align: left;color: #666;font-size: 15px;line-height: 25px; }

/* 创新标准 */
.tpd .content{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.tpd .content div{
    width: 950px;
    margin: 140px 0 0 233px;
}
.tpd .content div h4{
    font-size: 26px;
    color: #007bc9;
}
.tpd .content div h4 span{
    font-weight: normal;
    font-size: 16px;
    margin-right: 15px;
    color: #666;
}
.tpd .content div h4 span:first-child{
    margin-left: 20px;
}
.tpd .content div ul{
    width: 100%;
    margin-top: 20px;
}
.tpd .content div ul li{
    float: left;
    width: 460px;
    margin: 0 30px 30px 0;
}
.tpd .content div ul li:nth-child(2n+2){
    margin-right: 0;
}
.tpd .content div ul li span{
    display: block;
    font-weight: bold;
    color: #ff8400;
    margin-bottom: 10px;
}
.tpd .con1{
    height: 550px;
    background: url("cx1.png") no-repeat;
}
.tpd .con2{
    height: 580px;
    background: url("cx2.png") no-repeat;
}
.tpd .con3{
    height: 485px;
    background: url("cx3.png") no-repeat;
}

/* 产品标准 */
.tedian .content ul li {
    display: block;
    float: left;
    width: 550px;
    padding: 15px;
    height: 150px;
    background: #cfecff;
    margin: 0 40px 40px 0;
}
.tedian .content ul li:nth-child(2n+2){
    margin-right: 0;
}
.tedian .content ul li .pic {
    width: 182px;
    height: 150px;
    float: left;
    margin-right: 24px;
}
.tedian .content ul li .pic img {
    width: 182px;
    height: 150px;
    display: block;
}
.tedian .content ul li .wen {
    width: 330px;
    float: left;
}
.tedian .content ul li .wen .title {
    font-size: 16px;
    color: #333;
    line-height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}
.tedian .content ul li .wen .note {
    font-size: 14px;
    color: #333;
    line-height: 25px;
}
