html {
overflow-y: scroll;
}
body{
color:#595959;
}
html{
overflow-y: auto;
overflow-x: hidden;
}
::-webkit-scrollbar-thumb:hover {
background-color: #d9251c;
}
::-webkit-scrollbar-thumb {
background-color: #d9251c;
}
::-webkit-scrollbar {
width: 0.3rem;
height: 4rem;
}
.container{
width:150rem;
}
header{
background-color:rgba(27, 27, 27, 1);
}
.headertopbig{
display: flex;
align-items: center;
justify-content: space-between;
}
.headertopleft{
font-family: Arial;
font-size: 1.4rem;
line-height: 4.8rem;
color: rgba(255, 255, 255, 0.5);
}
.headertopright ul{
display: flex;
justify-content: space-between;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;
}
input:-ms-input-placeholder{
color: #fff;
}
input::-webkit-input-placeholder{
color: #fff;
}
.headertopright ul li{
display: inline-block;
padding: 0 2rem;
border-left: 0.1rem solid #2d2d2d;
}
.headertopright ul li a{
color:#ffffff80;
padding-left: 2.6rem;
}
.jp_yz_topLanTel {
background: url(../images/tel.png) no-repeat left center;
padding-left: 2.6rem;
background-size:1.5rem;
}
.jp_yz_topLanMail {
background: url(../images/mail.png) no-repeat left center;
padding-left: 2.6rem;
}
.jp_yz_topLanLi {
display: inline-block;
padding: 0 2rem;
border-left: 0.1rem solid #2d2d2d;
}
.headertopright ul{
border-right:0.1rem solid #2d2d2d;
}
.headertopright{
height: 4.8rem;
display: flex;
align-items: center;
}
.jp_yz_topLanLink{
display: inline-block;
font-family: Arial;
font-size: 1.4rem;
line-height: 4.8rem;
color: rgba(255, 255, 255, 0.5);
}
.headerbottombig{
padding: 1.3rem 0 1.1rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.iconfont{
font-family: iconfont !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.menu .jp_ty_navLi{
display: inline-block;
}
.menu .jp_ty_navLi img{
width: 1rem;
}
.jpRelative {
position: relative;
}
.menu .jp_ty_navLi a{
font-family: Arial;
font-size: 1.8rem;
font-weight: 400;
color: #fff;
display: block;
text-align: center;
text-align-last: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.menu .jp_ty_navYjName {
line-height: 6rem;
padding: 0 3.6rem;
}
.menu .jp_ty_navEjContent {
z-index: 9;
left: 0;
transform: translateY(3rem);
min-width: 100%;
opacity: 0;
visibility: hidden;
background: #d9251c;
margin-left: 3.6rem;
}
.jpAbsolute {
position: absolute;
}
.menu .jp_ty_navLi:hover .jp_ty_navEjContent {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.menu .jp_ty_navEjContent:before {
content: '';
display: inline-block;
width: 0;
height: 0;
border: 0.8rem solid transparent;
border-bottom-color: #d9251c;
position: absolute;
left: 2rem;
top: -1.6rem;
}
.jpTransition {
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.menu .jp_ty_navSjUl {
position: absolute;
min-width: 100%;
left: 100%;
top: 0;
transform: translateX(3rem);
opacity: 0;
visibility: hidden;
background: #d9251c;
}
.menu .jp_ty_navEjLi:hover .jp_ty_navSjUl {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.menu .jp_ty_navEjName,.menu .jp_ty_navSjName{
line-height: 4rem;
font-size: 1.6rem !important;
color: #fff;
padding: 0 1rem;
}
.menu .jp_ty_navEjName.jp_ty_navLink:hover,.menu .jp_ty_navSjName.jp_ty_navLink:hover{
color: #ffffff;
background-color: rgba(0,0,0,0.2);
}
.menu .jp_ty_navEjLi {
position: relative;
}
.headerbottomleft {
margin-left: 0;
clear: left;
margin-right: 0;
width: 78.79113%;
display: flex;
justify-content: space-between;
align-items: center;
}
.search input{
padding-left: 2rem;
border: none;
border-radius: 3px;
background: rgba(255, 255, 255, 0.2);
color: #fff;
height: 4.5rem;
width: 100%;
}
.search .p_searchBtn {
position: absolute;
right: 0;
top: 0;
width: auto;
line-height: 4.2rem;
height: auto;
padding: 0 1.5rem;
text-align: center;
background-color: transparent;
}
.headerbottomright{
width: 21.10887%;
margin-left: 0.1%;
margin-right: 0;
clear: none;
max-width: 27.1rem;
}
.search{
position: relative;
}
.menu .jp_ty_navLi a:hover {
color: #d9251c;
}
.banner{
overflow: hidden;
}
.swiper-button-next-banner{
width: 3.8rem;
height: 3.8rem;
border-radius: 50%;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
right: 2rem;
background-color: rgba(91, 112, 136, .5);
color: #fff;
text-align: center;
line-height: 3.8rem;
background-image:url(../images/banner-right.png);
background-size: 100%;
}
.swiper-button-prev-banner{
width: 3.8rem;
height: 3.8rem;
border-radius: 50%;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
left: 2rem;
background-color: rgba(91, 112, 136, .5);
color: #fff;
text-align: center;
line-height: 3.8rem;
background-image:url(../images/banner-left.png);
background-size: 100%;
}
.homeclass ul{
margin: 6.5rem auto 7rem;
display: flex;
justify-content: space-between;
}
.homeclass ul li .classtu{
max-width: 6.9rem;
margin: 0 auto;
}
.homeclass .jp_yz_indexProCateTit {
font-size: 1.8rem;
line-height: 3rem;
color: #000000;
margin: 2.2rem 0 0.5rem;
text-align: center;
}
.homeclass{
background:#f7f7f7;
}
.homeclass .jp_yz_indexProCateLine {
width: 0.2rem;
height: 17.7rem;
margin: 0 4rem;
border-left: 0.1rem solid #d6d6d6;
}
.homeclass .jp_yz_indexProCateSum {
font-size: 1.4rem;
line-height: 2rem;
color: #666666;
text-align: center;
}
.homeclass .jp_yz_indexProCateLink {
display: inline-block;
position: relative;
font-size: 1.4rem;
line-height: 2rem;
color: #000000;
margin-top: 1.8rem;
}
.homeclass .jp_yz_indexProCateLink:after {
content: '';
display: inline-block;
width: 100%;
height: 0.1rem;
background-color: #000000;
position: absolute;
bottom: 0;
left: 0;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.homeclass .jp_yz_indexProCateLi:hover .jp_yz_indexProCateLink:after {
width: 0%;
}
.homeclass .jp_yz_indexProCateContent {
display: flex;
align-items: center;
flex-direction: column;
}
.homeclass .jp_yz_indexProCateLi:hover .jp_yz_indexProCateTit {
color: #d9251c;
}
.homeclass .jp_yz_indexProCateLi:hover .classtu {
transform: translateY(-1rem);
}
.homeclass .jp_yz_indexProCateLi:hover .jp_yz_indexProCateLink{
color: #d9251c;
}
.tuijianchanp{
margin:8.32rem 0;
}
.tuijianchanp .jp_yz_indexProCateTit {
font-size: 4.8rem;
font-weight: Bold;
line-height: 4.8rem;
color: #000000;
}
.tuijianchanp .jp_yz_indexProCateBox {
text-align: center;
text-align-last: center;
width: 100%;
max-width: 87rem;
margin: 0 auto 5.2rem;
}
.tuijianchanp .jp_yz_indexProCateSum {
font-size: 1.6rem;
line-height: 3.6rem;
color: #a0a0a0;
margin: 1rem 0 1.3rem;
}
.tuijianchanp{
overflow: hidden;
}
.tuijianchanp .swiper-slide{
text-align: center;
font-size: 1.8rem;
height: calc((100% - 3rem) / 2);
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#tuijian{
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.jp_yz_indexProListMax .jpClear{
height: 103vh;
}
.tuijianchanp .jp_yz_indexProContent {
text-align: center;
text-align-last: center;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(217, 37, 28, 0.8);
opacity: 0;
}
.tuijianchanp .jp_yz_indexProContainer:hover .jp_yz_indexProContent {
opacity: 1;
}
.tuijianchanp .jp_yz_indexProCover {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
padding: 0 1rem;
}
.tuijianchanp .jp_yz_indexProTit {
font-size: 3.6rem;
line-height: 2;
color: #ffffff;
transform: translateY(-50%);
font-weight: 100;
opacity: 0;
}
.tuijianchanp .jp_yz_indexProContainer:hover .jp_yz_indexProIcon {
transform: translateY(0%);
opacity: 1;
}
.tuijianchanp .jp_yz_indexProContainer:hover .jp_yz_indexProTit{
transform: translateY(0%);
opacity: 1;
}
.tuijianchanp .jp_yz_indexProIcon {
display: inline-block;
width: 5.7rem;
height: 5.7rem;
line-height: 5.6rem;
border-radius: 50%;
font-size: 2rem;
color: #000;
background-color: #ffffff;
text-align: center;
text-align-last: center;
margin: 0 auto;
position: relative;
transform: translateY(50%);
opacity: 0;
}
#tuijian{
padding:0 1.5rem;
}
.jpRollBtnBox{
position: relative;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
content:"";
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
content:"";
}
.banner img{
width:100%;
}
a.jp_yz_indexProContainer {
width:100%;
}
.jp_yz_indexProPic.jpPic{
width:100%;
}
.jp_yz_indexProPic.jpPic img{
width:100%;
}
.tuijianchanp .jpRollBtnBox > div {
line-height: 3.8rem;
color: #fff;
display: inline-block;
margin: 0.8rem;
font-size: 1.4rem;
width: 3.8rem;
height: 3.8rem;
background-color: #b3b3b3;
border-radius: 7px;
cursor: pointer;
position: relative;
z-index: 1;
overflow: hidden;
}
.swiper-button-next-tjcp:after,.swiper-button-next-zhanlan:after{
content:">";
font-size: 2rem;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.swiper-button-prev-tjcp:after,.swiper-button-prev-zhanlan:after{
content:"<";
font-size: 2rem;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.swiper-button-prev-zhanlan{
line-height: 3.8rem;
color: #fff;
display: inline-block;
margin: 0.8rem;
font-size: 1.4rem;
width: 3.8rem;
height: 3.8rem;
background-color: #b3b3b3;
border-radius: 7px;
cursor: pointer;
position: absolute;
z-index: 1;
overflow: hidden;
}
.swiper-button-next-zhanlan{
line-height: 3.8rem;
color: #fff;
display: inline-block;
margin: 0.8rem;
font-size: 1.4rem;
width: 3.8rem;
height: 3.8rem;
background-color: #b3b3b3;
border-radius: 7px;
cursor: pointer;
position: absolute;
z-index: 1;
overflow: hidden;
}
.swiper-button-next-zhanlan::before,.swiper-button-prev-zhanlan::before{
content: '';
position: absolute;
z-index: -1;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
width: 0px;
background-color: #d9251c;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.swiper-button-next-zhanlan:hover:before,.swiper-button-prev-zhanlan:hover:before {
width: 100%;
}
.tuijianchanp .jpRollBtnBox > div:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 0;
background-color: #d9251c;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.tuijianchanp .jpRollBtnBox > div:hover:before {
width: 100%;
}
.swiper-button-next-tjcp,.swiper-button-prev-tjcp{
left:auto;
right:auto;
}
.homechoose{
padding:9.6rem 0 6.4rem;
background:url(../images/wcu.jpg) no-repeat;
background-size: cover;
}
.homechoosetitle h4{
font-size: 4rem;
line-height: 3.6rem;
color: #b7b7b7;
text-align: center;
}
.homechoosetitle{
max-width:130rem;
margin: 0 auto;
}
.homechoosetitle h3{
font-size: 4.2rem;
font-weight: Bold;
line-height: 6rem;
color: #ffffff;
margin: 4rem 0 10rem;
text-align: center;
}
.homechoose .jp_yz_indexWhoPic {
max-width: 6.8rem;
border: 0.1rem solid #ffffff;
border-radius: 50%;
margin: 0 auto;
}
.jpPic img {
width: 15.1rem;
height: auto;
transform: scale(1);
}
.about3 .jpPic img{
width: 100%;
}
.about4 .jpPic img{
width: 100%;
}
.homechooselist .jp_yz_indexWhoLi:hover .jp_yz_indexWhoPic {
background: #d9251c;
border: 0.1rem solid #d9251c;
transform: translateY(-1rem);
}
.homechooselist .jp_yz_indexWhoTit {
font-size: 2.4rem;
font-weight: Bold;
line-height: 3.6rem;
color: #ffffff;
margin: 1rem 0 0;
text-align: center;
}
.homechooselist .jp_yz_indexWhoSum {
font-size: 1.4rem;
line-height: 2.2rem;
color: rgba(255,255,255,0.7);
}
.homechooselist .jp_yz_indexWhoLi {
text-align: center;
text-align-last: center;
max-width: 36rem;
padding: 0 0.5rem;
}
.homechooselist .jp_yz_indexWhoUl {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.homechoose .jp_yz_indexWhoLineBox:before{
content: '';
width: 100%;
height: 0.1rem;
background-color: rgba(182, 181, 170, 0.3);
opacity: 0.3;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.homechoose .jp_yz_indexWhoLineBox {
width: 100%;
height: 0.2rem;
margin-top: 4.5rem;
margin-bottom:10rem;
}
.homechoose .jp_yz_indexWhoLine {
height: 0.2rem;
background: #b6b5aa;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 0%;
}
.homevideo{
width: 100%;
height: 38.5rem;
background-color: #101010;
text-align: center;
text-align-last: center;
display: table;
}
.homevideo .jp_yz_indexConTell {
display: table-cell;
vertical-align: middle;
}
.homevideo .jp_yz_indexConSum {
font-size: 2.4rem;
font-weight: Bold;
line-height: 3.6rem;
color: #ffffff;
}
.homevideo .jp_yz_indexVideoIcon {
display: inline-block;
}
.homevideo .jp_yz_indexVideoIcon:hover {
transform: translateY(-10px);
}
.homevideo .jp_yz_indexConLink {
display: inline-block;
margin: 0 auto;
width: 8.3rem;
height: 8.3rem;
line-height: 8.3rem;
font-size: 2rem;
color: #ffffff;
border-radius: 50%;
margin-top: 3.8rem;
background:url(../images/bofang.png) no-repeat center;
background-size: 2.7rem;
border: solid 1px #ffffff;
}
.homevideo .jp_yz_indexConLink:hover{
background:url(../images/bofang2.png) no-repeat center;
background-size: 2.7rem;
border: solid 1px #d9251c;
}
.homezhanlan{
padding:9.6rem 0;
}
.homezhanlantitle{
font-size: 4.8rem;
font-weight: Bold;
line-height: 4.8rem;
color: #000000;
padding: 1.5rem 1.5rem 5rem;
}
.homezhanlan .jp_yz_indexNewsContainer {
padding: 1.5rem;
display: block;
}
.homezhanlan .jp_yz_indexNewsContentBg {
background-color: #ffffff;
box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.15);
width: 90%;
max-width: 62.5rem;
margin: -7rem auto 0;
padding: 4rem 1.5rem 3.5rem;
position: relative;
z-index: 1;
}
.homezhanlan .jp_yz_indexNewsTit {
font-size: 2rem;
font-weight: Bold;
line-height: 2.4rem;
color: #000000;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
text-align: center;
}
.homezhanlan .jp_yz_indexNewsSum {
font-size: 1.6rem;
line-height: 3rem;
color: #777777;
text-align: center;
}
.homezhanlan .jp_yz_indexNewsLine {
width: 4rem;
height: 0.2rem;
margin: 2rem auto 1rem;
background-color: #d9251c;
}
.homezhanlan .jp_yz_indexNewsContainer:hover .jp_yz_indexNewsLine {
width: 8rem;
}
.homeguoqi{
border: 0;
border-top: 1px solid #dadada;
padding: 7rem 0 7rem;
}
.homeguoqi .jp_yz_indexFriendsUl {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
font-size: 0;
}
.homeguoqi .jp_yz_indexFriendsLink {
padding: 1.5rem;
display: block;
background: #f5f5f5;
}
footer{
background-color: rgba(21, 21, 21, 1);
}
.footertop{
display: flex;
align-items: flex-start;
justify-content: space-between;
border-bottom: 1px solid #2b2b2b;
padding: 4rem 0px 3rem;
}
.footertopright a{
display: block;
width: 7.7rem;
height: 7.7rem;
line-height: 7.7rem;
background-color: #2b2b2b;
color: #fff;
font-size: 4rem;
text-align: center;
text-align-last: center;
overflow: hidden;
border-radius: 50%;
cursor: pointer;
}
.footertopright img{
width: 4rem;
height: 4rem;
}
.footertopright a:hover {
background-color: #d9251c;
color: #fff;
animation-duration: 1s;
animation-timing-function: linear;
animation-name: "bounceIn";
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-name: "bounceIn";
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-name: "bounceIn";
}
.footermidleft{
margin-left: 0px;
clear: left;
margin-right: 0px;
width: 30.561299999999996%;
}
.footermid{
padding:5.28rem 0;
display: flex;
}
.footermidleft .jp_yz_botSearchSum {
font-family: Arial;
font-size: 1.4rem;
line-height: 2.4rem;
color: #737373;
margin: 0px 0px 5rem;
}
.jp_yz_botSearchTit {
font-family: Arial;
font-size: 2rem;
line-height: 3.4rem;
color: #ffffff;
margin-bottom: 1.5rem;
}
.footermidright{
width: 68.4387%;
margin-left: 1%;
margin-right: 0px;
clear: none;
display: flex;
justify-content: space-between;
}
.jp_yz_botSearchBox{
max-width:36.5rem;
}
.footermidleft .search{
max-width: 27.1rem;
}
.footermidright .jp_yz_botNavItem {
max-width: 38.2rem;
}
.footermidright .jp_yz_botNavLink {
font-size: 1.4rem;
line-height: 3.6rem;
color: #8a8a8a;
}
.footermidright .jp_yz_botConLink {
font-family: Arial;
font-size: 1.6rem;
font-weight: Bold;
line-height: 3.6rem;
color: #c6c6c6;
}
.footermidright .jp_yz_botConAdd.jp_yz_botConLink {
font-size: 1.4rem;
line-height: 2rem;
color: #c6c6c6;
margin: 1.3rem 0px 4rem;
display: inline-block;
}
.footermidright .jp_yz_botShareUl a{
display: inline-block;
margin-right: 2rem;
vertical-align: top;
}
footer .jp_yz_botCopyrightLink,footer .jp_yz_botCopyrightLink a {
font-size: 1.3rem;
line-height: 10rem;
color: rgba(255, 255, 255, 0.4);
}
.footerbottom{
display: flex;
align-items: flex-start;
justify-content: space-between;
border-top: 1px solid #2b2b2b;
}
.footer.e_box .v30-contact{
position: fixed;
right: -18rem;
top: 50%;
transform: translateY(-50%);
padding: 5rem 0;
height: 48.2rem;
box-sizing: border-box;
z-index: 99;
transition: all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}
.v30-contact .v30-contact-item-block {
position: absolute;
right: 0;
width: 7rem;
height: 7rem;
background-color: #d9251c;
border: 1px solid #d9251c;
border-right: none;
box-sizing: border-box;
}
.v30-contact .v30-contact-item-block:nth-child(1) {
top: 5rem;
}
.v30-contact .v30-contact-item-block:nth-child(2) {
top: 12.8rem;
}
.v30-contact .v30-contact-item-block:nth-child(3) {
top: 20.6rem;
}
.v30-contact .v30-contact-item-block:nth-child(4) {
top: 28.4rem;
}
.v30-contact .v30-contact-item-block:nth-child(5) {
top: 36.2rem;
}
.footer.e_box .v30-contact .transition {
transition-duration: .8s;
}
.v30-contact .flex-col {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.v30-contact .v30-contact-item {
width: 100%;
height: 100%;
}
.footer.e_box .v30-contact.chnav {
right: 0px!important;
}
.footer.e_box .img-block {
margin: 0 auto;
display: block;
font-size: 2.4rem;
color: #fff;
}
.footer.e_box img{
width: 2.4rem;
}
.footer.e_box .v30-contact-item-p {
color: #fff;
font-size: 1.3rem;
margin-top: 0.5rem;
}
.footer.e_box .v30-contact-item-in {
height: 100%;
display: none;
position: relative;
z-index: 1;
overflow: hidden;
}
.footer.e_box .v30-contact-item-in-p {
color: #fff;
text-align: center;
line-height: 6.8rem;
height: 6.8rem;
white-space: nowrap;
background:#d9251c;
}
.footer.e_box .transition {
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.footer.e_box .v30-contact .transition {
transition-duration: .8s;
}
.v30-contact-item-block:hover .v30-contact-item {
display: none;
}
.v30-contact-item-block:hover .v30-contact-item-in {
display: block;
width: 100%;
}
.v30-contact-item-block:hover{
width: 15.6rem;
background: transparent;
}
.v30-contact-top:hover{
width: 7rem;
background: #d9251c;
display: block;
}
.v30-contact-qr-show .img-block img {
width: 15.8rem;
height: 15.8rem;
}
.footer.e_box .v30-contact-qr-show {
position: absolute;
z-index: 1;
background: #fff;
left: -16rem;
top: -9.1rem;
display: none;
}
.v30-contact-top:hover .v30-contact-item{
display: flex;
cursor: pointer;
}
.v30-contact-qr-show {
display: none;
opacity: 0;
transition: opacity 0.3s ease-in-out; /* Smooth transition for opacity */
}
.v30-contact-item-block.v30-contact-in.transition.v30-contact-online.v30-contact-wx.hover .v30-contact-qr-show {
display: block;
opacity: 1;
}
.nybanner{
position: relative;
height: 42rem;
overflow: hidden;
background: no-repeat center / cover;
}
.nybanner .ad-tit {
font-size: 5rem;
font-weight: 700;
}
.nybanner .text {
position: absolute;
width: 90%;
color: #fff;
text-align: center;
top: 48%;
left: 5%;
line-height: 1.6;
transform: translate(0, -50%);
z-index: 4;
}
.nybanner .ad-line {
height: 0.2rem;
width: 3rem;
background: #d9251c;
margin: 0px auto;
}
.breadleft{
display: flex;
line-height: 6rem;
vertical-align: top !important;
padding: 0px;
margin: 0px;
height: auto;
font-size: 1.4rem !important;
color: #666666 !important;
}
.breadleft a{
color:#666;
}
.breadleft span{
margin:0 0.6rem;
}
.breadbig{
border-bottom: 1px solid #e5e5e5 !important;
}
.contactbutton{
margin: 3rem auto;
}
.contactbutton .content {
text-align: center;
}
.contactbutton .content > li {
display: inline-block;
padding: 0.5rem;
}
.yjLink {
position: relative;
color: #666;
font-size: 2.2rem;
transition: all .5s ease;
display: block;
padding: 0px 2.5rem;
line-height: 5rem;
min-width: 19rem;
}
.yjTitle {
text-align: center;
background: #f3f3f3;
border-bottom: 1px solid #fff;
letter-spacing: 1px;
position:relative;
}
.jpActive {
background: transparent !important;
}
.yjLink:before, .yjLink:after, .yjTitle:before, .yjTitle:after {
display: block;
position: absolute;
background: #d9251c;
content: '';
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.yjLink:before{left:0; top:0; width:0; height:1px;}
.yjLink:after{ right:0; top:0; width:1px; height:0;}
.yjTitle:before{right:0; bottom:0; width:0; height:1px;}
.yjTitle:after{left:0; bottom:0; width:1px; height:0;}
.yjTitle:hover .yjLink:after {
right: 0;
top: 0;
width: 1px;
height: 100%;
}
.yjTitle:hover .yjLink:before {
left: 0;
top: 0;
width: 100%;
height: 1px;
}
.yjTitle:hover:before {
right: 0;
bottom: 0;
width: 100%;
height: 1px;
}
.yjTitle:hover:after {
left: 0;
bottom: 0;
width: 1px;
height: 100%;
}
.jpActive a{
color:#d9251c !important;
}
.yjTitle:hover .yjLink {
color: #d9251c;
}
.yjTitle:hover {
background: transparent;
}
.jpActive:before {
right: 0;
bottom: 0;
width: 100%;
height: 1px;
}
.jpActive:after {
left: 0;
bottom: 0;
width: 1px;
height: 100%;
}
.jpActive .yjLink:before {
left: 0;
top: 0;
width: 100%;
height: 1px;
}
.jpActive .yjLink:after {
right: 0;
top: 0;
width: 1px;
height: 100%;
}
.jp_yz_conTitBox {
padding-bottom: 3rem;
}
.lxwmxinxi .jp_hy_innerTit {
font-weight: bold;
font-size: 2.4rem;
line-height: 2.4rem;
color: #2c2c2c;
text-align: left;
text-align-last: left;
margin-top: 2.6rem;
}
.jp_hy_innerTit:after {
content: '';
display: block;
width: 5rem;
height: 1px;
background: #d9251c;
margin: 1.5rem 0;
}
.newsd .jp_hy_innerTit:after{
margin: 1.5rem auto;
}
.jp_yz_conMode {
font-size: 1.6rem;
line-height: 4rem;
}
.jp_conName {
font-size: 1.8rem;
line-height: 3.6rem;
color: #000;
}
.jp_conTxt {
padding-left: 4rem;
}
.jp_conContainer>span {
display: inline-block;
vertical-align: middle;
color: #333;
}
.jp_conLi:hover a span {
color: #d9251c;
}
.jp_conContainer {
display: block;
position: relative;
}
.jp_conLi {
font-size: 1.6rem;
line-height: 3.6rem;
letter-spacing: 0px;
}
.jp_conListBox>ul {
display: inline-block;
vertical-align: top;
width: 33.33%;
margin: 0px 0px 4.5rem;
}
.jp_conIcon {
font-size: 2.4rem;
position: absolute;
left: 0px;
top: 50%;
line-height: 3.6rem;
transform: translate(0,-50%);
}
.jp_conIcon img{
width: 2.4rem;
}
.jp_conLi {
font-size: 1.6rem;
line-height: 3.6rem;
letter-spacing: 0px;
}
.map .amap-info-content h6 {
font-weight: bold;
margin-bottom: 1rem;
}
.map .amap-info-content {
background: rgba(244, 244, 244, 0.67);
color: #333;
width: 38rem;
height: 18rem;
font-size: 1.4rem;
line-height: 2.4rem;
display: flex;
flex-flow: column;
justify-content: center;
padding: 0px 3rem;
}
.map .bottom-center .amap-info-sharp {
border-top: 8px solid rgba(244, 244, 244, 0.67);
}
.map .amap-info-sharp:after {
position: absolute;
content: "";
filter: blur(2px);
z-index: -1;
}
.amap-info-contentContainer:hover.map .amap-info-sharp:after {
border-top: 8px solid rgba(0,0,0,0.5);
}
.amap-icon img{
display: none;
}
.map{
margin-bottom:5%;
}
.lxwmbiaodan .jp_hy_innerTit {
font-size: 2.4rem;
line-height: 2.4rem;
color: #2c2c2c;
text-align: center;
text-align-last: center;
margin-top: 2.6rem;
}
.lxwmbiaodan .jp_hy_innerTit:after {
content: '';
display: block;
width: 5rem;
height: 1px;
background: #d9251c;
margin: 1.5rem auto 3rem;
}
.lxwmbiaodan textarea {
padding: 1.4rem 1rem;
height: 18.9rem;
}
.form-horizontal .form-group{
margin:0;
}
.form-horizontal * {
border-radius: 0px;
width: 100%;
height: auto;
max-width: 100%;
padding: 0px;
margin: 0px;
position:relative;
font-size: 1.4rem;
}
.lxwmbiaodan .p_image {
width: 8.5rem !important;
position: absolute;
top: 50%;
right: 1.8rem;
transform: translate(0px, -50%);
}
.p_eqdescInput{
margin-bottom:2.5rem;
padding: 0px 1.5rem;
position: relative;
}
.lxwmbiaodan .e_box.form-group {
width: 50%;
float: left;
padding: 0px 1.5rem;
margin-bottom: 2.5rem;
position: relative;
}
.lxwmbiaodan .InputText {
padding: 1.4rem 1rem;
}
.e_wbox.p_CoupWBox{
overflow: hidden;
padding: 0px 1.5rem;
}
.lxwmbiaodan .btn-primary {
line-height: 4.2rem;
color: #fff;
background-color: #333;
border-color: #333;
transition: all 0.5s;
margin: 0px 0px;
}
.lxwmbiaodan form{
padding-bottom:3rem;
}
.nybanner .ad-sum {
display: none;
font-size: 15px;
margin-top: 15px;
font-weight: normal;
}
.jpInnerProblemAsk {
display: inline-block;
color: #fff;
background-color: red;
font-size: 1.6rem;
line-height: 3rem;
width: 3rem;
text-align: center;
border-radius: 5px;
margin-right: 1rem;
}
.jpInnerAskTitle {
display: inline-block;
font-size: 1.6rem;
color: #666;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
width: -moz-calc(100% - 9rem);
width: -webkit-calc(100% - 9rem);
width: calc(100% - 9rem);
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.jpInnerAskTimer {
display: inline-block;
font-size: 1.4rem;
color: #666;
line-height: 3rem;
position: absolute;
right: 0px;
top: 0.5rem;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.jpInnerProblemContent {
position: relative;
z-index: 1;
padding: 0.5rem 0px;
border-bottom: 1px dashed #ccc;
}
.faq {
padding: 0px 0px 3rem;
}
.jpInnerProblemContent:hover .jpInnerAskTitle {
color: #d9251c;
}
.jp_hy_LDetailBox {
margin-bottom: 3rem;
}
.jp_hy_innerTit {
font-size: 2.4rem;
line-height: 2.4rem;
color: #2c2c2c;
text-align: center;
text-align-last: center;
margin-top: 2.6rem;
}
.faqd .jp_hy_LDetailContent {
padding: 0px 0px 30px;
}
.faqd .jp_hy_innerTit:after {
content: '';
display: block;
width: 5rem;
height: 1px;
background: #d9251c;
margin: 1.5rem auto 3rem;
}
.faqd .jp_hy_LDetailContent {
padding: 0px 0px 3rem;
}
.faqd .reset_style p {
font-size: 16px;
line-height: 1.5;
margin: 0;
color:#595959;
}
.fanye,.fanye a{
overflow: hidden;
margin-top: 2rem;
margin-bottom: 2rem;
padding-bottom: 2rem;
font-size: 1.6rem;
line-height: 2.8rem;
color: #909092;
float: none;
width: 100%;
text-align: left;
text-align-last: left;
}
.fanye a:hover {
color: #d9251c;
}
.down{
min-height: 30rem;
}
.e_box.p_flieF img{
width: 2rem;
height: 2rem;
}
.down .jp_fileItemContainer{
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px dashed #ccc;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: rgb(204, 204, 204);
padding: 0.5rem 0;
}
.down .p_download > div{
display: inline-block;
float: none;
font-size: 1.8rem;
}
.down .jp_fileItemTit {
font-size: 1.6rem;
line-height: 4rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.e_box.p_flieF a{
width:3.6rem ;
height: 3rem;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border:1px solid #adadad;
}
.e_box.p_flieF a:hover{
color: #fff;
background-color: #d9251c;
border-color: #d9251c;
}
.e_box.p_flieF a:hover img{
filter: brightness(0) invert(1);
-webkit-tap-highlight-color: transparent;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.e_box.p_fileF a img{
-webkit-tap-highlight-color: transparent;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.news .newList{
display: flex;
padding: 3rem 0;
border-top: 1px solid #DDD;
}
.news .content {
display: flex;
width: calc( 100% - 16.5rem );
}
.news .rightC {
position: relative;
width: calc( 100% - 10rem);
transition: all .5s ease;
padding: 0 3rem 0 6rem;
}
.news .newTime {
display: block;
color: #999;
font-size: 2.4rem;
font-weight: normal;
margin: 0px 0 3rem;
transition: all .5s ease;
}
.news .leftTime {
width: 16rem;
position: relative;
}
.news .rightC::before {
content: '';
position: absolute;
left: 0px;
top: 1.6rem;
display: block;
width: 4rem;
height: 1px;
background: #aaa;
transition: all .5s ease;
}
.news .newList:hover .rightC::before {
width: 6rem;
}
.news .newTitleLink {
display: block;
width: 100%;
font-size: 1.6rem;
font-weight: bold;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: all .5s ease;
}
.news .p_title {
display: inline-table;
width: 100%;
margin: 0;
padding: 0;
text-align: left;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
}
.news .newList:hover .rightC {
padding-left: 8rem;
}
.news .iconfont.newIcon{
display: flex;
align-items: center;
justify-content: center;
width: 3.8rem;
height: 2.8rem;
transition: all .5s ease;
}
.news .newPicBox {
width: 20rem;
height: 15rem;
}
.news .newList:hover .newIcon {
border-color: #303030;
margin-top: 1rem;
background: #303030;
transition: all .5s ease;
}
.news .newMs {
line-height: 2.4rem;
height: 4.8rem;
font-size: 1.4rem;
overflow: hidden;
color: #999;
transition: 600ms;
}
.news img{
width: 100%;
height: 100%;
transform: scale(1);
transition: all .5s ease;
}
.news .newPicBox:hover img{
transform: scale(1.1);
}
.logo img,.footertopleft img{
width: 16.6rem;
}
.news .newTitle{
margin-bottom: 1rem;
font-size: 0;
}
.news{
margin-bottom:3%;
}
.about1{
display: flex;
align-items: center;
}
.about1left{
margin-left: 0px;
clear: left;
margin-right: 0px;
width: 37.0548%;
}
.about1right{
width: 56.94519999999999%;
margin-left: 6%;
margin-right: 0px;
clear: none;
}
.about1{
margin-top: 2%;
margin-bottom: 5%;
}
.about1title{
font-size: 3.6rem;
color: #d9251c;
}
.about1content{
margin-top:1.6rem;
margin-bottom:3.2rem;
color:#595959;
}
.about2{
padding:6.4rem 0;
background:url(../images/about2.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
.about2nr{
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 4%;
margin-left: auto;
margin-right: auto;
margin-bottom: 4%;
padding-top: 0px;
padding-left: 2rem;
padding-right: 2rem;
padding-bottom: 0px;
}
.about2title{
color: #d9251c;
font-size: 3.6rem;
width: auto;
max-width: none;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 3%;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.about2nr{
margin-left: 0;
clear: left;
margin-right: 0;
width: 48%;
}
.about3{
padding:9.6rem 0;
background:url(../images/about3bg.jpg);
background-size: 100%;
}
.about3title{
font-size: 3.6rem;
color:#fff;
text-align: center;
margin-bottom:3%;
}
#zhengshu .swiper-button-next-zhanlan,#zhengshu .swiper-button-prev-zhanlan{
opacity: 0;
}
#zhengshu:hover .swiper-button-next-zhanlan,#zhengshu:hover .swiper-button-prev-zhanlan{
opacity: 1;
}
#youshi .swiper-button-next-zhanlan,#youshi .swiper-button-prev-zhanlan{
opacity: 0;
}
#youshi:hover .swiper-button-next-zhanlan,#youshi:hover .swiper-button-prev-zhanlan{
opacity: 1;
}
#youshi{
position:relative;
}
.about4{
width: 100%;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 6px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1%;
padding-top: 0px;
padding:9.6rem 1.5rem;
}
.about4title{
font-size: 3.6rem;
color:#000;
text-align: center;
margin-bottom:4%;
}
#youshi .jp_xy_insideCompanyTit {
font-size: 1.6rem;
line-height: 2rem;
padding: 1.5rem 0;
color: #000;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
z-index: 1;
text-align: center;
text-align-last: center;
background: rgba(255, 255, 255, 0.5);
}
#youshi .jp_xy_insideAtlasLink:hover .jp_xy_insideCompanyTit {
color: #fff;
background: #d9251c;
}
.strengthtitle{
font-size: 2.4rem;
line-height: 2.4rem;
color: #2c2c2c;
text-align: center;
text-align-last: center;
margin-top: 2.6rem;
}
.strengthtitle:after {
content: '';
display: block;
width: 5rem;
height: 1px;
background: #d9251c;
margin: 1.5rem auto 3rem;
}
.strength .p_Atlas {
margin: 0;
width: auto;
height: auto;
padding: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228,228,228,0);
background-color: transparent;
overflow: visible;
display: flex;
flex-wrap: wrap;
}
.strength .jpInnerAtlasLi {
position: relative;
width: calc((100% - 6rem)/4);
height: 100%;
cursor: pointer;
display: inline-block;
margin-bottom: 2rem;
overflow: visible;
vertical-align: top;
}
.strength .jpInnerAtlasLi:not(:nth-child(4n)) {
margin-right: 2rem;
}
.strength .jpInnerAtlasHoverBg {
display: block;
background: #f2f2f2;
}
.strength .jpInnerAtlasPic {
overflow: hidden;
}
.strength .jpInnerAtlasPic img {
width: 100%;
height: auto;
}
.strength .jpInnerAtlasLi:hover {
box-shadow: 8px 10px 5px rgba(0,0,0,0.3);
}
.strength .jpInnerAtlasLi:nth-child(4n) {
margin-right: 0;
}
.strength .jpInnerAtlasLi:hover .jpInnerAtlasPic img {
transform: scale(1.1);
}
.products .product-list li {
position: relative;
width: calc((100% - 6rem)/4);
height: 100%;
cursor: pointer;
display: inline-block;
margin-bottom: 2rem;
overflow: hidden;
}
.products .product-list li:not(:nth-child(4n)) {
margin-right: 2rem;
}
.products ul{
display: flex;
flex-wrap: wrap;
}
.products .product-list li figcaption,#tuijiand .swiper-slide figcaption{
display: block;
color: #5d5d5d;
font-size: 1.8rem;
line-height: normal;
padding-top: 1rem;
transition: 350ms;
text-align: center;
border-bottom: 1px solid #ddd;
padding-bottom: 1rem;
background: #f9f9f9;
padding-left: 0.5rem;
padding-right: 0.5rem;
height: 6.5rem;
}
.products .product-list li figcaption .jpCode,#tuijiand .swiper-slide .jpCode {
color: #d9251c;
font-size: 1.6rem;
margin-top: 0.5rem;
}
.products .product-list li figure,#tuijiand figure{
background-color: #eee;
height: auto;
display: block;
line-height: normal;
overflow: hidden;
position: relative;
}
.products .product-list li figure mark,#tuijiand figure mark {
position: absolute;
left: 0px;
top: 0px;
box-sizing: border-box;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
filter: alpha(opacity=20);
z-index: 20;
opacity: 0;
transform: skewX(45deg);
visibility: hidden;
transition: 360ms;
}
.products .product-list li figure mark:before,#tuijiand figure mark:before {
content: "";
width: 100%;
height: 0%;
border-left: 3px solid #d9251c;
border-right: 3px solid #d9251c;
box-sizing: border-box;
position: absolute;
left: 0px;
top: 0px;
transition: 320ms;
}
.products .product-list li figure mark:after,#tuijiand figure mark:after {
content: "";
width: 0%;
height: 100%;
border-top: 3px solid #d9251c;
border-bottom: 3px solid #d9251c;
box-sizing: border-box;
position: absolute;
left: 0px;
top: 0px;
transition: 320ms;
}
.products .product-list li figure mark b,#tuijiand figure mark b{
display: block;
width: 4.6rem;
height: 4.6rem;
position: absolute;
left: 50%;
top: 50%;
margin-left: -2.3rem;
margin-top: -2.3rem;
z-index: 30;
}
.products .product-list li figure mark b:before,#tuijiand figure mark b:before {
content: "";
width: 100%;
height: 1px;
background: #fff;
position: absolute;
left: 0px;
top: 2.3rem;
transform: translateX(-20rem);
-webkit-transform: translateX(-20rem);
-moz-transform: translateX(-20rem);
}
.products .product-list li figure mark b:after,#tuijiand figure mark b:after{
content: "";
width: 1px;
height: 100%;
background: #fff;
position: absolute;
left: 2.3rem;
top: 0px;
transform: translateY(-20rem);
-webkit-transform: translateY(-20rem);
-moz-transform: translateY(-20rem);
}
.products .product-list li:hover figure mark,#tuijiand .swiper-slide:hover figure mark{
opacity: 1;
transform: skewX(0);
visibility: visible;
}
.products .product-list li:hover figure mark:before,#tuijiand .swiper-slide:hover figure mark:before {
height: 100%;
transition: 330ms 200ms;
}
.products .product-list li:hover figure mark:after,#tuijiand .swiper-slide:hover figure mark:after {
width: 100%;
transition: 330ms 200ms;
}
.products .product-list li:hover figure img,#tuijiand .swiper-slide:hover figure img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}
.products .product-list li:hover figure mark b:before,#tuijiand .swiper-slide:hover figure mark b:before {
transition: 355ms 180ms;
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
}
.products .product-list li:hover figure mark b:after,#tuijiand .swiper-slide:hover figure mark b:after {
transition: 355ms 240ms;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}
.products .product-list li:hover figcaption,#tuijiand .swiper-slide:hover figcaption {
color: #d9251c;
}
.products .product-list li:hover figure mark b:before,#tuijiand .swiper-slide:hover figure mark b:before {
transition: 355ms 180ms;
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
}
.products .product-list li:hover figure mark b:after,#tuijiand .swiper-slide:hover figure mark b:after{
transition: 355ms 240ms;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}
.products .product-list li figcaption .jpTit,#tuijian figcaption .jpTit{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.products ul.pagination{
text-align: center;
align-items: center;
justify-content: center;
}
.productsd .k_hs_pd_pic {
width: 40%;
float: left;
padding: 0px !important;
margin: 0px !important;
text-align: center;
padding-right: 6rem !important;
}
.mySwiper .swiper-slide-thumb-active{
border:1px solid #d9251c;
}
.k_hs_pd_thumb_btn {
width: 20px;
background-color: #ccc;
color: #fff;
font-size: 16px;
text-align: center;
cursor: pointer;
position: absolute;
top: 1px;
bottom: 1px;
display: flex;
top: 2.2rem;
opacity: 1 !important;
height: 100%;
}
.swiper-button-next.k_hs_pd_thumb_btn{
background-image: url(../images/banner-right.png);
background-repeat: no-repeat;
background-size: 3rem;
background-position: center;
}
.swiper-button-prev.k_hs_pd_thumb_btn{
background-image: url(../images/banner-left.png);
background-repeat: no-repeat;
background-size: 3rem;
background-position: center;
}
.k_hs_pd_thumb_btn.swiper-button-prev{
left: 0;
right:auto;
}
.k_hs_pd_thumb_btn.swiper-button-next{
right: 0;
left:auto;
}
.mySwiper {
margin-top: 0.5rem;
position: relative;
padding-left: 2rem;
padding-right: 2rem;
}
.k_hs_pd_text {
padding: 0px !important;
margin: 0px !important;
text-align: left;
padding-left: 6rem !important;
width: 60%;
float: left;
}
.k_hs_pd_title {
font-size: 2.4rem;
line-height: 3rem;
margin-top: 2.5rem;
color: #333;
padding-bottom: 2rem;
border-bottom: rgba(240, 240, 240, 1) 1px dashed;
margin-bottom: 0px;
}
.k_hs_pd_price {
border-bottom: 1px solid #ebebeb;
font-size: 1.6rem;
color: #888888;
line-height: 2.4rem;
padding: 2.5rem 0px;
margin: 0px;
border-top: none;
}
.productsd .k_hs_pd_price span {
font-size: 1.6rem !important;
font-weight: normal;
color: #333;
}
.productsd .d_SortName {
display: inline-block;
width: auto;
height: auto;
vertical-align: middle;
margin-left: 2rem;
}
.productsd .d_nameD {
width: 7rem;
display: inline-block;
margin-right: 0px;
vertical-align: top;
}
.productsd .d_nameD .font {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.productsd .d_sort {
vertical-align: middle;
display: inline-block;
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
flex: 1;
}
.productsd .d_sort .font {
white-space: normal;
color:#595959;
}
.productsd .d_KeywordBox {
width: auto;
height: auto;
white-space: nowrap;
padding: 2rem;
}
.productsd .d_tagA {
display: inline-block;
margin: 0;
padding: 0.5rem 1rem;
min-width: 5.9rem;
text-align: center;
border-radius: 3px;
margin-right: 1rem;
}
.border_default {
border: 1px solid #d9d9d9;
}
.productsd .d_nameL{
display: inline-block;
margin: 0;
padding: 0;
vertical-align: middle;
text-align: left;
}
.jpCreateAttrLi img{
width: 2.4rem;
}
.productsd .jp_yz_insideDetaiLink {
font-size: 1.6rem;
line-height: 3rem;
position: relative;
padding-right: 1rem;
color:#595959;
}
.jpCreateAttrLi {
border-bottom: rgba(240,240,240,1) 1px dashed;
padding: 2.5rem 0px;
}
.hvr-outline-in:before {
pointer-events: none;
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1;
}
.jp_sml_innerDetaiBtn {
position: relative;
font-size: 1.4rem;
}
.jp_hy_LDetailContent{
font-size: 1.4rem;
}
.productsd .jpShareUl {
display: inline-block;
}
.productsd .jpShareUl > .jpShareLi {
display: inline-block;
vertical-align: middle;
margin-right: 0.5rem;
position: relative;
}
.jpShareArea .jpShareUl img:last-child{
opacity: 0;
position:absolute;
left:0;
}
.jpShareArea .jpShareUl a:hover img:last-child{
opacity: 1;
}
.jpShareArea .jpShareUl a:hover img:first-child{
opacity: 0;
}
.jpShareArea .jpShareUl{
position:relative;
}
.productsd .jpShareCode {
width: 12rem;
height: 0px;
bottom: 3rem;
left: 50%;
transform: translateX(-50%);
}
.productsd .jpShareUl:hover .jpShareCode {
height: 12rem;
}
.productsd li.jpShareUl:last-child:hover .jpShareCode img{
width: 100%;
height: auto;
transform: scale(1);
opacity: 1;
}
.jpPic{
overflow: hidden;
}
.k_hs_product_content {
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
padding: 2rem 0px;
}
.k_hs_product_header {
padding-bottom: 3rem;
overflow: hidden;
}
.productsd .p_nextBox {
width: auto;
height: auto;
margin: 0;
padding: 2rem;
margin-top: 4rem;
overflow: hidden;
margin-top: 0px;
background: #cccc;
}
.productsd .p_nextName {
display: inline-block;
margin-right: 1rem;
padding: 0;
vertical-align: middle;
text-align: left;
}
.productsd .p_MinorLink {
display: inline-block;
vertical-align: middle;
}
.productsd .p_nextpage {
width: auto;
height: auto;
width: 50%;
float: left;
vertical-align: middle;
}
.productsd .p_nextpageA {
float: right;
width: 50%;
height: auto;
margin: 0;
background-color: transparent;
overflow: hidden;
vertical-align: middle;
text-align: right;
}
.productsd .p_nextNameA {
display: inline-block;
vertical-align: middle;
margin-left: 1rem;
padding: 0;
text-align: left;
}
.k_hs_product_page a{
color:#595959;
}
.k_hs_product_detaid{
padding:3.2rem 0;
}
.tuijiand{
margin-top: 2%;
background-color: rgba(245, 245, 245, 1);
padding:3% 0 2%;
}
.jp_relatedProTit {
font-size: 3.6rem;
line-height: 4rem;
color: #000;
padding-bottom: 2.5rem;
}
.tuijiand p{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tuijiand .jpClear{
padding: 0 5rem;
overflow: hidden;
}
.tuijiand .swiper-button-next-zhanlan{
right:0;
opacity: 1;
background: #000;
color: #fff;
font-size: 2.4rem;
z-index: 9;
cursor: pointer;
width: 3.5rem;
line-height: 5rem;
text-align: center;
text-align-last: center;
height: 5rem;
border-radius: 0;
}
.tuijiand .swiper-button-prev-zhanlan{
left:0;
opacity: 1;
background: #000;
color: #fff;
z-index: 9;
cursor: pointer;
width: 3.5rem;
line-height: 5rem;
text-align: center;
text-align-last: center;
height: 5rem;
border-radius: 0;
}
.lxwmbiaodan .form-control:focus {
border-color: rgba(217, 37, 28, 1);
outline: 0;
-webkit-box-shadow: inset 0 1px 1px #ccc, 0 0 8px rgba(217, 37, 28, 0.6);
box-shadow: inset 0 1px 1px #ccc, 0 0 8px rgba(217, 37, 28, 0.6);
}
.lxwmbiaodan .p_LoginPrompt {
position: absolute;
bottom: -2.2rem;
left: 0rem;
white-space: nowrap;
}
.e_text.p_eqdescInput .p_LoginPrompt{
left:1.4rem;
}
.text-error {
font-style: normal;
color: #e43a32;
font-size: 1.2rem;
}
.page_number {
width: 4rem;
height: 3rem;
text-align: center;
border: 1px solid #d9d9d9;
color: #595959;
background: #fff;
border-radius: 6px;
padding: 0 0.3rem;
font: initial;
font-size: 1.4rem;
}
.jumpto input:last-child{
display: inline-table;
position: relative;
left: 0;
top: 0;
height: 30px;
text-align: center;
padding: 0 10px;
border-radius: 6px;
color: #fff;
border-color: #1890ff;
cursor: pointer;
text-decoration: none;
background-color: #1890ff;
background-color: #d9251c !important;
border: solid 1px #d9251c !important;
}
.pagination>li>a, .pagination>li>span{
position: relative;
float: left;
height: 3rem;
min-width: 3rem;
margin: 0 0.5rem 0 0;
padding: 0 0.5rem;
background-size: 100% 100%;
color: #595959;
border: 1px solid #d9d9d9;
cursor: pointer;
line-height: 3rem;
display: inline-block;
font-family: inherit;
font-size: 1.4rem;
font-weight: inherit;
text-decoration: none;
background-color: #fff;
text-align: center;
border-radius: 6px;
}
.text-center .pagination li.disabled span{
color: rgba(255,255,255,1)!important;
background-color: #c8c8c8!important;
cursor: not-allowed!important;
border: none!important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #d9251c;
border-color: #d9251c;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
z-index: 2;
color: #fff;
background-color: #d9251c;
border-color: #d9251c;
}
.jp_yz_indexProCateLi, .jp_yz_indexProCateLine {
opacity: 0;
}
.jp_yz_botShareLink img{
width: 1.8rem;
}
.mheader{
display: none;
}
.moveBtn {
display: none;
color: #d9251c;
line-height: 46px;
width: 100%;
text-align: left;
white-space: nowrap;
padding: 0px 15px;
}
.backBtn{
display: none;
}
.categrayBox{
display: none;
}
.newsd .jp_hy_LDetailContent p {
font-size: 18px !important;
line-height: 2 !important;
}
.news .newList:hover .newTime {
color: #333;
}
.homezhanlan .jpPic img{
width:100%;
}
.searchlist{
padding:32px 0;
}
.searchlistbig ul li{
display: flex;
justify-content: space-between;
}
.searchlistbig ul li:first-child{
width: 100%;
height: auto;
position: relative;
border: none;
margin: 0;
padding: 0;
background-color: #FBFAFB;
}
.searchlistbig ul li h3{
width: 50%;
margin-left: 1.5rem;
display: inline-table;
margin: 0;
padding: 1rem;
color: rgba(51, 51, 51, 1);
font-size: 1.6rem;
font-weight: 400;
text-align: left;
cursor: pointer;
font-family: "Microsoft Yahei";
text-decoration: none;
word-break: break-all;
}
.searchlistbig ul li span{
vertical-align: middle;
padding: 0px 1rem;
display: flex;
align-items: center;
}
.searchlist .text-center .pagination li:first-child{
display: block;
}
.searchlist .pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
width: auto;
display: flex;
align-items: center;
justify-content: center;
}
.searchlistbig ul li a{
color:#333;
}
.searchlistbig ul li a:hover{
color:#d9251c
}
.headertopbigb{
border-bottom: 1px solid #2d2d2d;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.k_hs_pd_wrapper.k_active table{
margin:0 auto !important;
}
.k_hs_pd_wrapper.k_active img{
margin:0 auto;
display: block;
}
@media(max-width:1530px){
.container{
width:100%;
padding:0 3rem;
}
.jp_yz_indexProListMax .jpClear {
height: 94vh;
}
}
@media(max-width:768px){
.jp_yz_indexProListMax .jpClear {
height: 105vh;
}
.categrayBox{
display: block;
}
header{
display: none;
}
.logo img, .footertopleft img{
max-width: 80px;
}
.mheader{
display: block;
}
.swiper-button-prev-banner{
display: none;
}
.swiper-button-next-banner{
display: none;
}
.homeclass .jp_yz_indexProCateLine{
display: none;
}
.homeclass ul {
margin: 6.5rem auto 7rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.container {
width: 100%;
}
.homeclass li{
width:50%;
padding: 10px 5px;
}
.footer.e_box .v30-contact.chnav{
display: none;
}
.tuijianchanp{
margin:36px 0;
}
.tuijianchanp .jp_yz_indexProCateTit{
font-size: 24px;
}
.tuijianchanp .jp_yz_indexProCateSum {
font-size: 16px;
line-height: 24px;
margin: 5px 0px;
}
.homechoose{
background-size:cover;
padding:32px 15px;
}
.homechoosetitle h4{
font-size: 18px;
line-height: 30px;
}
.homechoosetitle h3{
font-size: 20px;
line-height: 30px;
margin: 0px 0px 10px;
}
.homechooselist .jp_yz_indexWhoUl{
flex-wrap: wrap;
}
.homechoose .jp_yz_indexWhoLineBox{
display: none;
}
.homevideo{
height:230px;
}
.homevideo .jp_yz_indexConLink{
width: 50px;
height: 50px;
line-height: 50px;
margin-top: 10px;
}
.homezhanlan{
padding:32px 15px;
}
.homeguoqi{
padding:20px 15px;
}
.homezhanlantitle {
font-size: 24px;
line-height: 24px;
padding: 0px 15px 10px;
}
.homeguoqi .jp_yz_indexFriendsUl{
flex-wrap: wrap;
}
.homeguoqi .jp_yz_indexFriendsUl li{
width: 50%;
padding:15px;
}
.jpPic img{
width:100%;
}
.footertop{
padding:20px 15px;
}
.footertopright a{
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.footertopright a img{
width:24px;
height: 24px;
}
.footermid{
display: none;
}
.footerbottom{
flex-direction: column;
align-items: center;
justify-content: center;
}
footer .jp_yz_botCopyrightLink, footer .jp_yz_botCopyrightLink a{
line-height: 3rem;
}
.nybanner{
height: 307px;
}
.bread{
display: none;
}
.contactbutton{
display: none;
}
.lxwmbiaodan .e_box.form-group{
width:100%;
}
.lxwmxinxi{
padding:0 15px;
}
.jp_conListBox>ul{
width:100%;
}
.jp_conIcon{
line-height: 30px;
}
.jp_conLi{
line-height: 30px;
}
.jp_yz_conMode{
line-height: 30px;
}
.faq{
padding:10px 15px 30px;
}
.pager li>a, .pager li>span{
color:#d9251c;
}
.faqd{
padding:0;
}
.fanye{
border-top: 1px solid #e8e8e8;
padding: 15px 0!important;
margin: 0 15px!important;
}
.down{
padding:0 15px;
}
.about1{
flex-wrap: wrap;
}
.about1left{
width: 100%;
margin-bottom:16px;
}
.about1right {
width: 100%;
margin-left: 0%;
}
.about1{
padding:0 15px;
}
.about2{
padding:48px 0;
}
.about2nr{
width:100%;
}
.about2 {
background: url(../images/about2.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
.about3{
padding:32px 15px;
}
.strength .jpInnerAtlasLi{
position: relative;
width: calc((100% - 20px)/2);
height: 100%;
cursor: pointer;
display: inline-block;
margin-bottom: 20px;
overflow: visible;
vertical-align: top;
}
.strength .p_Atlas{
padding:0 15px;
}
.strength .jpInnerAtlasLi:not(:nth-child(4n)) {
margin-right: 0rem;
}
.strength .jpInnerAtlasLi:not(:nth-child(2n)) {
margin-right: 2rem;
}
.products .product-list li {
width: 50% !important;
margin:0;
padding:10px;
}
.products .product-list li:not(:nth-child(4n)){
margin:0;
}
.products ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.productsd .k_hs_pd_pic{
width: 100%;
padding: 0 !important;
}
.k_hs_pd_text{
width: 100%;
padding: 0 !important;
}
.fa_SearchBox {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 0%;
background: rgba(0,0,0,0.8);
z-index: 9998;
display: flex;
align-items: center;
padding: 0 5%;
transition: all 0.5s;
overflow: hidden;
}
.fa_SearchOn {
height: 100%!important;
}
.fa_Close {
position: absolute;
top: 5%;
right: 5%;
z-index: 9999;
font-size: 30px;
}
.fa_Close .e_icon{
width:30px;
height: 30px;
background:url(../images/mclose.png);
display: block;
}
.msearch .p_contentBox {
width: 100%;
height: auto;
overflow: hidden;
padding: 0;
margin: 0;
border-width: 1px;
border-style: none;
border-color: rgba(228,228,228,0);
background-color: transparent;
position: relative;
}
.msearch .p_headbox{
position: absolute;
width: 100%;
height: auto;
border: 1px solid #ebeced;
border-radius: 5px;
padding: 10px 0px;
display: flex;
background: #fff;
border-radius: 0;
z-index: 999;
align-items: center;
border-bottom: 1px solid #ebeced;
}
.msearch .p_headbox,.msearch .p_headbox form {
display: flex;
padding: 0;
position: relative;
width:100%;
}
.msearch .p_input input, .msearch .p_input .InputText {
display: inline-block;
height: 50px;
width: inherit;
line-height: inherit;
padding-left: 5px;
padding-right: 32px;
border: none;
border: 0;
line-height: 50px;
background: none;
color: #fff;
width: 100%;
}
.msearch .p_searchBtn {
display: block !important;
font-size: 16px;
color: #666;
line-height: 50px;
}
.e_box.p_searchBox{
width:100%;
}
.mheaderbig{
background-color:rgba(27, 27, 27, 1);
}
.mheader .jp_ty_navLogoBox img {
max-width: 80px;
}
.mheader .jp_ty_navBox {
padding: 5px 0px;
}
.mheaderbig{
padding:0 15px;
}
.mheader .jpJustifyBox {
font-size: 0;
width: 100%;
text-align-last: justify;
-moz-text-align-last: justify;
text-align: justify;
text-justify: distribute-all-lines;
display: block;
height: 50px;
display: flex;
align-items: center;
position: relative;
}
.mheader .jpJustify {
display: inline-block;
vertical-align: middle;
text-align-last: left;
}
.mheader .yx_Nav_yy {
position: absolute;
width: 30px;
height: 30px;
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
top: 50%;
font-size: 12px;
right: 90px;
transform: translate(0px, -50%);
line-height: 30px;
}
.mheader .fa_BtnSearch {
position: absolute;
right: 50px;
top: 50%;
width: 24px;
display: block;
transform: translate(0px, -50%);
}
.mheader .jp_ty_navContent{
display: none;
}
.mheader #navToggle {
height: 50px;
padding: 0;
display: flex;
position: absolute;
right: 0;
top: 50%;
transform: translate(0px, -50%);
align-items: center;
justify-content: center;
}
.mheader #navToggle span, #navToggle span:before, #navToggle span:after {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
display: block;
background: #fff;
}
.mheader #navToggle span:before {
top: 8px;
}
.mheader #navToggle span:after {
bottom: 10px;
}
.mheader #navToggle span:before, #navToggle span:after {
content: '';
position: relative;
width: 100%;
height: 1px;
left: 0;
}
.mheader #navToggle span {
position: relative;
width: 25px;
height: 1px;
margin-top: 0;
}
.mheader .m_nav {
position: fixed;
left: 0;
top: 0;
box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
width: 100%;
height: 100%;
background: #fff;
transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
-webkit-transition: all ease 0.5s;
z-index: 1000;
opacity: 1;
visibility: visible;
margin-top: 0;
overflow-y: auto;
transform: translateX(100%);
}
.mheader .m_nav .top {
height: 60px;
padding: 20px;
box-sizing: border-box;
}
.mheader .m_nav .ul {
margin-top: 30px;
}
.mheader .m_nav .top .closed {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
float: right;
cursor: pointer;
font-size: 30px;
background:url(../images/mclose2.png);
}
.mheader .m_nav.open {
transform: translateX(0);
}
.m_nav .ul {
margin-top: 30px;
}
.m_nav .ul li {
padding: 0 20px;
border-bottom: 1px solid #f5f5f5;
transform: translateY(100%);
-webkit-transform: translateY(100%);
-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
opacity: 0;
}
.m_nav.open .ul li {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.m_nav .ul li a {
display: inline-block;
text-decoration: none;
color: #333;
font-size: 16px;
height: 50px;
line-height: 50px;
width: 80%;
}
.m_nav .jt {
display: inline-block;
width: 10%;
height: 50px;
line-height: 50px;
text-align: center;
vertical-align: top;
font-size: 1rem;
transition: all .5s ease;
background: url(../images/mjt.png);
background-size: 16px;
background-repeat: no-repeat;
background-position: center center;
}
::-webkit-scrollbar-track {
background-color: #bee1eb;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
::-webkit-scrollbar-thumb{
background:#d3d3d3;
}
::-webkit-scrollbar-thumb:hover{
background:#d3d3d3;
}
.m_nav .ul li .dropdown_menu {
display: none;
}
.moveBtn {
display: flex;
align-items: center;
}
.moveBtn i{
background:url(../images/movejt.png) no-repeat;
width:14px;
height: 14px;
background-size:100%;
display: block;
}
.categrayBox .contentBox {
width: 100%;
height: auto;
overflow: visible;
background-color: #fff;
z-index: 9;
font-size: 0px;
max-width: 1530px;
margin: 30px auto;
padding: 0px 15px;
}
.categrayBox .contentBox {
position: fixed;
top: 0;
left: 100%;
height: 100%;
font-size: 0;
margin: 0px;
padding: 0px;
}
.backBtn {
position: relative;
display: inline-block;
width: 45px;
height: 100%;
vertical-align: top;
background: #f5f8fa;
}
.categrayBox .btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 40px;
display: block;
text-align: center;
line-height: 40px;
font-size: 1.2rem;
color: #7b8a96;
padding: 0;
background: url(../images/mjt.png);
background-size: 16px;
background-repeat: no-repeat;
background-position: center center;
}
.categrayBox .content {
display: inline-block;
width: calc(100% - 45px);
}
.yjTitle {
border-bottom: 1px solid #f8f8f8;
padding: 0px;
}
.yjTitle {
border-bottom: 1px solid #f8f8f8;
padding: 0px;
}
.yjTitle:hover {
background: transparent;
}
.yjTitle:hover .yjLink {
color: #d9251c;
}
.news .newList{
padding:30px 0;
margin:0 auto;
width: 96%;
}
.news{
padding:0 15px;
}
.news .newList{
flex-wrap: wrap;
flex-direction: column-reverse;
}
.news .newPicBox {
position: relative;
width: 100%;
height: auto;
}
.news .content {
display: flex;
padding-top: 20px;
width: 100%;
}
.news .rightC::before {
width:0;
display: none;
}
.news .rightC{
padding:0;
}
.news .newList:hover .rightC{
padding:0;
}
.news .newTitle {
margin: 10px 0;
}
.news .newPicBox:hover img{
transform: scale(1);
}
.homezhanlan .jp_yz_indexNewsContentBg{
width:100%;
padding:15px;
}
.about4{
padding:32px 15px;
}
.news .p_title{
display: block;
}
.jp_hy_LDetailBox{
padding:0 15px;
}
.jp_hy_innerTit{
font-size: 20px;
}
.lxwmxinxi .jp_hy_innerTit{
font-size:20px;
}
.searchlistbig ul li span{
width:45%;
}
.searchlistbig ul li h3{
display: block;
width: 70%;
}
.searchlistbig ul li h3 span{
margin-left: 15px;
margin: 0;
padding: 10px;
color: rgba(51, 51, 51, 1);
font-size: 16px;
font-weight: 400;
text-align: left;
cursor: pointer;
font-family: "Microsoft Yahei";
text-decoration: none;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.searchlistbig ul li span {
width: 30%;
justify-content: flex-end;
}
.footerbottom{
text-align: center;
padding:0 15px;
}
.nybanner .ad-tit{
font-size: 30px;
}
.k_hs_product_detaid{
padding:3.2rem 15px;
}
.k_hs_product_content {
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
padding: 2rem 0px;
overflow-x: hidden;
}
.tuijiand{
padding: 3% 15px 2%;
}
}