/*===================== 重置样式 START =====================*/ @charset "utf-8"; html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin:0; padding:0;} h1,h2,h3,h4,h5,h6{font-weight: 300;} li{list-style: none;} a{text-decoration: none;background: transparent;outline: none;color:#000;display: block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} a:hover, .tran, .pub_button .pb_bg, .section_seven .item i{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .upp{text-transform:uppercase;} img{ border: 0;vertical-align: middle;max-width:100%;} table{ border-collapse: collapse; border-spacing: 0;} input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;} input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; } html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;} html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#E70012;} textarea{resize:none; overflow: auto;} input{padding-top: 0; padding-bottom: 0;}; select,input{vertical-align:middle; } select,input,textarea{font-size:14px;margin:0;} .clear{zoom:1;} .clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;} .clear::before, .clear::after { content: "";display: table; } .clear::after{clear: both;} .fl{float: left;} .fr{float: right;} html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;} body{font-family:"Source Han Sans CN","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:16px;color:#333;background-color: #fff;overflow-x: hidden;cursor: default;} .error3{display: none !important;} .wap_show{display: none;} html,body{max-width:1920px;margin:0 auto;} .inner{width:1300px;margin:0 auto;} em{font-style: normal;} .middle_box{display: table;width: 100%;height: 100%;} .middle_box .middle{display: table-cell;vertical-align: middle;width: 100%;} .f_14{ font-size:14px; } .f_16{ font-size:16px; } .f_18{ font-size:18px; } .f_20{ font-size:20px; } .f_24{ font-size:24px; } .f_28{ font-size:28px; } .f_30{ font-size:30px; } .f_38{ font-size:38px; } .f_48{ font-size:48px; } .f_58{ font-size:58px; } .f_72{ font-size:72px; } /*===================== 重置样式 END =====================*/ /*===================== 公用样式 START =====================*/ .header{position: fixed;z-index:999; width: 100%;} .header .inner{height:100px;position: relative;width:98%;margin:0 auto;overflow: hidden;text-align: center;} .header .logo img{margin-top: 26px;height: 63px;} .header .logo .logo2{display: none;} .header .logo .logo1{display: block;} .header .nav{width:50%;display: inline-block;} .header .nav ul li{float: left;width:13.5%;height:100px;line-height:100px;text-align: center;} .header .nav ul li a{color:#fff;position: relative;z-index:1;font-size:16px;} .header .nav ul li i{position: absolute;width:100%;height:0;background: #E70012; left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .header .nav ul li a:hover i, .header .nav ul li a.active i{height:100px;} .header .nav ul li a:hover span, .header .nav ul li a.active span{color:#fff;} .header .nav ul li a:hover em, .header .nav ul li a.active em{opacity:1;} .header .product_son{display: none;position: absolute;left:0;top:100px;text-align: center;width:100%;padding:20px 0;height:auto;background-color:rgba(0,0,0,0.75);z-index:999;} .header .product_son .item{display: inline-block;width:13%;margin:0.5%;} .header .product_son .item p{font-size:16px;color:#fff;height:40px;line-height:40px;} .header .product_son .item:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;} .header .call{margin-top:25px;background:url(../../images/call1.png) 0 center no-repeat;padding-left:75px;text-align: left;} .header .call h3{font-size:32px;color:#fff;font-family: impact;} .header .call em{color: #fff;} .header.bg{background: rgba(255,255,255,0.95);box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)} .header.bg .logo .logo1{display: none;} .header.bg .logo .logo2{display: block;} .header.bg .inner{height: 70px;} .header.bg .logo img{height: 60px;} .header.bg .nav ul li{height: 70px; line-height: 70px;} .header.bg .call{margin-top: 5px;} .header.bg .nav ul li a{color: #000;} .header.bg .call h3{color: #E22524;} .header.bg .call em{color: #333;} .header.bg .logo img {margin-top: 4px;} .banner .swiper-button-next, .banner .swiper-button-prev{width:59px;height:59px;} .swiper-pagination-bullet-active{background-color:#13358f !important;border-color:#13358f !important;} .pub_button{position: relative;z-index:1;} .pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(17,153,49,0.7);-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: -1;} .pub_button:hover .pb_bg, .pub_button.active .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;} .banner1{ padding-top:-100px !important; } /*===================== 公用样式 END =====================*/ /*===================== 首页 START =====================*/ .more2{background: #E22524;width: 160px;height: 50px;line-height: 50px;border-radius: 10px;text-align: center;color: #fff;} .more2 a{color: #fff;} #top_scroll {height:1350px;overflow: hidden;max-width:100%;margin:0 auto;} #top_scroll ul li{float: left;width:19%;margin:0.5%;text-align: left;padding: 10px; box-sizing: border-box;} #top_scroll ul li .img{overflow: hidden;padding: 10px;border:1px solid #e1dfe0;margin-bottom: 10px;height:330px;} #top_scroll ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;height: auto;width: 100%;} #top_scroll ul li:hover{ background: #E70012;} #top_scroll ul li:hover .img{border-color: #E70012;} #top_scroll ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);} #top_scroll ul li h3{color:#000;font-size:18px;padding-left:21px;} #top_scroll ul li p{color: #000;font-weight: 700;font-size: 20px;padding: 0 0 0 55px;background: url(../images/dh.png) no-repeat 20px center;background-size: 30px 30px;margin-top: 10px;} #top_scroll ul li:hover h3, #top_scroll ul li:hover p{color:#fff;} #top_scroll1 {height:676px;overflow: hidden;max-width:100%;margin:0 auto;} #top_scroll1 ul li{float: left;width:49%;margin:0.5%;text-align: left;box-sizing: border-box;position: relative;} #top_scroll1 ul li .img{overflow: hidden;} #top_scroll1 ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} #top_scroll1 ul li:hover{background: #07ad6d;} #top_scroll1 ul li:hover .img{border-color: #07ad6d;} #top_scroll1 ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);} #top_scroll1 ul li h3{color:#000;font-size:18px;position: absolute;bottom: 0;width: 100%;left: 0;box-sizing: border-box; line-height: 45px; background: rgba(0,0,0,0.7); color: #fff; padding: 0 20px; white-space: nowrap; text-overflow: ellipsis;} #top_scroll1 ul li p{color: #000;font-weight: 700;font-size: 20px;padding: 0 0 0 55px;background: url(../../images/dh.html) no-repeat 20px center;background-size: 30px 30px;margin-top: 10px;} #top_scroll1 ul li:hover h3, #top_scroll1 ul li:hover p{color:#fff;} #scroll_one{position:relative;box-sizing:border-box;text-align: center;} #scroll_one ul li{text-align:center;margin-right:3px;border-radius:10px 10px 0 0;display: inline-block;margin-bottom: 5px;} #scroll_one ul li img{width: 200px;height: 200px;border-radius: 50%;overflow: hidden;border:10px solid #fff;display: inline-block;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);} #scroll_one ul li h3{font-size:16px;color:#fff;line-height:40px;border-radius: 50px;background: #E70012;padding: 0 20px;} #scroll_one ul li:hover { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } #scroll_one ul li:hover h3{background: #E70012;} #scroll_one1{height:380px;width:1400px;position:relative;overflow:hidden;margin:0 auto;box-sizing:border-box;} #scroll_one1 ul{width:100000px;position:absolute;left:0;} #scroll_one1 ul li{float:left;text-align:center;margin-right:26px;border-radius:5px;overflow:hidden;position: relative;} #scroll_one1 ul li img{width: 390px;overflow: hidden;display: inline-block;height: 320px;} #scroll_one1 ul li h3{color:#fff;line-height:40px;position: absolute;width: 100%;background: rgba(0,0,0, 0.4);left: 0;bottom: 0;} #scroll_one1 ul li:hover { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .pnav {text-align: center;} .pnav a{display: inline-block;padding: 10px 30px;background: #E70012;color: #fff;} .pnav a:hover{background: #13A131;} .fhxc1 {background: url(../../images/albj.jpg) no-repeat top center;background-size: 100%;} .fhxc1 .pub_title{padding-top: 30px;} .fhxc1 .pub_title p{margin-bottom: 0;} .fhxc1 .pub_title h4{color: #fff;margin-top: 0;position: relative;padding-top:150px;} @media( max-width:1200px ){ .fhxc1{background-color:#A3130B;} .fhxc1 .pub_title h4{padding:0px;} } .fhxc1 .pub_title h4::before{position: absolute;left: 0;top: 0;content: ""; color: #fff;font-size: 18px;left: 0;right: 0;top: 63%;left: 100px;} .swiper-container.anli{padding: 50px 0;} .swiper-container.anli .swiper-slide{background-position:center;background-size:cover;width:600px;height:455px;} .swiper-container.anli .swiper-slide img{width:100%;} .indexsec01{padding:100px 0;background:url("../../images/img05.jpg") no-repeat center ;background-size:cover;background-attachment: fixed;margin-top: 50px;} .comWidth { max-width: 1400px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; } .indexsec01 .comWidth{display:flex;justify-content:space-between;align-items:center} .indexsec01 .lbox{width:46.2%;box-sizing:border-box;position:relative} .indexsec01 .lbox .photo img{width:100%;border-radius:20px} .indexsec01 .lbox .year{position:absolute;left:0;top:60px;background-color:rgba(217,31,34,1);border-radius:10px;color:#fff;padding:25px 30px;font-weight:bold;font-family:Arial;display: none;} .indexsec01 .lbox .year .icon{width:95px;margin-bottom:15px} .indexsec01 .lbox .year .num{font-size:40px;line-height:1} .indexsec01 .lbox .year .en{font-size:17px;text-transform:uppercase} .indexsec01 .rbox{width:48.8%} .indexsec01 .rbox h2{font-size:54px;line-height:1.4;font-weight: 700;color: #fff;} .indexsec01 .rbox h2 span{position:relative;display:inline-block;padding-right:53px} .indexsec01 .rbox h2 span:before{position:absolute;right:0;top:18px;content:"";width:43px;height:16px;background:url("img08.html") no-repeat;background-size:100% 100%} .indexsec01 .rbox li{font-size:22px;position:relative;padding-left:40px;margin-top:20px;color: #fff;} .indexsec01 .rbox li:before{position:absolute;left:0;top:3px;width:32px;height:32px;content:"";background:url("../../images/img09.png") no-repeat;background-size:100% 100%} .indexsec01 .rbox .link{margin-top:40px} .indexsec01 .rbox .link a{width:240px;display:block;background-color:#D91F22;border-radius:5px;text-align:center;color:#fff;padding:15px 0;font-family: impact;} .indexsec01 .rbox .link img{width:25px;display:inline-block;vertical-align:middle;margin:-5px 0 0 10px;-webkit-transition:all .5s;transition:all .5s} .indexsec01 .rbox .link a:hover{background-color:rgba(221,58,60,1)} .indexsec01 .rbox .link a:hover img{margin-left:15px} /* 发货现场 */ .section_nine{background-attachment: fixed;background-size: cover;} .tabbox {width:1300px;margin:0px auto 0;} .tabbox .content{width:598px;overflow: hidden;position: relative;height:465px;} .tabbox .content ul {position:absolute;left: 0;top: 0;height: 100%;} .tabbox .content li{width:598px;float: left;height:465px;position:relative} .tabbox .content li img{display: block;width:598px;height:465px;} .tabbox .tab {width:670px;} .tabbox .tab .item{width:100%;height:136px;margin-bottom:28px;background-color: #eeeeee;} .tabbox .tab .item a{display: block;} .tabbox .tab .item .img{height:136px;width:172px;overflow: hidden;} .tabbox .tab .item .img img{display: block;height:100%;max-width:none;} .tabbox .tab .item .info{width:456px;height:138px;padding:0 20px;} .tabbox .tab .item h3{font-size:16px;color:#181818;padding:30px 0 10px 0;} .tabbox .tab .item p{font-size:14px;color:#222222;line-height:22px;height:44px;overflow: hidden;} .tabbox .tab .item.on{background-color:#E70012;} .tabbox .tab .item.on h3, .tabbox .tab .item.on p{color:#fff;} .tabbox h3 strong{width:80%;display: inline-block;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;} /*===================== 首页 END =====================*/ /* ========================= 内页 START ========================= */ /* ===================== 产品列表页 ===================== */ #list{margin:30px 0;} #list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:1500px;margin:0 auto;} @media(max-width:1505px ){ #list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:1200px;} } .showlist {width:100%;} .showlist li{width:98%;margin:0 auto 20px;overflow: hidden;position: relative;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .showlist .wrap_box{float:left;} .showlist .button{width:60%;color:#fff;margin:0px auto;padding:0px;} #showdata {display:none;} #loaddata {text-align:center;} .showlist li .img{overflow: hidden;} .product_list_one .showlist, .product_list_two .showlist, .product_list_three .showlist{display: none;} .product_list_one #showdata, .product_list_two #showdata, .product_list_three #showdata{display: block !important;} .product_list_one .item, .product_list_two .item, .product_list_three .item{float: left;width:32.03%;margin:0 0.5% 30px;border: 1px solid #eee;} .product_list_one .item{width:22.5%;margin:0 1% 30px;} .product_list_one .item .img, .product_list_two .item .img{position: relative;overflow: hidden;height: 318px;} .product_list_one .item .img{padding:10px;} .product_list_one .item .img img, .product_list_two .item .img img{width:100%;} .product_list_one .item img, .product_list_two .item img, .product_list_two .item strong, .product_list_three .item em{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .product_list_one .item:hover img, .product_list_two .item:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);} /* 样式一 */ .product_list_one .item .info{padding:10px;background:url(../../images/arrow.png) right 57px no-repeat;text-align: center} .product_list_one .item strong{display: block;width:95%;font-weight:100;font-size:18px;} .product_list_one .item .line2{width:100%;height:2px;transform-origin: 100%;-webkit-transform-origin: 100%;-webkit-transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transform: scaleX(0);-webkit-transform: scaleX(0);visibility: hidden\9;background-color:#E70012;} .product_list_one .item p{display: none;} .product_list_one .item:hover .line2{transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0;-webkit-transform-origin: 0;visibility: visible\9;} .product_list_one .item:hover .info{background:url(../../images/arrow.png) right center no-repeat;} .product_list_one .item:hover strong{border-right:1px solid #f1f1f1;} /* 样式一 */ /* 样式二 */ .product_list_two .item .info{padding:0 30px 20px;background-color:#f6f7f7;} .product_list_two .item .info strong, .product_list_three .item .info strong{display: block;color:#555;font-size:18px;font-weight:100;padding-top:30px;} .product_list_two .item .line1{width:0%;height:1px;margin-top:8px;} .product_list_two .item .info p, .product_list_three .item .info p{display: none;color:#868585;font-size:14px;line-height:26px;height:52px;overflow: hidden;margin-top:8px;} .product_list_two .item .line2{display: none;} .product_list_two .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;} .product_list_two .item:hover strong{color:#E70012;transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);-ms-transform: translateY(-10px);-webkit-transform: translateY(-10px);} .product_list_two .item:hover .line1{width:100%;height:1px;background-color:#E70012;} .product_list_two .item:hover p{transform: translateY(10px);-moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);-webkit-transform: translateY(10px);} /* 样式二 */ /* 样式三 */ .product_list_three .item .info strong{padding:0;} .product_list_three .item{padding-bottom:20px;border-radius:6px;overflow:hidden;background-color:#f9f9f9;text-align: center;} .product_list_three .item .info{padding:15px;} .product_list_three .item em{font-style:normal;float: right;width:10px;height:3px;background-color:#E70012;margin:0px 15px 0 0;} .product_list_three .item:hover em{width:30px;} .product_list_three .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;} .product_list_three .item img{display: inline-block;} /* 样式三 */ /* 产品内页图 */ .product_article .img1{display: none;} .product_article .title{overflow: hidden;padding:10px 0 0;} .product_article .title h1{text-align: center;font-size:22px;color:#333;} .product_article .title .time{display: block;height:30px;line-height:30px;text-align: center;margin:14px 0 0;font-size:14px;color:#999;} .product_article .title .time img{display: inline-block;height:18px;margin-top:-2px;margin-right:10px;} .product_article .title .share{text-align: center;height:24px;line-height:24px;margin-top:10px;} .product_article .title .share span{display: inline-block;vertical-align: top;} .product_article .title .bdsharebuttonbox{display: inline-block !important;vertical-align: top;} /* 产品内页图 */ /* ===================== 产品列表页 ===================== */ /* ===================== 产品 详情页 ===================== */ .img_big_box{width:55%;float: left;} .img_big_box .img_box{height:400px;border:1px solid #f1f1f1;border-radius:5px;position: relative;border-bottom:none;} .img_big_box .img_box img{max-width:99%;max-height:99%;border-radius:5px;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;} .img_big_box .small_box{border:1px solid #f1f1f1;border-radius:5px;text-align: center;} .img_big_box .small_box img{max-height:80px;display: inline-block;margin:10px 5px;border:1px solid #fff;} .img_big_box .small_box img.active{border-color:#E70012;} .info_big_box{width:42%;float: right;height:502px;} .info_big_box h1{color:#444;line-height:36px;font-weight: bold;font-size:26px;margin-top:60px;} .info_big_box .info_1{margin:30px 0 0;} .info_big_box .info_1 .dh{color:#555;min-height:40px;line-height:40px;cursor:help;margin-bottom:10px;} .info_big_box .info_1 .dh img{float: left;width:30px;margin-top:5px;} .info_big_box .info_1 .dh span{float: right;width:89%;font-size:18px;color:#555;letter-spacing:0px;line-height:40px;} .info_big_box .info_1 .dh span.num{font-family:impact;font-size:26px;letter-spacing:2px;} .info_big_box .info_2{padding:10px;} .info_big_box .share{height:24px;line-height:24px;margin:20px 0;} .info_big_box .share span{font-size:16px;color:#555;} .bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{margin:0 6px 0 0 !important;} .info_big_box .info_3 span{display: inline-block;padding:8px 0;line-height:24px;color:#555;cursor:help;font-size:12px;} .info_big_box .info_3 span img{display: inline-block;height:20px;margin-bottom:3px;margin-right:6px;} .xgcp_title{padding:10px;background-color:#fafafa; margin:30px 0 0;} .xgcp_title h3{color:#E70012;border-left:2px solid #E70012;padding-left:20px;height:30px;line-height:30px;font-weight: bold;font-size: 20px;} .article_content{font-size:16px;line-height:26px;color:#333;padding-top:30px;} .article_box{padding-top:30px;} .article_box img, .article_content img{display: inline; max-width: 100% !important; height: auto !important; } .article_box p, .article_content p{margin-bottom:14px;} #xgcp ul li{float: left;text-align: center;width:23%;margin:1%;} #xgcp ul li strong{display: block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align: center;} #xgcp ul li:hover strong{color:#fff;} #xgcp ul li:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;} .pagenum{border-top:1px solid #DCDCDC;margin-top:30px;text-align: center;} .pagenum a{display: inline-block;color:#E70012;margin:20px 20px 0;padding:0 30px;;height:30px;line-height:30px;border:1px solid #E70012;border-radius:60px;font-size:16px;} .pagenum span{font-size:16px;color:#E70012;} .pagenum a:hover{background-color:#E70012;color:#fff;} .pagenum a:hover span{color:#fff;} /* ===================== 产品 详情页 ===================== */ /* ===================== 内页 Banner 图 ===================== */ #nyba{height:500px;position: relative;overflow:hidden;background-color:rgba(0,0,0,0.3);background-image:url(images/neibanner.html);background-position:top center;background-repeat:no-repeat;background-attachment: fixed;z-index: 5;} .fade_text{text-transform:uppercase;margin-top:12%;text-align: center;font-size:0;} .fade_text span{color:#fff;display: inline-block;text-align: center} .fade_text .cn{height:95px;line-height:95px;overflow: hidden;} .fade_text .cn span{font-size:72px;text-shadow: 0 0 15px #E70012} .fade_text .en{height:40px;line-height:40px;font-size:30px;overflow:hidden;text-shadow: 0 0 15px #E70012} .fade_text .line{width:80px;height:3px;background-color:#fff;margin:20px auto;display: none;} .arrow_down{position:absolute;left:50%;margin-left:-4px;bottom:20px;overflow: hidden;width:8px;display: none;} .arrow_down .line{display: block;width:1px; height:40px;margin:0 3px;background: #fff; } .arrow_down .aw{display: block;width:100%;height:5px;margin-top:3px;background: url('../../images/aw.png') no-repeat;} .arrow_down .lg{-webkit-animation: long 1.5s linear alternate infinite; animation: long 1.5s linear alternate infinite; } @-webkit-keyframes long{ from { -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes long{ from { -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes long1{ from { -webkit-transform: translateY(0px); transform: translateY(0px); } to { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } @keyframes long1{ from { -webkit-transform: translateY(0px); transform: translateY(0px); } to { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } .son_list{position: absolute;height:50px;width:100%;bottom:10px;left:0;text-align: center;} .son_list a{display: inline-block;width:140px;padding:0 5px;height:50px;color:#333;background-color: #fff;font-size:16px;text-align: center;line-height:50px;position: relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;} .son_list a i{background-color:#E70012;position: absolute;left:50%;top:50%;margin:-100px 0 0 -100px;z-index:-1;width:200px;height:200px;border-radius:50%;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);} .son_list a:hover i, .son_list a.active i{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);} .son_list a:hover, .son_list a.active{color:#fff;} /* ===================== 内页 Banner 图 ===================== */ /* ===================== 面包屑导航 ===================== */ .position_now{height:60px;line-height:60px;font-size:14px;background-color: #f1f1f1;} .position_now a{display: inline-block;color:#707070;} .position_now .fl{color: #707070;} .position_now .fl img{height:20px;margin-top:-4px;display: inline-block;margin-right:8px;} .position_now .fr{font-family: impact;color:#E70012;font-size:22px;} .position_now .fr img{height:26px;display: inline-block;margin-right:8px;vertical-align: middle;} .position_now .fr strong{font-weight:100;} /* ===================== 面包屑导航 ===================== */ /* ===================== 新闻页面 ===================== */ /* 新闻样式 1 */ .news_one .news_box li{margin-bottom:20px;} .news_one .news_box li .img{width:40%;height:300px;overflow:hidden;float:left;border-radius:8px;position: relative;display: none;} .news_one .news_box li .img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .news_one .news_box li .img .bg{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);} .news_one .news_box li .img .bg i{opacity:0;position: absolute;left:50%;top:50%;margin:-15px 0 0 -50px;width:30px;height:30px;background:url(../../images/news_arrow.png) center/100% no-repeat;} .news_one .news_box li .info{width:100%;padding-top:20px;} .news_one .news_box li .info h3{font-weight:bold;font-size:18px;color:#333;height: 40px;line-height: 40px;} .news_one .news_box li .info .time{color:#777;font-size:14px;padding:20px 0;} .news_one .news_box li .info .line{width:100%;height:1px;background-color: #e5e9ef;margin-bottom:20px;} .news_one .news_box li .info .line i{display: block;width:0%;height:1px;background-color:#E70012;} .news_one .news_box li .info p{color:#999;font-size:16px;line-height:26px;height:52px;overflow: hidden;} .news_one .news_box li:hover .info{padding-top:50px;} .news_one .news_box li:hover .line i{width:100%;} .news_one .news_box li:hover h3{color:#E70012;} .news_one .news_box li:hover .bg{background:rgba(0,0,0,0.55);} .news_one .news_box li:hover .bg i{opacity:1;margin:-15px 0 0 -15px;} .news_article_box{ padding-top: 100px; } .news_article_box .left_fixed{position: fixed;left:0;top:0;width:30%;height:100%;} .news_article_box .left_fixed .text{padding:35% 0 0 25%;} .news_article_box .left_fixed h6{font-size:70px;color:#E70012;opacity:0.5;font-style:italic;font-family: impact;} .news_article_box .left_fixed h5{font-size:16px;color:#333;margin-top:30px;} .news_article_box .left_fixed .return{margin-top:40px;font-size:14px;color:#666;} .news_article_box .left_fixed .return:after{content:'';} .right_article{float: right;width:70%;background-color: #f5f5f5;overflow: hidden;} .inner_content{padding:30px 50px;} .h1_title{padding:0px 40px;line-height:1.5;} .h1_title h1{font-size:28px;color:#333;margin-bottom:20px;} .h1_title .time img{height:20px;display: inline-block;margin:-4px 10px 0 0;} .h1_title .time span{color:#777;font-size:16px;} .info_3 span{display: inline-block;padding:8px 0;line-height:24px;color:#555;cursor:help;font-size:12px;} .info_3 span img{display: inline-block;height:20px;margin-bottom:3px;margin-right:6px;} .xwnr .info_3{padding-left:40px;} @media (max-width: 1200px){ .h1_title,.xwnr .info_3,.inner_content{padding-left:0;padding-right:0;} } .page_list{clear:both;padding:20px 0 20px 0;text-align:center;} .page_list .active_page{background-color:#920000;color:#fff;} .page_list a{display:inline-block;padding:0 12px;height:30px; line-height:30px; text-align:center;border:1px solid #dfdfdf;margin:5px;font-size:14px;background-color:#fff;} .page_list b,.page_list a:hover{display:inline-block;padding:0 12px;height:30px; line-height:30px; text-align:center;border:1px solid #fff;margin:5px;font-size:14px;background-color:#920000;color:#fff;} .page_list a b{background-color:#fff;padding:0;color:#999999;display:inline;} /* 新闻样式 1 */ /* 新闻样式 2 */ .news_two .news_box li{float: left;width:31.33%;margin:1%;overflow: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .news_two .news_box li a{padding:20px;background-color:#f3f3f3;position: relative;} .news_two .news_box li .time strong{font-size:50px;color:#E70012;display: inline-block;font-family:"SimHei";position: relative;} .news_two .news_box li .time strong::after{content:'';position: absolute;left:0;top:30px;width:0px;background-color:#E70012;height:2px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .news_two .news_box li .time span{font-size:12px;color:#333;display: block;font-family:"SimHei";} .news_two .news_box li h3{color:#333;font-size:18px;line-height: 26px;height:52px;overflow: hidden;margin:15px 0 10px;} .pc .news_two .news_box li:hover h3{color:#E70012;} .news_two .news_box li p{font-size:14px;color:#666;line-height:22px;height:44px;overflow: hidden;margin-bottom:10px;} .news_two .news_box li i{position: absolute;background-color:#E70012;} .news_two .news_box li i.i1{width:0px;height:2px;top:20px;right:20px;} .news_two .news_box li i.i2{width:2px;height:0px;top:20px;right:20px;} .pc .news_two .news_box li:hover i.i1{width:30px;} .pc .news_two .news_box li:hover i.i2{height:30px;} .pc .news_two .news_box li:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);} .pc .news_two .news_box li:hover strong::after{width:100%;} .fixed_body{display: none;position: fixed;width:100%;height:100%;background:rgba(255,255,255,0.8);left:-30%;top:0;z-index:9999;} .fixed_body .fixed_article{display: none;position:fixed;width:1200px;height:800px;top:50%;right:20%;margin:-400px -600px 0 0;background-color:#fff;z-index:99999;box-shadow:0px 0 25px rgba(0,0,0,0.08);} .fixed_body .fixed_article .fb_close{position: absolute;right:0;top:0;width:60px;height:60px;cursor:pointer;background-color:#E70012;} .fixed_body .fixed_article .fb_close i{display: block;margin:10px auto 0;width:40px;height:40px;background:url(../../images/jia.png) center center/80% no-repeat;} .fixed_body .fixed_article .fb_close:hover i{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);} .fixed_body .fixed_article iframe{border:none;width:100%;height:100%;display: block;} @media( max-width:1505px ){ .fixed_body .fixed_article{width:1000px;margin-right:-500px;} } /* 新闻样式 2 */ /* ===================== 新闻页面 ===================== */ /* ===================== 产品页 左侧 导航 ===================== */ #list .left_side{width:295px;} #list .left_side .box_two{width:275px;background-color:rgb(71, 71, 71);padding:10px 10px;} #list .left_side .box_two{margin-top:10px;padding:20px 10px;} #list .left_side .box_two p{font-size:16px;color:#fff;line-height:24px;} #list .left_side .box_two strong{color:#fff;font-size:30px;display: block;margin-bottom:10px;font-family:impact;font-weight:100;} #list .left_side .box_two p strong{font-size: 18px;margin-bottom:0px;font-weight: bold;} #list .left_side .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:200px;color:#333;text-align: center;} #list .left_side .box_two .more i{background-color:#000;} #list .left_side .box_two .more:hover{color:#fff;} #list .right_side.fr{width:1200px;} @media(max-width:1505px ){#list .right_side.fr{width:900px;}} /* ===================== 产品页 左侧 导航 ===================== */ /* ===================== 全局搜索框 ===================== */ .form_box {display: none;border:1px solid #f1f1f1;border-radius: 5px;margin-bottom: 20px;} .form_box .sf{margin:0 auto;text-align: center;font-size:0;} .form_box .an {display: inline-block;border: 1px solid #f1f1f1;background-color: #fff;color: #333;height: 40px;border-radius: 8px;margin: 10px 5px;font-size: 16px;line-height:40px;padding: 0px 15px;outline:none;} .form_box .an{vertical-align: bottom;} .form_box .an:hover{border-color:#E70012;} .form_box .inp{height:38px;vertical-align: bottom;} .form_box .submit{width:80px;cursor:pointer;} /* ===================== 全局搜索框 ===================== */ /* ===================== 在线留言 ===================== */ .form_box_box{width:1200px;margin:40px auto;padding:60px 0;box-shadow: 0px 20px 80px rgba(76, 76, 76, 0.1);} ul.fs{width:1000px;margin:0 auto;} ul.fs input, ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;} ul.fs .box1 li{float: left;width:320px;margin-right:20px;} ul.fs .box1 li:nth-of-type(3){margin:0;} ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;} ul.fs li input:hover{border-color:#E70012;} ul.fs .box1 li input::-webkit-input-placeholder, ul.fs li.textarea textarea::-webkit-input-placeholder, ul.fs li.yzm input::-webkit-input-placeholder{color: #999;} ul.fs .box1 li input:-moz-placeholder, ul.fs li.textarea textarea:-moz-placeholder, ul.fs li.yzm input:-moz-placeholder{color: #999;} ul.fs .box1 li input:-ms-input-placeholder, ul.fs li.textarea textarea:-ms-input-placeholder, ul.fs li.yzm input:-ms-input-placeholder{color: #999;} ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;} ul.fs li.textarea textarea:hover{border-color:#E70012;} ul.fs li.radio{text-align: center;} ul.fs li.radio label{margin:0 10px;} ul.fs li.yzm{text-align: center;margin:20px 0;} ul.fs li.yzm img{display: inline-block;height:20px;} ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;} ul.fs li.yzm input:hover{border-color:#E70012;} ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#E70012;font-size:16px;color:#fff;} /* ===================== 在线留言 ===================== */ /* ===================== 联系我们 地图 ===================== */ #allmap{height:500px;} #allmap img{max-width:none !important;} /* ===================== 联系我们 地图 ===================== */ /* ===================== 回到顶部 ===================== */ .go_top{display: none;background:url(../../m/images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align: center;background-color:#E70012;border-radius:50%;position: fixed;right:6px;bottom:100px;z-index:99999999999;} /* ===================== 回到顶部 ===================== */ .firstRow img {display: inline-block;} .sycep{ display: none; } /* ================================ 内页 END ================================ */ /*===================== 响应式代码 START =====================*/ .header .menu_box{display: none;} .header .menu_box{float: right;width:24px;height:54px;} .header .nav_button{position: absolute;right:15px;top:26px;vertical-align: middle;width:24px;height:2px;cursor:pointer;background-color:#E70012;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .header .nav_button::after, .header .nav_button::before{content:'';width:24px;height:2px;position: absolute;z-index:99999999;right:0;background-color:#E70012;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .header .nav_button::after{top:9px;} .header .nav_button::before{top:-9px;} .header .menu_box.on .nav_button{width:0;} .header .menu_box.on .nav_button::before{-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);} .header .menu_box.on .nav_button::after{-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);} #close{display: none;position: fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;} .wap_son{display: none;padding:0 13px;margin-bottom:20px;} .wap_son a{width:47.93%;height:40px;line-height:40px;font-size:16px;color:#fff;text-align: center;margin:1%;float: left;background-color:#E70012;} .fixed_footer{display: none;} .fixed_footer{display: none;background: #E70012;height:50px;position: fixed;bottom:0px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;} @media (min-width:640px){ .fixed_footer{width:640px !important;left:50%;margin-left:-320px;}} .fixed_footer a{float: left;width:33.33%;text-align: center;} .fixed_footer img{display: inline-block;height:24px;margin:5px 0 0;} .fixed_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;} @media( max-width:1550px ){ .f_48{ font-size:40px; } .f_58{font-size: 50px;} .header .call h3{font-size:28px;} .header .nav{width:50%;} .section_five .item.one .box, .section_five .item.two .box{margin-left:15%;} .section_seven .item{width:130px;} .section_seven .item .radius{width:128px;height:128px;} .section_seven .item i{margin:35px auto 0;} .section_eight .more{margin-top:40px;} } .w1400{width: 1400px;margin: 0 auto;} @media( max-width:1440px ){ .w1400{width: 90%;margin: 0 auto;} .product_list_one .item .img, .product_list_two .item .img { height: 240px !important; } .fade_text { margin-top: 16%; } #top_scroll ul li img { height: 270px; } .indexsec01 .rbox li { font-size: 20px; } #top_scroll ul li img { height: 222px; } .section_two .auto{ width: 90%; } .section_two .img { width: 54%; } .section_two .info .text { width: 100%; text-align: justify; font-size: 16px; color: #666666; line-height: 26px; margin-bottom: 14px; } .num_top ul { display: flex; margin: 15px auto 0; } .comWidth { max-width: 90%; padding: 0 0px; } .indexsec01 .rbox h2 { font-size: 46px; } } @media( max-width:1366px ){ .product_list_one .item .img, .product_list_two .item .img { height: 294px !important; } .section_two .img { width: 51%; padding-top: 30px; } .section_two .info strong{ display: none; } .pub_title h4 img{width: 40%;} .fhxc1 .pub_title h4 img{width: 20%;} #scroll_one1{width: 1300px;} .inner{width: 90%;} .about .right{ padding: 58px 50px;} .pronavbox .swiper-slide .fl{padding:50px 100px;} .pronavbox .swiper-slide .fl a{margin-top: 50px;} .about .right .text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;padding: 0;} .about .left dl{margin-top: 30px;} .pub_title h4{margin-top: 30px;} .swiper-container.anli{padding: 30px 0;} .swiper-container.anli .swiper-slide{width:450px;height: 338px;} .section_four .auto,.tabbox{width: 1200px;} .section_four .img{padding-left:0;} .pronav{height: auto;margin-bottom: 30px;} #scroll_one1{height: 390px;} .tabbox .tab{width: 580px;} .tabbox .tab .item .info{width: 360px;} .footer .f4{display: none;} .footer .f3 { width: 40%; color: #fff; line-height: 30px; margin-left: 6%; } .footer .f1 { width: 21%; } .footer .f1 img { margin-right: 0px; width: 90%; } .num_top ul li span { font-size: 62px; } } @media( max-width:1280px ){ .section_one .item_box{width:1200px;} .header .call h3{font-size:26px;} .header .nav{width:50%;margin-left:4%;} .section_five .item.one .box, .section_five .item.two .box{margin-left:5%;} } @media( max-width:1200px ){ .pub_title h4 img { height: auto; } .pub_title h4 img{width: 86%;} #top_scroll ul li .img{height:230px;} #top_scroll ul li img { height: auto; } .section_two .title strong { font-size: 26px; color: #fff; } .section_two .img{ float: none; width: 100%; } .num_top ul li span { font-size: 28px; } .num_top ul li p { color: #353535; font-size: 16px; } .num_top ul li{ width: 50%; } .num_top{ height: auto; padding-bottom: 30px; } .pub_title h4 { position: relative; text-align: center; font-size: 22px; font-weight: bold; z-index: 1; margin-top: 60px; color: #EF0103; line-height: 180%; } .fhxc1 .pub_title h4 img{display: none;} #scroll_one1 ul li img { width: 190px; overflow: hidden; display: inline-block; height: 192px; } .indexsec01 .lbox,.indexsec01 .rbox{ width: 100%; font: none; } .indexsec01 .comWidth{ display: block; } .indexsec01 { padding: 50px 0; background-attachment: initial; margin-top: 33px; } .indexsec01 .lbox .photo img{margin-bottom: 30px;} .indexsec01 .rbox h2 { font-size: 36px; } .section_two .info{ width: 96%; margin: 0 auto 30px auto; } .section_two { background-size: cover; } .section_two .title strong { font-size: 28px; color: #fff; } .section_two .title p { font-size: 26px; color: #fff; margin-top: 10px; } .section_two .info h1 { font-size: 22px; } .pub_title h4 { position: relative; text-align: center; font-size: 22px; font-weight: bold; z-index: 1; margin-top: 0px; color: #EF0103; line-height: 180%; } .product_list_one .item .img, .product_list_two .item .img { height: 201px !important; } .product_list_one .item, .product_list_two .item, .product_list_three .item { width: 48%; margin: 0.5%; } .f_14{ font-size:12px; } .f_16{ font-size:14px; } .f_18{ font-size:14px; } .f_20{ font-size:20px; } .f_24{ font-size:20px; } .f_28{ font-size:20px; } .f_30{ font-size:24px; } .f_38{ font-size:26px; } .f_48,.about .a_top h4{ font-size:28px !important; } .f_58{ font-size:30px !important; } html,body{max-width:750px;margin:0 auto !important;} .header .nav ul li em, .header .nav ul li i, .product_list_two .item .info p, .product_list_three .item .info p, .header .call, .banner .swiper-button-next, .banner .swiper-button-prev, .news_two .news_box li p, .position_now .fr, .arrow_down, #list .left_side, .news_one .news_box li .img .bg, .news_article_box .left_fixed, .img_big_box, #none,.tj_box .gallery-top .swiper-slide a .txt,.tj>img,.tabbox .content,.footer .f1,.footer .f2,.footer .f4,.more1 a:nth-child(1),#top_scroll ul li p,.section_two .item_box .yspic img:nth-child(1),.section_two .item_box .yspic img:nth-child(3),#winImgDiv,.syys h3 strong,.syys .syys2,.syys .syys1 span b,.pc_show,.altop,.hf .fr,.bg1,.tabbox .tab .item .img,.video_box,.four img:nth-child(1),.pub_title h4:before, .pub_title h4:after,.section_four .img img:nth-child(1),.section_four::after,.about .left,.ystop>img,.yt_txt p,.pronavbox .swiper-slide .fl h5,.pronavbox .swiper-slide .fl a,.pronav,.about .a_top img,.pub_title p,.header .logo .logo1{display: none !important;} .wap_show{display: block;} .header .menu_box, .mobile .fixed_footer, .wap_son{display: block;} #list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto,.tj_box,.w1300,.tabbox,.footer .f3,.section_four .auto,.w1400,.about .text,.trust .container{width:auto;padding:0 15px;} .inner{width: auto;} .info_big_box .info_1 .dh span{font-size: 16px} .header{height:50px;background:#fff;} .header.bg{background:#fff;;} .header .logo .logo2{display: block !important;} .header .inner{padding:0 15px;width:auto;height:50px;} .header .logo img,.header.bg .logo img{height:38px;margin:5px 0 0;} .header .nav{position: fixed;width: 280px;height: auto;overflow: auto;padding: 20px 0;top: 50%;left: 50%;margin: -200px 0 0 -140px;z-index: 9999999999;background-color: #fff;box-shadow: 0 0 10px #f1f1f1;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); -o-transform: scale(0);transform: scale(0);} .header .nav ul li{display: block;float:none;width:90%;margin:0 auto;height:40px !important;line-height: 40px !important;border-bottom: 1px solid #f9f9f9;} .header .nav ul li span, .header .nav ul li a{color:#333 !important;} .header .nav ul li a:hover span, .header .nav ul li a.active span{line-height:40px;} .header .nav ul li:last-child{border: none;} .product_son{display: none !important;} .position_now .fl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;} .index-cen-top{padding: 10px 0;} .line-cen{width: 40%;} .cen-line{padding-top: 10px;} .about .text{-webkit-line-clamp: 4;height: auto;} .line-left,.line-right{width: 30%;margin-top: 15px;} .section_one{padding-top: 50px;} .bg1{padding: 30px 0 0;height: 200px;margin-bottom: 0;} #scroll_one{height: 200px;} #scroll_one ul li img{width: 120px;height: 120px;display: inline-block;} #scroll_one ul li h3{height: 50px;line-height: 50px;} .albox .fl,.albox .fr{width: 100% !important;float:none;} .about .right .item{width: 50%;margin-bottom: 20px;} .about .right .num{padding-top: 20px;} .pronavbox .swiper-slide .fl, .pronavbox .swiper-slide .fr{width: 100%;} .pronavbox .swiper-slide .fr{position: relative;} .pronavbox .swiper-slide .fl{padding: 15px;background: #13A131;text-align: center;} .pronavbox .swiper-slide .fl p{margin: 20px 0;} #allmap{height:300px;} #nyba{height:300px;background-size: cover;background-attachment: unset;} #scroll_one1{height: 250px;} #scroll_one1 ul li img{width: 150px;} .fade_text{margin-top:171px;} .fade_text .cn{line-height:40px;height:40px;} .fade_text .cn span{font-size:30px;} .fade_text .en{font-size:16px;} .fade_text .line{margin:10px auto;} .form_box_box, ul.fs{width:100%;} .form_box_box{margin:0;padding:20px 0;box-shadow:none;} ul.fs .box1 li{float:none;width:100%;margin-bottom:20px;} .product_list_one .item .img, .product_list_two .item .img { height: 153px !important; } .product_list_two .item .info strong{ padding-top: 0px; } .product_list_two .item .info { min-height: 40px !important; } .product_list_two .item .info { padding: 0 10px 0px; background-color: #f6f7f7; } .product_list_one .item .img, .product_list_two .item .img { height: 135px !important; } .product_list_two .item .info strong{ text-align: center; } .product_list_two .item .line1{ display: none; } #list .right_side{float:none !important;width:100% !important;} .fhxc1 .albox{margin-top: 0;} .news_one .news_box li .img, .news_one .news_box li .info{float:none !important;width:100%;} .news_one .news_box li .img{height:200px;} .news_one .news_box li .info{padding-top:20px;height:auto;} .news_one .news_box li .info .time{padding:6px 0;} .news_one .news_box li .info .line{margin-bottom:6px;} .news_one .news_box li:hover .info{padding-top:20px;} .son_list{height:40px;} .son_list a{height:40px;line-height:40px;width:100px;font-size:14px;padding:0;} .news_article_box{padding-top: 54px;} .news_article_box .right_article{width:100%;float:none;background-color: #fff;} .news_article_box .inner_content, .news_article_box .h1_title{padding:20px;} .news_two .news_box li{width:49%;margin:0.5%;} .news_two .news_box li a{padding:8px;} .news_two .news_box li .time strong{font-size:30px;} .fixed_body .fixed_article {width:90%;height:500px;margin: -250px -45% 0 0;} .fixed_body .fixed_article .fb_close{top:auto;bottom:0;width:50px;height:50px;} .fixed_body .fixed_article .fb_close i{margin-top:5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);} .info_big_box,.section_six,.section_two{width:100%;height:auto;} .info_big_box h1{margin-top:0;font-size:20px;} .info_big_box .info_1{margin-top:10px;} .info_big_box .share{margin:0 0 10px 0;} .xgcp_title{margin-top:10px;} .more .but{margin-left: 0;margin-top: 10px;} .more1{margin: 15px auto 0;width: 90%;text-align: center;display: block;padding: 0;} .section_four{height: auto;background-size: cover;background-position: right top;} .section_four .ys_bt{margin-top: 30px;} .section_four .img{padding: 30px 0;width: 100%;margin: 0 auto;} .section_four .img img{float:none} .section_four .item{text-align: center;margin: 0 0 15px 0 !important;width: 100%;border-radius: 15px;background: #13A131;} .section_four .item .info h4{text-align: left;margin: 0 0 5px 0;color: #fff;} .section_four .item .info{width:100%;padding: 15px ;position: relative;} .section_four .item .info p{text-align: left;color: #fff;} .section_four .item_box{margin:20px 0 0 0;float: none;} .section_four .bg{position: relative;width: 80%;margin: auto;} .ystop{height: auto;background-size: cover;padding: 20px 0;margin-top: 20px;} .yt_tel, .yt_txt{margin-left: 30px;} .yt_tel::before, .yt_txt::before{left: -30px;} .yt_tel img,.yt_tel h4{display: inline-block;vertical-align: middle;} .ysbom .bg{width: auto;bottom: 300px;} .ysbom{height: auto;padding: 20px 0;text-align: center;} .ysbom .fl,.ysbom .fr{width: 100%;float: none;margin: 0;} #scroll_one1 ul li h3{line-height: 25px;} .sycp{margin-top: 30px;} #top_scroll{height:550px;max-width:100%;} #top_scroll ul li .clear{height:36px;line-height:36px;} #top_scroll ul li{width:48%;padding: 0;} #top_scroll ul li .img{padding: 3px;} #top_scroll ul li h3{width:100%;float:none;font-size:14px;padding: 0;} #top_scroll1{height:450px;max-width:100%;} #top_scroll1 ul li .clear{height:36px;line-height:36px;} #top_scroll1 ul li{width:49%;padding: 0;} #top_scroll1 ul li h3{width:100%;float:none;font-size:14px;line-height: 30px;} .section_five .item{float:none;width:auto;height:auto;padding:20px;} .section_five .item .img{position: relative;} .section_five .item .box{padding:0;margin:20px 0 0 0 !important;background:none !important;} .section_five .item .box p{font-size:14px;} .about{height: auto;margin-bottom: 0;background: none;padding: 0;} .about .a_top{height: 100px;background-size: cover;margin-bottom: 0;display: none;} .about .inner{margin: 0;} .about .right .text{ -webkit-line-clamp: 8;margin-top: 30px;} .bgwhite{width: 90%;margin: auto;} .about .left,.about .right{width: 100%;margin: 0;padding: 20px;box-sizing: border-box;} .about .item {width: 130px;height: 130px;border-width: 5px;} .about .item:nth-child(n+3){margin-top: 10px;} .about .item img{height: 60px;} .about .item p{font-size: 14px;} .about .right h1,.about .right .item h3{font-size: 30px;} .about .item span{width: 20px;height: 20px;line-height: 20px;} .trust-black{z-index: 1;} .trust .container{position: relative;z-index: 2;} .trust-title{padding: 30px 0;} .trust-title p{display: none;} .trust-one{width: auto;margin:0 !important;margin-bottom: 15px !important;} .trust-top,.trust-bot{float: left;width: 30%;} .trust-top{height: 100px;} .trust-pic{padding-top: 10px;} .trust-pic img{width: 40px;} .trust-word img{height: 20px;} .trust-word{padding: 10px 0 0 0;} .trust-two{padding-top: 0;} .trust-bot{width: 70%;} .trust-bot p{padding: 15px;height: 100px;box-sizing: border-box;text-align: left;} .fhxc1 .albox .fl>a{height: 120px;padding-top: 15px;} .fhxc1 .albox .fl>a img{width:45px;} .section_six .albox .fl>a{height: auto;padding:20px 0;} .section_seven .item{width:50%;} .section_seven .item .radius{margin:0 auto;} .section_seven .item p{font-size:14px;margin-bottom:10px;} .section_eight{background-size:cover;} .section_eight .title strong{font-size:24px;} .section_eight .title p{font-size:14px;} .section_eight ul li{width:48%;} .section_eight ul li strong{height:30px;line-height:30px;} .section_eight .more{width:70%;} .tabbox .tab, .tabbox .tab .item{width:100%;height: auto;} .tabbox .tab .item .img,.tabbox .tab .item .info{width:100%;float:none;height: auto;} .tabbox .tab .item .img img{width: 100%;height: auto;} .tabbox .tab .item .info{box-sizing: border-box;padding:10px;} .tabbox .tab .item h3{padding:0;} .tabbox h3 strong{width: 100%;} .banner{top:0;padding-top: 50px;} .index_box{margin:0;} #scroll_two{ display: none; } .section_one .left a, .section_one .right a{ background: #E70012; } .fixed_footer{ display: block; } .section_one .item_box .left,.section_one .item_box .right{ display: none; } .sycep{ display: block; padding-top: 80px; } .sycep a{float: left;width: 48%;background: #E70012;color: #fff;box-sizing: border-box;border-radius: 40px;text-align: center;margin-top: 10px;margin-right:1%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;height: 35px;line-height: 35px;} .swiper-container.anli .swiper-slide{width: 350px;height: 263px;} } /*===================== 响应式代码 END =====================*/ #video { width: 100%; height: 100%; margin: 0 auto; position: relative; } #video video { width: 100%; height: 100%; object-fit: fill; } .VideoBtn { position: absolute; left: 50%; top: 50%; display: block; width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; cursor: pointer; z-index: 10; } .textlink {margin-bottom:20px;height:50px;line-height:30px;} .textlink a{margin-right:10px;float:left;} .textlink strong{float:left;margin-right:20px;}