ol,ul{padding-left:0; list-style:none;margin:0;} th{font-style:normal;font-weight:normal;} h1,h2,h3,h4,h5,h6,p{font-size:100%; font-weight:normal;} input{display:inline-block; vertical-align:middle;color:#666;} fieldset{border:none;} legend{display:none;} /*Clear Css*/ .clear{clear:both; font-size:0; height:0; line-height:0;} .clearb{ clear:both;} .clearfix{display:block;zoom:1;} * html .clearfix{height:1%;} /*Common Css*/ body{font-weight: lighter;} a{ text-decoration:none;} ::-ms-clear, ::-ms-reveal{display: none;} input[type=button],input[type=submit],input[type=reset],select{border-radius:0;-webkit-appearance: none;-moz-appearance: none;} a:focus,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all 0.3s linear;} .swiper-button-next,.swiper-button-prev{z-index:3 !important;} textarea {resize: none;} html,body{margin:0; padding:0; font-family:"鎬濇簮榛戜綋 CN" !important, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; -webkit-text-size-adjust:none;/*Google Chrome*/} .table{height:100%;display:table;width:100%;} .table-cell{display:table-cell;vertical-align:middle;} .textover{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} input::placeholder{color:#666;} input:-ms-input-placeholder { color: #666 !important; } input::-webkit-input-placeholder { color: #666; } /* Firefox 4-18 */ input:-moz-placeholder { color: #666; } /* Firefox 19-50 */ input::-moz-placeholder { color: #ccc; } /* - Internet Explorer 10鈥?1 - Internet Explorer Mobile 10-11 */ input:-ms-input-placeholder { color: #666 !important; } /* Edge (also supports ::-webkit-input-placeholder) */ input::-ms-input-placeholder { color: #666; } .f80{font-size: 80px;} .f40{font-size: 40px;} .f30{font-size: 30px;} .f22{font-size: 22px;} .f20{font-size: 20px;} .f18{font-size: 18px;} .f14{font-size: 14px;} .w_1513{width:78.8%;margin:0 auto;} .new_home1113 img{width: 100%;max-width: 100%;} /* CSS Working Draft */ .nybanner-box img{width: 100%;max-width: 100%;} input::placeholder {color: #666;} .home-banner{position: relative;} .home-banner .swiper-slide{position: relative;} .ban_wz{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);text-align: center;z-index: 10;} .ban_wz h2{color:#fff;} .ban_wz p{color:#fff;} .home_banprev,.home_bannext{width:21px;position: absolute;top: 50%;transform: translate(0,-50%);z-index: 40;cursor: pointer;opacity: 0;transition: all 0.3s linear;} .home_banprev{left: 10.6%;transform: translate(-40px,-50%);} .home_bannext{right: 10.6%;transform: translate(40px,-50%);} .home-banner:hover .home_banprev{transform: translate(0,-50%);opacity: 1;} .home-banner:hover .home_bannext{transform: translate(0,-50%);opacity: 1;} .home_cy .home_cytop .w_1513{display: flex;justify-content: space-between;align-items: center;margin: 150px auto 134px auto;} .home_cyl{width: 33.54%;} .home_cyr{width: 56.51%;} .home_tit h2{color:#000000;} .home_tit p{color:#dddddd;} .home_cybtn{width: 132px;margin-top: 39px;} .home_cybtn a{display: block;width: 100%;background:#e7e7e7;line-height: 47px;border-radius: 47px;text-align: center;color:#000;position: relative;} .home_cybtn a span{position: relative;z-index: 3;} .home_cybtn a::after{display: block;width: 0;height: 100%;content: '';background:#b12120;position: absolute;left: 0;top: 0;transition: all 0.3s linear;border-radius: 47px;} .home_cybtn a:hover{color:#fff;} .home_cybtn a:hover::after{width: 100%;} .home_cyr p{line-height:2.2;color:#595757;} .cy_con{position: relative;overflow:hidden;} .cyqh_pic img{display: none;width: 100%;} .cyqh_pic img:nth-of-type(1){display: block;} .cy_conlist{width: 100%;position: absolute;left: 0;bottom: 0;} .cy_conlist::after{display: block;width: 100%;height: 272px;content: '';background:rgba(0,0,0,0.6);position: absolute;left: 0;bottom: 0;} .cy_conlist ul{display: flex;width: 100%;} .cy_conlist ul li{width: 33.33%;z-index: 100;border-right: 1px solid #c1bab1;box-sizing: border-box;height: 272px;position: relative;} .cy_conlist ul li:nth-last-of-type(1){border-right: none;} .cy_conlistbt{padding: 64px 80px 0 80px;box-sizing: border-box;} .cy_conlistbt h2{color:#fff;} .cy_conlistbt p{color:#fff;white-space: nowrap;} .cy_conlistbt h5{color:#fff;margin-top: 46px;} .cy_conlistbt h5 span{display: block;width:81px;margin-top: 2px;} .cy_conlistxq{width: 100%;height:100%;background:rgba(177,33,32,0.9);padding: 20% 14% 0 14%;box-sizing: border-box;position: absolute;left: 0;bottom: 0;transform: translateY(100%);transition: all 0.5s ease-in;opacity: 0;} .cy_conlistxq h2{color: #fff;} .cy_conlistxq p{color: #fff;} .cy_conlistxq h4{height: 460px;overflow:auto;color:#fff;line-height:2.2;margin: 42px 0;} .cy_conlistxq h5 a{color:#fff;} .cy_conlistxq h5 a span{display: block;width:81px;margin-top: 2px;} .cy_conlist ul li:hover .cy_conlistbt{opacity: 0;} .cy_conlist ul li:hover .cy_conlistxq{transform: translateY(0);opacity: 1;} .mCustomScrollBox{width: 100% !important;max-width: 100% !important;padding-right: 10px !important;} .mCSB_scrollTools{right:1px !important;} .home_news{background:#f7f7f7;overflow: hidden;} .home_newstop{margin:124px 0 67px 0;} .home_newstop .w_1513{display: flex;justify-content: space-between;align-items: center;} .home_newsnav{display: flex;align-items: center;} .home_newsnav a{width: 131px;line-height: 48px;background:#e2e2e2;border-radius: 48px;font-size: 18px;color:#000000;text-align: center;margin-left: 18px;position: relative;} .home_newsnav a span{position: relative;z-index: 3;} .home_newsnav a::after{display: block;width: 0;height: 100%;background:#b12120;border-radius: 48px;content: '';position: absolute;left: 0;top: 0;transition: all 0.3s linear;} .home_newsnav a.on,.home_newsnav a:hover{color: #fff;} .home_newsnav a.on::after,.home_newsnav a:hover::after{width: 100%;} .home_newscon{margin-bottom: 180px;} .home_newscon .w_1513{display: flex;justify-content: space-between;} .home_newsconl{width:48.38%;} .swiper-container_news{position: relative;} .swiper-container_news .swiper-slide{position: relative;} .swiper-container_news .swiper-slide a p{width: 100%;color: #fff;text-align: center;line-height: 58px;background:rgba(0,0,0,0.8);position: absolute;left: 0;bottom: 0;} .swiper-pagination-news{z-index: 30;bottom: 22px !important;left: auto !important;right: 28px !important;text-align: right !important;width: auto !important;} .swiper-pagination-news .swiper-pagination-bullet{width: 10px !important;height: 10px !important;opacity: 1;background:#fff;margin-left: 4px;} .swiper-pagination-news .swiper-pagination-bullet-active{background:#b12120;} .home_newsconr{width: 50%;display: flex;justify-content: space-between;} .home_newsconr ul{width: 44.47%;} .home_newsconr ul:nth-of-type(1){width: 53.52%;} .home_newsconr ul li{background:#fff;margin-bottom: 14px;padding: 20px;box-sizing: border-box;} .home_newsconr ul li a h2{line-height: 1.1;color: #000;margin:0;} .home_newsconr ul li a h2{width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .home_newsconr ul li a p{line-height:1.85;color:#000000;padding: 18px 0;} .home_newsconr ul li a h5{border-top:1px solid #f2f2f2;padding-top: 20px;font-size: '鎬濇簮榛戜綋 CN Medium';} .home_newsconr ul:nth-of-type(1) li a h5{display: flex;justify-content: space-between;align-items: flex-end;} .home_newsconr ul li a h5 span{color:#000;} .home_newsconr ul li a h5 span b{display: block;font-size: 24px;} .home_newsconr ul li a h5 strong{width:26px;} .home_newsconr ul:nth-of-type(2) li{padding: 28px 20px;} .home_newsconr ul:nth-of-type(2) li a{display: flex;justify-content: space-between;} .home_newsconr ul:nth-of-type(2) li a h5{width: 24%;border-top: none;} .home_newsconr ul:nth-of-type(2) li a h2{width: 70%;border-left: 1px solid #f2f2f2;padding-left:10%;box-sizing: border-box;} .home_newsconr ul:nth-of-type(2) li a h2 img{display: block;width: 26px;margin-top: 30px;} .container-fluid .padding-box .row .col-md-6{padding: 0 30px;box-sizing: border-box;} .met-product-class{display: flex;align-items: center;} .met-product-class .class-image{position: relative !important;top: auto !important;right:auto !important;} .met-product-class .class-image img{width: 100%;} .class-text{float: none !important;} .met-product-class:nth-of-type(2) .class-image{order: 1;} .met-product-class:nth-of-type(2) .class-text{order: 2;} .met-product-class .class-image::before{transform-origin: left bottom !important;right: 94% !important;transform: skewX(-15deg) !important;left:auto !important;} .met-product-class:nth-of-type(2n) .class-image::before{right: auto !important;left: 94% !important;transform: skewX(15deg) !important} .met-product-class .class-text{padding: 0 !important;} footer{position: relative;padding-bottom: 2px;} .fot_wx{width: 120px;position: absolute;right: 53px;top: 60px;text-align: center;} .fot_wx img{display: block;width: 100%;} .fot_wx span{display: block;font-size: 13px;padding-top:10px;} .home-banner img{width: 100%;max-width: 100%;} .met-show .row{padding: 14px 0;} @media(max-width:1688px){ .f80{font-size: 70px;} .f40{font-size: 35px;} .f30{font-size: 26px;} .f22{font-size: 18px;} .f20{font-size: 16px;} .f18{font-size: 15px;} .f14{font-size: 12px;} .home_cybtn{width: 120px;} .home_cybtn a{line-height: 40px;} .home_cy .home_cytop .w_1513{margin:130px auto 110px auto;} .cy_conlist::after{height: 220px;} .cy_conlist ul li{height: 220px;} .cy_conlistbt{padding: 40px 60px;} .home_newsnav a{font-size: 14px;width: 120px;line-height: 36px;} .home_newsconr ul li{margin-bottom: 12px;} .home_newsconr ul li a h5 span b{font-size: 20px;} .home_newsconr ul li{padding: 12px;} .home_newsconr ul li a p{padding:9px 0;} .home_newsconr ul li a h5{padding-top: 10px;} .home_newsconr ul:nth-of-type(2) li{padding:15px 12px;} .swiper-pagination-news .swiper-pagination-bullet{width: 6px !important;height: 6px !important;margin-left: 6px !important;} .cy_conlistxq{padding: 10% 14% 0 14%;} .cy_conlistxq h4{height: 320px;} } @media(max-width:1366px){ .w_1513{width:90%;} .f80{font-size: 56px;} .f40{font-size: 28px;} .f30{font-size: 21px;} .f22{font-size: 15px;} .f20{font-size: 14px;} .f18{font-size: 13px;} .f14{font-size: 12px;} .home_cybtn{width: 110px;} .home_cybtn a{line-height: 36px;} .home_cy .home_cytop .w_1513{margin:110px auto 90px auto;} .cy_conlist::after{height: 194px;} .cy_conlist ul li{height: 194px;} .cy_conlistbt{padding: 20px 60px;} .cy_conlistxq h4{height: 240px;} .home_newsconr ul li a h5 strong{width: 24px;} .home_newsconr ul li { padding: 18px 12px; } .home_newsconr ul:nth-of-type(2) li { padding: 22px 12px; } } @media(max-width:1024px){ .w_1513{width:90%;} .f80{font-size: 36px;} .f40{font-size: 20px;} .f30{font-size: 18px;} .f22{font-size: 13px;} .f20{font-size: 13px;} .f18{font-size: 12px;} .f14{font-size: 12px;} .home_banprev, .home_bannext{width: 10px;} .home_cy .home_cytop .w_1513{flex-wrap: wrap;margin:40px auto 40px auto;} .home_cyl{width: 100%;} .home_cyr{width: 100%;margin-top: 20px;} .home_cybtn{margin-top: 20px;} .cy_conlist{position: relative;left: auto;bottom: auto;} .cy_conlistbt{display: none;} .cy_conlist::after{display: none;} .cy_conlist ul{flex-wrap: wrap;} .cy_conlist ul li{height: auto;border-bottom: 1px solid #000;width: 100%;border-right: none;padding-top: 30px;} .cy_conlistxq{height: auto;background:none;position: relative;left: auto;bottom: auto;opacity: 1;transform: translateY(0);} .cy_conlistxq{padding:0;} .cy_conlistxq h2{color:#000;} .cy_conlistxq p{color:#000;} .cy_conlistxq h4{height: auto;color:#000;margin:30px 0 20px 0 !important;} .cy_conlistxq h5 a{color:#000;} .home_newstop{margin:70px 0 40px 0;} .home_newstop .w_1513{flex-wrap: wrap;} .home_newsnav{width: 100%;margin-top: 30px;} .home_newsnav a{margin:0 5px;} .home_newscon .w_1513{flex-wrap: wrap;} .home_newsconl{width: 100%;} .swiper-container_news .swiper-slide a p{line-height: 36px;} .swiper-pagination-news{bottom: 40px !important;right: 10px !important;} .home_newscon{margin-bottom: 40px;} .home_newsconr{width: 100%;margin-top: 20px;} .home_newsconr{flex-wrap: wrap;} .home_newsconr ul{width: 100%;} .home_newsconr ul:nth-of-type(1){width: 100%;} .home_newsconr ul li{padding:20px;} .home_newsconr ul:nth-of-type(2) li{padding:20px;} .home_newsconr ul li a h2{font-size: 14px;} .home_newsnav a{font-size: 12px;} .met-product-class{flex-wrap: wrap;margin-top:14px;} .met-product-class .class-image{width: 100%;order: 1;} .met-product-class .class-text{width: 100%;order: 2;} .met-product-class .class-image::before{display: none;} footer{padding-bottom: 20px;} .fot_wx{position: relative;right: auto;top: auto;margin-top: 20px;width: 100%;} .fot_wx img{width: 120px;margin: 0 auto;} }