.gj_btn{text-align: left;margin-top:4%;}

.gj_btn a{display: inline-block;height: 50px;line-height: 50px;text-align: center;padding: 0 50px;background: #b8120d;color: #fff!important;border-radius: 3px;}

@media only screen and (min-width:1025px) {

.gj_btn a:hover{background: linear-gradient(-45deg, #b8120d 40%, #eb4b46 50%, #b8120d 70%);background-size: 700% 100%; animation: shine 15s linear infinite;}

}

@media only screen and (max-width:1279px) {

    .gj_btn a{ height: 40px; line-height: 40px; padding: 0 30px;}

}

@media only screen and (max-width:767px) {

    .gj_btn{text-align: center;display: inline-block;width: 100%;}

    .gj_btn a{padding: 0 20px;height: 36px;line-height: 36px;}

}

@keyframes shine {

    0% {

        background-position-x:400%;

    }

    50% {

        background-position-x:0%;

    }

    100% {

        background-position-x:-400%;

    }

}

/*截字*/

.ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}

.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;}

.clamp_3{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;height: 4.5em;overflow:hidden;}

.clamp_4{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4; line-height: 1.5;  max-height: 6em;height: 6em;overflow:hidden;}

.clamp_5{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 5; line-height: 1.5;  max-height: 7.5em;height: 7.5em;overflow:hidden;}

.clamp_6{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 6; line-height: 1.5;  max-height: 9em;height: 9em;overflow:hidden;}

img{max-width: 100%;}

.bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center;}



.about-part01{padding:6% 0;}

.about-part01 .tit{ text-align: center; margin-bottom:2.5%;}

.about-part01 .con{text-align: center;}

.about-part01 .con .gj_btn,.about-part02 .gj_btn{text-align: center; font-size: 14px;}

.about-part01 ul.num{margin: 6% 18% 0;}

ul.num li{width: 20.5%;margin-right: 6%;float: left;color: #3d3d3d;}

ul.num li:last-child{margin-right: 0;}

ul.num li dd em{display: inline-block;vertical-align: top;font-weight: bold;margin-left: 5px;}



.about-part02{padding:6% 0;}

.intit{margin-bottom: 5%; position: relative;}

.intit i{display: inline-block;vertical-align: bottom;color: #444444;margin-left:20px;}

.intit .gj_btn{position: absolute; right:0; top:10px;margin-top: 0;}

.about-part02 li{ float: left; width: 49%; border:1px solid #5E5E5E;}

.about-part02 li+li{ float: right;}

.about-part02 li .inner{padding:8% 5% 5%;}

.about-part02 li h2{border-bottom: 1px solid #CCCCCC; padding-bottom: 20px; margin-bottom: 20px;}

.about-part02 li h2 em{max-height: 3em; height: 3em;}

.about-part02 li p{ max-height: 4.5em; height: 4.5em; margin-bottom: 10%;}

@media only screen and (max-width:1023px) {

.about-part01 ul.num{margin: 5% 0 0;}

}

@media only screen and (max-width:767px) {

ul.num li{width: 50%;margin-right: 0;margin-bottom: 20px;text-align: center;}

.about-part02 li{width: 100%; margin: 0 0 2%;}

.about-part02 li h2{padding-bottom: 10px; margin-bottom: 10px;}

.about-part02 li h2 em{ height: auto; max-height: auto;}

}



.company-part01{padding:5% 0; background: #F5F2ED;}

.company-part01 .ll{ float: left; width: 47%;}

.company-part01 .ll .tit{line-height:1.2; margin-bottom: 7%;}

.company-part01 .ll .con p{margin-bottom: 4%;}

.company-part01 .rr{ float: right; width: 50%;}

.company-part01 .rr .img{margin-bottom: 10%;}



.company-part02{position: relative; cursor: pointer;}
.company-part02 img{width: 100%;}
.company-part02 em{ z-index: 1; color: #fff;}

.company-part02 .video-box{position: relative;}
.company-part02 .video-box video{ width: 100%; height: 100%; object-fit: fill;}
/*视频弹出框*/

.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}

.video_appbox.show{visibility: visible;opacity:1;}

.video_appbox video{object-fit: cover;    width: 100%;}

.video_appbox .video_t{

    z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;

    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;

    transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;

    visibility: hidden;opacity: 0;}

.video_appbox.show .video_t{visibility: visible;opacity:1;top:50%;}

.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}

.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}

.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}

.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}

/*视频弹出框*/

@media only screen and (max-width:1023px) {

    .company-part01 .ll,.company-part01 .rr{width: 100%;}

    .company-part01 .ll .tit,.company-part01 .rr .img{margin-bottom: 5%;}

}





.announce-list{padding: 4% 0 6%;}

.announce-list li{ background: #fff;}

.announce-list li:nth-child(2n){ background: #F4F4F4;}

.announce-list li dl{ overflow: hidden; padding: 28px 0;}

.announce-list li dt{ float: left; width: 18.88%;}

.announce-list li dd{ float: right; width: 78.125%;}

.announce-list li dd h2{ padding:1.8% 0; margin-bottom:2%;border-bottom: 1px solid #B2B2B2; overflow: hidden;}

.announce-list li dd h2 a{ float: left; width: calc(100% - 150px);}

.announce-list li dd h2 span{ float: right; vertical-align: middle; line-height: 1.8;}

.announce-list li dd p{ line-height: 1.8; max-height: 3.6em; height: 3.6em;}

@media only screen and (max-width:1279px) {

    .announce-list li dd h2{padding-top: 0;}

}

@media only screen and (max-width:767px) {

    .announce-list li dt,.announce-list li dd{width: 100%;}

    .announce-list li dt{margin-bottom: 5%;}

}



.details_body .header{border-bottom: 1px solid #000;}

.details{padding: 5% 0;}

.details .wrap{width: 1280px;}

.details .posttime{ display: block; color:#3D3D3D; font-family: Arial, Helvetica, sans-serif;}

.details h1{color:#000;}

.ico-box{margin:2.5% 0; height:24px; line-height: 24px;}

.ico-box a{ float: left; width:24px; height:24px;margin:0 15px 0 0;}

.ico-box a.i-wx{background: url(../images/share_wx.png) no-repeat;}

.ico-box a.i-wb{background: url(../images/share_wb.png) no-repeat;}

.ico-box a.i-qq{background: url(../images/share_qq.png) no-repeat;}

.ico-box a.i-db{background: url(../images/share_db.png) no-repeat;}

.ico-box a.i-bd{background: url(../images/share_bd.png) no-repeat;}

.details .conts{margin-bottom:8%;}

.dets-page{border-top:1px solid #7E7E7E; padding: 10px 0 0; position: relative;}

.dets-page p{ line-height: 32px; color:#303030;overflow: hidden; width: calc(100% - 80px);}

.dets-page p label{ float: left; width: 66px;}

.dets-page p a{ float: right; width: calc(100% - 66px); color:#303030; display: block; height: 32px; overflow: hidden;}

.dets-page a.close{ position: absolute; top:25px; right:0; width:40px; height: 40px; line-height: 40px; text-align: center; color:#fff!important; background: #4D4747;}

@media only screen and (max-width:767px) {

    .dets-page a.close{ display: none;}

    .dets-page p{width: 100%;}

}









.news-part01{ padding: 5% 0; background: #fff;}

.news-part01 .intit,.news-part03 .intit{margin-bottom: 3.5%;}

.news-part01 ul{margin: 0 -0.2%;}

.news-part01 li{ float: left; width: 32.83%; margin: 0 0.2% 3%;}

.news-part01 li .img{margin-bottom:4%;}

.news-part01 li span,.news-part01 li h3{padding: 0 10px; width: calc(100% - 20px);}

.news-part01 li span{ display: block; margin-bottom: 10px; color:#3D3D3D;}

.news-part02{padding: 5% 0;}

.news-part02 .intit{margin-bottom: 3.5%; text-align: center;}

.news-part02 li{ float: left; width: 48%; padding: 2% 0 4%; border-top:1px solid #000000;}

.news-part02 li:nth-child(2n){ float: right;}

.news-part02 li span{ display: block; margin-top: 8px;}

.news-part02 .gj_btn{ text-align: center; margin-top: 2%;}

.news-part03{padding: 5% 0; background: #fff;}

.news-part03 ul{margin: 0 -0.2%;}

.news-part03 li{ float: left; width: 32.83%; margin: 0 0.2% 2%; position: relative;}

.news-part03 li .l_txt{color:#fff; position: absolute; left:8%; top:5%; padding:0 0 10%; border-bottom: 2px solid #fff;}

.news-part03 li .b_txt{color:#fff;position: absolute; left:0; bottom:0; padding:15% 8% 5%;width:84%; line-height: 36px;

    background: -webkit-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 1) 100%);

    background: -moz-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 1) 100%);

    background: -o-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 1) 100%);transition: 0.3s all;}

.news-part03 li .l_txt span{ display: block; line-height: 1; font-family: Arial, Helvetica, sans-serif;}

.news-part03 li .l_txt em{ display: block;}

.news-part03 li .b_txt span{ float: left;}

.news-part03 li .b_txt em{ float: right;}





@media only screen and (max-width:1440px) {

.intit .gj_btn{top:0;}

}

@media only screen and (max-width:767px) {

.intit .gj_btn{ width: auto;}

.news-part01 ul,.news-part03 ul{margin:0;}

.news-part01 ul li,.news-part03 ul li{width: 100%; margin: 0 0 5%;}

.news-part02 li{width: 100%; padding: 3% 0;}

}

    









.news-top{padding: 6% 0 0;}

.news_top_swiper{position: relative;}

.news_top_swiper dt{ width: 57.5%;}

.news_top_swiper dd{ width: calc(42.5% - 2px); height: calc(100% - 2px); border:1px solid #5E5E5E; position: absolute; z-index: 1; right:0; top:0;}

.news_top_swiper dd .inner{padding:10% 8%;}

.news_top_swiper dd span{ display: block; font-family: Arial, Helvetica, sans-serif; margin-bottom: 3%;}

.news_top_swiper dd h2{ padding-bottom:5%; margin-bottom: 5%; border-bottom:1px solid #CCCCCC;}

.news_top_swiper dd h2 em{line-height: 1.3; max-height: 2.6em; height: 2.6em; display: block;}

.news_top_swiper dd p{ line-height: 1.8; max-height: 5.4em; height: 5.4em;}

.news_right_bot{position: absolute; z-index: 2; left:61%; bottom:10%; width: 36%; color:#3D3D3D;}

.news_right_btn{line-height: 1.2; margin-bottom: 5px;}

.news_right_bot .swiper-pagination span{ width: 46px; height:16px; margin-right:1px; border-radius: 0; opacity: 1; background: none; position:relative;}

.news_right_bot .swiper-pagination span::before{content: ""; position: absolute; left:0; top:6px; width: 100%; height: 3px;background: #CCCCCC; }

.news_right_bot .swiper-pagination span.swiper-pagination-bullet-active::before{ background: #C32823;}

.news-part01 .page{margin-top: 2%;}

@media only screen and (max-width:767px) {

    .news_top_swiper dt{width: 100%;}

    .news_top_swiper dd{position: static;width:calc(100% - 2px); height: auto;}

    .news_top_swiper dd .inner{padding: 5% 5% 20%;}

    .news_right_bot{bottom:5%; lefT:5%; width: 80%;}

    .news_right_bot .swiper-pagination span{ width: 20px;}

}



.media-list{padding:5% 0;}

.media-list li{background:#F4F4F4;}

.media-list li:nth-child(2n){ background: #fff;}

.media-list li dl{padding: 4% 0;box-sizing: border-box;overflow: hidden;position: relative;}

.media-list li dd{float: left;width: 120px;position: relative;color: #272727;}

.media-list li dd:after{content: "";width: 1px;height: 120%;background: #bfbfbf;display: block;position: absolute;left:60%;top: 0;transform: rotate(45deg);}

.media-list li dd span{float: left;width: 60%;}

.media-list li dd span:last-child{text-align: right;margin-top: 25px; width: 40%;}

.media-list li dt{float: right;width: calc(100% - 180px);}

.media-list li dt h2{ margin-bottom:1%;}

.media-list li dt p{line-height:1.8; max-height:3.6em; height:3.6em;}

.media-list .page{margin-top:3%;}

@media only screen and (max-width:1599px) {

    .media-list li dd span{width: 55%;}

    .media-list li dd span:last-child{width: 45%;}

    .media-list li dd:after{left: 55%;}

}

@media only screen and (max-width:1279px) {

.media-list li dd{ width: 100px;}

.media-list li dt{width: calc(100% - 140px);}

}

@media only screen and (max-width:1023px) {

.media-list li dd{ width: 80px;}

.media-list li dt{width: calc(100% - 100px);}

}







.brand-part01{padding:5% 0 0;}

.brand-part01 li{ float:left; width: 49%; position: relative;}

.brand-part01 li+li{margin-top: 5%; float: right;}

.brand-part01 li dt{width: 100%;}

.brand-part01 li dd{position: absolute; left:7%;bottom:5%;width: 86%;color:#fff; transform: translateY(90px);}

.brand-part01 li dd h2{margin-bottom: 10px;}

.brand-part01 li dd p{margin-bottom: 30px; opacity: 0; max-height: 4.5em; overflow: hidden;}

.brand-part01 li dd em{opacity: 0;}



.brand-part02{ margin-top: 3%; padding: 5% 0 7%; color:#fff;}

.brand-part02 h2{ text-align: center; margin-bottom: 5%;}

.history_year{position: relative; margin-top: 5%;}

.history_year .line{position: absolute;left:30px; top:15px; width:calc(100% - 60px); height:1px; background: rgba(255,255,255,0.4);}

.his_year{width:calc(100% - 60px);margin:0 auto; }

.his_year .swiper-slide{ text-align: center; /*height: 85px;*/position: relative;}

.his_year .swiper-slide a{font-size: 24px;  color:#fff; font-family: Arial, Helvetica, sans-serif; display: block; margin-top:40px; height: 36px; line-height: 36px;}

.his_year .swiper-slide em{ position: absolute; left:50%; margin-left:-2px; top:13px; width:5px; height:5px;border-radius: 100%; background:#fff;}

.his_year .swiper-slide.on em{ width: 12px; height: 12px; border: 7px solid #B8120D;margin-left:-13px;top:3px;}

.his_year .swiper-slide.on a{font-size: 36px; color: #B8120D;font-weight: bold;}

.his_year .swiper-button-prev{left:0; margin-top:0; top:0; font-size: 30px; width:30px; height: 30px; line-height: 30px; background:none;}

.his_year .swiper-button-next{right:0; margin-top:0; top:0;font-size: 30px; width:30px; height: 30px; line-height: 30px;background:none;}

.his_year .swiper-button-prev.swiper-button-disabled,.his_year .swiper-button-next.swiper-button-disabled{opacity: 1; cursor: pointer; pointer-events:inherit!important;}

.his_year .swiper-button-prev.disabled,.his_year .swiper-button-next.disabled{cursor: default;opacity: 0.5;}

.his_year .swiper-button-prev i,.his_year .swiper-button-next i{ font-weight: bold;}

.history_list{padding: 0 20%;height: 168px; overflow: hidden;}

.history_list li{padding-left:50px; line-height: 32px; margin-bottom: 10px; position: relative;}

.history_list li::before{content: "";position: absolute;top: 0;left: 0;width:31px;height: 32px;background: url(../images/brand_dot01.png) no-repeat center;}

.history_list .mCSB_scrollTools .mCSB_draggerRail,.his_c .mCSB_scrollTools .mCSB_draggerRail{ background: #B8120D;}





.brand-part03{padding: 5% 0 7%;}

.brand-part03 .intit{margin-bottom: 2%;}

.brand-part03 .incon p{ float: left; width: calc(100% - 200px);}

.brand-part03 .incon .gj_btn{ float: right; margin-top: 0;}

.brand03-swiper{margin-top: 4%; position: relative;}

.brand03-swiper .txt{padding:7% 3% 3%;}

.brand03-swiper span{ display: block; width: 45px; height: 3px; background: #C32823;}

.brand03-swiper h2{margin-top: 5%;}

.brand03-swiper .swiper-button-prev,.brand03-swiper .swiper-button-next{z-index: 2; left:-30px; width:60px; height:60px; line-height: 60px; text-align: center; border-radius: 100%; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); background: #F9F9F9;}

.brand03-swiper .swiper-button-next{left:auto; right:-30px;}

.brand03-swiper .swiper-button-prev.swiper-button-disabled,.brand03-swiper .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important;}

.brand03-swiper .swiper-button-prev i,.brand03-swiper .swiper-button-next i{ font-size: 24px; font-weight:bold;}



@media only screen and (max-width:1279px) {

    .brand03-swiper .swiper-button-prev, .brand03-swiper .swiper-button-next{left:-20px; width: 40px; height: 40px; line-height: 40px;}

    .brand03-swiper .swiper-button-next{left:auto; right:-20px;}

}

@media only screen and (max-width:1024px) {

.brand-part01 li dd{transform:translateY(0px);}

.brand-part01 li dd p,.brand-part01 li dd em{opacity: 1;}

}

@media only screen and (max-width:767px) {

    .brand-part01 li{width:100%;}

    .history_list{padding: 0 5%;}

    .history_list li{line-height: 30px;}

    .history_list li::before{background-size: 24px;}

    .his_year .swiper-slide a{font-size: 20px;}

    .his_year .swiper-slide.on a{font-size: 24px;}

    .brand03-swiper .swiper-button-prev, .brand03-swiper .swiper-button-next{left:5px; width: 30px; height: 30px; line-height: 30px;}

    .brand03-swiper .swiper-button-next{left:auto; right:5px;}

    .brand-part03 .incon p{width: 100%; margin-bottom: 3%;}

    .brand03-swiper .swiper-button-prev i, .brand03-swiper .swiper-button-next i{font-size: 18px;}
    .brand-part01 li dd p{ max-height: 6em;}

}



.fnt_200{font-size: 200px;}

@media only screen and (max-width:1660px) {

    .fnt_200{font-size: 150px;}

}

@media only screen and (max-width:1440px) {

    .fnt_200{font-size: 100px;}

}

@media only screen and (max-width:1024px) {

    .fnt_200{font-size: 80px;}

}

@media only screen and (max-width:767px) {

    .fnt_200{font-size: 40px;}

}



.history-part{padding-top: 15%;}

.his_t{text-align: center; line-height: 1.3;}

.his_c{ text-align: center; height: 6em;}

.history-part .history_year .line{top:25px;}

.his_sw .swiper-slide em{width: 12px; height: 12px; margin-left: -6px; top:20px;}

.his_sw .swiper-slide a{margin-top: 60px;}

.his_sw .swiper-slide.on a{font-size: 24px; color:#fff;}

.his_sw .swiper-slide.on em{border:20px solid #B8120D; margin-left: -26px; top:0;}

.his_sw .swiper-button-prev,.his_sw .swiper-button-next{top:10px;}

@media only screen and (max-width:767px) {

    .his_sw .swiper-slide.on em{border:7px solid #B8120D; margin-left: -13px; top:13px;}

}



.active-part{padding-bottom: 5%;}

.activelist{margin-top: 0;}

.activelist ul{margin: 0 -6px;}

.activelist li{ float: left; width:calc(33.33% - 6px); margin: 0 3px 3%;}

@media only screen and (max-width:767px) {

    .activelist ul{margin: 0;}

    .activelist li{width: 100%; margin: 0 0 5%;}

}











.search-part{ padding:4% 0 0;}

.search_t{background: #f4f4f4;padding: 3% 10%; margin-bottom:2%; overflow: hidden;}

.search_t input,.search_t button{height:46px;line-height: 46px; font-size: 16px; border:none;outline: none;}

.search_t input{padding: 0 10px; width: calc(100% - 140px);float: left; box-sizing: border-box;}

.search_t button{background:#B8120D;color: #fff;width: 140px;float: left;}

.search_p{color: #4c4c4c;padding:2%;}

.search_p span,.search_p i{color: #B8120D;}

.search_list{padding:0 0 5%;}

.search_list li{overflow: hidden;padding: 0 2%;height: 50px;line-height: 50px;border-bottom: 1px solid #e6e6e6;}

.search_list p{float: left;width:calc(100% - 150px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.search_list p i{color: #B8120D;}

.search_list li span{float: right;color: #999999;}

.search_list p a{color: #4c4c4c;}

@media only screen and (max-width:1024px) {

.search_t input, .search_t button{font-size: 14px;}

}

@media only screen and (max-width:767px) {

.search_t{padding:5%;}

.search_t button{width:100px;}

.search_t input{width:calc(100% - 100px);}

.search_p{padding-bottom: 0;}

.search_list li{height:40px; line-height: 40px;}

.search_list p{width:calc(100% - 80px);}

}





.law-part{padding: 5% 0;}



.sitemap{padding:5% 0;}

.sitemap ul{margin:0 -1%;}

.sitemap li{ float: left; width:18%; margin:0 1%;}

.sitemap li h2{ padding-bottom: 20px; margin-bottom: 30px; border-bottom:1px solid #E4E4E4; position: relative;}

.sitemap li h2::after{content: ""; position: absolute; left:0; bottom:0; width: 96px; height: 3px; background: #B8120D;}

.sitemap li h2 span{ display: block;}

.sitemap li p{margin-bottom: 10px;}

@media only screen and (max-width:767px){

.sitemap ul{margin:0;}

.sitemap li{width:100%!important; margin:0 0 2%;}

.sitemap li h2{padding-bottom: 10px; margin-bottom: 15px;}

}

























.about-part02 li,.announce-list li,.media-list li,.brand-part01 li dd{transition: all .3s;}





@media only screen and (min-width:1025px) {

    .about-part02 li:hover{background: #F4F4F4;}

    .about-part02 li a:hover p,.about-part02 li a:hover span{color: #000!important;}

    .announce-list li:hover{color: #fff; background: url(../images/announce_li.jpg) center no-repeat; background-size: cover;}

    .announce-list li:hover dd h2{ border-bottom: 1px solid rgba(255,255,255,0.5);}

    .announce-list li:hover dd h2 a{color:#fff!important;}

    .media-list li:hover{color: #fff; background: url(../images/media_li.jpg) center no-repeat; background-size: cover;}

    .media-list li:hover dd{color: #fff;}

    .media-list li:hover a{color:#fff!important;}

    .brand-part01 li:hover dd{transform: translateY(0px);}

    .brand-part01 li:hover dd p,.brand-part01 li:hover dd em{opacity: 1;}

    .dets-page a.close:hover{opacity: 0.7;}

}