@charset "UTF-8";

.h-toplay{font-size: 16px;}
.h-toplay>div{display: flex; justify-content: space-between;align-items:center;}
.h-toplay .h-logo img{height: 160px}
.h-toplay .h-tellay{height: 100px;line-height: 120px;font-size:36px;font-weight: bold;}
.h-toplay .h-tellay>img{margin-right: 5px;width: 40px;padding-bottom: 20px;}
.h-toplay .h-languagelay{text-align: right;}
.h-toplay .h-languagelay .h-act{border-color: #a62f33;color: #a62f33;}

.h-toplay .h-albblay{display: flex;}
.h-toplay .h-albblay .h-tmallay{margin-left: 50px;}
.h-toplay .h-albblay .h-tmallay img{width: 38px;height: 38px;margin-left: 20px;margin-top: 40px;}


.h-avgbg{background-color: #030a1a;text-align: center;}
.h-avgbg .layui-nav{background-color: #030a1a;display: inline-block;}
.h-avgbg .layui-nav>li{margin: 0 26px;}
.h-avgbg .layui-nav .layui-nav-item a{font-size: 18px;color: white;}
.h-avgbg .layui-nav .layui-this:after,.h-avgbg .layui-nav-bar{background-color: #a62f33;}
.h-avgbg .layui-nav .layui-nav-child{background-color: #030a1a;border-color:#030a1a; }
.h-avgbg .layui-nav .layui-nav-child a:hover {background-color: #a62f33;color:white;}

.h-titlelay{font-size: 32px;color: #333333;text-align: center;padding: 20px 0;font-weight: bold;margin-bottom: 20px;}
.h-titlelay>p{margin-top: 20px;font-size: 24px;font-weight: 300;color: #a62f33;}

.h-searchlay{height: 60px;background-color:#F2F2F2; line-height: 60px;}
.h-searchlay>div{display: flex; justify-content: space-between;}
.h-searchlay .h-keyword{color: #333333;font-size: 14px;}
.h-searchlay .h-keyword>a{display: inline-block;padding: 0 8px;}
.h-searchlay .h-search{display: block;width: 300px;height: 38px;border: 1px solid #bfb3b3;margin-top: 10px;line-height: 38px;font-size: 14px;padding-left: 10px;border-radius: 4px;color: #999999;}
.h-searchlay .h-search>label{width: 60px;height: 100%;display: block;background-color:#a62f33;float: right;text-align: center;color: white; }

/*.h-producerclasslay{height: 640px;background: url(../images/class_bg.jpg) no-repeat right -100px;padding: 30px;}*/
.h-producerclasslay{background: url(../images/class_bg.jpg) no-repeat right -100px;}
.h-producerclasslay .layui-carousel{background-color: transparent!important;}
.h-producerclasslay .layui-carousel>div>div{background-color: transparent!important;}
.h-producerclasslay .h-item{padding: 100px;display: flex;}
.h-producerclasslay .h-img{height:360px;text-align: center;}
.h-producerclasslay .h-img img{max-height: 100%;max-width:580px;object-fit: cover;}
.h-producerclasslay .h-cent{margin-left: 100px;}
.h-producerclasslay .h-cent h6{font-size: 26px;color: #666666;height: 50px;line-height: 50px;margin-top: 20px;}
.h-producerclasslay .h-cent label{display: block;font-size: 22px;color: #666666;margin-top: 20px;}
.h-producerclasslay .h-cent span.line {display: block;width: 60px;height: 2px;background: #888888;margin: 20px 0 30px;}
.h-producerclasslay .h-cent p {font-size: 14px;color: #666666;line-height: 26px;}
.h-producerclasslay .h-cent span.more {font-size: 14px;margin-top: 30px;display: block;}
.h-producerclasslay .h-cent span.more:hover {color: #a62f33;}
.h-producerclasslay .h-buts {display: flex; justify-content:center;margin-top: 50px;}
.h-producerclasslay .h-buts>div{width: 200px;background-color: white;text-align: center;margin: 0 10px;box-shadow: #b7b7b7 0px 5px 10px;}
.h-producerclasslay .h-buts>div img{padding: 15px 0;}
.h-producerclasslay .h-buts>div:hover img,.h-producerclasslay .h-buts .curr img{filter: brightness(1000);}
.h-producerclasslay .h-buts>div:hover,.h-producerclasslay .h-buts .curr{background-color:  #a62f33;color: white;}

.h-producerclasslay .h-buts>div p{padding-bottom: 15px;}
.h-producerclasslay .h-buts>div p{padding-bottom: 15px;}




/*关于我们*/
/*.h-aboutlay{background: url(../images/class_bg.jpg) no-repeat right top;padding: 30px;height: 780px;}*/
.h-aboutlay .h-about_cont .h-about{display: flex; justify-content: space-between;}
.h-aboutlay .h-about_cont .h-img{width: 790px;height: 480px;}
.h-aboutlay .h-about_cont .h-img img{width: 100%;max-height: 100%;object-fit: cover;}
.h-aboutlay .h-about_cont .h-info{width: 360px;padding: 20px;border: 1px solid #F2F2F2;box-shadow: #b7b7b7 0px 5px 10px;margin-right: 10px;background-color: #fdfdfe;}
.h-aboutlay .h-about_cont .h-info span.line {display: block;width: 40px;height: 2px;background: #a62f33;margin: 20px 0 10px;}
.h-aboutlay .h-about_cont .h-info h6{font-size: 26px;color: #666666;height: 50px;line-height: 50px;}
.h-aboutlay .h-about_cont .h-info p{font-size: 14px;color: #666666;line-height: 26px;padding: 15px 0 0;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:12;  overflow: hidden; }
.h-aboutlay .h-about:hover h6{color:#a62f33; }
.h-aboutlay .h-about:hover .h-info {border-color: #a62f33;transition: all .3s; }

.h-blis{display: flex;justify-content:space-between;padding: 30px 0; transition: all 1s;}
.h-blis>div{width: 380px;height: 260px;background-color: #fdfdfe;box-shadow: #b7b7b7 0px 5px 10px;display: flex;justify-content:center; align-items:center;}
.h-blis>div .h-item{text-align: center;color: #666666;display: block;}
.h-blis>div p{margin-top: 20px;font-size: 26px;}
.h-blis>div:hover{background-color: #a62f33;}
.h-blis>div:hover .h-item{color: white; }
.h-blis>div:hover .h-item img{filter: brightness(1000); }

/*.h-aboutlay .h-about_cont .h-more{ padding-top: 30px;}*/
/*.h-aboutlay .h-about_cont  .h-more>a{*/
/*    transition: all .3s;*/
/*    border: 1px  solid #dbdbdb;border-radius: 4px;height: 38px;line-height: 38px;margin: 0 auto; width: 120px;text-align: center;display: block;color: #333333;;*/
/*}*/

.h-aboutlay .h-about_cont  .h-more>a:hover{background-color: #a62f33;  transform: translateX(0); color: white;}

/*滑动*/

/* 必要布局样式css */
.ato-content {
    width: 1180px;
    margin: 0 auto;
    padding-bottom: 30px;

}
.ato-content .tempWrap{width: 100%!important;}
.ato-list ul {
    height: 470px;
}

.ato-list ul li {
    margin-top:30px;
    width: 270px;
    height: 420px;
    float: left;
    margin-left: 26px;
    margin-right: 0;
    text-align: center;
    background-color: #fff;
    -webkit-transition: height 300ms;
    -moz-transition: height 300ms;
    -ms-transition: height 300ms;
    -o-transition: height 300ms;
    transition: height 300ms;
    position: relative;
    box-shadow: 1px 0px 8px rgba(0,0,0,0.12);
    top: 10px;
    left: -10px;
}

.ato-list ul li:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0px 2px rgba(0,0,0,0.24);
}

.ato-list ul li div {
    width: 270px;
    min-height: 132px;
    display: flex;
    align-items:center;
    text-align: center;
    margin-top: 80px;
}

.ato-list ul li div img {
    width: 38%;
    height: auto;
    border: none;
    display: block;
    margin: 0 auto;
}

.ato-list ul li h3 {
    font-size: 16px;
    font-weight: bold;;
    color:  white;
    margin-top: 200px;
    margin-bottom: 10px;
}

.ato-list ul li p {
    margin: 0;
    text-align: left;
    font-size: 13px;
    color:white;
    line-height: 25px;
    padding: 0 22px 20px 22px;
}
.ato-list ul li>a{
    height: 100%;flex-direction: column;display: block;position: absolute;
}



.ato-list {float: left;width: 1180px;height: 470px;}

.ato-list ul li:hover {
    top: -5px;
    box-shadow: 0 10px 12px rgba(0,0,0,0.12);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

/*.ato-list ul li:before{background:  url("../images/li_bg.png") repeat left top;}*/
/*.ato-list li  a{display: block;background:  url("../images/li_bg.png") repeat left top;}*/
.ato-list .li_bg{background: url("../images/c_9.jpg") no-repeat left top;background-size: 100% auto;}
.ato-list .li_bg_2{background: url("../images/c_6.jpg") no-repeat left top;background-size: 100% auto;}
.ato-list .li_bg_3{background: url("../images/c_7.jpg") no-repeat left top;background-size: 100% auto;}
.ato-list .li_bg_4{background: url("../images/c_8.jpg") no-repeat left top;background-size: 100% auto;}
.ato-list .li_bg_5{background: url("../images/c_5.jpg") no-repeat left top;background-size: 100% auto;}
.ato-list .li_bg_6{background: url("../images/c_6.jpg") no-repeat left top;background-size: 100% auto;}

.prev:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}

.prev:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 11px;
}

.prev:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}

.prev:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 11px;
}

.next:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}

.next:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 11px;
}

.next:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}

.next:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
    right: 11px;
}

.ato-list-fl .h-prev{display: flex;justify-content: flex-end ;}

.ato-list-fl a:hover {
    background:  #a62f33;
    border: 1px solid  #a62f33;
}
/*滑动*/


.h-strategybg{}
.h-strategylay .layui-row>div:hover .h-img{
    border-color:  #a62f33;
}
.h-strategylay{padding-bottom: 30px;}
.h-strategylay .layui-row>div{margin-top: 50px;text-align: center;padding: 10px;}
.h-strategylay .layui-row .h-img{height: 70px;display: flex;align-items: center; justify-content:center;background-color: white;box-shadow: #b7b7b7 0px 5px 10px;border: 2px solid transparent;}
.h-strategylay .layui-row img{padding: 10px;max-width: 100%;}


/*文章*/
.h-articlebg{background:#f8f8f8 url(../images/class_bg.jpg) no-repeat right bottom;padding: 30px 0 50px;}
.h-articlelay{display: flex;justify-content: space-between;}
.h-articlelay .h-article{width: 840px;}
.h-articlelay .h-article .h-tablay{border-bottom: 3px solid #a62f33;;padding-bottom: 20px;}
.h-articlelay .h-article .h-tablay>div>a{padding-right: 30px;font-size: 18px;color: #666666}
.h-articlelay .h-article .h-tablay>div .h-tab-a:hover{cursor: pointer;color:#a62f33; }
.h-articlelay .h-article .h-tablay .h-more{float: right;color:#a62f33; }
.h-articlelay .h-article .h-tablay .h-act{color:#a62f33; }

.h-article ul li{height: 180px;background-color: white;margin-top: 30px;box-shadow: #b7b7b7 0px 5px 10px;}
.h-article ul li.h-news-item{display: block;color: #333333;box-shadow: #b7b7b7 0px 5px 10px;}
.h-article ul li .h-news-item:hover h6{color: #a62f33;}
.h-article ul li .h-news-item:hover img{transform: scale(1.2);}
.h-article ul li .h-news-item .h-time{background-color:  #a62f33;height: 30px;width: 160px;line-height: 30px;color:white;padding-left: 10px;}
.h-article ul li .h-news-item .h-cont{display: flex;padding: 15px 15px;}
.h-article ul li .h-news-item .h-cont .h-img{overflow: hidden;}
.h-article ul li .h-news-item .h-cont img{width: 200px;height: 120px;transition: all 0.6s;object-fit: cover;}
.h-article ul li .h-news-item .h-cont>div:last-child{margin-left: 10px;}
.h-article ul li .h-news-item .h-cont h6{font-size: 16px;font-weight: bold;}
.h-article ul li .h-news-item .h-cont p{font-size: 14px;color: #999999;margin-top: 15px;}

.h-quizlay{width: 300px;}
.h-quizlay .h-title{border-bottom: 3px solid #a62f33;;padding-bottom: 20px;}
.h-quizlay .h-title .h-more{float: right;color:#a62f33; }

.h-quizlay li{width: 100%;background-color: white;margin-bottom: 30px;padding: 10px;height: 180px;}
.h-quizlay li h6{overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap; font-size: 16px;color: #333333;height: 48px;line-height: 48px;}
.h-quizlay li span{color:#a62f33;font-weight: bold;padding-right: 10px; font-size: 16px!important;}
.h-quizlay li p{color:#999999;font-size: 14px; }
.h-quizlay .h-quizlayscroll{height: 600px;overflow: hidden;margin-top: 30px;}

    /*新闻*/
.h-joinbg{background:#f8f8f8 url("../images/strategy.jpg") no-repeat center top;padding: 30px 0;}
.h-joinlay{display: flex;justify-content: space-between;}
.h-joinlay .h-img{width: 600px;display: flex;height: 360px;}
.h-joinlay .h-img img{width: 300px;object-fit: cover;}
.h-joinlay .h-img>div{padding: 40px 20px 20px;}
.h-joinlay .h-img>div h6{font-size: 20px;font-weight: bold;color: white;}
.h-joinlay .h-img>div span.line {display: block;width: 60px;height: 2px;background: #a62f33;margin: 20px 0 30px;}
.h-joinlay .h-img>div p {font-size: 14px;color: white;}
.h-joinlay .h-process{width: 560px;display: flex; flex-wrap: wrap ;}
.h-joinlay .h-process>div{height: 120px;width: 120px;border-radius: 60px;background-color: white;font-size: 20px;display: flex;    justify-content: center;align-items: center;margin-left: 30px;
    box-shadow: #b7b7b7 0px 5px 10px;margin-top: 20px;
    background-color: #fdfdfe;}
.h-joinlay .h-process .act,.h-joinlay .h-process div:hover{background-color: #a62f33;color: white}





.h-footer{background-color: #030a1a;}
.h-footer .h-web-map-lay{padding: 35px 0 20px;overflow: hidden;border-bottom: 1px solid #81858d;}
.h-footer .h-logo-3{float: left;}
.h-footer .h-web-map{overflow: hidden;display: flex;flex-wrap:wrap;}
.h-footer .h-web-map  a{font-size: 16px;color: white;margin-right: 50px;padding-top: 20px;display: block;}
.h-footer .h-web-map  a:hover{color:#a62f33;}

.h-like-lay{width: 1000px;float: left;}
.h-like span{display: inline-block;font-size: 18px;color: white;}
.h-like a{display: inline-block;font-size: 18px;color: white;padding-left: 20px;padding-top: 8px;}
.h-like a:hover,.h-footer .h-web-map li a:hover,.h-footer .h-web-map dl a:hover{color:#a62f33;}

.h-address{font-size: 16px; color: #f2f4f8;padding: 20px 0 0px;}
.h-address p{padding-bottom: 10px;}
.h-address em{padding-right: 15px;}

.h-code{width: 113px;height: 113px;float: right;}
.h-code img{max-width: 100%;max-height: 100%;object-fit: cover;}

.h-web-info{height: 40px;line-height: 40px;text-align: center;background-color: #232732;font-size: 16px;color: white;}
.h-web-info em{padding-right: 15px;}


/*文章内页  开始*/
.hl-pagelay{max-width: 1200px;margin: 0 auto;}

.d-breadcrumb-lay{height: 60px;line-height: 60px;}

.hl-titlelay h3 {
    font-size: 30px;
    color: #505050;
    line-height: 1;
    text-align: center;
}
.hl-titlelay h6 {
    text-transform: uppercase;
    position: relative;
    font-size: 14px;
    color: #505050;
    line-height: 1.8;
    padding-bottom: 2px;
    text-align: center;
}
.hl-titlelay h6:before {
    position: absolute;
    content: '';
    width: 130px;
    height: 1px;
    background: #959595;
    bottom: 0;
    left: 50%;
    margin-left: -65px;
}
.hl-titlelay h6:after {
    position: absolute;
    content: '';
    width: 65px;
    height: 3px;
    background: #a62f33;
    bottom: -1px;
    margin-left: -33px;
    left: 50%;
}
.hl-titlelay>div{margin: 15px auto;text-align: center;padding: 20px 0;}
.hl-titlelay>div>a {
    display: inline-block;
    font-size: 18px;
    color: #454545;
    margin-left: 20px;
    margin-right: 20px;
}

.hl-titlelay>div>a:hover{color:  #a62f33;}



.hl-actlaylist ul{padding-bottom: 30px;}
.hl-actlaylist ul li{height: 240px;background-color: white;margin-top: 30px;box-shadow: #b7b7b7 0px 5px 10px;}
.hl-actlaylist ul li.h-news-item{display: block;color: #333333;box-shadow: #b7b7b7 0px 5px 10px;}
.hl-actlaylist ul li .h-news-item:hover h6{color: #a62f33;}
.hl-actlaylist ul li .h-news-item:hover img{transform: scale(1.2);}
.hl-actlaylist ul li .h-news-item .h-time{background-color:  #a62f33;height: 30px;width: 160px;line-height: 30px;color:white;padding-left: 10px;}
.hl-actlaylist ul li .h-news-item .h-cont{display: flex;padding: 15px 15px;}
.hl-actlaylist ul li .h-news-item .h-cont .h-img{width: 300px;height: 180px;display: block;overflow: hidden;}
.hl-actlaylist ul li .h-news-item .h-cont img{width: 300px;height: 180px;transition: all 0.6s;object-fit: cover;}
.hl-actlaylist ul li .h-news-item .h-cont>div:last-child{margin-left: 20px;display: flex;flex-direction: column; justify-content: center }
.hl-actlaylist ul li .h-news-item .h-cont h6{font-size: 16px;font-weight: bold;}
.hl-actlaylist ul li .h-news-item .h-cont p{font-size: 14px;color: #999999;margin-top: 15px;padding-bottom: 20px;}

/*文章内页  结束*/

/*分页 开始 */
.h-list-page{margin-top: 30px;}
.h-list-page .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:  #a62f33;}
.h-list-page .layui-laypage a:hover{color:  #a62f33;}
/*分页 结束 */


/*产品内容 开始*/
.hl-prolaylist .layui-row{overflow: auto;}
.hl-prolaylist .layui-row>div{margin-bottom: 15px;}
.hl-prolaylist .hl-pro-li{display: block;}
.hl-prolaylist .hl-pro-li:hover{color:  #a62f33;}
.hl-prolaylist .hl-pro-li:hover img{transform: scale(1.2);}
.hl-prolaylist .hl-img{width: 100%;overflow: hidden;}
.hl-prolaylist .hl-img img{max-height: 180px;width: 100%;object-fit: cover;transition: all 0.6s;}
.hl-prolaylist h6{height: 40px;line-height: 40px;background-color: #f2f4f8;text-align: center;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;}

/*产品内容 结束*/


/* 单页面详情 开始*/
.hl-acticle-pagelay .hl-acticle-title{text-align: center;margin-bottom: 50px;}
.hl-acticle-pagelay .hl-acticle-title h3{font-size: 24px;color:#a62f33;font-weight: 400;}
.hl-acticle-pagelay .hl-acticle-title p{margin-top: 10px;font-size: 16px;color: #808080;}
.hl-acticle-pagelay .hl-acticle-box{line-height: 28px;}
.hl-acticle-pagelay .hl-acticle-box img{max-width: 100%;}
.hl-acticle-pagelay .hl-pro-img{padding: 30px 0;}
.hl-acticle-pagelay .hl-pro-img img{max-width: 100%;}
.hl-acticle-pagelay .hl-pro-details{line-height: 1.8;font-size: 14px;color: #4c4c4c;margin-bottom: 25px;border-bottom: 1px solid #F2F2F2;}
.hl-acticle-pagelay .hl-pro-details span{    display: inline-block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #977553;
    color: #ffffff;
    font-size: 16px;
}
/* 单页面详情 结束*/

/*分享 */
.hl-sharelay{border-bottom: 1px solid #F2F2F2;overflow: auto;padding-bottom: 10px;}
.hl-sharelay .hl-share{float: right;}

/*上一篇 其他文章*/
.hl-otherlay{padding-bottom: 50px;}
.hl-otherlay a{ display: block;height: 50px;font-size: 18px;color: #333333;line-height: 50px;}
.hl-otherlay a:hover{color:#a62f33;}

/*搜索框 开始*/

.hl-searchlay{height: 60px;background-color:#F2F2F2; line-height: 60px;}
.hl-searchlay>div{display: flex; justify-content: space-between;}
.hl-searchlay .h-search{width: 300px;margin-top: 10px;line-height: 38px;font-size: 14px;border-radius: 4px;color: #999999;display: flex;}
.hl-searchlay .h-search input{width: 240px;height: 38px;line-height: 38px;font-size: 14px;border-radius: 4px 0 0 4px;color: #999999;padding:0 10px;border: 1px solid #bfb3b3;}
.hl-searchlay .h-search>label{width: 60px;height: 100%;display: block;background-color:#a62f33;float: right;text-align: center;color: white; }
.hl-searchlay .h-search>label:hover{background-color:#691315;cursor: pointer; }

/*搜索框 结束*/