﻿/*网站公共样式*/
.info-content{font-size:14px;line-height:2.5;padding:20px 0;}
.info-content img{max-width:100%;}
a{color:#333;text-decoration:none;}
a.btn-more{display:inline-block;width:140px;height:34px;line-height:34px;border:1px #CCC solid;color:#999;transition:all 0.5s ease;font-size:14px;transition:all 0.5s ease;text-align:center;margin:0px auto;margin-top:30px}
a.btn-more:hover{background:#40312f;border-color:#40312f;color:white;}
.color-orange{color:#ff7908;}
.combg{background-color:#f6f6f6;}
.combg-white{background-color:#fff;}
.banner{height:500px\9!important;overflow:hidden\9!important}
/*兼容ie低版*/
.bd-left{border-left:6px solid #ff7908;}
.bg-gray{background:#f0f0f0;}
.bg-white{background:#fff;}
/*文字超出隐藏不换行*/
.text-overflow{display:block;/*内联对象需加*/
 width:100%;word-break:keep-all;/* 不换行 */
 white-space:nowrap;/* 不换行 */
 overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
 text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
/*遮罩层*/
.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;}
/* pc导航 */
@media (min-width:1000px){.header .logo{display:block;height:80px;display:flex;align-items:center;}
.header .logo img{height:40px;width:auto;}
.header .nav-toggle{display:none}
.header .nav>ul>li{float:left;text-align:center;padding:0px 14px;}
.header .nav>ul>li>ul{display:none;position:absolute;padding-top:10px;left:0;z-index:200;width:100%;}
.header .nav>ul>li>a{display:block;text-align:center;color:#333;font-size:16px;position:relative;line-height:66px;height:70px;padding:0px 10px;position:relative;}
.header .nav>ul>li.active>a{border-bottom:3px solid #e00;color:#e00;font-weight:bold;}
.header .nav li:hover> ul{display:none}
.header .nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:15px;line-height:22px;height:48px;padding:0px 10px;}
.header .nav ul li ul li a:hover{text-decoration:none;color:#fff;background:#9c0d12;}
.header .nav ul li{position:relative}
.header .nav ul li .arrow{display:none}
.header .nav ul li ul li ul{left:100%;top:0px;display:none}
}
/* 移动端导航 */
@media (max-width:1000px){.header{z-index:10;width:100%;}
.header .logo{display:block;padding-top:10px;padding-left:10px;}
.header .logo img{height:40px}
.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}
.header .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}
.header .nav.active{opacity:1;width:260px;max-width:60%}
.header .nav ul li{line-height:45px;text-align:left}
.header .nav ul li ul{display:none;transition:display 1s linear;}
.header .nav ul li ul.active{display:block}
.header .nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom:1px solid #dcdcdc}
.header .nav ul li ul li a{padding-left:60px;font-size:14px}
.header .nav ul li ul li ul li a{padding-left:90px}
.header .nav ul li ul li ul li li a{padding-left:120px}
.header .nav ul li{position:relative}
.header .nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px;text-align:center;transition-duration:0.2s}
.header .nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}
.header .nav ul li .arrow.active{transform:rotate(90deg);transition-duration:0.2s}
.header .nav>ul>li>a>p{display:none}
}
/*首页>搜索*/
.index-search{background:url(../images/blackbg_03.png) repeat-x left top;min-height:120px;}
.index-search .container{background:#e70000;padding-top:30px;padding-bottom:20px;}
.ss-box{background:#fff;width:400px;position:relative;}
.ss-box .s-input{width:350px;outline:none;border:none;line-height:40px;height:40px;padding-left:10px;}
.ss-box .s-btn{position:absolute;top:0;right:0;width:50px;height:40px;color:#fff;background:url(../images/ssss.png) no-repeat center center;cursor:pointer;outline:none;border:none;}
@media(min-width:1200px){.index-search .container{max-width:1500px;}
}
@media(max-width:768px){.index-search .hot-link{display:flex;justify-content:center;}
.ss-box{width:300px;margin:0 auto 20px auto;}
.ss-box .s-input{width:250px;}
}
/*首页>>公告标题,链接*/
.index-comtit{letter-spacing:2px;font-family:Arial,Helvetica,sans-serif;}
.index-comtit .t1{font-size:28px;}
.index-comtit .t2{letter-spacing:8px;font-size:16px;}
.com-more{display:inline-block;width:46px;height:28px;line-height:22px;font-size:20px;background:#e00;color:#fff;text-align:center;border:2px solid #e00;}
.com-more:hover{background:transparent;border-color:#fff;}
/*首页>产品展示*/
.index-moer{background:#f0f0f0;}
.hover-down .item{width:100%;height:350px;overflow:hidden;position:relative;text-align:center;}
.hover-down .item{text-align:center;}
.hover-down .item .box img{height:350px;width:auto;}
.hover-down .item .box{width:100%;height:700px;position:absolute;top:-350px;transition:all 0.3s linear;}
.hover-down .item:hover .box{position:absolute;top:0px;text-align:center;}
.index-moer .mask-down .item{position:relative;overflow:hidden;}
.index-moer .mask-down img{transition:all 0.3s ease 0.1s;}
.index-moer .mask-down .mask{width:100%;height:0;position:absolute;top:0;left:0;background:rgba(231,0,0,.7);transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.index-moer .mask-down .item:hover .mask{height:100%;}
.index-moer .mask-down .item .mask .icon{background:url(../images/x8l4.png) no-repeat center center;width:50px;height:50px;}

@media(max-width:768px){
    .hover-down .item { height:auto;}
    .hover-down .item .box { width: 100%;height: auto;position: static;}
    .hover-down .item .box .mask { display: none;}
    .hover-down .item .box img { width: 100%; height: auto;}
    .hover-down .col-sm-4 { padding-left: 5px;padding-right: 5px;}

}
@media(max-width:728px){.hover-down .col-xs-12{padding-left:15px;padding-right:15px;}
}
/*首页>关于我们*/
.index-aboutus{background:url(../images/500499844.jpg) no-repeat center center;background-size:cover;}
.index-aboutus .item{height:380px;}
.index-aboutus .bg-white{height:100%;}
.index-aboutus .about{background:url(../images/pln5.jpg) no-repeat center center;background-size:cover;width:100%;height:100%;position:relative;}
.index-aboutus .font-box{position:absolute;bottom:20px;left:0;}
.index-aboutus .font-box .com-more:hover{color:#fff;}
.mask-left{width:50%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.1);transition:all 0.3s ease-in-out;}
.mask-right{width:50%;height:100%;position:absolute;right:0;top:0;background:rgba(0,0,0,.1);transition:all 0.3s ease-in-out;}
.index-aboutus .hidden-mask:hover .mask-left,.index-aboutus .hidden-mask:hover .mask-right{width:0%;}
.index-aboutus .pro-item .pic-box{height:210px;width:100%;position:relative;}
.index-aboutus .pro-item .pic-box img{height:100%;width:100%;}
.index-aboutus .pro-item .pic-box img{height:100%;width:100%;}
.index-aboutus .pro-item .intro{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; flex-direction: column; line-height:24px;height:72px;}
.index-aboutus .pro-item .com-more{width:40px;height:22px;line-height:16px;position:relative;top:2px;}
.index-aboutus .pro-item .com-more:hover{border-color:#e00;color:#e00;}

/*首页>>产品定制*/
@media(min-width:1200px) {
 .index-dinzhi .container{max-width:1300px;}
}
/*首页>>产品定制*/
.index-news .bg-box{background:url(../images/fsw.jpg) no-repeat center center;background-size:cover;height:320px;padding-left:20px;padding-top:100px;}
.index-news .bg-box .com-more:hover{color:#fff;}
.index-news .intro{line-height:1.8;}
.index-news li.date-box{position:relative;}
.index-news .date-box .date{position:absolute;top:0px;left:0px;width:64px;text-align:center;background:#242424;color:#fff;}
.index-news .date-box .date1{font-weight:bold;font-size:28px;}
.index-news .date-box .date2{height:32px;line-height:32px;}
.index-news .date-box .con{margin-left:80px;min-height:80px;}
.index-news .qaBox .com-more{position:relative;top:20px;}
.index-news .qaBox .com-more:hover{border-color:#e00;}
.index-news .qaList{padding:15px;padding-left:0}
.index-news .qaList li{line-height:32px;border-bottom:1px solid #CCC;padding-bottom:12px;margin-bottom:12px;}
.index-news .qaList li .date{float:right;color:#999;}
.index-news .qaList .tit,.index-news .qaList .intro{position:relative;padding-left:32px;}
.index-news .qaList .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:#e00;color:#fff;}
.index-news .qaList .intro::before{content:"A";display:block;position:absolute;left:0px;top:1px;width:22px;height:24px;text-align:center;line-height:22px;border-radius:6px;background:#000;color:#fff;}
/*回到顶部*/
.gotoptop_icon{position:fixed;bottom:30px;right:30px;width:40px;height:40px;background:url(../images/top.png) no-repeat;text-indent:-999em;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;z-index:20000;background-position:-503px 0px;}
.gotoptop_icon:hover{background-position:-503px -42px;}
/*底部*/
footer{background-color:rgb(17,17,17);color:#fff;padding:20px 0;}
footer a,footer li{color:#999;}
footer ul li{line-height:2;}
footer ul li:first-child > a{color:#fff;font-weight:bold;}
footer .rights{border-top:1px solid #999;margin-top:10px;}
