* { margin: 0px; padding: 0px; outline:none; font-family: 'pingfang'; } body { font-family: "微软雅黑"; font-size: 16px; margin: 0; padding: 0; } .w1520{ width:1520px; margin:0 auto; } .w90{ width:90%; margin:0 auto; } .ty_acontent video{ width:800px !important; margin:0 auto !important; } /*header*/ .lg-outer .lg-image{ max-height:800px !important; } .ty_acontent video{ display:flex; margin-bottom:20px; } .nav{ background: rgb(255, 255, 255); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); position:fixed; top:0px; left:0px; width:100%; z-index: 999; } .nav_left{ float:left; text-align:center; padding:14px 0px; margin-left:140px; } .nav_left img{ width:78px; } .nav_right{ float:right; width:80%; } .nav_r1{ margin-right:0px; float:left; width:80%; } .nav_r1>li{ position:relative; } .nav_r1>li:nth-child(1){ width:7%; } .nav_r1>li{ line-height:100px; text-align:center; width:13%; float:left; position:relative; } .nav_r1>li .nav_t::after{ content:''; position:absolute; left:50%; right:50%; bottom:0%; height:2px; background: rgb(229, 0, 17); transition: .5s; } .nav_r1>li.action .nav_t::after{ left:0%; right:0%; } .nav_r1>li.action .nav_t a{ font-weight:bold; } .nav_r1>li>.nav_t a{ color: rgb(0, 0, 0); font-family: pfsc; font-size: 18px; position:relative; z-index: 1; } .nav_r1>li:hover .nav_t::after{ left:0px; right:0px; } .nav_r1>li:hover .nav_t a{ font-weight:bold; } .nav_r1 li .shownav{ top:55px; } .nav_r1 li .shownav { position: absolute; left: 0%; top: 85px; width: 100%; padding: 15px 0 0; background: url(../images/shownav.png) no-repeat center top; visibility: hidden; font-size: 14px; z-index: 1; } .nav_r1 li .shownav { transform: scale(0); } .nav_r1 li:hover .shownav { visibility: visible; } .nav_r1 li:hover .shownav { z-index: 10; transform: scale(1); } .nav_r1 li .shownav a { display: block; margin: 0; padding: 10px 10px; background: rgba(255,255,255,.76); color: #000; line-height: 28px; text-align: center; font-size:16px; } .nav_r1 li:hover .shownav a { opacity: 1; transform: none; } .nav_r1 li .shownav a { opacity: 0; transform: rotateY(90deg); transition: all .4s ease; } .nav_r1 li:hover .shownav a { opacity: 1; transform: none; } .nav_r1 li .shownav a:hover { background: rgb(213, 1, 17); color: #fff; } .nav_r1 li:hover .shownav a{opacity:1; transform:none} .nav_r1 li:hover .shownav a:nth-child(1){ transition-delay:0s} .nav_r1 li:hover .shownav a:nth-child(2){ transition-delay:50ms} .nav_r1 li:hover .shownav a:nth-child(3){ transition-delay:.1s} .nav_r1 li:hover .shownav a:nth-child(4){ transition-delay:150ms} .nav_r1 li:hover .shownav a:nth-child(5){ transition-delay:.2s} .nav_r1 li:hover .shownav a:nth-child(6){ transition-delay:250ms} .nav_r1 li:hover .shownav a:nth-child(7){ transition-delay:.3s} .nav_r1 li:hover .shownav a:nth-child(8){ transition-delay:350ms} .nav_r1 li:hover .shownav a:nth-child(9){ transition-delay:.4s} .nav_r1 li:hover .shownav a:nth-child(10){ transition-delay:450ms} .nav_r1 li:hover .shownav a:nth-child(11){ transition-delay:.5s} .nav_r1 li:hover .shownav a:nth-child(12){ transition-delay:550ms} .nav_r1 li:hover .shownav a:nth-child(13){ transition-delay:600ms} .nav_r1 li:hover .shownav a:nth-child(14){ transition-delay:650ms} .nav_r1 li:hover .shownav a:nth-child(15){ transition-delay:700ms} .nav_r1 li:hover .shownav a:nth-child(16){ transition-delay:750ms} .nav_r1 li:hover .shownav a:nth-child(17){ transition-delay:800ms} .nav_r1 li:hover .shownav a:nth-child(18){ transition-delay:850ms} .nav_r1 li:hover .shownav a:nth-child(19){ transition-delay:900ms} .nav_r1 li:hover .shownav a:nth-child(20){ transition-delay:950ms} .nav_r2 li{ cursor: pointer; } .cpzx_r1{ line-height:60px; font-size:18px; letter-spacing: 1px; } .cpzx_r1 .ssy_title span{ color:rgb(213, 1, 17); margin:0px 5px; } .nav_rd li:nth-child(1){ position:fixed; width:16%; right:-16%; top:100px; background:rgba(255,255,255,.76); transition: 1s; z-index: 999; line-height:60px; text-align:center; color:#000; font-size:18px; } .nav_rd li:nth-child(2){ position:fixed; width:16%; right:-16%; z-index: 999; top:100px; background:rgba(255,255,255,.76); transition: 1s; text-align:center; padding-top:20px; } .nav_rd li:nth-child(2) img{ display:inline; } .nav_rdtext{ line-height:40px; padding-bottom:10px; } .nav_rd li:nth-child(3){ position:fixed; width:16%; right:-16%; top:100px; z-index: 999; background:rgba(255,255,255,.76); transition: 1s; text-align:center; padding:20px 0px; } .nav_rd li:nth-child(3) input{ line-height:32px; background:none; width:60%; border:1px solid rgba(0, 0, 0, 0.1); text-indent:10px; margin-left:20px; float:left; } .nav_rd li:nth-child(3) button{ border:1px solid rgba(0, 0, 0, 0.1); border-left:none; line-height:32px; width:80px; font-size:14px; float:left; } .nav_r2{ float:left; background: rgb(229, 0, 17);; width:20%; height:100px; } .nav_r2 li{ float:left; } .nav_r2 li:nth-child(1){ margin-left:12%; margin-right:8%; } .nav_r2 li:nth-child(2){ padding-right:8%; position:relative; } .nav_r2 li:nth-child(3){ margin-left:18%; } .nav_r2 li:nth-child(2)::after{ content:''; position:absolute; height:54%; right:0px; top:23%; width:2px; background:#fff; } .nav_r2h{ display: table-cell; vertical-align: middle; height: 100px; } .index_po{ position: relative; background:#fff; top:100vh; } /*banner*/ .banners{ width:100%; position:fixed; top:0px; left:0px; } .banners .arrow-left { background: url(../images/banner_arrow.png) no-repeat left top; position: absolute; left: 20px; top: 55%; margin-top: -35px; width: 70px; height: 70px; z-index: 999; cursor: pointer; } .banners .arrow-right { background: url(../images/banner_arrow.png) no-repeat left bottom; position: absolute; right: 20px; top: 55%; margin-top: -35px; width: 70px; height: 70px; z-index: 999; outline: none; cursor: pointer; } .banner{ height:100vh; width:100%; } .bnner .swiper-slide{ overflow:hidden; } .banner .swiper-slide .banner_bg{ height:100vh; width:100%; transform: scale(1.1); transition: 2s; } #video{ width:100%; height:100vh; } .banner .swiper-slide-active .banner_bg{ transform: scale(1); } .bav .b2 { position:absolute; height: 218px; top: 50%; left: 7%; margin-top: -109px; text-align: left; } /*xck*/ .xck_bg{ padding:90px 0px; position:relative; } .xck_bg::before{ content:''; position:absolute; top:0px; left:0px; height:100%; width:100%; background:url(../images/xc_bg.jpg) center no-repeat; background-size:100%; } .xck_bg::after{ content:''; position:absolute; bottom:15px; left:0px; width:100%; height:1px; background:rgba(19, 19, 19 ,0.09); } .xck_l{ float:left; position:relative; margin-left:3%; padding-right:3%; } .xck_l::after{ content:''; position:absolute; right:0px; top:3px; width:3px; height:118px; background: rgba(39, 38, 54,0.09); } .xck_r{ font-family: pfsc; font-size: 34px; font-weight: 400; line-height: 62px; letter-spacing: 2px; width:1190px; float:right; margin-right:3%; position:relative; top:0px; } /*aboutk*/ .aboutk{ margin-top:52px; padding-bottom:72px; } .aboutk_l{ width:722px; float:left; } .aboutk_l1 p{ text-indent:2em; font-size: 16px; font-weight: 400; line-height: 35px; text-align:justify; font-family: pfsc; } .aboutk_l1 p:nth-child(2){ margin-top:40px; } .aboutk_l2{ line-height:36px; margin-top:30px; } .aboutk_l2 a{ font-family: pfsc; color:#000; } .aboutk_l2 i{ font-size:20px; position:relative; top:2.5px; } .aboutk_l2:hover a{ color: rgb(229, 0, 17); } .aboutk_l3{ margin-top:60px; } .aboutk_l3 *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .aboutk_l3 li{ width:91px; float:left; margin-right:119.33px; } .aboutk_l3 li:nth-child(4){ margin-right:0px; } .aboutk_l3 li .aboutk_l31{ width:91px; height:91px; text-align:center; border: 1px solid rgba(112, 112, 112,0.39); border-radius: 50%; position:relative; overflow: hidden; } .aboutk_l3 li .aboutk_l31 img{ display:inline; position:relative; top:29px; } .aboutk_l3 li:nth-child(1) img{ top:25px; } .aboutk_l3 li .aboutk_l31::after{ content:''; position:absolute; top:50%; left:50%; bottom:50%; right:50%; transition: .5s; background:rgb(229, 0, 17); border-radius: 50%; } .aboutk_l3 li.action .aboutk_l31::after{ top:0px; left:0px; bottom:0px; right:0px; } .aboutk_l3 li .aboutk_l31 img:nth-child(2){ display:none; } .aboutk_l3 li.action .aboutk_l31 img:nth-child(1){ display:none; } .aboutk_l3 li.action .aboutk_l31 img:nth-child(2){ display:inline; } .aboutk_l3 li img{ position:relative; z-index: 2; } .aboutk_l32{ line-height:30px; text-align:center; font-size:18px; color:rgb(58,58,58); font-family: pfsc; margin-top:12px; } .aboutk_r{ width:716px; float:right; } .aboutk_r img{ width:100%; } /*jjfak*/ .jjfak{ height:565px; background: url(../images/jjfa_bg.jpeg) no-repeat center; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; position: relative; overflow: hidden; } .jjfak .left, .jjfak .right { position: absolute; top: 0px; height: 100%; width: 300px; background: #f9f9f9; } .jjfak .left { left: 0; } .jjfak .right { right: 0; } .jjfak_c{ display: table-cell; vertical-align: middle; height:565px; width: 0.1%; } .jjfak_c1{ color: rgb(255, 255, 255); font-size: 42px; font-weight: 100; line-height:76px; background:url(../images/jjfa_en.png) left no-repeat; letter-spacing: 0.8px; } .jjfak_c2{ opacity: 0.71; color: rgb(255, 255, 255); font-family: pfzc; font-size: 16px; font-weight: 400; letter-spacing: 1px; line-height:30px; } .jjfak_c3{ width:173px; height:50px; line-height:48px; text-align:center; border:1px solid rgba(255,255,255,0.6); margin-top:70px; position:relative; overflow: hidden; } .jjfak_c3 a{ color:#fff; font-size:16px; font-family: pfsc; position:relative; z-index: 1; } .jjfak_c3:after { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; background: #dc1112; -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg); transform: translateX(-50%) translateY(-50%) rotate(25deg); } .jjfak_c3:hover:hover:after { height: 450%; } .jjfanavkc{ -webkit-perspective: 1300px; -o-perspective: 1300px; -ms-perspective: 1300px; perspective: 1300px; -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .jjfanavk{ background:#f9f9f9; -webkit-transition-duration: 1.2s; -webkit-transition-property: -webkit-transform,opacity; -webkit-transition-delay: .15s; -webkit-transition-timing-function: 'ease-in-out'; -moz-transition-duration: 1.2s; -moz-transition-property: all; -moz-transition-delay: .15s; -moz-transition-timing-function: 'ease-in-out'; -o-transition-duration: 1.2s; -o-transition-property: transform,opacity; -o-transition-delay: .15s; -o-transition-timing-function: 'ease-in-out'; -ms-transition-duration: 1.2s; -ms-transition-property: transform,opacity; -ms-transition-delay: .15s; -ms-transition-timing-function: 'ease-in-out'; transition-duration: 1.2s; transition-property: transform,opacity; transition-delay: .15s; transition-timing-function: 'ease-in-out'; -webkit-transform: rotatex(-80deg) translateZ(0); -ms-transform: rotatex(-80deg) translateZ(0); transform: rotatex(-80deg) translateZ(0); -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; } .jjfanavk.revealed { -webkit-transform: rotatex(0) translateZ(0); -ms-transform: rotatex(0) translateZ(0); transform: rotatex(0) translateZ(0); opacity: 1; } .jjfanavk *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .jjfanavk li{ width:20%; float:left; text-align:center; border-right: 1px solid rgba(112, 112, 112,0.22); height:241px; position:relative; overflow: hidden; } .jjfanavk li .jjc{ position:absolute; top:100%; left:0px; width:100%; height:241px; background:url(../images/jjc_bg.jpeg) center no-repeat; background-size:cover; transition: 1s; } .jjfanavk li:hover .jjc{ top:0px; } .jjc a{ color: rgb(255, 255, 255); font-family: pfsc; font-size: 16px; font-weight: 400; line-height: 35px; } .jjfanavk li:nth-child(5){ border:none; } .jjfanavk li img{ display:inline; } .jjfah{ display: table-cell; vertical-align: middle; height:241px; width: 0.1%; } .jjfanavk2{ font-family: pfsc; font-size: 22px; font-weight: 400; margin-top:12px; color:#000; } .jjfanavk3{ font-family:pfsc; font-size: 12px; font-weight: 400; line-height:20px; color:rgba(0,0,0,0.7); } /*shzr*/ .shzr_title .zzry_title{ background:url(../images/shzr_bg.png) center no-repeat; } .shzr_title{ padding-bottom:50px; border-bottom:1px solid rgba(0,0,0,0.1); } .shzra{ padding-top:66px; padding-bottom:66px; } .shzra p{ color: rgb(0, 0, 0); font-family: 微软雅黑; font-size: 16px; font-weight: 400; line-height: 39px; } .shzrb{ padding-bottom:98px; } .shzrb li{ width:49%; float:left; } .shzrb li:nth-child(2){ float:right; } .shzrca{ color: rgb(32, 32, 32); font-size: 36px; font-weight: 700; line-height: 48px; padding-bottom:23px; border-bottom: 1px solid rgba(0, 0, 0,0.11); margin-bottom:44px; } .gyhdjz{ text-align:center; padding:36px 0px 46px; } .gyhdjz .swiper-pagination-bullet{ background: rgb(196, 196, 196) !important; width:12px !important; height:12px !important; opacity: 0.67 !important; border-radius: 50% !important; } .gyhdjz .swiper-pagination-bullet-active{ background: rgb(199, 2, 32) !important; opacity: 1 !important; } .gyhd2{ line-height:38px; text-align:center; } .gyhd .swiper-slide{ cursor: pointer; } .gyhd .swiper-slide .gyhd1{ position:relative; overflow: hidden; } .gyhd .swiper-slide .gyhd1 img{ width:100%; transition: .5s; } .gyhd .swiper-slide:hover img{ transform: scale(1.03); } .lg-object.lg-image{ max-height:700px !important; } /*shzr end*/ /*productk*/ .productk_title{ background:url(../images/product_bg.png) center no-repeat; background-position:center; margin-top:100px; height:100px; margin-bottom:55px; } .productk_title1{ color: rgb(0, 0, 0); font-family: pfsc; font-size: 42px; font-weight: 400; line-height: 59px; text-align:center; margin-bottom:9px; } .productk_title2{ opacity: 0.71; color: rgb(0, 0, 0); font-family: pfsc; font-size: 16px; font-weight: 400; line-height: 22px; text-align:center; } .productk_content{ padding-bottom:62px; } .productk_l{ float:left; width:47%; margin-left:2%; position:relative; overflow: hidden; } .productk_l img{ width:100%; } .pryr img{ transition: 1s; } .pryr:hover img{ transform: scale(1.1); } .productk_r{ float:right; width:47%; margin-right:2%; position:relative; overflow: hidden; } .productk_r img{ width:100%; } .productk_h{ position:absolute; top:100%; left:0px; width:100%; transition: .5s; background:rgba(10,10,10,0.55); } .productk_ha{ display: table-cell; vertical-align: middle; width:0.1%; } .productk_h1{ font-size: 30px; font-weight: 350; line-height: 45px; letter-spacing: 1.8px; position:relative; z-index: 2; color:#fff; text-align:center; font-family: pfsc; } .productk_h2{ font-family: pfsc; font-size: 20px; font-weight: 400; line-height: 28px; text-align:center; color:#fff; letter-spacing: 1px; } .pryr:hover .productk_h{ top:0px; } .productk_list{ background:url(../images/product_bg.jpeg) center no-repeat; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; padding-top:107px; padding-bottom:92px; } .productk_list .swiper-slide{ background:#fff; } .productk_list .swiper-slide:hover img{ transform: scale(0.9); } .product_lb img{ width:100%; transform: scale(0.8); transition: .5s; } .product_lb .swiper-slide{ position:relative; overflow: hidden; } .product_lb .swiper-slide .product_text{ position:absolute; top:50%; width:100%; margin-top:-9px; text-align:center; color:#fff; z-index: 2; transition: .5s; opacity: 0; } .product_lb .swiper-slide::after{ content:''; position:absolute; top:50%; bottom:50%; left:50%; right:50%; height:0%; width:0%; background:rgba(0, 0, 0, 0.4); z-index: 1; transition: .5s; } .product_lb .swiper-slide:hover .product_text{ opacity: 1; } .product_lb .swiper-slide:hover::after{ top:0px; bottom:0px; left:0px; right:0px; width:100%; height:100%; } .product_lb{ width:96%; margin:0 auto; } .prc h3{ margin-left: 20px; padding: 0 10px; font-size: 20px; font-weight: 300; margin: 10px 0 20px; border-left:4px solid #eee; line-height:1.5em !important; } .pr_z{ width:22px; height:51px; background: rgba(229, 0, 17,0.22); line-height:51px; color:#fff; text-align:center; position:absolute; top:37%; left:1.4%; z-index: 99; cursor: pointer; } .pr_y{ width:22px; height:51px; background: rgba(229, 0, 17,0.22); line-height:51px; color:#fff; text-align:center; position:absolute; top:37%; right:1.4%; z-index: 99; cursor: pointer; } .pr_fx div:hover{ background:rgba(229, 0, 17,1); } .productk_list .jjfak_c3{ margin:0 auto; border:1px solid #000; margin-top:70px; } .productk_list .jjfak_c3 a{ color:#000; } .productk_list .jjfak_c3:hover{ border:1px solid rgba(229, 0, 17,1); } .productk_list .jjfak_c3:hover a{ color:#fff; } /*znzzk*/ .znzzk{ background:url(../images/znzz_bg.jpg) center no-repeat; background-size:cover; background-position:center; height:744px; position:relative; } .znzzk_l{ padding-top:110px; width:50%; float:left; } .znzzk_l1{ background:url(../images/znzz_en.png) left bottom no-repeat; color: rgb(255, 255, 255); font-size: 42px; font-family: pfsc; line-height:42px; padding-top:40px; padding-bottom:5px; } .znzzk_l2{ font-size: 16px; font-weight: 400; line-height: 34px; color:#fff; margin-top:36px; } .znzzk_l3{ font-size: 16px; font-weight: 400; line-height: 34px; color:#fff; margin-top:30px; } .znzzk_r{ width:50%; float:right; padding-top:75px; position:relative; } .znzzk_r .jjfak_c3{ float:right; } .znzzk_rb{ width:50%; background:#fff; height:202px; position:absolute; right:0px; bottom:0px; border-top-left-radius: 40px; } .znzzk_rb li{ width:33.33%; float:left; text-align:center; position:relative; } .znzzk_rb li::after{ content:''; position:absolute; right:0px; top:20%; height:60%; width:1px; background:rgba(112, 112, 112,0.5); } .znzzk_rb li:hover img{ opacity: 0.6; transform: rotate(360deg); } .znzzk_rb li:hover .znzzk_rb1{ opacity: 0.6; color:#dc1112; } .znzzk_rb li img{ display:inline; transition: .5s; } .znzzk_rbh{ display: table-cell; vertical-align: middle; width:0.1%; height:202px; } .znzzk_rb1{ font-size: 20px; font-weight: 400; line-height: 26px; font-family: pfsc; color:#000; margin-top:10px; transition: .5S; } /*newsk*/ .newsk{ background:#f9f9f9; padding-bottom:96px; } .newsk * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .news_topl{ font-size: 42px; font-weight: 400; color:#000; background:url(../images/news_en.png) left no-repeat; line-height:78px; float:left; } .news_topr{ float:right; padding-top:19px; } .news_topr li{ float:left; width:133px; line-height:40px; text-align:center; margin-left:60px; border:1px solid rgba(112, 112, 112,0.39); } .news_topr li a{ color:#000; } .news_topr .action{ background: rgb(229, 0, 17); border:1px solid rgb(229, 0, 17); } .news_topr .action a{ color:#fff; } .news_center{ margin-top:34px; padding-bottom:30px; } .news_centerl{ width:52%; float:left; } .news_centerl img{ width:100%; height:346px; } .news_centerr{ width:46%; float:right; background:#fff; padding:0px 48px; } .news_ch{ display: table-cell; vertical-align: middle; width:0.1%; height:346px; } .news_cr1l{ color: rgb(229, 0, 17); font-family: pfsc; font-size: 26px; font-weight: 500; line-height:40px; float:left; } .news_cr1r{ float:right; line-height:40px; opacity: 0.47; color: rgb(0, 0, 0); font-family: pfsc; font-size: 18px; font-weight: 400; } .news_cr2{ color: rgb(0, 0, 0); font-size: 20px; font-weight:bold; line-height: 35px; margin-top:28px; } .news_cr3{ opacity: 0.65; color: rgb(0, 0, 0); font-family:pfsc; font-size: 14px; font-weight: 400; line-height: 28px; margin-top:15px; } .news_bottom li{ width:32%; margin-right:2%; background:#fff; padding:43px 40px; position:relative; float:left; } .news_bottom li::before{ content:''; position:absolute; left:auto; right:0px; top:0px; width:0%; height:100%; background:#dc1112; transition: .5s; } .news_bottom li:hover::before{ right:auto; left:0px; width:100%; } .news_bottom li a{ position:relative; z-index: 1; } .news_bottom li::after{ content:''; position:absolute; width:94px; height:94px; right:20px; bottom:14px; background:url(../images/news_lbg.png) center no-repeat; background-size:cover; z-index: 1; } .news_bottom li:nth-child(3){ margin-right:0px; } .news_bottom1{ color: rgb(0, 0, 0); font-size: 14px; font-weight: 400; line-height: 25px; } .news_bottom li:hover .news_bottom2{ color:#dc1112; } .news_bottom li:hover .aboutk_l2 a{ color:#dc1112; } .news_ch:hover .news_cr2{ color:#dc1112; } .news_bottom2{ font-size: 18px; color: #333333; line-height: 30px; font-weight: bold; margin-top: 0.375rem; margin-bottom: 0.5rem; } .news_bottom3{ font-size: 14px; line-height: 24px; height: 48px; color: #808080; } .news_bottom .aboutk_l2{ margin-top:10px; position:relative; z-index: 1; } .news_bottom li:hover .news_bottom1,.news_bottom li:hover .news_bottom2,.news_bottom li:hover .news_bottom3,.news_bottom li:hover .aboutk_l2 a{ color:#fff; } .ty_img{ position:relative; overflow: hidden; cursor: pointer; } .ty_img img{ transition: .5s; } .ty_img:hover img{ transform: scale(1.06); } .znzzarw img{ height:452px; } .xznzzal img{ width:100%; } .znzzal3a li{ width:49%; float:left; margin-right:2%; margin-bottom:14px; position:relative; overflow: hidden; } .znzzal3a li img{ width:100%; } .xz_tp1 img{ width:100%; } .znzzal3a{ height:502px; overflow: hidden; } .xz_tp,.xz_tp1{ margin-top:15px; } .znzzal3a li:nth-child(2n){ margin-right:0px; } .znzzal3 li:nth-child(2n){ margin-right:0px; } .ue-table-interlace-color-single { background-color: #fcfcfc; } .ue-table-interlace-color-double { background-color: #f7faff; } .ty_acontent img{ display:inline-block; } /*zsjmk*/ .zsjmk{ background: rgb(213, 1, 17); padding:55px 0px 87px; } .zsjmk_l{ float:left; } .zsjmk_l1{ color: rgb(255, 255, 255); font-family: Microsoft YaHei; font-size: 42px; font-weight: 700; line-height: 55px; position:relative; padding-bottom:20px; margin-bottom:30px; letter-spacing: 2px; } .zsjmk_l1::after{ content:''; position:absolute; width:46px; height:6px; background:#fff; bottom:0px; left:0px; } .zsjmk_l2{ color: rgb(255, 255, 255); font-size: 18px; font-weight: 400; line-height: 24px; } .zsjmk_r{ float:right; } .zsjmk_r1{ color: rgb(255, 255, 255); font-size: 31px; font-weight: 400; line-height: 41px; letter-spacing: 1px; } .zsjmk_r2{ margin-top:33px; } .zsjmk_r2 a{ float:left; } .zsjmk_r2a{ position:relative; float:left; } .zsjmk_r2b{ position:relative; float:left; margin:0px 7px; } .zsjmk_r2a1{ width:297px; line-height:50px; background:#fff; color: rgb(0, 0, 0); font-family: pfsc; font-size: 16px; font-weight: 400; position:relative; } .zsjmk_r2 .layui-edge { width: 0; border-width: 6px; border-style: dashed; border-color: transparent; } .zsjmk_r2 .layui-edge { position: absolute; right: 10px; top: 50%; margin-top: -3px; cursor: pointer; border-width: 6px; border-top-color: #c2c2c2; border-top-style: solid; transition: all .3s; -webkit-transition: all .3s; } .zsjmk_r2a.ed .layui-edge,.zsjmk_r2b.ed .layui-edge { margin-top: -9px; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-top: -3px\9; } .zsjmk_r2a2{ display:none; position:absolute; top:52px; left:0px; background:#fff; padding: 5px 0; z-index: 899; min-width: 100%; border: 1px solid #eee; max-height: 300px; overflow-y: auto; background-color: #fff; border-radius: 2px; box-sizing: border-box; box-shadow: 1px 1px 4px rgb(0 0 0 / 8%); } .zsjmk_r2a2 li{ padding: 0 10px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .zsjmk_r2a2 .action{ background-color: rgb(213, 1, 17); color: #fff; } .zsjmk_r2a1s{ width:297px; line-height:50px; background:#fff; color: rgb(0, 0, 0); font-family: pfsc; font-size: 16px; font-weight: 400; cursor: pointer; } .zsjmk_r2a1 input,.zsjmk_r2a1s input{ width:100%; border:none; line-height:50px; background:#fff; color: rgb(0, 0, 0); font-family: pfsc; font-size: 16px; font-weight: 400; text-indent:20px; position:relative; } .zsjmk_r2a2s{ display:none; position:absolute; top:52px; left:0px; background:#fff; padding: 5px 0; z-index: 899; min-width: 100%; border: 1px solid #eee; max-height: 300px; overflow-y: auto; background-color: #fff; border-radius: 2px; box-sizing: border-box; box-shadow: 1px 1px 4px rgb(0 0 0 / 8%); } .zsjmk_r2a2s li{ padding: 0 10px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .zsjmk_r2a2s .action{ background-color: rgb(213, 1, 17); color: #fff; } .zsjmk_r2c{ width:105px; line-height:50px; background: rgb(53, 56, 62); color: rgb(255, 255, 255); font-family: pfsc; font-size: 16px; font-weight: 400; float:left; text-align:center; letter-spacing: 2px; cursor: pointer; } /*footer*/ footer{ background: rgb(53, 56, 62); } .footer_top{ padding:33px 0px; border-bottom:1px solid rgba(255,255,255,0.27); } .footer_topl{ float:left; } .footer_topr{ float:right; } .footer_topr li{ float:left; width:145px; margin-left:54px; } .footer_toprtext{ text-align:center; font-family: pfsc; line-height:28px; margin-top:5px; color:#fff; } .footer_center{ padding-top:41px; padding-bottom:34px; border-bottom:1px solid rgba(255,255,255,0.27); } .footer_centerl li{ float:left; } .footer_centerl .footer_centerl1 a{ color:#fff; font-size:18px; margin-right:66px; } .footer_centerl2{ margin-top:25px; } .footer_centerl2 a{ opacity: 0.74; color: rgb(255, 255, 255); font-size: 14px; line-height:30px; position:relative; transition: .5s; } .footer_centerl2 a:hover{ opacity: 1; color:#fff; text-indent:15px; font-weight:bold; } .footer_centerl2 a::after{ content:''; position:absolute; left:0px; top:50%; height:1px; margin-top:-0.5px; background:#fff; width:0px; transition: .3s; } .footer_centerl2 a:hover::after{ width:12px; } .footer_centerr{ float:right; font-size: 14px; font-weight: 400; line-height: 36px; color:#fff; text-align:right; } .footer_bottom ul li{ float:left; margin-right:10px; line-height:46px; color:#fff; font-size:14px; } .footer_bottom ul li:last-child{ float:right; margin-right:0px; } .footer_bottom ul li a{ color:#fff; font-size:14px; } .footer_bottom ul li img{ height:13px; display:inline-block; position:relative; top:1px; } /*about*/ .about1{ background:url(../images/about1_bg.jpeg) center no-repeat; background-size:cover; background-position:center; } .about11{ color: rgb(229, 0, 17); font-family: pfsc; font-size: 42px; font-weight: 700; line-height: 55px; padding-top:109px; } .about12{ color: rgb(0, 0, 0); font-size: 24px; font-weight: 400; line-height: 32px; padding-top:11px; } .about13{ color: rgb(79, 79, 79); font-size: 16px; font-weight: 400; line-height: 32px; text-align:justify; padding-top:41px; } .about14{ padding-top:43px; padding-bottom:111px; } .about14 li{ width:21%; padding:33px 0px; float:left; background:rgba(255,255,255,1); text-align:center; margin-right:5.33%; position:relative; overflow: hidden; cursor: pointer; } .about14 li::after{ content:''; position:absolute; left:0%; top:0%; height:100%; background:#dc1112; transition: .7s; } .about14 li:hover::after{ right:100%; } .about14 li:nth-child(4){ margin-right:0px; } .about14a{ color: rgb(0,0,0,1); font-size: 24px; font-weight: 700; line-height: 32px; position:relative; z-index: 1; } .about14b{ font-size: 16px; font-weight: 400; line-height: 32px; color:rgba(0,0,0,1); position:relative; z-index: 1; } .about14 li:hover .about14a,.about14 li:hover .about14b{ color:#fff; } .about14 li.action::after{ right:0px; left:0px; top:0px; bottom:0px; } .about14 li.action .about14a,.about14 li.action .about14b{ color:#fff; } /*about2*/ .about2{ background:#f9f9f9; padding:98px 0px; } .about2 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .about2_list img{ width:100%; } .about2_listl{ width:50%; float:left; } .about2_listr{ width:50%; float:Right; } .about21 .about2_listr{ background:#fff; padding:0px 52px; } .about22 .about2_listl{ background:#fff; padding:0px 52px; } .about22{ margin-top:60px; } .about2_listr1{ color: rgb(1, 1, 1); font-family: Microsoft YaHei; font-size: 36px; font-weight: 700; line-height: 32px; padding-bottom:28px; margin-bottom:43px; border-bottom: 1px solid rgb(228, 228, 228); } .about2_listr2{ color: rgb(79, 79, 79); font-size: 14px; font-weight: 400; line-height: 32px; } .about2h{ display: table-cell; vertical-align: middle; width:0.1%; } /*qywh*/ .qywh{ background:#f9f9f9; padding:42px 0px 92px; } .qywh * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .qywh_content{ background:#fff; padding-top:87px; padding-left:55px; padding-right:55px; } .qywh_title{ color: rgb(229, 0, 17); font-size: 36px; font-weight: 700; line-height: 48px; text-align:center; position:relative; padding-bottom:10px; padding-top:80px; background:url(../images/qywh_en.png) bottom center no-repeat; } .qywh_title::after{ content:''; position:absolute; left:50%; bottom:0px; height:4px; width:34px; background: rgb(23, 23, 23); margin-left:-17px; } .qywh_description{ opacity: 0.42; color: rgb(0, 0, 0); font-size: 16px; font-weight: 400; line-height: 34px; width:60%; text-align:center; margin:40px auto 0px; padding-bottom:40px; } .qywhh{ display: table-cell; vertical-align: middle; width:0.1%; } .qywh1{ padding-top:75px; border-top:1px solid rgba(0,0,0,0.1); padding-bottom:88px; } .qywh1l{ width:50%; float:left; position: relative; overflow: hidden; } .qywh1l img{ transition: .5s; width:100%; } .qywh1l:hover img{ transform: scale(1.04); } .qywh1r{ width:50%; float:right; padding-left:80px; } .qywh1r{ color: rgb(0, 0, 0); font-size: 16px; font-weight: 400; font-family: pfsc; } .qywh1r span{ color: rgb(0, 0, 0); font-family: pfsc; font-size: 20px; line-height: 58px; margin-right:30px; font-weight:bold; } .qywh1r li:last-child span{ margin-right:10px; } .qywh2{ background:url(../images/qywh2_bg.jpeg) center no-repeat; background-size:cover; background-position:center; height:557px; position:relative; } .qywh2::after{ content:''; position:absolute; left:0px; top:0px; height:100%; width:100%; background:rgba(0,0,0,0.3); z-index: 2; } .qywh2 li{ height:557px; float:left; width:25%; padding-left:31px; border-left: 1px solid rgb(255, 255, 255,0.6); position:relative; overflow: hidden; cursor: pointer; z-index: 3; } .qywh2 li::after{ content:''; position:absolute; right:0%; top:0px; width:0%; height:100%; background:url(../images/qywh2_listbg.png) center no-repeat; background-size:cover; background-position:center; transition: .5s; } .qywh2 li:hover::after{ left: 0%; right: auto; width: 100%; } .qywh2 li.action::after{ left: 0%; right: auto; width: 100%; } .qywh2 li div{ position:relative; z-index: 1; } .qywh2a{ color: rgb(255, 255, 255); font-family: Arial; font-size: 42px; font-weight: 400; line-height: 58px; padding-top:126px; position:relative; } .qywh2a::after{ content:''; position:absolute; width:15px; height:2px; background:#fff; left:-31px; top:153px; } .qywh2 li:nth-child(2n) .qywh2a::after{ top:253px; } .qywh2 li:nth-child(2n) .qywh2a{ padding-top:226px; } .qywh2b{ color: rgb(255, 255, 255); font-size: 22px; font-family: pfsc; line-height: 29px; letter-spacing: 2px; margin-bottom:8px; margin-top:30px; } .qywh2c{ color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; font-family: pfsc; line-height: 21px; letter-spacing: 2px; } .qywh3h{ display: table-cell; vertical-align: middle; width:0.1%; height:252px; position:relative; z-index: 8; } .qywh3{ padding-top:152px; padding-bottom:152px; } .qywh3 li{ background: rgb(240, 240, 240); height:252px; width:25%; float:left; text-align:center; transition: .5s; position:relative; cursor: pointer; } .qywh3 li::after{ content:''; position:absolute; top:50%; bottom:50%; left:0px; right:0px; background:url(../images/qywh3_bg.jpeg) center no-repeat; background-size:cover; background-position:center; transition: .5s; z-index: 3; } .qywh3 li:nth-child(2n){ background: rgb(221, 221, 221); } .qywh31{ color: rgb(0, 0, 0); font-family: pfsc; font-size: 42px; font-weight: 400; line-height: 40px; margin-bottom:18px; } .qywh32{ opacity: 0.6; color: rgb(0, 0, 0); font-family: pfsc; font-size: 20px; font-weight: 400; line-height: 26px; letter-spacing: 2px; } .qywh33{ color: rgb(255, 255, 255); font-size: 24px; font-weight: 400; line-height: 48px; letter-spacing: 2px; display:none; margin-top:50px; } .qywh3 li.action{ background:none; } .qywh3 li.action:nth-child(2n){ background:none; } .qywh3 li.action::after{ top:-20%; bottom:-20%; left:-8%; right:-8%; } .qywh3 li.action .qywh31{ color:#fff; position:relative; padding-bottom:10px; } .qywh3 li.action .qywh31::after{ content:''; position:absolute; width:35px; height:2px; background:#fff; left:50%; bottom:0px; margin-left:-17.5px; } .qywh3 li.action .qywh32{ display:none; } .qywh3 li.action .qywh33{ display:block; } .wdxt .zzry_title1 { background: url(../images/wdxt_en.png) center bottom no-repeat; padding-bottom: 20px; margin-bottom:57px; margin-top:80px; } .wdxt_li li{ position:relative; width:15.5%; height:191px; float:left; margin-right:1.4%; } .wdxt_li li:last-child{ margin-right:0px; } .wdxt_li1{ height:150px; width:85%; position:absolute; left:0px; top:0px; z-index: 1; padding:16px 10px 0px 23px; } .wdxt_li2{ position:absolute; top:40px; left:0px; width:100%; height:150px; border-radius: 10.2px; } .wdxt_li1b{ position:absolute; bottom:10px; left:23px; } .wdxt_li1b1{ font-family: "思源黑体 Medium"; color: rgb(0, 0, 0); font-size: 18px; } .wdxt_li1b2{ color: rgb(75, 75, 75); font-size: 12.94px; line-height: 25.88px; } .wdxt_li li:nth-child(1) .wdxt_li1{ background:url(../images/wdxt/1.jpg) center; box-shadow: 0px 1.85px 3.71px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(46.35px); border-radius: 10.2px; } .wdxt_li li:nth-child(1) .wdxt_li2{ background: linear-gradient(0.00deg, rgb(229, 0, 17),rgb(255, 107, 118) 100%); } .wdxt_li li:nth-child(2) .wdxt_li1{ background:url(../images/wdxt/2.jpg) center; box-shadow: 0px 1.85px 3.71px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(46.35px); border-radius: 10.2px; } .wdxt_li li:nth-child(2) .wdxt_li2{ background: linear-gradient(0.00deg, rgb(220, 68, 0),rgb(255, 232, 213) 100%); } .wdxt_li li:nth-child(3) .wdxt_li1{ background:url(../images/wdxt/3.jpg) center; box-shadow: 0px 1.85px 3.71px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(46.35px); border-radius: 10.2px; } .wdxt_li li:nth-child(3) .wdxt_li2{ background: linear-gradient(0.00deg, rgb(198, 75, 0),rgb(255, 223, 223) 100%); } .wdxt_li li:nth-child(4) .wdxt_li1{ background:url(../images/wdxt/4.jpg) center; box-shadow: 0px 1.85px 3.71px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(46.35px); border-radius: 10.2px; } .wdxt_li li:nth-child(4) .wdxt_li2{ background: linear-gradient(0.00deg, rgb(182, 0, 14),rgb(255, 221, 224) 100%); } .wdxt_li li:nth-child(5) .wdxt_li1{ background:url(../images/wdxt/5.jpg) center; box-shadow: 0px 1.85px 3.71px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(46.35px); border-radius: 10.2px; } .wdxt_li li:nth-child(6) .wdxt_li2{ background: linear-gradient(0.00deg, rgb(229, 0, 0),rgb(255, 226, 228) 100%); } .wdxt_li li:nth-child(6) .wdxt_li1{ background:url(../images/wdxt/6.png) center; box-shadow: 0px 1.85px 3.71px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(46.35px); border-radius: 10.2px; } .wdxt_li li:nth-child(5) .wdxt_li2{ background: linear-gradient(0.00deg, rgb(229, 63, 0),rgb(255, 226, 228) 100%); } .wdxt_li{ padding-bottom:208px; } .jdyl{ padding-bottom:87px; } .jdyl .zzry_title1 { background: url(../images/jdyl_en.png) center bottom no-repeat; padding-bottom: 20px; margin-bottom:57px; margin-top:80px; } .jdyl_c li{ width:100%; padding:0px 56px; } .jdyl_c li p{ color: rgb(255, 255, 255); font-size: 16px; line-height: 40px; font-family: "思源黑体 Light"; } .jdyl_ca{ padding-left:34px; } .jdyl_c1 .ty_h,.jdyl_c4 .ty_h{ height:405px; width:0.1%; } .jdyl_c2 .ty_h,.jdyl_c3 .ty_h{ height:328px; width:0.1%; } .jdyl_c1{ background:url(../images/wdxt/j1.jpeg) center no-repeat; background-size:cover; } .jdyl_c2{ background:url(../images/wdxt/j2.jpeg) center no-repeat; background-size:cover; } .jdyl_c3{ background:url(../images/wdxt/j4.jpeg) center no-repeat; background-size:cover; } .jdyl_c4{ background:url(../images/wdxt/j3.jpeg) center no-repeat; background-size:cover; } .jdyl_l{ width:50%; float:left; } .jdyl_r{ width:50%; float:right; } .pages-emolument{ padding:120px 0px 0px; } .pages-emolument ul li { float: left; width: 22%; margin-right: 4%; height: 300px; position: relative; transition: all .5s ease-in-out; text-align: center; background: linear-gradient(135deg, transparent 10px, #fff 0) top left, linear-gradient(-135deg, transparent 0, #fff 0) top right, linear-gradient(-45deg, transparent 10px, #fff 0) bottom right, linear-gradient(45deg, transparent 0, #fff 0) bottom left; background-size: 60% 60%; background-repeat: no-repeat; box-shadow: -2.071px 7.727px 38px 0px rgba(0, 0, 0, 0.11); } .pages-emolument ul li:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all .5s ease-in-out; } .pages-emolument ul li a { position: relative; display: block; height: 100%; overflow: hidden; } .pages-emolument ul li:last-child { margin-right: 0; } .pages-emolument ul li .icon { display: block; width: 76px; height: 76px; font-size:50px; line-height:76px; color:rgba(0,0,0,0.7); margin: 56px auto 40px; background-size: cover; background-repeat: no-repeat; transition: all .5s ease-in-out; transition: .5s; } .pages-emolument ul li:hover .icon{ color:#fff; } .pages-emolument ul li h3 { padding-top: 49px; line-height: 1; color: #555; position: relative; transition: all .5s ease-in-out; } .pages-emolument ul li h3:before { content: ''; display: block; width: 35px; height: 1px; background-color: #dc1112; position: absolute; left: 50%; transform: translateX(-50%); top: 0; } .pages-emolument ul li .info { transition: all 1s ease-in-out; height: 0; opacity: 0; visibility: hidden; width:60%; margin:45px auto 0px; } .pages-emolument ul li .info span { display: inline-block; float: left; width: 50%; color: #fff; line-height: 2.22222; } .pages-emolument ul li:hover { background: linear-gradient(135deg, transparent 10px, #dc1112 0) top left, linear-gradient(-135deg, transparent 0, #dc1112 0) top right, linear-gradient(-45deg, transparent 10px, #dc1112 0) bottom right, linear-gradient(45deg, transparent 0, #dc1112 0) bottom left; background-size: 60% 60%; background-repeat: no-repeat; } .pages-emolument ul li:hover:before { box-shadow: -2.071px 7.727px 38px 0px rgba(20, 65, 151, 0.3); border-top-left-radius: 25px; border-bottom-right-radius: 25px; } .pages-emolument ul li:hover .icon { margin: 39px auto 18px; } .pages-emolument ul li:hover h3 { padding-top: 0; color: #fff; } .pages-emolument ul li:hover h3:before { display: none; } .pages-emolument ul li:hover .info { opacity: 1; visibility: visible; height: auto; } @media screen and (max-width: 1440px) { .pages-emolument ul li { height: 300px; } .pages-emolument ul li .icon { width: 66px; height: 66px; margin: 66px auto 50px; } .pages-emolument ul li .info { margin-top: 20px; } } @media screen and (max-width: 1024px) { .pages-emolument ul { margin-top: 50px; } .pages-emolument { padding: 50px 0 80px; } } @media screen and (max-width: 768px) { .pages-emolument ul li { width: 49%; margin: 0 2% 10px 0; } .pages-emolument ul li:nth-child(2n) { margin-right: 0; } } @media screen and (max-width: 520px) { .pages-emolument ul li { width: 49%; margin: 0 2% 10px 0; } } /*zzry*/ .zzry{ background:#f9f9f9; padding:62px 0px 85px; } .zzry_content{ background:#fff; padding-top: 87px; padding-left: 55px; padding-right: 55px; } .zzry_title1{ background:url(../images/zzry_en.png) center bottom no-repeat; padding-bottom:20px; } .zzry_title1 .zzry_title{ background:None; } .zzry_title{ color: rgb(229, 0, 17); font-size: 36px; font-weight: 700; line-height: 48px; text-align: center; position: relative; padding-bottom: 18px; } .zzry_title::after { content: ''; position: absolute; left: 50%; bottom: 0px; height: 4px; width: 34px; background: rgb(23, 23, 23); margin-left: -17px; } .bghjt{ padding-top:60px; } .bghjd{ text-align:center; padding-bottom:30px; } .bghjd .swiper-pagination-bullet-active{ background:#dc1112; } .cdgms{ margin-top:30px; } .cdgmd{ padding-bottom:0px; } .zzry_list li{ width:32%; margin-right:2%; margin-bottom:28px; float:left; cursor: pointer; } .zzry_list li:nth-child(3n){ margin-right:0px; } .zzry_list li:hover img{ transform: scale(1.02); } .zzry_list li .zzry_img{ position:relative; overflow: hidden; } .zzry_list li img{ width:100%; height:300px; transition: .5s; } .zzry_text{ color: rgb(0, 0, 0); background:#f9f9f9; font-size: 18px; font-weight: 400; text-align:center; line-height:60px; letter-spacing: 1px; font-family: pfsc; position:relative; overflow: hidden; } .zzry_text::after{ content:''; position:absolute; left:50%; right:50%; bottom:0px; height:100%; background:#dc1112; transition: .5s; } .zzry_text span{ position:relative; z-index: 1; } .zzry_list li:hover .zzry_text::after{ left:0px; right:0px; } .zzry_list li:hover .zzry_text{ color:#fff; } /*fzlc*/ .xian{ width:100%; height:1px; background:rgba(0,0,0,0.1); } .fzlc{ position:relative; margin-top:76px; padding-top:1px; } .fzlc_co{ padding-bottom:100px; } .fzlc::after{ content:''; position:absolute; left:0px; top:0px; width:34px; height:37px; background:url(../images/fzlc_top.png) center no-repeat; background-size:cover; background-position:center; } .fzlc::before{ content:''; position:absolute; left:19px; top:20px; height:100%; width:1px; background:rgba(204,204,204,1); } .fzlc li:first-child{ margin-top:120px; } .fzlc li{ height:310px; padding-left:70px; position:relative; cursor: pointer; } .fzlc li::before{ content:''; position:absolute; right:0px; top:20px; width:78px; height:4px; background: rgb(241, 241, 241); transition: .5s; } .fzlc li::after{ content:''; position:absolute; left:11px; top:20px; width:15px; height:15px; background: rgb(204, 204, 204); border-radius: 50%; } .fzlc_topl::after{ content:''; position:absolute; left:16px; top:27px; width:24px; height:1px; background: rgb(204, 204, 204); } .fzlc_topl{ color: rgb(17, 17, 17); font-family: Arial; font-size: 42px; font-weight: 700; line-height: 54px; float:left; } .fzlc li:hover::after,.fzlc li:hover .fzlc_topl::after{ background: #dc1112; } .fzlc li:hover .fzlc_topr{ background: #dc1112; } .fzlc li:hover::before{ background: #dc1112; width:120px; } .fzlc_topr{ float:left; margin-left:38px; line-height:54px; text-align:center; font-size:28px; color:#fff; letter-spacing: 1.6px; background: rgb(181, 181, 181); padding:0px 60px; } .fzlc_bottom{ width:80%; opacity: 0.7; color: rgb(38, 38, 38); font-size: 16px; font-weight: 400; line-height: 36px; text-align:justify; margin-top:34px; } /*znzz*/ .zzry_title{ background:url(../images/znzz_en1.png) center bottom no-repeat; } .znzza{ padding-top:94px; border-top:1px solid rgba(0,0,0,0.1); margin-top:77px; padding-bottom:100px; } .znzzal{ width:46.5%; float:left; } .znzzar{ width:52%; float:right; } .znzzal3_l{ width:49%; float:left; } .znzzal3_r{ width:49%; float:right; } .znzzal3 img{ width:100%; } .znzzal1{ width:92%; margin:0 auto; color: rgb(0, 0, 0); font-size: 20px; font-family: pfsc; line-height: 26px; margin-bottom:22px; padding-top:41px; } .znzzal2{ width:92%; margin:0 auto; color: rgb(0, 0, 0); font-size: 14px; font-weight: 400; line-height: 28px; margin-bottom:60px; } .scjd{ width:100%; height:495px; background:url(../images/scjd_bg.jpeg) center no-repeat; background-size:cover; background-position:center; margin-bottom:100px; padding-top:56px; padding-left:80px; } .scjd1{ color: rgb(255, 255, 255); font-family: pfsc; font-size: 20px; line-height: 26px; } .scjd2{ color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; line-height: 28px; width:46%; text-align:justify; letter-spacing: 1px; margin-top:17px; } .scsb{ height:435px; position:relative; } .scsb::after{ content:''; position:absolute; left:0px; bottom:0px; height:177px; background:rgba(0,0,0,1); width:100%; } .scsbl{ width:34%; float:left; } .scsbl1{ font-family: pfsc; color: rgb(0, 0, 0); font-size: 20px; font-weight: 700; line-height: 26px; padding-top:41px; padding-bottom:17px; } .scsbl2{ color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 14px; font-weight: 400; line-height: 32px; text-align:justify; } .scsb_fx{ position:absolute; bottom:65px; left:8%; color:#fff; z-index: 2; } .scsb_fx div{ display:inline-block; width:40px; height:40px; line-height:38px; margin:0px 5px; text-align:center; border:1px solid rgba(255,255,255,0.6); border-radius: 50%; cursor: pointer; } .scsbr{ width:60%; float:right; } /*hzhb*/ .hzhb_title{ background:url(../images/hzhb_en.png) center no-repeat; } .hzhb1{ padding-top:88px; margin-top:65px; border-top:1px solid rgba(0,0,0,0.1); } .hzhb1l{ float:left; width:40%; padding:0px 37px 0px 57px; background: rgb(246, 246, 246); } .hzhbh{ display: table-cell; vertical-align: middle; width: 0.1%; height:329px; } .hzhb1l1{ color:rgb(229, 0, 17); font-size:50px; font-weight:bold; } .hzhb1l1 sub{ font-size:24px; position:relative; top:-16px; } .hzhb1l2{ color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 28px; font-weight: 700; line-height: 48px; } .hzhb1l3{ margin-bottom:30px; } .hzhb1l4{ opacity: 0.59; color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 16px; font-weight: 400; line-height: 32px; } .hzhb1r{ float:right; width:60%; } .hzhb2{ text-align:center; margin-top:87px; padding-bottom:120px; position:relative; } .hzhb2 img{ display:block; width:100%; } .hzhb2t{ position:relative; height:518px; width:1236px; margin:0 auto; } .hzhb2t li{ position:absolute; background:#fff; top:0px; left:0px; opacity: 0; transition: .5s; } .hzhb2b{ width:1236px; margin:17px auto 0px; line-height:48px; position:relative; } .hzhb2b::after{ content:''; position:absolute; left:0px; bottom:0px; height:1px; width:100%; background:rgba(0,0,0,0.3); } .hzhb2b li{ width:33.33%; float:left; text-align:center; color: rgb(174, 174, 174); font-family: Microsoft YaHei; font-size: 30px; font-weight: 700; line-height: 48px; letter-spacing: 2px; cursor: pointer; position:relative; padding-bottom:30px; } .hzhb2b li::after{ content:''; position:absolute; left:50%; right:50%; bottom:-1px; height:3px; z-index: 2; background:#dc1112 } .hzhb2b li.action::after{ left:0px; right:0px; } .hzhb2b li.action{ color:#dc1112; } .hzhb2t li.action{ opacity: 1; } .hzhb_left{ width:73px; height:73px; text-align:center; line-height:73px; border: 1px solid rgba(0, 0, 0,0.1); color:rgb(105, 105, 105); border-radius: 50%; position:absolute; top:223px; left:0px; z-index: 2; cursor: pointer; } .hzhb_left i{ font-size:24px; } .hzhb_right{ width:73px; height:73px; text-align:center; line-height:73px; border: 1px solid rgba(0, 0, 0,0.1); color:rgb(105, 105, 105); border-radius: 50%; position:absolute; top:223px; right:20px; z-index: 2; cursor: pointer; } .hzhb_right i{ font-size:24px; } .hzhb_left:hover,.hzhb_right:hover{ border: 1px solid #dc1112; color:rgb(255, 255, 255); background:#dc1112; } /*ywly*/ .ywly1{ background:#f9f9f9; padding:42px 0px; } .ywly1c{ background:#fff; position:relative; } .ywly1cp{ padding:65px 85px 65px 85px; } .ywly1c::after{ content:''; position:absolute; top:0px; bottom:0px; width:100%; height:100%; background:url(../images/jzfs_bg.png) bottom no-repeat; } .ywly1a_1{ position:relative; } .ywly1a_1::after{ content:''; position:absolute; left:0px; top:50%; width:100%; height:1px; background:rgba(0,0,0,0.1); } .ywly1a_1a{ float:left; background:#fff; position:relative; z-index: 1; } .ywly1a_1b{ float:left; padding-left:20px; padding-right:30px; background:#fff; position:relative; z-index: 1; } .ywly1a_1b1{ color: rgb(0, 0, 0); font-family: Source Han Sans CN; font-size: 30px; font-weight: 700; line-height: 45px; } .ywly1a_1b2{ color: rgb(0, 0, 0); font-family: Source Han Sans CN; font-size: 14px; font-weight: 350; line-height: 21px; } .ywly1a_2a{ position:relative; text-align:center; color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 38px; font-weight: 400; line-height: 50px; letter-spacing: 1.6799999475479126px; padding-bottom:22px; padding-top:67px; margin-bottom:48px; } .ywly1a_2a::after{ content:''; position:absolute; left:50%; bottom:0px; width: 51px; height: 6px; background: #dc1112; margin-left:-25.5px; } .ywly1a_2b{ color: rgb(0, 0, 0); font-family:pfsc; font-size: 18px; font-weight: 400; line-height: 40px; letter-spacing: 0.7199999690055847px; width:84%; margin:0 auto; text-align:center; padding-bottom:140px; } .ywly2{ background:url(../images/ywly2_bg.jpeg) center no-repeat; height:961px; width:100%; background-size:cover; background-position:center; position:relative; } .ywly2_a>li:nth-child(1){ width: 219px; position:absolute; left:5%; top:28.5%; } .ywly2_a>li:nth-child(2){ width: 186px; position:absolute; left:5.4%; top:68%; } .ywly2_a>li:nth-child(3){ width: 184px; position:absolute; right:14%; top:30%; } .ywly2_a li:nth-child(4){ width: 184px; position:absolute; right:7%; top:51%; } .ywly2_a li:nth-child(5){ width: 184px; position:absolute; right:7%; top:77%; } .ywly2_at{ height: 60px; line-height:60px; background: rgb(255, 255, 255); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); text-align:center; } .ywly2_atl{ display:inline-block; } .ywly2_atl img{ width:34px; height:34px; position:relative; top:10px; margin-right:4px; } .ywly2_atr{ display:inline-block; } .ywly2_ab{ background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(20px); text-align:center; } .ywly2_ab a{ color: rgb(52, 52, 52); font-family: Microsoft YaHei; font-size: 16px; font-weight: 400; line-height: 34px; letter-spacing: 1px; } .ywly2_t{ text-align:center; color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 38px; font-weight: 700; line-height: 50px; position:relative; padding-bottom:17px; padding-top:86px; } .ywly2_t::after{ content:''; position: absolute; left:50%; bottom:0px; margin-left:-25.5px; width: 51px; height: 6px; background: #dc1112; } .ywly3 *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ywly3{ background:#f9f9f9; } .ywly3_list{ padding:67px 0px; } .ywly3_list li{ width:23%; float:left; margin-right:2.66%; background:#fff; padding:0px 0px 0px; } .ywly3_list li img{ width:100%; transition: .5s; } .ywly3_list li:nth-child(4){ margin-right:0px; } .ywly3_img{ padding:30px 0px; position:relative; } .ywly3_list li:hover img{ transform: scale(1.03); } .ywly3_list li:hover .pr_text{ color:#dc1112; } .ywly3_text{ color: rgb(0, 0, 0); font-size: 16px; font-weight: 400; margin:20px 0px; text-align:center; } .ywly3_ckxq{ color: #dc1112; font-family: Microsoft YaHei; font-size: 14px; font-weight: 400; line-height: 30px; letter-spacing: 1px; text-align:center; padding-bottom:20px; } .ywly4 .w1580{ width:1680px; margin:0 auto; position:relative; } .ywly4{ height:875px; width:100%; background:url(../images/jjfa_bg2.jpeg) left no-repeat; background-size:100% 100%; } .ywly4l{ width:408px; padding-top:73px; } .ywly4l1{ color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 34px; font-weight: 700; line-height: 48px; position:relative; padding-bottom:24px; margin-bottom:69px; } .ywly4l1::after{ content:''; position:absolute; bottom:0px; left:0px; width:51px; height:6px; background: #dc1112; } .ywly4l2 li{ width:150px; line-height: 41.5px; float:left; text-align:center; margin-right:48px; margin-bottom:31.5px; border: 1px solid rgba(255, 255, 255); color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 14px; font-weight: 400; letter-spacing: 0.7199999690055847px; background:rgba(255,255,255,0.23); cursor: pointer; } .ywly4l2 li.action{ background:#dc1112; color:#fff; border:1px solid #dc1112; } .ywly4r{ position:absolute; left:544px; top:0px; } .ywly4rb{ position:absolute; top:186px; left:137px; } .ywly4rc{ position:absolute; top:56px; left:453px; width: 535px; height: 228px; background: rgb(255, 255, 255); border-radius:10px; padding:0px 20px; } .ywly4rc1{ background: #dc1112; border-radius:19px; width: 186px; height: 30px; margin:0 auto; margin-top:-15px; line-height:30px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; letter-spacing: 2px; text-align:center; margin-bottom:29px; } .ywly4rc2{ width:50%; float:left; margin:8px 0px; } .ywly4rc2a{ width:65px; height:65px; background: rgb(249, 249, 249); border: 1px dashed #dc1112; border-radius: 50%; text-align:center; float:left; } .ywly4rc2h{ display: table-cell; vertical-align: middle; width:0.1%; height:65px; } .ywly4rc2a img{ display:inline; } .ywly4r_con{ float:right; width:170px; margin-right:15px; } .ywly4r_con1{ color: #dc1112; font-family: Microsoft YaHei; font-size: 16px; font-weight: 700; line-height: 30px; letter-spacing: 0px; } .ywly4r_con2{ color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 12px; font-weight: 700; line-height: 30px; margin-top:-7px; } .ywly4r li{ opacity: 0; display:none; transition: .5s; } .ywly4r li.action{ opacity: 1; display:block; } .ywly4r li:nth-child(2) .ywly4rb{ left:466px; top:506px; transition: .5s; } .ywly4r li:nth-child(2) .ywly4rc{ top:328px; left:568px; height:154px; width:473px; transition: .5s; } .ywly4rc21{ width:40%; } .ywly4r li:nth-child(2) .ywly4rc21 .ywly4r_con{ width:80px; } .ywly4r li:nth-child(2) .ywly4rc22 .ywly4r_con{ width:60%; } .ywly4r li:nth-child(2) .ywly4rc22{ width:52%; float:right; } .ywly4r li:last-child .ywly4ra{ margin-left:29%; } .ywly4r li:nth-child(3) .ywly4rb { position: absolute; top: 336px; left: 190px; } .ywly4r li:nth-child(3) .ywly4rc{ top:328px; left:568px; height:154px; width:473px; transition: .5s; } .ywly4r li:nth-child(3) .ywly4rc { top: 282px; left: 430px; height: 154px; width: 673px; transition: .5s; } .ywly4r li:nth-child(3) .ywly4rc .ywly4rc2{ width: 33.3%; } .ywly4r li:nth-child(3) .ywly4r_con { float: right; width: 140px; margin-right: 8px; } .ywly4r li:nth-child(3) .ywly4rc2:nth-child(4) .ywly4r_con{ width: 150px; margin-right: 0px; } .ywly4r li:nth-child(4) .ywly4rc2{ width:84%; margin:0 auto; float:none; } .ywly4r li:nth-child(4) .ywly4rb { position: absolute; top: 220px; left: 290px; } .ywly4r li:nth-child(4) .ywly4rc { position: absolute; top: 90px; left: 415px; width: 363px; height: 154px; background: rgb(255, 255, 255); border-radius: 10px; padding: 0px 20px; } .ywly4r li:nth-child(4) .ywly4r_con { float: right; width: 220px; margin-right: 0px; } .ywly4r li:nth-child(5) .ywly4rc2{ width:80%; margin:0 auto; float:none; } .ywly4r li:nth-child(5) .ywly4rb { position: absolute; top: 220px; left: 290px; } .ywly4r li:nth-child(5) .ywly4rc { position: absolute; top: 345px; left: 490px; width: 210px; height: 144px; background: rgb(255, 255, 255); border-radius: 10px; padding: 0px 20px; } .ywly4r li:nth-child(5) .ywly4rb { position: absolute; top: 465px; left: 90px; } .ywly4r li:nth-child(5) .ywly4r_con { float: right; width: 80px; margin-right: 0px; } .ywly4r li:nth-child(6) .ywly4rb { position: absolute; top: 330px; left: 440px; } .ywly4r li:nth-child(6) .ywly4rc { position: absolute; top: 300px; left: 535px; width: 640px; height: 158px; background: rgb(255, 255, 255); border-radius: 10px; padding: 0px 20px; } .ywly4r li:nth-child(6) .ywly4r_con { float: right; width: 230px; margin-right: 5px; } .ywly4r li:nth-child(7) .ywly4rb { position: absolute; top: 485px; left: 200px; } .ywly4r li:nth-child(7) .ywly4rc { position: absolute; top: 390px; left: 420px; width: 670px; height: 150px; background: rgb(255, 255, 255); border-radius: 10px; padding: 0px 20px; } .ywly4r li:nth-child(7) .ywly4rc2 { width: auto; float: left; margin: 8px 0px; } .ywly4r li:nth-child(7) .ywly4r_con { float: right; width: 140px; margin-right: 20px; padding-left: 10px; } .ywly4r li:nth-child(7) .ywly4rc2:nth-child(4) .ywly4r_con{ float: right; width: 100px; margin-right: 0px; padding-left: 10px; } .ywly4r li:nth-child(8) .ywly4rb { position: absolute; top: 250px; left: 360px; } .ywly4r li:nth-child(8) .ywly4rc { position: absolute; top: 230px; left: 490px; width: 560px; height: 228px; background: rgb(255, 255, 255); border-radius: 10px; padding: 0px 20px; } .ywly4r li:nth-child(8) .ywly4rc2{ width:60%; } .ywly4r li:nth-child(8) .ywly4rc2:nth-last-child(odd) { width: 40%; float: left; margin: 8px 0px; } .ywly4r li:nth-child(8) .ywly4rc2:nth-last-child(even) .ywly4r_con { float: right; width: 230px; margin-right: 15px; } .ywly4r li:nth-child(8) .ywly4rc2:nth-last-child(odd) .ywly4r_con { float: right; width: 140px; margin-right: 0px; } .ywly4r li:nth-child(9) .ywly4rb { position: absolute; top: 530px; left: 240px; } .ywly4r li:nth-child(9) .ywly4r_con { float: right; width: 190px; margin-right: 15px; } .ywly4r li:nth-child(9) .ywly4rc { position: absolute; top: 450px; left: 453px; width: 580px; height: 140px; background: rgb(255, 255, 255); border-radius: 10px; padding: 0px 20px; } .ywly4r li:nth-child(10) .ywly4rb { position: absolute; top: 470px; left: 415px; } .ywly4r li:nth-child(10) .ywly4rc2 { width: auto; float: left; margin: 8px 0px; } .ywly4r li:nth-child(10) .ywly4rc { position: absolute; top: 415px; left: 480px; width: 660px; height: 158px; background: rgb(255, 255, 255); border-radius: 10px; padding: 0px 20px; } .ywly4r li:nth-child(10) .ywly4rc2:nth-child(2) .ywly4r_con { float: right; width: 90px; margin-right: 15px; padding-left: 8px; } .ywly4r li:nth-child(10) .ywly4rc2:nth-child(3) .ywly4r_con { float: right; width: 160px; margin-right: 5px; padding-left: 8px; } .ywly4r li:nth-child(10) .ywly4r_con { float: right; width: 140px; margin-right: 5px; padding-left: 8px; } .ywly4r li:nth-child(11) .ywly4rb { position: absolute; top: 575px; left: 105px; } .ywly4r li:nth-child(11) .ywly4rc2 { width: 33.3%; float: left; margin: 8px 0px; } .ywly4r li:nth-child(11) .ywly4rc { position: absolute; top: 390px; left: 440px; width: 690px; height: 158px; background: rgb(255, 255, 255); border-radius: 10px; padding: 0px 20px; } .ywly4r li:nth-child(11) .ywly4r_con { float: right; width: 150px; margin-right: 5px; } .ywly4r li:nth-child(12) .ywly4rb { position: absolute; top: 120px; left: 300px; } .ywly4r li:nth-child(12) .ywly4rc2 { width: 33.3%; float: left; margin: 8px 0px; } .ywly4r li:nth-child(12) .ywly4rc { position: absolute; top: 90px; left: 460px; width: 690px; height: 158px; background: rgb(255, 255, 255); border-radius: 10px; padding: 0px 20px; } .ywly4r li:nth-child(12) .ywly4r_con { float: right; width: 150px; margin-right: 5px; } .ywly4r li:nth-child(13) .ywly4rb { position: absolute; top: 565px; left: 260px; } .ywly4r li:nth-child(13) .ywly4rc2 { width: 100%; float: none; margin: 8px 0px; } .ywly4r li:nth-child(13) .ywly4r_con { float: right; width: 140px; margin-right: 0px; } .ywly4r li:nth-child(13) .ywly4rc { position: absolute; top: 410px; left: 720px; width: 230px; height: 140px; background: rgb(255, 255, 255); border-radius: 10px; padding: 0px 20px; } .ywly4r li:nth-child(14) .ywly4rb { position: absolute; top: 635px; left: 430px; } .ywly4r li:nth-child(14) .ywly4rc { position: absolute; top: 450px; left: 540px; width: 535px; height: 160px; background: rgb(255, 255, 255); border-radius: 10px; padding: 0px 20px; } .ywly4r li:nth-child(14) .ywly4r_con { float: right; width: 180px; margin-right: 0px; } .ywly4r{ font-family: 'aldm'; } .zzjg{ padding:88px 0px 60px; } .zzjga{ margin-top:30px; } .zzjga img{ width:100%; } .zzjg .zzry_title{ color:#000; text-align:center; } .zzjg .zzry_title1 { background: url(../images/zzjg_en.png) center bottom no-repeat; } .ty_h { display: table-cell; vertical-align: middle; } .about3{ background:url(../images/cybj.jpeg) center no-repeat; background-size:cover; background-position:center; padding-bottom:76px; } .about3a{ color: rgb(255, 255, 255); font-size: 42px; font-weight: 700; line-height: 50px; text-align:center; padding-top:88px; } .about3b{ color: rgb(252, 248, 248); font-size: 16px; text-align:center; line-height:50px; } .about3c{ width:1200px; margin:60px auto 0px; } .about3c li{ width:500px; padding:20px 35px; float:left; background: rgb(247, 247, 247); } .about3c li:hover{ background: rgb(219, 187, 126); } .about3c li:nth-child(2){ float:right; } .about3ca{ border-bottom: 1px solid rgba(56, 56, 56,0.13); padding-bottom:18px; } .about3ca1{ color: rgb(16, 16, 16); font-size: 24px; font-weight: 700; line-height: 50px; } .about3ca2{ opacity: 0.8; color: rgb(16, 16, 16); font-size: 14px; height:40px; } .about3cb{ color: rgb(55, 55, 55); font-size: 18px; font-weight: 400; line-height: 58px; } .about3cb .ty_h{ height:310px; width:100%; } .about3cb p{ position:relative; text-indent:20px; } .about3cb p::after{ content:''; position:absolute; left:0px; top:50%; margin-top:-7.5px; width:13px; height:13px; background:url(../images/cybj_icon.png) center no-repeat; background-size:cover; background-position:center; } .hxjzl{ margin-bottom:45px; padding-top:45px; } .bghj_bg{ background: url(../images/bghj_bg.png) center bottom no-repeat; } .bghjsd { background: #f9f9f9; padding: 45px 0px 45px; } .xjsb{ padding-bottom:45px !important; } .products *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .products{ padding:42px 0px; background:#f9f9f9; } .product_content{ background:#fff; padding:52px; } .productn_top{ text-align:center; padding-bottom:30px; border-bottom:1px solid rgba(0, 0, 0, 0.16); margin-bottom:30px; } .productn_top li { display:inline-block; width:220px; text-align:center; margin:0px 10px; line-height:50px; position:relative; overflow: hidden; background: rgb(196, 196, 196,0.2); } .productn_top li a{ color:#000; font-size:16px; letter-spacing: 1px; position:relative; z-index: 1; } .productn_top li::after{ content:''; position:absolute; top:50%; left:0px; bottom:50%; background: #dc1112; width:100%; transition: .5s; } .productn_top li:hover::after{ top:0px; bottom:0px; } .productn_top li:hover a{ color:#fff; } .productn_top li.action::after{ top:0px; bottom:0px; } .productn_top li.action a{ color:#fff; } .products_list li{ width:24%; float:left; margin-right:1.33%; margin-bottom:18px; position:relative; overflow: hidden; background: rgb(246, 246, 246); } .products_list li:nth-child(4n){ margin-right:0px; } .casea img{ width:100%; } .pr_img{ padding:30px 0px; position:relative; } .products_list li img{ width:100%; transition: .5s; } .products_list li:hover img{ transform: scale(1.03); } .products_list li:hover .pr_text{ color:#dc1112; } .pr_text{ color: rgb(0, 0, 0); font-family:pfsc; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 1px; text-align:center; width:90%; margin:0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:30px; display: block; } .pr_text1{ color: #dc1112; font-family: pfsc; font-size: 12px; font-weight: 400; line-height: 18px; text-align:center; padding-bottom:18px; padding-top:8px; } .xqy_1{ padding:70px 60px; background:#fff; margin-top:42px; } .xqy_1f{ padding:60px; } .xqy_1l{ float:left; width:45%; background: rgb(246, 246, 246); text-align:center; } .xqy_1l img{ display:inline; } .xqyh{ display: table-cell; vertical-align: middle; height:508px; width: 0.1%; } .xqyh img{ height:75%; } .xqy_1r{ width:50%; float:right; } .xqy_1r1{ color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 36px; font-weight: 700; line-height: 48px; margin-bottom:30px; } .xqy_1r2{ opacity: 0.38; color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 14px; font-weight: 400; line-height: 30px; text-align:justify; } .xqy_1r3{ padding-top:30px; padding-bottom:30px; border-bottom:1px solid rgba(0,0,0,0.1); } .xqy_1r3 li{ background: rgba(0, 0, 0,0.1); line-height:48px; float:left; padding:0px 22px; margin-right:15px; font-size:14px; } #zxzx{ position: relative; top: -100px; display: block; height: 0; overflow: hidden; } .xqy_1r3 li:last-child{ margin-right:0px; } .xqy_1r4{ font-size:16px; color:#000; margin:40px 0px 40px; } .xqy_1r4 span{ font-size: 36px; font-weight: 700; color:#dc1112; } .xqy_1r5{ line-height:56px; width:70%; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.08); } .xqy_1r5 li{ width:50%; float:left; background: #dc1112; text-align:center; } .xqy_1r5 li:nth-child(1){ position:relative; } .xqy_1r5 li a{ color:#fff; } .xqy_1r5 li i{ margin-right:8px; font-size:18px; } .xqy_1r5 li:hover a{ color:#000; } .xqy_1r5 li:nth-child(1)::after{ content:''; position:absolute; right:0px; top:30%; height:40%; width:1px; background:rgba(0,0,0,0.1); } .xqy_2{ padding:70px 60px 1px; background:#fff; margin-top:42px; } .xqy_2t{ position:relative; padding-left:20px; } .xqy_2t::after{ content:''; position:absolute; left:0px; width:2px; height:80%; top:10%; background: #dc1112; } .xqy_2t1{ color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 32px; font-weight: 400; line-height: 42px; } .xqy_2t2{ opacity: 0.23; color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 14px; font-weight: 290; line-height: 20px; } .xqy_text{ margin-top:30px; margin-bottom:67px; padding:32px 51px 32px; background: rgb(246, 246, 246); color: rgba(0, 0, 0,0.88); font-family: Microsoft YaHei; font-size: 14px; font-weight: 400; line-height: 30px; } .xqy_text ul{ margin-top:30px; } .xqy_text li{ width:32%; float:left; margin-right:2%; } .xqy_text li:nth-child(3){ margin-right:0px; } .xqy_text li img{ width:100%; } .xqy_3{ padding:70px 60px 70px; background:#fff; margin-top:42px; } .xqy_3title{ position:relative; color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 32px; font-weight: 400; line-height: 48px; text-align:center; padding-bottom:10px; } .xqy_3title::after{ content:''; position:absolute; width:30px; left:50%; margin-left:-15px; bottom:0px; height:3px; background:#dc1112; } .btnw{ width:100%; line-height:44px; background: rgb(51, 51, 51); color:#fff; text-align:center; font-size:14px; cursor: pointer; } .xqy_3a li:nth-child(1){ width:100%; float:none; } .xqy_3a li{ width:49%; float:left; } .xqy_3a li input{ line-height:44px !important; } .xqy_3a li:nth-child(3),.xqy_3a li:nth-child(5){ float:right; } .xqy_3a li:nth-child(4) input{ width:100% !important; text-align:left !important; text-indent: 2em !important; } .xqy_3a li:nth-child(5) .lx1r2 { width:70%; } .xqy_3a li textarea{ line-height:44px !important; } .xqy_xg{ padding:46px 0px; } /*case*/ .mySwiper2 img{ display:inline; height:502px; } .mySwiper img{ height:142px; display:inline; } .xqy_1b .products_list li{ margin-bottom:0px; } .xqy_1b .pr_text{ line-height:60px; height:60px; } .xqy_1ba{ color: rgb(42, 42, 42); font-size: 28px; font-weight: 400; line-height: 30px; padding:49px 0px 24px; border-top: 1px solid rgb(220, 219, 219); margin-top:60px; } .xqy_1a1{ font-size:16px; line-height:30px; color: rgb(42, 42, 42); margin-top:10px; } .xqy_1a1 span,.xqy_1a2 span{ font-weight:700; } .xqy_1a2{ margin-top:26px; } .xqy_1a .xqy_1r{ position:relative; height:502px; } .xqy_1a3{ position:absolute; bottom:0px; left:0%; width:100%; } .xqy_1a3 .mySwiper{ width:92%; margin:0 auto; } .swiper-button-lock{ display:block !important; } .xqy_al{ position:absolute; top:50%; left:0px; margin-top:-10px; cursor: pointer; } .xqy_al i{ font-size:26px; } .xqy_ar{ position:absolute; top:50%; right:0px; margin-top:-10px; cursor: pointer; } .xqy_ar i{ font-size:26px; } .xgcase{ margin-top:44px; } .xgcased{ text-align:center; padding:15px 0px 40px; } .xgcased .swiper-pagination-bullet-active{ background:#C70220 !important; } .caseb{ text-align:center; line-height:40px; color:#000; } /*case end*/ /*case*/ .case_title{ color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 42px; font-weight: 700; line-height: 55px; letter-spacing: 2px; } .case_title1{ color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 24px; font-weight: 400; line-height: 40px; letter-spacing: 2px; width:30%; margin-top:40px; } .case_list{ margin-top: 65px; } .case_list li{ width:32%; margin-right:2%; margin-bottom:28px; float:left; cursor: pointer; } .case_list li:nth-child(3n){ margin-right:0px; } .case_list1{ position:relative; overflow: hidden; } .case_list li img{ width:100%; transition: .5s; } .case_list li:hover img{ transform: scale(1.04); } .gcal_title{ background:url(../images/case_en.png) center no-repeat; } .case_list2{ line-height:50px; text-align:center; background:#fafafa; color:#000000; } .mySwiper2 img{ width:100%; } .mySwiper img{ width:100%; } .ygfca2{ background:#fafafa; line-height:52px; text-align:center; } .ygfcfc{ margin-top:52px; } .ygfcfc img{ width:100%; } .ygfca_a{ text-align:center; padding:20px 0px 0px; } .ygfca_a .swiper-pagination-bullet-active{ background:#C70220 !important; } .cdzs1{ border-bottom: 1px solid rgb(221, 221, 221); line-height:78px; } .cdzs_text{ opacity: 0.8; color: rgb(0, 0, 0); font-size: 22px; font-weight: 400; line-height: 68px; width: 100%; margin: 0px auto 10px; padding-bottom: 0px; text-align:center; } .cdzs1 li{ color: rgb(42, 42, 42); font-size: 32px; font-weight: 700; display:inline-block; padding:0px 15px; position:relative; cursor: pointer; } .cdzs1 li::after{ content:''; position:absolute; height:3px; left:50%; right:50%; bottom:-7px; background:#C70220; transition: .5s; z-index: 1; } .cdzs1 li.action::after{ left:0px; right:0px; } .cdzs1 li.action{ color:#C70220; } .cdzs1 li:hover::after{ left:0px; right:0px; } .cdzs1 li:hover{ color:#C70220; } .cdzs2{ padding:56px 0px; } .cdzs2 .cdzs2a{ width:49.5%; float:left; } .cdzs2 .cdzs2b{ width:49.5%; float:right; } .cdzs2 .cdzs2a img{ width:100%; } .cdzs2a2{ margin-top:15px; } .cdzs2a2 .cdzs2a2a{ width:49%; float:left; } .cdzs2a2 .cdzs2a2a:nth-child(2){ float:right; } .cdzs2b1 img{ width:100%; height:415px; } .cdzs2b1 .cdzs2b1a{ width:32%; margin-right:2%; float:left; } .cdzs2b1 .cdzs2b1a:nth-child(3){ margin-right:0px; } .cdzs2a2 img{ width:100%; } .nsja{ position: absolute; left: 100%; top: 15px; width: 100%; line-height: 48px; } .nsj .nsja{ display:None; } .nsj:hover .nsja{ display:block; } .cdgm{ margin-top:60px; } .cdgm_l{ width:782px; float:left; } .cdgm_l .ty_h{ height:460px; width:0.1%; } .cdgm_l1{ color: rgb(0, 0, 0); font-size: 30px; line-height: 49px; padding-bottom:44px; margin-bottom:44px; border-bottom: 1px solid rgb(208, 208, 208); } .cdgm_l2{ color: rgb(52, 52, 52); font-size: 18px; font-weight: 400; line-height: 46px; } .cdgm_ra{ padding:24px 29px; width:172px; height:182px; } .cdgm_r1{ background: rgb(208, 0, 13); float:right; } .cdgm_r2{ float:left; background: rgb(246, 246, 246); } .cdgm_r3{ float:right; background: rgb(84, 84, 84); } .cdgm_ra2{ color: rgb(255, 255, 255); font-size: 14px; margin-top:70px; } .cdgm_ra2 .count{ font-size:38px; margin-right:4px; } .cdgm_ra3{ color: rgb(255, 255, 255); font-size: 14px; line-height: 18px; } .cdgm_r2 .cdgm_ra2{ color:#000; } .cdgm_r2 .cdgm_ra3{ color:#000; } .cdgm_r{ width:460px; float:right; } .cdgma{ margin-top:60px; } .cdgma li{ width:49%; margin-right:2%; float:left; } .cdgma li:nth-child(2){ margin-right:0px; } .cdgma img{ width:100%; } .zncc{ margin-top:60px; } .zncc1{ color: rgb(0, 0, 0); font-size: 36px; font-weight: 400; line-height: 50px; } .zncc2{ color: rgb(52, 52, 52); font-size: 18px; font-weight: 400; line-height: 35px; margin:18px 0px 50px; } .zncc3 li{ position:relative; width:200px; overflow: hidden; transition: .5s; margin-right:12px; float:left; } .zncc3 li:nth-child(3){ margin-right:0px; } .zncc3 li::after{ content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: .5s; } .zncc3 li:hover{ width:910px; } .zncc3 li:hover::after{ display:none; } .zncc3 li.action{ width:910px; } .zncc3 li.action::after{ display:none; } .hbaq{ position:relative; height:600px; margin-bottom:105px; } .hbaq .w1300{ width:1300px; background:url(../images/hbaq_bg.jpeg) center no-repeat; background-size:cover; background-position:center; margin-top:42px; } .hbaq .ty_h{ height:600px; width:670px; padding:0px 60px 0px 90px; } .hbaq1{ color: rgb(0, 0, 0); font-size: 36px; line-height: 49px; } .hbaq2{ color: rgb(71, 71, 71); font-size: 18px; line-height: 40px; text-align:justify; margin-top:25px; } .hbaq_r{ position:absolute; right:0px; top:83px; width:697px; } .hbaqd{ text-align:center; position:absolute; bottom:170px !important; z-index: 999; } .hbaq_r img{ width:100%; } .hbaqd .swiper-pagination-bullet-active{ background:#dc1112; } /*news*/ .news_bg{ background:#f9f9f9; } /* .news_lbs{ width:84%; margin:0 auto; } .news_lbs *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .news_lbs_img img{ width:100%; } .news_lbs_text{ background:#fff; color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 18px; font-weight: 400; line-height: 32px; padding:10px 15px; display: table-cell; vertical-align: middle; width:0.1%; height:84px; } .news_title{ color: rgb(229, 0, 17); font-size: 36px; font-weight: 700; line-height: 48px; text-align: center; position: relative; padding-bottom: 10px; margin-top:78px; margin-bottom:78px; background:url(../images/news_bg.png) bottom no-repeat; } .news_title::after { content: ''; position: absolute; left: 50%; bottom: 0px; height: 4px; width: 34px; background: rgb(23, 23, 23); margin-left: -17px; } .news_content{ margin-top:70px; } .news_content1 li{ background:#fff; padding:52px 0px; border-bottom:1px solid rgba(0, 0, 0, 0.04); } .news_content1 li:hover .news_a1a{ color:#dc1112; } .news_a1{ float:left; width:100px; text-align:center; position:relative; padding-right:26px; margin-right:26px; } .news_a1::after{ content:''; position:absolute; right:0px; height:100%; width:2px; background:rgba(0,0,0,0.1); top:0%; } .news_a1a{ color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 64px; line-height:64px; position:relative; margin-bottom:5px; padding-bottom:10px; } .news_a1a::after{ content:''; position:absolute; left:50%; bottom:0px; margin-left:-15.5px; width: 31px; height: 3px; background: #dc1112; } .news_a1b{ color: rgb(0, 0, 0,0.3); font-family: Microsoft YaHei; font-size: 18px; } .news_a2{ float:left; width:70%; } .news_a2a{ color: rgb(0, 0, 0); font-size: 22px; font-weight: 400; line-height: 32px; margin-bottom:18px; } .news_a2b{ color: rgba(0, 0, 0,0.3); font-family: Microsoft YaHei; font-size: 14px; font-weight: 400; line-height: 28px; height:56px; } .news_a3{ float:right; line-height:48px; width:162px; text-align:center; border:1px solid rgba(0,0,0,0.1); border-radius: 24px; margin-top:30px; color:rgba(0,0,0,0.6); position:relative; } .news_content1 li:hover .news_a3{ background:#dc1112; color:#fff; } .news_content1 li:hover{ background:#f9f9f9; } */ /*news*/ .news_top{ padding-bottom:10px; padding-top:100px; } .news_top1a{ padding-bottom:48px; height:300px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom:48px; } .news_topl{ width:50%; float:left; } .news_topl img{ width:100%; } .news_topr1a{ width:35%; float:right; margin-right:10%; } .news_toprh{ width:0.1%; display: table-cell; vertical-align: middle; height:300px; } .news_topr1{ font-size: 24px; font-weight: 700; text-align: left; color: #c2171e; letter-spacing: 1.76px; position:relative; padding-bottom:8px; margin-bottom:16px; } .news_topr1::after{ content:''; position:absolute; bottom:0px; left:0px; width: 21px; height: 3px; background: #c2171e; } .news_topr2{ font-size: 20px; color: #333; font-weight: 700; letter-spacing: 1.6px; margin-bottom:17px; } .news_topr3{ font-size:14px; color: rgba(0,0,0,0.27); line-height: 24px; letter-spacing: 1.12px; } .news_topr4{ width: 132px; height: 38px; background: #c2171e; border-radius: 3px; color:#fff; text-align:center; line-height:38px; margin-top:30px; } .news_topr4 i{ font-size:22px; } .cpzx_r2{ background:#fff; padding:80px 50px 30px; margin-top:60px; margin-bottom:60px; } .ldgh li{ width:31%; float:left; margin-right:3.5%; margin-bottom:50px; box-shadow: -2.071px 6px 28px 0px rgba(0, 0, 0, 0.11); } .ldgh li:nth-child(3n){ margin-right:0px; } .ldght{ position:relative; overflow: hidden; } .ldght img{ width:100%; transition: .5s; } .ldgh li:hover img{ transform: scale(1.1); } .ldghtext{ background:#ffff; padding:0px 22px; } .ldghr1{ font-size: 21px; color: #333; height:21px; padding-top:28px; padding-bottom:24px; font-weight:bold; } .ldghr2{ font-size: 14px; color: rgba(0,0,0,0.4); line-height: 24px; letter-spacing: 1.12px; height:48px; padding-bottom:17px; border-bottom:1px solid rgba(0,0,0,0.08); } .ldghr3{ color: rgba(0,0,0,0.4); padding:20px 0px; } .ldghr3a i{ font-size:20px; } .ldghr3a{ float:left; } .ldghr3b{ float:right; } .ldgh li:hover .ldghr3b{ color:#dc1112; } /*news end*/ /*lxwm*/ .lxwm *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ditu{ margin-top:100px; } .lxwm_l{ background: #dc1112; width:43%; float:left; } .lxwm_h{ display: table-cell; vertical-align: middle; width:0.1%; height:720px; } .lxwm_l1{ float:left; } .lxwm_l2{ float:left; margin-left:28px; } .lxwm_l2a{ color: rgb(255, 255, 255); font-family: Microsoft YaHei; font-size: 20px; font-weight: 700; letter-spacing: 2px; margin-bottom:14px; } .lxwm_l2b{ color: rgb(255, 255, 255); font-family: Microsoft YaHei; font-size: 16px; font-weight: 400; } .lxwm_l ul{ padding-left:104px; } .lxwm_l li{ margin:40px 0px; } .lxwm_r1{ color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 36px; font-weight: 700; line-height: 48px; } .lxwm_r{ width:57%; background:#fff; padding-left:96px; height:720px; float:right; padding-top:65px; } .lxwm_r2{ color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 16px; font-weight: 400; line-height: 56px; letter-spacing: 2px; } .lxwm_r3{ padding-top:50px; } .lxwm_r3 li{ margin-bottom:19px; } .lxwm_r3 input{ background: rgba(196, 196, 196,0.2); border:none; color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 14px; font-weight: 400; line-height: 56px; letter-spacing: 1px; width:100%; text-indent:2em; } .lxwm_r3 textarea{ height:190px; background: rgba(196, 196, 196,0.2); border:none; color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 14px; font-weight: 400; line-height: 56px; letter-spacing: 1px; width:100%; text-indent:2em; } .lxwm_r3 li:nth-child(4) input{ width:160px; text-align:center; text-indent:0px; line-height:56px; } .lx1r2{ float:left; } .lx1r3{ float:left; margin-left:20px; } .btn{ width: 360px; height: 50px; background: #dc1112; border-radius:25px; line-height:50px; text-align:center; color:#fff; margin-top:9px; } .ty_c{ margin:60px 0px; } /*jrwm*/ .jrwm_c{ background: #fff; position: relative; padding: 65px 85px 65px 85px; margin:42px 0px; } .rczp_title{ background:none; } .zshz li{ line-height:40px; width:50%; float:left; margin-bottom:18px; } .zshz li input{ line-height:40px; width:100%; background: rgba(196, 196, 196,0.15); border:none; text-indent:10px; display:block; } .zshz input::-webkit-input-placeholder,.zshz textarea::-webkit-input-placeholder{ color: rgba(0,0,0,0.22); font-size: 14px; font-family: 微软雅黑; } .zshz input:-moz-placeholder,.zshz textarea:-moz-placeholder{ color: rgba(0,0,0,0.22); font-size: 14px; font-family: 微软雅黑; } .zshz input:-ms-input-placeholder,.zshz textarea:-ms-input-placeholder{ color: rgba(0,0,0,0.22); font-size: 14px; font-family: 微软雅黑; } .zshz li .zshzl{ width:29%; text-align:right; float:left; font-size:14px; margin-right:1%; } .zshz li .zshzr{ width:70%; float:right; } .zshz li:nth-child(7) textarea{ width:100%; background: rgba(196, 196, 196,0.15); border:none; text-indent:10px; line-height:40px; display:block; } .zshz li:nth-child(10){ margin-left:15%; } .zshz li:nth-child(10) input{ text-align:center; text-indent:0px; } .zshz li:nth-child(10){ height:40px; } .tjly{ margin-left:15%; cursor: pointer; margin-top:0px; } .zshz_title{ background:url(../images/zshz_en.png) bottom no-repeat; color:#000; } .bdzc_title{ margin-top:63px; margin-bottom:72px; background:url(../images/bdzc_en.png) bottom no-repeat; color:#000; } .zshz{ padding-top: 88px; } .jrwm_top1 ul li{ width:11.5%; float:left; text-align:center; margin-right:1.14%; background: rgb(255, 255, 255); } .jrwm_top1 ul li:last-child{ margin-right:0px; } .jrwm_top1 ul li img{ width:40%; margin:0 auto; } .jrwm_top1 ul li .jrwm_top1a img:nth-child(2){ display:none; } .jrwm_top1 ul li:hover .jrwm_top1a img:nth-child(1){ display:None; } .jrwm_top1 ul li:hover .jrwm_top1a img:nth-child(2){ display:block; } .jrwm_top1 .ty_h{ height:230px; width:0.1%; } .jrwm_top1b{ margin-top:12px; } .jrwm_top1 ul li:hover { background: rgb(216, 30, 6); } .jrwm_top1 ul li:hover .jrwm_top1b{ color:#fff; } .tybanner{ height:650px; margin-top:100px; } .about_banner{ background:url(../images/about_banner.jpeg) center no-repeat; background-size:cover; background-position:center; } .ywly_banner{ background:url(../images/ywly_banner.jpeg) center no-repeat; background-size:cover; background-position:center; } .product_banner{ background:url(../images/product_banner.jpeg) center no-repeat; background-size:cover; background-position:center; } .case_banner{ background:url(../images/case_banner.jpeg) center no-repeat; background-size:cover; background-position:center; } .news_banner{ background:url(../images/news_banner.jpeg) center no-repeat; background-size:cover; background-position:center; } .lxwm_banner{ background:url(../images/lxwm_banner.jpeg) center no-repeat; background-size:cover; background-position:center; } .jrwm_banner{ background:url(../images/jrwm_banner.jpeg) center no-repeat; background-size:cover; background-position:center; } .scjd_banner{ background:url(../images/scjd_banner.jpg) center no-repeat; background-size:cover; background-position:center; } .bannerh{ display: table-cell; vertical-align: middle; width:0.1%; height:650px; } .bannerha{ position:relative; padding-bottom:23px; color: rgb(255, 255, 255); font-family: pfzc; font-size: 38px; font-weight: 400; line-height: 50px; } .bannerha::after{ content:''; position:absolute; left:0px; bottom:0px; width:45px; height:4px; background:#fff; } .tybanner .w1520{ position:relative; } .bnav{ line-height:84px; background:#fff; position:absolute; bottom:0px; left:0px; width:94%; padding:0px 3%; border-bottom:1px solid rgba(0,0,0,0.2); } .bnav li{ float:left; width:84px; text-align:center; position:relative; margin-right:30px; } .bnav li::after{ content:''; position:absolute; left:50%; right:50%; bottom:-2px; height:3px; background:#dc1112; transition: .5s; } .bnav li a{ color: rgb(16, 13, 13); font-family: pfsc; } .bnav li:hover a{ color:#dc1112; } .bnav li:hover::after{ left:0%; right:0%; } .bnav li.action a{ color:#dc1112; } .bnav li.action::after{ left:0%; right:0%; } @media only screen and (max-width: 1100px){ *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pc{ display:none; } .sj{ display:block; } .sj_nav_top{ position:fixed; top:0px; left:0px; height:70px; width:100%; z-index:999; background:#fff; box-shadow: 0px 5px 5px rgba(0,0,0,0.1); } .header_logo{ height:50px; position:relative; left:0%; top:10px; text-align:center; } .header_logo img{ height:50px; display:inline; } .nav_lefta1 { height: auto; font-size: 12px; color: #000000; padding-top: 8px; margin-bottom: 2px; font-weight: 400; } .ty_acontent p img{ width:100%; height:auto !important; } .nav_lefta2 { font-size: 0.48rem; color: #000000; font-family: "微软雅黑"; } .sj_nav_zk{ color:#000; position:absolute; right:5%; top:18px; } .sj_nav_zk i{ font-size:34px; } .sj_nav_list{ position:fixed; width:100%; height:100%; background:#fff; left:-100%; top:0px; z-index:1000; transition: 1s; } .sj_nav_img{ width:15%; margin:30px auto 20px; } .sj_nav_img img{ width:100%; } .sj_nav_gb{ color:#000; position:absolute; right:5%; top:40px; } .sj_nav_gb i{ font-size:24px; } .sj_nav_list ul li{ line-height:50px; text-indent: 2em; position:relative; } .sj_nav_list>.sj_nav_ul>li>a{ font-size:16px; color:#000; border-bottom:1px solid #f8f8f8; } .header_zba{ width:100%; background:#fff; display:none; } .header_zba ul li{ height:40px; line-height:40px; font-size:14px; } .header_zba ul li a{ color:#000; border-bottom:1px solid rgba(0,0,0,0.03) } .sj_nav_ul i{ position:absolute; right:10px; top:5px; color:#000; font-size:30px; } .ty_banner { width: 100%; height: 240px; margin-top:70px; margin-left:0px; } .nav_listr{ display:none; } .nav_listl { width: 100%; padding-left: 0%; float: none; text-align:center; } .nav_list { height: auto; line-height: 50px; background: #f8f8f8; } .nav_listl ul li { display: inline-block; font-size: 16px; margin:0px; position: relative; width:20%; } .nav_listl ul li a{ font-size:14px; } .w80 { width: 94%; margin: 0 auto; } .banner{ margin-top:70px; } .banner .swiper-slide div{ height:250px; } .w1520 { width: 96%; margin: 0 auto; } .aboutk_l { width: 100%; float: none; } .xck_l { float: left; position: relative; margin-left: 3%; padding-right: 3%; width:15%; } .xck_l img{ width:100%; position:relative; top:22px; } .aboutk_l3 li { width: 91px; float: left; margin-right: 0; } .xck_r { font-family: pfsc; font-size: 14px; font-weight: 400; line-height: 30px; letter-spacing: 0px; width: 79%; float: right; margin-right: 0%; position: relative; top: 0px; text-align:justify; } .xck_l::after { content: ''; position: absolute; right: 0px; top: 3px; width: 1px; height: 80px; background: rgba(39, 38, 54,0.09); } .xck_bg { padding: 30px 0px; position: relative; } .aboutk { margin-top: 20px; padding-bottom: 20px; } .aboutk_l1 p:nth-child(2) { margin-top: 10px; } .aboutk_l1 p { text-indent: 2em; font-size: 14px; font-weight: 400; line-height: 28px; text-align: justify; font-family: pfsc; } .aboutk_l2 { line-height: 28px; margin-top: 10px; text-align:center; } .aboutk_l2 a { font-family: pfsc; color: #000; font-size:14px; } .aboutk_l3 { margin-top: 15px; margin-bottom:30px; display:flex; } .aboutk_l3 li{ flex:1; width:auto; } .aboutk_l3 li .aboutk_l31 { width: 60px; height: 60px; margin:0 auto; text-align: center; border: 1px solid rgba(112, 112, 112,0.39); border-radius: 50%; position: relative; overflow: hidden; } .aboutk_l3 li .aboutk_l31 img { display: inline; position: relative; top: 17.5px; width:25px; } .aboutk_l3 li:nth-child(1) .aboutk_l31 img { width:30px; top:15px; } .aboutk_l32 { line-height: 28px; text-align: center; font-size: 14px; color: rgb(58,58,58); font-family: pfsc; margin-top: 0px; } .lxwm_l2 { float: right; width:85%; margin-left:0px; } .aboutk_r { width: 100%; float: none; } .jjfak { height: auto; background: url(../images/jjfa_bg.jpeg) no-repeat center; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment:unset; position: relative; overflow: hidden; padding-bottom:30px; } .jjfak_c { display: block; height:auto; width:100%; } .jjfak_c1 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; line-height: 34px; background: none; letter-spacing: 0.8px; text-align:center; padding-top:30px; margin-bottom:15px; } .jjfak_c2 { opacity: 0.71; color: rgb(255, 255, 255); font-family: pfzc; font-size: 14px; font-weight: 400; letter-spacing: 1px; line-height: 30px; text-align:justify; } .jjfak .left, .jjfak .right{ display:none; } .jjfak_c3 { width: 120px; height: 40px; line-height: 38px; text-align: center; border: 1px solid rgba(255,255,255,0.6); margin:0 auto; margin-top: 20px; position: relative; overflow: hidden; } .jjfak_c3 a { color: #fff; font-size: 14px; font-family: pfsc; position: relative; z-index: 1; } .jjfanavk li { width: 33.3%; float: left; text-align: center; border-right: 1px solid rgba(112, 112, 112,0.22); height: auto; position: relative; overflow: hidden; padding:30px 0px; } .jjfah { display:inline; vertical-align: middle; height: auto; width: 100%; } .jjfanavk li:nth-child(4),.jjfanavk li:nth-child(5){ width:50%; border-top: 1px solid rgba(112, 112, 112,0.22); } .jjfanavk2 { font-family: pfsc; font-size: 16px; font-weight: 400; margin-top: 12px; color: #000; } .jjfanavk li img{ width:30px; margin:0 auto; } .jjfanavk3 { font-family: pfsc; font-size: 12px; font-weight: 400; color: rgba(0,0,0,0.7); } .banner { height: 220px; width: 100%; } .banner .swiper-slide .banner_bg { height: 220px; width: 100%; transform: scale(1); transition: 2s; } #video { width: 100%; height: 160px; } .b2 img{ height:60px; } .bav .b2 { position: absolute; height: 218px; top: 50%; left: 7%; margin-top: -30px; text-align: left; } .pages ul li.fy { border: none; line-height: 18px; } .productk_title { background:none; background-position: center; margin-top: 30px; height: auto; margin-bottom: 30px; position:relative; } .productk_title::after{ content: ''; position: absolute; left: 20%; top: 0px; width: 60%; height: 30px; background: url(../images/product_bg.png) center no-repeat; background-size: cover; } .productk_title1 { color: rgb(0, 0, 0); font-family: pfsc; font-size: 20px; font-weight: 400; line-height: 59px; text-align: center; margin-bottom: 0px; } .productk_title2 { opacity: 0.71; color: rgb(0, 0, 0); font-family: pfsc; font-size: 12px; font-weight: 400; line-height: 22px; margin-top:-15px; text-align: center; } .productk_content { padding-bottom: 30px; } .productk_l { float: none; width: 100%; margin-left: 0%; position: relative; overflow: hidden; margin-bottom:15px; } .productk_r { float: none; width: 100%; margin-right: 0%; position: relative; overflow: hidden; } .productk_h1 { font-size: 20px; font-weight: 350; line-height: 45px; letter-spacing: 1.8px; position: relative; z-index: 2; color: #fff; text-align: center; font-family: pfsc; } .productk_h2 { font-family: pfsc; font-size: 16px; font-weight: 400; line-height: 28px; text-align: center; color: #fff; letter-spacing: 1px; } .productk_list { position: relative; padding-top: 30px; padding-bottom: 30px; } .productk_list .jjfak_c3 { margin: 0 auto; border: 1px solid #000; margin-top: 20px; } .znzzk_l { padding-top: 30px; width: 100%; float: none; } .znzzk_l1 { background:none; color: rgb(255, 255, 255); font-size: 20px; font-family: pfsc; line-height: 42px; padding-top: 0px; padding-bottom: 5px; text-align:center; } .znzzk_l2 { font-size: 14px; font-weight: 400; line-height: 28px; color: #fff; margin-top: 10px; text-align:justify; } .znzzk_l3 { font-size: 14px; font-weight: 400; line-height: 28px; color: #fff; margin-top: 10px; } .znzzk_r { width: 120px; margin:0 auto; float: none; padding-top: 10px; position: relative; } .znzzk_rb { width: 100%; background: #fff; height: 100px; position: relative; right: 0px; bottom: 0px; border-top-left-radius: 0px; margin-top:20px; } .znzzk_rbh { display: table-cell; vertical-align: middle; width: 0.1%; height: 160px; } .znzzk_rb1 { font-size: 14px; font-weight: 400; line-height: 26px; font-family: pfsc; color: #000; margin-top: 0px; } .znzzk_rb li img{ height:30px; margin:0 auto; } .znzzk_rbh { display: table-cell; vertical-align: middle; width: 0.1%; height: 100px; } .znzzk { background: url(../images/znzz_bg.jpg) center no-repeat; background-size: cover; background-position: center; height: auto; position: relative; padding-bottom:30px; } .news_top { padding-top: 30px; } .news_topl { font-size: 20px; font-weight: 400; color: #000; background: none; line-height: 78px; float: none; text-align:center; } .news_topr { float: none; padding-top: 0px; text-align:center; } .news_topr li { float: none; width: 133px; line-height: 40px; text-align: center; margin-left: 0px; border: 1px solid rgba(112, 112, 112,0.39); display:inline-block; } .news_centerl { width: 100%; float: none; } .news_centerl img { width: 100%; height: auto; } .news_centerr { width: 100%; float: none; background: #fff; padding: 15px 10px; } .news_cr1l { color: rgb(229, 0, 17); font-family: pfsc; font-size: 18px; font-weight: 500; line-height: 40px; float: left; } .news_cr2 { color: rgb(0, 0, 0); font-family: pfsc; font-size: 16px; font-weight: 400; line-height: 28px; margin-top: 10px; } .news_cr3 { opacity: 0.65; color: rgb(0, 0, 0); font-family: pfsc; font-size: 12px; font-weight: 400; line-height: 22px; margin-top: 0px; } .news_ch { display: inline; width: 100%; height: auto; } .news_bottom li { width: 100%; margin-right: 0%; background: #fff; padding: 15px 10px; margin-bottom:15px; position: relative; float: none; } .newsk { background: #f9f9f9; padding-bottom: 30px; } .zsjmk { background: rgb(213, 1, 17); padding: 30px 0px; } .zsjmk_l1 { color: rgb(255, 255, 255); font-family: Microsoft YaHei; font-size: 20px; font-weight: 700; line-height: 30px; position: relative; padding-bottom: 10px; margin-bottom: 5px; letter-spacing: 2px; } .zsjmk_l1::after { content: ''; position: absolute; width: 46px; height: 2px; background: #fff; bottom: 0px; } .zsjmk_r2 a{ float:none; } .zsjmk_l2 { color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; line-height: 24px; } .zsjmk_r1 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 400; line-height: 41px; letter-spacing: 1px; text-align:center; } .zsjmk_r2{ margin-top:10px; } .zsjmk_r2a { position: relative; float: left; width:49%; } .zsjmk_r2a1 { width: 100%; line-height: 50px; background: #fff; color: rgb(0, 0, 0); font-family: pfsc; font-size: 16px; font-weight: 400; text-indent: 0px; cursor: pointer; position: relative; } .zsjmk_r2 input::-webkit-input-placeholder,.zsjmk_r2 textarea::-webkit-input-placeholder{ color: rgba(0,0,0,0.22); font-size: 14px; font-family: 微软雅黑; } .zsjmk_r2 input:-moz-placeholder,.zsjmk_r2 textarea:-moz-placeholder{ color: rgba(0,0,0,0.22); font-size: 14px; font-family: 微软雅黑; } .zsjmk_r2 input:-ms-input-placeholder,.zsjmk_r2 textarea:-ms-input-placeholder{ color: rgba(0,0,0,0.22); font-size: 14px; font-family: 微软雅黑; } .zsjmk_r2b { position: relative; float: right; margin: 0px; width:49%; } .zsjmk_r2a1s { width: 100%; line-height: 50px; background: #fff; color: rgb(0, 0, 0); font-family: pfsc; font-size: 16px; font-weight: 400; text-indent: 0px; cursor: pointer; } .zsjmk_r { float: none; width:100%; } .zsjmk_r2c { clear: both; width: 105px; line-height: 40px; background: rgb(53, 56, 62); color: rgb(255, 255, 255); font-family: pfsc; font-size: 14px; font-weight: 400; float: none; text-align: center; letter-spacing: 2px; margin: 0px auto 0px; position: relative; top: 10px; } .footer_topl { float: none; width:30%; margin:0 auto; display:none; } .footer_top { padding: 1px 0px 15px; border-bottom: 1px solid rgba(255,255,255,0.27); } .footer_topl img{ width:100%; } .footer_topr { float: none; margin-top:20px; } .footer_topr li { float: left; width: 48%; margin-left: 0px; text-align:center; } .footer_toprimg img{ display:inline; } .footer_topr li:first-child{ float:right; } .footer_centerl{ display:none; } .footer_centerr { float: none; font-size: 14px; font-weight: 400; line-height: 26px; color: #fff; text-align: center; } .footer_bottom ul li { float: none; margin-right: 10px; line-height: 26px; color: #fff; font-size: 12px; text-align:center; } .footer_bottom ul li:nth-child(3){ float:left; } .footer_bottom ul li a { color: #fff; font-size: 12px; } .footer_center { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.27); } .about11 { color: rgb(229, 0, 17); font-family: pfsc; font-size: 20px; font-weight: 700; line-height: 42px; padding-top: 30px; text-align:left; } .about12 { color: rgb(0, 0, 0); font-size: 14px; font-weight: 400; line-height: 26px; padding-top: 0px; text-align:left; } .about13 { color: rgb(79, 79, 79); font-size: 14px; font-weight: 400; line-height: 28px; text-align: justify; padding-top: 0px; text-indent:2em; } .about14 { padding-top: 20px; padding-bottom: 30px; } .about14 li { width: 49%; padding: 16px 0px; float: left; background: rgba(0,0,0,0.4); text-align: center; margin-right: 2%; margin-bottom:8px; } .about14 li:nth-child(2n){ margin-right:0px; } .about14a { color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; line-height: 32px; } .about14b { font-size: 12px; font-weight: 400; line-height: 26px; color: rgba(255,255,255,0.6); } .about2 { background: #f9f9f9; padding: 30px 0px; } .about2_listl { width: 100%; float: none; } .about2_listr { width: 100%; float: none; } .about21 .about2_listr { background: #fff; padding: 20px 10px; } .about2_listr1 { color: rgb(1, 1, 1); font-family: Microsoft YaHei; font-size: 20px; font-weight: 700; line-height: 32px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgb(228, 228, 228); text-align:center; } .about2_listr2 { color: rgb(79, 79, 79); font-size: 14px; font-weight: 400; line-height: 32px; text-align:justify; text-indent:2em; } .about22 .about2_listl { background: #fff; padding: 20px 10px; } .about22 { margin-top: 20px; } .qywh_content { background: #fff; padding-top: 30px; padding-left: 10px; padding-right: 10px; } .qywh_title { color: rgb(229, 0, 17); font-size: 20px; font-weight: 700; line-height: 36px; text-align: center; position: relative; padding-bottom: 5px; background-size:100%; padding-top:30px; } .qywh_description { opacity: 0.42; color: rgb(0, 0, 0); font-size: 12px; font-weight: 400; line-height: 20px; width: 100%; text-align: center; margin: 10px auto 0px; padding-bottom: 20px; } .qywh1l { width: 100%; float: none; } .qywh1 { padding-top: 0px; border-top: none; padding-bottom: 0px; } .qywh1 img{ width:100%; } .qywh1r { width: 100%; float: none; padding-left: 0px; padding:20px 0px; } .qywh1r span { color: rgb(0, 0, 0); font-family: pfsc; font-size: 14px; line-height: 30px; margin-right: 0px; } .qywh1r li{ font-size:14px; } .qywh1r li:last-child span { margin-right: 0px; } .qywh2 { background: url(../images/qywh2_bg.jpeg) center no-repeat; background-size: cover; background-position: center; height: 220px; } .qywh2a { color: rgb(255, 255, 255); font-family: Arial; font-size: 20px; font-weight: 400; line-height: 58px; padding-top: 30px; position: relative; } .qywh2 li:nth-child(2n) .qywh2a { padding-top: 30px; } .qywh2b { color: rgb(255, 255, 255); font-size: 14px; font-family: pfsc; line-height: 29px; letter-spacing: 2px; margin-bottom: 8px; margin-top: 0px; } .qywh2c { color: rgb(255, 255, 255); font-size: 12px; font-weight: 400; font-family: pfsc; line-height: 21px; letter-spacing: 0.5px; } .qywh2 li { height: 220px; float: left; width: 25%; padding-left: 0px; border-left: 1px solid rgb(255, 255, 255,0.6); position: relative; overflow: hidden; cursor: pointer; text-align:center; } .qywh3 { padding-top: 30px; padding-bottom: 30px; } .qywh3 li { background: rgb(240, 240, 240); height: 100px; width: 25%; float: left; text-align: center; transition: .5s; position: relative; cursor: pointer; } .qywh3h { display: table-cell; vertical-align: middle; width: 0.1%; height: 100px; position: relative; z-index: 8; } .qywh31 { color: rgb(0, 0, 0); font-family: pfsc; font-size: 16px; font-weight: 400; line-height: 28px; margin-bottom: 6px; } .qywh32 { opacity: 0.3; color: rgb(0, 0, 0); font-family: pfsc; font-size: 12px; font-weight: 400; line-height: 26px; letter-spacing: 0px; } .qywh33 { color: rgb(255, 255, 255); font-size: 12px; font-weight: 400; line-height: 24px; letter-spacing: 0px; display: none; margin-top: 5px; } .qywh { background: #f9f9f9; padding: 30px 0px 30px; } .hzhb1l1 { color: rgb(229, 0, 17); font-size: 24px; font-weight: bold; } .hzhb1l1 sub { font-size: 16px; position: relative; top: -4px; } .hzhb1l2 { color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 20px; font-weight: 700; line-height: 48px; } .hzhb1l4 { opacity: 0.59; color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 14px; font-weight: 400; line-height: 32px; } .hzhbh { display: table-cell; vertical-align: middle; width: 0.1%; height: 280px; } .zzry_content { background: #fff; padding-top: 30px; padding-left: 10px; padding-right: 10px; } .zzry_title { color: rgb(229, 0, 17); font-size: 20px; font-weight: 700; line-height: 36px; text-align: center; position: relative; padding-bottom: 2px; background: url(../images/znzz_en1.png) 10px no-repeat; background-size:100%; } .zzry_title1{ background: url(../images/zzry_en.png) 10px no-repeat; background-size:100%; padding-bottom:0px; } .zzry_list { padding-top: 30px; margin-top: 0px; border-top: none; } .xian{ display:None; } .zzry_list li { width: 100%; margin-right: 0%; margin-bottom: 15px; float: none; cursor: pointer; } .zzry_list li img{ height:auto; } .zzry_text { color: rgb(0, 0, 0); font-size: 16px; font-weight: 400; text-align: center; line-height: 50px; letter-spacing: 1px; font-family: pfsc; } .fzlc_topl { color: rgb(17, 17, 17); font-family: Arial; font-size: 18px; font-weight: 700; line-height: 54px; float: left; } .fzlc li { height: auto; padding-left: 40px; position: relative; cursor: pointer; padding-bottom:30px; } .fzlc_topr { float: left; margin-left: 10px; line-height: 30px; text-align: center; font-size: 16px; color: #fff; letter-spacing: 1.6px; background: rgb(181, 181, 181); padding: 0px 10px; margin-top:12px; } .fzlc_bottom { width: 100%; opacity: 0.7; color: rgb(38, 38, 38); font-size: 12px; font-weight: 400; line-height: 26px; text-align: justify; margin-top: 10px; } .fzlc li::before { content: ''; position: absolute; right: 0px; top: 24px; width: 78px; height: 2px; background: rgb(241, 241, 241); transition: .5s; } .fzlc { position: relative; margin-top: 20px; padding-top: 1px; } .fzlc li:first-child { margin-top: 60px; } .fzlc_co { padding-bottom: 30px; } .znzza { padding-top: 10px; border-top:none; margin-top: 0px; padding-bottom: 10px; } .znzzal { width: 100%; float: none; } .znzzal1 { width: 92%; margin: 0 auto; color: rgb(0, 0, 0); font-size: 18px; font-family: pfsc; line-height: 26px; margin-bottom: 10px; padding-top: 30px; } .scjd1{ font-size:18px; } .zzry { background: #f9f9f9; padding: 30px 0px; } .scsbl1 { font-family: pfsc; color: rgb(0, 0, 0); font-size: 18px; font-weight: 700; line-height: 26px; padding-top: 30px; padding-bottom: 10px; } .znzzal2 { width: 92%; margin: 0 auto; color: rgb(0, 0, 0); font-size: 14px; font-weight: 400; line-height: 28px; margin-bottom: 10px; } .znzzar { width: 100%; float: none; margin-top:7px; } .znzzar img{ width:100%; height:auto; } .znzzal3a{ height:auto; } .znzzal3a li{ margin-bottom:6px; } .xz_tp{ margin-top:6px; } .xz_tp1{ margin-top:0px; } .scjd { width: 100%; height: auto; background: url(../images/scjd_bg.jpeg) center no-repeat; background-size: cover; background-position: center; margin-bottom: 0px; padding: 30px 10px; position:relative; } .scjd::after{ content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); left:0px; top:0px; } .scjd1,.scjd2{ position:relative; z-index: 2; } .scjd2 { color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; line-height: 28px; width: 100%; text-align: justify; letter-spacing: 0px; margin-top: 17px; } .scsbl { width: 100%; float: none; } .scsbr { width: 100%; float: none; } .sbsc_li img{ width:100%; } .scsb { height: 576px; position: relative; } .scsb::after { content: ''; position: absolute; left: 0px; bottom: 0px; height: 100px; background: rgba(0,0,0,1); width: 100%; } .scsb_fx { position: absolute; bottom: 30px; left: 34%; color: #fff; z-index: 2; } .hzhb1 { padding-top: 30px; margin-top: 0px; border-top: none; } .hzhb1l { float: none; width: 100%; padding: 0px 10px; background: rgb(246, 246, 246); } .hzhb1r { float: none; width: 100%; } .hzhb1r img{ width:100%; } .ywly1cp{ padding:30px 10px; } .ywly1a_1a{ width:40px; } .ywly1a_1a img{ width:100%; } .ywly1a_1b1 { color: rgb(0, 0, 0); font-family: Source Han Sans CN; font-size: 18px; font-weight: 400; line-height: 24px; } .ywly1a_2b { color: rgb(0, 0, 0); font-family: pfsc; font-size: 14px; font-weight: 400; line-height: 30px; letter-spacing: 0.7199999690055847px; width: 100%; margin: 0 auto; text-align: center; padding-bottom: 20px; } .ywly1a_2a { position: relative; text-align: center; color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 18px; font-weight: 700; line-height: 30px; letter-spacing: 0px; padding-bottom: 10px; padding-top: 20px; margin-bottom: 10px; } .ywly1a_2a::after { content: ''; position: absolute; left: 50%; bottom: 0px; width: 51px; height: 1px; background: #dc1112; margin-left: -25.5px; } .ywly2 { background: url(../images/ywly2_bg.jpeg) center no-repeat; height: auto; width: 100%; background-size: cover; background-position: center; position: relative; padding-bottom:30px; } .ywly3_list { padding: 0px 0px 30px; } .ywly2_t::after { content: ''; position: absolute; left: 50%; bottom: 0px; width: 51px; height: 2px; background: #dc1112; margin-left: -25.5px; } .ywly2_a>li:nth-child(1),.ywly2_a>li:nth-child(2),.ywly2_a>li:nth-child(3),.ywly2_a>li:nth-child(4),.ywly2_a>li:nth-child(5),.ywly2_a>li:nth-child(6){ width:100%; } .ywly2_t { position: relative; text-align: center; color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 18px; font-weight: 700; line-height: 30px; letter-spacing: 0px; padding-bottom: 3px; padding-top: 20px; margin-bottom: 10px; } .ywly2_a{ margin-top:20px; } .ywly2_a li{ position: relative !important; top:0px !important; left:0px !important; right:0px !important; margin:10px auto; } .ywly3_list li{ width:49%; margin-right:2%; margin-bottom:15px; } .ywly3_list li:nth-child(2n){ margin-right:0px; } .ywly3_text{ font-size:12px; margin: 5px 0px; } .ywly3_ckxq { color: #dc1112; font-family: Microsoft YaHei; font-size: 12px; font-weight: 400; line-height: 30px; letter-spacing: 1px; text-align: center; padding-bottom: 10px; } .case_title { color: rgb(255, 255, 255); font-family: Microsoft YaHei; font-size: 18px; font-weight:400; line-height: 36px; letter-spacing: 0px; } .case_title1 { color: rgb(255, 255, 255); font-family: Microsoft YaHei; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0px; width: 100%; margin-top: 10px; } .product_content { background: #fff; padding: 30px 10px; } .case_list li { width: 100%; margin-right: 0%; margin-bottom: 15px; float: left; cursor: pointer; } .productn_top li { display: inline-block; width: 40%; text-align: center; margin: 5px 10px; line-height: 40px; position: relative; overflow: hidden; background: rgb(196, 196, 196,0.2); } .productn_top { text-align: center; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.16); margin-bottom: 10px; } .cpzx_r2 { background: #fff; padding: 30px 10px; margin:30px 0px; } .ty_atitle { font-size: 16px; font-family: pfzc; padding-bottom: 10px; margin-bottom: 0px; color: #000; padding-top: 0px; text-align: center; } .ty_dtitle { padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; text-align: center; margin-bottom: 10px; } .ty_c { margin: 30px 0px; } .ty_acontent p{ font-size:14px !important; } .job_title li { color: #000; float: left; font-size: 16px; width: 21.25%; line-height: normal; list-style: none; } .hrList_a1_title li:nth-child(3),.job_title li:nth-child(3){ width:16%; } .job_title li:nth-child(5),.hrList_a1_title li:nth-child(5){ width:20% !important; } .zshz li:nth-child(10){ width:70%; float:right; } .lxwm_r3 input{ line-height:40px; text-indent:10px; } .lxwm_r3 textarea{ line-height:40px; text-indent:10px; } .lxwm_r3 li:nth-child(4) input{ width:100%; line-height:40px; } .lx1r3 canvas{ width:100% !important; height:38px; } .lxwm_l li { margin: 15px 0px; } .zshz .lx1r2{ width:40%; } .btn { width: 100%; height: 50px; background: #dc1112; border-radius: 25px; line-height: 50px; text-align: center; color: #fff; margin-top: 9px; } .lxwm_l2a { color: rgb(255, 255, 255); font-family: Microsoft YaHei; font-size: 14px; font-weight: 700; letter-spacing: 2px; margin-bottom: 5px; } .footer_toprtext{ font-size:14px; } .lx1r2{ width:60%; } .lx1r3 { float: right; margin-left: 0px; } .ty_time span{ font-size:14px; } .products_list li { width: 49%; float: left; margin-right: 2%; margin-bottom: 15px; position: relative; } .products_list li:nth-child(2n){ margin-right:0px; } .news_title { color: rgb(229, 0, 17); font-size: 20px; font-weight: 700; line-height: 36px; text-align: center; position: relative; padding-bottom: 5px; margin-top: 30px; margin-bottom: 30px; background:none; } .xqy_1b .products_list li{ margin-bottom:8px; } .xqy_1b .pr_text { line-height: 50px; height: 50px; font-size: 14px; } .pr_img { padding: 15px 0px; position: relative; } .xgcased { text-align: center; padding: 0px 0px 20px; } .shzr_title .zzry_title { background: url(../images/shzr_bg.png) center no-repeat; background-size: 80%; } .shzr_title { padding-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,0.1); } .jrwm_c { background: #fff; position: relative; padding: 30px 10px; margin: 30px 0px 30px; } .join { padding-top: 0px; } .zshz { padding-top: 30px; margin-top: 0px; border:none; } .zshz li { line-height: 40px; width: 100%; float: left; margin-bottom: 15px; } .zshz li .zshzl { width: 28%; text-align: right; float: left; font-size:12px; } .zshz li:nth-child(10) { margin-left: 0%; } .tjly { margin-left: 0%; cursor: pointer; } .lxwm_l { background: #dc1112; width: 100%; float: none; padding:15px 0px; } .lxwm_l ul { padding-left: 10px; } .lxwm_l2b { color: rgb(255, 255, 255); font-family: Microsoft YaHei; font-size: 12px; font-weight: 400; } .lxwm_l1 { float: left; width:10%; } .lxwm_l1 img{ width:100%; } .lxwm_h { display: block; width:100%; height: auto; } .lxwm_r { width: 100%; background: #fff; padding-left: 10px; height: auto; float: none; padding-top: 20px; } .lxwm_r1 { color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 20px; font-weight: 700; line-height: 34px; } .lxwm_r2 { color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 12px; font-weight: 400; line-height: 22px; letter-spacing: 2px; } .lxwm_r3 { padding-top: 10px; } .ditu { margin-top: 20px; } .news_a1 { float: none; width: 100px; text-align: center; position: relative; padding-right: 0px; margin-right: 0px; margin:0 auto; } .news_a1::after{ display:none; } .news_a2 { float: none; width: 100%; margin-top:10px; } .news_a2a { color: rgb(0, 0, 0); font-size: 16px; font-weight: 400; line-height: 32px; margin-bottom: 5px; } .news_a3 { float: none; line-height: 36px; width: 130px; text-align: center; border: 1px solid rgba(0,0,0,0.1); border-radius: 18px; margin:0 auto; margin-top: 20px; color: rgba(0,0,0,0.6); position: relative; } .news_content { margin-top: 30px; padding-bottom:30px; } .news_lbs_text { background: #fff; color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 14px; font-weight: 400; line-height: 26px; padding: 10px 15px; display: table-cell; vertical-align: middle; width: 0.1%; height: 70px; } .tybanner { height: 200px; margin-top: 70px; } .bannerh { display: table-cell; vertical-align: middle; width: 0.1%; height: 200px; } .bnav { line-height: 40px; background: #fff; position: relative; bottom: 0px; left: 0px; width: 100%; height:auto; min-height:40px; padding: 0px 3%; border-bottom: 1px solid rgba(0,0,0,0.2); } .bnav li { float: left; width: 33.33%; text-align: center; position: relative; margin-right: 0px; } .bnav li a { color: rgb(16, 13, 13); font-family: pfsc; font-size:14px; } .bannerha { position: relative; padding-bottom: 10px; color: rgb(255, 255, 255); font-family: pfzc; font-size: 20px; font-weight: 400; line-height: 34px; margin-left:8%; } .bannerha::after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 24px; height: 2px; background: #fff; } .products { padding: 30px 0px; background: #f9f9f9; } .banners{ position:relative; top: 0px; } .index_po { position: relative; background: #fff; top: 0vh; } .xqy_1 { padding: 10px 10px; background: #fff; margin-top: 30px; } .xqyh { display: block; height: auto; width: 100%; } .xqy_1l { float: none; width: 100%; background: rgb(246, 246, 246); text-align: center; } .xqy_1l img{ transform: scale(0.8); } .xqy_1r { width: 100%; float: none; } .xqy_1r1 { color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 18px; font-weight: 700; line-height: 30px; margin-bottom: 5px; margin-top:5px; } .xqy_1r3 li { background: rgba(0, 0, 0,0.1); line-height: 48px; float: left; padding: 0px 0px; width:32%; margin-right: 2%; font-size: 14px; text-align:center; margin-bottom:10px; } .xqy_1r3 li:nth-child(3n){ margin-right:0px; } .xqy_1r3 { padding-top: 15px; padding-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,0.1); } .xqy_1r4 { font-size: 14px; color: #000; margin: 20px 0px; } .xqy_1r4 span { font-size: 18px; font-weight: 700; color: #dc1112; } .xqy_1r5{ text-align:center; width:100%; line-height:36px; } .xqy_1r5 li a{ font-size:14px; } .xqy_2 { padding: 30px 10px 1px; background: #fff; margin-top: 42px; } .xqy_text { margin-top: 15px; margin-bottom: 30px; padding: 20px 10px; background: rgb(246, 246, 246); color: rgba(0, 0, 0,0.88); font-family: Microsoft YaHei; font-size: 14px; font-weight: 400; line-height: 30px; text-align:justify; } .xqy_2t1 { color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 18px; font-weight: 400; line-height: 30px; } .xqy_text ul { margin-top: 10px; } .xqy_text li { width: 100%; float: none; margin-right: 0%; margin-bottom:15px; } .xqy_3 { padding: 30px 10px; background: #fff; margin-top: 30px; } .xqy_3title { position: relative; color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 18px; font-weight: 400; line-height: 30px; text-align: center; padding-bottom: 10px; margin-bottom:15px; } .xqy_3a li:nth-child(5) .lx1r2 { width: 100%; } .xqy_1r5 li i{ font-size:16px; } .ywly4 .w1580 { width: 96%; margin: 0 auto; position: relative; } .ywly4 { height: auto; width: 100%; background: url(../images/jjfa_bg2.jpeg) left no-repeat; background-size: 100% 100%; padding-bottom:30px; } .ywly4l1 { color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 18px; font-weight: 700; line-height: 48px; position: relative; padding-bottom: 10px; margin-bottom: 20px; } .ywly4r { position: relative; left: 0px; top: 0px; } .ywly4ra img{ width:100%; } .ywly4rb { position: absolute; top: 186px; left: 137px; } .ywly4rb img{ width:60%; } .ywly4rc { position: relative; top: 0px; left: 0px; width: 100%; height: auto; background: rgb(255, 255, 255); border-radius: 10px; padding: 0px 20px; } .ywly4l { width: 100%; padding-top: 30px; text-align:center; } .ywly4l1::after { content: ''; position: absolute; bottom: 0px; left: 50%; margin-left:-25.5px; width: 51px; height: 2px; background: #dc1112; } .ywly4l2 li { width: 49%; line-height: 41.5px; float: left; text-align: center; margin-right: 2%; margin-bottom: 15px; border: 1px solid rgba(255, 255, 255); color: rgb(0, 0, 0); font-family: Microsoft YaHei; font-size: 14px; font-weight: 400; letter-spacing: 0.7199999690055847px; background: rgba(255,255,255,0.23); cursor: pointer; } .ywly4l2 li:nth-child(2n){ margin-right:0px; } .ywly4rb{ display:none; } .ywly4rc { position: relative; top: 0px !important; left: 0px !important; width: 100% !important; height:auto !important; min-height: 228px; background: rgb(255, 255, 255); border-radius: 10px; padding: 0px 20px; padding-bottom:20px; } .ywly4rc1 { background: rgb(255, 152, 59); border-radius: 19px; width: 186px; height: 30px; margin: 0 auto; position: relative; top: -15px; line-height: 30px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; letter-spacing: 2px; text-align: center; margin-bottom: 10px; } .ywly4rc2 { width: 100% !important; float: none !important; margin: 0px !important; padding:8px 0px; } .ywly4r_con { float: right; width: 70% !important; margin-right: 15px; } .ywly4ra{ margin-top:-60px; } .case_list{ margin-top:30px; } .gcal_title{ padding-bottom:5px; line-height:36px; } .news_title::after { content: ''; position: absolute; left: 50%; bottom: 0px; height: 2px; width: 34px; background: rgb(23, 23, 23); margin-left: -17px; } .zzry_title::after { content: ''; position: absolute; left: 50%; bottom: 0px; height: 2px; width: 34px; background: rgb(23, 23, 23); margin-left: -17px; } .qywh_title::after { content: ''; position: absolute; left: 50%; bottom: 0px; height: 2px; width: 34px; background: rgb(23, 23, 23); margin-left: -17px; } .news_lbs{ width:96%; } .banners .arrow-right { background: url(../images/banner_arrow.png) no-repeat left bottom; position: absolute; background-size: 100%; right: 20px; top: 55%; margin-top: -15px; width: 30px; height: 30px; z-index: 999; outline: none; cursor: pointer; } .banners .arrow-left { background: url(../images/banner_arrow.png) no-repeat left top; position: absolute; background-size: 100%; left: 20px; top: 55%; margin-top: -15px; width: 30px; height: 30px; z-index: 999; cursor: pointer; } .news_bg{ background: rgb(241, 241, 241); } .hzhb2 { text-align: center; margin-top: 30px; padding-bottom: 30px; position: relative; } .hzhb2t { position: relative; height: 150px; width: auto; margin: 0 auto; } .hzhb2b { width: 100%; margin: 17px auto 0px; line-height: 34px; position: relative; } .hzhb2b li { width: 33.33%; float: left; text-align: center; color: rgb(174, 174, 174); font-family: Microsoft YaHei; font-size: 16px; font-weight: 700; line-height: 34px; letter-spacing: 2px; cursor: pointer; position: relative; padding-bottom: 10px; } .hzhb_left { width: 30px; height: 30px; text-align: center; line-height: 28px; border: 1px solid rgba(0, 0, 0,0.1); color: rgb(105, 105, 105); border-radius: 50%; position: absolute; top: 56px; left: 0px; z-index: 2; cursor: pointer; } .hzhb_left i { font-size: 14px; position:relative; top:-1px; } .hzhb_right { width: 30px; height: 30px; text-align: center; line-height: 28px; border: 1px solid rgba(0, 0, 0,0.1); color: rgb(105, 105, 105); border-radius: 50%; position: absolute; top: 56px; right: 0px; z-index: 2; cursor: pointer; } .hzhb_right i { font-size: 14px; position:relative; top:-1px; } .ywly4r li:last-child .ywly4ra{ margin-left:0px; } .news_topl { width: 100%; float: none; } .news_top { padding-bottom: 28px; height: auto; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 28px; } .news_topr { width: 100%; float: none; margin-right: 0%; } .news_toprh { width: 100%; display: block; height: auto; padding-top:20px; } .ldgh li { width: 100%; float: none; margin-right: 0%; margin-bottom: 15px; } .ldghtext { background: #f8f8f8; padding: 0px 5px; } .ldghr2 { font-size: 14px; color: rgba(0,0,0,0.27); line-height: 24px; letter-spacing: 1.12px; height: auto; display:block; text-align:justify; padding-bottom: 17px; border-bottom: 1px solid rgba(0,0,0,0.08); } .ldghr3 { color: rgba(0,0,0,0.27); padding: 10px 0px; font-size:14px; } .ldghr3a i { font-size: 16px; } .ldghr1 { font-size: 18px; color: #333; height: auto; padding-top: 15px; padding-bottom:15px; font-weight: 500; } .lxfs_l1 { font-size: 20px; font-weight: 700; color: #333; line-height: 60px; letter-spacing: 2px; } .lxfs { border-bottom: 1px solid rgba(112,112,112,0.16); padding-bottom: 20px; padding-left: 0%; padding-right: 0%; } .ty_bg table tr:first-child p{ font-size:16px; text-align:center; } .ty_bg table td{ font-size:12px; text-align:left; line-height:20px; } .ty_acontent td{ font-size:12px; line-height:20px; } .ty_acontent table{ width:100% !important; } .ty_atitle { font-size: 18px; padding-bottom: 10px; margin-bottom: 10px; color: #000; padding-top: 10px; text-align: center; line-height:28px; } .ty_time span { position: relative; display: inline-block; line-height: 1.563vw; padding-right: 1.302vw; margin-right: 1.354vw; font-size: 14px; color: #666; } .news_topr1 { font-size: 20px; font-weight: 700; text-align: left; color: #c2171e; letter-spacing: 1.76px; position: relative; padding-bottom: 8px; margin-bottom: 16px; text-align:left; } .news_topr2 { font-size: 16px; color: #333; font-weight: 400; letter-spacing: 1px; margin-bottom: 17px; text-align:left; } .news_topr3{ text-align:left; } .pages-emolument{ padding:0px 0px 0px; } .bdzc_title{ margin-top:30px; margin-bottom:30px; background:url(../images/bdzc_en.png) bottom no-repeat; background-size:90%; color:#000; } .jrwm_top1 ul li { width: 49%; float: left; text-align: center; margin-right: 2%; background: rgb(255, 255, 255); margin-bottom:8px; } .jrwm_top1 ul li:nth-child(2n){ margin-right:0px; } .jrwm_top1 .ty_h { height: 140px; width: 0.1%; } .jrwm_top1 ul li img { width: 25%; margin: 0 auto; } .about3a { color: rgb(255, 255, 255); font-size: 22px; font-weight: 700; line-height: 50px; text-align: center; padding-top: 60px; } .about3b { color: rgb(252, 248, 248); font-size: 14px; text-align: center; line-height: 24px; width: 90%; margin: 0 auto; } .about3c li { width: 100%; padding: 20px 35px; float: none; background: rgb(247, 247, 247); } .about3c { width: 100%; margin: 60px auto 0px; } .hxjzl { margin-bottom: 15px; padding-top: 15px; } .hxjzl img{ width:100%; } .bghjsd { background: #f9f9f9; padding: 20px 0px 20px; } .bghjt { padding-top: 0px; } .bghjd { text-align: center; padding-bottom: 20px; } .about3ca1 { color: rgb(16, 16, 16); font-size: 18px; font-weight: 700; line-height: 50px; } .about3ca2 { opacity: 0.8; color: rgb(16, 16, 16); font-size: 12px; height: 40px; } .about3c li:nth-child(1) .about3ca2{ height: 20px; } .about3cb .ty_h { height: auto; width: 100%; } .about3cb p { font-size: 14px; position: relative; text-indent: 20px; } .about3cb { color: rgb(55, 55, 55); font-size: 18px; font-weight: 400; line-height: 45px; } .about3ca { border-bottom: 1px solid rgba(56, 56, 56,0.13); padding-bottom: 10px; } .zzjg .zzry_title1 { background: url(../images/zzjg_en.png) center bottom no-repeat; background-size: 80%; } .zzjg { padding: 50px 0px 40px; } .about3 { background: url(../images/cybj.jpeg) center no-repeat; background-size: cover; background-position: center; padding-bottom: 50px; } .ygfcfc { margin-top: 30px; } .ygfca_a { text-align: center; padding: 10px 0px 0px; } .cdzs1 { border-bottom: 1px solid rgb(221, 221, 221); line-height: 48px; } .cdzs1 li { color: rgb(42, 42, 42); font-size: 18px; font-weight: 700; display: inline-block; padding: 0px 15px; position: relative; cursor: pointer; } .cdzs1 li::after { content: ''; position: absolute; height: 3px; left: 50%; right: 50%; bottom: -2px; background: #C70220; transition: .5s; z-index: 1; } .cdzs2 { padding: 30px 0px; } .cdzs2 .cdzs2a { width: 100%; float: none; } .cdzs2 .cdzs2b { width: 100%; float: none; margin-top:7px; } .cdzs2b1 img { width: 100%; height: auto; } .cdzs2a2 { margin-top: 7px; } .shzrb li{ width:100%; margin:5px auto; float:none; } .shzrb li img{ width:100%; } .shzra { padding-top: 30px; padding-bottom: 30px; } .shzra p { color: rgb(0, 0, 0); font-family: 微软雅黑; font-size: 14px; font-weight: 400; line-height: 28px; text-align: justify; text-indent:2em; } .shzrb { padding-bottom: 30px; } .shzrca { color: rgb(32, 32, 32); font-size: 22px; font-weight: 700; line-height: 26px; padding-bottom: 18px; border-bottom: 1px solid rgba(0, 0, 0,0.11); margin-bottom: 30px; } .xqyh img{ width:100%; } .cdgm_l { width: 100%; float: none; } .cdgm_l1 { color: rgb(0, 0, 0); font-size: 22px; line-height: 36px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgb(208, 208, 208); } .cdgm_l2 { color: rgb(52, 52, 52); font-size: 14px; font-weight: 400; line-height: 30px; } .cdgm_l .ty_h { height: auto; width: 100%; } .cdgm_r { width: 100%; float: none; } .cdgm_ra { padding: 20px; width: 50%; height: 182px; } .cdgm_ra2 { color: rgb(255, 255, 255); font-size: 14px; margin-top: 30px; } .cdgm_ra3 { color: rgb(255, 255, 255); font-size: 12px; line-height: 18px; } .cdgma { margin-top: 10px; } .cdgma li { width: 100%; margin-right: 0%; float: none; margin-bottom:10px; } .cdgms { margin-top: 10px; } .zncc { margin-top: 30px; } .zncc1 { color: rgb(0, 0, 0); font-size: 20px; font-weight: 400; line-height: 30px; } .zncc1 { color: rgb(0, 0, 0); font-size: 20px; font-weight: 400; line-height: 30px; } .zncc3 li { position: relative; width: 100%; overflow: hidden; transition: .5s; margin-right: 0px; float: none; margin-bottom:15px; } .zncc3 li img{ width:100%; } .zncc3 li.action { width: 100%; } .zncc2 { color: rgb(52, 52, 52); font-size: 14px; font-weight: 400; line-height: 28px; margin: 18px 0px 20px; } .hbaq .ty_h { height: auto; width: 100%; padding: 30px 20px 30px 20px; } .hbaq_r { position: relative; right: 0px; top: 0px; width: 100%; } .hbaq .w1300 { width: 100%; background: url(../images/hbaq_bg.jpeg) center no-repeat; background-size: cover; background-position: center; margin-top: 30px; } .hbaq1 { color: rgb(0, 0, 0); font-size: 20px; line-height: 28px; } .hbaq2 { color: rgb(71, 71, 71); font-size: 14px; line-height: 30px; text-align: justify; margin-top: 10px; } .hbaq { position: relative; height: auto; margin-bottom: 15px; } .hbaqd { text-align: center; position: absolute; bottom: 0px !important; z-index: 999; } .cdgm { margin-top: 30px; } .mySwiper2 img { display: inline; height: auto; transform: scale(1); } .xqy_1ba { color: rgb(42, 42, 42); font-size: 18px; font-weight: 400; line-height: 30px; padding: 20px 0px 20px; border-top: 1px solid rgb(220, 219, 219); margin-top: 30px; } .xqy_1a .xqy_1r { position: relative; height: auto; } .xqy_1a3 { position: relative; bottom: 0px; left: 0%; width: 100%; margin-top:20px; } .mySwiper img { height: 90px; display: inline; } .wdxt_li li { position: relative; width: 100%; height: 100px; float: none; margin-right: 0%; margin-bottom:15px; } .wdxt_li1 { height: 80px; width: 85%; position: absolute; left: 7.5%; top: 0px; z-index: 1; padding: 10px 10px 0px 10px; } .wdxt_li2 { position: absolute; top: 20px; left: 0px; width: 100%; height: 80px; border-radius: 10.2px; } .wdxt_li1a { float: right; position: relative; top: 7px; right: 10px; } .wdxt .zzry_title1 { background: url(../images/wdxt_en.png) center bottom no-repeat; background-size: 100%; padding-bottom: 20px; margin-bottom: 20px; margin-top: 30px; } .wdxt_li { padding-bottom: 0px; } .jdyl .zzry_title1 { background: url(../images/jdyl_en.png) center bottom no-repeat; padding-bottom: 20px; margin-bottom: 20px; margin-top: 30px; background-size: 100%; } .jdyl_l { width: 100%; float: none; } .jdyl_r{ width:100%; float:none; } .jdyl { padding-bottom: 30px; } .jdyl_sj{ font-family: "思源黑体 Medium"; font-size:14px; line-height:30px; } .cdzs_text { opacity: 0.8; color: rgb(0, 0, 0); font-size: 14px; font-weight: 400; line-height: 38px; width: 100%; margin: 0px auto 0px; padding-bottom: 0px; text-align: center; } .ty_acontent video{ width:100% !important; margin:0 auto !important; } }