/*网站公共样式*/
.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;
    }
.home_top_mk1{width:20%;}
}

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


.fixeds{position:fixed;top:0px;left:0px;z-index:100;width:100%;background:#FFF;}

@media (min-width:1000px){   /*pc头部导航样式*/
.header{box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.11);}
.header .nav-toggle{display:none}
.nav{height:90px;padding-top:10px}
.nav>ul>li{float:left;text-align:center;width:114px;}
.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:13px;line-height:35px;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}
.nav ul li ul li:hover ul{display:none}

.header .float-lg-left{padding-right: 0;padding-top: 6px;padding-left: 0;}
/*.header .addnav{padding-left: 0;}*/
.header .addtels{padding-right: 0;    padding-left: 0;}
}
@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}
}

/*子栏目菜单样式*/
 .second-nav {clear: both;position: relative;margin-right:80px;}
 .second-nav .nav-toggle{text-align:center;cursor:pointer;position:absolute;top:0px;right:0px;width:60px;height:60px;line-height:60px;color:#FFF;font-size:20px;}
 .second-nav .nav-title{line-height:40px;text-align:center;background:#4F94CD;font-size:16px;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: #0000FF;}

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

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


 .second-nav .nav-menu li .arrow{position:absolute;right:0px;top:0px;width:35px;height:35px;line-height:35px;text-align:center;transition-duration:0s;cursor:pointer;background:#E8E8E8;}
 .second-nav .nav-menu li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}
 .second-nav .nav-menu li .arrow.active{transform:rotate(90deg)}

@media (max-width:998px) /*手机端*/
{
    .second-nav{margin-bottom:30px;margin-right:0px;}
    .second-nav .nav-menu { display: none;}
    .second-nav .nav-title{text-align:left;padding-left:20px;}
}
/*底部*/
footer{background:rgb(51,51,51);color:#f0f0f0;}
footer a{color:#f0f0f0;}
footer .linkteam{border-bottom:1px solid #ddd;line-height:2.2;}
footer .linkteam a:hover{color:#FFFFFF;}
footer .rights{background:rgb(51, 85, 153);}
.webdibu{padding-top:2px;}
.dibu_com1{margin-bottom:5px;}
.dibu_c1_com{padding-bottom:2px;}
.dibu_com2{ padding-bottom:5px}
.dibu_c2_com1{ margin-bottom:1px}
.dibu_c2_com2{margin-bottom:1px}
.dibu_c2_com3{ padding-top:20px margin-bottom:20px}
.dibu_com3{padding-bottom:20px padding-top:20px }

/*首页>公共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:#3A5FCD; /* 标准的语法（必须放在最后） */
}
.bg-hui {
    height: 100px;
    background: #5CE671;
    color:white;
}

/*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(../images/ds.jpg) repeat center center;}
/*首页>研发*/
.yanfa .bg{background:url(../images/001.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:#9dcb9d;border-radius:14px;}
.xuanze .item:hover{background: rgb(204,204, 204);}
.xuanze .more{background:rgb(153, 255, 170);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{}
.pinpai .item{min-height:630px;background:#eff5fb;}
/*搜索*/
.s-banner{min-height:36px;background:url(../images/55_1.jpg) no-repeat left top;background-size:cover;}
.ss-box{position:relative; margin:0px 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(images/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{}
.index-news .item{background:#eff5fb;min-height:560px;}
.index-news .img-box{background:#7ccd7c;}
.index-news .img-box img{display:block;max-width:100%;height:260px; margin:0 auto; position:relative;top:40px;}
.index-news .news{background:#eff5fb;}
/*首页>常见问题轮播*/

        .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(152, 251, 152);}
.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 20px 0;background:#eff5fb;}
.images-list .row .item:hover .tit{background:rgb(239,245,251);}
.images-list .row .item:hover .tit .p1{color:#00CD00;transform: translateY(-30%);transition:0.3s all ease-in-out;}


.images-list .row .items a{display: block;overflow: hidden;}
.images-list .row .items img{display:block;width:100%;height:auto;margin:0 auto;}
.images-list .row .items .tit{padding:10px 0;background:#eff5fb;}

    /*产品内容页样式*/
    .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("images/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:#eff5fb;}
.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;}

/* 产品详情切换 */
#container {
    position: relative;
    top: -120px; 
    height: 0;
    overflow: hidden;
}
.tab {
    overflow: hidden;
    background:#ffffff;
    padding-left: 0px;
    white-space: nowrap;
    overflow: hidden;
    height:35px;
    
}
    .tab::-webkit-scrollbar {
        display: none;
    }
    .tab > li {
        display: inline-block;
        padding: 0 20px;
        color: #4F4F4F;
        line-height: 40px;
        height: 40px;
        font-size: 15px;
        text-align: center;
       
        
    }
        .tab > li.selected {
            color: rgb(255, 127, 39);
            border-top: 2px solid rgb(255, 127, 39);
            background: #fff;
        }
    .tab-content > li {
        display: none;
        min-height:300px;
        padding:20px 10px;
        line-height:2.2;
    }
        .tab-content > li.show {
            display: block;
        }
@media(max-width:728px) {
    .tab {
        overflow-x: scroll;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-overflow-scrolling: touch;
    }

        .tab::-webkit-scrollbar {
            display: none;
        }
}



/*在线客服*/

.zaixian .zaixian_com{position:relative;width:50px;height:80px;}
.zaixian_com .zxzx_pic1{position:absolute;right:0px;top:0px;}
.zaixian_com .zxzx_pic2{position:absolute;right:-190px;top:-70px;z-index:10;width:170px;height:300px;}
.zaixian_com .zxzx_pic1 p{position: absolute;top: 50px;left: 18px;font-size: 13px;color: #fff;}
.zaixian_com .zxzx_pic2 p{position: absolute;top: 118px;left: 24px;font-size: 13px;color: #fff;}
.kf-lf-lj{position:absolute;width:100px;right:10px;top:70px;}
.kf-lf-lj a{display:block;line-height:30px;padding-left:10px;margin:5px 0;color:#848484;font-size:13px;}
.kf-lf-lj a .fa{padding-right:4px;}
.kf-lf-lj a:hover{background:#1298fa url(../images/box-kefu2.png) no-repeat 5px center;color:#FFF;border-radius:4px;}
@media (min-width:1000px){
.zaixian{position:fixed;bottom:490px;right:0px;z-index:9;}
}
@media (max-width:1000px){
.zaixian{position:fixed;bottom:70%;right:0px;z-index:9;}
}

.addtel{float: right;background: url(../images/addtel.jpg) no-repeat 0 center;padding-left: 55px;margin-top: 20px;}
.addtel strong{display: block;font-size: 25px;font-family: Impact;line-height: 1;color: #1bd253;font-weight: normal;}


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