﻿/*网站公共样式*/
.info-content{font-size:15px;line-height:2.5;padding:20px 10px;border:1px solid #ddd;}
.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;}
.text-overflow {
    display: block; /*内联对象需加*/
    width: 100%;
    word-break: keep-all; /* 不换行 */
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.module-box {position:relative;padding:40px 0px}
.module-box .module-title{clear:both;text-align:center;margin:0px 0px 30px 0px;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.module-box .module-title .cn-title{display:block;color:#333;font-size:28px;line-height:45px;}
.module-box .module-title .en-title{display:inline-block;*display:inline;*zoom:1;color:#999;font-size:16px;}
.module-box .module-title .en-title i{float:left;width:55px;background:#CCC;height:1px;margin-top:15px; }
.module-box .module-title .en-title span{float:left;margin:0px 5px;}

.banner{height:500px\9!important;overflow:hidden\9!important} /*兼容ie低版*/
/*搜索*/
    .ss-box .s-input {
        float:left;
        width: 232px;
        font-size: 13px;
        font-family: Microsoft YaHei;
        color: #666;
        font-weight: normal;
        line-height: 40px;
        height: 40px;
        vertical-align: middle;
        border: #434343 1px solid;
        padding-left: 5px;
        padding-right: 5px;
        -webkit-appearance: none;
        outline: none;
        -webkit-border-radius: 0;
        display: block;
    }
 .ss-box .s-btn{background: #434343;font-family: Microsoft YaHei;font-weight: normal;border: #fff 0px solid; float: left;width: 80px; height: 40px;line-height: 40px;cursor: pointer; color: #fff; font-size: 14px; text-align: center;}
 .s-font span{
     cursor:pointer;
 }
/*子栏目菜单样式*/
.nav {clear: both;position: relative;}
.nav .nav-toggle{text-align:center;cursor:pointer}
.nav .nav-title{line-height:60px;text-align:left;background:#fb5f08;padding-left:25px;font-size:22px;color:white;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.nav .nav-title .nav-toggle{width:50px;line-height:50px;cursor:pointer;color:#fff;text-align:center}
.nav .nav-title .nav-toggle.active{color:#5a342b}

.nav .nav-menu{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;background:#f3f3f3;}
.nav .nav-menu ul{padding:20px;}
.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}
.nav .nav-menu li.active > .sub-nav-toggle{transform:rotate(90deg);}
.nav .nav-menu li.active>a{color: #fff; font-weight:bold;background:#fb5f08;}

.nav .nav-menu li{width:100%;padding:5px 0;text-align:left;position:relative;display:block;}
.nav .nav-menu li a{display:block;line-height:44px;color:#2f2f2f;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";border:1px #d8d8d8 solid;font-size:15px;text-align:center;background-color:#fff;}

 
    .nav .nav-menu li ul li a {
        padding-left: 50px;
    }
.nav .nav-menu li ul li ul li a{padding-left:75px}

@media (min-width:999px) /*pc端*/
{
.nav .nav-toggle{display:none}
}
@media (max-width:998px) /*手机端*/
{
    .nav .nav-toggle{display:inherit}
    .nav .nav-title{line-height:50px;font-size:20px;}
    .nav .nav-menu > ul{display:none} /*手机默认隐藏第一级菜单*/
    .nav .phone{
        display:none;
    }
}


/*首页>>wp-box*/
.wp-box .item {
    border: 1px solid rgb(232, 232, 232);
}
    .wp-box .item span {
        display: block;
        width: 90px;
        height: 90px;
        margin: 40px auto 20px auto;
        overflow: hidden;
        position: relative;
    }
.wp-box .item span img {
    display: block;
    width: 100px;
    height: 100%;
    transition: all 0.3s linear;
}
.wp-box .item span .img {
    position: absolute;
    top: 0px;
    left: 0;
}
.wp-box .item span .hover-img {
    position: absolute;
    top: -90px;
    left: 0;
}
.wp-box .item span:hover .hover-img {
    position: absolute;
    top: 0px;
    left: 0px;
}
.wp-box .item span:hover .img {
    position: absolute;
    top: 90px;
    left: 0px;
}
/*首页>>产品展示*/
.product-module-box {
    background: url(images/prodBg.jpg) no-repeat 0 0;
    background-size: cover;
}

/*首页>>案例*/
.case-list .item{float:left;position:relative;padding-left:0px;padding-right:0px}
.case-list .item a{display:block;width:100%;overflow:hidden;}
.case-list .item a img{clear:both;overflow:hidden;display:block;width:100%;height:auto;text-align:center;transition:all 0.5s ease;}
.case-list .item a:hover img{transform:scale(1.3);transition:all 0.5s ease;}
.case-list .item a .tit{position:absolute;top:38%;left:0px;z-index:2;line-height:30px;color:#ffffff;font-size:16px;text-align:center;display:block;width:100%;opacity:0;filter:alpha(opacity=0);transition:all 0.5s ease;padding:0px 5px;}
.case-list .item a:hover .tit{opacity:1;filter:alpha(opacity=100);top:40%;}
.case-list .item a .cover-bg{position:absolute;top:0px;left:0px;z-index:1;width:100%;height:100%;background:#000;opacity:0;filter:alpha(opacity=0);transition:all 0.5s ease;}
.case-list .item a:hover .cover-bg{opacity:0.6;filter:alpha(opacity=60);}


/*新闻资讯-首页、子栏目公用*/
.news-list{clear:both;overflow:hidden;}
.news-list li.tw{clear:both;overflow:hidden;display:block;width:100%;margin:0px 0px 15px 0px;text-align:left;}
.news-list li.tw .pic{float:left;width:160px;height:105px;overflow:hidden;margin-right:10px;}
.news-list li.tw .pic img{width:100%;height:100%;display:block;}
.news-list li.tw .content{display:inline;}
.news-list li.tw .content a{display:block;line-height:30px;font-size:16px;}
.news-list li.tw .content span{color:#808080;height:75px;line-height:25px;} 

.news-list li.item{clear:both;overflow:hidden;width:100%;border-bottom:1px solid #e5e5e5;padding:15px 0px 10px 0px;}
.news-list li.item .title{padding-left:11px;background:url(images/icon-dot.gif) no-repeat left center;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-list li.item .date{float:right;}




/*产品内容页样式*/
.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;
}


/*新闻列表*/


/*荣誉列表*/
.rongyvlist{
   
}
    .rongyvlist li .item {
        position: relative;
        border:1px solid #ddd;
    }
    
        .rongyvlist .mask {
        display:none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #ddd;
        background: rgba(0,0,0,.5);
    }
        .rongyvlist .mask .inner {
            position: absolute;
            top:50%;
            left:50%;
            margin-top:-30px;
            margin-left:-30px;
            background: rgba(0,0,0,.6);
            width:60px;
            height:60px;

        }
      
        .rongyvlist .mask .inner::after {
            content: "";
            background: url("images/zoom-icon.png") no-repeat center center;
            background-size:50px 50px;
            width: 60px;
            height: 60px;
            position: absolute;
            left: 0;
            top: 0;
            padding:10px;
        }
    .rongyvlist li .item:hover .mask {
        display: block
    }
        /*滚动新闻*/
        .scroll-box .title{
            padding: 10px 0 10px 30px;
            font-size: 20px;
            color: #333;
            font-weight: bold;
            background:#ddd;
        }


/*首页产品轮播淡入*/
   .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-container .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
/*首页产品橙色hover*/
.index-productbox .item:hover .mask {
    display: block;
    transition: all 0.8s ease-in;
}
.index-productbox .item:hover img{
    transition:all 0.8s ease-in;
    transform:scale(1.1,1.1);
}
.index-productbox .item:hover span{
    transition: all 0.8s ease-in;
    transform: scale(1.1,1.1);
}
.index-productbox .item .mask {
    width: 100%;
    height: 100%;
    background: rgba(251, 95, 8, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
    .index-productbox .item .mask span {
        display: block;
        width: 44px;
        height: 44px;
        background: url(../images/hover-link.png) no-repeat center center;
        position:absolute;
        top:50%;
        left:50%;
        margin-left:-22px;
        margin-top:-22px;
    }

.index-productbox .item {
    display: block;
    overflow: hidden;
}
    .index-productbox .item .back-mask{
        background-color:rgba(0,0,0,.6)
    }
    .index-service .item span {
        display: block;
        width: 160px;
        height: 160px;
        margin: 20px auto;
        overflow: hidden;
    }
/*首页>>公司*/
.index-company{
    background:url(../images/bgg.png) repeat-x left top;
}
    .index-company .container{
/*        background-color:#fff;*/
    }
    /*首页>>咨询*/
    .index-zixun .cube-box {
        word-wrap: break-word;
        width: 90px;
        height: 90px;
        background: url(../images/yhr26_18.jpg) no-repeat center center;
        background-size: 100% 100%;
        padding: 15px;
    }
.index-zixun .item img{
    display:block;
    width:100%;
}
.index-zixun .zixun{
    border-top:1px solid #999;
    top:60px;
    left:-30px;
    color:#666;
    padding-top:10px;
    cursor:pointer;
}
.index-zixun .zixun:hover {
     color: #fb5f08;
}

/*首页小列表左边title右边日期*/

.newslist {
    padding: 10px;
}

.newslist li {
    position: relative;
}
    .newslist li:first-child {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
        padding-top:10px;
    }
    .newslist li .date {
        position: absolute;
        right: 10px;
        top: 4px;
    }

    .newslist li .tit {
        display: block; /*内联对象需加*/
        word-break: keep-all; /* 不换行 */
        white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis;
        color: #333;
        padding-right: 110px;
        line-height: 2;
    }

        .newslist li .tit:hover {
            color: #fb5f08;
        }
        .page-newslist-1 li{
            border-bottom:1px solid #ddd;
        }
.new-box1 {
    border:1px solid #ddd;
    border-top: 2px solid #fb5f08;
}
    .new-box1 .more{
        position:relative;
        top:5px;
    }
    .new-box1 .newslist {
        padding: 0;
        padding-top: 20px;
        padding-bottom:10px;
    }
    .question .tit {
        line-height: 28px;
        padding-left: 28px;
        background: url(../images/zwt_q.png) no-repeat left center;
        background-size: 20px 22px;
    }
.question .intro {
    line-height:28px;
    padding-left: 28px;
    background: url(../images/zwt_a.png) no-repeat left center;
    background-size: 20px 22px;
}
.question li{
    border-bottom:1px solid #ddd;
    padding:7px 0;
}
.question li:first-child {
    border-top: 1px solid #ddd;
    margin-top:20px;
}
/*友情链接*/
.friendslink{
    border:1px solid #ddd;
}
    .friendslink strong{
        font-family:SimSun;
        
    }
    .friendslink .left-box {
        width: 9%;
        border-right: 1px solid #ddd;
        padding-right:20px;
    }
    .friendslink .right-box{
        width:85%;
    }
    @media(max-width:980px){
        .friendslink span{
           position:relative;
           top:-3px;
        }
        .friendslink .left-box {
            width: 100%;
            float: none;
            border-bottom: 1px solid #ddd;
            border-right: none;
        }
        .friendslink .right-box {
            float:none;
            width: 100%;
        }
    }
    /*在线留言表单*/
.ui-validForm{padding-top:30px;}
.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:100px;}
.form-group .form-control{border:1px solid #eeeeee;height:34px;line-height:34px;width:96%;padding:2px 5px;font-size:14px;color:#666;transition:all .5s ease-in-out}
.form-group .form-control:focus{border-color:#fb5f08;}
.form-group textarea.form-control{height:120px}
.form-group .help-block{display:block}
.btn{border:1px solid #fb5f08;color:#fff;height:35px;width:120px;background:#fb5f08;transition:all .5s ease-in-out;border-radius:5px 5px;}
.btn:hover{background:#fb5f08;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;}
.jiameng .form-group .control-label {
    position: static;
    font-weight:bold;
    
}
.jiameng .form-group .controls {
    padding-left: 0;
}
.jiameng .form-group{
    margin-bottom:0.8rem;
}
/*分页>解决方案*/
.page-fangan .pro-box {
    border-bottom: 2px solid #fb5f08;
}
    .page-fangan .pro-box .num {
        background: url(../images/numbg.jpg) no-repeat center center;
        display:block;
        width:58px;
        height:48px;
        margin:0 auto;
        line-height:48px;
    }
/*分页>新闻中心*/
.page-newslist li{
    border:1px solid #ddd;
}
/*橙色在线客服切换效果*/
.online-service{
	position: fixed;
	right:0;
	top: 30%;
	z-index: 500
}
.serviceS {
    width: 53px;
    height: 90px;
    background: url(../Images/customerservice2.png) center no-repeat;
    position: absolute;
    right: 0;
    top: 55px;
    color: #fff;
    font-size: .913rem;
    text-align: center;
    padding-top: 52px;
    padding-left: 8px;
}
.serviceH {
    width: 190px;
    height: 300px;
    background: url(../Images/customerservice1.png) right center no-repeat;
    position: absolute;
    right: -240px;
    top: 0;
}
.serviceH .Lfont {
	float: left;
	width: 75px;
	color: #fff;
	padding: 130px 20px;
	text-align: center;
	font-size: .913rem
}
.serviceH i{
	color: #fb5f08;
}
.serviceH .Rfont {
	margin-left: 85px;
	padding-top: 80px;
}
.serviceH .Rfont li{
	padding: .2rem 0;
}

.online-service:hover .serviceS{
	right:-55px
}
.online-service:hover .serviceH{
	right:0
}