.gai-kh-zc{ position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0;} .gai-kh-zc h1{ font-size:36px; font-weight:normal; margin:20px 0;} .gai-kh-zc p{ width:490px; text-align:center; margin:0 auto; font-size:20px; line-height:1.8;} .jxs { padding: 120px 0; background: #fff; } .jxs-nav { overflow: hidden; } .jxs-fl { width: 60%; } .jxs-fl h3 { font-size: 40px; color: #333333; font-weight: bold; margin-bottom: 25px; } .jxs-fl p { font-size: 18px; color: #555555; line-height: 32px; } .jxs-fr { width: 40%; zoom: 1; } .jxs-fr:after { display: block; content: ''; clear: both; } .jxs-link { float: right; width: 300px; height: 50px; border-radius: 50px; border: 1px solid #d0111b; margin-top: 20px; } .jxs-link a { display: block; font-size: 24px; color: #d0101b; text-align: center; line-height: 48px; } .jxs-link:hover { background: #d0111b; } .jxs-link:hover a { color: #fff; } .zc-pic{ position:relative; width:160px; height:160px; background:#777777; border-radius:50%; margin:0 auto; transition-duration:.5s;} .zc-pic img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;} .gai-kh-zc:hover .zc-pic{ background:#d0111b} .gai-kh-zc:hover h1{ color:#d0111b} .kh-all { padding-top: 85px; padding-bottom: 120px; background: #f6f6f6; } .kh-all-nav li { margin-bottom: 30px; zoom: 1; position:relative; } .kh-all-nav li:after { display: block; content: ''; clear: both; } .kh-all-nav li:nth-child(1) .kh-message { height: 363px; } .kh-all-nav li:nth-child(2) .kh-message { height: 348px; } .kh-all-nav li:nth-child(3) .kh-message { height: 395px; } .kh-message { position: relative; cursor: pointer; overflow:hidden; } .kh-message img { display: block; width: 100%; transition-duration: 0.5s; height:100%; } .kh-message:hover img { transform: scale(1.1); } .kh1 { width: 32%; } .kh2 { width: 66%; } .kh-all-nav li:nth-child(2) .kh1,.kh-all-nav li:nth-child(3) .kh1 { margin-right: 2%; } .kh-all-nav li:nth-child(2) .kh1:last-child ,.kh-all-nav li:nth-child(3) .kh1:last-child{ margin-right: 0; } .kh-title { width: 100%; padding: 20px 30px; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; transition-duration: 0.5s; } .kh-title h3 { font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 10px; } .kh-title p { font-size: 14px; color: #fff; font-family: "宋体"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kh-message:hover .kh-title { background: rgba(208, 16, 27, 1); } .khzq { margin-top: 123px; padding-top: 70px; padding-bottom: 20px; background: url(../images/kh-bg1.jpg) no-repeat; } .khzq-nav { position: relative; } .khzq-nav h3 { font-size: 40px; color: #fff; font-weight: bold; margin-bottom: 70px; } .khzq-nav ul { zoom: 1; } .khzq-nav ul:after { display: block; content: ''; clear: both; } .khzq-nav ul li { float: left; /*width: 12.5%; text-align: center;*/ margin-right: 65px; } .khzq-nav ul li:last-child { margin-right: 0; } .khzq-nav ul li a { font-size: 18px; color: #fff; line-height: 32px; position: relative; } .khzq-nav ul li a:before { display: block; content: ''; width: 0%; height: 2px; background: #fff; position: absolute; left: 50%; bottom: -10px; transition-duration: 0.5s; } .khzq-nav ul li a:hover { font-weight: bold; } .khzq-nav ul li a:hover:before { width: 100%; left: 0; } .active-now a { font-weight: bold; } .active-now a:before { width: 100% !important; left: 0 !important; } .khzq-fu { padding-left: 40px; font-size: 16px; color: #fff; line-height: 40px; position: absolute; right: 0; top: 0; } .khzq-fu:before { display: block; content: ''; width: 40px; height: 40px; background: url(../images/home2.png) no-repeat center center; position: absolute; left: 0; top: 0; } .khzq-fu a { font-size: 16px; color: #fff; } .khjs { padding: 100px 0; } .khjs-nav { overflow: hidden; } .khjs-nav h3 { font-size: 40px; color: #333333; font-weight: bold; margin-bottom: 15px; } .khjs-message { position: relative; zoom: 1; } .khjs-message:after { display: block; content: ''; clear: both; } .khjs-fl { float: left; width: 58%; padding-right: 3%; font-size: 16px; color: #555555; line-height: 26px; text-align: justify; } .khjs-fl p:nth-child(1) { text-indent: 2rem; margin-bottom: 20px; } .khjs-fl li { padding-left: 2rem; position: relative; margin-top: 9px; } .khjs-fl li span { color: #d0111b; font-weight: bold; } .oem-wz { padding-top: 30px; } .khjs-fl li:before { display: block; content: ''; width: 16px; height: 16px; background: url(../images/kh-icon1.png) no-repeat; position: absolute; left: 0; top: 5px; } .khjs-fr { float: right; width: 42%; overflow: hidden; } .khjs-fr img { display: block; width: 100%; transition-duration: 0.5s; } .khjs-fr:hover img { transform: scale(1.1); } .kh-demo { padding-top: 75px; padding-bottom: 120px; background: url(../images/kh-bg2.jpg) no-repeat; } .kh-demo-nav h3 { font-size: 36px; color: #fff; font-weight: normal; text-align: center; margin-bottom: 50px; } .kh-demo-nav ul { zoom: 1; } .kh-demo-nav ul:after { display: block; content: ''; clear: both; } .kh-demo-nav ul li { float: left; width: 30%; margin-right: 5%; transition-duration: .5s; } .kh-demo-nav ul li:nth-child(3) { margin-right: 0; } .kh-demo-com { width: 100%; background: #fff; padding: 38px 0 65px 0; text-align: center; position: relative; transition-duration: .5s; } .kh-demo-com:before { content: ""; position: absolute; width: 0; height: 6px; background: #d63b42; left: 50%; transform: translate(-50%); transition-duration: .5s; bottom: 0; } .demo-icon { width: 86px; height: 86px; border-radius: 50%; -moz-box-shadow: 0px 0px 11px #C4C4C4; -webkit-box-shadow: 0px 0px 11px #C4C4C4; box-shadow: 0px 0px 11px #C4C4C4; margin: 0 auto; transition-duration: .5s; } .demo-icon img { transition-duration: .5s; } .kh-demo-com p { font-size: 24px; color: #333; padding: 20px 0 10px 0; } .kh-demo-com span { display: block; font-size: 16px; color: #333; } .kh-demo-com:hover:before { width: 100%; } .kh-demo-com:hover .demo-icon { -moz-box-shadow: 0px 0px 17px #949494; -webkit-box-shadow: 0px 0px 17px #949494; box-shadow: 0px 0px 17px #949494; } .kh-demo-nav ul li:hover { -moz-box-shadow: 0px 0px 17px #949494; -webkit-box-shadow: 0px 0px 17px #949494; box-shadow: 0px 0px 17px #949494; transform: scale(1.1, 1.1) } .kh-demo-com:hover .demo-icon img { -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; } .new-pro { padding-top: 100px; padding-bottom: 70px; background: #f8f9fb; } .new-pro-nav { padding-left: 45px; padding-bottom: 35px; position: relative; } .new-pro-nav:before { display: block; content: ''; width: 25%; height: 100%; background: url(../images/h-sk.jpg) no-repeat top center #d0111b; position: absolute; left: 0; top: 0; z-index: 1; } .new-pro-nav h3 { font-size: 36px; color: #fff; font-weight: normal; padding-top: 30px; padding-bottom: 20px; position: relative; z-index: 2; } .new-pro-nav .picScroll-left { width: 100%; position: relative; z-index: 2; } .new-pro-nav .picScroll-left .hd { display: flex; position: absolute; right: 10px; top: -66px; } .new-pro-nav .next, .new-pro-nav .prev { display: block; width: 45px; height: 45px; margin: 0 4px; cursor: pointer; } .new-pro-nav .prev { background: url(../images/kh-z1.png) no-repeat; } .new-pro-nav .prev:hover { background: url(../images/kh-z2.png) no-repeat; } .new-pro-nav .next { background: url(../images/kh-y1.png) no-repeat; } .new-pro-nav .next:hover { background: url(../images/kh-y2.png) no-repeat; } .new-pro-nav .picScroll-left .bd { } .new-pro-nav .picScroll-left .bd ul { overflow: hidden; zoom: 1; } .new-pro-nav .picScroll-left .bd ul li { width: 24%; float: left; margin-right: 17px; _display: inline; overflow: hidden; text-align: center; transition-duration: 0.2s; } .new-pro-nav .picScroll-left .bd ul li p { font-size: 20px; color: #333333; margin-top: 15px; margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .new-pro-nav .picScroll-left .bd ul li span { font-size: 16px; color: #d0111b; } .new-pro-message { width: 100%; background: #fff; border: 1px solid #e0e0e0; padding-bottom: 15px; transition-duration: 0.5s; } /*.new-pro-nav .picScroll-left .bd ul li:hover{ border: 1px solid #d0111b; }*/ .new-pro-nav .picScroll-left .bd ul li:hover .new-pro-img img { transform: scale(1.1); } .new-pro-nav .picScroll-left .bd ul li:hover .new-pro-message { background: #d0111b; } .new-pro-nav .picScroll-left .bd ul li:hover p { color: #fff; } .new-pro-nav .picScroll-left .bd ul li:hover span { color: #fff; } .new-pro-img { border-bottom: 1px solid #e0e0e0; margin: 0 auto; position:relative; padding-bottom:80%; text-align: center; background: #fff; } .new-pro-img img { transition-duration: 0.5s; max-width:100%; max-height:100%; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; } .kh-case { padding-top: 110px; } .kh-title2 { font-size: 36px; color: #333333; font-weight: normal; text-align: center; margin-bottom: 20px; } .kh-title2 span { color: #d0111b; } .swiper-slide { position: relative; } .swiper-slide-active .kh-case-name { display: block !important; } .kh-case-name { display: none; position: absolute; width: 90%; height: 180px; padding: 40px 60px 0; background: #f5f5f5; text-align: center; border-radius: 8px; left: 5%; bottom: -90px; } .kh-case-name h4 { font-size: 30px; color: #333333; margin-bottom: 15px; font-weight: normal; } .kh-case-name p { font-size: 16px; color: #555555; text-align: center; } .kh-question { width: 100%; padding-top: 30px; padding-bottom: 65px; } .kh-question-nav ul { zoom: 1; } .kh-question-nav ul:after { display: block; content: ''; clear: both; } .kh-question-nav ul li { float: left; width: 32%; margin-right: 2%; margin-bottom: 20px; padding: 10px; border: 1px solid #dbdbdb; } .kh-question-nav ul li:nth-child(3n) { margin-right: 0; } .kh-question-list { zoom: 1; } .kh-question-list:after { display: block; content: ''; clear: both; } .kh-question-fl { float: left; width: 70px; height: 70px; text-align: center; line-height: 70px; border: 1px solid #f6f6f6; } .kh-question-fr { float: left; width: calc(100% - 70px); padding-left: 20px; font-size: 18px; color: #555555; line-height: 70px; } .kh-question-fr p { position: relative; widows:100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .kh-question-fr p:before { display: block; content: ''; width: 0%; height: 2px; background: #d0101b; position: absolute; left: 50%; bottom: -2px; transition-duration: 0.5s; } .kh-question-nav ul li:hover .kh-question-fr { color: #d0101b; } .kh-question-nav ul li:hover .kh-question-fr p:before { width: 100%; left: 0; } .kh-more { padding-top: 60px; padding-bottom: 70px; background: url(../images/kh-bg3.jpg) no-repeat; } .kh-more-nav { zoom: 1; overflow: hidden; } .kh-more-nav:after { display: block; content: ''; clear: both; } .kh-more-fr { float: right; width: 50%; } .kh-more-fr h3 { font-size: 36px; color: #333333; font-weight: normal; text-align: right; margin-bottom: 40px; } .kh-more-link { zoom: 1; } .kh-more-link:after { display: block; content: ''; clear: both; } .kh-more-com { float: left; width: 49%; padding-top: 60px; padding-bottom: 80px; background: #fff; text-align: center; border: 1px solid #dbdbdb; position: relative; } .kh-more-com:before { content: ""; position: absolute; width: 0; height: 6px; background: #d63b42; left: 50%; transform: translate(-50%); transition-duration: .5s; bottom: 0; } .kh-more-com:nth-child(1) { margin-right: 2%; } .kh-more-icon { width: 86px; height: 86px; border-radius: 50%; -moz-box-shadow: 0px 0px 11px #C4C4C4; -webkit-box-shadow: 0px 0px 11px #C4C4C4; box-shadow: 0px 0px 11px #C4C4C4; margin: 0 auto; margin-bottom: 30px; transition-duration: .5s; } .kh-more-icon img { transition-duration: .5s; } .kh-more-com:hover .kh-more-icon { -moz-box-shadow: 0px 0px 17px #949494; -webkit-box-shadow: 0px 0px 17px #949494; box-shadow: 0px 0px 17px #949494; } .kh-more-com:hover .kh-more-icon img { -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; } .kh-more-link h4 { font-size: 24px; color: #333333; font-weight: bold; margin-bottom: 20px; } .kh-more-link a { display: block; width: 160px; height: 50px; border: 1px solid #2e2e2e; margin: 0 auto; font-size: 18px; color: #333333; text-align: center; line-height: 50px; } .kh-more-com:hover a { background: #d0111b; color: #fff; border: 1px solid #d0111b; } .kh-more-com:hover { -moz-box-shadow: 0px 0px 17px #949494; -webkit-box-shadow: 0px 0px 17px #949494; box-shadow: 0px 0px 17px #949494; } .kh-more-com:hover:before { width: 100%; } .kh-demo-com:hover .kh-more-icon img { -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; } .khfk-nav { zoom: 1; position: relative; background: #f8f9fb; } .khfk-nav:after { display: block; content: ''; clear: both; } .khfk-fl { position: absolute; width: 50%; height:100%; left: 0; text-align:center; } .gai-bd { width: 45%; } .kh-bd-more dl { font-size: 18px; } .kh-bd-more dl dt { float: left; } .kh-bd-more dl dd { float: left; } .kh-bd-more dl dd span { font-family: "Arial"; font-size: 22px; color: #d0101b; } .khfk-fl h3 { font-size: 36px; color: #333333; font-weight: normal; margin-bottom: 20px; } .khfk-input { width: 49%; margin-bottom: 10px; float:left; margin-right:1%; position:relative; } .yzm { width:100%;} .yzm img { position: absolute; top: 0; right: 1%; width: 100px; height: 40px; } .khfk-sub{ clear:both; display:block;} .khfk-input input { width: 100%; border: 1px solid #eeeeee; height: 40px; outline: none; padding-left: 20px; font-size: 15px; color: #333; } .yzm input{ width:81%;} .khfk-input input:focus { border: 1px solid #d0111b; } .bsk{ width:99%;} .khfk-input textarea { width: 100%; height: 100px; border: 1px solid #eeeeee; outline: none; padding: 20px; font-size: 15px; color: #333; font-family: "微软雅黑"; box-sizing: border-box; resize: none; } .khfk-input textarea:focus { border: 1px solid #d0111b; } .khfk-sub a { display: block; width: 260px; height: 50px; background: #d0111b; margin: 0 auto; margin-top: 20px; font-size: 20px; color: #fff; text-align: center; line-height: 50px; transition-duration: 0.5s; position: relative; top: 0; } .khfk-sub a:hover { top: -5px; box-shadow: 4px 4px 4px #d0111b; } .khfk-fr { float: right; width: 50%; overflow: hidden; } .khfk-fr img { width: 100%; display: block; transition-duration: 0.5s; } .khfk-fr:hover img { transform: scale(1.1, 1.1) } .dgjs-fl { width: 51%; float: left; } .dgjs-fl p { font-size: 18px; color: #555555; line-height: 34px; text-align: justify; text-indent: 2rem; margin-bottom: 20px; } .dgjs-fr { width: 49%; float: left; padding-left: 6%; } .dgjs-video { position: relative; width: 100%; overflow: hidden; } .dgjs-video>img { transition-duration: 0.5s; width:100%; } .dgjs-video:hover>img { transform: scale(1.1); } .go-down { width: 37px; height: 39px; border: 1px solid #d0111b; text-align: center; line-height: 39px; position: absolute; bottom: 0; left: 0; animation: fadeInDown2 1s infinite; -webkit-animation: fadeInDown2 1s infinite;/*Safari and Chrome*/ } .go-down img { vertical-align: middle; } .dg-picture { margin-top: 95px; } .picMarquee-left { width: 100%; overflow: hidden; position: relative; } .picMarquee-left .bd ul { overflow: hidden; zoom: 1; } .picMarquee-left .bd ul li { margin: 0 4px; float: left; _display: inline; overflow: hidden; text-align: center; width:24.5%; } .picMarquee-left .bd ul li img{ width:100%;} .dg-picture-nav { width: 100%; } .more-fw { padding: 80px 0; background: url(../images/dg-bg2.jpg) no-repeat center center; position: relative; z-index: 1; } .more-fw:before { display: block; content: ''; width: 36%; height: 100%; background: rgba(58,59,63,0.9); position: absolute; left: 0; top: 0; z-index: 2; } .more-fw-nav { position: relative; overflow: hidden; z-index: 3; zoom: 1; } .more-fw-nav:after { display: block; content: ''; clear: both; } .more-fw-fl { float: left; width: 24.5%; text-align: center; } .more-fw-fl h3 { font-size: 36px; color: #fff; font-weight: normal; margin-bottom: 20px; margin-top: 90px; } .more-fw-fl p { font-size: 18px; color: #fff; margin-bottom: 60px; } .more-fw-fr { float: left; width: 75.5%; background: rgba(255,255,255,0.9); padding: 30px 80px; } .more-fw-fr ul { zoom: 1; } .more-fw-fr ul:after { display: block; content: ''; clear: both; } .more-fw-fr ul li { float: left; width: 50%; padding: 20px 45px; text-align: center; border-right: 1px solid #d6d9db; border-bottom: 1px solid #d6d9db; cursor: pointer; } .more-fw-fr ul li:nth-child(2) { border-right: none; } .more-fw-fr ul li:nth-child(3) { border-bottom: none; } .more-fw-fr ul li:nth-child(4) { border-right: none; border-bottom: none; } .more-fw-fr ul li img { margin-bottom: 15px; transition-duration: 0.5s; } .more-fw-fr ul li h3 { font-size: 30px; color: #333333; margin-bottom: 5px; font-weight: normal; } .more-fw-fr ul li p { font-size: 14px; line-height: 24px; color: #777777; font-family: "宋体"; } .more-fw-fr ul li:hover img { transform: rotateY(180deg); } .more-fw-fr ul li:hover h3 { color: #d0111b; } .more-fw-fr ul li:hover p { color: #d0111b; } .need-fw { background: #ffffff; } .need-fw-nav { padding-top: 130px; padding-bottom: 160px; background: url(../images/dg-bg3.png) no-repeat top center; background-size: 100% auto; text-align: center; } .need-fw-nav h3 { font-size: 36px; color: 333333; font-weight: bold; margin-bottom: 10px; } .need-fw-nav p { font-size: 18px; color: #555555; margin-bottom: 60px; } .need-fw-nav ul { display: inline-block; zoom: 1; } .need-fw-nav ul:after { display: block; content: ''; clear: both; } .need-fw-nav ul li { float: left; margin-right: 120px; } .need-fw-nav ul li:nth-child(4) { margin-right: 0; } .need-fw-nav ul li a { font-size: 20px; color: #d0111b; transition-duration: 0.5s; } .need-fw-nav ul li a:hover { font-weight: bold; } .smgz { display: block; width: 275px; height: 50px; border: 1px solid #777777; margin: 0 auto; margin-top: 30px; font-size: 20px; color: #555555; text-align: center; line-height: 50px; position: relative; transition-duration: 0.5s; } .smgz:after { content: ""; width: 0; height: 100%; position: absolute; left: 50%; transform: translate(-50%); background: #d0111b; top: 0; z-index: -1; transition-duration: .5s; } .smgz:hover { color: #fff; border: 1px solid #d0111b; } .smgz:hover:after { width: 100%; } .khjs-message h5 { font-size: 22px; color: #d0111b; line-height: 32px; } .cpzl { padding-top: 50px; padding-bottom: 90px; position: relative; } .cpzl:before { display: block; content: ''; width: 100%; height: 60%; background: #f4f4f4; position: absolute; top: 0; left: 0; z-index: -1; } .cpzl-nav h3 { font-size: 36px; color: #333333; font-weight: normal; text-align: center; margin-bottom: 30px; } .cpzl-nav ul { zoom: 1; } .cpzl-nav ul:after { display: block; content: ''; clear: both; } .cpzl-nav ul li { float: left; width: 32.4%; margin-right: 1.4%; border: 1px solid #eaeaea; } .cpzl-nav ul li:nth-child(3n) { margin-right: 0; } .cpzl-message { width: 100%; } .cpzl-img { width: 100%; background: #000; overflow: hidden; position: relative; } .cpzl-img img { width: 100%; transition-duration: 0.5s; } .cpzl-img:before { display: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 2; transition-duration: 0.5s; } .cpzl-img:after { position: absolute; top: 0; left: -75%; z-index: 3; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); } .cpzl-nav ul li:hover .cpzl-img img { transform: scale(1.1); } .cpzl-nav ul li:hover .cpzl-img:before { display: block; } .cpzl-nav ul li:hover .cpzl-img:after { -webkit-animation: shine2 1s; animation: shine2 1s; } .cpzl-more { width: 100%; height: 96px; position: relative; transition-duration: 0.5s; } .cpzl-more span { display: block; font-size: 16px; color: #d0111b; font-family: "宋体"; text-align: center; line-height: 96px; transition-duration: 0.5s; } .cpzl-name { position: absolute; left: 10%; top: -30px; width: 80%; height: 60px; background: #fff; font-size: 24px; color: #333333; text-align: center; line-height: 60px; z-index: 4; -moz-box-shadow: 0px 0px 7px #828282; -webkit-box-shadow: 0px 0px 7px #828282; box-shadow: 0px 0px 7px #828282; transition-duration: 0.5s; } .cpzl-nav ul li:hover .cpzl-more { background: #d0111b; } .cpzl-nav ul li:hover .cpzl-more span { color: #fff; } .cpzl-nav ul li:hover .cpzl-name { top: -40px; -moz-box-shadow: 0px 0px 17px #828282; -webkit-box-shadow: 0px 0px 17px #828282; box-shadow: 0px 0px 17px #828282; } .dl-case { padding-top: 80px; zoom: 1; position: relative; } .dl-case:after { display: block; content: ''; clear: both; } .dl-case-fl { float: left; width: 50%; overflow: hidden; position: relative; z-index: 2; } .dl-case-fl img { display: block; width: 100%; transition-duration: 0.5s; } .dl-case-fl:hover img { transform: scale(1.1); } .dl-case-fr { position: absolute; right: 0; top: 0; width: 60%; height: 100%; background: #f4f4f4; padding: 80px 14% 0 13%; } .dl-case-fr h3 { font-size: 36px; color: #333333; font-weight: normal; margin-bottom: 20px; } .dl-case-fr p { font-size: 16px; color: #555555; line-height: 24px; text-align: justify; } .dl-case-fr .picScroll-top { width: 100%; overflow: hidden; position: relative; } .dl-case-fr .picScroll-top .hd { margin-top: 10px; display: flex; } .dl-case-fr .picScroll-top .hd .prev, .dl-case-fr .picScroll-top .hd .next { display: block; width: 45px; height: 45px; cursor: pointer; } .dl-case-fr .picScroll-top .hd .prev { background: url(../images/kh-z1.png) no-repeat; } .dl-case-fr .picScroll-top .hd .prev:hover { background: url(../images/kh-z2.png) no-repeat; } .dl-case-fr .picScroll-top .hd .next { background: url(../images/kh-y1.png) no-repeat; } .dl-case-fr .picScroll-top .hd .next:hover { background: url(../images/kh-y2.png) no-repeat; } .dl-case-fr .picScroll-top .hd .pageState { font-size: 26px; color: #999999; line-height: 45px; margin: 0 10px; } .dl-case-fr .picScroll-top .hd .pageState span { color: #333333 !important; } .dl-case-fr .picScroll-top .bd { width: 100%; height: 290px; } .dl-case-fr .picScroll-top .bd .tempWrap { width: 100% !important; height: 100% !important; } .dl-case-fr .picScroll-top .bd ul { overflow: hidden; zoom: 1; } .dl-case-fr .picScroll-top .bd ul li { zoom: 1; width: 100%; height: 290px; } .dl-case-fr .picScroll-top .bd ul li dd { padding-left: 30px; font-size: 18px; position: relative; margin-bottom: 25px; } .dl-case-fr .picScroll-top .bd ul li dd:before { display: block; content: ''; width: 11px; height: 14px; background: url(../images/dl-icon1.png) no-repeat; position: absolute; left: 0; top: 50%; margin-top: -7px; } .dl-case-fr .picScroll-top .bd ul li dd a { display: block; color: #555555; } .oem-demo { background: url(../images/oem-bg1.jpg) no-repeat; } .oem-demo .kh-demo-nav .oem-down-list dl { width: 50%; position: relative; float: left; margin:0; } .oem-down-list dl dt { width: 96%; overflow: hidden; background: #000; position: relative; height:100%; } .oem-down-list dl dt img { width: 100%; height: 100%; display: block; transition-duration: .5s; } .oem-down-list dl dd { position: absolute; right: 11px; bottom: 24px; } .oem-down-list dl dd p { line-height: 47px; background: #fff; font-size: 24px; font-weight: bold; padding: 0 21px; position: relative; transition-duration: .5s; } .oem-down-list dl dd p:before { content: ""; width: 16px; height: 16px; position: absolute; background: url(../images/h-sj.png) no-repeat; right: 0; top: -16px; transition-duration: .5s; } .oem-down-list dl:hover dt img { opacity: 0.9; transform: scale(1.1, 1.1) } .oem-down-list dl:hover dd p { background: #d0111b; color: #fff; } .oem-down-list dl:hover dd p:before { background: url(../images/ho-sj.png) no-repeat; } .oem-down-list dl dt .bf-an { opacity: 0; transition-duration: .5s; } .oem-down-list dl:hover dt .bf-an { opacity: 1; } .jz-demo { background: url(../images/jz-bg1.jpg) no-repeat; overflow: hidden; clear: both; } .jz-down-list { } .jz-down-list dl { width: 49%; background: #fff; -moz-box-shadow: 0px 0px 7px #828282; -webkit-box-shadow: 0px 0px 7px #828282; box-shadow: 0px 0px 7px #828282; float: left; } .jz-down-list dl dt { width: 50%; float: left; position: relative; overflow: hidden; } .jz-down-list dl dt img { width: 100%; display: block; transition-duration: .5s; } .jz-down-list dl dd { padding: 0 35px; width: 50%; float: left; position: relative; box-sizing: border-box } .jz-down-list dl dd p { font-size: 26px; padding: 86px 0 40px 0; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .jz-down-list dl dd span { display: inline-block; border: 1px solid #2e2e2e; padding: 12px 40px; font-size: 18px; transition-duration: .5s; } .jz-down-list dl:hover dd span { background: #d0111b; color: #fff; border-color: #d0111b } .jz-down-list dl:nth-child(2) { float: right; } .jz-down-list dl:hover dd p { color: #d0111b } .gk-qa { padding: 160px 0 110px 0; } .qk-qa-le { position: relative; width:49%; } .venobox { border-radius: 50%; background: #d0111b; position: absolute; width: 160px; height: 160px; top: 40px; left: 40px; z-index: 5; transform: translate(-50%, -50%); text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fa-play { padding-top: 32px; display: inline-block; } .venobox:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 170px; height: 170px; background: #d0111b; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; -moz-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; z-index: -1; } .qa-img { overflow: hidden; } .qa-img img { transition-duration: .5s; width:100%; } .qa-img:hover img { transform: scale(1.1, 1.1) } .qk-qa-ri { width: 46%; overflow: hidden } .wd-ti { text-align: right; font-size: 36px; padding-bottom: 26px; line-height: 31px; } .wd-ti span { color: #d0101b } .qk-qa-ri .slideBox { position: relative; } .qk-qa-ri .slideBox .bd { position: relative; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .qk-qa-ri .slideBox .prev, .qk-qa-ri .slideBox .next { position: absolute; left: 0; top: -56px; display: block; width: 40px; height: 40px; overflow: hidden; cursor: pointer; background: url("../images/qa-pre.png") no-repeat; transition-duration: .5s; } .qk-qa-ri .slideBox .next { left: 73px; transform: rotate(180deg) } .qk-qa-ri .slideBox .prev:hover, .qk-qa-ri .slideBox .next:hover { background: url("../images/qa-pre-1.png") no-repeat; } .subNav { display: block; width: 100%; border: 1px solid #ececec; line-height: 59px; font-size: 18px; color: #555; background: url(../images/jia.png) no-repeat 95% center; padding: 0 36px; border-radius: 10px; margin-bottom: 16px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .subNav span, .navContent span { font-weight: bold; } .currentDt { background: url(../images/jian.png) no-repeat 95% center #d0111b; color: #fff; } .navContent { display: none; padding: 0 36px 16px 36px; } .navContent li { line-height: 28px; } .navContent li a { display: block; font-size: 11px; color: #888; padding-left: 14px; } .zz-bg-list { width: 100%; height: 227px; background: url(../images/fw-bg02.jpg) no-repeat left top; margin-top: 64px; padding: 28px 0; } .zz-bg-list li{ padding: 37px 0 42px 0; transition-duration: .5s; height: auto; float: left; width: 25%; text-align: center; border-right: 1px solid rgba(255,255,255,0.2); } .zz-bg-list li img{ transition-duration: 0.5s; } .zz-bg-list li:nth-child(4){ border-right: none; } .zz-bg-list li a { color: #fff; font-size: 24px; display: block; height: 100%; } .zz-bg-list li p { padding-top: 8px; } .zz-bg-list li:hover { background: none; } .zz-bg-list li:hover p { color: #d0111b } .zz-bg-list li:last-child { background: none; border: none; } .zz-bg-list li:hover img{ -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; } .zz-dt { width: 100%; background: url(../images/bg06.jpg); padding: 60px 0; } .zz-ti { text-align: center; font-size: 36px; padding-bottom: 55px; } zz-dt .picScroll-left { overflow: hidden; position: relative; } .zz-dt .picScroll-left .hd { } .zz-dt .picScroll-left .hd ul { width: 100%; text-align: center; overflow: hidden; margin-top: 33px; } .zz-dt .picScroll-left .hd ul li { display: inline-block; width: 10px; height: 10px; overflow: hidden; margin: 0 5px; text-indent: -999px; cursor: pointer; background: #d1d1d1; border-radius: 50%; } .zz-dt .picScroll-left .hd ul li.on { background: #d0111b } .zz-dt .picScroll-left .bd ul { overflow: hidden; zoom: 1; } .zz-dt .picScroll-left .bd ul li { margin: 0 1.3333% 30px 0; float: left; _display: inline; overflow: hidden; width: 24%; } .zz-dt .picScroll-left .bd ul li:nth-child(4n){ margin-right:0;} .zz-dt .picScroll-left .bd ul li dl { width: 100%; position: relative; padding-bottom: 55px; } .zz-dt .picScroll-left .bd ul li dl dt { width: 100%; overflow: hidden; position: relative; padding-bottom: 71%; } .zz-dt .picScroll-left .bd ul li dl dt img { width: 100%; transition-duration: .5s; height:100%; position:absolute; top:0; left:0; } .zz-dt .picScroll-left .bd ul li dl dd { position: absolute; width: 90%; left: 5%; bottom: 7px; background: #fff; -moz-box-shadow: 0px 0px 3px #f3efef; -webkit-box-shadow: 0px 0px 3px #f3efef; box-shadow: 0px 0px 3px #f3efef; padding: 15px 20px; box-sizing: border-box; transition-duration: .5s; } .zz-dt .picScroll-left .bd ul li dl dd h1 { font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zz-dt .picScroll-left .bd ul li dl dd p { font-size: 16px; padding: 15px 0; } .zz-dt .picScroll-left .bd ul li dl dd span { width: 18px; height: 3px; background: #d0111b; transition-duration: .5s; display: block; } .zz-dt .picScroll-left .bd ul li dl:hover dd { background: #d0111b; color: #fff; } .zz-dt .picScroll-left .bd ul li dl:hover dd span { width: 90px; background: #fff; } .zz-dt .picScroll-left .bd ul li dl:hover dt img { transform: scale(1.1, 1.1) } .zz-case { padding: 65px 0; } .hz-logo li { float: left; width: 15%; border: 1px solid #dbdbdb; -moz-box-shadow: 4px 2px 5px #B5B5B5; -webkit-box-shadow: 4px 2px 5px #B5B5B5; box-shadow: 4px 2px 5px #B5B5B5; margin-right: 2%; margin-bottom: 31px; transition-duration: .5s; } .hz-logo li:nth-child(6n) { margin-right: 0; } .hz-logo li img { transition-duration: .5s; width: 100%; } .hz-logo li:hover img { transform: rotateY(360deg) } .hz-logo li:hover { transform: scale(1.1, 1.1) } .sj-bg-list li { width: 33.33%; } .sjy-case { padding: 65px 0; } .sjy-case-le, .sjy-case-ri { width: 50%; } .sjy-case-ri { padding-left: 50px; } .sjy-case-ri .dl-case-fr { float: none; width: 100%; padding: 0; background: none; } .picScroll-top1 { margin: 0 auto; width: 100%; overflow: hidden; position: relative; padding-top: 20px; } .picScroll-top1 .hd { margin-top: 10px; display: flex; } .picScroll-top1 .hd .prev, .picScroll-top1 .hd .next { display: block; width: 45px; height: 45px; cursor: pointer } .picScroll-top1 .hd .prev { background: url(../images/kh-z1.png) no-repeat; } .picScroll-top1 .hd .next { background: url(../images/kh-y1.png) no-repeat; } .picScroll-top1 .hd .pageState { font-size: 26px; color: #999999; line-height: 45px; margin: 0 10px; } .picScroll-top1 .hd .pageState span { color: #333333 !important; } .picScroll-top1 .bd ul { overflow: hidden; zoom: 1; } .picScroll-top1 .bd ul li { padding-left: 30px; font-size: 18px; position: relative; margin-bottom: 25px; } .picScroll-top1 .bd ul li:before { display: block; content: ''; width: 11px; height: 14px; background: url(../images/dl-icon1.png) no-repeat; position: absolute; left: 0; top: 50%; margin-top: -7px; } .picScroll-top1 .bd ul li a { transition-duration: .5s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .picScroll-top1 .bd ul li a:hover { color: #d0111b; padding-left: 10px; } .case-slideBox { width: 100%; overflow: hidden; position: relative; } .case-slideBox .hd { overflow: hidden; position: absolute; right: 0; bottom: 0; z-index: 1; } .case-slideBox .hd ul { overflow: hidden; zoom: 1; background: #d0111b; padding: 21px 10px; } .case-slideBox .hd ul li { float: left; margin: 0 5px; width: 10px; height: 10px; border-radius: 50%; text-align: center; background: #fff; cursor: pointer; } .case-slideBox .hd ul li.on { width: 27px; border-radius: 10px; } .case-slideBox .bd { position: relative; height: 100%; z-index: 0; } .case-slideBox .bd li { zoom: 1; vertical-align: middle; overflow: hidden; position: relative; padding-bottom: 46%; } .case-slideBox .bd li p { position: absolute; width: 96%; left: 2%; background: #fff; line-height: 68px; padding: 0 15px; bottom: 10px; transition-duration: .5s; padding-left: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .case-slideBox .bd img { width: 100%; height: 100%; display: block; transition-duration: .5s; position: absolute; left: 0; top: 0; } .case-slideBox .bd li p:before { content: ""; position: absolute; top: 23px; left: 20px; width: 15px; height: 15px; border: 2px solid #d0111b } .case-slideBox .bd li:hover p { color: #fff; background: #d0111b; } .case-slideBox .bd li:hover p:before { background: #fff; } .case-slideBox .bd li:hover img { transform: scale(1.1, 1.1) } @keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); opacity: 0; } } /*经销商样式*/ .jxs-xi{ padding:90px 0;} .jxs01{ background:#fff;} .jxs-le{ width:50%; position:relative; overflow:hidden; background:#000;} .jxs-dw{ position:absolute; top:25px; color:#fff; left:51px;} .jxs-dw img{ float:left;} .jxs-dw a{ color:#fff; padding-left:21px; padding-top:50px; float:right;} .jxs-le .jx-img{ transition-duration:.5s; width:100%;} .jxs-le:hover .jx-img{ opacity:0.8; transform:scale(1.1,1.1)} .jxs-le:hover .jxs-dw a{ color:#d0101b} .jxs-ri{ width:50%; padding-top:70px;} .jxs-Menubox ul{ width:100%; text-align:center;} .jxs-Menubox ul li{ display:inline-block; font-size:28px; font-weight:bold; color:#a6a6a6; margin:0 13px; padding-bottom:10px; cursor:pointer;} .jxs-Menubox ul li.hover{ color:#333; border-bottom:3px solid #d2101b;} .jxs-Contentbox{ padding-top:34px;} .jxs-CbContainer{ width:415px; margin:0 auto;} .jxs-CbContainer input{ width:100%; height:65px; line-height:65px; padding-left:62px; border:1px solid #e2e2e2; margin-bottom:30px; font-size:16px;} .jxs-CbContainer .sk01{ background:url(../images/dl01.png) no-repeat 20px center;} .jxs-CbContainer .sk02{ background:url(../images/dl02.png) no-repeat 20px center;} .jxs-CbContainer button{ padding:10px 37px; border-radius:20px;display:inline-block;moz-box-shadow: 3px 3px 6px #B8B8B8; -webkit-box-shadow: 3px 3px 6px #B8B8B8; box-shadow: 3px 3px 6px #B8B8B8; background:none; border:none; font-size:16px; cursor:pointer; margin-left:20%; margin-right:30px; } .jx-fe{ width:100%; text-align:center; padding-top:27px;} .jx-fe li{ display:inline-block;-moz-box-shadow:3px 3px 6px #B8B8B8; -webkit-box-shadow:3px 3px 6px #B8B8B8; box-shadow:3px 3px 6px #B8B8B8; margin:0 4px;border-radius:20px; position:relative; top:0; transition-duration:.5s;} .gai-ma{ padding:10px 17px; border-radius:20px;display:inline-block;moz-box-shadow: 3px 3px 6px #B8B8B8; -webkit-box-shadow: 3px 3px 6px #B8B8B8; box-shadow: 3px 3px 6px #B8B8B8; margin-bottom:30px; } .gai-ma:hover,.jxs-CbContainer button:hover{ color:#fff; background:#d0101b} .jxs02{ padding-top:37px;} .jxs02 dl{ background:#fff; position:relative; padding:0 44px 0 75px; width:49%; float:left; box-sizing:border-box;} .jxs02 dl dt{ float:left; padding:42px 0;} .jxs02 dl dt h1{ font-size:22px; color:#d0101b;} .jxs02 dl dt p{ padding:16px 0 26px 0;} .jxs02 dl dt a{ color:#d0101b; display:inline-block; padding:7px 33px; border:1px solid #d0101b; border-radius:20px; transition-duration:.5s;} .jxs02 dl dd{ position:absolute; right:37px; top:-10px; } .jxs02 dl dd img{transition-duration:.5s;} .jxs02 dl ul { padding:42px 0;} .jxs02 dl ul li{ width:33.333%; text-align:center; float:left;} .jxs02 dl ul li img{ padding-bottom:26px; transition-duration:.5s;} .jxs02 dl ul li p span{ display: inline-block;color:#d0101b; padding:7px 20px; border:1px solid #d0101b; border-radius:20px; transition-duration:.5s;} .jxs02 dl:nth-child(2){ float:right; padding:0;} .jxs02 dl dt a:hover,.jxs02 dl ul li:hover span{ color:#fff; background:#d0101b;} .jxs02 dl:hover dd img,.jxs02 dl ul li:hover img{ transform:scale(1.1,1.1)} /*申请代理*/ .sq-dl{ padding:63px 0; width:1300px; margin:0 auto;} .sq-ti{ font-size:36px; font-weight:bold; text-align:center; padding-bottom:59px;} .sq-nr{ background:#fff; padding:73px 95px;} .nr01{ width:48%; height:60px; line-height:60px; background:#f8f8f8; padding:0 50px; box-sizing:border-box; font-size:18px; float:left; margin-bottom:51px; border-radius:5px;} .nr01 span{ color:#d0101b; font-size:22px; padding-right:10px;} .nr01 dt{ float:left; width:115px;} .nr01 dd{ width:72%; float:left; height:100%;} .nr01 dd input{ background:none; width:100%; border:none; height:100%;} .nr01:nth-child(2n){ float:right;} .nr01:last-child{ height:173px; width:100%;} .nr01:last-child dd{ width:85%;} .fj-sc{ padding:0 65px;} .fj-sc span{ color:#d0101b;} .sc-main{ padding:40px 0;} .upimg { position: relative; width: 100px; height: 100px; border-radius: 5px; border: dashed #999999; background: url(../images/addimg.svg) no-repeat; background-position: 33px; } .upimg input { position: absolute; width: 100px; height: 100px; opacity: 0; } #showui { display: flex; justify-content: flex-start; } #showui li { width: 150px; height: 150px; position: relative; overflow: hidden; display: inline-block; margin-right: 5px; } #showui li img.showimg { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 6; } .showdiv { position: absolute; z-index: 9; bottom: 0; width: 150px; padding: 10px; display: flex; justify-content: space-around; background: rgba(0, 0, 0, .6); } .showdiv img { width: 20px; height: 20px; cursor: pointer; } #showui li:first-child img.left { opacity: .6; cursor: no-drop; } #showui li:last-child img.right { opacity: .6; cursor: no-drop; } .oneright { opacity: .6; cursor: no-drop !important; } .dl-tj{ text-align:center;} .dl-tj button{ color:#fff; width:160px; height:44px; line-height:44px; font-size:16px; border:none;background: linear-gradient(top , rgb(229, 82, 90) , rgb(210, 21, 32) 65%); background: -o-linear-gradient(top , rgb(229, 82, 90) , rgb(210, 21, 32) 65%); background: -ms-linear-gradient(top , rgb(229, 82, 90) , rgb(210, 21, 32) 65%); background: -moz-linear-gradient(top , rgb(229, 82, 90) , rgb(210, 21, 32) 65%); background: -webkit-linear-gradient(top , rgb(229, 82, 90) , rgb(210, 21, 32) 65%); border-radius:10px; } .fxs-top{ width:100%; background:#cf111b; height:63px; color:#fff; line-height:63px;} .fxs-top h1{ font-size:24px;} .fxs-top p a{ color:#fff;} .fxs-banner{ width:100%; overflow:hidden} .fxs-banner img{ width:100%; display:block; transition-duration:.5s;} .fxs-banner:hover img{ transform:scale(1.1,1.1)} .fx-le{ width:364px; background:#333333; color:#fff; min-height:1070px;} .fx-le li{ line-height:86px; } .fx-le li a{ display:block; color:#fff;padding-left:110px; transition-duration:.5s; position:relative;font-size:18px;} .fx-le li a:hover,.fx-le li .on{ background:#cf111b; color:#fff; border-left:10px solid #a6010a; } .fx-le li a:before{ content:""; width:30px; height:30px; position:absolute; top:50%; left:14%; margin-top:-15px;} .fx-le li:nth-child(1) a:before{ background-image:url(../images/fx-icon01.png)} .fx-le li:nth-child(2) a:before{ background-image:url(../images/fx-icon02.png)} .fx-le li:nth-child(3) a:before{ background-image:url(../images/fx-icon03.png)} .fx-le li:nth-child(4) a:before{ background-image:url(../images/fx-icon04.png)} .fx-le li:nth-child(5) a:before{ background-image:url(../images/fx-icon05.png)} .fx-le li:nth-child(6) a:before{ background-image:url(../images/fx-icon06.png)} .fx-le li:nth-child(7) a:before{ background-image:url(../images/fx-icon07.png)} .fx-le li:nth-child(8) a:before{ background-image:url(../images/fx-icon08.png)} .fx-ri{width: calc(100% - 364px);width: -webkit-calc(100% - 364px); float: left;box-sizing: border-box;} .fx-ri h1{ font-size:26px; padding:25px 108px; border-bottom:1px solid #f2f2f2;} .fx-ri ul{ background:#fafafa; margin-bottom:60px;} .fx-ri ul li{ border-bottom:1px solid #f2f2f2; line-height:61px; padding:0 108px; height:61px;} .fx-ri ul li span{ float:right} .fx-ri ul li a{ width:80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:block; float:left; transition-duration:.5s;} .fx-ri ul li a:hover{ color:#cf111b; padding-left:10px;} .fx-ri ul li:nth-child(2n){ background:#fff;} /*关于我们*/ .ne-banner-title2{ position: absolute; bottom: 20px; font-size: 40px; color: #fff; font-weight: bold; width: 100%; } .ne-title{ width: 100%; background: #c9c7c6; } .ne-title-nav{ zoom: 1; } .ne-title-nav:after{ display: block; content: ''; clear: both; } .ne-goHome{ float: left; line-height: 54px; } .ne-title-nav ul{ zoom: 1; float: left; } .ne-title-nav ul:after{ display: block; content: ''; clear: both; } .ne-title-nav ul li{ float: left; width: 200px; font-size: 18px; font-weight: bold; text-align: center; line-height: 54px; position: relative; } .ne-title-nav ul li:before{ display: block; content: ''; width: 1px; height: 16px; background: #999999; position: absolute; right: 0; top: 50%; margin-top: -8px; } .ne-title-nav ul li a{ color: #333333; display: block; transition-duration: 0.5s; } .ne-title-nav ul li a:hover{ color: #d0111b; font-size: 20px; } .acitve-show a{ color: #d0111b !important; } .about-new{ padding-top: 70px; } .new-search{ padding: 35px 25px; background: #f0f0f0; margin-bottom: 75px; } .new-search dl{ zoom: 1; } .new-search dl:after{ display: block; content: ''; clear: both; } .new-search dd{ float: left; } .new-search dd select{ width: 100%; height: 50px; line-height: 50px; border: 1px solid #e0e0e0; outline: none; padding: 0 15px; color: #8a8a75; } .new-search dd input{ width: 100%; height: 50px; line-height: 50px; border: 1px solid #e0e0e0; outline: none; padding: 0 15px; } .search-btn{ width: 100%; height: 50px; background: #d1111c; text-align: center; line-height: 50px; cursor: pointer; transition-duration: 0.5s; } .search-btn:hover{ background: #7d0009; } .new-search dd:nth-child(1){ width: 11%; margin-right: 1%; font-size: 24px; font-weight: bold; color: #333333; line-height: 50px; } .new-search dd:nth-child(2){ width: 18%; margin-right: 1%; } .new-search dd:nth-child(3){ width: 18%; margin-right: 1%; } .new-search dd:nth-child(4){ width: 30%; } .new-search dd:nth-child(5){ width: 19%; margin-left: 1%; } .new-banner{ margin-bottom: 50px; } .new-banner .picScroll-left{width:100%;overflow:hidden; position:relative;} .new-banner .picScroll-left .hd{overflow:hidden;text-align: center;} .new-banner .picScroll-left .hd ul{zoom:1; margin-top:20px; zoom:1;display: inline-block;} .new-banner .picScroll-left .hd ul li{float:left;width:20px; height:20px;cursor:pointer; margin: 0 5px;overflow: hidden;position: relative;text-indent: -9999px;} .new-banner .picScroll-left .hd ul li:before{display: block;content: '';width: 5px;height: 5px;background:#d0111b;position: absolute;left: 50%;top: 50%;margin-top: -2.5px;margin-left: -2.5px;} .new-banner .picScroll-left .hd ul li.on{border: 2px solid #d0111b;} .new-banner .picScroll-left .bd{} .new-banner .picScroll-left .bd ul{ overflow:hidden; zoom:1;} .new-banner .picScroll-left .bd ul li{margin-right:15px; float:left; width:31%;} .new-list-box{width: 100%;position: relative;overflow: hidden; height:300px;} .new-list-box img{width: 100%;transition-duration: 0.5s; height:100%; display:block;} .new-list-name{position: absolute;width: 100%;padding: 50px 20px 0;bottom: 0; background:url(../images/jb.png) no-repeat bottom center; height:130px;} .new-list-name span{display: block;font-size: 16px;color: #fff;margin-bottom: 5px;} .new-list-name p{font-size: 24px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .new-list-box:hover img{transform: scale(1.1);} .new-list-box .h-jb{ position:absolute;} .new-list2 { margin-bottom: 50px; } .new-list2 li{ padding: 25px 0; border-bottom: 1px solid #e1e1e1; cursor: pointer; transition-duration: 0.5s; } .new-list2-nav{ zoom: 1; } .new-list2-nav:after{ display: block; content: ''; clear: both; } .new-time{ float: left; width: 13%; margin-top: 18px; color: #999999; text-align: center; transition-duration: 0.5s; } .new-time h1{ font-size: 48px; } .new-time span{ font-size: 16px; } .new-list2-fc{ float: left; width: 70%; padding-left: 40px; padding-right: 80px; border-left: 1px solid #e1e1e1; } .about-new-nav .new-list2-fc h3{ font-size: 20px; font-weight: normal; color: #333; transition-duration: 0.5s; text-align:left; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .new-list2-fc a{ color: #333; transition-duration: 0.5s; } .dj-fx{ zoom: 1; } .dj-fx:after{ display: block; content: ''; clear: both; } .dj-fx a{ float: left; font-size: 14px; font-family: "宋体"; line-height: 44px; padding: 0 40px 0 23px; color: #999999 !important; } .dj-fx a:nth-child(1){ background: url(../images/n-ic1.png) no-repeat left center; } .dj-fx a:nth-child(2){ background: url(../images/n-ic2.png) no-repeat left center; } .new-list2-nav p{ width: 100%; margin-top: 10px; color: #333; line-height: 24px; font-size: 14px; transition-duration: 1s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .new2-pic{ float: right; width: 17%; overflow: hidden; } .new2-pic img{ width: 100%; transition-duration: 0.5s; } .new-list2 li:hover{ background: #f0f0f0; } .new-list2 li:hover .new-time{ color: #df010e; } .new-list2 li:hover .new-list2-fc a{ color: #df010e; } .new-list2 li:hover .new2-pic img{ transform: scale(1.1); } .about-us{ padding-top: 130px; padding-bottom: 95px; } .about-ne-title{ font-size: 40px; color: #333333; font-weight: bold; margin-bottom: 5px; } .about-us-float{ zoom: 1; } .about-us-float:after{ display: block; content: ''; clear: both; } .about-us-fl{ float: left; width: 50%; padding-right: 60px; } .about-us-fl h5{ font-size: 20px; color: #333333; font-weight: normal; margin-bottom: 40px; } .about-us-fl>p{ font-size: 16px; color: #777777; line-height: 28px; text-align: justify; } .about-us-fl ul{ margin-top: 15px; border: 1px solid #e6e6e6; zoom: 1; } .about-us-fl ul:after{ display: block; content: ''; clear: both; } .about-us-fl ul li{ float: left; width: 33.333%; padding: 25px 0; text-align: center; border-right: 1px solid #e6e6e6; cursor: pointer; } .about-us-fl ul li img{ transition-duration: 0.5s; } .about-us-fl ul li:hover img{ -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; } .about-us-fl ul li:nth-child(3){ border-right: none; } .about-us-fl ul li p{ display: block; margin-top: 15px; font-size: 18px; color: #333333; } .about-more{ display: block; position: relative; width: 165px; height: 50px; text-align: center; line-height: 50px; border: 1px solid #d0111b; color: #d0111b; font-size: 18px; transition-duration: .5s; margin-top: 40px; } .about-more:after{ content:""; width:0; height:100%; position:absolute; left:50%; transform:translate(-50%); background:#d0111b; top:0; z-index:-1; transition-duration:.5s; } .about-more:hover{ color: #fff; } .about-more:hover:after{ width:100%; } .about-us-fr{ float: left; width: 50%; position: relative; } .about-us-fr>img{ display: block; width: 100%; } .bf-an2{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0px auto; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; cursor: pointer; padding: 20px; } .bf-an2:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; opacity: 0.2; padding: 0; -webkit-transition-property: -webkit-transform; transition-property: -moz-transform; -moz-transition-property: -moz-transform; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; transition-duration: 1s; -webkit-animation-name: grow; -moz-animation-name: grow; animation-name: grow; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-iteration-count: infinite; animation-timing-function: linear; } .about-pp{ position: absolute; right: -5px; bottom: -5px; width: 164px; height: 164px; background: url(../images/ab-v2.jpg) no-repeat; background-size: 100% 100%; text-align: center; } .about-pp h4{ font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 10px; margin-top: 40px; } .about-new{ background: #f8f9fb; padding-top: 75px; padding-bottom: 85px; } .about-new-nav h3{ text-align: center; } .about-new-pic{ margin-bottom: 11.5px; } .about-new-pic ul{ zoom: 1; } .about-new-pic ul:after{ display: block; content: ''; clear: both; } .about-new-pic ul li{ float: left; margin-right: 2%; width:32%; } .about-new-pic ul li:nth-child(3){ margin-right: 0; } .about-new-text{ background: #fff; } .about-new-text .picScroll-left{width:100%;position:relative;padding: 25px 60px;overflow: hidden;box-sizing: border-box;} .about-new-text .picScroll-left .hd{position: absolute;top: 50%;width: 100%;height: 0;margin-left: -60px;margin-top: -25px;} .about-new-text .next{float: right;width: 24px;height: 51px;background: url(../images/ab-r1.png) no-repeat;margin-right: 20px;cursor: pointer;} .about-new-text .prev{float: left;width: 24px;height: 51px;background: url(../images/ab-l1.png) no-repeat;margin-left: 20px;cursor: pointer;} .about-new-text .picScroll-left .bd{overflow: hidden;} .about-new-text .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .about-new-text .picScroll-left .bd ul li{width: 381px;margin-right: 55px;float:left; _display:inline; overflow:hidden;} .about-new-text-nav{ width: 100%; } .new-text-date{ color: #d0111b; font-family: impact; margin-bottom: 10px; } .new-text-date span:nth-child(1){ font-size: 48px; } .new-text-date span:nth-child(2){ font-size: 30px; } .about-new-text-nav h4{ font-size: 20px; color: #333333; margin-bottom: 15px; font-weight: normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .about-new-text-nav p{ font-size: 14px; color: #777777; font-family: "宋体"; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .about-new-text-nav:hover h4{ color: #d0111b; } .about-new-text-nav:hover p{ color: #d0111b; } /*社会责任*/ /*2020/6/19*/ .about-title{ text-align: center; margin-bottom: 20px; } .about-title h3{ font-size: 40px; color: #333333; font-weight: bold; margin-bottom: 10px; } .about-title p{ font-size: 18px; color: #555555; } .about-dsj{ padding-top: 60px; padding-bottom: 65px; background: #f3f4f6; position: relative; } .about-dsj:after{ display: block; content: ''; width: 100%; height: 119px; background: url(../images/ab-dsj-bg1.png) no-repeat bottom center; position: absolute; bottom: -1px; } .about-go{ font-size: 18px; text-align: center; color: #d0111b; margin-bottom: 25px; } .about-go a{ color: #d0111b; } /*品牌荣誉*/ .about-ppry{ padding-top: 80px; padding-bottom: 60px; } .about-ppry-nav{ padding-top: 330px; background: url(../images/ppry-bg1.png) no-repeat top center; position: relative; } .about-ppry-box{ position: relative; } .about-ppry-date li{ position: absolute; cursor: pointer; } .about-ppry-date li:nth-child(1){ top: -285px; left: 50px; } .about-ppry-date li:nth-child(2){ top: -282px; left: 175px; } .about-ppry-date li:nth-child(3){ top: -217px; left: 395px; } .about-ppry-date li:nth-child(4){ top: -158px; left: 565px; } .about-ppry-date li:nth-child(5){ top: -183px; left: 788px; } .about-ppry-date li:nth-child(6){ top: -198px; left: 983px; } .about-ppry-date li:nth-child(7){ top: -60px; left: 1150px; } .nian{ display: block; font-size: 18px; font-weight: bold; font-family: arial; color: #b5b5b5; margin-bottom: 60px; } .yuan{ display: block; margin: 0 auto; width: 16px; height: 16px; border-radius: 50%; background: #b5b5b5; position: relative; } .yuan:before{ display: block; content: ''; width: 2px; height: 50px; background: #b5b5b5; position: absolute; left: 50%; bottom: 18px; margin-left: -1px; } .yuan:after{ display: block; content: ''; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #b5b5b5; position: absolute; left: -3px; top: -3px; } .hover-two .nian{ color: #d0111b; } .hover-two .yuan{ background: #d0111b; } .hover-two .yuan:before{ background: #d0111b; } .hover-two .yuan:after{ border: 1px solid #d0111b; } .ppry-message-box{ zoom: 1; } .ppry-message-box:after{ display: block; content: ''; clear: both; } .ppry-list{ float: left; width: 50%; } .ppry-list dd{ font-size: 18px; color: #555555; line-height: 50px; padding-left: 20px; position: relative; cursor: pointer; } .hover-one{ font-size: 20px; font-weight: bold; color: #d0111b !important; } .ppry-list dd:before{ display: block; content: ''; width: 2px; height: 10px; background: #d0111b; position: absolute; left: 0; top: 50%; margin-top: -5px; } .ppry-list-box{ float: left; width: 25%; position: relative; } .ppry-list-box-img{ width: 100%; position: relative; } .ppry-list-box:after{ display: block; content:''; width: 100%; height: 22px; background: url(../images/ppry-bg2.jpg) no-repeat; background-size: 100% auto; position: absolute; bottom: -22px; left: 0; } .ppry-list-box-img img{ width: 100%; } /*大事记*/ .event_box{ position: relative; min-height: 420px;} .event_box .parHd { width: 100%; padding: 0 45.7px; display: inline-block; height: 110px; position: relative; } .event_box .parHd:before{ display: block; content: ''; width: 100%; height: 70px; background: #fff; position: absolute; left: 0; top: 0; } .parHd ul{ overflow: initial !important;} .parHd .tempWrap{ width: 100% !important;height: 100%; overflow: hidden;} .parHd li.no_line:before{ display: none;} .parHd li{display: inline-block;text-align: center;width: 54px;cursor: pointer;line-height: 70px; font-size: 20px;font-weight: bold;font-family: arial; color: #555555;margin:0 45.7px; position: relative; } .act-dot{ display: none; width: 10px; height: 10px; border-radius: 50%; background: #d0111b; position: absolute; left: 50%; margin-left: -5px; bottom: -5px; } .act-dot:before{ content: ""; position: absolute; left: -5px; right: 0; top: -5px; bottom: 0; border-radius: 50%; background-color: #d0111b; opacity: 0.2; padding: 10px; -webkit-transition-property: -webkit-transform; transition-property: -moz-transform; -moz-transition-property: -moz-transform; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; transition-duration: 1s; -webkit-animation-name: grow; -moz-animation-name: grow; animation-name: grow; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-iteration-count: infinite; animation-timing-function: linear; } .act-dot:after{ display: block; content: ''; width: 16px; height: 7px; background: url(../images/jt-dsj.png) no-repeat; position: absolute; left: 50%; margin-left: -8px; bottom: -20px; animation: fadeInDown2 1s infinite; -webkit-animation: fadeInDown2 1s infinite; } .parBd{margin-top: 60px;} .act{ color: #d0111b !important; font-size: 24px !important; position: relative; } .act .act-dot{ display: block !important; } div#listBox { width: 100%; } .sPrev,.sNext{ width: 45px; height: 45px; display: block; position: absolute; top: 12.5px;cursor: pointer;} .sPrev{ left: 4px;} .sNext{ right: 4px;} .dsj-list{ width: 100%; text-align: center; } .dsj-list ul{ zoom: 1; } .dsj-list ul:after{ display: block; content: ''; clear: both; } .dsj-list ul li{ float: left; width: 30%; margin-right:5%; } .dsj-list ul li:nth-child(3n){ margin-right: 0; } .dsj-list-img{ width: 100%; overflow: hidden; position:relative; padding-bottom:65%; } .dsj-list-img img{ width: 100%; transition-duration: 0.5s; height:100%; position: absolute; top: 0; left: 0; } .dsj-list-img:hover img{ transform: scale(1.1); } .dsj-list ul li p{ font-size: 18px; color: #333; line-height: 24px; margin-top: 10px; } /*社会责任*/ .ne-banner-title3{ position: absolute; height: 100%; top: 0; left: 50%; transform: translateX(-50%); display: flex; } .ne-banner-fl{ width: 65%; position: relative; } .ne-banner-title3-nav{ width: 100%; position: absolute; bottom: 50px; } .ne-banner-title3-nav h3{ font-size: 40px; color: #fff; font-weight: bold; margin-bottom: 10px; } .ne-banner-title3-nav p{ font-size: 18px; color: #fff; } .ne-banner-fr{ width: 35%; } .ne-banner-fr ul{ width: 100%; height: 100%; } .ne-banner-fr li{ width: 100%; height: 25%; position: relative; } .intro-box{ width: 100%; height: 100%; padding: 50px 45px 65px; background: rgba(48,48,47,0.63); zoom: 1; border-bottom: 1px solid rgba(255,255,255,0.1); } .intro-box:after{ display: block; content: ''; clear: both; } .intro-box-fl{ float: left; } .intro-box-fl p:nth-child(1){ font-size: 26px; color: #fff; margin-bottom: 10px; } .intro-box-fl p:nth-child(2){ font-size: 16px; color: #fff; opacity: 0.7; } .intro-box span{ float: right; width: 49px; } .intro-box span img{ display: block; } .intro-cover{ position: absolute; z-index: 2; width: 100%; height: 100%; background: #fff; left: 0; top: 0; padding: 30px 45px 0; opacity: 0; visibility: hidden; transform: scaleY(0); transform-origin: 50%; transition: transform .5s ease-out; } .li-cur .intro-cover{ transform: scaleY(1); opacity: 1; visibility: visible; } .intro-cover-box{ margin-bottom: 0; zoom: 1; } .intro-cover-box:after{ display: block; content: ''; clear: both; } .intro-cover-box h4{ float: left; font-size: 28px; color: #333333; line-height: 40px; } .intro-cover-box span{ float: right; display: block; width: 130px; height: 40px; border: 1px solid #d0111b; font-size: 16px; color: #d0111b; text-align: center; line-height: 40px; transition-duration: 0.5s; position: relative; } .intro-cover-box span:before{ content: ""; width: 0; height: 100%; position: absolute; left: 50%; transform: translate(-50%); background: #d0111b; top: 0; z-index: -1; transition-duration: .5s; } .intro-cover-box span:hover{ color: #fff; } .intro-cover-box span:hover:before{ width: 100%; } .intro-cover p{ font-size: 16px; color: #333333; line-height: 28px; } .shzr-box1{ padding-top: 90px; /*padding-bottom: 95px;*/ } .shzr-js{ zoom: 1; } .shzr-js:after{ display: block; content: ''; clear: both; } .shzr-js-fl{ float: left; width: 45%; padding-top: 40px; padding-right: 50px; } .shzr-js-fl h3{ font-size: 36px; color: #333; font-weight: bold; margin-bottom: 20px; } .shzr-js-fl>p{ font-size: 18px; color: #555555; line-height: 30px; text-indent: 2rem; text-align: justify; margin-bottom: 20px; } .shzr-download{ margin-top: 70px; zoom: 1; } .shzr-download:after{ display: block; content: ''; clear: both; } .shzr-download p{ float: left; font-size: 18px; color: #333333; line-height: 60px; text-indent: 2rem; } .shzr-download a{ float: left; margin-left: 80px; display: block; width: 60px; height: 60px; background: #d0111b; text-align: center; line-height: 60px; } .shzr-download a img{ position: relative; top: 0; animation: fadeInDown2 1s infinite; -webkit-animation: fadeInDown2 1s infinite; } .shzr-js-fr{ float: right; width: 55%; padding: 40px 15px 40px 0; position: relative; } .shzr-js-fr:after{ display: block; content: ''; width: 45%; height: 100%; background: #d0111b; z-index: 1; position: absolute; top: 0; right: 0; } .shzr-js-fr img{ display: block; width: 100%; position: relative; z-index: 2; } .shzr-box2{ width: 100%; height: 210px; background: url(../images/shzr-bg1.jpg) no-repeat center center; margin-top: 95px; } .shzr-list{ height: 100%; } .shzr-list ul{ width: 100%; height: 100%; zoom: 1; } .shzr-list ul:after{ display: block; content: ''; clear: both; } .shzr-list ul li{ float: left; width: 25%; height: 100%; padding-left: 45px; padding-right: 40px; position: relative; } .hover-showbox:before{ height: 100% !important; } .shzr-list ul li:before{ display: block; content: ''; width: 100%; height: 0%; background: #d0111b; opacity: 0.9; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition-duration: 0.5s; z-index: 1; } .shzr-list ul li:hover:before{ height: 100%; top: 0%; transform: translateY(0); } .shzr-list ul li a{ display: block; zoom: 1; position: relative; z-index: 2; } .shzr-list ul li a:after{ display: block; content: ''; clear: both; } .shzr-list ul li p{ float: left; font-size: 24px; color: #fff; font-weight: bold; line-height: 210px; } .shzr-list ul li span{ float: right; line-height: 210px; } .shzr-box3{ padding: 80px 0; display: none; } .shzr-ry{ position: relative; } .shzr-ry:before{ content: url(../images/niu2.png); position: absolute; bottom: -80px; left: -150px; } .shzr-ry-top{ display: flex; margin-bottom: 60px; } .shzr-ry-fl{ width: 50%; padding-right: 60px; position: relative; } .shzr-ry-fl h4{ font-size: 20px; color: #d0111b; font-weight: bold; margin-bottom: 35px; position: relative; z-index: 2; } .shzr-ry-fl p{ font-size: 18px; color: #555555; line-height: 32px; position: relative; z-index: 2; } .shzr-ry-fl img{ position: absolute; right: 60px; bottom: 0px; z-index: 1; } .shzr-ry-fr{ width: 50%; position: relative; } .shzr-ry-fr img{ width:100%; height:100%;} .ry-list ul{ zoom: 1; } .ry-list ul:after{ display: block; content: ''; clear: both; } .ry-list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 50px; cursor: pointer; } .ry-list ul li:nth-child(3n){ margin-right: 0; } .ry-list-nav{ width: 100%; overflow: hidden; border-radius: 5px; position: relative; } .ry-list-nav:before{ display: none; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; left: 0; top: 0; z-index: 1; transition-duration: 0.5s; } .ry-list-cover{ opacity: 0; transition-duration: 0.5s; width: 0%; height: 0%; padding: 40px 20px 0; background: #fff; text-align: center; border-radius: 5px; border-bottom: 6px solid #d0111b; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; } .ry-list-cover h4{ font-size: 20px; color: #333333; font-weight: bold; margin-bottom: 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .ry-list-cover p{ font-size: 16px; color: #777777; line-height: 26px; margin-bottom: 35px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .ry-list-cover span{ font-size: 16px; color: #d0111b; } .ry-list-nav>img{ width: 100%; height:300px; } .ry-list ul li h5{ font-size: 20px; font-weight: bold; color: #333; text-align: center; line-height: 50px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .ry-list ul li:hover .ry-list-nav:before{ display: block; } .ry-list ul li:hover .ry-list-cover{ opacity: 1; width: 90%; height: 90%; } .shzr-box4{ padding-top: 60px; background: #f7f7f7; position: relative; } .shzr-box4:after{ content: ''; width: 100%; height: 90px; background: url(../images/shzr-bg3.png) no-repeat bottom center; position: absolute; bottom: -1px; z-index: 2; } .gydsj{ position: relative; z-index: 2; } .gydsj:before{ content: url(../images/niu3.png); position: absolute; bottom: 0; right: -150px; } .gydsj h3{ font-size: 30px; color: #333333; font-weight: bold; text-align: center; margin-bottom: 50px; } .gydsj-nav{ background: url(../images/shzr-bg4.png) no-repeat center center; } .gydsj-nav .slideBox{ width:100%;position:relative;} .gydsj-nav .slideBox .bd{ position:relative; height:100%; z-index:0;overflow:hidden;} .gydsj-nav .slideBox .bd li{ zoom:1;height: 570px; position: relative;} .gydsj-nav .slideBox .prev,.gydsj-nav .slideBox .next{ display: block; width: 45px; height: 45px; position:absolute; top: 50%; margin-top: -22.5px; transition-duration: 0.5s; } .gydsj-nav .slideBox .prev{ left: -60px; background: url(../images/kh-z2.png) no-repeat; } .gydsj-nav .slideBox .next{ right: -60px; background: url(../images/kh-y2.png) no-repeat; } .dsj-nav{ float: left; width: 18%; zoom: 1; position: relative; } .dsj-nav:nth-child(1),.dsj-nav:nth-child(5){ height: 100%; } .dsj-nav:nth-child(2),.dsj-nav:nth-child(4){ height: 50%; margin-top: 20%; } .dsj-nav:nth-child(3){ height: 90%; margin-top: 4%; } .dsj-nav:after{ display: block; content: ''; clear: both; } .dsj-nav-fl{ float: left; height: 100%; position: relative; } .dsj-nav-fl span{ display: block; width: 95px; height: 86px; background: url(../images/heart-2.png) no-repeat; font-size: 24px; color: #fff; font-weight: bold; font-family: arial; text-align: center; line-height: 86px; } .dsj-nav-fl:after{ display: block; content: ''; width: 2px; height: calc(100% - 86px); background: #d0111b; position: absolute; left: 50%; margin-left: -1px; top: 86px; } .dsj-nav-fr{ width: 400px; font-size: 16px; color: #333333; line-height: 26px; position: absolute; top: 86px; left: 65px; } /*手机端品牌荣誉*/ .mobile-ppry{ display: none; } .mobile-ppry .slideBox{ width:100%;overflow:hidden; position:relative; } .mobile-ppry .slideBox .bd{ position:relative; height:100%; z-index:0; width:86%; margin:0 auto;} .mobile-ppry .slideBox .bd li{ zoom:1; vertical-align:middle; } .mobile-ppry-box{ width: 100%; } .mobile-ppry-img{ width: 100%; overflow: hidden; } .mobile-ppry-img img{ display: block; width: 100%; } .mobile-name{ margin-top: 10px; } .mobile-name h4{ font-size: 16px; color: #333; font-weight: normal; text-align: center; } .mobile-ppry .slideBox .prev,.mobile-ppry .slideBox .next{ position:absolute; top:50%; width:17px; height:31px; margin-top:-25.5px; left:0;} .mobile-ppry .slideBox .prev{ background:url(../images/gai-pre.png) no-repeat;} .mobile-ppry .slideBox .next{ background:url(../images/gai-pre.png) no-repeat; transform:rotate(180deg); left:auto; right:0;} /*手机端品牌荣誉*/ #dialog4{ width:760px !important;} #dialog4 input{ width:48%; margin:0 2% 20px 0; float:left;} #dialog4 button{ width:38%; margin:0 auto; display:block;} .kh-demo-nav .oem-down-list dl{ width:32%; margin:0 0.5%; position:relative; float:left;} .kh-demo-nav .oem-down-list dl dd{ right:3px;} .kh-demo-nav .oem-down-list dl dd p:before{ right:0;} .kh-demo-nav .oem-down-list dl span{ opacity:0; transition-duration:.5s; position:absolute; top:50%; left:48%; text-align:center; transform:translate(-50%,-50%); transition-duration:.5s; font-size:22px; font-weight:bold; color:#fff; background:rgba(0,0,0,0.6); display:inline-block; padding:10px 0; width:96%;} .kh-demo-nav .oem-down-list dl:hover span{ opacity:1;} /*2020/06/30新增*/ .gydsj-mobile-nav{ display: none; } .gydsj-mobile-nav label{ display: block; color: #fff; background: #d0111b; font-size: 18px; font-weight: bold; line-height: 40px; padding-left: 40px; border-bottom: 1px solid #fff; position: relative; } .gydsj-mobile-nav label:before{ display: block; content: ''; width: 25px; height: 20px; background: url(../images/heart-01.png) no-repeat; background-size: 100% 100%; position: absolute; left: 10px; top: 15px; } .gydsj-mobile-nav label::after { content: "+"; font-size: 18px; float: right; margin-right: 15px; } .gydsj-mobile-nav label.selected::after { content: '-'; } .tab_content{ display: none; font-size: 14px; line-height: 26px; padding: 10px; color: #333; background: #fff; } .mobile-new-list{ border-top:1px solid #d2d2d2; padding-top:15px;} .mobile-new-list dl{ border-bottom:1px solid #d2d2d2; padding-bottom:15px; margin-bottom:15px;} .mobile-new-list dl dd{ width:35%; float:right; padding-bottom:25%; position:relative;} .mobile-new-list dl dd img{width: 100%; height: 100%;position: absolute;top: 0;left: 0;} .mobile-new-list dl dt{ width:60%; float:left;} .mobile-new-list dl dt h1{ font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .mobile-new-list dl dt p{ font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; color:#777; margin:5px 0; } .mobile-new-list dl dt span{ font-size:12px; color:#777;} .ne-mobile-zr{ display:none;} .ne-mobile-zr{ width:100%; background:url(../images/zr01.jpg) no-repeat; padding:30px 0; color:#fff;} .ne-mobile-zr h2{ text-align:center; font-size:22px;} .ne-mobile-zr h3{ font-weight:normal; font-size:14px; text-align:center; padding:15px 0 0 0;} .ne-mobile-zr ul a{ color:#fff;} .ne-mobile-zr ul li{ width:50%; text-align:center; float:left; font-size:14px; margin-top:30px;} .ne-mobile-zr ul li img{ width:20%;} .mobile-new-list{ display:none;} .mobile-ry{ padding:30px 18px;} .mobile-ry label:before,.mobile-ry label.selected::after,.mobile-ry label::after{ display:none;} .mobile-ry label{ padding:10px 5px; background:#fff; color:#333; font-size:14px; line-height:1; font-weight:normal;} .mobile-ry li:nth-child(2n) label{ background:#ebe9e9;} .mobile-ry .tab_content{ text-align:center; margin-bottom:10px; position:relative; padding-bottom:45%;} .mobile-ry .tab_content img{ max-width:100%; max-height:100%; top:0; left:0; right:0; bottom:0; margin:auto; position:absolute;} .mobile-ry ul h2{ font-size:16px; color:#d0111b; font-weight:normal; padding:10px 0;} .mobike-case-img{ display:none;} .gydsj-mobile-nav .event_box{ position: relative;} .gydsj-mobile-nav .event_box .parHd { width: 100%; display: inline-block; height: auto; position: relative; } .gydsj-mobile-nav .event_box .parHd:before{ display: block; content: ''; width: 100%; height: 2px; background: #dadada; position: absolute; left: 0; top: 20px; } .gydsj-mobile-nav .parHd ul{ overflow: initial !important;} .gydsj-mobile-nav .parHd .tempWrap{ width: 100% !important;height: 100%; overflow: hidden;} .gydsj-mobile-nav .parHd li.no_line:before{ display: none;} .gydsj-mobile-nav .parHd li{display: inline-block;text-align: center;width: 50px;cursor: pointer; padding-top:25px;font-size: 16px;font-weight: bold;font-family: arial; color: #555555;margin:0 10px; position: relative; } .gydsj-mobile-nav .act-dot{ width: 32px; height: 29px; border-radius:0; background: url(../images/h-xin.png) no-repeat; position: absolute; left: 50%; margin-left: -16px; top: 10px; display:block; background-size:80%; } .gydsj-mobile-nav .parBd{ padding:20px 0 0 0;} .gydsj-mobile-nav .act{ color: #d0111b !important; position: relative; } .gydsj-mobile-nav .act .act-dot{ background: url(../images/h-xin1.png) no-repeat; background-size:80%;} .gydsj-mobile-nav .act-dot:after{ display:none;} .gydsj-mobile-nav div#listBox { width: 100%; } .gydsj-mobile-nav .sPrev,.gydsj-mobile-nav .sNext{ width:27px; height:26px;background: url(../images/about-jzg-jt.png) no-repeat center center;display: block; position: absolute; top: 30px; cursor: pointer;} .gydsj-mobile-nav .sPrev{background: url(../images/about-jzg-jt.png) no-repeat center center; transform:rotate(180deg)} .gydsj-mobile-nav .sNext { right: 4px; } .dsj-list{ font-size:13px; text-align:center; line-height:1.8;} .yb-case{ width:100%; background:url(../images/yb-case.jpg) no-repeat bottom center #f5f5f5; padding:70px 0;} .yb-case .owl-theme .owl-controls .owl-nav{ display:none !important;} .yb-case .owl-theme .owl-controls{ margin-top:30px !important} .td-list{ position:relative; overflow:hidden} .td-list dd{background:#fff; padding:25px; -moz-box-shadow:0px 0px 6px #CCCCCC; -webkit-box-shadow:0px 0px 6px #CCCCCC; box-shadow:0px 0px 6px #CCCCCC;} .td-list dd h1{ font-size:20px;} .td-list dd h2{ width:0; height:2px; background:#d0111b; margin:10px 0; transition-duration:.5s;} .td-list dd p{ font-size:16px; line-height:1.7; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; min-height:108px;} .td-list dd span{ display:inline-block; /* background:#d0111b;*/ border:1px solid #2e2e2e; padding:12px 24px; margin-top:20px; transition-duration:.5s;} .td-list:hover dd h2{ width:180px;} .td-list:hover dd span{background:#d0111b; color:#fff; border-color:#d0111b} .td-list dt{ overflow:hidden;} .td-list dt img{ transition-duration:3s;} .td-list:hover dt img{ transform:scale(1.2,1.2)} .yb-case .owl-theme .owl-dots .owl-dot span{ width:10px; height:10px; background:#d1d1d1; border-radius:50%;} .yb-case .owl-theme .owl-dots .owl-dot.active span{ background:#d0111b;} .yb-ti{ text-align:center; font-size:36px; padding-bottom:50px;} .yb-ti span{ font-size:20px;} .yb-jjfa{background: linear-gradient(top , rgb(244, 244, 244) 12% , rgb(255, 255, 255) 82%); background: -o-linear-gradient(top , rgb(244, 244, 244) 12% , rgb(255, 255, 255) 82%); background: -ms-linear-gradient(top , rgb(244, 244, 244) 12% , rgb(255, 255, 255) 82%); background: -moz-linear-gradient(top , rgb(244, 244, 244) 12% , rgb(255, 255, 255) 82%); background: -webkit-linear-gradient(top , rgb(244, 244, 244) 12% , rgb(255, 255, 255) 82%); padding:70px 0;} .yb-ry{ padding:70px 0;} .gs01{ font-size:18px; padding-bottom:10px;} .gs-zi{ font-size:16px; line-height:1.8; text-indent:32px; padding-bottom:20px;} .yb-ry-list dl{ width:31%; float:left; margin-right:3.5%;} .yb-ry-list dl dt{ width:100%; position:relative; padding-bottom:65%;} .yb-ry-list dl dt img{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;} .yb-ry-list dl:nth-child(3n){ margin-right:0;} .yb-ry-list dl dd{ background:#fff;-moz-box-shadow:0px 0px 5px #CFCFCF; -webkit-box-shadow:0px 0px 5px #CFCFCF; box-shadow:0px 0px 5px #CFCFCF; width:75%; margin:0 auto; position:relative; top:-40px; padding:24px; transition-duration:.5s;} .yb-ry-list dl dd p{ font-size:18px; font-weight:bold; min-height:52px;} .yb-ry-list dl dd span{ width:19px; height:3px; background:#d0111b; display:block; margin-top:20px;transition-duration:.5s;} .yb-ry-list dl:hover dd p{ color:#fff;} .yb-ry-list dl:hover dd{ background:#d0111b} .yb-ry-list dl:hover dd span{ background:#fff; width:35px;} .yb-jjfa .so01-list dl dd h1{ font-size:18px; padding: 0 30px; min-height:50px;} .ry-more{ text-align:center;} .ry-more a{display:inline-block; background:#d0111b; padding:12px 24px; margin-top:10px; transition-duration:.5s; color:#fff;} .ry-more a:hover{box-shadow: 4px 4px 4px #d0111b;} .yb-ab{ width:100%; background:url(../images/ry-ab.jpg) no-repeat center; padding-bottom:70px;} .yb-Menubox{ background:url(../images/yb-bg.jpg) no-repeat;} .yb-Menubox ul li{ width:25%; text-align:center; float:left; padding:23px 0;transition-duration:.5s;} .yb-wa{ border-right:1px solid #6c757e; padding:20px 0;} .yb-wa p{ color:#fff; font-size:26px; padding:5px 0 15px 0;} .yb-wa span{ opacity:0; transition-duration:.5s;} .yb-Menubox ul li{ cursor:pointer;} .yb-Menubox ul li.hover{ background:url(../images/yb-bg1.png) no-repeat bottom center #da1729} .yb-Menubox ul li.hover .yb-wa span{ opacity:1;} .yb-Contentbox{ margin-top:43px; background:#fff; padding:25px;} .yb-img{ width:48%;} .yb-img img{ width:100%;} .yb-zi{ width:45%; padding-left:5%;} .yb-zi h1{ font-size:30px; color:#555; padding-bottom:20px; padding-top:20px;} .yb-zi p{ font-size:16px; line-height:1.6; padding-bottom:20px; text-indent:32px; text-align:justify} .scroll{ height:300px; overflow:auto; padding-right:20px;} .yb-img .owl-nav{ display:none !important;} .yb-img .owl-theme .owl-dots .owl-dot span{ width:9px; height:9px; background:#d1d1d1; border-radius:50%;} .yb-img .owl-theme .owl-dots .owl-dot.active span, .yb-img .owl-theme .owl-dots .owl-dot:hover span{ background:#d0111b} /* 本例子css */ .yb-picScroll-left{ overflow:hidden; position:relative; } .yb-picScroll-left .hd{ overflow:hidden; width:100%; text-align:center; } .yb-picScroll-left .hd ul{ width:100%; text-align:center;} .yb-picScroll-left .hd ul li{ display:inline-block; width:9px; height:9px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#d1d1d1; border-radius:50%; } .yb-picScroll-left .hd ul li.on{ background:#d0111b } .yb-picScroll-left .bd ul{ overflow:hidden; zoom:1; } .yb-picScroll-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; width:32%; } .yb-picScroll-left .bd ul li .pic{ text-align:center; } .yb-picScroll-left .bd ul li .pic img{ width:100%; } .yb-picScroll-left .bd ul li .title{ line-height:48px; } .yb-CbContainer .swiper-container{ display:none !important; padding-bottom:20px;} .pic-List{ text-align:center; font-size:14px;} .pic-List p{ line-height:30px;}.pic-List img{ width:100%; height:auto;} .yb-CbContainer .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 0 !important;} .yb-CbContainer .swiper-pagination-bullet{ width:10px; height:10px;} .yb-CbContainer .swiper-pagination-bullet-active{ background:#d0111b} .fancybox-close { position: absolute; top: -18px; right: -18px; width: 41px; height: 41px; cursor: pointer; z-index: 8040; background:url(../images/close.png); } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 9999; } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; background:rgba(0,0,0,0.5) } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-image{ width:100%;} @media screen and (max-width:1450px) { .yb-zi{ width:50%;} .scroll{ height:270px;} .khfk-fl { padding-left: 2%; padding-top: 25px; } .khfk-input textarea { height: 100px; padding: 10px; } .khfk-input input { padding-left: 10px; height: 35px; } .khfk-input { margin-bottom: 5px; } .khfk-fl h3 { margin-bottom: 10px; font-size:26px; } .dl-case-fr { padding: 80px 1.5% 0 13%; } .dl-case-fr h3 { font-size: 26px; margin-bottom: 10px; } .dl-case-fr .picScroll-top1 .bd .biao01 li { font-size: 16px; margin-bottom: 12px; } .khzq-nav ul li{ margin-right:47px;} .ry-list-nav>img{ height:270px;} .new-list-box{ height:260px;} .jxs-fl h3,.khjs-nav h3,.khzq-nav h3{ font-size:30px;} .jxs-fl p{ font-size:16px;} .kh-title h3,.oem-down-list dl dd p,.kh-more-link h4,.kh-case-name h4{ font-size:20px;} .kh-demo-nav h3,.kh-more-fr h3,.kh-title2,.wd-ti{ font-size:30px;} .kh-more-link a{ width:120px; height:40px; line-height:40px; font-size:16px;} .subNav{ line-height:50px;} .about-ne-title,.ne-banner-title3-nav h3,.shzr-js-fl h3{ font-size:22px;} .about-us-fl h5,.about-new-nav .new-list2-fc h3,.ry-list ul li h5{ font-size:18px;} .new-list-name p,.intro-cover-box h4,.intro-box-fl p:nth-child(1){ font-size:20px;} .intro-box,.intro-cover{ padding:30px;} .about-title h3{ font-size:30px;} .intro-cover p{ font-size:14px; line-height:1.6;} .shzr-js-fl>p{ font-size:16px;} .dgjs-fl p{ font-size:16px;} } @media screen and (max-width: 1265px){.ry-list-nav>img{ height:200px;}} @media screen and (max-width:769px){ .dl-case-fr .picScroll-top1 .bd .biao01 li { font-size: 14px; margin-bottom: 7px; } .gai-kh-zc h1 { font-size: 26px; } .zc-pic { width: 100px; height: 100px; } .gai-kh-zc img { width: 45%; height: 45%; } .gai-kh-zc { transform: translateY(0%); position:relative; } .gai-kh-zc p { width : 100%; font-size: 14px; } .jxs,.kh-all,.khjs,.kh-demo,.new-pro,.kh-more,.kh-question,.cpzl,.dl-case,.gk-qa,.zz-dt,.zz-case,.sjy-case,.more-fw,.need-fw-nav,.jxs-xi{ padding:20px 0;} .jxs-fl,.jxs-fr,.khjs-fl,.khjs-fr,.khfk-fr,.gai-bd,.dgjs-fl,.dgjs-fr,.dl-case-fl,.dl-case-fr,.jz-down-list dl dt,.jz-down-list dl dd,.qk-qa-ri,.sjy-case-le, .sjy-case-ri,.jxs-le,.jxs-ri,.jxs-CbContainer{ width:100%; margin-right:0; float:none;} .cpzl-nav ul li{ width:48%; margin:0 1% 20px;} .khjs-fl{ font-size:14px; line-height:1.6;} .jxs-fl h3,.khjs-nav h3,.kh-title2,.khfk-fl h3,.cpzl-nav h3{ font-size:18px; margin-bottom:10px;} .jxs-fl p{ font-size:14px; padding-bottom:10px; line-height:1.6;} .jxs-link{ width:48%; float:left; height:35px; margin:0 1%;} .jxs-link a{ font-size:14px; line-height:32px;} .kh-title p{ display:none;} .kh2,.kh1{ width:48%;} .kh-all-nav li:nth-child(1) .kh-message,.kh-all-nav li:nth-child(2) .kh-message,.kh-all-nav li:nth-child(3) .kh-message{ height:143px;} .kh-title{ padding:10px;} .kh-title h3{ font-size:14px; margin-bottom:0;} .kh-all-nav li,.kh-all-nav li:nth-child(2) .kh-message{ margin-bottom:10px;} .kh-all-nav li:nth-child(2){ margin-bottom:0;} .kh-all-nav li:nth-child(3) .kh-message:nth-child(1){ position:absolute; top:-153px; right:0;} .kh-all-nav li:nth-child(2) .kh-message:nth-child(2){ float:right; margin-right:0;} /*.kh-all-nav li:nth-child(3) .kh-message:nth-child(2){ width:100%;}*/ .khzq-fu{ display:none;} .khzq{ margin-top:50px; padding-top:30px;} .khzq-nav h3{ font-size:20px; margin-bottom:10px;} .khzq-nav ul li a{ font-size:13px;} .khzq-nav ul li{ width:33.333%; margin-right:0;} .kh-demo-com,.kh-more-com{ padding:20px 0;} .demo-icon{ width:46px; height:46px;} .demo-icon img,.kh-more-icon img{ width:100%;} .kh-demo-com span{ display:none;} .kh-demo-com p{ font-size:16px; padding:10px 0 0 0;} .kh-demo-nav h3{ font-size:18px; margin-bottom:10px;} .kh-demo,.kh-more{ background-size:cover;} .new-pro-nav .picScroll-left .bd ul li{ width:49%; margin-right:12px;} .new-pro-nav{ padding-left:10px; overflow:hidden} .new-pro-nav:before{ width:40%;} .new-pro-nav h3{ font-size:26px;} .new-pro-nav .next, .new-pro-nav .prev,.new-pro-nav .next:hover,.new-pro-nav .prev:hover,.picScroll-top1 .hd .prev, .picScroll-top1 .hd .next,.qk-qa-ri .slideBox .prev, .qk-qa-ri .slideBox .next,.qk-qa-ri .slideBox .prev:hover, .qk-qa-ri .slideBox .next:hover{ width:25px; height:25px; background-size:cover;} .new-pro-nav .picScroll-left .hd{ top:-50px;} .new-pro-img{ padding:50px 0;} .new-pro-img img{ max-width:80%; max-height:80%;} .new-pro-message{ padding-bottom:10px;} .new-pro-nav .picScroll-left .bd ul li p{ font-size:12px;} .new-pro-nav .picScroll-left .bd ul li span{ display:none;} .kh-case{ padding-top:30px;} .mobike-case-img{ display:block;} .zr-text{ position:absolute; bottom:0; left:0; width:100%; background:rgba(255,255,255,0.8); text-align:center; padding:5px 0;} .zr-text h3{ font-size:16px;} .zr-text p{ font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .mobike-case-img .owl-theme .owl-controls .owl-dots,.home-about-nav .owl-theme .owl-controls{ position:absolute; top:25%; left:0; width:100%;} /*.home-about-nav .owl-theme .owl-controls .owl-dots{ bottom:65px; width:100%;}*/ .mobike-case-img .owl-theme .owl-controls .owl-dots .owl-dot span{ width:10px; height:10px; background:#d0111b; margin:0 5px; display:none;} /*.home-about-nav .owl-theme .owl-controls .owl-dots .active span{ width:20px;}*/ .mobike-case-img .owl-theme .owl-controls .owl-nav [class*=owl-]{ width:21px; height:39px;background:url(../../images/pre01.png) no-repeat; padding:0; text-indent:9999px; position:absolute; left:2%; overflow:hidden; background-size:contain;} .mobike-case-img.owl-theme .owl-controls .owl-nav .owl-next{ left:auto; right:2%; transform:rotate(180deg)} .mobike-case-img.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:url(../../images/pre01.png) no-repeat; background-size:contain;} .mobike-shzr{ display:none;} #certify{ display:none;} .kh-question-nav ul li{ width:100%; padding:5px 10px;} .kh-question-fl { width: 30px;height: 30px;line-height: 30px;} .kh-question-fr { width: calc(100% - 30px);padding-left: 15px;font-size: 14px;line-height: 30px;} .kh-question-fl{ width:20px; height:20px; border:none; line-height:25px;} .kh-question-fl img{ width:100%; height:100%;} .kh-more-fr{ width:100%; float:none;} .kh-more-fr h3{ font-size:20px; text-align:center; margin-bottom:10px;} .kh-more-icon{ width:60px; height:60px; margin-bottom:10px;} .kh-more-link h4{ font-size:16px; margin-bottom:10px;} .kh-more-link a{ width:90px; line-height:30px; height:30px; font-size:12px;} .khfk-fl{ position:relative; width:100%; margin-bottom:20px; padding-bottom:20px;} .khfk-sub a{ width:100px; height:40px; line-height:40px; font-size:14px;} .kh-demo-nav .oem-down-list dl{ width:48%; height:80px; margin-bottom:20px;} .kh-demo-nav .oem-down-list dl:nth-child(1){ height:180px;} .kh-demo-nav .oem-down-list dl dd{ right:0;} .oem-down-list dl dd p{ font-size:14px; padding:0 10px; line-height:35px;} .oem-down-list dl dd p:before{ display:none;} .oem-down-list dl dd{ position:relative; right:0; width:96%; text-align:center;} .dgjs-fl p{ font-size:14px; line-height:26px;} .khjs-message h5{ font-size:14px; line-height:26px;} .go-down{ display:none;} .dgjs-fr{ padding-left:0; margin-top:15px;} .cpzl-name{ height:40px; line-height:40px; top:-40px; width:100%; left:0; background:rgba(0,0,0,0.5); color:#fff; font-size:14px;} .cpzl-more span,.venobox{ display:none;} .cpzl-more{ height:0px;} .dl-case-fr{ position:relative; padding:30px 15px;} .picScroll-top1 .hd .pageState{ font-size:16px; line-height:25px;} .jz-down-list dl dd{ padding:0 10px 20px 10px; text-align:center;} .jz-down-list dl dd p{ font-size:16px; padding:10px 0;} .jz-down-list dl dd span{ font-size:14px; padding:5px 10px;} .wd-ti{ font-size:20px; padding-top:0; line-height:2; padding-bottom:5px;} .qk-qa-ri .slideBox .prev, .qk-qa-ri .slideBox .next{ top:-35px;} .qk-qa-ri .slideBox .next{ left:40px;} .subNav{ padding:0 10px; font-size:14px; line-height:40px; background:none;} .currentDt{ background:#d0111b} .navContent{ padding:0 10px 10px} .zz-bg-list li p{ font-size:12px;} .zz-bg-list li img{ width:20%;} .zz-bg-list li{ padding:10px 0; width:50%;border-bottom: 1px solid rgba(255,255,255,0.2);} .zz-bg-list li:nth-child(2n){ border-right:none;} .zz-bg-list li:nth-child(4){border-right:none; border-bottom:none;} .zz-bg-list li:nth-child(3){ border-bottom:none;} .sj-bg-list li{ width:33%; border-bottom:none;} .sj-bg-list li:nth-child(2){ border-right: 1px solid rgba(255,255,255,0.2);} .sj-bg-list li img{ width:30%;} .zz-bg-list{ height:auto; margin-top:30px; padding:10px;} .zz-ti{ font-size:22px; padding-bottom:15px;} .zz-dt .picScroll-left{ padding:0 18px;} .zz-dt .picScroll-left .bd ul li{ margin-right:2%; width:49%; margin-bottom:10px;} .zz-dt .picScroll-left .bd ul li:nth-child(2n){ margin-right:0;} .zz-dt .picScroll-left .bd ul li dl{ padding-bottom:10px;} .zz-dt .picScroll-left .bd ul li dl dd{ position:relative; width:100%; padding:4px; left:0;} .zz-dt .picScroll-left .bd ul li dl dd p{ font-size:12px; padding:5px 0;} .zz-dt .picScroll-left .bd ul li dl dd h1{ font-size:14px;} .zz-dt .picScroll-left .hd ul{ margin-top:10px;} .hz-logo li{ width:31.3%; margin-bottom:15px;} .sjy-case-ri{ padding-left:0; padding-top:20px;} .picScroll-top1 .bd ul li{ font-size:14px; margin-bottom:10px;} .picScroll-top1{ padding-top:0;} .dg-picture{ margin-top:20px;} .more-fw{ background-size:cover;} .more-fw-fl{ width:100%;} .more-fw:before{ display:none;} .more-fw-fl h3{ font-size:22px; margin:10px 0;} .more-fw-fl p{ margin-bottom:10px; font-size:16px;} .more-fw-fl img{ width:30%;} .more-fw-fr{ width:100%; padding:10px; margin-top:10px;} .more-fw-fr ul li p{ display:none;} .more-fw-fr ul li{ padding:10px;} .more-fw-fr ul li img{ width:30%;} .more-fw-fr ul li h3{ font-size:16px;} .need-fw-nav h3{ font-size:18px;} .need-fw-nav p{ margin-bottom:15px; font-size:14px; padding:0 18px;} .need-fw-nav ul{ width:100%; text-align:center; padding:0 18px;} .smgz{ font-size:16px; width:100px; height:40px; line-height:40px;} .need-fw-nav ul li{ float:none; display:inline-block; width:23%; margin-right:0;} .need-fw-nav ul li a{ font-size:14px;} .jxs-ri{ padding-top:20px; padding-bottom:10px;} .jxs-Menubox ul li{ font-size:18px;} .jxs-CbContainer input,.jxs-CbContainer button{ width:96%; margin-left:2%;} .jx-fe{ padding-top:10px;} .jx-fe li{ margin-bottom:10px;moz-box-shadow:none; -webkit-box-shadow:none; box-shadow: none;} .jxs02 dl{ width:100%; margin-bottom:10px; padding:10px;} .jxs02 dl dt{ position:relative; z-index:2;} .jxs02 dl dd{ width:30%; right:0; z-index:1; top:10px;} .jxs02 dl dd img,.sq-dl{ width:100%;} .jxs02 dl dt,.fj-sc{ padding:0;} .jxs02 dl dt p{ padding:10px 0;} .sq-dl{ padding:20px 0;} .sq-ti{ font-size:26px; padding-bottom:15px;} .sq-nr{ padding:10px;} .nr01{ width:100%; margin-bottom:10px; padding-left:20px;} .about-us{ padding-top: 30px; padding-bottom: 0; position: relative; } .about-us:before{ display: block; content: ''; width: 100%; height: 190px; background: #d0111b; position: absolute; top: 0; z-index:-1; } .about-ne-title{ font-size: 20px; color: #fff; text-align: center; margin-bottom: 10px; } .about-us-fl{ width: 100%; padding-right: 0; position: relative; } .about-us-fl h5{ font-size: 14px; color: #fff; text-align: center; margin-bottom: 55px; } .about-us-fl>p{ display: none; } .about-more{ width: auto; height: auto; position: absolute; border: none; font-size: 14px; color: #fff; opacity: 0.65; top: 15px; left: 50%; transform: translateX(-50%); margin-top: 0; } .about-us-fl ul{ border: none; } .about-us-fl ul li{ width: 30%; margin-right: 5%; background: #fff; border-radius: 5px; border: none; box-shadow: 2px 4px 4px #eeeeee; padding:20px 0; } .about-us-fl ul li:nth-child(3){ margin-right: 0; } .about-us-fl ul li img{ width: 30%; } .about-us-fl ul li p{ margin-top: 5px; font-size:14px; } .about-us-fr{ width: 100%; margin-top: 25px; } .about-pp h4{ font-size: 16px; margin-top: 19px; } .about-pp{ width: 80px; height:80px; right: 0; bottom: 0; } .about-new{ padding-top: 30px; padding-bottom: 30px; } .about-new-pic ul li{ width: 100%; margin-right: 0; margin-bottom: 10px; } .new-list-box{ width: 100%; height:100px; } .about-new-pic .new-list-box{ height:220px;} .about-new-nav .new-list2-fc h3{ font-size:16px;} .new-list-name p,.new-list-name span{ font-size: 14px; margin-bottom:0; } .new-list2-nav p{ margin-top:0} .new-list2{ margin-bottom:20px;} .about-new-text .picScroll-left{ padding: 25px 35px; } .about-new-text .picScroll-left .hd{ margin-left: -35px; } .about-new-text .next{ margin-right: 0; } .about-new-text .prev{ margin-left: 0; } .new-text-date span:nth-child(1){ font-size: 40px; } .new-text-date span:nth-child(2){ font-size: 22px; } .about-title h3{ font-size: 22px; } .mobile-ppry{ display: block; } .about-ppry-nav{ display: none; } .parBd{ margin-top: 0px; } .parHd li{ margin: 0 5px; line-height:50px; font-size:16px; } .act{ font-size:18px !important;} .dsj-list ul li:nth-child(3n){ margin-right: 2%; } .dsj-list ul li{ width: 49%; margin-right: 2%; margin-bottom: 20px; } .dsj-list ul li:nth-child(2n){ margin-right: 0; } .dsj-list ul li p{ font-size: 14px; line-height: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .ne-banner-title3{ position: relative; width: 100%; height: auto; left: 0; transform: translateX(0); display: block; top:0;padding:0 !important; } .ne-banner-title3-nav h3{ padding:0 20px;} .ne-banner-fr{ width: 100%; background: #d0111b; } .ne-banner-fr ul{ zoom: 1; width:100%; text-align:center; padding:30px 0 30px 0; } .ne-banner-fr ul:after{ display: block; content: ''; clear: both; } .ne-banner-fr li{ width: auto; float: none; display:inline-block; border:1px solid #de5960; padding:0 5px; } .intro-box{ display: none; } .intro-cover{ position: relative; height: auto; padding:0; transform: scaleY(1); opacity: 1; visibility: visible; background: #d0111b; } .intro-cover p{ display: none; } .intro-cover-box h4{ font-size: 14px; text-align: center; display: block; float: none; color: #fff; font-weight:normal } .intro-cover-box span{ display:none; } .shzr-box1{ padding-top: 30px; } .shzr-js-fl{ width: 100%; padding-top: 0; padding-right: 0; } .shzr-js-fl h3{ font-size: 16px; margin-bottom:10px; text-align:center; } .shzr-js-fl>p{ font-size: 14px; line-height: 26px; margin-bottom: 5px; } .shzr-download a img{animation:none;-webkit-animation:none} .shzr-download{ margin-top: 20px; border:1px solid #d0111b } .shzr-download p{ text-indent: 0; font-size: 13px; line-height: 40px; padding-left:20px; } .shzr-download a{ width: 40px; height: 40px; line-height: 30px; margin-left: 0; float: right; } .shzr-js-fr:after{ display:none;} .shzr-js-fr{ width: 100%; margin-top: 10px; padding: 15px 0 15px 0; } .shzr-box2{ margin-top: 30px; background:url(../images/ze-xin.jpg) no-repeat center; height:auto; } .shzr-list ul{ text-align:center;} .shzr-list ul li{ width: auto; height: auto; padding-left: 0px; padding-right: 0px; } .shzr-list ul li span{ display: none; } .shzr-list ul li p{ font-size: 13px; width: 100%; line-height: 80px; text-align: center; font-weight:normal; background:url(../images/b-jia.png) no-repeat right center; padding-right:10px; padding-left:5px; background-size:8px 8px; } .shzr-box3{ padding: 30px 0; } .shzr-ry-top{ display: block; margin-bottom:20px; } .shzr-ry-fl{ width: 100%; padding-right: 0; margin-bottom: 20px; } .shzr-ry-fl h4{ margin-bottom: 10px; font-size:15px; text-align:center; } .shzr-ry-fl img{ display: none; } .shzr-ry-fl p{ font-size: 13px; line-height: 26px; background:url(../images/zr-niu.png) no-repeat right bottom; background-size: 40%; padding-right:20%; } .shzr-ry-fr{ width: 100%; } .shzr-ry-fr>img{ width: 100%; } .ry-list ul li:nth-child(3n){ margin-right: 2%; } .ry-list ul li{ width: 100%; margin-right: 0; margin-bottom: 15px; position:relative; border-bottom:1px solid #cccccc; padding-bottom:15px; } .ry-list ul li:nth-child(2n){ margin-right: 0; } .ry-list ul li h5{ display:none; } .new-search{ padding: 20px 10px; margin-bottom: 30px; } .new-search dd:nth-child(1){ width: 100%; margin-right: 0; font-size:18px; } .new-search dd:nth-child(2){ width: 100%; margin-right: 0; margin-bottom: 10px; } .new-search dd:nth-child(3){ width: 100%; margin-right: 0; margin-bottom: 10px; } .new-search dd:nth-child(4){ width: 85%; margin-bottom: 10px; } .new-search dd:nth-child(5){ width: 15%; margin-left: 0; } .new-search dd:nth-child(5) .search-btn{ width:100%; margin-left:0;} .new-search dd:nth-child(5) .search-btn img{ width:40%;} .new-time{ width: 20%; } .new-list2-fc{ width: 80%; padding-left: 15px; padding-right: 15px; } .new2-pic{ display: none; } .new-time h1{ font-size: 30px; } .new-banner{ margin-bottom: 20px; } .new-list-name{ position: absolute; width: 100%; padding: 10px; height: auto; background-size:cover} .ry-list-nav>img{ height:auto; width:30%; border-radius:5px; float:left;} .ry-list-cover{ width:65%; float:right; opacity:1; position:relative; top:0; left:0; transform:none; padding:0; border-bottom:none; text-align:left;} .ry-list-cover h4{ font-size:16px; font-weight:normal; margin-bottom:10px; padding-top:5px;} .ry-list-cover p{ font-size:14px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;-webkit-line-clamp: 1;display: block; margin-bottom:0;} .act-dot:before,.ry-list-cover span{ display:none;} .gydsj-mobile-nav{ display: block; } .gydsj-nav{ display: none; } .shzr-box4{ padding:40px 0 100px 0; background:url(../images/zr-mobile-bg.png) no-repeat bottom center #f7f7f7; background-size:100% } .gydsj h3{ margin-bottom: 20px; font-size:22px; } .shzr-box4 .w1373{ padding:0 !important} .shzr-box4:after,.bf-an2:before,.about-new-pic,.about-new-text,.section3{ display: none; } .bf-an2 img{ width:50%;} .about-pp img{ width:30%;} .about-go{ font-size:16px; margin-bottom:10px;} .ne-mobile-zr{ display:block;} .about-dsj{ padding:30px 0;} .about-title p{ font-size:16px;} .sPrev,.sNext{ width: 28px; height: 28px; display: block; position: absolute; top: 10px;cursor: pointer;} .sPrev img,.sNext img{ width:100%; height:100%;} .event_box .parHd:before{ height:50px;} .event_box .parHd{ height:90px;} .about-ppry{ padding:30px 18px;} .jxs-dw{ left:10px;} .jxs-dw img{ width:30%;} .jxs-dw a{ padding:0 0 0 10px; float:left;} .jxs-CbContainer input{ height:40px; line-height:40px; font-size:12px; background-size:7% !important; padding-left:50px; margin-bottom:10px;} .jxs-CbContainer button{ width: 40%; height:40px; line-height:40px; font-size:14px; margin-left:30%;} .jx-fe li a{ font-size:12px; padding:3px 6px;} .jxs02 dl dt h1{ font-size:16px;} .jxs02 dl dt p{ font-size:14px;} .jxs02 dl dt a{ font-size:12px; padding:5px 15px;} .yzm img{ height:35px;} .khfk-fr{ display:none;} .dl-case,.gk-qa,.sjy-case{ padding:30px 18px;} .dl-case-fr h3{ font-size:20px;} .qk-qa-le{ width:100%;} .case-slideBox .bd li p{ display:none;} .mobile-new-list{ display:block;} .cpzl:before{ height:100%;} .dl-case-fr p,.kh-bd-more dl,.kh-bd-more dl dd span{ font-size:14px;} .kh-bd-more dl{ width:100%;} .hz-logo{ padding:0 18px;} .new-search dd select{ height:40px; line-height:40px;} .search-btn{ width:40%; height:40px; margin-left:30%; line-height:40px;} .dj-fx a{ line-height:30px;} .bf-an img{ width:50%;} .oem-demo .kh-demo-nav .oem-down-list dl,.oem-demo .kh-demo-nav .oem-down-list dl:nth-child(1){ height:auto;} .new-search dd input{ height:40px; line-height:40px;} .bf-an2{ text-align:center;} .event_box{ min-height:auto;} .ne-banner-title3-nav p,.gydsj:before{ display:none;} .jxs02 dl ul li p span{font-size: 12px; padding: 5px 10px;} .jxs02 dl ul li img{ width:40%; padding-bottom:10px;} .jxs02 dl ul{ padding:20px 0;} .yb-Menubox ul li{ width:50%; padding:0;border-bottom: 1px solid #6c757e;border-right: 1px solid #6c757e;} .yb-Menubox,.yb-ab{ background-size:cover;} .yb-wa{ border:none; padding:10px 0;} .yb-wa p{ font-size:15px; padding:5px 0;} .yb-wa img{ width:20%;} .yb-wa span img{ width:13px;} .yb-Contentbox{ margin-top:13px; padding:10px;} .yb-img,.yb-zi{ width:100%; padding:0;} .yb-zi h1{ font-size:17px; padding:10px 0;} .yb-zi p{ font-size:14px; padding-bottom:0;} .scroll{ height:auto;} .yb-picScroll-left .bd ul li{ width:46%;} .yb-picScroll-left .bd ul li .title{ font-size:13px; line-height:30px;} .yb-ab{ padding-bottom:20px;} .yb-ry{ padding:20px;} .yb-ti{ font-size:18px; padding-bottom:20px;} .yb-ry-list dl{width: 48%; margin: 0 1% 15px;} .yb-ry-list dl dd{ width:100%; position:relative; top:0; padding:10px; box-sizing:border-box;} .yb-ry-list dl dd p{ font-size:14px; font-weight:normal; text-align:center;} .yb-ry-list dl dd span{ display:none;} .ry-more a{ font-size:14px; padding:5px 15px;} .yb-jjfa,.yb-case{ padding:20px 0;} .yb-ti span{ font-size:14px;} .td-list dd{ padding:15px;} .td-list dd h1{ font-size:17px; padding-bottom:10px;} .td-list dd p{ font-size:14px; line-height:1.6; min-height:80px;} .td-list dd h2{ display:none;} .td-list dd span{ margin-top:10px; padding:5px 15px; font-size:14px;} .yb-jjfa .so01-list dl dd h1{ padding:0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; min-height:20px; font-size:14px;} .article-xi .yb-ry-list dl dd p{ font-size:12px; min-height:48px;} .yb-CbContainer .yb-picScroll-left{ display:none;} .yb-CbContainer .swiper-container{ display:block !important;} } @-webkit-keyframes fadeInDown2 { 0% { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes fadeInDown2 { 0% { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } 100% { -webkit-transform: none; transform: none; } } .fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2; } @-webkit-keyframes shine2 { 100% { left: 125%; } } @keyframes shine2 { 100% { left: 125%; } }