/* 公共样式部分 */
*{box-sizing: border-box;}
body {font-family:tahoma,arial,sans-serif;margin:0; padding:0; background: #f3f5f8; font-size:12px; color:#000;}
div,form,img,ul,ol,li,dl,dt,dd,p{margin: 0; padding: 0; border: 0; }
ul,ol,li{list-style:none}
table,td,input{font-size:12px}
img{vertical-align:top;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-weight:normal;}

input{outline:none;border:none;box-shadow:none;}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:none;color:#f60;}

.fl{float: left;}
.fr{float: right;}

/* 头部样式start */
.header{background: linear-gradient(to right, #57c4f2, #56c6ce, #54c7a8);}
.top .logo{margin-top:20px;margin-left:60px;}
.top ul{margin-right: 60px;margin-top:20px;margin-bottom: 20px;}
.top ul li{display: inline-block;}
.top ul li a{display: block;height:48px;line-height:48px;padding:0 40px;border-radius: 8px;color:#ffffff;font-size: 18px;cursor: pointer;}
.top ul li a:hover,.top ul li.active a{background-color: rgba(255, 255, 255, 0.8);color: #6cb644;}
/* 头部样式end */
/* 底部样式start */
.foot{background: linear-gradient(to right, #57c4f2, #56c6ce, #54c7a8);padding:46px 9vw;color: #ffffff;overflow: hidden;}
.foot .fl{font-size: 15px;width:45vw;}
.foot .fr{font-size: 18px;}
.foot .fr span{padding-left: 26px;}
/* 底部样式end */

/* index start */
.homeBanner{clear: both;padding-top:101px;padding-bottom: 83px;overflow: hidden;position:relative;}
.homeBanner .fl{width:26%;position:absolute;left:14%;top:50%;transform: translateY(-50%);color: #ffffff;text-align: left;}
.homeBanner .fl h1{font-size: 80px;}
.homeBanner .fl p{font-size: 24px;line-height: 50px;}
.homeBanner .fr{width: 44%;margin-right: 7.7%;}
.homeBanner .fr img{width: 100%;}
.homeFoot{width: 100%;background:url(../images/P1bj.png) no-repeat top center;overflow: hidden;margin-bottom: 60px;}
.homeFoot .text{padding-left:14%;padding-top:143px;margin-bottom:97px;color: #69789a;text-align: left;}
.homeFoot .text h3{font-size: 48px;margin-bottom: 40px;}
.homeFoot .text p{font-size: 22px;color: rgba(105, 120, 154, 0.75);}
.homeFoot img{float: right;margin-right: 7%;width:60%}
/* index end */

/* product start */
.proList{width: 100%;background:url(../images/P2bj@2x.png) no-repeat top center;background-size:100%;overflow: hidden;}
.proList ul{width:82%;padding-top:23vw;margin:0 auto 30px;}
.proList ul li{width:40.2vw;padding:1.25vw;margin-bottom:1.6vw;background:rgba(255,255,255,0.95);}
.proList ul li:nth-child(2n-1){float: left;}
.proList ul li:nth-child(2n){float: right;}
.proList ul li .fl{width:14.5vw;}
.proList ul li .fl img{width:100%}
.proList ul li .fr{width:22.5vw;text-align: left;}
.proList ul li .fr h3{line-height: 58px;font-size: 20px;color: #333333;}
.proList ul li .fr  p{line-height: 26px;font-size: 15px;color: #777777;max-height: 132px;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
/* product end */

/* solution start */
.soluBox{width: 100%;background:url(../images/P3bj@2x.png) #ffffff no-repeat top center;background-size:100%;}
.soluCon{width: 1264px;margin:0 auto;}
.soluCon .soluTop{text-align: center;}
.soluCon .soluTop a{display:inline-block;cursor: pointer;height: 48px;line-height: 48px;padding:0 33px;margin-top:4vw;font-size:22px;background-color: rgba(255, 255, 255, 0.9);border: solid 2px #6cb644;color: #6cb644;}
.soluCon .soluTop p{margin-top:42px;margin-bottom:45px;font-size:48px;color: #ffffff;}
#carousel{position:relative;overflow:hidden;width: 1264px;height: 540px;background:rgba(255,255,255,0.95);box-shadow: 0px 10px 20px 0px rgba(214, 214, 214, 0.5);}
#carousel #carousel_box{position:absolute;top:0;}
#carousel #carousel_box .carousel_bank{width: 1264px;height: 540px;padding:88px 66px;display: inline-block;}
#carousel #carousel_box .carousel_bank .fl h3{margin-top:20px;font-size: 28px;color: #333333;}
#carousel #carousel_box .carousel_bank .fl p{margin-top:42px;font-size: 30px;color: #6cb644;}
#ul_dian{position:absolute;left: 62px;bottom: 80px;}
#ul_dian li{display:inline-block;width: 8px;height: 8px;border-radius: 50%;margin-right: 10px;background-color: #bcbcbc;cursor:pointer;}
#ul_dian li.active{background-color: #54c7a9;}
.soluBtn{text-align: center;padding:150px 0 40px;}
.soluBtn a{display:inline-block;line-height: 48px; padding: 0 30px;font-size:22px;border: solid 2px #6cb644;color: #6cb644;}
.solutionFoot{width: 1264px;margin:84px auto;}
.solutionFoot .bank{padding:42px 86px;background-color: #ffffff;margin-bottom: 30px;}
.solutionFoot .bank img{display: inline-block;vertical-align: middle;}
.solutionFoot .bank span{display: inline-block;vertical-align: middle;width:940px;margin-left:80px;font-size: 20px;color: #333333;}
/* solution end */

/* monitoring start */
.moniBan1{width: 100%;height:700px;background:url(../images/P4bj.png) no-repeat top center;text-align: center;}
.moniBan1 a{display:inline-block;cursor: pointer;line-height: 48px; padding: 0 30px;font-size:22px;border: solid 2px #6cb644;color: #6cb644;margin-top:112px;}
.moniBan1 h2{font-size: 48px;line-height: 144px;color: #69789a;}
.moniBan1 p{font-size:22px;color: rgba(105, 120, 154, 0.75);}
.moniBan2{width: 100%;height:600px;background:url(../images/P4bj2@2x.png) no-repeat top center;text-align: center;}
.moniBan2 h2{line-height:36px;font-size:22px;color: #ffffff;padding: 107px 0 130px;}
.moniBan2 .icoBox{width: 618px;margin: 0 auto;}
.moniBan2 .icoBox .fl{width: 120px;height: 120px;background:url(../images/P4-icon1.png) no-repeat top center;}
.moniBan2 .icoBox .fr{width: 120px;height: 120px;background:url(../images/P4-icon2.png) no-repeat top center;}
.moniBan3{height: 540px;background-color: #f3f5f8;position:relative;}
.moniBan3 .fl{position: absolute;left:50%;margin-left: -532px;top:110px;}
.moniBan3 .fl h2{line-height:110px;font-size:48px;color: #333333;}
.moniBan3 .fl p{font-size: 18px;color: #777777;margin-bottom: 30px;}
.moniBan3 .fl p span{width: 8px;height: 8px;background-color: #d8d8d8;display: inline-block;margin-right: 10px;border-radius:50%;}
.moniBan3 img{position:absolute;left: 50%;margin-left: -57px;margin-left: -211px;top:-30px;}
.moniBan4{height: 682px;padding-top:130px;background:#fafafb;}
.moniBan4 .conBox{width:920px;margin:0 auto;}
.moniBan4 img{float: left;}
.moniBan4 .fr h2{line-height: 150px;font-size: 48px;}
.moniBan4 .fr p{font-size: 18px;color: #777777;margin-bottom: 30px;}
.moniBan4 .fr p span{width: 8px;height: 8px;background-color: #d8d8d8;display: inline-block;margin-right: 10px;border-radius:50%;}
/* monitoring end */