.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:left; 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: 20px;
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: 16px;
color: #555555;
line-height: 28px;
text-align: justify;
text-indent: 2rem;
margin-bottom: 10px;
}
.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 0;
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: 14px;
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: 100%;
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 {
}
.oem-down-list dl dd p {
line-height: 47px;
background: #fff;
font-size: 16px;
font-weight: bold;
padding: 0 11px;
position: relative;
transition-duration: .5s;
height: 60px;
transition-duration: .5s;
line-height: 1.6;
display: flex;
justify-content: center;
align-items: center;
}
.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: 20px;
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){
margin-right: 1%;
font-size: 24px;
font-weight: bold;
color: #333333;
line-height: 50px;
}
.new-search dd:nth-child(2){
width: 16%;
margin-right: 1%;
}
.new-search dd:nth-child(3){
width: 16%;
margin-right: 1%;
}
.new-search dd:nth-child(4){
width: 30%;
}
.new-search dd:nth-child(5){
width: 10%;
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: 20px;
color: #333333;
line-height: 40px;
}
.intro-cover-box span{
float: right;
display: none;
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-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{
zoom: 1;
position: relative;
z-index: 2; height: 210px;
display: flex;
justify-content: center;
align-items: center;
}
.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;
height: 210px;
display: flex;
justify-content: center;
align-items: center;
}
.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:15px;}
.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:50%; 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:100%; height:auto !important; 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:80%; 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: 35px;
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;background-size: cover;
}
.shzr-list ul{ text-align:center;}
.shzr-list ul li{
width: 100%;
height: auto;
padding-left: 0px;
padding-right: 0px;
}
.shzr-list ul li a{ height:auto;}
.shzr-list ul li span{
display: none;
}
.shzr-list ul li p{
font-size: 13px;
width: 100%;
line-height: 40px;
text-align: center; height:auto; 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%;
}
}