@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;}
body{margin:0px;padding:0px;font-size: .12rem;font-family:Arial, "黑体";color: #333333;}
table{border-collapse:collapse;border-spacing:0;}
img, input, label{display:inline-block;outline:0;border:0;vertical-align:middle;}
h1,h2,h3,h4,h5,h6,p{margin:0;font-size:100%;}
li,ol,ul{margin:0;padding:0;list-style:none;}
a,a:active,a:focus,a:visited{text-decoration:none;color: inherit;}
a:hover{text-decoration:none; color:#ae0812; outline:none;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
em{font-style:normal;}
.wal{width:1200px; margin:0px auto;}
.wal2{ max-width: 16.0rem; margin: 0 auto; }
.wal3{ max-width: 14.0rem; margin: 0 auto; }

.w300{ width:300px; overflow:hidden;}
.w850{ width:850px;}


/*分页*/
.page{text-align:center;font-size: 0;display:flex;max-width: 16.0rem;margin: .4rem auto;justify-content: flex-end;}
.page span{margin: 0 5px;border: 1px solid #e0e3e6;background:#fff;color:#666;font-style:normal;font-size:14px;cursor:pointer;padding: .05rem .08rem;border-radius: .03rem;}
.page span a{display:inline-block;}
.page span:hover{border:1px solid #c22421;background:#c22421;color:#fff; font-weight:bold;}
.page .current{border: 1px solid #c22421;background: #c22421;color:#fff; font-weight:bold;}


/* ------延迟0.5S-------- */
.head_logo{transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;o-transition:all 0.5s ease;}

.pageBg { position: fixed;z-index: 11; width: 100%;height: 100%;display: none;background: rgba(0,0,0,0.5); left: 0px;top: 0px;}
.headBox {
    height: 120px;
    background: #ffffff;
    z-index: 9;
    position: relative;
} 
.head_di{max-width: 16.0rem;margin: 0 auto;position: relative;height: 100%;}
.head_logo{display: block;position: absolute;left: 0;z-index: 1;top: 50%;transform: translate(0,-50%);}
.head_ul{position: absolute;left: 3rem;z-index: 1;display: flex;top: 50%;transform: translate(0,-50%);height: 100%;}
.head_ul li{font-size: 18px;line-height: 50px;height: 100%;color: #000;text-align: center;margin-right: 30px;display: flex;align-items: center;justify-content: space-around;}
.head_ul li a{display: inline-block;min-width: 40px;height: 50px;}
.head_ul li a:hover,.head_ul li.on a{border-bottom: 3px solid #ae0812;color: #ae0812;}
.liNow1 a{border-bottom: 3px solid #ae0812;color: #ae0812;}

.head_right{position: absolute;right: 0px;height: 50px;display: flex;align-items: center;top: 50%;transform: translate(0,-50%);}
.head_lan{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: #c22421;color: #ffffff;border-radius: 50%;font-size: 18px;cursor: pointer;}
.head_search{margin-left: 15px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: #eaeaec;border-radius: 50%;font-size: 18px;cursor: pointer;}
.head_search input{position: absolute;right: -10px;display: none;padding: 0 15px;height: 40px;line-height: 40px;background: #eaeaec;border-radius: 24px;-moz-border-radius: 24px;box-shadow: 0px 0px 14px #ddd;width: 220px;font-size: 14px;z-index: 1;padding-right: 50px;}
.head_search .img2{display: none;position: relative;z-index: 2;}
.head_search:hover .img1{ display: none; }
.head_search:hover .img2{ display: block; }
.head_search:hover input{ display: block; }
.navIco img {width: 0.34rem;}
.searchIco img { width: 0.25rem;}
.navIco{display: none;width: 0.94rem;height: 1.0rem;position: absolute; top: 0px;left: 0px;text-align: center; line-height: 1.0rem;}
.searchIco{display: none;width: 0.85rem;height: 1.0rem;position: absolute;top: 0px;right: 0px;text-align: center;line-height: 1rem;}
.searchLayerTel{display:none;z-index:222;top:1.0rem;left:0px;width:100%;position:fixed;background:rgba(0,0,0,0.5);}
.searchLayerTel_box{padding:0.5rem 0.3rem;position:relative;display: flex;align-items: center;}
.searchLayerTel .input1{width: 93%;height:1.0rem;line-height:1.0rem;padding: 0 .2rem;color:#999;font-size:0.24rem;border-top-left-radius: 0.24rem;border-bottom-left-radius: 0.24rem;}
.searchLayerTel .btn1{background:#ae0812 url(../images/nimg25_2.png) center no-repeat;background-size: 0.3rem;width: 1.4rem;height:1.0rem;cursor:pointer;border-top-right-radius:0.24rem;border-bottom-right-radius:0.24rem;}

.footBox{ }
.foot_up{min-height: 3.05rem;background: #1a1a1a;}
.foot_up_di{max-width: 16.0rem;margin: auto;padding-top: .97rem;display: flex;justify-content: space-between;}
.foot_up_l{min-height: 1rem;display: flex;align-items: flex-start;}
.foot_up_img{ }
.foot_up_text{margin-left: .5rem;padding-left: .5rem;border-left: 0.01rem solid #414344;}
.foot_up_text p {padding: .1rem 0;font-size: .14rem;color: #ffffff;display: flex;align-items: center;}
.foot_up_text p img{ margin-right:.15rem }
.foot_up_ma{margin-left: 50px;color: #808080;font-size: 14px;}
.foot_up_ma img{margin-bottom: 0.1rem;}
.foot_up_r{display: flex;text-align: center;}
.foot_dn{background: #0e0e0e;min-height: 1.4rem;display: flex;align-items: center;}
.foot_dn_di{font-size: 14px;max-width: 16.0rem;margin: 0 auto;display: flex;justify-content: space-between;width: 100%;align-items: center;}
.foot_dn_l{color: #ffffff;line-height: .24rem;}
.foot_dn_r{color: #808080;}

/*导航触发效果*/
.sNav{position:absolute; z-index:20; height:80px; display:none; top: 1.0rem; width:100%; background:rgba(0,0,0,0.3);}
.sNav .list{text-align:center;}
.sNav .list li{ font-size: 14px; display:inline-block; padding:0 22px; line-height: 80px;}
.sNav .list li a{ color: #fff; }
.sNav .list li a:hover{ color: #ae0812; }
    .sNav:nth-child(2) {
        min-height:100px;
        height:auto;
        background:#ffffff;
    }

/*导航菜单触发*/
.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:222; left:-100%; top:0px;}
.navLayer .bg{overflow-x: auto;position:relative; background:#fff; height:100%; width:100%;}
.navLayer .toptop{ height: 1.0rem; position: relative; border-bottom: #f1f1f1 solid 1px;}
.navLayer .closeBtn{ width:1.0rem; height:1.0rem; position:absolute; top:0px; left:0; text-align: center; line-height: 1.0rem;}
.navLayer .closeBtn img{ width: 0.26rem; }
.sideNav{ padding: 0 0.3rem 0.2rem; }
.subNav{ background:url(../images/ico4.png) right center no-repeat; background-size: 0.44rem; cursor:pointer; display:block; height:0.8rem; line-height:0.8rem; position:relative; font-size:0.24rem; border-bottom: #f1f1f1 solid 1px;}
.subNav1{ background:url(../images/ico4.png) right center no-repeat; background-size: 0.44rem; color: #333;}
.subNav .name{ position:relative;}
.subNav a{ color:#333; display: block;}
.currentDt{background: url(../images/ico4.png) right center no-repeat; background-size: 0.44rem; color: #ae0812;}
.navContent{display: none;}
.navContent a{display:block; height:0.7rem; line-height:0.7rem; color:#7f7f7f; font-size:0.22rem; padding-left: 0.3rem; }

.navLayer .lan{ padding:0.6rem 0.3rem 0;}
.navLayer .lan .lie{ width:7.0rem;}
.navLayer .lan li{float:left;padding-right:0.3rem;font-size:0.24rem;}
.navLayer .lan li a{ color:#666;}
.navLayer .lan li a:hover{ color: #ae0812;}

/* banner轮播图 */
.ind-banner img{ width: 100%; }
.ind-banner .one{ position: absolute; left: 50%; height: 3.2rem; top: 50%; margin-top: -1.6rem; margin-left: -7rem; } 
.ind-banner .one .txt{ font-size: 0.48rem; color: #fff; line-height: 0.58rem; }
.ind-banner .one .txt b{ display: block; }
.ind-banner .one .msg{ padding: 0.2rem 0 0.85rem; font-size: 16px; color: #fff; }
.ind-banner .one .btnDiv{ position: relative; width: 1.6rem; height: 0.58rem; line-height: 0.58rem; background: #ae0812; color: #fff; font-size: 14px; text-indent: 42px; }
.ind-banner .one .btnDiv:after{ content: ''; position: absolute; right: 0.42rem; top: 50%; margin-top: -0.05rem; width: 0.1rem; height: 0.1rem; background: url(../images/nimg10_1.png) no-repeat center; background-size: 0.1rem; }
.ind-banner .two{position: absolute;left: 0;top: 45%;width:100%;transform: translate(0,-50%);} 
.ind-banner .two .txt{color: #000;font-size: .5rem;line-height: .8rem;padding-left: .8rem;}
.ind-banner .two .wen{font-size: .36rem;color: #999999;padding-left: .8rem;} 
.ind-banner .two .msgList{width:650px;padding: .34rem .8rem;min-height: 1.44rem;font-size: .24rem;color: #333;margin-top: .3rem;background: #afb1b6;}
.ind-banner .two .msgList li{ padding-left: 16px; font-size: 16px; line-height: 32px; background: url(../images/ico2.png) no-repeat left center; color: #666; }
.ind-banner .two .btnDiv{position: relative;width: 1.6rem;height: 0.58rem;line-height: 0.58rem;color: #fff;font-size: 16px;margin-left: 2rem;margin-top: 0.65rem;text-align: center;background: #333;}
.ind-banner .two .btnDiv:after{ content: ''; position: absolute; right: 0.42rem; top: 50%; margin-top: -0.05rem; width: 0.1rem; height: 0.1rem; background: url(../images/nimg10_1.png) no-repeat center; background-size: 0.1rem; }
.ind-banner .three{ position: absolute; left: 50%; height: 4.3rem; top: 50%; margin-top: -2.15rem; margin-left: -7rem; width: 5.45rem; border-left: #ae0812 solid 0.04rem; background: rgba(0,0,0,0.85); } 
.ind-banner .three .mxfDiv{ padding: 0 0.8rem 0 0.9rem; }
.ind-banner .three .txt{ padding-top: 0.95rem; font-size: 0.48rem; color:#fff; line-height: 0.48rem;} 
.ind-banner .three .wen{ font-size: 16px; padding-top: 0.15rem; color: #fff; line-height: 30px; height: 120px;}
.ind-banner .three .btnDiv{ position: relative; width: 1.6rem; height: 0.58rem; line-height: 0.58rem; background: #ae0812; color: #fff; font-size: 14px; text-indent: 42px; }
.ind-banner .three .btnDiv:after{ content: ''; position: absolute; right: 0.42rem; top: 50%; margin-top: -0.05rem; width: 0.1rem; height: 0.1rem; background: url(../images/nimg10_1.png) no-repeat center; background-size: 0.1rem; }


/* 产品 */
.indexPart1 {
    margin-top: 50px;
    background: #F1F1F1;
    padding-bottom: 58px;
}
.indexPart1_d1{max-width: 20.0rem;margin: 0 auto;position: relative;}
.indexPart1_d1 span{font-size: .48rem;color: #000;padding: 0 23px;line-height: 100%;position: relative;z-index: 1;background: #ffffff;margin-left: .45rem;}
.indexPart1_d1 b{display: inline-block;width: 3rem;height: 3px;background: #000;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.indexPart1_d2 {
    text-align: center;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin: 34px 0 44px;
    display: flex;
    background: #fff;
    padding: 68px 200px 58px;
    justify-content: space-around;
}
.indexPart1_d2 span{min-width: 155px;padding: 0 48px;text-align: center;height: 50px;line-height: 50px;font-size: 18px;display: block;cursor: pointer;color: #444444;}
.indexPart1_d2 span.on{background: #c22421;color: #ffffff;border-radius: 50px;}
.indexPart1_p {
    background: url(../images/line.png)no-repeat right 50%;
    color: rgba(16, 16, 16, 1);
    font-size: 18px;
    font-weight:bold;
}
.indexPart1_p:nth-last-child(1){background: transparent; }
.indexPart1_img {
    max-width:55px;
    max-height:55px;
    margin-bottom: 27px;
}
.indexPart1_ul {
    margin-top: .5rem;
    flex-wrap: wrap;
    display: none;
}
.indexPart1_ul.on{display: flex;}
.indexPart1_li{width: 25%;}
.indexPart1_libox{margin-right: 4px;background: #eaeaec;height: 7.3rem;position: relative;}
.indexPart1_li .hideImg{position: absolute;left: 0;top: 0;height: 0;opacity: 0;width: 100%;z-index: 22;transition: 0.8s;transform: rotateX(80deg);transform-origin: center top 0;}
.indexPart1_li:hover .hideImg {transform: none; opacity: 1;height:100%;}
.indexPart1_li img{ width: 100%;height:100%; }
.indexPart1_li .text{position: absolute;left: 0;bottom: 0.4rem;text-align: center;width: 100%;}
.indexPart1_li .text .p1{font-size: 0.36rem;color: #000;}
.indexPart1_li .text .p2{font-size: 16px;height: 0.3rem;line-height: 0.3rem;color: #999;overflow: hidden;}

.Wap_box{display: none;} 
.indexPart1Tel{ padding: 0.55rem 0.3rem 0.1rem; }
.indexPart1Tel .indexTitle{ padding-bottom: 0.4rem; }
.indexTitle .title1{ font-family:gothic; text-transform: uppercase; padding-left: 0.36rem; font-size: 0.24rem; position: relative; line-height: 0.24rem;}
.indexTitle .title1:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.02rem; width: 0.27rem; height: 0.03rem; background: #fff; }
.indexTitle .title2{font-size: 0.6rem;line-height: 0.6rem;font-weight: bold;padding-top: 0.1rem;color: #000;}
.indexTitle2{ color: #000; }
.indexTitle2 .title1:before{ background: #ae0812; }
.indexTitle3{ position: absolute; left: 0; top: 0; }

.indexPro .slick{ height: 7.32rem; position: relative; background: url(../images/bg1.jpg) left repeat-x; }
.indexPro .slick .imgDiv{ padding-top: 1.0rem; text-align: center; }
.indexPro .slick .imgDiv img{ width: 3.5rem; }
.indexPro .slick .layer{ position: absolute; left: 0; bottom: 0.75rem; text-align: center; width: 100%; }
.indexPro .slick .name{ font-size: 0.3rem; color: #000; }
.indexPro .slick .msg{ font-size: 0.24rem; height: 0.42rem; line-height: 0.42rem; color: #999; }
.indexPro .slick-prev{ z-index: 2; display: block; position: absolute; top: -1.1rem; right: 0.8rem; width: 0.72rem; height: 0.72rem; background: url(../images/nimg54_left.jpg) no-repeat; background-size: 0.72rem; }
.indexPro .slick-next{ z-index: 2; display: block; position: absolute; top: -1.1rem; right: 0; width: 0.72rem; height: 0.72rem; background: url(../images/nimg54_right.jpg) no-repeat; background-size: 0.72rem;}
.indexPro .slick-prev:hover{ background: url(../images/nimg54_lefton.jpg) no-repeat; background-size: 0.72rem;}
.indexPro .slick-next:hover{ background: url(../images/nimg54_righton.jpg) no-repeat; background-size: 0.72rem;}


/* 关于 */
.indexPart2{display: flex;max-width: 16.0rem;margin: 1.5rem auto 0;flex-wrap: wrap;}
.indexPart2_left{width: 50%;padding-right: .8rem;/*visibility: hidden;*/animation-name: none;}
.indexPart2_right{width: 50%;/*position: absolute;*/right: 0;/* visibility: hidden; *//* animation-name: none; */}
.indexPart2_right img{width: 100%;}
.indexPart2_d1{max-width: 16.0rem;margin: 0 auto;position: relative;}
.indexPart2_d1 span{font-size: .48rem;color: #000;padding: 0 23px;line-height: 100%;position: relative;z-index: 1;background: #ffffff;margin-left: 0.45rem;}
.indexPart2_d1 b{display: inline-block;width: 2.3rem;height: 3px;background: #000;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.indexPart2_d2{margin-top: 1rem;border-left: 3px solid #c22421;color: #000;line-height: 25px;font-size: 24px;padding-left: 18px;}
.indexPart2_d3{color: #666666;padding-top: 0.3rem;font-size: 14px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}
.indexPart2_d4{position: relative;font-size: 14px;display: block;width: 1.56rem;height: 0.54rem;line-height: 0.54rem;border: #e5e5e5 solid 0.02rem;margin-top: .4rem;border-radius: 50px;text-align: center;}
.indexPart2_d4:hover{ border-color: #ae0812;}
.indexPart2_right > iframe {
    width:100%;
    height:450px;
}

/* 新闻 */
.indexPart3{display: flex;max-width: 16.0rem;margin: 1.5rem auto 0;flex-wrap: wrap;}
.indexPart3_right{margin-left: 50%;padding: 0 .4rem;width: 50%;}
.indexPart3_left{width: 50%;position: absolute;left: 0;}
.indexPart3_left img{width: 100%;}
.indexPart3_text{min-height: 1rem;background: #eaeaec;padding: 20px 30px;font-size: 18px;color: #000;line-height: 30px;}
.indexPart3_d1{max-width: 16.0rem;margin: 0 auto;position: relative;}
.indexPart3_d1 span{font-size: .48rem;color: #000;padding: 0 23px;line-height: 100%;position: relative;z-index: 1;background: #ffffff;margin-left: .45rem;}
.indexPart3_d1 b{display: inline-block;width: 2.3rem;height: 3px;background: #000;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.indexPart3_ul{ }
.indexPart3_li{padding: 70px 0 30px;display: flex;justify-content: space-between;border-bottom: 0.02rem solid #f2f2f4;}
.indexPart3_lf{width: 80%;font-size:18px;line-height: 180%;} 
.indexPart3_lf .p1{color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} 
.indexPart3_lf .p2{color: #999999;}
.indexPart3_lr{height: 35px;line-height: 35px;border: #e5e5e5 solid 0.02rem;width: 100px;text-align: center;border-radius: 50px;font-size: 14px;color: #000;}
.indexPart3_lr:hover{background: #ae0812;color: #ffffff;}

/* 数据显示 */
.indexPart4{max-width: 16.0rem;display: flex;justify-content: space-between;align-items: center;margin: 80px auto 50px;}
.indexPart4_li{display: flex;}
.indexPart4_img{margin-right: 15px;}
.indexPart4_img img{width: 44px;}
.indexPart4_text{color: #000;}
.indexPart4_text .p1{font-size: 48px;}
.indexPart4_text .p2{font-size: 16px;margin-top: 10px;}

/* 关于 */
.about_Box{padding-top: .4rem;}
.about_title{max-width: 16.0rem;margin: 0 auto;position: relative;text-align: center;}
.about_title span{font-size: .48rem;color: #000;padding: 0 23px;line-height: 100%;position: relative;z-index: 1;background: #ffffff;}
.about_title b{display: inline-block;width: 2.3rem;height: 3px;background: #000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.about_nav{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.about_navli{border: 1px solid #f0eeee;min-width: 1.55rem;height: .55rem;display: flex;justify-content: center;align-items: center;padding: 0 .2rem;border-radius: 50px;cursor: pointer;font-size: .18rem;margin: .2rem .2rem 0;}
.about_navli.on,.about_navli:hover{background: #c22421;border-color: #c22421;color: #ffffff;}

.about_d1{display: flex;margin: .4rem auto 0;max-width: 16.0rem;flex-wrap: wrap;}
.about_d1_l{width: 50%;font-size: 14px;line-height: 30px;padding-right:.2rem;}
.about_d1_r{width: 50%;/*position: absolute;*/right: 0;padding:0.4rem 0;}
.about_d1_r img{ width: 100%;}
.about_d1_r>iframe{
    width:100%;
    height:100%;
}

.about_d2{max-width: 16.0rem;margin: .8rem auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.about_d2li{  width: 7.66rem;}
.about_d2li_title{padding: .25rem 0;border-bottom: 1px solid #f2f2f4;font-size: .32rem;line-height: 100%;margin-bottom: .225rem;}
.about_d2li_text{font-size: 14px;color: #555555;line-height: 30px;background: #f6f6f8;}
.about_d2li_text img{width: 100%;}
.about_d2li_p{padding: .1rem .3rem;}

.pageTitleTel{ height:0.98rem; background:#ae0812; position:relative;}
.sideTitleTel{ width:100%; height:0.98rem; position:absolute; left:0px; top:0px;}
.sideTitleTel .con{ font-size:0.3rem; height:0.98rem; line-height:0.98rem; position:relative; padding-right:10px;}
.sideTitleTel .con a{ color: #fff; display:block; height:0.98rem; padding-left:0.2rem; background:url(../images/limg65_1.png) right center no-repeat; background-size: 0.65rem;}
.sideTitleTel .con.on a{ background:url(../images/limg65_1on.png) right center no-repeat; background-size: 0.65rem; }
.sideTitleNav{ position:absolute; top:0.98rem; z-index:10; width:100%; background:#fff; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.sideTitleNav li{ font-size: 0.26rem; height:0.82rem; border-bottom:#d7d7d7 solid 1px;}
.sideTitleNav li a{ display:block; height:0.82rem; line-height:0.82rem; padding-left:0.2rem; color:#666;}


/* 产品 */
.product{padding: 0.4rem 0 0.8rem;} 
.product .list{ overflow: hidden; }
.product .list ul{ margin-right: -4px; }
.product .list li{ float: left; width: 25%; margin-bottom: 4px; }
.product .list li .box{ margin-right: 4px; height: 7.32rem; overflow: hidden; position: relative; background: url(../images/bg1.jpg) left repeat-x; }
.product .list li a{ display: block; width: 100%; height: 100%; }
.product .list li .imgDiv{ padding-top: 0.9rem; text-align: center; }
.product .list li .imgDiv img{ width: 3.5rem; transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s; }
.product .list li .layer{ position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; height: 2.0rem; }
.product .list li .name{ padding-top: 0.86rem; font-size: 0.3rem; color: #000; }
.product .list li .msg{ font-size: 12px; height: 0.3rem; line-height: 0.3rem; color: #999; overflow: hidden; padding-bottom: 0.25rem; }
.product .list li .ico{ display: none; width: 47px; height: 33px; margin: 0 auto;}
.product .list li:hover .layer{background: #C22421;}
.product .list li:hover .name{ padding-top: 0.45rem; color: #fff;}
.product .list li:hover .msg{ color: #fff; }
.product .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

/* 新闻 */
.news_ul{max-width: 16.0rem;margin: 0.8rem auto;}
.news_li{height: 2.5rem;display: flex;background: #f6f6f8;position: relative;margin-bottom: .3rem;}
.news_li:hover{ background: #c22421; color:#ffffff; }
.news_li:hover .news_text .p4{border-color: #f0eeee;}
.news_li:hover .news_text .p1{color:#ffffff; }
.news_li:hover .news_text .p2{color:#ffffff; }
.news_li:hover .news_text .p3{color:#ffffff; }

.news_img{min-width: 5.34rem;width: 5.34rem;}
.news_img img{width: 100%;height: 100%;}
.news_text{width: 6rem;padding: .2rem .4rem;font-size: .18rem;}
.news_text .p1{color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_text .p2{color: #999999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: .1rem;}
.news_text .p3{color: #999999;margin-top: 0.6rem;}
.news_text .p4{position: absolute;right: 1rem;top: .4rem;font-size: .14rem;color: #ffffff;background: #c22421;min-width: 1rem;height: .35rem;display: flex;align-items: center;justify-content: center;border-radius: 50px;border: 1px solid #c22421;}

.pageBox{margin: 0.9rem a;}
.newShow{ padding-bottom: 0.75rem; }
.newShow .name{ font-size: 30px; color: #231e37; font-weight: bold; line-height: 50px; padding-bottom: 30px; }
.newShow .wnList{ padding-bottom: 40px; overflow: hidden;}
.newShow .wnList li{ float: left; color: #ccc; font-size: 14px; font-weight: bold;}
.newShow .wnList li img{ margin-right: 10px; }
.newShow .content{ font-size: 14px; color: #000; line-height: 30px; }
.newShow .imgDiv{ padding: 20px 0; }
.newShow .content img{ width:100%!important;height:auto!important }
.newShow .content p,.newShow .content section,.newShow .content div{ margin:0px!important}
.newShow .content iframe{ width:100%;height:500px}
.sideNews .title1{ font-weight: bold; font-size: 22px; color: #393435; padding-bottom: 15px; }
.sideNews .list{ padding-top: 20px; }
.sideNews .list li{ padding: 30px 0; border-bottom: #ededed solid 1px; }
.sideNews .list li .name{ color: #666; font-size: 16px; margin-top: 0.2rem; height: 0.4rem; line-height: 0.4rem; overflow: hidden; }
.sideNews .list li .ico{ margin-top: 0.15rem; width: 47px; height: 33px; background: url(../images/nimg47_2.png) right center no-repeat; }
.sideNews .list li:hover .name{ color: #ae0812; }
.sideNews .list .imgDiv img{ width:100%; height:auto; }
.sideBot{ padding-top: 60px; }
.pageDown li{font-size: 16px;}
.pageDown li a{display: block;/* line-height: 46px; */overflow: hidden;color: #333;text-overflow:ellipsis;white-space:nowrap;}
.pageDown li em{ color: #999; }
.pageDown li a:hover{ color: #ae0812; }

.sideBot .share{padding-top: 0.4rem;display: flex;justify-content: flex-end;}
.sideBot .share li{ float: left; margin-right: 0.15rem; width: 0.36rem; height: 0.36rem; }
.sideBot .share li img{ width: 0.36rem; }
.sideBot .share li .img1{ display: none; }
.sideBot .share li:hover img{ display: none; }
.sideBot .share li:hover .img1{ display: inline-block; }
.sideBot .returnBtn{ padding-top: 0.5rem; }
.sideBot .returnBtn a{ display: block; width: 100%; height: 0.5rem; line-height: 0.5rem; background: #ae0812; text-align: center; font-size: 0.16rem; color: #fff; }
.sideBot .returnBtn img{ margin-left: 0.1rem; width: 0.14rem; }


.proInfosBox{margin: .8rem auto;max-width: 16.0rem;}
.proInfos{display: flex;}
.proInfos_img{width: 4.8rem;height: 4.8rem;min-width: 4.8rem;}
.proInfos_img img{width: 100%;height: 100%;}
.proInfos_text{width: 70%;padding: .2rem .4rem;}
.proInfos_text .p1{font-size: .32rem;font-weight: bold;}
.proInfos_text .p2{margin-top: .2rem;font-size: .16rem;line-height: 180%;}

.product_title{max-width: 16.0rem;margin: .8rem auto;position: relative;text-align: center;}
.product_title span{font-size: .48rem;color: #000;padding: 0 23px;line-height: 100%;position: relative;z-index: 1;background: #ffffff;}
.product_title b{display: inline-block;width: 6rem;height: 3px;background: #000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.ueditor_baidumap{width:100%;}
li{
  list-style: none;
}

.shuffling{
  width: 500px;
  height: 350px;
  position: relative;
  overflow: hidden;
}
.shuffling_box{
  position: absolute;
  display: flex;
  transform: translateX(-500px);
}
.btn{
  position: absolute;
  width: 30px;
  height: 60px;
}
.changeleft{
  top: 150px;
}
.changeright{
  top: 150px;
  right: 0;
}


.indexPart1_d4 .workshop_all {
    display: flex;
    justify-content: center;
    width: 1618px;
    margin-bottom: 24px;
    overflow: hidden;
    position: relative;
    color: #101010;
    border-radius: 26px;
    border-radius: 30px;
    margin: 0 auto 34px;
}
.workshop_all .content {
    width: 858px;
    height: 480px;
    z-index: 2;
    background-color: white;
    float: left;
}
.workshop_all .content_text {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7.3vw;
    overflow: hidden;
    position: relative;
    height: 150px;
}
.workshop_all .content1 {
    width: 761px;
    height: 480px;
    z-index: 2;
    float: left;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
}
.element-backimg {
    height: 100%;
    background-repeat: no-repeat;
    transition: transform .3s ease-in-out;
    background-size: 100% 100%;
}
.indexPart1_d4 .tpicture {
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    margin-left:15px;
    background-color: rgba(228, 228, 227, 1);
}
.indexPart1_d4 .tpicture img {
    max-height: 14px;
    max-width: 14px;
}
.workshop_all a {
    display: block;
    width: 100%;
    margin-bottom: 4.7%;
    overflow: hidden;
    position: relative;
    color: #101010;
}
.workshop_all .content1 a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.workshop_all a .title {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    color: #202020;
    max-height: 95px;
    line-height: 45px;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.workshop_all .subtitle {
    font-weight: 600;
    text-align: center;
    color: rgba(16, 16, 16, 1);
    font-size: 18px;
    display: flex;
    justify-content: center;
}
.workshop_all .content1 .element-backimg img {
    /*max-width:100%;
    max-height:100%*/
    width: 100%;
    height: 100%;
}

.indexPart1_d3 {
    text-align: center;
    display: flex;
    padding: 10px 20px;
}
.Wap_box {
    overflow: auto;
}
.Wap_box::-webkit-scrollbar {
    display: none
}
.indexPart1_d3 .indexPart1_d3_item {
    padding: 0 6px;
}
.indexPart1_d3_2 {
    background: #F1F1F1;
    margin-top: 14px;
}
    .indexPart1_d3_2 .indexPart1_d3_2_item {
        margin-bottom: 14px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #ffffff;
    }
        .indexPart1_d3_2 .indexPart1_d3_2_item .indexPart1_a {
            height: 105px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
    .indexPart1_d3_2 .indexPart1_d3_2_item .indexPart1_img {
        max-height: 237px;
        max-width:100%;
    }
    .indexPart1_d3_2 .indexPart1_d3_2_item .title,
    .indexPart1_d3_2 .indexPart1_d3_2_item .subtitle {
        display: flex;
        color: rgba(16, 16, 16, 1);
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        align-items: center;
    }
    .indexPart1_d3_2 .indexPart1_d3_2_item .subtitle {
        font-size: 14px;
        margin-left:5px;
        margin-top: 10px;
    }
        .indexPart1_d3_2 .indexPart1_d3_2_item .subtitle .tpicture {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: rgba(228, 228, 227, 1);
        }
            .indexPart1_d3_2 .indexPart1_d3_2_item .subtitle .tpicture img {
                width: 9px;
                height: 9px;
            }

/*翻译*/
.header_di2 {
    position: absolute;
    right: 50px;
    max-width: 140px;
    text-align: center;
    font-size: 16px;
    height: 100%;
}

.header_di2_title {
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .header_di2_title img {
        margin-left: 5px;
    }

.header_di2_lang {
    position: absolute;
    top: 75px;
    display: none;
    /*display: block !important;*/
    padding: 10px 0;
    width: 100%;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background: rgba(255,255,255,.8);
    text-align: center;
    z-index: 99;
    border: 0.01rem solid #E4E7ED;
    border-radius: 0.04rem;
    background-color: #FFF;
    box-shadow: 0 0.02rem 0.12rem 0 rgba(0,0,0,.1);
}


.header_di2_lang a {
    display: block;
    padding: 0;
    width: 100%;
    height: 30px;
    color: #666;
    font-size: 14px;
    line-height: 40px;
}

    .header_di2_lang a:hover {
        color: #1788e8 !important;
    }

.header_di2:hover .header_di2_lang {
    display:block
}