﻿
.info-content{font-size:15px;line-height:2.5;padding:20px 0}
.info-content img{max-width:100%}
.text-gray{color:rgb(165,165,165)}
a{color:#333;text-decoration:none}
@media(max-width:728px){.padding-xs-left-0{padding-left:0px}
}.banner{height:500px\9!important;overflow:hidden\9!important}
.text-red{color:#f00}
.text-overflow{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mask-bg{position:fixed;width:100%;height:100%;display:none;background-color:rgba(0,0,0,.7);overflow:hidden;z-index:997;top:0;left:0}
.mask-bg.active{display:block}
@media (min-width:1000px){.header .nav-toggle{display:none}
.nav{height:80px;padding-top:10px}
.nav>ul>li{float:left;text-align:center;width:120px}
.nav>ul>li>ul{position:absolute}
.nav>ul>li>a{display:block;text-align:center;color:#999;font-size:16px;position:relative;line-height:30px;height:70px;padding-bottom:10px}
.nav>ul>li>a>p{font-size:13px}
.nav >ul>li.active >a{color:rgb(13,106,189)}
.nav >ul>li> a:hover{top:-6px;color:rgb(13,106,189)}
.nav li:hover> ul{display:block}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:15px;line-height:50px}
.nav ul li ul li a:hover{text-decoration:none;color:#fff;background:#0B5291}
.nav ul li{position:relative}
.nav ul li .arrow{display:none}
.nav ul li ul{background-color:#0e6abd;display:none;position:absolute;left:-18%;z-index:200;width:150px}
.nav ul li ul li ul{left:100%;top:0px;display:none}
}@media (max-width:1000px){.header .logo img{height:50px}
.header .nav-toggle{position:absolute;right:0px;top:0px;font-size:25px;color:#999;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1}
.header .nav-toggle.active{color:#ccc}
.nav{position:fixed;z-index:999;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition:all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:260px;max-width:60%}
.nav ul li{line-height:45px;text-align:left}
.nav ul li ul{display:none}
.nav ul li ul.active{display:block}
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom:1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px}
.nav ul li ul li ul li a{padding-left:90px}
.nav ul li ul li ul li li a{padding-left:120px}
.nav ul li{position:relative}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px;text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}
.nav ul li .arrow.active{transform:rotate(90deg)}
.nav>ul>li>a>p{display:none}
}.index-about .link{background-color:rgb(13,106,189);width:130px;height:40px;line-height:40px;color:#fff;display:inline-block}
.page-newslist-1 .mask-1{position:absolute;top:0;left:0;background:rgba(255,255,255,0.5);width:100%;height:100%;display:none}
.page-newslist-1:hover .mask-1{display:block}
.page-newslist-1:hover .img-box{transition:0.2s all linear;transform:scale(0.96,0.96)}
.page-newslist li:hover .mask-1{display:none}
.page-newslist-1 li:hover .img-box{transform:scale(1,1)}
.newslist{padding:10px 0}
.newslist li{position:relative;border-bottom:1px dashed #ccc}
.newslist li.tw{padding-bottom:12px;border-bottom:1px solid #ccc}
.newslist li .date{position:absolute;right:10px;top:15px}
.newslist li .tit{display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:100px;line-height:3.6}
.newslist li.tw .tit{padding-right:0}
.newslist li .tit:hover{color:rgb(165,165,165)}
.page-caseslist .prodbox{overflow:hidden}
.page-caseslist .mask{position:absolute;background:rgba(0,0,0,.7);top:-100%;left:0;width:100%;height:100%;line-height:100%}
.page-caseslist .mask p{position:absolute;width:100%;line-height:1;height:30px;top:50%;left:0;margin-top:-15px;color:#fff;font-size:18px}
.page-caseslist .prodbox:hover .mask{top:0;transition:0.4s all linear}
.page-newslist .date{color:#999999;border-bottom:1px solid #eee;margin-top:5px;margin-bottom:16px;font-size:20px;font-weight:400;line-height:2}
.page-newslist .title{font-size:18px;margin-bottom:10px;font-weight:500}
.page-newslist .intro{height:64px;line-height:32px;color:#333;margin-bottom:10px}
.page-newslist .zoom-icon{display:none;background:rgba(0,0,0,.6);width:32px;height:32px;line-height:28px;position:absolute;left:50%;top:50%;margin-left:-16px;margin-top:-16px}
.page-newslist li:hover .mask{transition:0.5s all;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.page-newslist li:hover .zoom-icon{transition:0.5s all;display:block}
.blue-box{background:#0e6abd}
.blue-box .left-box{width:62%}
.blue-box .right-box{width:38%;padding-left:30px}
.blue-box p{color:#fff}
.page-feedback,.case-bg{background:url("../images/feedbg.jpg") no-repeat center center;background-size:cover}
@media(max-width:1000px){.blue-box .left-box{width:100%}
.blue-box .right-box{width:100%}
}.page-contact .tit1{color:#333;font-size:18px;line-height:1.333;font-weight:bold}
.page-contact .tit2{font-weight:normal;color:#999;padding:10px 0 20px 0;font-size:14px}
.page-contact ul li{color:#333;line-height:2}
@media(max-width:980px){.page-contact ul li{text-align:center}
}.ui-validForm{padding-top:30px;padding-bottom:20px}
.feedback-box{width:80%;margin:0 auto}
.form-group::before,.form-group::after{content:"";display:table}
.form-group::after{clear:both}
.form-group{position:relative;padding:10px 0px}
.form-group .control-label{position:absolute;left:0px;top:10px}
.form-group .controls{padding-left:120px}
.form-group .form-control{border:1px solid #eeeeee;height:32px;line-height:32px;width:100%;padding:2px 5px;font-size:14px;color:#666;transition:all .5s ease-in-out}
.form-group .form-control:focus{border-color:#ccc}
.form-group textarea.form-control{height:100px}
.form-group .help-block{display:block}
.btn{border:1px solid #5e5e5e;color:#fff;height:35px;background:#5e5e5e;transition:all .5s ease-in-out}
.btn:hover{background:#999;color:#fff;border-color:#999}
.form-group .controls-verificationCodeImage{position:relative;max-width:400px;_width:400px}
.form-group .lb_verificationCodeImage{position:absolute;display:inline-block;right:1px;top:0px;height:32px;overflow:hidden}
.form-group .lb_verificationCodeImage img{height:30px}
@media(max-width:998px){.feedback-box{width:100%}
}.footerbg{background-color:rgb(40,40,40)}
.footer{display:inline-block;width:100%;color:#ddd;padding:2rem 0}
.footer ul li{line-height:260%}
.footer a,.rights a{color:#ddd}
.footer .ewm{width:120px;height:120px;margin:20px auto}
.rights{color:#ddd;background-color:rgb(0,0,0);text-align:center}
@media(max-width:1000px){.footer ul{padding-left:0}
}