/*网站公共样式*/
.info-content{font-size:15px;line-height:2.5;padding:20px 10px;}
.info-content img{max-width:100%;}
a{color:#333;text-decoration:none;} 
a:hover{color:#0450b7;}
.com-bd{border:1px solid #ddd;}
.bg-gray{background: rgb(248, 248, 248);}
.bd-dashed-white{border-bottom:1px dashed #eee;}
.text-orange{color:rgb(255, 127, 39);}
@media(min-width:1000px) {
    .padding-md-left-0 {
        padding-left:0px;
    }
}

/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:100;top: 0;left: 0;}
.mask-bg.active{display:block;}


.text-overflow{display:block;   /*内联对象需加*/
word-break:keep-all;           /* 不换行 */
white-space:nowrap;          /* 不换行 */
overflow:hidden;               /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; 
    
}
.text-overflow1{padding-left:10px;padding-right:10px;
}

@media (min-width:1000px){   /*pc头部导航样式*/
.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;position:relative;text-align:center;color:#999;font-size:16px;line-height:70px;height:70px;}
.nav>ul>li>a>p{font-size:13px}
.nav >ul>li.active >a{color:#fff;}
.nav ul>li>a::before{content: '';position: absolute;width: 0%;height: 50%;left:0;transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);top: 50%;z-index: -1;border-radius: 0px;opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;background-color: rgb(255, 127, 39);margin-left:50%}
.nav > ul > li.active > a::before {width: 100px; margin-left:10px; border-radius: 20px;opacity: 1;}
.nav li:hover> ul{display:block;padding-top:10px;}
.nav li> ul::before{content:"";display:block;margin:0px auto;text-align: center;position:absolute;top:0px;left: 45%;content: "";width: 0;height: 0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom: 10px solid #fff;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#333;font-size:15px;line-height:50px;background-color:#fff;}
.nav ul li ul li:first-child{border-radius:20px;}
.nav ul li ul li a:hover{text-decoration:none;background:#eee;}
.nav ul li{position:relative}
.nav ul li .arrow{display:none}
.nav ul li ul{display:none;position:absolute;left:-10%;z-index:200;width:150px}
.nav ul li ul li ul{left:100%;top:0px;display:none}

.top-bg{line-height: 40px;}
}
@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}
.display-die{display:none;}
.top-bg{line-height: 30px;}
}

/*子栏目菜单样式*/
 .second-nav {clear: both;position: relative;}
 .second-nav .nav-toggle{text-align:center;cursor:pointer}
 .second-nav .nav-title{line-height:80px;text-align:left;background:#153F8F;padding-left:25px;font-size:22px;color:white;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
 .second-nav .nav-title .nav-toggle{width:50px;line-height:50px;cursor:pointer;color:#fff;text-align:center}
 .second-nav .nav-title .nav-toggle.active{color:#5a342b}

 .second-nav .nav-menu{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;background:#fafafa;}
 .second-nav .nav-menu li .sub-nav-toggle{position:absolute;right:0px;top:0px;text-align:center;width:54px;height:54px;transition:all 0.5s ease-in;line-height:54px;font-weight:100;transition:all 0.5s ease-in;color:#999;cursor:pointer}
 .second-nav .nav-menu li.active > .sub-nav-toggle{transform:rotate(90deg);}
 .second-nav .nav-menu li.active>a{color: #153F8F;transform:translateX(5%);transition:0.3s all ease-in-out;}

 .second-nav .nav-menu li{border:1px solid #ddd;border-top:none; overflow:hidden;}
 .second-nav .nav-menu li a{display:block;padding:15px 0;padding-left:20px; line-height:24px;font-size:14px;color:#666;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";font-size:15px;background:#fff;}

 .second-nav .nav-menu li ul li a{padding-left:50px;}
 .second-nav .nav-menu li ul li ul li a{padding-left:75px}

@media (max-width:998px) /*手机端*/
{
    .second-nav .nav-menu { display: none;}
}
/*底部*/
footer{background:rgb(51, 51, 51);color:#f0f0f0;}
footer a{color:#f2f2f2;}
footer .linkteam{border-bottom:1px solid #ddd;line-height:2.2;}
footer .linkteam a:hover{color:#fff;}
footer .rights{background:rgb(0, 90, 210);}

/*首页>公共title*/
/*首页>广告*/
.bg-blue {
    min-height: 100px;
    background: -webkit-linear-gradient(90deg, #0450b7, #2b84f9); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, #0450b7, #2b84f9); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #0450b7, #2b84f9); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #0450b7, #2b84f9); /* 标准的语法（必须放在最后） */
}
.bg-hui {
    height: 100px;
    background: #333;

}

/*hover下拉效果*/
.hover-down .prodbox{overflow:hidden}
.hover-down .mask{position:absolute;border-bottom:3px solid rgb(255, 127, 39) ;background:#fff; top:-100%;left:0;width:100%;height:100%;}
.hover-down .prodbox:hover .mask{top:0;transition:0.5s all linear}
/*首页>产品列表*/
.index-pro{background:url(../image/gbd.png) repeat center center;}
/*首页>研发*/
.yanfa .bg{background:url(../image/bg1.jpg) no-repeat right top;background-size:cover;}
.yanfa .item{min-height:160px;position:relative;}
.yanfa .item p{font-size:16px;}
.yanfa .item .pic{position:absolute;left:20px;top:50px; width:76px;height:76px;background-size: cover;}
.yanfa .item .img-box{padding-left:120px;width:100%;}
.yanfa-1 .item {min-height:100px;}
.yanfa-1 .item .img-box{padding-left:110px;}
/*首页>选择我们*/
.xuanze .item{min-height:262px;background:#005ad2;border-radius:14px;}
.xuanze .item:hover{background: rgb(255, 127, 44);}
.xuanze .more{background:rgb(255, 127, 39);padding:10px 24px;border-radius:20px;}
.xuanze .more:hover{color:#153F8F;}
.fuwu .item{position:relative;min-height:100px;}
.fuwu .item .pic{position:absolute;left:20px;top:24px; width:76px;height:76px;background-size: cover;}
.fuwu .item .box {padding-left: 110px; }
/*首页>品牌*/
.pinpai{background:rgb(248, 248, 248);}
.pinpai .item{min-height:630px;background:#fff;}
/*搜索*/
.s-banner{min-height:224px;background:url(../image/bgg.png) no-repeat left top;background-size:cover;}
.ss-box{position:relative; margin:60px auto;border-radius:20px;border:1px solid #cfcfcf; background:#fff;width:100%;height:36px;}
.ss-box .s-input{width:100%;outline:none;border:none;line-height:34px;padding-left:10px;background-color:transparent;}
.ss-box .s-btn{position:absolute;right:-10px;top:-1px; background:url(../image/f.png) no-repeat center center;width:38px; height:36px;color: #fff;cursor: pointer;font-weight: bold;line-height: 32px;outline: none;border: none;}
.search{border-bottom:1px solid #ddd;}
.search .ss-box{margin:0px auto;}
.search .font span{margin-right:12px;cursor:pointer;}
.search .font span:hover{color:rgb(255, 127, 39);}
/*首页>品牌广告*/
.ad-box .item{min-height:130px;}
.ad-box .pic{position:absolute;top:30px;left:18px;}
.ad-box .pic img{width:64px;height:60px;}
/*首页>首页新闻*/
.index-news{background: rgb(248, 248, 248);}
.index-news .item{background:#fff;min-height:560px;}
.index-news .img-box{background:#0450b7;}
.index-news .img-box img{display:block;max-width:100%;height:260px; margin:0 auto; position:relative;top:40px;}
.index-news .news{background:#fff;}
/*首页>常见问题轮播*/

        .txtScroll-top .bd { padding: 15px;}

        .txtScroll-top .infoList li {  height: 66px; line-height:30px; }

        .txtScroll-top .infoList li .date { float: right; color: #999;}
        .txtScroll-top  .tit,.txtScroll-top  .intro{position:relative;padding-left:32px;}
        .txtScroll-top  .tit::before{content:"Q";display:block;position:absolute;left:0px;top:3px; width:22px;height:24px;text-align:center;line-height:22px; border-radius:6px;background:#1e88e5;color:#fff;}
        .txtScroll-top  .intro::before{content:"A";display:block;position:absolute;left:0px;top:3px; width:22px;height:24px;text-align:center;line-height:22px; border-radius:6px;background:#1e88e5;color:#fff;}




    /*图片列表*/
    .images-list .row .item {
        margin: 10px 0;
        padding: 10px;
        overflow: hidden;
    }
.images-list .row .item a.pic {background:rgb(255, 127, 39);}
.images-list .row .item a{display: block;overflow: hidden;}
.images-list .row .item img{display:block;width:100%;height:auto;margin:0 auto;}
.images-list .row .item:hover img{transform: translateY(-6%);transition:0.3s all ease-in-out;}
.images-list .row .item span.addicon{display:block; margin: 0px auto;border:1px solid #153F8F;width:20px;height:20px;text-align:center;line-height:16px;border-radius:10px;color:#153F8F;}
.images-list .row .item:hover span.addicon{color:rgb(255, 127, 39);background:#fff;border-color:#fff;transform: translateY(-30%);transition:0.3s all ease-in-out;}
.images-list .row .item .tit{padding:12px 0 0px 0;background:#fff;}
.images-list .row .item:hover .tit{background:rgb(255, 127, 39);}
.images-list .row .item:hover .tit .p1{color:#fff;transform: translateY(-30%);transition:0.3s all ease-in-out;}
    /*产品内容页样式*/
    .product-content .detail .title {
        clear: both;
        text-align: left;
        overflow: hidden;
        background: #ad7669;
        line-height: 40px;
        color: rgb(255,255,255);
        font-weight: 600;
        padding-left: 15px;
        font-size: 16px;
    }
.product-content .product-intro .title {
    font-size: 20px;
    border-bottom: 1px solid #e2e2e2;
    font-weight: normal;
    line-height: 33px;
    margin-bottom: 10px;
    font-weight: bold;
}
.product-content .product-intro .market-price span{
    text-decoration: line-through;
}
.product-content .product-intro .price span{
    font-size: 20px;
    color: #ff5022;
    font-weight: bold;
}
    /*在线留言表单*/
    .ui-validForm {
        padding-top: 30px;
    }
.form-group::before,.form-group::after{content:"";display:table} 
.form-group::after{clear:both;position:relative;} 
 .form-group{position:relative;padding:5px 0px;margin-bottom:0;margin-bottom:10px;}
.form-group .control-label{position:absolute;left:0px;top:0px;}
.form-group .form-control{border:1px solid #ddd;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:#153F8F}
.form-group textarea.form-control{height:150px}
.form-group .help-block{display:block}
.btn{width:100%;border:1px solid #153F8F;color:#fff;height:35px;background:#153F8F;transition:all .5s ease-in-out}
.btn:hover {background-color: #3c68b2;color:#fff;}
.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;}
.feedback .tit {
    border-left: 8px solid #fdc208;
    padding-left: 20px;
    font-size: 20px;
    line-height: 42px;
    font-weight:bold;
    line-height:1.4;
    
}


/*荣誉列表*/
.rongyvlist li .item {
        position: relative;
        border:1px solid #ddd;
    }
.rongyvlist .mask {
    position: absolute;
    left: 0px;
    top: 0px;
    width: calc(100% );
    height: calc(100% );
    border: 1px solid transparent;
    background: rgba(0,0,0,0);
}
        .rongyvlist .mask .inner {
            position: absolute;
            top:50%;
            left:50%;
            margin-top:-30px;
            margin-left:-30px;
            background: rgba(0,0,0,.6);
            width:56px;
            height:56px;
            opacity:0;
        }
      
        .rongyvlist .mask .inner::after {
            content: "";
            background: url("../image/zoom-icon.png") no-repeat center center;
            background-size:40px 40px;
            width: 56px;
            height: 56px;
            position: absolute;
            left: 0;
            top: 0;
            padding:10px;
        }
.rongyvlist li .item:hover .mask .inner {
    opacity: 0.9;
    transition: 0.5s all ease-in-out;
}
.rongyvlist li .item:hover .mask {
    background: rgba(0,0,0,0.4);
    transition: 0.5s all ease-in-out;
    left: 10px;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 1px solid #ddd;
}
        /*滚动新闻*/
        .scroll-box .title{
            padding: 10px 0 10px 30px;
            font-size: 20px;
            color: #333;
            font-weight: bold;
            background:#ddd;
        }

  /*新闻列表*/
.m-newlist li{border-bottom:1px dashed #ddd;}
.m-newlist .date{float:left;max-width:88px;background-color:#153F8F;text-align:center;font-family:Arial;padding:0px;}
.m-newlist .date span.date1{display:block;height:60px;line-height:60px;border-bottom:1px solid #fff;color:#fff;font-size:30px;background:#153F8F;}
.m-newlist .date span.date2{color:#fff;line-height:26px;font-size:13px;}
.m-newlist .con a.title{clear:both;display:block;font-size:18px;line-height:1.5em;color:#4d4d4d;text-decoration:none;margin:0px 0px 0.5em 0px;overflow:hidden;}
.m-newlist .con a.title:hover{color:#153F8F;}
.m-newlist .con a.title{max-height:3em;}
.m-newlist .con div.introduct{color:#808080;line-height:1.5em;}
/*新闻列表2*/
.m-newlist2 li{}
/* ---- Tabs ---- */
.tabs-wrapper {
}
.tab-item {clear: both;overflow: hidden;padding: 1rem 0;
}
.tabs-container {float: left;position: relative;display: block;
	width: 100%;
    min-height:400px;
}
.tabs-wrapper .tab-content {
	line-height: 200%;
	overflow: hidden;
    padding-top:30px;
    color:#666;
}
ul.tabs {
	text-align:center;
	height: 38px;
	width: 100%;
	padding-left: 0 !important;
	margin-bottom: 0 !important;
}
ul.tabs li {
     display:inline-block;
	overflow: hidden;
	padding-bottom: 0;
	position: relative;
	text-align: center;
	outline: none;
    padding:0 20px;

}
    ul.tabs li a {
        height: 38px;
        line-height: 38px;
        text-decoration: none;
        display: block;
        color: #3c68b2;
        font-size: 16px;
        font-weight: 600;
        position: relative;
        border-radius: 25px;
        border: 1px solid #3c68b2;
        padding: 0 20px;
    }

ul.tabs li a:hover {
	color: #3c68b2;
}
ul.tabs li.active {
	
}
    ul.tabs li.active a {
        background-color: #3c68b2;
        color: #fff;
     
    }
ul.tabs li.active {
	z-index: 1;
}
@media(max-width:728px){
    ul.tabs {
        height:48px;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-overflow-scrolling: touch;
   
        background-color: #fff;
    }
    ul.tabs::-webkit-scrollbar { display: none; }
   ul.tabs li{
       float:none;display:inline-block;text-decoration:none;padding:0 8px;
   }
        ul.tabs li a{
            border-radius:10px;
        }
}
/*---end---*/
.contact-us .contact-msg li .item{background:#eee;min-height:185px;}

/* 应用案例*/
.applications{background:#fff;}
.applications li {
    border-bottom: 1px solid #ddd;
}
.applications li:hover .intro{color:#333;}
.applications li:hover .fa{color:#0450b7;}
.applications .date{position:relative;color:#999;font-size:24px;}



/*手机端固定导航栏*/
.footer-fixed{position:fixed;left:0;bottom:0;overflow:hidden;width:100%;padding:6px 0px;color:#fff;z-index:99;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-top: 0.2rem solid #000;background: #fff;}
.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;text-align: center;}
.footer-fixed ul li a{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.footer-fixed ul li p{font-size:1.3rem;}
.footer-fixed.active{transform:translateX(2.8rem);z-index:9;}
.footer-fixed2{font-size: 2.8rem;padding-top: 0.6rem;}
.footer-fixed i{display:block;}
.footer-fixed .fa{font-size:24px;}
.footer-fixed ul li a:focus{color:#000;}
@media(max-width:1024px){footer{margin-bottom:50px;}}
@media (min-width:1024px){.footer-fixed{display:none!important;}}

.top-bg{background-color:#000;color: #fff;}
.top-bg a{color: #fff;}
.top-bg a:hover{text-decoration:underline;}
.test22{margin-left:0px}
.nav-menu2{width:172px;height:140px}
.left11 {padding-top:6px;padding-bottom:6px}
.left11 .left1{float:left;color:#999}
.left11 .right1{float:right;color:#0450b7}
.clear{clear:both}