@charset "utf-8";

body{color:#666;font-family:'Microsoft Yahei'}
a,a:hover,a:focus{color:#666;text-decoration:none}
ul{list-style:none;padding:0;margin: 0}

@media (max-width: 767px) {
    .toggle-lang {
        text-align: right !important;
        position: inherit !important;
        padding: 2px 10px !important;
        font-size: 12px !important;
        background: #f4f4f4 !important;
        right: 1em !important;
        top: .5em !important;
        font-size: 12px !important;
    }
}

.personal-info .info-bar {
    height: 120px;
    line-height: 2;
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: url(../imgs/info-bg.jpg) no-repeat left top/cover;
}
.personal-info .info-bar p {
    height: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    margin: 0 auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.info-wrapper .info-item {
    padding: 0 15px;
}

.info-title .info-name {
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    background: url(../imgs/info-icon.png)no-repeat left center/ 20px;
}

.info-item .info-btn {
    float: right;
    font-size: 14px;
    line-height: 40px;
}

.info-item .info-name {
    float: left;
    width: 100px;
}
.personal-info {
    line-height: 2.5;
}
.info-wrapper .info-item::after {
    content: '';
    display: block;
    border-bottom: solid 1px #ddd;
    clear: left;
}
.personal-info .info-bar img {
    border: solid 2px #fff;
    border-radius: 50px;
}

.toggle-lang {
    position: absolute;
    right: 1em;
    top: .5em;
    font-size: 12px;
}

.contact.col-xs-12.col-sm-6 {
    list-style: none;
}

/**等比图片**/
.proportion-constrain-4b3,.proportion-constrain-16b9,.proportion-constrain-custom{position:relative;height:0}
.proportion-constrain-4b3{padding-bottom:75%}
.proportion-constrain-16b9{padding-bottom:56.25%}
.proportion-constrain-4b3>img,.proportion-constrain-16b9>img,.proportion-constrain-custom>img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
/*图片缩放动画*/
.zoomable{overflow:hidden;}
.zoomable>img{-ms-transform:-ms-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.zoomable>img:hover{-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}

/*单行*/
.line-constrain{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.multiline-constrain{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
.multiline-constrain-2{-webkit-line-clamp:2}
/*主题颜色*/
/*背景颜色*/
.theme-txt{color:#fff4e0}
.theme-bg{color:#fff4e0;background:#412e28}
/*文字颜色做背景*/
.theme-txt-bg{background:#fff4e0}

/*线框链接 更多*/
.more-link{text-align:center}
.more-link .link-btn{padding:6px 30px;border-color:inherit;border-radius:0}
.more-link .link-btn:hover,.more-link .link-btn:active,.more-link .link-btn:focus{color:inherit}
/*背景按钮*/
.more-link .fill-btn{border:none;background:#b11a13}
.more-link .fill-btn:hover,.more-link .fill-btn:focus{color:#fff4e0;background: #412e28}

/*标题*/
.section-header{text-align: center;overflow:hidden;margin-bottom:20px}
.section-header .sec-header{font-weight:bold;margin:10px 0}
.section-header .sec-subheader{}
.hd-label{font-size:16px;line-height: 2}
.hd-label:before,.hd-label:after{content:'';width:150px;display:inline-block;border-top:solid 1px;vertical-align:middle}
.hd-label:before{margin-right:10px}
.hd-label:after{margin-left:10px}
/*分页*/
.pagination-container{text-align: center;}

/*顶部导航*/
.navbar{border:none;margin-bottom: 0}
.navbar>.navbar-collapse{padding:0;border:none;}
.navbar>.navbar-collapse>.navbar-container{background:#b11a13;}
.navbar>.navbar-collapse .navbar-logo{display:inline-block;padding:25px 0}
.navbar .nav>li>a{color:#fff}
.nav>li>a:focus,.nav>li>a:hover,.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background:rgba(0,0,0,.2);background:transparent\9;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#33000000",endColorStr="#33000000");}
.navbar .navbar-nav>li>.dropdown-menu{/*background:#b11a13;*/border:none;border-radius:0}

.navbar .navbar-brand{position: absolute;left: 0;right: 60px;color:#fff;padding-right: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight:bold}
.navbar .navbar-header{background:#b11a13}
.navbar .navbar-header .icon-bar{background:#fff}

.breadcrumb-container{color:#fff4e0;background: #b11a13}
.breadcrumb{display: inline-block;background:0;border-radius:0;margin: 0;padding: 0;line-height: 55px}
.breadcrumb>li+li:before{content:'>\00a0';color:#fff4e0}
.breadcrumb>li,.breadcrumb>.active,.breadcrumb>li>a{color:#fff4e0}


.banner>img{ width:100%; height: 100%;}
/*产品优势*/
.index-advantage .advantage-item .adv-img{padding-bottom:48.6%}
.advantage-item .adv-title{color:#333}
.advantage-item .adv-desc{color:#666}
/*关于*/
.about .about-detail{text-align: center}
.about .about-detail .about-txt{text-align:justify;text-indent:2em;line-height: 2;-webkit-line-clamp:5;max-height:140px}

/*新闻列表*/
.news-container .news-list li a{display:block}
.news-container .news-list li a .news-title{margin-bottom:.5em}
.news-container .news-list li a .news-desc{line-height: 2;height:56px;-webkit-line-clamp:2}
/*案例列表*/
.pic-list li a{display: block;padding:10px}
.pic-list li a .img-wrap{border:solid 1px #ccc}
.pic-list li a .pic-title{text-align:center;line-height: 2}
/*产品，案例分类*/
.cate-container .cates{text-align:center}
.cate-container .cates li{margin:5px;text-align: center;}
.cates li a{display:block;color:#fff4e0;background:#412e28}
.cates li a:hover,.cates li.active a{background:#b11a13}
/*新闻详情*/
.news-detail-container{}
.news-detail .nd-top{text-align: center}
.news-detail .nd-top .nd-title{color:#b11a13;font-weight: normal}
.news-detail .nd-content{color:#333;line-height: 30px}
.news-detail .other-links{border-top:solid 1px #b11a13}
/*产品推荐*/
.news-detail .nd-content{margin-top:10px;text-align: justify}
.rec-products .title,.product-detail .title{color:#b11a13;border-bottom: solid 1px}
.rec-products .title .txt,.product-detail .title .txt{display: inline-block;border-bottom:solid 2px;font-size: 16px;font-weight: bold}
.rec-products .rp-list .rp-title{text-align: center;padding:5px 0}
/*产品详情*/
.product-info{line-height:1.8}
.product-info .pi-title{color:#b11a13;border-bottom:solid 1px;line-height: 2;margin-top:0}
.product-info .pi-key{color:#333}
.product-info .pi-cate{color:#b11a13}
.product-info .pi-desc{margin:10px 0;-webkit-line-clamp:3;max-height:76px}
.product-info .pi-tags ul li{display: inline-block;text-align:center;padding:0 20px;margin:5px;border-radius: 20px;background: #b11a13;color:#fff4e0;}
.product-info .pi-tel{margin:10px 0;text-align: center;}
.product-info .pi-tel a{display: inline-block;color:#b11a13;line-height:1;border:solid 1px;border-radius:40px;padding:15px 0;vertical-align: top}
.product-info .pi-tel a:before{margin:0 5px}
/*产品订单*/
.order-form .control-label{white-space:nowrap;text-align: right}
.order-form textarea{resize: vertical;}
/*页脚*/
.footer{font-size:14px;}
.footer>.friend-link{padding: 15px 0;background:rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#33000000",endColorStr="#33000000")}
.footer .contact .head{margin-top:0}
.footer .contact>.list{line-height:2;padding:0;list-style:none}
.footer .form-control{border-radius: 0}
.footer .feedback textarea.form-control{resize:none}
.footer .form-control-code{width:25%}
.footer .feedback .form-code img{width:auto}
.footer .form-group .btn-submit{border-radius:0;color:#fff;background:#b11a13}
.footer .form-group .btn-submit:hover{background:#c61e15}
.footer .form-group .btn-submit:active{background:#981710}
.footer>.copyright-wrap{text-align:center}
.footer a{color:inherit}

/** 详情 **/
.detail iframe{max-width: 100%;display: block;margin:0 auto}
.detail img,.detail video,.detail embed{max-width:100%;display:block;margin:0 auto;height:auto}

/*微信咨询图片*/
.wx-code{display: none;position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.8);z-index: 9999}
.wx-code>.wx-code-img{display: block; max-width: 80%; margin: 0 auto; top: 50%; position: relative; transform: translateY(-50%);}






/*
******************************************
******************************************
******************************************
*/
/*MOBILE*/
@media screen and (max-width:767px){
h1,h2,h3,h4,h5,h6{font-weight:bold}
h1{font-size:18px}
h2{font-size:16px}
h3,h4,h5,h6{font-size:14px}

.dropdown-menu>li>a{color:#fff}
/*左竖线*/
.m-vline-header{display:inline-block;color:#333;margin:0;border-left:solid 5px;padding-left:10px}
.carousel .carousel-inner>.item img{height:50vw;object-fit:cover}
.breadcrumb-container{background: #fff}
.breadcrumb{line-height: 45px}
.breadcrumb>li+li:before,.breadcrumb>li, .breadcrumb>.active, .breadcrumb>li>a{color:#333}
/*标题*/
.section-header .sec-header{margin-bottom: 5px}
.section-header .sec-header h2{margin-top:0;margin-bottom: 0}
.hd-label{line-height: 1.4}
.hd-label:before,.hd-label:after{width:50px}
/*栏目导航*/
.column-container{padding:20px 0}
.column-list{padding:0;margin-bottom:0;list-style:none;text-align:center}
.column-list .column-item{padding:0}
.column-list .column-item .column-title{color:#333;margin-top:10px}

/*产品列表*/
.index-product-list{background:#fff;padding:20px 0 10px;border-top:solid 15px #eee;}
.index-product-list .section-header{margin-bottom:17px}
.index-product-list .product-list .product-title{text-align:center}
.product-list .product-item:nth-child(odd){padding-right:7px}
.product-list .product-item:nth-child(even){padding-left:7px}
.product-list .product-title{color:#333;font-weight:bold;margin-top:10px}
.product-list .product-desc{margin-bottom:10px}
.index-product-list .product-list .product-desc{min-height:1.43em}
.index-product-list .more-link{margin:10px 0;}
/*产品优势*/
.index-advantage{padding:20px 0;border-top:solid 15px #eee;}
.index-advantage .adv-img-m{float:left;width:35%;margin-right: 10px}
.index-advantage .advantage-item .adv-img{padding-bottom:75%}
.index-advantage .section-header{margin-bottom:8px}
.index-advantage .section-header .sec-header{color:inherit;}
.advantage-item .adv-wrap{color:#fff4e0;overflow:hidden;padding:17px 22px;margin:9px 0;border-radius:4px;background: 0;border:solid 1px;}
.advantage-item .adv-title{margin-top:5px;;color:#fff4e0;}
.advantage-item .adv-desc{-webkit-line-clamp:2;color:#fff4e0}
/*关于*/
.index-about{background:#eee;border-top: solid 15px #eee}
.index-about .about .about-detail{margin:15px -15px 0;padding:20px 15px;padding-bottom:20px}
.index-about .about .about-txt{margin:10px 0}
.index-about .about .about-link{margin-top:15px}
.about .about-title{margin:10px 0 5px}
.about .about-img{display: block;max-width:100%;margin:0 auto;height:auto;}
/*新闻*/
.index-news{background:#fff;padding:20px 0;border-top:solid 15px #eee}
.index-news .section-header{margin-bottom:17px}
.index-news .news-wrap{color:#666;background:#fff}
.index-news .news-list .news-item:nth-child(n+3){display: none}
.index-news .news-list .news-item:nth-child(odd){padding-right:7px}
.index-news .news-list .news-item:nth-child(even){padding-left:7px}
.index-news .news-list .news-title{color:#333;text-align: center;margin-top:10px}
.index-news .news-list .news-desc{text-overflow:ellipsis;-webkit-line-clamp:2;}
.index-news .more-link{margin-top:20px;}
/* ******** 内页 ******** */
.banner{height:120px}
.banner img{width:100%;height:100%;object-fit:cover}
/*新闻列表*/
.news-container{padding:10px 0;border-top:solid 15px #eee}
.news-container .news-list li{margin:6px 0;}
.news-container .news-list li a{padding:15px;background:#f7f7f7}
.news-container .news-list li a .news-title{font-weight: bold}
/*案例列表*/
.pic-list li:nth-child(odd){padding-right: 7px}
.pic-list li:nth-child(even){padding-left:7px}
.pic-list li a{padding:0}

.case-container,.product-container{padding:20px 0;border-top:solid 15px #eee}
.cate-container .cates{overflow: hidden;margin:0 -1%}
.cate-container .cates li{float: left;width:31.333%;margin:0 1% 10px}
.cate-container .cates li a{line-height:2.5}

/*新闻详情*/
.news-detail-container{padding:10px 0;background:#fff;border-top: solid 15px #eee}
.news-detail .nd-top .nd-title{font-size: 16px}
.news-detail .nd-content{margin-top:5px;color:#422d2a;overflow: hidden;}
.news-detail .other-links{margin:0;padding:10px 0;line-height: 30px}
.news-detail .other-links .link{padding:0}
.news-detail .other-links .link a{color:#b11a13;}
/*产品推荐*/
.rec-products{margin-left: -15px;margin-right: -15px;padding-bottom: 10px;border-top: solid 15px #eee}
.rec-products .title{margin:6px 0 15px;line-height: 30px;}
.rec-products .rp-list li:nth-child(n+5){display: none}
/*产品详情*/
.product-detail .title{line-height: 30px;margin:15px 0}
.product-info{padding:10px 0;border-bottom:solid 15px #eee}
.product-info .pi-title{padding:15px 0}
.product-info .pi-tel a{display:block;padding:15px;text-align: center;margin-top:15px}
/*页脚*/
.footer .contact{padding-top:20px;padding-bottom:10px;border-top:solid 15px #eee;color:#333;background:#fff;}
.footer .contact .head{font-size:16px;margin-bottom:5px;text-align: center;}
.footer .contact .hd-label{text-align: center;}
.footer .contact .head,.footer .contact .hd-label{color:#666}
.footer .form-control{color:#fff;background:0}
.footer .form-control-code{width:40%}
.footer .feedback{padding-top:20px;border-top:solid 15px #eee}
.footer .feedback .form-code img,.footer .feedback .form-code a{margin-top:7px}
.footer{padding-bottom:20px}

.copyright{font-size:14px;line-height:1.5}
.copyright-item{display:block}

/*底部导航*/
.fixed-navbar-bottom,.navbar-bottom{height: 60px}
.navbar-bottom{position: fixed;left:0;bottom:0;width:100%;background:#fff;z-index: 99}
.navbar-bottom>.nb-item{float:left;width:20%;text-align: center;}
.navbar-bottom>.nb-item>a{}
.navbar-bottom>.nb-item>a>img{display: block;margin:5px auto 0;width:25px;height: 25px}
}











/*
******************************************
******************************************
******************************************
*/

/*PC*/
@media screen and (min-width:768px){

h1{font-size:24px}
h2{font-size:22px}
h3{font-size:18px}
h4{font-size:16px}
h5,h6{font-size:14px}

a:hover,a:focus{color:inherit}


/*搜索框*/
.searchbox{float:right;width: 359px;height: 42px;margin-top:39px;border:solid 1px #930000;padding-left:45px;background:url(../icons/magnifier.png) no-repeat 12px center}
.searchbox .sch-txt{float:left;width:240px;margin-top:9px;background:0;border:none;padding:0;outline: none}
.searchbox .sch-btn{float:left;border:none;color:#fff;width:72px;height:40px;background:#b11a13;outline: none}
.searchbox .sch-btn:hover{background:#c61e15}
.searchbox .sch-btn:active{background:#981710}
/*顶部导航*/
.navbar-nav{font-size:16px}
.navbar-nav>li>a{padding:19px 30px;}
.dropdown-menu>li>a{line-height:2}

.carousel-inner>.item>a>img, .carousel-inner>.item>img{min-height: 450px;object-fit: cover}


/*产品列表*/
.product-list{text-align: center;}
.product-list .product-item{padding-bottom:10px;padding-left:10px;padding-right: 10px}
.product-list .product-item .img-wrap{border:solid 1px #ddd}
.product-list .product-title{color:#333;font-size:16px;font-weight: bold;margin-top:5px}
.product-list .product-desc{font-size:14px}
.index-product-list {padding:20px 0;line-height:2}
.index-product-list .product-list .product-desc{min-height:2em}
.index-product-list .tab-plist{display: none}
.index-product-list .cate-container{margin-bottom:20px}
.index-product-list .section-header .sec-header{color:#b11a13}
.index-product-list .section-header .sec-header h2{font-weight:bold}
.index-product-list .more-link{margin-top:20px;}

/*产品优势*/
.index-advantage{padding:30px 0}
.advantage-item .adv-wrap{overflow: hidden;}

.advantage-item .adv-title{padding:0 32px;margin:10px 0;font-size:24px;text-align: center;}
.advantage-item .adv-desc{padding:0 32px;margin:10px 0;line-height:25px;height:75px;-webkit-line-clamp:3}
.advantage-item .adv-link{margin:30px 0;text-align: center}
.advantage-item .adv-link .link-btn{color:#000;border-color:#000}
.advantage-item .adv-link .link-btn:hover{color:#fff4e0;background:#412e28}
/*关于*/
.index-about{padding:40px 0 20px}
.about .about-img{float:left;width:45%;height:330px;margin-right:35px;object-fit:cover;}
.about .about-detail{height:330px;padding:40px 50px 40px;text-align:center;overflow: hidden;}
.about .about-detail .about-link{margin-top:20px}
/*新闻*/
.index-news{padding-bottom:40px}
.index-news .section-header .sec-header{color:#b11a13}
.index-news .section-header .sec-header h2{font-weight:bold}
.index-news .news-item .news-wrap{padding-bottom:20px}
.index-news .news-item .news-title{padding:0 30px;}
.index-news .news-item .news-desc{line-height:25px;padding:0 30px;-webkit-line-clamp:3;max-height:75px}
.index-news .news-item .news-link{margin-top:20px}
.index-news .more-link{margin-top:40px}
/*栏目标题间距*/
.index-advantage .advantage-list,.index-news .news-list{padding-top: 5px;}
/* ******** 内页 ******** */
/*新闻列表*/
.news-container{background:#fff4e0}
.news-container .news-list{padding:18px 0}
.news-container .news-list li{margin:9px 0}
.news-container .news-list li .news-title{font-size:16px;font-weight: bold;color:#333;}
.news-container .news-list li a{padding:23px 21px;display: block;background:#fcedd0;
-webkit-transition:background .3s;
-ms-transition:background .3s;
-o-transition:background .3s;
transition:background .3s;}
.news-container .news-list li a:hover{color:#fff;background:#b11a13;}
.news-container .news-list li a:hover .news-title{color:#fff}
/*案例列表*/
.pic-list li{margin:20px 0;}
.pic-list li a{background: #fff}
.pic-list li a .pic-title{font-size:16px;margin-top:10px;}
.pic-list li a:hover{color:#af1a13;box-shadow:0 5px 10px #edc}

.case-container,.product-container{padding:20px 0;background: #fff4e0}
/*产品，案例分类*/
.cates li{display: inline-block;margin:0 5px}
.cates li a{width:169px;line-height: 47px;height: 47px}

/*新闻详情*/
.sidebar-right{float: right;margin-left: 38px;margin-top:20px;width: 210px;}
.sidebar-right .title{font-size: 16px;font-weight:bold;color:#333;text-align:center;margin:15px 0;}
/*右侧栏*/
.sidebar-right .product-cates{padding:0 18px 18px;overflow: hidden;background: #fcedd0}
.sidebar-right .product-cates .p-cates li{margin:5px 0}
.sidebar-right .product-cates .p-cates li a{background:#412e28;color:#fff4e0;display: block;padding:7px 0;text-align: center;}
.sidebar-right .product-cates .p-cates li a:hover{background:#b11a13}

.sidebar-right .rec-news{margin-top:15px;padding:0 18px 18px;overflow: hidden;background: #fcedd0}
.sidebar-right .rec-news .title{margin-bottom:5px}
.sidebar-right .rec-news .rn-list li a{color:#333;line-height: 30px}

.main-wrapper{overflow: hidden;}
.main-wrapper h3{font-weight: bold}
/*新闻*/
.news-detail-container{padding:20px 0}
.news-detail .other-links a{color:#333;line-height: 54px}
/*产品推荐*/
.rec-products{}
.rec-products .title .txt{line-height:50px}
.rec-products .rp-list{margin:20px -30px 0}
.rec-products .rp-list li{margin:0}
.rec-products .rp-list li a{background:0;padding:0;text-align: center;}
.rec-products .rp-list li a:hover{box-shadow:none}
/*案例*/
.case-detail .nd-content{padding:20px 0}
/*产品详情*/
.product-info{padding:10px 0;}
.product-info .pi-title{margin-top:6px;font-size:18px}
.product-info .pi-img{margin-top:15px;border:solid 1px #dfc9a0}
.product-info .pi-img img{border:solid 10px #feedcf}
.product-info .pi-tags ul{margin-top:10px}
.product-info .pi-tel{margin-top:20px}
.product-detail .title .txt{line-height: 50px}

/*页脚*/
.footer .friend-link a{margin:0 10px}
.footer>.footer-wrap{padding:35px 0 20px;border-bottom:solid 1px #322}
.footer>.copyright-wrap{padding:20px 0;border-top:solid 1px #655}
.footer .contact {/*float:right*/width: 33.33333333%;}
.footer .feedback{/*float:left*/width:41%;}
.footer .feedback .form-code img,.footer .feedback .form-code a{margin-top:4px}
.footer .feedback .form-code a{white-space: nowrap}
.footer .feedback .control-label{padding-top:4px;padding-bottom:4px;white-space:nowrap}
.footer .feedback .form-control{border:none;height:28px;background:#fff4e0}
.footer .feedback textarea.form-control{height:auto;resize: none}
.feedback-code-wrapper img{width:auto;}
/* 二维码 */
.footer .qr-code-wrap{padding:0 40px;text-align: center;height: 220px;border:solid 1px #fff4e0;border-top: none;border-bottom: none}
.footer .qr-code-wrap .qr-code{margin-top:10px;padding-bottom:100%}
}


@media (min-width: 1200px){
    .container {
        width: 1230px;
    }
}