.header{position:fixed;width:100%;z-index:999;background:none;transition:0.5s}
.s-header,.header:hover{background:#090b1a}
.page-header{min-width:1200px;height:450px;position:relative}
.page-header .s{position:absolute;left:0;width:100%;top:50%;margin-top:-20px;z-index:2}
.page-header h1,.page-header a{font-size:32px;line-height:60px;color:#eee;text-align: center;display: block;}
.page-header .line{width:80px;height:2px;background:#0595c7;    margin: 0 auto;}
.page-header p{padding-top: 10px; font-size:16px;color:#ddd;line-height:30px}
.page-title{text-align:center}
.page-title .title{font-size:30px;line-height:30px;color:#333;    display: inline;}
.page-title .tips{font-size:15px;line-height:20px;letter-spacing: 1px;color:#888;padding:30px 0 ;}
.page-title .title-line{height:20px}
.page-service{min-width:1200px;margin: 80px 350px;}
.page-service .s{margin:40px 40px 0;border-right:1px #ddd solid;border-top:1px #ddd solid}
.page-service .data{float:left;width:33.3%;text-align:center}
.page-service .data a{display:block;padding:20px;border-left:1px #ddd solid;border-bottom:1px #ddd solid}
.page-service  img{width:auto;height:45px;padding:15px 0}
.page-service .data .title{font-size:18px;line-height:24px;letter-spacing:1px}
.page-service .data .des{padding:0 15px;height:60px;line-height:20px;font-size:13px;color:#aaa;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;    
}
.page-advantage{min-width:1200px;padding:80px 0;background:#616892;position:relative}
.page-advantage .page-title{position:relative;z-index:2}
.page-advantage .title{color:#eee}
.page-advantage .tips{color:#aaa}
.page-advantage .cover{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5)}
.page-advantage .s{padding:40px 40px 0;position:relative;z-index:2}
.page-advantage .data{float:left;width:33.33%}
.page-advantage dl{padding:25px 25px 25px 75px;position:relative;float: left;width: 24.33%;}
.page-advantage dt{height:32px;font-size:18px;margin-bottom:13px}
.page-advantage dt span{float:left;display:block;position:relative;line-height:22px;padding-bottom:13px;color:#eee}
.page-advantage dt em{position:absolute;height:2px;bottom:0;left:0;width:50%;background:#0595c7;transition:all 0.3s}
.page-advantage dl:hover em{width:100%}
.page-advantage img{position:absolute;top:25px;left:25px;width:36px;height:36px}
.page-advantage .des{font-size:13px;color:#999;height:44px;overflow:hidden;line-height:22px;letter-spacing:1px}
.page-case{min-width:1200px;padding:80px 0}
.page-case .title-do{margin-bottom:40px;text-align:center}
.page-case .title-do li{display:inline-block;zoom:1;height:32px;line-height:32px;margin:0 6px;padding:0 15px;border:1px #ddd solid;cursor:pointer}
.page-case .title-do li.on{border-color:#0595c7;background:#0595c7}
.page-case .title-do span{color:#666}
.page-case .title-do li.on span{color:#fff}
.page-case .n-k-t{display:none}
.page-case .current{display:block}
.page-case .m{width:49%;text-align:right}
.page-case .m img{width:568px;height:377px;vertical-align:middle}
.page-case .info{width:43%;padding-right:2%;padding-top:40px}
.page-case .info h6{height:40px;line-height:40px;font-size:20px;color:#333}
.page-case .info .des{margin:10px 0;font-size:15px;line-height:22px;color:#888}
.page-case .info .tips{margin:10px 0;font-size:14px;line-height:22px;color:#aaa}
.page-case .info a{display:block;margin-top:20px;width:140px;height:36px;line-height:36px;font-size:14px;color:#0595C7;border:1px #0595C7 solid;border-radius:2px;text-align:center}
.page-case .info a span{color:#0595C7}
.page-case .info a em{background:#0595C7}
.page-case .info a:hover span{color:#fff}
.page-contact{min-width:1200px;padding:50px 0;background:#0595c7 url(../images/contact.jpg) no-repeat center}
.page-contact .s{padding:0 40px}
.page-contact .your-ask h6,.page-contact .your-ask h5{font-size:26px;color:#fff;line-height:1;margin-bottom:8px}
.page-contact .your-ask li{float:left;margin-right:20px;height:30px;line-height:30px;font-size:15px;color:#eee}
.page-contact .info-box{padding-top:12px}
.page-contact .info-box input{float:left;padding:0 10px;margin-right:10px;background:#fff;height:40px;line-height:40px;border:1px #eee solid}
.page-contact .info-box .username{width:160px}
.page-contact .info-box .telephone{width:160px}
.page-contact .info-box .content{width:400px}
.page-contact .info-box a{float:left;display:block;width:140px;text-align:center;height:40px;line-height:40px;border:1px #fff solid;transition:all .5s}
.page-contact .info-box a button{background:transparent;cursor:pointer}
.page-contact .info-box a:hover{margin-right:10px;background:#000;color:#0595c7;transition:all .5s;cursor:pointer}
.page-contact .info-box .post{margin-right:10px; color:#fff}
.page-contact .info-box .btn{color:#fff}
.page-contact .info-box .war{line-height:25px;margin-top:60px;font-size:14px;color:#ccc}

.view-qrocde{ width:450px; margin:20px auto ;padding:20px;border:1px #eee solid; border-width:1px 0; }
.view-qrocde img{ width: 100px; height: 100px; margin-right: 15px;vertical-align: middle;float: left;transition: all 2s;}
.view-qrocde h5{ height: 40px; line-height: 45px; font-weight: normal; font-size: 16px;}
.view-qrocde p{height:25px; line-height: 25px; overflow: hidden; font-size: 13px; color: #999;}
.view-qrocde img:hover{transform: scale(1.5, 1.5);transition: all 2s;}