.banner{position:relative;}
.banner img{width:100%;}
#banner-list .owl-next, #banner-list .owl-prev{background:url("../images/icon.png") no-repeat;width:25px;height:38px;position: absolute;top:-22em;}
#banner-list .owl-next{background-position: center -750px;right: 25px;}
#banner-list .owl-prev{background-position: center -700px;left: 25px;}
#banner-list .owl-dot span{background-color:#fff;width: 40px;height: 4px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0;filter:Alpha(Opacity=100);opacity: 1;}
#banner-list .owl-dots .owl-dot.active span{background-color:#fd5b06;}
#banner-list .owl-controls{top: -35px;}
.case-index{}
.case-index-p{color:#999999;font-family:'Calibri',Arial, Helvetica, sans-serif;font-size:16px;margin-bottom: 56px;text-align:center;text-transform:uppercase;}
.case-index-h2{margin-top:65px;font-family:'SwisB',Arial, Helvetica, sans-serif;font-size:35px;color:#3b3b3b;text-transform:uppercase;text-align:center;}
.case-index-list{}
.case-index-list a{text-transform:uppercase;text-align:center;font-size:18px;display:block;width:initial;height:70px;font-size:18px;font-family:'Calibri';
    color:#656565;background-color:#f1f1f1;border-top:5px solid #f1f1f1;line-height:70px;font-weight:bold;}
.case-index-list a:hover,#case-on{border-top:5px solid #fd5b06;}
.case-border{border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;}
#case-container{width:300%;}
#case-container>div{float:left;width:1}
.case-two{}
.case-three{}
.case-indexList>div{overflow:hidden;}
.case-indexList>div:hover img{    -moz-transform: scale(1.15);-webkit-transform: scale(1.15);transform: scale(1.15);}
.case-indexList .col-md-4{margin-bottom:25px;}
.case-indexList h2{display: table-cell;vertical-align: middle;height: 168px;color: #999999;line-height: 25px;border: 1px solid #e5e5e5;
    text-align: center;padding:0 30px;background-color:#ffffff;}
.case-indexList .col-md-4:hover h2{background-color:#006488;color:#fff;}
.key-case{}
.key-case img{width:100%;}
.key-case p{ margin:12px 10px 0px 10px; font-weight:bold; text-align:center;color:#000000;overflow:hidden; height:40px; line-height:20px;}
.key-case .key-casesubt{ padding:5px 10px 15px; height:55px; line-height:20px; text-align:left;color:#999999; font-size:12px;}
.key-case a{display:block;}
.key-case a:hover, .key-case a:hover p, .key-case a:hover .key-casesubt{background-color:#006488;color:#fff;}

.key-caseImg{position:relative;}
.key-case em{display:none;height:60px;position:absolute;background-color: rgba(0,0,0,0.8);-webkit-background-color: rgba(0,0,0,0.8);-moz-background-color: rgba(0,0,0,0.8);
    background-color: rgba(0,0,0,0.8);bottom: 0px;left: 0px;width: 100%;color:#fff;line-height:60px;text-align:center;font-style:normal;font-family:'Calibri';}
.case-page{background-color:#f1f1f1;padding:15px 0;}
.page-index{text-align:center;width:250px;margin:0 auto;height: 50px;}
.page-index span{display:inline-block;width:52px;height:50px;background:url("../images/icon.png") no-repeat center;-webkit-border-radius:5px;-moz-border-radius:5px;
    border-radius:5px;background-color: #fff;cursor:pointer;}
.page-index span:hover{background-color:#006488;}
.page-index span.page-left{background-position: center -278px;}
.page-index span.page-right{background-position: center -580px;}
.page-index span.page-left:hover{background-position: center -378px;}
.page-index span.page-right:hover{background-position: center -480px;}
.page-index span.page-ok{background-position: center -80px;margin-right: 8px;margin-left: 8px;}
.page-index span.page-ok:hover{background-position:center -180px;}
.index-pro-container{margin-top:50px;}
.index-pro{background-color:#f8f8f8;padding: 0;padding-top:30px;}
.index-pro-container .tit{font-size:20px;color:#3b3b3b;font-family:'SwisB';font-weight:bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-pro-container .art-list p{ margin-bottom:0;} 

.index-pro img{margin-top:20px;}
.index-pro h2{font-size:20px;color:#3b3b3b;font-family:'SwisB';font-weight:bold;padding-left:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-pro h3 a{font-family:'Calibri';font-size:16px;color:#656565;padding-left:20px;}
.index-pro span{display:block;padding-left:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-pro span a{color:#999999;font-family:'Calibri';}
.index-proH2{text-transform:uppercase;font-size:35px;color:#3b3b3b;font-family:'Calibri';text-align:center;margin-top:85px;}
.index-pro p{border-bottom:1px dashed #c8c8c8;padding: 7px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-pro p a,.index-pro p em{color:#999999;font-family:'Calibri';}
.index-pro p a{margin-bottom: 12px;}
.index-pro p em{display:block;font-style:normal;}
.paddingLR{padding-left:20px;padding-right:20px;}
.index-pro a.mar10,{margin-bottom:10px;margin-top:0;}
.index-pro-img{height:168px;overflow: hidden;}
.index-pro-img img{width:100%;height:100%;}
.border-head{background:url("../images/border-head.png") no-repeat center;}
.border-head2{background:url("../images/border-head2.png") no-repeat center;}
.border-head3{background:url("../images/new-border.png") no-repeat center;}
.about-us{font-size:18px;text-align:left;font-family:'Calibri';width:50%;margin: 0 auto; float:left; padding:0% 5% 5% 5%;}
.about-us h2{font-size:20px;color:#3b3b3b;font-family:'SwisB';font-weight:bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:50px; line-height:50px;}
.about-us a{color:#444444;}
.about-us a:hover{color:#006488;}
.about-us .contact-sub, .about-us .contact-sub:hover{ color:#ffffff; float:left; margin-top:20px; }
.ab_img{float:left; width:50%; height:auto; overflow:hidden; }
.honor-head{margin-bottom38px;font-family:'Microsoft Yahei', arial, sans-serif;font-weight:bold;text-transform:uppercase;text-align:center;}
.honor-p{color:#999999;font-family:'Calibri';text-align:center;line-height: 23px;}
.fill{margin-top:40px;background:url("../images/border-bg.png") repeat;padding:63px 0;}
.fill-h2{font-family:'SwisB';font-size:30px;color:#3b3b3b;}
.index-input{height:55px;width:100%; border:none;text-indent:15px;line-height:55px;}
.fill-p{font-family:Calibri;font-size:16px;color:#999999;margin-top:42px;}

#video-index{margin:0 auto;width:50%;position:relative;}
.window-index{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;background: rgba(34,34,34,0.5);}
.videoPlay{background:url("../images/videoPlay.png") no-repeat center;position:absolute;top:50%;left:50%;border-radius: 50%;cursor: pointer;margin-left: -42.5px;margin-top: -42.5px;width: 85px;height: 85px;}
.videoPlay:hover{box-shadow: 1px 1px 10px #fff;}

.quik-qq-info {position: fixed;top: 40%;padding: 5px 0 5px 10px;border: 1px solid #ccc;border-right: 0;overflow: auto;background: #fff;
    z-index: 100000;right: -100%;min-width: 120px;padding: 0 10px;}
.quik-qq-info p {height: 21px;margin: 8px 0;line-height: 21px;}
.quik-qq-info p em {padding-left: 15px;font-style: normal;font-size: 12px;color: #999; }



.srv-list li{float:left;width:31%;text-align:center; display:block;position:relative; margin:2em 1% 2em 1%;}
.srv-list li .srv-img{width:22%;height:6em;position:relative;margin:0 auto; float:left;}
.srv-list li .srv-img img{width:100%;}
.srv-list li .srv_con{float:right; width:75%; text-align:left; height:6em; line-height:1.7em;}
.srv-list li .srv_con a{color:#333333;}
.srv-list li .srv_con a:hover{color:#006488;}
.srv-list li h2{font-size:1.5em;font-weight:normal;margin-top:1.75em;}
.srv-list li p{width:90%; color:#888888;line-height:2.1667em;margin:0 auto;}
.srv-list li i{display:block;width:2.5em;height:1px;background-color:#d9d9d9;margin:1.375em auto 0.75em;}
.srv-list li .btn{height:1.5625em;width:100%;background:url(../images/icon/icon-go3.png) no-repeat center center;background-size:1.5625em auto;margin-top:3.125em;}

.srv-list li:hover .rollover{opacity:1;filter:Alpha(opacity=100);}
.srv-list li:hover .btn{background:url(../images/icon/icon-go3-2.png) no-repeat center center;background-size:1.5625em auto;}
.srv-list li:hover h2,
.srv-list li:hover p{color:#0093dd;}
