锘?video_button2{cursor: default;} .video_button2 .icon-bofang{display: none;} .video_button2:hover{ color: #6b6b6b !important;} .maod{position:relative;top:-70px;} .shu{ writing-mode: vertical-rl;writing-mode: tb-rl;} .colorblank{color: #554f45;} .gray{color: #84888d;} .blank_15{position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgb(0,0,0,0.15);} .blank_18{position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgb(0,0,0,0.18);} .blank_50{position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgb(0,0,0,0.50);} .blank_42{position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgb(0,0,0,0.42);} .blank_20{position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgb(0,0,0,0.2);} .blank_30{position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgb(0,0,0,0.3);} .blank_34{position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgb(0,0,0,0.34);} .blank_26{position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgb(0,0,0,0.26);} .blank_33{position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgb(0,0,0,0.33);} .blank_37{position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgb(0,0,0,0.37);} .blank_38{position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgb(0,0,0,0.38);} .pub_more{padding-top:30px;} .pub_more a{display: inline-block;text-align: center;width: 34px;height: 22px;line-height:22px;text-align:center;color: #fff;background:#bb1e00;color: #fff;border-radius: 20px;font-weight: bold;font-size: 14px;} .margin_b50{margin-bottom: 50px;} .padd_bt90{padding: 90px 0 130px 0;} .padd_bt100{padding: 100px 0 95px 0;} .padd_t60{padding-top: 60px;} .slide_hide{display: none;} @media only screen and (max-width:1440px){ .padd_bt90{padding: 60px 0 100px 0;} .padd_bt100{padding: 80px 0;} .margin_b50{margin-bottom: 40px;} } @media only screen and (max-width:1024px){ .padd_bt90{padding: 50px 0 60px 0;} .padd_bt100{padding: 50px 0;} .margin_b50{margin-bottom: 30px;} .padd_t60{padding-top: 50px;} .pub_more{padding-top: 20px;} .shu{ writing-mode:inherit;writing-mode:inherit;} } @media only screen and (max-width:767px){ .padd_bt90{padding: 30px 0 50px 0;} .padd_bt100{padding: 30px 0 50px 0;} .margin_b50{margin-bottom: 20px;} .padd_t60{padding-top: 30px;} .pub_more{padding-top: 10px;} } .site_banner{position: relative;color: #fff;overflow:hidden;} .public_but{display: none;} .public_but div{width: 64px;height: 64px;line-height: 64px; margin-top: -32px; text-align: center; background: #fff;color: #ec6700;font-weight: bold;border-radius: 50%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);font-size:18px;} .public_but div.swiper-button-prev{left: -30px;} .public_but div.swiper-button-next{right: -30px;} .public_but .swiper-button-next.swiper-button-disabled, .public_but .swiper-button-prev.swiper-button-disabled{opacity: 1;color:#8f8f8f;} @media only screen and (max-width:1440px) { .public_but div{width: 56px;height: 56px;line-height: 56px; margin-top: -28px; } .public_but div.swiper-button-prev{left: -22px;} .public_but div.swiper-button-next{right: -22px;} } @media only screen and (max-width:1024px) { .public_but div{width: 48px;height: 48px;line-height: 48px; margin-top: -24px;font-size: 14px; } .public_but div.swiper-button-prev{left: -20px;} .public_but div.swiper-button-next{right: -20px;} } @media only screen and (max-width:767px) { .honor_slider{margin-bottom: 30px;} .public_but div{width: 36px;height: 36px;line-height: 36px; margin-top: -18px;font-size: 12px;font-weight: normal; } .public_but div.swiper-button-prev{left: 5px;} .public_but div.swiper-button-next{right:5px;} } /*棣栭〉*/ @keyframes mymove { 0% {transform:scale(1.2,1.2);} 100% {transform:scale(1,1);} } @-moz-keyframes mymove /* Firefox */ { 0% {transform:scale(1.2,1.2);} 100% {transform:scale(1,1);} } @-webkit-keyframes mymove /* Safari and Chrome */ { 0% {transform:scale(1.2,1.2);} 100% {transform:scale(1,1);} } @-o-keyframes mymove /* Opera */ { 0% {transform:scale(1.2,1.2);} 100% {transform:scale(1,1);} } .banner .swiper-pagination{bottom:22px !important;text-align: center;width: 100%} .banner .swiper-pagination-bullet{width: 12px;height: 12px;background:none;opacity:1;margin: 0 6px !important;position: relative;} .banner .swiper-pagination-bullet b{display: block;width: 6px;height: 6px;background: #fff;border-radius: 50%; 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:50%; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; } .banner .swiper-pagination-bullet.swiper-pagination-bullet-active b{width: 12px;height: 12px;background:#bb1e00;} .banner_videobtn{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgb(0,0,0,0.18);font-size: 68px;color:rgb(187,39,0,0.7);} .banner li.swiper-slide-active img{ /* animation:mymove 2s; -moz-animation:mymove 2s; -webkit-animation:mymove 2s; -o-animation:mymove 2s; animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards;*/ } /*.banner li img{transition:all 5s;-webkit-transition:all 5s;-moz-transition:all 5s;-o-transition:all 5s;-ms-transition:all 5s;} .banner .swiper-slide-active img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); }*/ .banner{position: relative;overflow: hidden;} .baner_but{display: none;} .baner_but div{background: none;outline: none;font-size: 50px;width: 60px;height: 60px;line-height:60px; margin-top: -30px;text-align: center;color: #fff;} .banner li{position: relative;overflow: hidden;} .banner li video { position: absolute; width: 100%;height: 100%; left: 0px; top: 0; object-fit: cover; } @media only screen and (max-width:1024px){ .banner li video,.banner_videobtn{display: none !important;} .baner_but div{font-size: 40px;width: 40px;height: 40px;line-height: 40px; margin-top: -20px;} .banner{top:50%;} .banner .wrap{box-sizing:border-box;padding: 0 30px;} } @media only screen and (max-width:767px){ .baner_but div{font-size: 24px;font-weight: bold;width: 30px;height: 30px;line-height: 30px; margin-top: -15px;} .banner .swiper-pagination{bottom:10px !important;} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active b{width:8px;height:8px;} .banner .swiper-pagination-bullet{margin:0 2px!important;} } .index_more{padding-top: 30px;} .index_more a{display: inline-block;width: 40px;height: 24px;line-height: 24px;text-align: center;background: #bb1e00;color: #fff;border-radius: 10px;font-weight: bold;} .index_more02 a{background: #fff;color: #292929;} .index_more03 a{background: #bb1e00;color: #fff;width: 34px;} .index_03{padding:115px 0 140px 0;} .index_03 h2{color: #9a855d;margin-bottom: 50px;overflow: hidden;position:relative;} .index_03 h2 .index_more{font-size: 14px;padding-top: 0;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; right:0; top:50%;} .index_news{position: relative;} .index_news .left,.index_news .right{height: 100%;position:relative;} .index_news .left{float: left;width: 40%;} .index_news .left>a{display: block;position: relative;} .index_news .right{float: right;width: 57.5%;} .index_news .right ul{height: 100%;} .index_news .right li{float: left;width: 48.3%;height: 50%;border-bottom:1px solid #d0001d;box-sizing:border-box;position: relative;} .index_news .right li dl{padding:15px;box-sizing:border-box; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;width: 100%;} .index_news .right h3{line-height: 1.2em;height: 2.4em;margin-bottom: 20px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .index_news .right p{height: 78px;-webkit-line-clamp: 3;} .index_news .right .index_more{padding-top: 20px;} .index_news .right li:nth-child(2n){float: right;} .index_news .right li:nth-child(1){border-top:1px solid #d0001d;} .index_news .right li:nth-child(2){border-top:1px solid #d0001d;} .index_newsbox {box-sizing:border-box;} .index_newsbox h3{line-height: 1.3em;max-height:2.6em; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .index_newsbox p{ -webkit-line-clamp: 2;max-height: 52px;} .index_news .left .index_newsbox {position: absolute;left: 0;top:0;width: 100%;padding:40px 50px;} .index_news .left,.index_news .left a{color: #fff;} .index_news .left .index_time{margin-bottom: 20px;color: #fff;} .index_time{margin-bottom: 10px;color: #d0001d;} .index_04 ul{position: relative;} .index_04 ol{overflow: hidden;padding:0 60px; padding-top: 80px;} .index_04 ol li{float: left;width: 33.33%;text-align: center;} .index_04 ol li img{width: 115px;border-radius: 30px;} .index_04 ul>li{position: absolute;height: 50%;right: 0;top:0;overflow: hidden;} .index_04 ul>li.li01{width: 50%;height: 100%;right: auto;left: 0;} .index_04 ul>li.li02{width: 25.2%;right:24.8%;} .index_04 ul>li.li03{width: 24.8%;} .index_04 ul>li.li04{width: 50%;top:auto;bottom: 0;} .index_04 ul>li.li02 .index_more,.index_04 ul>li.li03 .index_more{position: absolute;bottom: 60px;} .index_xf{padding:55px;box-sizing:border-box;position: absolute;top:0;left: 0;width: 100%;height: 100%;color: #fff;} .index_xf h3{margin-bottom: 20px;} .index_xf p{max-height: 120px;-webkit-line-clamp: 4;} .index_04 ul>li.li04 .index_xf{color: #404346;} .index_04 ul>li.li01 .index_xf{height: auto;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:45%;text-align: center;} .index_01{padding:50px 0 100px 0;} .index_title01{overflow: hidden;margin-bottom: 40px;} .index_title01 img{float: left;width: 340px;height: 70px;} .index_title01 h3{float: left;color:#bd0000;line-height: 44px;margin-top: 26px;margin-left: 30px;} .index_box01{overflow: hidden;position: relative;background:#f5f5f5;height: 815px;} .index_box01 .left,.index_box01 .right{height: 100%;position: relative;} .index_box01 .right ul,.index_box01 .right ul li{height: 100%;} .index_box01 .right ul li .index_img{display:none;} .index_box01 .left{padding-right: 100px;box-sizing:border-box; width: 460px;position: absolute;top:0;right: 0; background:url(../images/index_bg_01.png) no-repeat 0 10px;background-size: 75%;} .blank_bg{background: url(../images/blank_bg.png) no-repeat;background-size:100% 100%;position: absolute;top:0;left: 0;width: 100%;height: 100%;} .index_box01 .right{width: calc(100% - 460px);} .index_box01 .right li{display: none;position: relative;} .index_box01 .right li:first-child{display: block;} .index_bg01{position: absolute;left: 0;bottom:90px;width: 32%;z-index:3;} .index_bg01 img{width: 100%;} .inherit_title{overflow: hidden;color: #fff;line-height: 50px;} .inherit_title img{width:90px;height: 50px;} .inherit_title i{display: inline-block;line-height: 30px;vertical-align: top;margin-left: 10px;} .index_inherit{position: absolute;left: 0;bottom: 195px;width: 100%;box-sizing:border-box;padding: 0 6.5%;} .index_text{width: 500px;} .index_text h3{margin-bottom: 30px;} .index_scoll{line-height: 30px;max-height:180px;overflow: hidden;color: #fff;} .pub_title{text-align: left; float: right; width:125px;writing-mode: vertical-rl;writing-mode: tb-rl;border-left:1px solid #e6d5be;padding: 8px 0 50px 0;} .pub_title img{display: inline-block;width: 32px;height: 92px;margin-bottom: 15px;} .pub_title h2{overflow: hidden;} .pub_title h2 p{display: inline-block;} .pub_title h4 img{width: 45px;height: 270px;} .pub_title h4{margin-right: 15px;} .re_top{overflow: hidden;height: 360px;padding-left: 24px;padding-top: 40px;} .index_cq{float: left; color: #404346;line-height: 26px;writing-mode: vertical-rl;writing-mode: tb-rl;width: 156px;} .re_bottom{color: #676767;} .re_bottom li{padding-left:60px;margin-top: 20px;cursor: pointer;position: relative;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .re_bottom li h4{padding: 20px 0;border-bottom:1px solid #cacaca;} .re_bottom li:after{content:"";height: 2px;width:0;background:#bb1e00;position: absolute;right: 0;bottom: 0;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .re_bottom li.on{margin-top: 0;color:#bb1e00;font-size: 24px;} .re_bottom li.on h4{margin-left: -1em;} .re_bottom li.on:after{width: 100%;} .re_bottom li:first-child{margin-top: 0;} .index_title02{overflow: hidden;margin-bottom: 40px;} .index_title02 .pub_logo_01{float: left;width: calc(100% - 490px)} .index_title02 .pub_logo_02{float: right;width:447px;text-align: center;background:url(../images/index_titlebg_02.png) no-repeat center bottom;background-size: 100%;padding-bottom: 60px;color: #46220d;} .index_title02 .pub_logo_02 dt{margin-bottom: 15px;} .index_title02 .pub_logo_02 dt img{width: 130px;height: 65px;} .index_title_t{overflow:hidden;} .index_title_t h2{float: left;color: #9a855d;margin-bottom: 20px;max-width: calc(100% - 150px)} .index_title_t .index_more {float: left;padding-top:15px;margin-left: 90px;} /*11111*/ .index_slider{position: relative;} /*.index_slider .public_but{display: block;}*/ .index_slider .public_but .swiper-button-prev{left: 30px;} .index_slider .public_but .swiper-button-next{right: 30px;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: inherit;} /*.index_slider .public_but .swiper-button-prev.swiper-button-disabled, .index_slider .public_but .swiper-button-next.swiper-button-disabled{cursor: pointer;color:#ec6700;} .index_slider .public_but .swiper-button-prev.disabled,.index_slider .public_but .swiper-button-next.disabled{ cursor: default; color: #ccc;} .swiper-button-disabled,.swiper-button-disabled{pointer-events:inherit!important;} */ /*13.66*/ .index_probox {overflow: hidden;} .index_pro dl,.index_pro dt,.index_pro dd{height: 100%;} .index_slider li{overflow: hidden;} .index_pro{overflow: hidden; width: 59%;position: absolute;top:0;height: 100%;transition:all 0.9s;-webkit-transition:all 0.9s;-moz-transition:all 0.9s;-o-transition:all 0.9s;-ms-transition:all 0.9s;} .index_pro dt img{position: absolute;top:0;left: -38%;} .index_pro dt .blank_50{left:-38%;} .index_pro dd{position: absolute;top:0;left: 0;width: 100%;height: 100%;color:#fff;z-index: 9;box-sizing:border-box;padding-left:60px;padding-top: 21%;} .index_pro_text{height:440px; writing-mode: vertical-rl;writing-mode: tb-rl;} .index_pro_text .index_more a{line-height: 40px;} .index_pro_title{float: left;height: 100%;} .index_pro_title h3{float: left;height:calc(100% - 80px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .index_pro_title .index_more {float: left;} .index_pro_p{float: left;border-left: 1px solid rgba(255,255,255,0.26);border-right: 1px solid rgba(255,255,255,0.26);padding: 0 20px;margin-right: 30px;display: none;} .index_pro_p p{line-height:24px;letter-spacing: 5px; max-width: 96px; overflow: hidden;} .index_pro.on dt img{left: 0;} .index_pro.on .blank_50{display: none;} .index_pro.on dd{padding-left: 19.7%;padding-top: 16%;} .index_pro.on .index_pro_p{display: block;} /*13.66%*/ /*10.25%*/ /*.index_pro:nth-child(3){left:60.25%} .index_pro:nth-child(4){left:79.5%}*/ .index_pro:nth-child(1){left:0;} .index_pro:nth-child(2){left:59%} .index_pro:nth-child(3){left:69.25%} .index_pro:nth-child(4){left:79.5%} .index_pro:nth-child(5){left:89.75%} .state_1 .index_pro:nth-child(1){left:0;} .state_1 .index_pro:nth-child(2){left:59%} .state_1 .index_pro:nth-child(3){left:69.25%} .state_1 .index_pro:nth-child(4){left:79.5%} .state_1 .index_pro:nth-child(5){left:89.75%} .state_2 .index_pro:nth-child(1){left:0;} .state_2 .index_pro:nth-child(2){left:10.25%} .state_3 .index_pro:nth-child(1){left:0;} .state_3 .index_pro:nth-child(2){left:10.25%} .state_3 .index_pro:nth-child(3){left:20.5%} .state_4 .index_pro:nth-child(1){left:0;} .state_4 .index_pro:nth-child(2){left:10.25%} .state_4 .index_pro:nth-child(3){left:20.5%} .state_4 .index_pro:nth-child(4){left:30.75%} .state_5 .index_pro:nth-child(1){left:0;} .state_5 .index_pro:nth-child(2){left:10.25%} .state_5 .index_pro:nth-child(3){left:20.5%} .state_5 .index_pro:nth-child(4){left:30.75%} .state_5 .index_pro:nth-child(5){left:41%} @media only screen and (max-width:1660px){ .index_slider .public_but .swiper-button-prev{left: 10px;} .index_slider .public_but .swiper-button-next{right: 10px;} .index_pro dd{padding-left: 50px;} .index_pro:first-child dd{padding-left: 90px;} } @media only screen and (max-width:1440px){ .index_pro dd,.index_pro.on dd{padding-top:13%} } @media only screen and (max-width:1200px){ .index_probox{height: auto !important;} .index_pro{position: static;width: 100%;} .index_pro dt img{position: static;left: 0;} .index_pro dt .blank_50{left:0%;} .index_pro dt .blank_50{display: none;} .index_pro dd,.index_pro:first-child dd{padding: 0;} .index_pro_text{height: auto; writing-mode: inherit; writing-mode: inherit;} .index_pro_p{display: block;float: none;padding:0;margin: 0;border:0;} .index_pro_title{float: none;margin-bottom: 10px;} .index_pro_text .index_more a{line-height: 24px;} .index_pro_p p{ letter-spacing: 0;max-width: inherit;max-height: 96px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .index_pro_title{overflow: hidden;} .index_pro dd,.index_pro dd, .index_pro:first-child dd{height: auto;top:auto;bottom: 0;padding:20px;} .index_pro_title .index_more{float: right;padding-top:0;} .index_pro_title h3{font-size: 20px;line-height: 24px;font-weight: bold; max-width: calc(100% - 80px);height: inherit;} .index_title02 .pub_logo_01,.index_title02 .pub_logo_02{float: none;width: 100%;} .index_title_t .index_more{padding-top: 5px;} .index_title02 .pub_logo_02{background-size: 50%;padding-bottom: 30px} .index_title02 .pub_logo_02 dt{margin-bottom: 10px;} .index_title02 .pub_logo_01{margin-bottom: 20px;} .index_title_t{line-height: 24px;} } @media only screen and (max-width:767px){ .index_slider .public_but div{top:25%;margin-top:0;} .index_pro dd, .index_pro dd, .index_pro:first-child dd{position: static;color: #000;} .index_pro dl{height: auto !important;} .index_pro_title h3{font-size: 16px; max-width: calc(100% - 50px);} .index_pro_p p{height: 96px;} .index_pro dd, .index_pro dd, .index_pro:first-child dd{padding-bottom: 0;} .index_title02{margin-bottom: 20px;} .index_title01 img{width: 194px;height: 40px;} .index_title01 h3{margin: 0;} .index_title01{line-height: 40px;margin-bottom: 20px;} .index_title_t .index_more{padding-top: 0;margin-left: 0;float: right;} .index_title_t h2{width: calc(100% - 50px);max-width: inherit;} } @media only screen and (min-width:1025px){ .index_pro dl,.index_pro dt img{height: 100% !important;} .index_pro dt img{ transition: all 0.9s; -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -o-transition: all 0.9s; -ms-transition: all 0.9s;} } /*11111*/ @media only screen and (max-width:1800px){ .re_bottom li h4{padding: 15px 0;} .index_bg01{bottom: 50px;} .index_inherit{bottom: 130px;} .index_box01{height: 730px;} } @media only screen and (max-width:1600px){ .index_news .right p{height: 52px;-webkit-line-clamp:2;} .index_03{padding: 100px 0;} } @media only screen and (max-width:1440px){ .index_03 h2{margin-bottom:30px;} .index_03{padding: 70px 0;} .index_01{padding-bottom: 70px;} .index_04 ol li img{width: 100px;} .index_xf{padding: 40px;} .index_04 ol{padding-top: 50px;} .index_news .left .index_newsbox{padding: 30px;} .index_news .right h3{margin-bottom:10px;} .index_news .left .index_time{margin-bottom: 10px;} .index_inherit{padding: 0 3%;} .index_text h3{margin-bottom: 20px;} .index_box01 .left{padding-right: 50px;width: 400px;} .index_box01 .right {width: calc(100% - 400px);} .re_top{padding-top: 30px;} .index_box01{height: 700px;} } @media only screen and (max-width:1280px){ .index_xf{padding:30px;} .index_04 ul>li.li02 .index_more, .index_04 ul>li.li03 .index_more{bottom: 30px;} .index_xf h3{margin-bottom: 10px;} .index_news .right .index_more{padding-top: 10px;} .index_time{margin-bottom: 5px;} .index_news .right h3{margin-bottom: 5px;} .index_news .right .index_more{padding-top: 5px;} } @media only screen and (max-width:1024px){ .index_03,.index_01{padding: 50px 0;} .index_xf p{max-height: 96px;} .index_more{padding-top: 10px;} .index_xf{padding: 20px;} .index_04 ol{padding:0;padding-top: 30px;} .index_newsbox p{max-height:48px;} .index_news .right p{height: 48px;} .index_03 h2{margin-bottom: 20px;} .index_news{height: auto !important;} .index_news .left,.index_news .right{float: none;width: 100%;} .index_news .right li dl{ transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); position: static;} .index_news .right{padding-top: 20px;} .index_news .right ul{overflow: hidden;} .index_box01 .left,.index_box01 .right{float: none;width: 100%;} .index_box01 .left{position: static;padding: 0;} .index_box01 .pub_title{overflow: hidden;width:250px;float: left;} .index_box01 .pub_title h4{float: left;width: 45px;} .index_box01 .pub_title h4 img{width: 35px;height: 210px;} .index_box01 .pub_title h2{float: right;width: calc(100% - 55px); padding-top: 60px;} .index_cq{float: none;width: 100%; writing-mode: inherit; writing-mode: inherit;width: calc(100% - 250px);float: right;text-align: right;} .re_top{padding: 30px;height: auto;} .re_bottom ul{overflow: hidden;text-align: center;} .re_bottom li{padding-left: 0;margin-top: 0;width: 25%;float: left;} .re_bottom li:after{right: 50%;} .re_bottom li.on:after{right: 0;} .index_box01{height: auto;} .index_box01 .right ul li{background:none !important;} .index_box01 .right ul li .index_img{display: block;} .index_bg01{bottom: 20px;} .index_inherit{bottom: 80px;} .index_scoll{line-height: 24px;max-height: 144px;} .inherit_title img{width: 60px;height: 33px;} .inherit_title{line-height: 33px;} .re_bottom li.on{font-size: inherit;} .re_bottom li.on h4{margin-left: 0;} } @media only screen and (max-width:767px){ .index_03,.index_01{padding: 30px 0;} .index_04 ul{height: auto !important;} .index_04 ul>li{position: relative;width: 100% !important;} .index_04 ul>li.li02{right: auto;} .index_04 ol li img{width: 80px; border-radius: 20px;} .index_04 ol{padding-top: 20px;} .index_04 ul>li.li02,.index_04 ul>li.li03{float: left;width: 50%!important;} .index_04 ul>li.li02 .index_more, .index_04 ul>li.li03 .index_more{bottom:20px;} .index_xf p{max-height: 120px; -webkit-line-clamp: 5;} .index_news .left .index_newsbox{padding:20px;} .index_news .right li,.index_news .right li:nth-child(2n){float: none;width:100%;} .index_news .right h3{margin-bottom: 10px;} .index_news .right .index_more{padding-top: 10px;} .index_news .right p,.index_news .right h3{height: auto;max-height: 48px;} .index_box01 .pub_title,.index_cq{float: none;width: 100%;} .index_cq{text-align: left;margin-bottom: 10px;} .re_top{padding:20px;padding-bottom: 0;} .re_bottom{margin-bottom: 10px;} .re_bottom li h4{padding: 10px 0;} .index_bg01,.blank_bg{display: none;} .index_inherit{position: static; background: #bb1e00;} .index_text h3{margin-bottom: 10px;} .index_text{width:auto;padding: 20px 10px;} } @media only screen and (min-width:1025px){ .index_more a:hover,.index_news .left h3 a:hover{color: #fff !important;opacity: 0.8;} .index_more02 a:hover{color: #292929 !important;} .index_04 ul>li>img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;height: 100% !important;} .index_04 ul>li:hover>img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);} } /*棣栭〉*/ .law_edit{background:url(../images/law_bg.jpg) no-repeat;background-size:cover;} .other_banner{position: relative;color: #fff;height: 180px;} .other_banner_in{width: 100%;text-align: center;z-index: 2;} @media only screen and (max-width:1024px){ .other_banner{height: 150px;} } @media only screen and (max-width:767px){ .other_banner{height: 100px;} } /*娉曞緥澹版槑*/ /*鎼滅储缁撴灉*/ input,button,textarea{border: none;outline: none;background:none;box-sizing:border-box;} .search_t{width: 660px;max-width:100%;border:1px solid #efefef;overflow: hidden;box-sizing:border-box;} .search_t input,.search_t button{height: 52px;line-height: 52px;} .search_t input{padding-left: 30px;width: calc(100% - 95px);float: left;color:#554f45;} .search_t button{width: 95px;text-align: center;float: right;font-size: 20px;} .search_result{border-bottom:1px solid #d0001d;padding-bottom: 30px;color: #554f45;} .search_result span{color:#bb1e00;} .search_list ul{padding-bottom: 20px;} .search_list li{padding: 40px 20px;padding-bottom: 50px;border-bottom:1px solid #d0001d;} .serach_time{color: #d0001d;margin-bottom: 10px;} .search_list h3{margin-bottom: 25px; line-height: 30px;max-height: 60px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .search_list h3 span{color: #bb1e00;} .search_list p{max-height: 48px;-webkit-line-clamp: 2;} @media only screen and (max-width:1440px) { .search_list ul{padding-bottom:0;} .search_list li{padding: 30px 20px;} .search_result{padding-bottom: 20px;} .search_list h3{margin-bottom: 20px;} } @media only screen and (max-width:1024px) { .search_t input, .search_t button{height:44px;line-height: 44px;} .search_t input{padding-left: 20px;width: calc(100% - 50px)} .search_t button{width: 50px;} .search_list h3{margin-bottom: 10px;line-height: 24px;max-height:48px;} } @media only screen and (max-width:767px) { .search_t input, .search_t button{height: 40px;line-height: 40px;} .search_result{padding-bottom: 10px;} .search_list li{padding: 20px 10px;} .search_t input{padding-left: 10px;} } /*缃戠珯鍦板浘*/ .sitemap_phone{display: none;} .sitemap_phone img{width: 100%;} .sitemap,.sitemap a{color: #fff;} .sitemap .wrap {position: relative;z-index: 2;} .sitemap{position: relative;} .sitemap ul{overflow: hidden;} .sitemap li{padding: 180px 0 140px 0;float: left;width: 20%;box-sizing:border-box;border-left: 1px solid rgba(255,255,255,0.3);box-sizing:border-box;height: 877px;} .sitemap dl{margin-bottom: 80px;} .sitemap dt,.sitemap dd{padding-left: 30px;} .sitemap dt{position: relative;} .sitemap dt i{position: absolute;left: -1px; top:50%;margin-top: -10px; width: 5px;height: 20px;background:#dd360c;} .sitemap dd{margin-top:15px;} .sitemap dd p{line-height: 30px;margin-bottom: 15px;} .sitemap dd em{display: block;padding-left: 20px;padding-top: 10px;} .sitemap dd em a{display: block;} @media only screen and (max-width:1440px) { .sitemap li{padding: 120px 0;height: 811px;} } @media only screen and (max-width:1024px) { .sitemap{padding: 50px 0;} .sitemap li{padding: 0; height:auto;border:none;float: none;width: 100%;} .sitemap dt, .sitemap dd{padding-left: 20px;} .sitemap dl{margin-bottom: 0;padding: 20px 0;border-bottom: 1px solid rgba(255,255,255,0.3);} .sitemap dd{overflow: hidden;} .sitemap dd p{margin-bottom: 0;float: left;margin-right: 30px;} .sitemap dd em{padding-left: 10px;padding-top:5px;} } @media only screen and (max-width:767px) { .sitemap_phone{display: block;} .sitemap{padding: 0;padding-bottom: 40px;background:none;background:#eee !important;} .sitemap .blank_42{display: none;} .sitemap, .sitemap a{color: #333;} .sitemap dd p.cur{float: none;width: 100%;margin-right: 0;clear:both;} .sitemap dd em a{float: left;margin-right: 15px;} .sitemap dd em{overflow: hidden;padding: 5px 0; padding-left: 20px;} .sitemap dd p{margin-right: 20px;} .sitemap dt, .sitemap dd{padding-left: 10px;} .sitemap dt i{width: 4px;} .sitemap dl{ border-bottom: 1px solid rgba(0,0,0,0.1);} } /*绠$悊鍥㈤槦*/ .team_list{overflow: hidden;} .team_list ul{overflow: hidden;margin:0 -30px;padding-bottom: 30px;} .team_list dl{margin: 0 30px;} .team_list li{float: left;width: 25%;margin-bottom: 30px;} .team_list li:nth-child(4n+1){clear: both;} .team_list p{line-height: 24px;} .team_list h3{margin-bottom:10px;} .team_list dd{padding: 25px 20px;} @media only screen and (max-width:1440px) { .team_list ul{padding-bottom: 0px;} .team_list ul{margin:0 -20px;} .team_list dl{margin: 0 20px;} } @media only screen and (max-width:1024px) { .team_list ul{margin:0 -10px;} .team_list dl{margin: 0 10px;} .team_list dd{padding: 10px 0;padding-bottom: 0;} } @media only screen and (max-width:767px) { .team_list ul{margin:0 ;} .team_list dl{margin: 0 ;} .team_list li{float: none;width: 100%;} .team_list li:last-child{margin-bottom: 0;} } /*鍏充簬瑗垮嚖*/ .about_cont{padding-bottom: 0;} .about_01,.about_02{overflow: hidden;} .about_01{background:url(../images/about_bg_01.png) no-repeat top center} .about_01 .wrap{overflow: hidden;} .about_01 h3{color: #9a855d;margin-bottom: 30px;} .about_01 {overflow: hidden;} .about_01 .left{width: calc(100% - 150px);float: left;} .about_01 .right{float: right; width: 55px;text-align: right;writing-mode: vertical-rl;writing-mode: tb-rl;border-left:1px solid #e6d5be;padding: 8px 0 50px 0;} .about_01 .right img{display: inline-block;width: 32px;height: 92px;margin-bottom: 15px;} .about_01 .right h2{overflow: hidden;} .about_01 .right h2 p{display: inline-block;} .about_02{background:url(../images/about_bg_02.jpg) no-repeat;background-size: cover;padding: 70px 0;} .about_02 ul{overflow: hidden;} .about_02 li dl{padding: 0 90px;padding-right: 10px; position: relative;} .about_02 li{float: left;width: 320px;margin-bottom: 60px;} .about_02 dd{color: #3f3f3f;} .about_02 dt{height: 72px;line-height: 72px;color:#bb1e00;margin-bottom: 10px;overflow: hidden;} .about_02 dt span{font-size: 72px;} .about_02 li dt b{position: absolute;height: 68px;width: 1px;background:#d6d6d6;left: 0;top:0;} .about_02 li:nth-child(4n+1){clear:both;} .about_02 li:nth-child(4n+1) dt b{display: none;} .about_02 li:nth-child(4n+1) dl{padding-left: 0;} @media only screen and (max-width:1440px) { .about_02 li{width: 25%;} .about_02 ul{margin: 0 -40px;padding-right: 150px} .about_02 li dl,.about_02 li:nth-child(4n+1) dl{padding: 0 40px;} .about_02 dt{height: 66px;line-height: 66px;} .about_02 dt span{font-size: 66px;} .about_02 li dt b{height: 66px;} } @media only screen and (max-width:1440px) { .about_01 h3{margin-bottom: 20px;} .about_02 dt{height: 60px;line-height: 60px;} .about_02 dt span{font-size: 60px;} .about_02 li dt b{height: 60px;} } @media only screen and (max-width:1024px) { .about_02{padding: 50px 0} .about_02 ul{padding-right: 0;margin: 0 -20px;} .about_02 li dl,.about_02 li:nth-child(4n+1) dl{padding: 0 20px;} .about_02 dt{height: 40px;line-height: 40px;} .about_02 dt span{font-size: 40px;} .about_02 li dt b{height: 40px;} .about_02 li{margin-bottom: 30px;} } @media only screen and (max-width:767px) { .about_01 .right,.about_01 .left{float: none;width: 100%;} .about_01 .right{border:none; writing-mode: inherit; writing-mode: inherit;text-align: left;padding: 0;padding-bottom: 20px;} .about_01 .right h2{display: block;} .about_01 .right h2 img{float: left;margin-bottom: 0;} .about_01 .right h2 p{width: calc(100% - 50px);float: right;padding-top: 30px;} .about_01 h3{margin-bottom: 10px;} .about_02{padding: 30px 0;} .about_02 li{width: 50%;margin-bottom: 20px;} .about_02 li:nth-child(4n+1) dl{clear: inherit;} .about_02 li:nth-child(2n+1){clear:both;} .about_02 dt{height: 30px;line-height: 30px;} .about_02 dt span{font-size: 30px;} .about_02 li dt b{height: 30px;} } /*鑱旂郴鎴戜滑*/ .contact_map{width:100%;height: 777px;overflow: hidden;position: relative;} #map{width:100%;height: 100%;} .contact_box{position: absolute;top:0;right: 0;width: 460px;height: 100%;background:url(../images/contact_bg.png) no-repeat;background-size: cover;box-sizing:border-box;padding:160px 35px 40px 40px;overflow: hidden;} .contact_box .pub_title{color:#fff;width: 105px;box-sizing:border-box;height: 415px;float: right;border-color:rgb(200,162,100,0.45);} .contact_list,.contact_list a{color: #fff;} .contact_list{float: left;width: calc(100% - 120px)} .contact_list li{margin-bottom: 50px;} .contact_list li:last-child{margin-bottom: 0;} .contact_list dl{overflow: hidden;} .contact_list dt{float: left;} .contact_list dt img{width: 30px;height: 30px;} .contact_list dd{width: calc(100% - 38px);float: right;} .contact_list h4{line-height: 30px;margin-bottom: 10px;} @media only screen and (max-width:1440px) { .contact_map{height: 600px;} .contact_box{padding:30px;padding-top: 80px;} } @media only screen and (max-width:1024px) { .contact_map{height: 500px;} .contact_box{padding:20px;padding-top: 70px;width: 400px;} .contact_list li{margin-bottom: 20px;} .contact_box .pub_title{height: 300px;} } @media only screen and (max-width:1024px) { .contact_map{height: auto;} #map{height: 220px;} .contact_box{position: static;width:100%;padding: 20px;padding-bottom: 30px;} .contact_list {float: none;width: 100%;border:0;} .contact_box .pub_title{height: auto;float: none;width: 100%;} .pub_title{float: none;width: 100%;border:0;height: auto;text-align: left; writing-mode: inherit; writing-mode: inherit;padding-bottom: 0;padding: 0;} .pub_title img{margin-bottom: 0;} .pub_title h2 p{width: calc(100% - 40px);float: right;padding-top: 30px;} .pub_title h4{margin-right:0;} .pub_title h2{margin-bottom: 10px;} .pub_title h4{margin-bottom: 20px;font-weight: bold;} } /*鍒跺害鍏憡*/ .investor_cont .page{padding-top: 0;} .investor_cont{overflow: hidden;} .investor_list{padding-bottom: 35px;} .investor_list ul{margin:0 -30px;} .investor_list li{float: left;width: 33.33%;margin-bottom: 60px;} .investor_list dl{margin:0 30px;border:1px solid #e5e5e5;background:url(../images/investor_bg_01.jpg) no-repeat;background-size: cover;padding: 50px;padding-bottom: 60px;} .investor_list h3{line-height: 30px;height: 60px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} @media only screen and (max-width:1440px) { .investor_list{padding-bottom: 0;} .investor_list ul{margin:0 -20px;} .investor_list dl{margin:0 20px;padding: 40px;} .investor_list li{margin-bottom: 40px;} } @media only screen and (max-width:1024px) { .investor_list ul{margin:0 -10px;} .investor_list dl{margin:0 10px;padding: 20px;} .investor_list li{margin-bottom: 20px;} .investor_cont .page{padding-top: 20px;} .investor_list h3{line-height: 24px;height: 48px;} } @media only screen and (max-width:767px) { .investor_list h3{height: auto;max-height: 48px;} .investor_list li{float: none;width: 100%;margin-bottom: 10px;} .investor_list ul{margin:0 ;} .investor_list dl{margin:0;} } /*鍒嗛厤鏂规*/ .investor_edit{background:#f5f5f5 url(../images/investor_bg.jpg) no-repeat 0 bottom ;background-size:cover;} /*浜烘墠鎷涜仒*/ .recruit_cont{overflow: hidden;} .recruit_top{position:relative;z-index: 9;padding-top: 100px;} .recruit_tab{overflow: hidden;margin-bottom: 40px;} .recruit_tab li{float: left;color: #b2bac2;} .recruit_tab li a{color: #b2bac2;} .recruit_tab li.on a{color: #404346;} .recruit_tab li em{margin: 0 20px;} .recruit_tab li:last-child em{display: none;} .recruit_bottom{padding-top: 35px;} .society_tab ul{margin: 0 -20px;} .society_tab li{float: left;width: 33.33%} .society_tab li dl{margin: 0 20px;} .pub_select { position: relative;} .pub_select dt {position: relative; padding: 0 30px;padding-right: 45px; cursor: pointer; overflow: hidden;height: 55px;line-height: 55px;background: #fff;color: #554f45;overflow: hidden;border:1px solid #b69a65;} .pub_select dt p{float: left;max-width: calc(100% - 30px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .pub_select dt i{height:100%; font-size: 16px; font-weight: bold;position: absolute;top:0;right: 30px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .sociology_tab .icon-jiantouxia{position: absolute;top:0;;right: 20px;height: 100%;font-size: 20px;color: #fff;height:54px;line-height: 54px;font-weight:normal;} .pub_select dd {z-index: 99; position: absolute; max-height:200px; overflow-y: auto; overflow-x: hidden; background: #fff; width:100%; left: 0px; top:100%; display: none; border: 1px solid #eee;border-top: 0; box-sizing:border-box;box-shadow: 0 0 10px rgba(0,0,0,0.2); } .pub_select dd a { display: block; line-height: 40px; white-space: normal; padding: 0 20px; } .pub_select dt.on_o i{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .recruit_result{color: #554f45;margin-bottom: 40px;} .recruit_result span{color:#cb0000;font-weight: bold;} .recruit_list li{border:1px solid #e7e7e7;padding: 30px 55px;margin-bottom: 10px;} .recruit_list dt h3 a{color: #000;} .recruit_list dt{overflow: hidden;border-bottom:1px solid #e7e7e7;padding-bottom: 30px;margin-bottom: 30px;} .recruit_list dt h3{float: left;width: calc(100% - 50px)} .recruit_list dt .index_more{float: right;padding-top: 0;} .recruit_list dd{overflow: hidden;} .recruit_list dd p{float: left;margin-bottom: 8px;color: #84888d;width: 240px;margin-right: 15px;} .recruit_list dd span{color: #000;} .recruit_time{float: right;color: #d0001d;} .recruit_p{float: left;overflow: hidden;width: calc(100% - 100px)} @media only screen and (max-width:1440px) { .recruit_list dd p{width: 23%;margin-right: 2%;} .recruit_list dt{padding-bottom: 20px;margin-bottom: 20px;} } @media only screen and (max-width:1366px) { .recruit_list li{padding:30px;} } @media only screen and (max-width:1024px) { .recruit_list li{padding:20px;} .recruit_result{margin-bottom: 20px;} .recruit_top{padding-top: 50px;} .recruit_tab{margin-bottom: 20px;} .pub_select dt{padding: 0 10px;padding-right: 20px;} .pub_select dt i{right: 10px;} .society_tab li dl{margin: 0 10px;} .society_tab ul{margin: 0 -10px;} } @media only screen and (max-width:767px) { .society_tab li{float: none;width: 100%;margin-bottom:10px;} .society_tab li:last-child{margin-bottom: 0;} .society_tab li dl{margin: 0;} .society_tab ul{margin: 0 ;} .pub_select dt{height: 40px;line-height:40px;} .recruit_top{padding-top: 30px ;} .recruit_bottom{padding-top: 20px;} .recruit_list dt{padding-bottom:10px;margin-bottom: 10px;} .recruit_p,.recruit_time{float: none;width: 100%;} .recruit_list dd p{width:49%;margin-right: 1%;} .recruit_list dd p:nth-child(2n){float: right;} .recruit_list dd p:nth-child(2n+1){clear: both;} .pub_select dd a{padding: 0 10px;} } /*璁惧绠$悊宀?/ .recruit_d{padding: 40px 0 70px 0;} .recruit_dtop{overflow: hidden;line-height: 30px;padding-bottom: 30px;} .recruit_dtop .recruit_return{float: left;} .recruit_share{float: right;} .recruit_share a{font-size: 16px;margin-left: 20px;} .recruit_share a:first-child{margin-left: 0;} .recruit_dbottom{padding: 50px 20px;border-top:1px solid #d0001d;border-bottom:1px solid #d0001d;margin-bottom: 20px;} .recruit_iteam{margin-bottom: 30px;} .recruit_iteam:last-child{margin-bottom: 0;} .recruit_iteam h3{color: #000;margin-bottom: 20px;} .recruit_dbottom .index_time{margin-bottom: 30px;} .recruit_contact{padding-top: 50px;} .recruit_contact li{margin-bottom: 10px;} .recruit_contact li:last-child{margin-bottom: 0px;} .recruit_contact dl{overflow: hidden;line-height: 26px;} .recruit_contact dt{float: left;width: 85px;} .recruit_contact dd{float: right;width: calc(100% - 85px)} .recruit_contact a{color: #d5350f;} .recruit_contact a.tel_link{color: #000} .delivery{padding-top: 40px;} .delivery a{display: inline-block;width: 180px;height: 50px;line-height: 50px;text-align: center;background:url(../images/delivery_btn.png) no-repeat center center;background-size: 100% 100%;color: #fff;} .recruit_page{overflow: hidden;} .recruit_page,.recruit_page a{color: #000;} .recruit_page span.no,.recruit_page span.no a{color: #554f45;cursor: default;} .recruit_page span{float: left;width: 48%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .recruit_page span:last-child{float:right;text-align: right;} .recruit_contact a.tela{color: #000;} @media only screen and (max-width:1440px) { .recruit_dbottom{padding: 40px 20px;} .recruit_dbottom .index_time{margin-bottom: 20px;} .delivery{padding-top: 30px;} .recruit_dtop{padding-bottom: 20px;} } @media only screen and (max-width:1024px) { .recruit_dtop{padding-bottom: 10px;} .recruit_dbottom{padding: 30px 10px;} .delivery{padding-top: 20px;} .recruit_contact{padding-top: 30px;} .recruit_iteam h3{margin-bottom: 10px;} } @media only screen and (max-width:767px) { .recruit_d{padding: 20px 0 50px 0;} .recruit_dbottom{padding: 20px 0;} .recruit_contact dt,.recruit_contact dd{float: none;width: 100%;} .recruit_page span,.recruit_page span:last-child{float: none;width: 100%;text-align: left;display: block;line-height: 30px;} } /*鍏徃鏂伴椈*/ .news_list{overflow: hidden;} .news_list dt a{display: block;} .news_list li{float: left;width: 33.33%;margin-bottom: 80px;} .news_list ul{margin: 0 -30px;overflow: hidden;} .news_list dl{margin: 0 30px;padding:30px 15px;border-top:1px solid #d0001d;position: relative;overflow: hidden;} .news_list h3{line-height: 1.2em;height: 2.4em;margin-bottom: 20px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .news_list p{height: 52px;-webkit-line-clamp: 2;} .newsimg{position:absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 2;overflow: hidden;visibility: hidden;opacity: 0; transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); } .newsimg img{display: none;} .newsimg a{display: block;width: 100%;height: 100%;} .newsimg a{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;} .news_list .page{padding-top: 0;} @media only screen and (max-width:1440px) { .news_list li{margin-bottom: 50px;} .news_list ul{margin: 0 -20px;} .news_list dl{margin: 0 20px;} } @media only screen and (max-width:1024px) { .news_list dl{padding: 20px 10px;} .news_list li{margin-bottom: 30px;} .news_list h3{margin-bottom: 10px;} .news_list ul{margin: 0 -10px;} .news_list dl{margin: 0 10px;} .news_list p{line-height: 24px;height: 48px;} } @media only screen and (max-width:767px) { .news_list ul{margin: 0 ;} .news_list dl{margin: 0;} .news_list li{float: none;width: 100%;margin-bottom: 0;} .news_list h3,.news_list p{height: auto;line-height: 24px;max-height: 48px;} .newsimg{margin-bottom: 10px; position: static;visibility:visible;opacity: 1; transform: scale(1,1); -webkit-transform: scale(1,1); -moz-: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1);} .newsimg img{display: block;} } /*鏂伴椈璇︽儏*/ .news_d{padding-top: 60px;overflow: hidden;} .news_d{background:#eff0ef;overflow: hidden;} .news_d .left{float: left;padding-top: 25px;width: calc(100% - 470px);} .news_d .right{float: right;width: 420px;background:#f6f6f6 url(../images/d_bg.jpg) no-repeat center bottom;box-sizing:border-box;padding: 50px 35px;padding-bottom: 70px;} .news_d .right li{margin-bottom: 40px;} .news_d .right li:last-child{margin-bottom: 0;} .news_d .right h3{color:#9a855d;margin-bottom: 50px;} .news_d .right h4 a{color:#404346;} .news_d .right h4{line-height: 1.4em;max-height: 2.8em;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .d_title{padding-bottom: 30px;margin-bottom: 50px;border-bottom:1px solid #d0001d;} .d_title h3{color:#000;margin-bottom: 20px;} .news_dspan{color:#404346;line-height: 24px;} .news_dspan i{font-size: 18px;color: #bdbdbd;margin-right: 8px;float: left;} .d_edit{padding-bottom: 50px;} .d_share{overflow: hidden;padding:0 10px;border-bottom:1px solid #dfdfdf;padding-bottom: 20px;margin-bottom: 30px;} .d_share a{float: left;font-size: 22px;color:#b0b0b0;margin-right: 30px;} .d_page{overflow: hidden;} .d_page .page_le{float: left;width: calc(100% - 100px)} .d_page .page_le span{display: block;line-height: 42px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .d_page .page_re{float: right;} .d_page .page_re a{display:block;width:60px;height: 34px;line-height: 34px;text-align: center;background:#bb1e00;color: #fff;border-radius: 10px;font-weight: bold;} @media only screen and (max-width:1440px) { .news_d .right h3{margin-bottom: 30px;} .news_d .left{padding-top: 0;} .news_d .right{padding: 40px 30px;padding-bottom: 60px;} .d_title{padding-bottom: 20px;margin-bottom: 30px;} } @media only screen and (max-width:1024px) { .news_d{padding-top: 50px;} .d_page .page_re{display: none;} .news_d .left,.news_d .right{float: none;width: 100%;} .d_title h3{margin-bottom: 10px;} .d_title{margin-bottom: 20px;} .d_edit{padding-bottom: 20px;} .d_share{padding-bottom: 10px;margin-bottom: 20px;} .news_d .left{margin-bottom: 40px;} .d_page .page_le{float: none;width: 100%;} .news_d .right li{margin-bottom: 30px;} } @media only screen and (max-width:767px) { .news_d{padding-top: 30px;} .d_share a{margin-right: 20px;} .d_page .page_le span{line-height: 30px;} .news_d .right{padding: 30px 20px;} .news_d .right h3{margin-bottom: 10px;} .news_d .right li{margin-bottom: 20px;} } /*琛屼笟鏂伴椈*/ .industry_list ul{margin: 0;} .industry_list ul dl{margin: 0;padding: 30px 35px;padding-bottom: 40px; border:0;border-bottom:1px solid #cacaca;} .industry_list li{float: none;width: 100%;margin-bottom: 0;} .industry_list h3{height: auto;max-height: 2.4em;} .industry_list p{height: auto;max-height:104px; -webkit-line-clamp: 4;} .industry_list .page{padding-top: 60px;} @media only screen and (max-width:1440px) { .industry_list ul dl{padding: 30px 20px;} } @media only screen and (max-width:1024px) { .industry_list ul dl{padding: 20px 10px;} .industry_list .page{padding-top: 40px;} .industry_list ul li:first-child dl{padding-top: 0;} .industry_list p{max-height: 96px;} .industry_list h3{max-height: 48px;} } @media only screen and (max-width:767px) { .industry_list .page{padding-top: 20px;} } /*瑙嗛涓績*/ .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;} .video_list h3 a{color:#6b6b6b;} .video_tbox{height: 100%;} .video_list .page{padding-top: 10px;} .video_list ul{overflow: hidden;margin: 0 -30px;} .video_list dl{margin: 0 30px;border-bottom:2px solid #d0001d;} .video_list li{float: left;width: 33.33%;margin-bottom: 60px;} .video_list dt {position: relative;} .video_list dt a{display: block;} .video_list dd h3{line-height: 30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .video_list dd{padding: 35px 0;} @media only screen and (max-width:1440px) { .video_list ul{margin: 0 -20px;} .video_list dl{margin: 0 20px;} .video_list li{margin-bottom: 40px;} .video_list dd{padding: 20px 0;} } @media only screen and (max-width:1024px) { .video_list ul{margin: 0 -10px;} .video_list dl{margin: 0 10px;} .video_list li{margin-bottom: 30px;} .video_list dd{padding: 10px 0;} .vide0_close{top:-40px;} } @media only screen and (max-width:767px) { .video_list ul{margin: 0;} .video_list dl{margin: 0;border-width: 1px;} .video_list li{width: 100%;float: none;} .video_list li:last-child{margin-bottom: 0;} .video_list .page{padding-top: 20px;} } /*鐧介厭鐭ヨ瘑*/ .know_top{background:#efefef url(../images/knowledge_bg.jpg) no-repeat;background-size: cover;padding: 90px 0;} .know_top h3 a,.know_top p{color: #404346;} .know_top h3{margin-bottom: 30px;} .know_a{padding-top: 40px;} .know_a a{display: inline-block;width: 120px;height:50px;line-height: 50px;background:url(../images/know_title.png) no-repeat center center;background-size:100% 100%;text-align: center;color: #fff;} .know_bottom dt{overflow: hidden;} .know_bottom dt .index_time{float: right;margin-bottom: 0;line-height:28px;} .know_bottom dt h3{float: left;width: calc(100% - 100px);} .know_bottom .index_more{padding-top: 20px;} .know_bottom .industry_list,.know_bottom .industry_list ul{overflow: inherit;} .know_bottom .industry_list ul dl{border: 1px solid #cacaca;padding:30px 45px;} .know_bottom li{margin-bottom: 10px;} @media only screen and (max-width:1024px) { .know_bottom .industry_list ul dl{padding: 30px 20px!important;;} } @media only screen and (max-width:1024px) { .know_top{padding: 50px 0;} .know_bottom .industry_list ul dl{padding: 20px !important;} .know_top h3{margin-bottom: 20px;} } @media only screen and (max-width:767px) { .know_top{padding: 30px 0;} .know_bottom dt .index_time{line-height: 24px;} .know_bottom dt h3,.know_bottom dt .index_time{float: none;width: 100%;} .know_bottom dt .index_time{margin-bottom: 10px;} .know_top h3{margin-bottom: 10px;} } /*瑗垮嚖褰遍煶*/ .audio_list li{position: relative;margin-bottom: 40px;overflow: hidden;} .audio_list li:last-child{margin-bottom: 0;} .audio_list .iteam dt{position: relative;overflow: hidden;} .audio_list .iteam dt i,.museum_audio dt em,.video_list dt span{font-size: 50px;color:#bb1e00;opacity: 0.7;} .audio_list .iteam dd{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;box-sizing:border-box;padding: 25px 30px;} .audio_list .iteam dd h3{line-height: 24px;max-height: 48px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .audio_list .iteam{width: 30.5%;height: 47.6%;position: relative;} .audio_list .iteam:nth-child(1){width: 66.3%;height: 100%;} .audio_list .iteam:nth-child(2){position: absolute;top:0;right: 0;} .audio_list .iteam:nth-child(3){position: absolute;bottom:0;right: 0;} .audio_list .iteam dt em{position: absolute;left: 0;bottom:0;width: 100%;height: 100%;background:url(../images/audio_jb_02.png) no-repeat;background-size: 100% 100%;} .audio_list .iteam:nth-child(1) dt em{background:url(../images/audio_jb_01.png) no-repeat;background-size: 100% 100%;} .audio_list li:nth-child(2) .iteam:nth-child(1){float: right;} .audio_list li:nth-child(2) .iteam:nth-child(2){right:auto;left: 0;} .audio_list li:nth-child(2) .iteam:nth-child(3){right:auto;left: 0;} @media only screen and (max-width:1440px) { .audio_list .iteam dd{padding: 20px;} .audio_list .iteam dt i,.museum_audio dt em,.video_list dt span{top:45%;} } @media only screen and (max-width:1024px) { .audio_list li{margin-bottom: 30px;} .audio_list .iteam dt i,.museum_audio dt em,.video_list dt span{font-size: 38px;top:40%;} } @media only screen and (max-width:767px) { .audio_list li{margin-bottom: 20px;} .audio_list .iteam dt i,.museum_audio dt em,.video_list dt span{font-size: 30px;top:50%;} .audio_list li{height: auto !important;} .audio_list .iteam{width: 100% !important;position: relative !important;margin-bottom: 10px;} .audio_list .iteam dd{text-align: center;} } @media only screen and (min-width:768px) { .audio_list .iteam a,.audio_list .iteam dl,.audio_list .iteam dt,.audio_list .iteam dt img{display: block;height: 100% !important;} } /*瑗垮嚖涔︾敾*/ .painting_list {overflow: hidden;} .resource-type-wrap .cf{margin: 0 -30px;max-height:1795px;overflow: hidden;} .resource-type-wrap { width:100%;} .resource-type-wrap .panel { width: 33.23%;margin-bottom: 60px; } .resource-type-wrap .panel dl{position: relative; margin:0 30px;overflow: hidden;} .painting_list dt img{width: 100%;} .painting_list dd{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background:url(../images/painting_jb.png) repeat-x 0 bottom;background-size: 100%;color:#fff;} .painting_text{position: absolute;left: 0;bottom: 0;text-align: center;padding: 0 20px;box-sizing:border-box;width: 100%;} .painting_line{width:21.5%;height: 3px;background:#d0001d;margin: auto;margin-top: 30px;} .painting_text h3{margin-bottom: 5px;line-height: 30px;max-height: 60px;} .painting_text p{line-height: 24px;max-height: 48px;} .painting_text h3,.painting_text p{ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .painting_more{text-align: center;padding-top: 60px;display: none;} .painting_more a{width: 183px;height: 70px;line-height: 70px;text-align: center;background:url(../images/painting_more.png) no-repeat;background-size: 100% 100%;color: #fff;display: inline-block;} .painting_list.cur .resource-type-wrap .cf{max-height: inherit;} .painting_list.cur .painting_more{display: none !important;} @media only screen and (max-width:1440px) { .painting_line{margin-top: 20px;} .resource-type-wrap .cf{margin: 0 -20px;} .resource-type-wrap .panel dl{margin:0 20px;} .resource-type-wrap .panel {margin-bottom: 40px; } } @media only screen and (max-width:1024px) { .resource-type-wrap .cf{max-height:800px;} .painting_more{padding-top: 40px;} .painting_text{padding: 0 10px;} .painting_line{margin-top: 15px;} .resource-type-wrap .cf{margin: 0 -10px;} .resource-type-wrap .panel dl{margin:0 10px;} .resource-type-wrap .panel {margin-bottom: 20px; } } @media only screen and (max-width:767px) { .resource-type-wrap .cf{max-height:800px;} .painting_more{padding-top: 40px;} .resource-type-wrap .panel{width: 100%;} .painting_more a{width: 150px;height: 50px;line-height: 50px;} .painting_list li{display: none;} .painting_list li:nth-child(-n+4){display: block;} .painting_list.cur li{display: block;} .resource-type-wrap .cf{max-height: inherit;} .painting_more{padding-top: 10px;} } /*鑰佺収鐗?/ /*浼佷笟鑽h獕*/ .photo_slider{position: relative;width:1260px;max-width:90%;margin: auto;} .photo_slider .swiper-container{padding: 50px 0; } .photo_slider .swiper-container li dl{margin: 0 1px;box-shadow: 0 0 20px rgb(0 0 0 / 20%);background:#fff;text-align: center;} .photo_slider dd{height: 70px;line-height: 70px;padding: 0 10px;position: relative;} .photo_slider dd p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .photo_slider dd .museum_line{bottom: 0;} .photo_slider dt{position: relative;} .photo_slider dt a{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);color: #fff;font-size: 30px;} .photo_swi,.photo_swi .swiper-container{padding: 0;} .photo_swi li{opacity: 1;cursor: pointer;width:25%;} .photo_swi li dt{padding: 0;height: 0;padding-bottom: 56.286%;position: relative;} .photo_swi li dt em{font-size: 30px;color: #fff;} .photo_swi li dt img{position: absolute;left: 0;top:0;height: 100% !important; width: 100%;max-width: 100%;} .photo_swi li dd{position: absolute;top:0;left: 0;width: 100%;height: 100%;box-sizing:border-box;} .photo_swi li dd i{position: absolute;top:0;left: 0;width: 100%;height: 100%;box-sizing:border-box;border:4px solid #d0001d;border-radius: 10px;visibility: hidden;opacity: 0;} .photo_swi li.on dd i{visibility:visible;opacity: 1;} .photo_slider .public_but .swiper-button-prev.swiper-button-disabled,.photo_slider .public_but .swiper-button-next.swiper-button-disabled{cursor: default; color: #ccc;} .photo_swi dl{padding: 10px;background:#fff;} @media only screen and (max-width:1280px) { } @media only screen and (max-width:1024px) { /*.photo_slider .swiper-container li dl{box-shadow:none;}*/ .photo_slider dd{height: 40px;line-height: 40px;} .photo_slider .swiper-container{padding: 20px 0;} /*.photo_slider{margin-bottom: 20px;}*/ .photo_swi dl{padding: 5px;} .photo_swi li dd i{border-width: 2px;border-radius: 0;} } @media only screen and (max-width:767px) { .photo_line{width: 20%;margin-left: -10%;} } /*瑗垮嚖鍗氱墿棣?/ .fancybox-button--zoom,.fancybox-button--thumbs{display: none !important;} .museum_title{color:#404346;margin-bottom: 40px;overflow: hidden;position: relative;} .museum_title h2{padding-right: 50px;} .museum_title .index_more{padding: 0; position: absolute;top:50%;right: 0;margin-top: -12px;} .museum_01{padding: 90px 0;padding-bottom: 50px;} .museum_02,.museum_03{padding: 90px 0;} .museum_02{background:#f6f6f6;} .museum_01 .museum_title{margin-bottom: 0;} .museum_slider{position: relative;overflow: hidden;} .museum_slider li{width: 41.14%;opacity:0.2; } .museum_slider .swiper-container{padding: 40px 0;} .museum_slider dt{padding: 2px;background: #fff;} .museum_slider dl{position: relative;} .museum_slider dd{position: absolute;bottom:0;left: 0;width: 100%;color:#fff;text-align: center;padding-bottom: 20px;visibility: hidden;opacity: 0;} .museum_line{position: absolute;left:50%;bottom: 3px;width: 106px;height: 3px; margin-left: -53px;background:#d0001d;} .museum_slider .swiper-slide-active{box-shadow: 0 0 30px rgb(0 0 0 / 30%);opacity:1;} .museum_slider .swiper-slide-active dd{visibility: visible;opacity: 1;} .nocur .museum_slider li{margin: auto;width: 790px;max-width: 100%;opacity: 1;} .museum_slider .public_but div.swiper-button-prev{left: 27.5%;} .museum_slider .public_but div.swiper-button-next{right: 27.5%;} .museum_02 .audio_list .iteam{width: 32%;} .museum_02 .audio_list .iteam:nth-child(1){width: 66%;} .museum_02 .audio_list .iteam dt span{position: absolute;right: 20px;bottom: 20px;width: 36px;height:36px;line-height:36px;text-align: center;color: #fff;border-radius:50%;background:#bb1e00;font-size: 18px;opacity: 1} .ie9 .museum_slider li{opacity: 1;} .ie9 .museum_slider dd{visibility: visible;opacity: 1;} .museum_audio ul{overflow: hidden;margin: 0 -30px;} .museum_audio li{float: left;width: 33.33%;} .museum_audio dl{margin: 0 30px;border-bottom: 2px solid #d0001d;} .museum_audio dt{position: relative;} .museum_audio dt em,.video_list dt span{top:50%; z-index: 2;} .museum_audio dd{padding: 30px 0;} .museum_audio dd h3{color:#6b6b6b;line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} @media only screen and (max-width:1440px) { .museum_02, .museum_03{padding: 70px 0;} .museum_01{padding: 70px 0;padding-bottom: 30px;} .museum_audio ul{margin: 0 -20px;} .museum_audio dl{margin: 0 20px;} .museum_audio dd{padding: 20px 0;} } @media only screen and (max-width:1024px) { .museum_01,.museum_02,.museum_03{padding: 50px 0;} .museum_01 .museum_title,.museum_title{margin-bottom:20px;} .museum_slider .public_but div.swiper-button-prev{left: 5px;} .museum_slider .public_but div.swiper-button-next{right: 5px;} .museum_slider .swiper-slide-active{box-shadow:none;} .museum_slider .swiper-container{padding: 0;} .museum_slider dt{padding:0 ;} .museum_audio ul{margin: 0 -10px;} .museum_audio dl{margin: 0 10px;} .museum_slider li{opacity: 1;} .museum_slider dd{visibility: visible;opacity: 1;padding-bottom: 10px;} .museum_line{bottom: 0;} } @media only screen and (max-width:767px) { .museum_01,.museum_02,.museum_03{padding: 30px 0;} .museum_audio ul{margin: 0;} .museum_audio dl{margin: 0;} .museum_audio li{float: none;width: 100%;margin-top: 20px;} .museum_audio dd{padding: 10px 0;} } /*宸ヨ壓*/ .craft_01{background:#f3f3f3 url(../images/craft_bg.jpg) no-repeat center center;background-size:cover;text-align: center;padding:9% 0;padding-bottom: 10%;} .craft_01 h2{color:#9a855d;margin-bottom: 30px;} .craft_01 p{color: #404346;} .craft_list li{position: relative;} .craft_box{width: 100%;color: #fff;} .craft_text{width: 920px;margin: auto;} .craft_text dl{} .craft_text dt{float: left;position: relative;font-size: 80px;line-height: 80px; writing-mode: vertical-rl; writing-mode: tb-rl;} .craft_text dt i{position: absolute;left: -30px;bottom: -32px;width: 61px;height: 32px;} .craft_text dt i img{width: 100%;height: 100%;} .craft_text dd{float: right;width: calc(100% - 120px);} .craft_text dd p{line-height: 30px;max-height: 210px;overflow: hidden;} .craft_text dd h3{margin-bottom: 10px;} @media only screen and (max-width:1440px) { .craft_01{padding: 8% 0} } @media only screen and (max-width:1024px) { .craft_text{width: 94%;} .craft_text dt{font-size:56px;line-height:56px;} .craft_text dd{width: calc(100% - 90px);} .craft_01 h2{margin-bottom: 20px;} } @media only screen and (max-width:767px) { .craft_list{padding-bottom: 30px;} .craft_list li{ background: #9a855d;margin-bottom: 20px;} .craft_list .blank_34{display: none;} .craft_box{ transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); position: static;} .craft_text dt,.craft_text dd{float: none;width: 100%;box-sizing: border-box;} .craft_text dt{font-size:24px;height:32px;line-height:32px;padding-left: 65px;margin-bottom: 15px; writing-mode: inherit; writing-mode: inherit;} .craft_text dt i{left: 0;bottom:auto;top:0;} .craft_text{width: 100%;padding: 20px 0;padding-bottom: 30px; box-sizing: border-box;} .craft_01 h2{margin-bottom: 10px;} .craft_text dd p{max-height: inherit;} } /*鍑ゅ嚢浼犺*/ .allusion_banner{position: relative;} .allusion_text{position: absolute;left: 0;bottom: 16%;width: 100%;color: #fff;} .allusion_text .index_text{width: 840px;max-width:100%;} .allusion_text .index_text p{-webkit-line-clamp: 4;max-height: 120px;} .allusion_text .know_a{padding-top: 20px;} .allusion_list ul{overflow:hidden;margin:0 -30px;} .allusion_list li{float: left;width: 50%;margin-bottom: 60px;display: none;} .allusion_list li:nth-child(2n+1){clear: both;} .allusion_list li:nth-child(-n+4){display: block;} .allusion_list.cur li{display: block;} .allusion_list dl{margin: 0 30px;position: relative;} .allusion_list dt{position: relative;} .allusion_list .allusion_bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:url(../images/allusion_jb.png) no-repeat;background-size: 100% 100%;} .allusion_list dd{position: absolute;left: 0;top:0;width: 100%;height: 100%;padding: 60px;box-sizing:border-box;color: #fff;overflow: hidden;} .allusion_p{float: right;overflow: hidden;writing-mode: vertical-rl; writing-mode: tb-rl;height: 290px;} .allusion_title{overflow: hidden;} .allusion_title h3{float: left;line-height: 40px;height: calc(100% - 50px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .allusion_title h3 a{color:#fff;} .allusion_title .index_more {float: left;padding-top: 0;} .allusion_title .index_more a{line-height: 40px;} .allusion_p01{padding: 0 20px;border-left:1px solid rgba(255,255,255,0.26);border-right:1px solid rgba(255,255,255,0.26);margin-right: 30px;} .allusion_p01 p{line-height: 24px;max-width:96px;overflow: hidden;} .allusion_list .painting_more{padding-top: 0;} @media only screen and (max-width:1440px) { .allusion_list ul{margin:0 -20px;} .allusion_list li{margin-bottom: 40px;} .allusion_list dl{margin: 0 20px;} .allusion_list dd{padding:50px;} } @media only screen and (max-width:1280px) { .allusion_list dd{padding:30px;} } @media only screen and (max-width:1024px) { .allusion_list ul{margin:0 -10px;} .allusion_list li{margin-bottom: 20px;} .allusion_list dl{margin: 0 10px;} .allusion_list dd{padding: 20px;} .allusion_p{height: auto; writing-mode:inherit; writing-mode:inherit;float: none;width: 100%;position: absolute;left: 0;bottom: 20px;box-sizing:border-box;padding:0 20px;} .allusion_p01{padding: 0;border:0;margin-right: 0;} .allusion_p01 p{max-width: inherit;max-height: 96px; -webkit-line-clamp: 4; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;} .allusion_title{margin-bottom: 10px;} .allusion_title .index_more a{line-height: 24px;} .allusion_title .index_more {float: right;} .allusion_title h3{line-height: 24px;height: auto;width: calc(100% - 50px);font-weight: bold;} .allusion_text .index_text p{max-height: 96px;} } @media only screen and (max-width:767px) { .allusion_list ul{margin:0 ;} .allusion_list dl{margin: 0 ;} .index_text h3{margin-bottom: 10px;} .allusion_text .index_text{padding:0;box-sizing:border-box;} .allusion_text{bottom: 20px;} .allusion_banner{height: 280px;} .allusion_banner>img{display: none;} .allusion_list li{float: none;width: 100%;} } /*瑗垮嚖鏂囧寲棣?/ .cultural_cont{padding-bottom: 0;} .cultural_01 .index_title_t h2{float: none;color: #404346;} .cultural_01{padding:0 60px;padding-top: 0;} .cultural_01 .index_title02 .pub_logo_02{width: 470px; background: url(../images/index_titlebg_03.png) no-repeat center bottom;background-size: 100%;} .cultural_01 .index_title02 .pub_logo_01{width:1100px;} .cultural_02 dl{overflow: hidden;} .cultural_02 dt,.cultural_02 dd{float: left;height: 100%;width: 50%;overflow: hidden;background:#fdfdfd url(../images/cultural_bg01.jpg) no-repeat center center;background-size:cover;} .cultural_02 dd{position: relative;} .cultural_text{width: 100%;max-height: 100%;box-sizing:border-box;padding: 50px;padding-right:150px;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;} .cultural_text h3{color:#404346;margin-bottom: 30px;} .cultural_text .index_more{padding-top: 50px;} .cultural_text .cultural_p{max-height: 300px;overflow: hidden;} .cultural_03{position: relative;} .cultural_box{width: 100%;/*text-align: center;*/color: #fff;} .cultural_03 .blank_30{display: none;} .cultural_box h3{margin-bottom: 20px;} .cultural_box h4{margin-bottom: 20px;line-height: 30px;max-height: 60px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .cultural_box p{height:120px;-webkit-line-clamp: 4;} .cultural_box .wrap{width: 930px;margin: auto;} .cultural_box .index_more{padding-top: 20px;} .cultural_box .index_more a{background:#fff;color:#070707;} .cultural_04 dd{float: left;background:#fdfdfd url(../images/cultural_bg02.jpg) no-repeat center center;background-size:cover;} .cultural_04 dt{float: right;} .cultural_04 .cultural_text{padding-right: 100px;} .cultural_05 .blank_30{display: block;} .cultural_05 .cultural_box p{height: 180px;-webkit-line-clamp: 6;} .cultural_06 ul{overflow: hidden;margin: 0 -1px;} .cultural_06 dl{margin: 0 1px;position: relative;} .cultural_06 li{float: left;width:33.33%;} .cultural_06 dd{position: absolute;right: 0;top:0;height: 100%;padding: 40px;padding-left: 30px; box-sizing: border-box;} .cultural_06 dd h3{line-height: 40px;max-width: 120px;overflow: hidden;color: #fff;position: relative;} .cultural_06 dd:after{content: "";position: absolute;top:50px;left: 0;width: 1px;height:55.5%;background:rgba(200,162,100,0.45);} @media only screen and (max-width:1800px) { .cultural_01 .index_title02 .pub_logo_01{width: calc(100% - 500px)} } @media only screen and (max-width:1660px) { .cultural_text .cultural_p{height: 240px;} .cultural_text,.cultural_04 .cultural_text{padding: 50px;} } @media only screen and (max-width:1520px) { .cultural_text,.cultural_04 .cultural_text{padding: 40px;} .cultural_text h3{margin-bottom: 20px;} .cultural_text .index_more{padding-top: 30px;} .cultural_01 .index_title02 .pub_logo_01{width: calc(100% - 350px)} .cultural_01 .index_title02 .pub_logo_02{width: 300px;} } @media only screen and (max-width:1366px) { .cultural_text .cultural_p{height: 210px;} } @media only screen and (max-width:1200px) { .cultural_text .cultural_p{height: 150px;} .cultural_01 .index_title02 .pub_logo_02{margin: auto;margin-bottom: 20px;} .cultural_01 .index_title02 .pub_logo_01{width: 100%;margin-bottom: 0} } @media only screen and (max-width:1024px) { .cultural_01{padding: 0 3%} .cultural_text .cultural_p{height: auto;max-height: inherit;} .cultural_02 dt, .cultural_02 dd{float: none;width: 100%;} .cultural_02 dl{height: auto !important;} .cultural_text{ transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); position: static;} .cultural_box p{height:96px;} .cultural_box{color: #333; position: static; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0);} .cultural_box .index_more a{background: #bb1e00;color:#fff;} .cultural_box p,.cultural_box h4{height: auto;max-height: inherit;-webkit-box-orient: inherit;-webkit-line-clamp: inherit;display: block;} .cultural_box{padding: 20px 0;padding-bottom: 30px;} .cultural_05 .blank_30{display: none;} .cultural_05 .cultural_box p{height:auto; -webkit-line-clamp: inherit;} .cultural_06 dd{width:100%;padding: 20px;top:auto;bottom: 0;height: auto;} .cultural_06 dd h3{text-align: center; width:100%;max-width:100%;line-height: 24px;max-height:72px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} } @media only screen and (max-width:767px) { .cultural_06 {padding: 30px 0;} .cultural_01 .index_title_t h2{margin-bottom: 10px;} .cultural_text,.cultural_text, .cultural_04 .cultural_text{padding: 20px;padding-bottom: 30px;} .cultural_box h4{line-height: 24px;margin-bottom: 10px;} .cultural_box h3{margin-bottom: 10px;} .cultural_text .index_more{padding-top: 20px;} .cultural_06 li{float: none;width: 100%;} .cultural_06 ul{margin: 0 } .cultural_06 dl{margin: 0 ;} .cultural_06 li{margin-bottom: 10px;} .cultural_06 li:last-child{margin-bottom: 0;} } @media only screen and (min-width:1025px) { .team_list dl,.investor_list dl,.recruit_list li,.news_list dl,.industry_list li{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .newsimg{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .pub_more a:hover{color: #fff !important; opacity: 0.8;} .team_list dl:hover{box-shadow: 0 0 10px rgb(0 0 0 / 20%);} .contact_list a:hover{color: #fff !important; opacity: 0.8;} .contact_list a.tel_link:hover{color: #fff !important;cursor: default; opacity: 1;} .investor_list dl:hover{background:url(../images/investor_bg_02.jpg) no-repeat;background-size: cover;box-shadow: 0 0 30px rgb(0 0 0 / 30%);border-color:#bb1e00;} .investor_list dl:hover a,.investor_list dl:hover .index_time{color: #fff;} .investor_list dl h3 a:hover{color: #fff !important; opacity: 0.8;} .investor_list dl:hover .index_more03 a{background:#fff;color: #bb1e00} .investor_list dl .index_more03 a:hover{color: #bb1e00 !important;} .recruit_list li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);} .recruit_list li:hover dt h3 a{color: #bb1e00;} .recruit_contact a:hover{opacity: 0.8;} .recruit_contact a.tel_link:hover{opacity: 1;color: #000 !important;} .recruit_contact a.tel_link{cursor: default;} .delivery a:hover,.d_page .page_re a:hover,.know_a a:hover,.painting_more a:hover{color: #fff !important; opacity: 0.8;} .news_list dl:hover .newsimg{visibility:visible;opacity: 1; transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);} /*.news_list dl:hover .newsimg a{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}*/ .news_list dl:hover{background:#f4f4f5;border-color:transparent;} .industry_list dl:hover{background: none;} .industry_list li:hover{background:#f5f5f5 url(../images/industry_bg.jpg) no-repeat;background-size: cover;} .know_bottom .industry_list li:hover{background: none;} .know_bottom dl:hover{border:1px solid transparent;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);} .know_bottom dl:hover h3 a{color: #bb1e00;} .know_bottom dl h3 a:hover{opacity: 0.8} .museum_slider .public_but div{color: #8f8f8f;} .museum_slider .public_but div:hover{color: #ec6700;} .cultural_box .index_more a:hover{color:#070707 !important;} .culture_index01 li img{height: 100% !important; } .culture_index01 li,.culture_index03 li{ transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .culture_index02 dt{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .culture_index02 dl:hover dt{-webkit-transform: translateY(10px); -moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);} .scale_insert dd a:hover{color: #fff !important;opacity: 0.8} .scale_insert dd a.tel_link:hover{color: #fff !important;opacity:1;cursor: default;} } /*鏂囧寲鐞嗗康*/ .culture_index01{color: #fff;overflow: hidden;text-align: center;} .culture_index01 ul{position: relative;overflow: hidden;} .culture_index01 li{position: absolute;width: 53%;height: 100%;} .culture_bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:url(../images/idea_bg_01.png) no-repeat;background-size:100% 100%;} .culture_index01 .blank_80{position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgb(0,0,0,0.8) url(../images/idea_bg_02.png) no-repeat 0 bottom;background-size: 29.4%;} .c_title01{visibility: hidden;opacity: 0;width: 100%;padding: 0 3%;box-sizing:border-box;} .c_title02{position: absolute;left: 0;bottom:60px;width: 29.4%;padding: 0 2%; box-sizing: border-box;} .c_title02 h3,.c_title01 h3{margin-bottom:10px;} .culture_index01 li.on .blank_80{background:rgb(0,0,0,0.33);} .culture_index01 li.on .c_title01{visibility: visible;opacity: 1;} .culture_index01 li.on .c_title02{visibility: hidden;opacity: 0;} /*15.6%*/ .culture_index01 li:nth-child(1){left: 0;} .culture_index01 li:nth-child(2){left:53%;} .culture_index01 li:nth-child(3){left:68.6%;} .culture_index01 li:nth-child(4){left: 84.2%;} .statemove_2 li:nth-child(1){left: 0;} .statemove_2 li:nth-child(2){left:15.6%;} .statemove_3 li:nth-child(1){left: 0;} .statemove_3 li:nth-child(2){left:15.6%;} .statemove_3 li:nth-child(3){left:31.2%;} .statemove_4 li:nth-child(1){left: 0;} .statemove_4 li:nth-child(2){left:15.6%;} .statemove_4 li:nth-child(3){left:31.2%;} .statemove_4 li:nth-child(4){left:46.8%;} .culture_index02{background:#f5f5f5 url(../images/idea_bg_03.jpg) no-repeat;background-size: cover;padding: 13.5% 0;padding-bottom: 11%;} .culture_index02 ul{overflow: hidden;margin: 0 -10px;} .culture_index02 dl{padding: 0 10px;} .culture_index02 li{float: left;width: 33.33%;text-align: center;} .culture_index02 dt{margin-bottom: 15px;} .culture_index02 dt img{width: 60px;height: 60px;} .culture_index02 dd p{line-height: 36px;color:#404346;} .culture_index02 h3{margin-bottom: 50px;color: #000;} .culture_index02 h3 i{display: block;width: 60px;height: 1px;background:#b3132e;margin: auto;margin-top: 30px;} .culture_index03{position: relative;color: #fff;overflow: hidden;} .culture_idea{position: absolute;top:0;left: 0;width: 100%;height: 100%;} .culture_index03 ul,.culture_index03 dl{width: 100%;height: 100%;} .culture_index03 ul{width: 1600px;margin: auto;max-width:94%;height: 100%;position: relative;box-sizing:border-box;} .culture_index03 ul li{height: 100%;width: 28%;position: absolute;} .culture_index03 dl{position: relative;border-left:1px solid rgba(255,255,255,0.15);} .culture_index03 ul{border-right:1px solid rgba(255,255,255,0.15);} .culture_index03 dt{position: absolute;left: 0;bottom: 8%;width: 42%;box-sizing:border-box;padding: 0 25px;} .culture_index03 dd{width: 100%;padding: 25px;box-sizing:border-box;text-align: center;visibility:hidden;opacity: 0;} .culture_index03 dd h3{margin-bottom: 5px;} .idea_clod{width: 90px;height: 50px;margin: auto;} .idea_clod img{width: 100%;height: 100%;} .culture_index03 li.on{background:rgb(189,35,6,0.5);} .culture_index03 li.on dd{visibility: visible;opacity: 1;} .culture_index03 li.on dt{visibility:hidden;opacity: 0;} /*12%*/ .culture_index03 li:nth-child(1){left: 0;} .culture_index03 li:nth-child(2){left:28%;} .culture_index03 li:nth-child(3){left:40%;} .culture_index03 li:nth-child(4){left:52%;} .culture_index03 li:nth-child(5){left:64%;} .culture_index03 li:nth-child(6){left:76%;} .culture_index03 li:nth-child(7){left:88%;} .stateidea_2 li:nth-child(1){left: 0;} .stateidea_2 li:nth-child(2){left:12%;} .stateidea_3 li:nth-child(1){left: 0;} .stateidea_3 li:nth-child(2){left:12%;} .stateidea_3 li:nth-child(3){left:24%;} .stateidea_4 li:nth-child(1){left: 0;} .stateidea_4 li:nth-child(2){left:12%;} .stateidea_4 li:nth-child(3){left:24%;} .stateidea_4 li:nth-child(4){left:36%;} .stateidea_5 li:nth-child(1){left: 0;} .stateidea_5 li:nth-child(2){left:12%;} .stateidea_5 li:nth-child(3){left:24%;} .stateidea_5 li:nth-child(4){left:36%;} .stateidea_5 li:nth-child(5){left:48%;} .stateidea_6 li:nth-child(1){left: 0;} .stateidea_6 li:nth-child(2){left:12%;} .stateidea_6 li:nth-child(3){left:24%;} .stateidea_6 li:nth-child(4){left:36%;} .stateidea_6 li:nth-child(5){left:48%;} .stateidea_6 li:nth-child(6){left:60%;} .stateidea_7 li:nth-child(1){left: 0;} .stateidea_7 li:nth-child(2){left:12%;} .stateidea_7 li:nth-child(3){left:24%;} .stateidea_7 li:nth-child(4){left:36%;} .stateidea_7 li:nth-child(5){left:48%;} .stateidea_7 li:nth-child(6){left:60%;} .stateidea_7 li:nth-child(7){left:72%;} @media only screen and (max-width:1440px) { .c_title02{bottom: 30px;} .culture_index02 h3{margin-bottom: 30px;} .culture_index02 h3 i{margin-top: 20px;} } @media only screen and (max-width:1024px) { .culture_index02{padding: 50px 0;} .culture_index01 li{position: relative;width: 50% !important;float: left;left: 0 !important;} .culture_index01 ul{height: auto !important;} .c_title02{display: none;} .c_title01{visibility: visible;opacity: 1;} .culture_index01 .blank_80{background:rgb(0,0,0,0.3);} .culture_index01 li:nth-child(2n+1){clear: both;} .culture_idea{ background: rgb(189,35,6,0.5);} .culture_index03 li.on{background: none} .culture_index03 ul li{position: static;width:25%;float: left;left: 0 !important;height: auto;padding: 20px 0;} .culture_index03 dl,.culture_index03 ul li:last-child dl{border: 0} .culture_index03 ul li:nth-child(4n+1){clear:both;} .culture_index03 dt,.culture_index03 dd{position: static;transform: translate(0%,0%); -webkit-transform: translate(0%,0%); -ms-transform: translate(0%,0%); -moz-transform: translate(0%,0%); -o-transform: translate(0%,0%);visibility: visible;opacity: 1;padding: 0;} .culture_index03 dt{display: none;} .culture_index03 dd h3{font-weight: bold;} .culture_index03 li:nth-child(4n+1){clear: both;} .culture_index03 ul{height: auto;overflow: hidden;width: 100%;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:3%; top:50%;} .idea_clod{display: none;} .culture_index03 ul{border: 0;} } @media only screen and (max-width:767px) { .c_title02 h3, .c_title01 h3{font-weight: bold;} .culture_index02{padding: 30px 0;} .culture_index01 li{width: 100% !important;float: none;} .culture_index02 dt img{width: 50px;height: 50px;} .culture_index02 h3{margin-bottom: 10px;font-size: 16px;font-weight: bold;} .culture_index02 h3 i{margin-top: 10px;width: 40px;} .culture_index02 dd p{line-height: 24px;} .culture_index02 ul{margin: 0 -5px;} .culture_index02 dl{padding: 0 5px;} .culture_index03 ul{transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0); position:static; left:0; top:0;} .culture_idea{position: static;background:#bd2306;padding: 20px 0;} .culture_index03 ul li{width: 50%;padding: 10px 0;margin-bottom: 10px;} } /*闃蹭吉婧簮*/ .service_edit{padding: 20px;padding-left: 25px;border-bottom:1px solid #e7e7e7;position: relative;} .service_edit:after{content:"";position: absolute;left: 12px;top:33px;width: 4px;height: 4px;background:#bb1e00;border-radius: 50%;} .service_pcimg img,.service_phoneimg img{max-width: 100%;} .service_phoneimg{display: none;} @media only screen and (max-width:767px) { .service_phoneimg{display: block;} .service_pcimg{display: none;} } .scale_cont{position: relative;} .scale_cont .blank_46{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgb(0,0,0,0.46) url(../images/sale_bg_01.png) no-repeat;background-size: 100% 100%;} .scale_img{display: none;} .scale_box{color: #fff;position: relative;z-index: 2;padding-top:8%} .scale_box h3{text-align: center;} .scale_contact{width: 679px;height: 522px;margin: auto;background:url(../images/scale_02.png) no-repeat center center;background-size: 100% 100%;} .scale_insert{width: 250px;margin: auto;padding-top: 140px;} .scale_insert h4{margin-bottom: 40px;} .scale_insert li{line-height: 26px;margin-bottom: 10px;} .scale_insert dl{overflow: hidden;} .scale_insert dt{float: left;width: 20px;color:#e1370b;} .scale_insert dd{float: right;width: calc(100% - 20px)} .scale_insert dd a{color: #fff;} @media only screen and (max-width:767px) { .scale_insert h4{margin-bottom: 20px;} .scale_contact{width: 100%;height: auto;} .scale_insert{padding: 70px 0;} .scale_insert{max-width: 94%;} } /*浜у搧鍒楄〃*/ .product_top{background:url(../images/pro_list_bg_01.jpg) no-repeat center center;background-size: cover;padding: 100px 0 40px 0;} .product_top p{color: #404346;height: 120px;-webkit-line-clamp: 4;} .product_top dl{width: 425px;margin: auto;position: relative;} .product_top dt{width: 100%;} .product_top dd{width: 500px; position: absolute; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; right:-520px;top:50%;} .product_top dd h3{margin-bottom: 30px;line-height: 1.3em;max-height: 2.6em; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .product_bottom .page{padding-top: 0} .product_bottom ul{overflow: hidden;margin: 0 -30px;} .product_bottom dl{margin: 0 30px;border:1px solid #bb1e00;padding:60px 50px;background:url(../images/pro_list_bg_02.jpg) no-repeat;background-size: 100% 52%;} .product_bottom dl:hover{ background:#bb1e00 url(../images/pro_list_bg_02.jpg) no-repeat; background-size: 100% 52%;} .product_bottom li{text-align: center; margin-bottom: 70px;float: left;width: 33.33%;} .product_bottom li:nth-child(3n+1){clear: both;} .product_bottom .index_more{padding-top: 10px;text-align: center;margin-bottom: 30px;} .product_bottom h3 a{color: #000;} .product_bottom h3{margin-bottom: 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .product_bottom p{line-height: 26px;height: 78px;overflow: hidden; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .product_bottom dt{overflow: hidden;} .product_bottom dt img{width: 330px;max-width: 100%;} @media only screen and (max-width:1660px) { .product_top dl{width:400px;} .product_top dd{width: 400px;right:-420px;} } @media only screen and (max-width:1440px) { .product_top dl{width:350px;} .product_top dd h3{margin-bottom: 20px;} .product_bottom dl{padding:40px;background-size: 100% 46%;margin: 0 20px;} .product_bottom dl:hover{ background:#bb1e00 url(../images/pro_list_bg_02.jpg) no-repeat; background-size: 100% 46%;} .product_bottom li{margin-bottom: 40px;} .product_bottom ul{margin: 0 -20px;} } @media only screen and (max-width:1366px) { .product_top dl{width:300px;} .product_top dd{width: 300px;right:-320px;} } @media only screen and (max-width:1024px) { .product_bottom .page{padding-top: 20px} .product_top{padding: 40px 0;} .product_top p{max-height: 96px;height: auto;} .product_top dl{width: auto;overflow: hidden;} .product_top dt{float: left;width: 200px;} .product_top dd{padding-top: 30px; float: right;width: calc(100% - 220px); transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); position: static;} .product_top .know_a{padding-top: 20px;} .product_bottom li{margin-bottom: 20px;} .product_bottom ul{margin: 0 -10px;} .product_bottom dl{margin: 0 10px;padding: 20px;background: url(../images/pro_list_bg_02.jpg) no-repeat;background-size: 100% 46%;} .product_bottom .index_more{margin-bottom: 20px;} .product_bottom h3{margin-bottom: 10px;} .product_bottom dl:hover{background: url(../images/pro_list_bg_02.jpg) no-repeat;background-size: 100% 46%;} } @media only screen and (max-width:767px) { .product_top{padding: 30px 0;} .product_top dt{width: 230px; float: none;margin: auto;margin-bottom: 20px;} .product_top dd{float: none;width: 100%;margin: auto;padding: 0;} .product_top dd h3{margin-bottom: 10px;font-weight: bold;} .product_bottom ul{margin:0 -5px;} .product_bottom dl{margin:0 5px ;padding: 20px 10px;} .product_bottom li{width: 50%;margin-bottom: 10px;} .product_bottom li:nth-child(2n+1){clear: both;} .product_bottom li:nth-child(3n+1){clear: inherit;} } @media only screen and (min-width:1025px) { .product_bottom dl,.product_bottom dl p{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .product_bottom dl:hover h3 a,.product_bottom dl:hover p{color: #fff} .product_bottom dl h3 a:hover,.pro_dmore a:hover{color:#fff !important;opacity: 0.8;} .product_bottom dl:hover .index_more a{background:#fff;color:#bb1e00;} .product_bottom dl .index_more a:hover{color:#bb1e00!important;} .pro_more a{color:#fff!important;opacity: 0.8;} .product_dtab li a:hover{color:#9a855d !important;} .pro_iteam_01 a.tel_link:hover{color: #84888d !important;cursor: default;} } /*浜у搧璇︽儏*/ .product_d{padding-top: 60px;} .product_d01{overflow: hidden;margin-bottom: 80px;} .product_d01 .left{float: left;width: 49.4%;background: url(../images/pro_bg_gray_02.jpg) no-repeat;background-size: cover;padding-top: 60px;position: relative;} .pro_dline{position: absolute;right: 0;bottom: 0;width: 3px;background:#bb1e00;height:63.3%;} .product_d01 .right{float: right;width: 50.6%;} .product_d01 .photo_sliderbox{width: 420px;margin: auto;} .product_d01 .photo_swi li dt{padding-bottom: 100%;} .product_d01 .photo_swi li dd i{border-radius: 0;border-width: 2px;} .product_d01 .photo_swi{position: relative;} .product_d01 .public_but div{width: 30px;height: 30px;line-height: 30px;margin-top:-15px;} .product_d01 .public_but .swiper-button-prev{left:-45px;} .product_d01 .public_but .swiper-button-next{right:-45px;} .product_d01 .photo_slider .swiper-container{padding: 0;} .product_d01 .photo_slider{margin-bottom: 10px;} .product_d01 .photo_swi .swiper-container{padding:40px 0;} .product_d01 .photo_slider .swiper-container li dl{box-shadow:none;background:none;} .pro_dbox{padding: 90px 130px 0px 110px;} .pro_dbox h3{color: #404346;margin-bottom: 10px;} .pro_dbox h4{color: #a4372c;margin-bottom: 40px;} .pro_dmore{padding-top: 50px;} .pro_dmore a{display:inline-block;width: 230px;line-height: 66px;background:url(../images/pro_btn.png) no-repeat;background-size: 100% 100%;color:#fff;text-align: center;} .pro_dedit{line-height: 30px;height: 330px;overflow: hidden;} .mCSB_color .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;} .mCSB_color .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#bb1e00;} .mCSB_color .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#bb1e00;} .product_dtab{margin-bottom: 10px;} .product_dtab ul{overflow: hidden;border-bottom:1px solid #bb1e00;} .product_dtab li{float: left;width: 275px;height: 60px;line-height: 60px;text-align: center;} .product_dtab li a{color:#676767;display: block;border-right:1px solid #bb1e00;} .product_dtab li.on a{color:#fff;background:#bb1e00;} .product_dtab li.on a:hover{color: #fff !important;} .pro_iteam{display: none;padding-top: 20px;} .pro_iteam:first-child{display: block;} .pro_iteam_01{padding-top: 0;} .pro_iteam_01 li{overflow: hidden;padding: 0 40px;background:#f6f6f6;border-bottom:1px solid #e3e3e3;} .pro_iteam_01 dl{float: left;width: 25%;} .pro_iteam_01 dt{padding: 23px 10px;} .pro_iteam_01 dt span,.pro_iteam_01 dt a{color: #84888d;} .pro_iteam_01 li:nth-child(2n){background:#fff;} @media only screen and (max-width:1520px) { .pro_dbox{padding:70px;padding-bottom: 0} .pro_dedit{height: 360px;} .pro_dbox h4{margin-bottom: 30px;} .pro_dmore{padding-top: 30px;} } @media only screen and (max-width:1440px) { .pro_dbox{padding:50px;padding-bottom: 0} .product_dtab li{width: 220px;} .pro_dedit{height: 420px;} .pro_iteam_01 li{padding: 0px 20px;} } @media only screen and (max-width:1080px) { .product_d{padding-top: 40px;} .product_d01 .left{padding-top: 40px;} .product_d01 .right,.product_d01 .left{float: none;width: 100%;} .pro_dedit{line-height: 24px;height: auto;} .pro_dbox{padding: 50px 3%;} .product_d01{margin-bottom: 0;} .pro_iteam_01 dl{width: 50%;} .pro_iteam_01 dl:nth-child(2n+1){clear:both;} .pro_iteam_01 dl dt{padding: 10px;} .pro_iteam_01 li{padding: 10px 20px;} .pro_dline{display: none;} .product_d01 .photo_slider dt img{width: 300px;margin: auto;} } @media only screen and (max-width:767px) { .product_d{padding-top: 20px;} .product_d01 .photo_sliderbox{width:94%;} .product_d01 .photo_slider dt img{width:200px;} .product_d01 .photo_swi{padding: 0 30px;} .product_d01 .photo_swi .swiper-container{padding: 20px 0;} .product_d01 .left{padding: 20px 0;} .product_d01 .public_but .swiper-button-prev{left:0;} .product_d01 .public_but .swiper-button-next{right:0;} .pro_dbox{padding: 20px 3%} .pro_dbox h4{margin-bottom: 20px;} .pro_dmore a{width: 170px;height: 50px;line-height: 50px;} .pro_dmore{padding-top: 20px;} .product_dtab li{width: 33.33%;height: 40px;line-height: 40px;} .pro_iteam_01 dl{float: none;width: 100%;} .pro_iteam_01 dl dt{padding:5px 0;} } /*浜у搧*/ .peoduct_type{position: relative;} .wrap_1510{width:1510px;max-width:94%;margin: auto;} .peoduct_type_tab{position: relative;} .peoduct_type_tab .public_but .swiper-button-prev{left:0;} .peoduct_type_tab .public_but .swiper-button-next{right:0;} .peoduct_typebox {color: #fff;} .peoduct_typebox dl{overflow: hidden;padding: 50px 0 30px 0;} .peoduct_typebox dt{float: right;width: 40%;margin-right: 12%} .peoduct_typebox dd{float: left;width: 41%;padding-top: 120px;} .peoduct_typebox dd h4{margin-bottom: 40px;} .peoduct_typebox dd h4 img{width: auto;max-width: 100%;} .peoduct_typebox dd p{height: 240px;overflow: hidden;} .peoduct_typebox dt,.peoduct_typebox dd{height: 100%;box-sizing:border-box;} @media only screen and (max-width:1700px) { .peoduct_type .wrap_1510{padding-right: 230px;box-sizing:border-box;} .peoduct_typebox dt{margin-right: 0;width: 42%;} } @media only screen and (max-width:1660px) { .peoduct_typebox dd{width: 44%;} } @media only screen and (max-width:1440px) { .peoduct_typebox dd p{height:288px;} .peoduct_typebox dd{padding-top: 80px;} .peoduct_type_tab li.on{font-size: 20px;} } @media only screen and (max-width:1366px) { .peoduct_typebox dd{padding-top: 20px;} .peoduct_typebox dd h4{margin-right: 20px;} } @media only screen and (max-width:1200px) { .wrap_1510{max-width: 100%;} .peoduct_typebox{min-height: inherit !important;} .peoduct_typebox dt,.peoduct_typebox dd{float: none;width: 100%;} .peoduct_typebox dl{height:auto !important;} .peoduct_typebox dt img{width: 300px;max-width: 94%} .peoduct_typebox dt{margin: 0; text-align: center;padding:0px 0;} .peoduct_typebox dd{padding-top: 20px;width: 94%;margin: auto;} .peoduct_typebox dd h4{margin-bottom: 20px;} .know_a{padding-top: 20px;} .peoduct_typebox dl{padding-top: 0;padding-bottom: 40px;} .peoduct_typebox dd p{height: auto;} } @media only screen and (min-width:1025px) { .peoduct_typebox dt{background: none !important;} } .peoduct_type_tab{width: 235px; z-index: 9;color:#fff; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; top:50%;right:80px;} .peoduct_type_tab .swiper-container{height: 584px;} .peoduct_type_tab li{height: 65px; cursor: pointer;opacity: 0.45;text-align: center; } .peoduct_type_tab span{display:block;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;width: 100%;} .peoduct_type_tab li.on{font-size: 24px;color: #d1a168;opacity: 1;background: url(../images/pro_titlebg.png) no-repeat center center;background-size: 100% 100%;} .pro_but{display: none;} .pro_but div{width: 30px;height: 30px;line-height: 30px; margin-top:0; text-align: center; color: #fff;font-weight: bold;font-size:20px;width: 100%;text-align: center;background: none;} .pro_but em{display: none;} .pro_but div.swiper-button-prev{left: 0px;top:-40px;} .pro_but div.swiper-button-next{left:0px;bottom:-40px;right: auto;top:auto;} .pro_but .swiper-button-next.swiper-button-disabled, .pro_but .swiper-button-prev.swiper-button-disabled{opacity: 1;color:#ccc; opacity: 0.5;} @media only screen and (max-width:1830px) { .peoduct_type_tab{right: 20px;} } @media only screen and (max-width:1440px) { .peoduct_type_tab .swiper-container{height: 450px;} .peoduct_type_tab li{height: 50px;} } @media only screen and (max-width:1200px) { .peoduct_type .wrap_1510{padding-right: 0;} .peoduct_type_tab{width: 100%;right: auto;left: 0; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); position: relative;} .peoduct_type_tab .swiper-container{height: auto;} .peoduct_type_tab{color: #333;box-sizing:border-box;padding: 0 40px;margin-bottom: 10px;} .pro_but div.swiper-button-next{left: auto;bottom: auto;right: 0;} .pro_but div{top:50% !important;margin-top: -15px;width: 30px;height: 30px;line-height: 30px;} .pro_but div{color:#d70a30;font-size: 28px;} .pro_but i{display: none;} .pro_but em{display: block;} .peoduct_type_tab li.on{font-size: 16px;} .peoduct_type_tab li{width: 190px} .peoduct_type{padding-top: 20px;} } @media only screen and (max-width:767px) { .peoduct_type_tab li{width: 140px} } .ie9 .index_pro_text .index_more a,.ie9 .allusion_title .index_more a{line-height: 48px;} .ie9 .peoduct_type_slider .swiper-slide{visibility: hidden;opacity: 0;display: none;} .ie9 .peoduct_type_slider .cur{visibility: visible;opacity: 1;display: block;} .recruit_tbox{padding:90px 0;background:#f6f6f6;} .recruit_slider{position: relative;} .recruit_slider .swiper-container{padding:40px 0;} .recruit_slider .index_more{padding-top: 40px;} .recruit_slider p{line-height: 26px;height: 78px;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .recruit_slider h3{color:#bb1e00;margin-bottom: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .recruit_slider h3 a{color:#bb1e00;} .recruit_slider h4{color:#d0001d;margin-bottom: 10px;} .recruit_tblock{background:#fff;padding:50px 55px;} .recruit_slider .public_but div.swiper-button-prev{left: -100px;} .recruit_slider .public_but div.swiper-button-next{right: -100px;} .delivery a.down_file{margin-left: 18px;background: url(../images/delivery_btn2.png) no-repeat center center; background-size: 100% 100%;} @media only screen and (max-width:1844px) { .recruit_slider .public_but div.swiper-button-prev{left: -70px;} .recruit_slider .public_but div.swiper-button-next{right: -70px;} } @media only screen and (max-width:1440px) { .recruit_tbox{padding: 50px 0;} .recruit_slider .public_but div.swiper-button-prev{left: -60px;} .recruit_slider .public_but div.swiper-button-next{right: -60px;} .recruit_tblock{padding: 40px;} .recruit_slider .index_more{padding-top: 20px;} } @media only screen and (max-width:1200px) { .recruit_slider .public_but div.swiper-button-prev{left: -30px;} .recruit_slider .public_but div.swiper-button-next{right: -30px;} } @media only screen and (max-width:1024px) { .recruit_slider .public_but div.swiper-button-prev{left: -24px;} .recruit_slider .public_but div.swiper-button-next{right: -24px;} .recruit_slider .swiper-container{padding:0;} .recruit_tbox h2{margin-bottom: 20px;} .delivery a.down_file{display: none;} } @media only screen and (max-width:767px) { .recruit_tbox{padding:30px 0;} .recruit_slider .public_but div.swiper-button-prev{left: 5px;} .recruit_slider .public_but div.swiper-button-next{right: 5px;} .recruit_tblock{padding:20px 45px;} .recruit_slider h3{margin-bottom: 10px;} } @media only screen and (min-width:1025px) { .recruit_tblock{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .recruit_tblock:hover{ box-shadow: 0 0 20px rgb(0 0 0 / 30%);} .recruit_slider h3 a:hover{color: #bb1e00 !important;opacity: 0.8} .product_bottom dt img{transform: scale(0.9,0.9); -webkit-transform: scale(0.9,0.9); -moz-: scale(0.9,0.9); -o-transform: scale(0.9,0.9); -ms-transform: scale(0.9,0.9);} .product_bottom .tran_scale:hover img{transform: scale(1,1); -webkit-transform: scale(1,1); -moz-: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1);} } /*comm.js style.css recruit鏂囦欢*/ .p_shop{overflow:hidden;} .p_shop a{float: left;margin-right: 20px;} .p_shop img{width: 58px;height: 58px;} @media only screen and (max-width:767px) { .p_shop img{width: 50px;height: 50px;} }