@charset "utf-8";
/*banner*/
.banner{ width:100%;height:557px;overflow:hidden;margin:0 auto;position:relative;max-width:1920px}
.banner .bd{ position:relative;z-index:0;}
.banner .bd ul{width: 100% !important;}
.banner .bd li{width: 100% !important; height:557px;overflow:hidden;}
.banner .bd li a{width: 100% !important; height:557px;overflow:hidden;display:inline-block;}
.banner .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:13px;height:13px;margin:0 7px;border:1px solid #3284c0;border-radius: 50%;overflow:hidden;vertical-align:top;line-height:9999px;}
.banner .hd ul .on{background: #3284c0;}
.banner .timer{position:absolute;z-index:1;left:0;bottom:0;height:3px;width:0;background:#0065b1;font-size:0;overflow:hidden;}
/*product*/
.product{height: auto;overflow: hidden;margin-top: 47px;}
.product a{width: 240px;height: 78px;padding: 20px 0;display: block;float: left;background: #2889d3;text-align: center;color: #fff;position: relative;}
.product a .icon{width: 90px;height: 50px;background: url(../images/product-icon.png) 0 0 no-repeat;display: block;margin: 0 auto 10px;}
.product a .icon2{background-position: 0 -50px;}
.product a .icon3{background-position: 0 -100px;}
.product a .icon4{background-position: 0 -150px;}
.product a .icon5{background-position: 0 -200px;}
.product a:hover{background: #0065b1;}
.product a:before{content: "";width: 1px;height: 59px;background: #53a1dc;position: absolute;top:30px;right: 0;transition: all .3s linear;}
.product a:hover:before{opacity: 0;filter:alpha(opacity=0);}
/*bs*/
.bs{height: auto;overflow: hidden;margin-top: 55px;}
.bs .title{height: auto;overflow: hidden;position: relative;z-index: 0;}
.bs .title h2{font-size: 22px;color: #000;position: relative;z-index: 1;background: #fff;display: inline-block;*display:inline;padding-right: 20px;}
.bs .title span{width: 490px;height: 1px;background: url(../images/line-right1.png) left no-repeat;position: absolute;z-index: 0;right: 0;top:15px}
.bs .beltline{width: 583px;height: auto;overflow: hidden;float: left;}
.bs .beltline .slide{height: auto;overflow: hidden;background: #f7f7f7;margin-top: 19px;}
.bs .beltline .slide .hd{ width:240px; height: auto;float: left;}
.bs .beltline .slide .hd ul li{width: 100%;height: 60px;line-height: 60px;color: #fff;font-weight: bold;text-align: center;background: #2488cf;float:left;cursor:pointer;margin-top: 1px;margin-left: 1px;position: relative;transition: all .3s linear;}
.bs .beltline .slide .hd ul li span{width: 9px;height: 18px;background: url(../images/beltline-li-on.jpg) center no-repeat;position: absolute;right: -9px;top: 20px;opacity: 0;filter:alpha(opacity=0);transition: all .3s linear;}
.bs .beltline .slide .hd ul li.on{background: #0065b1;}
.bs .beltline .slide .hd ul li.on span{opacity: 1;filter:alpha(opacity=100);}
.bs .beltline .slide .bd{width: 342px;height: auto;overflow: hidden;float: right;}
.bs .beltline .slide .bd div{height: 253px;padding:26px 22px;}
.bs .beltline .slide .bd div h2{font-size: 15px;color: #333;margin: 13px 0 6px;}
.bs .beltline .slide .bd div p{font-size: 12px;color: #999;line-height: 24px;height: 48px;overflow: hidden;}
.bs .solution{width: 580px;height: auto;overflow: hidden;float: right;}
.bs .solution .slide{height: auto;margin-top: 19px;position: relative;}
.bs .solution .slide .hd{position: absolute;right: 0;top:-44px;background: #fff;padding-left: 15px;}
.bs .solution .slide .hd a{font-size: 22px;color: #b1b1b1;}
.bs .solution .slide .hd a:hover{color: #0065b1;}
.bs .solution .slide .bd ul{width: 600px;height: 305px;overflow: hidden;}
.bs .solution .slide .bd ul li{width: 180px;overflow: hidden;float: left;margin-right: 20px;margin-bottom: 26px;}
.bs .solution .slide .bd ul li img{width: 180px;height:108px;display: block;transition: all .3s linear;overflow:hidden;}
.bs .solution .slide .bd ul li p{color: #4c5155;margin-top: 7px;}
.bs .solution .slide .bd ul li:hover p{color: #0065b1;}
.bs .solution .slide .bd ul li:hover img{transform: scale(1.05);}
/*case*/
.case{height: auto;overflow: hidden;padding: 50px 0;margin-top: 65px;background: url(../images/case-bg.jpg) center no-repeat;background-size: cover;}
.case .title{height: auto;overflow: hidden;text-align: center;position: relative;}
.case .title h2{font-size: 22px;color: #000;}
.case .title span{width: 430px;height: 1px;background: url(../images/line-right.png) left no-repeat;display: block;position: absolute;right: 60px;top:15px}
.case .title span:first-child{width: 430px;height: 1px;background: url(../images/line-left.png) right no-repeat;right: auto;left: 60px;}
.case .slide{height: auto;margin-top: 19px;position: relative;}
.case .slide .hd{width: 100%;position: absolute;top:-46px;text-align: center;}
.case .slide .hd a{font-size: 26px;color: #b1b1b1;display: inline-block;margin: 0 70px;}
.case .slide .hd a:hover{color: #0065b1;}
.case .slide .bd ul{width: 1300px;height: auto;overflow: hidden;}
.case .slide .bd ul li{width: 290px;height: 153px;float: left;overflow: hidden;margin: 10px 10px 0 0;position: relative;z-index: 0;}
.case .slide .bd ul li img{width:100%;display: block;transition: all .3s linear;}
.case .slide .bd ul li p{width: 100%;height: 40px;line-height: 40px;text-indent: 20px;font-size: 16px;color: #fff;position: absolute;left: 0;bottom:0;background: url(../images/cover-bg.png) repeat;}
.case .slide .bd ul li:first-child{width: 600px;height: 316px;} 
.case .slide .bd ul li:first-child p{height: 50px;line-height: 50px;}
.case .slide .bd ul li:hover img{transform: scale(1.05);}
/*about*/
.about{height: auto;overflow: hidden;padding: 60px 0;}
.about .left{width: 580px;height: auto;overflow: hidden;float: left;}
.about .left h2{font-size: 22px;color: #333;margin-bottom: 20px;}
.about .left p{font-size: 13px;color: #7d7d7d;line-height: 24px;}
.about .left a{font-size: 14px;color: #fff;background: #0065b1;text-align: center;padding: 7px 30px;display: inline-block;margin-top: 40px;position: relative;}
.about .left a i{font-size: 14px;margin-left: 5px;}
.about .left a span{position: relative;z-index: 1;}
.about .left a:before{content: "";width: 0;height: 100%;background: #025695;position: absolute;left: 0;top:0;transition: all .2s linear;}
.about .left a:hover:before{width: 100%;}
.about .right{width: 577px;height: 287px;overflow: hidden;background: url(../images/about-right-bg.jpg) center no-repeat;float: right;position: relative;}
.about .right .video{width: 537px;height: 240px;overflow: hidden;position: absolute;left: 0;top:5px;cursor: pointer;}
.about .right .video img{width: 100%;display: block;transition: all .3s linear;}
.about .right .video .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;transition: all .3s linear;}
.about .right .video .cover i{background: url(../images/bf.png) center no-repeat;display: block;margin-top: 90px;width:64px;height:64px;position:absolute;left:45%;}
.about .right .video:hover .cover{opacity: 0;filter:alpha(opacity=0);}
.about .right .video:hover img{transform: scale(1.05);}
/*data*/
.data{height: auto;overflow: hidden;background: #0065b1;padding: 30px 0;}
.data ul{height: auto;overflow: hidden;}
.data ul li{width: 20%;float: left;text-align: center;color: #fff;}
.data ul li {font-family: impact;font-size: 36px;margin-bottom: 10px;}
.data ul li  b{font-weight: normal;}
.data ul li  i{font-size: 38px;color: #5698c9;}
.data ul li p{font-size: 13px;}
/*news*/
.news{height: auto;overflow: hidden;padding: 55px 0;}
.news .title{height: auto;overflow: hidden;text-align: center;position: relative;margin-bottom: 35px;}
.news .title h2{font-size: 22px;color: #000;}
.news .title span{width: 430px;height: 1px;background: url(../images/line-right.png) left no-repeat;display: block;position: absolute;right: 100px;top:15px}
.news .title span:first-child{width: 430px;height: 1px;background: url(../images/line-left.png) right no-repeat;right: auto;left: 100px;}
.news .left{width: 785px;height: auto;overflow: hidden;float: left;}
.news .left ul{width: 900px;height: auto;overflow: hidden;}
.news .left ul li{width: 364px;height: auto;overflow: hidden;float: left;margin-right: 57px;}
.news .left ul li .img-box{width: 364px;height: 218px;overflow: hidden;}
.news .left ul li .img-box img{width: 364px;overflow: hidden;display: block;transition: all .3s linear;}
.news .left ul li .text-box{height: auto;overflow: hidden;}
.news .left ul li .text-box h2{font-size: 15px;color: #333;margin: 15px 0 10px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .3s linear;}
.news .left ul li .text-box p{font-size: 12px;color: #a9a9a9;}
.news .right{width: 370px;height: auto;overflow: hidden;float: right;}
.news .right ul{height: auto;overflow: hidden;}
.news .right ul li{height: auto;overflow: hidden;border-top: 1px solid #ececec;margin-bottom: 15px;padding-top: 15px;}
.news .right ul li:first-child{border: 0;padding: 0;}
.news .right ul li.last{margin-bottom:0}
.news .right ul li h2{font-size: 15px;color: #333;height:20px;overflow: hidden;transition: all .3s linear;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .right ul li p{font-size: 13px;color: #666;margin: 8px 0 6px;line-height:22px}
.news .right ul li p.date{font-size: 12px;color: #999;margin: 0;}
.news .right ul li p.date span{margin-left: 20px;}
.news .right ul li p.date i{vertical-align: -1px;margin-right: 3px;}
.news .left ul li:hover h2,.news .right ul li:hover h2{color: #0065b1;}
.news .left ul li:hover img{transform: scale(1.05);}