/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}
body,html{
scroll-behavior: smooth;
}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.wh{max-width:1430px;margin:0 auto;padding:0 15px;}
.wh1200{max-width:1230px;margin:0 auto;padding:0 15px;}
.bxs{overflow: hidden;}
.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.sun-delay0 {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.sun-delay1 {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.sun-delay2 {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.sun-delay3 {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.sun-delay4 {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.sun-delay5 {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.sun-delay6 {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.sun-delay7 {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}
.sun-delay8 {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.sun-delay9 {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
.sun-delay10 {
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s;
}
.sun-ani-left,
.sun-ani-down,
.sun-ani-up,
.sun-ani-right {
opacity: 0;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 2s;
transition-duration: 2s;
}
.sun-ani-left {
-webkit-transform: translateX(-900px);
transform: translateX(-900px);
}
.sun-ani-down {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.sun-ani-up {
-webkit-transform: translateY(-100px);
transform: translateY(100px);
}
.sun-ani-right {
-webkit-transform: translatex(100px);
transform: translatex(100px);
}
.swiper-slide-active .sun-ani-left {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.swiper-slide-active .sun-ani-left {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.swiper-slide-active .sun-ani-down {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.swiper-slide-active .sun-ani-up {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.swiper-slide-active .sun-ani-right {
opacity: 1;
-webkit-transform: translatex(0);
transform: translatex(0);
}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flexs{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.flexs2 {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.flex2 {
display: flex;
align-items: center;
flex-wrap: wrap;
}
/*头部样式*/
.top2{height:80px;background:rgba(255,255,255,0.55);width:100%;position:fixed;left:0;top:0;z-index:99999;}
.logo{float:left;line-height:80px;height:80px;overflow:hidden;width:28.29%;}
.logo img{width:100%;}
.top2:hover{background:#fff;}
.top2.on{
background:rgba(255,255,255,1);
}
.isnjh{
width:17px;
line-height: 80px;
text-align: center;
position: relative;margin-left:2%;
}
.isnjh_a{
background:url("https://www.riderleads.com/template/default/images/sou.png") center center no-repeat;
line-height:80px;
width: 17px;
height: 80px;
cursor: pointer;
}
.isnjh_b{
position: absolute;
top:80px;
width: 240px;
right: 0px;
background: rgba(255,255,255,0.6);
box-sizing: border-box;
padding: 6px;
border-radius: 5px;
display: none;
}
#formsearch2 input{background:#fff;border:none;float:left;width:75%;outline: none;border-right: none;}
#formsearch2 input#keyword{height:35px;line-height:35px;padding-left:4px;color:#fff;}
#formsearch2 input#s_btn{width:20%;height:35px;line-height:35px;text-align:center;background:url("https://www.riderleads.com/template/default/images/so.png") no-repeat center;color:#fff;border:none;cursor:pointer;}
.ffh.scroll{
box-shadow: 0 0 9px 3px #8e8a8a;
}
.search-dialog-box{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 18rem;
z-index: 1000000;
opacity: 0;
visibility: hidden;
transition: .6s;
/* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0; transition: .6s;left: 0;right: 0;z-index: 1; background:#f82c38;}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
opacity: 0;
visibility: hidden;
display: none;
}
.search-dialog-box .search-bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
margin: 0;
background: rgba(0,0,0,.7);
background-size: cover;
background-repeat: no-repeat;
/* z-index: 1; */
transform-origin: center center;
transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
transform:translateY(100%);
transition: .6s;
}
.header-right .bubbles-bg{
opacity: 0;
visibility: hidden;
transition: all .5s .8s;
}
.search-dialog-box .bubbles-bg .bubble{
position: absolute;
}
.search-dialog-box .bubbles-bg .bubble .circle{
border-radius: 100%;
position: absolute;
left: 0;
top: 0;
width:100%;
height: 100%;
}
.search-dialog-box .bubbles-bg .bubble1{
width:6%;
padding-top: 6%;
left: 26.875%;
top: -6.67%;
}
.search-dialog-box .bubbles-bg .bubble1 .circle{
border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble2{
width:12px;
padding-top: 12px;
left: 13.54%;
top: 18%;
}
.search-dialog-box .bubbles-bg .bubble2 .circle{
background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble3{
width:36px;
padding-top: 36px;
left: 8.854%;
top: 30.55%;
}
.search-dialog-box .bubbles-bg .bubble3 .circle{
background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble4{
width:56.875%;
padding-top: 56.875%;
left: -28.6458%;
top: 51.85%;
}
.search-dialog-box .bubbles-bg .bubble4 .circle{
background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
}
.search-dialog-box .bubbles-bg .bubble5{
width:54px;
padding-top: 54px;
left: 26.3%;
top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble5 .circle{
background-color: #fff;
opacity: .1;
}
.search-dialog-box .bubbles-bg .bubble6{
width:56.875%;
padding-top: 56.875%;
left: 73.4375%;
top: -52.77%;
}
.search-dialog-box .bubbles-bg .bubble6 .circle{
background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
}
.search-dialog-box .bubbles-bg .bubble7{
width:2rem;
padding-top: 2rem;
left: 60.9375%;
top: 18.5%;
}
.search-dialog-box .bubbles-bg .bubble7 .circle{
background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble8{
width:1.35rem;
padding-top: 1.35rem;
left: 95.83%;
top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble8 .circle{
border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble9{
width:16px;
padding-top: 16px;
left: 76.5625%;
top: 96.296%;
}
.search-dialog-box .bubbles-bg .bubble9 .circle{
background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble10{
width:56.875%;
padding-top: 56.875%;
left: 71.354%;
top:87%;
}
.search-dialog-box .bubbles-bg .bubble10 .circle{
background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
}
.search-dialog-box .bubbles-bg .bubble{
animation:spin 8s infinite linear;
transform-origin: 50% 45%;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n){
animation:spin2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble .circle{
animation:spin-reverse 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{
animation:spin-reverse2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .sm-bubble{
transform-origin: 30% 30px;
}
.search-dialog{
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 2;
}
.search-dialog .search-tit{
font-size: 2.75rem;
line-height: 3.5rem;
color: #fff;
text-align: center;
overflow: hidden;
display: none;
}
.search-dialog .search-inner{
overflow: hidden;
margin-top: 0;
}
.search-dialog .search-input{
width: 50rem;
margin: 0 auto;
padding: 0 0.5rem 0 1.5rem;
background-color: rgba(255,255,255,.1);
box-sizing: border-box;
transition: all .3s;
max-width: 94%;
}
.search-dialog .search-input input[type=text]{
float: left;
height: 4.5rem;
width: calc(100% - 3.5rem);
background-color: transparent;
font-size: 1.25rem;
line-height: .5rem;
border: none;
color: #fff;
transition: all .3s;font-weight:500!important;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
color:rgba(255,255,255,0.5);
}
.search-dialog .search-input input[type=text]:-moz-placeholder{
color:rgba(255,255,255,0.5);
}
.search-dialog .search-input input[type=text]::-moz-placeholder{
color:rgba(255,255,255,0.5);
}
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
color:rgba(255,255,255,0.5);
}
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
float: right;
height: 4.5rem;
width: 3.5rem;
}
.search-dialog .search-input input[type=submit]{
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: 1.5rem;
border: none;
font-size: 0px;
background-image: url("https://www.riderleads.com/template/default/images/7cd222cce30ebf0e5575a749810673610da06ed2.png");
}
.search-dialog .search-input .ss,
.search-dialog .search-input .clear-btn{
float: right;
height: 4.5rem;
width: 3.5rem;
}
.search-dialog .search-input .ss{
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: 1.5rem;
background-image: url("https://www.riderleads.com/template/default/images/search-btn.svg");
}
.search-dialog .search-input .clear-btn{
background-color: rgba(0,0,0,.2);
background-repeat: no-repeat;
background-position: center;
background-image: url("https://www.riderleads.com/template/default/images/close-btn.svg");
background-size: 3.5rem;
border-radius: 100%;
margin-right: 1rem;
display: none;
}
.search-dialog .search-input.on{
background-color: #fff;
}
.search-dialog .search-input.on input[type=submit]{
background-image: url("https://www.riderleads.com/template/default/images/search-btn2.svg")
}
.search-dialog .hot-search{
font-size: 0;
width:19.5rem;
margin:.6rem auto 0;
box-sizing: border-box;
padding:0 .6rem;
overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
display: inline-block;
*display: inline;
zoom:1;
vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
font-size: .375rem;
line-height: .5rem;
color: #fff;
font-weight: bold;
padding-left: .6rem;
background-repeat: no-repeat;
background-position: left center;
background-size: .5rem;
background-image: url("https://www.riderleads.com/template/default/images/hot-icon.png");
}
.search-dialog .hot-link{
margin-left: 1rem;
}
.search-dialog .hot-link a{
display: inline-block;
*display: inline;
zoom:1;
font-size: .375rem;
line-height: .5rem;
margin-right: .75rem;
color:#fff;
padding-bottom: 5px;
position: relative;
}
.search-dialog .hot-link a:before{
content: "";
position: absolute;
left:0%;
bottom:0;
width:100%;
height: 2px;
background-color: #fff;
transform:scaleX(0);
transform-origin:left center;
transition:transform .3s;
}
.search-dialog-box .bottom-box{
position: absolute;
left: 0;
bottom:5.1%;
width:100%;
}
.search-dialog-box .bottom-box .share-box{
overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
font-size: .35rem;
line-height:.5rem;
color: #fff;
font-family: "gilroy-regular";
margin-top: .5rem;
overflow: hidden;
}
.header-right.is-open .bubbles-bg{
visibility: visible;
opacity: 1;
}
.header-right.is-open .search-btn .con-box{
display:none;
}
.header-right.is-open .close-btn{
display:block;
}
.header-right.is-open .item .search-bg{
transform:scale(1);
}
.search-dialog-box.on{
opacity: 1;
visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}
.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}
.pub-close {
position: absolute;
width: 3rem;
height: 3rem;
z-index: 10;
right: 1.5rem;
top: 1.35rem;
background-color: rgba(255,255,255,.1);
border-radius: 100%;
}
.pub-close .bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #1c5ab7;
transform: scale(0);
border-radius: 100%;
transition: transform .3s;
}
.pub-close i {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: 0.75rem;
background-repeat: no-repeat;
background: url("https://www.riderleads.com/template/default/images/c641c0d3b6f5600c56b1de39045c86315979a8c4.png") center center no-repeat;
transition:.6s
}
.pub-close i:hover{ transform:rotate(180deg)}
@keyframes spin{
to{transform: rotate(1turn);}
}
@keyframes spin2{
to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
from{
transform:rotate(1turn);
}
}
@keyframes spin-reverse2{
from{
transform:rotate(-1turn);
}
}
/*热门搜索*/
.sou{margin: 15px 0;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#0d0d0d;font-size:14px;}
.hotSearch a{margin-right:6px;color:#0d0d0d;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
/* 导航样式 */
.x-menu{width:53.57%;float:right;}
.x-menu > li{}
.x-menu > li > a {
display: block;
font-size: 16px;
color: #333333;
line-height:80px;position:relative;
}
.x-menu > li > a:before{content:"";width:0;height:5px;background:#dc271f;position:absolute;display: block;left:-8px;top:50%;margin-top:-2.5px;z-index:9;display:none;}
.x-menu > li span{position:relative;z-index:999;}
.x-menu > li:hover > a:before{width:23px;}
.x-menu > li:hover > a{
color:#f72b37;
}
.x-menu > li.active > a {
}
.x-menu > li:hover .x-sub-menu {
opacity: 1;
visibility: visible;
/* -webkit-transform: translateY(0);
transform: translateY(0);*/
}
.x-sub-menu {
position: absolute;
z-index: 99999;
width:100%;
left:0%;
top:80px;
padding:4vw 0;
opacity: 0;
visibility: hidden;
/* -webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all .5s ease;*/
transition: all .5s ease;background:url("https://www.riderleads.com/template/default/images/sNavBg.jpg") no-repeat;background-size:100% 100%;
}
.x-sub-menu .leftImg{width:30%; overflow: hidden;}
.x-sub-menu .leftImg img{ width:100%;display:block;}
.x-sub-menu .midDiv{width:24%;margin-left:5%;margin-top:1vw;}
.x-sub-menu .msg2{font-size:24px; color: #000;line-height:1.5;}
.x-sub-menu .wen{ font-size:18px; color: #dbdada;padding:1vw 0;}
.x-sub-menu .btnDiv a{ position: relative; display: block; width:162px; height:44px; background: #f82c38; color: #fff; line-height:44px; font-weight: bold; font-size: 12px;text-align:center;}
.x-sub-menu .btnDiv a img{margin-left:10px;vertical-align:2px;}
.x-sub-menu .list{ width:37%;float:right;margin-top:1vw;}
.x-sub-menu .list li{font-size:14px;width:50%;float:left;line-height:3;}
.x-sub-menu .list li a{padding-left:16px; display: block; position: relative; color: #4f4f4f;}
.x-sub-menu .list li a:before{ content: ''; position: absolute; left: 0px; top: 50%; margin-top: -2px; width: 4px; height: 4px; background: #dbdbdb; }
.x-sub-menu .list li a:hover{ font-weight: bold;}
.x-sub-menu .list li a:hover:before{ background: #f82c38;}
.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;display:block;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}
/*主体样式*/
.box1{background:url("https://www.riderleads.com/template/default/images/bj1.jpg") no-repeat;background-size:100% 100%;padding:2vw 0 2.5vw;}
.box1 .cont1{position:relative;}
.pbt{position:absolute;right:0;top:0;text-align:right;}
.pbt h3 img{max-width:100%;}
.pbt h2{color:#333333;font-size:48px;margin-top:-2.8vw;}
.ctabli{position:relative;width:17.57%;background:url("https://www.riderleads.com/template/default/images/hx.png") no-repeat 10px center;padding:0.8vw 0;float:left;}
.ctabli li{margin:1vw 0;}
.ctabli li h3{margin-left:32px;color:#333333;font-size:18px;line-height:3.5;font-weight:normal;padding-left:5%;width:60%;}
.ctabli li.curs{background:url("https://www.riderleads.com/template/default/images/ss1.png") no-repeat left center;}
.ctabli li.curs h3{background:url("https://www.riderleads.com/template/default/images/cur.png") no-repeat;background-size:100% 100%;}
.ctabli li:nth-child(1).curs{background:url("https://www.riderleads.com/template/default/images/ss1.png") no-repeat 16px center;}
.ctabli li:nth-child(2).curs{background:url("https://www.riderleads.com/template/default/images/ss1.png") no-repeat 6px center;}
.ctabli li:nth-child(4).curs{background:url("https://www.riderleads.com/template/default/images/ss1.png") no-repeat 6px center;}
.ctabli li:nth-child(5).curs{background:url("https://www.riderleads.com/template/default/images/ss1.png") no-repeat 16px center;}
.ctabli li:nth-child(6){
margin-left: 1.5vw;
}
.ctabli li:nth-child(6) h3{
line-height: 2;
}
.cpy{width:80.71%;padding-top:1.2vw;}
.ptab{overflow:hidden;display:none;}
.ptab.clicked{display:block;}
.ptab li{}
.ptab li .img{width:56.23%;}
.ptab li .img img{width:100%;display:block;}
.ptab li .det{width:42.63%;margin-top:8vw;text-align:right;}
.ptab li .wz1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f72b37;font-size:40px;}
.ptab li .wz2{color:#333333;font-size:16px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;line-height:18px;margin:1vw 0;}
.ptab li .wz3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333333;font-size:30px;}
.lanj{margin-top:2vw;margin-left:10%;}
.links{float:left;width:44%;}
.links2{float:right;}
.links a {
line-height:50px;
text-align: center;
border-radius:30px;
border:1px solid #f72b37;
transition: all 0.3s;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
align-content: center;background:#fff;
}
.links a span{
transition: all .5s;
position: relative;
z-index: 4;color:#f72b37;font-size:16px;display:inline-block;
}
.links a i{display:inline-block;background:#f72b37;border:7px solid #fb959b;border-radius:50%;width:22px;height:22px;margin-left:7%;}
.links a:hover {
border:1px solid #f72b37;box-shadow: inset 0 0 0 50px #f72b37;
}
.links a:hover span{color: #fff;}
.fw{margin-top:3.5vw;position:relative;}
.fw .mySwiper{overflow:hidden;padding-bottom:2px;}
.fw .swiper-slide a{position:relative;border:1px solid #dcdcdc;background:#fff;display:block;}
.fw .swiper-slide img{width:100%;margin:0 auto;display:block;}
.fw .swiper-slide .det{width:92%;margin:0 auto;padding:6px 0;}
.fw .swiper-slide .wz1{color:#333333;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width: calc(100% - 110px);}
.fw .swiper-slide .wz2{color:#666666;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:98px;line-height:25px;border-radius:25px;border:1px solid #dcdcdc;text-align:center;}
.fw .swiper-slide:hover a{
border-color: #f72b37;
}
.fw .swiper-slide:hover .wz2{
background: #f72b37;
color:#fff;
border-color: #f72b37;
}
.fw .swiper-button-prevf{position: absolute;top:50%;margin-top:-16px;left:0;width:17px;height:32px;opacity:1;z-index:999;background:url("https://www.riderleads.com/template/default/images/img175_a.png") no-repeat;background-size:100% 100%;}
.fw .swiper-button-nextf{position: absolute;top:50%;margin-top:-16px;right:0;width:17px;height:32px;opacity:1;z-index:999;background:url("https://www.riderleads.com/template/default/images/img176_a.png") no-repeat;background-size:100% 100%;}
.box3{background:url("https://www.riderleads.com/template/default/images/bj3.jpg") no-repeat;background-size:100% 100%;padding:50px 0 80px;}
.abt i{font-size:18px;font-family:"Arial";color:#999999;font-style:italic;}
.abt span{font-size:21px;color:#333333; font-style:italic;margin:0 10px;}
.abt sup{width:175px;height:2px;background:#8a8a8a;display:inline-block;}
.abt img{margin-left:25px;}
.about{width:48.93%;}
.gytt{color:#f72b37;font-size:48px;font-weight:bold;background:url("https://www.riderleads.com/template/default/images/mao1.png") no-repeat left 12px;padding-left:20px;}
.gytt strong{color:#333333;font-size:30px;font-weight:bold;}
.gytt span{color:#333333;font-size:30px;font-weight:normal;}
.gytt2{color:#333333;font-size:48px;font-weight:bold;padding-left:20px;position:relative;margin-top:-15px;}
.gytt2 img{vertical-align: 5px;margin-left:8px;}
.gytt2 span{position:relative;}
.gytt2 i{position:relative;z-index:99;}
.gytt2 span:before{content:"";width:100%;height:6px;background:#f72b37;position:absolute;display: block;left:0;bottom:4px;z-index:9;}
.abwz{color:#666666;font-size:18px;line-height:34px;margin:1.5vw 0 2.3vw;}
.links3{width:170px;}
.links3 a {
line-height:50px;
text-align: center;
border-radius:30px;
border:1px solid #f72b37;
transition: all 0.3s;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
align-content: center;background:#fff;
}
.links3 a span{
transition: all .5s;
position: relative;
z-index: 4;color:#f72b37;font-size:16px;display:inline-block;
}
.links3 a i{display:inline-block;background:#f72b37;border:7px solid #fb959b;border-radius:50%;width:22px;height:22px;margin-left:7%;}
.links3 a:hover {
border:1px solid #f72b37;box-shadow: inset 0 0 0 50px #f72b37;
}
.links3 a:hover span{color: #fff;}
.add_sp{margin-top:6vw;margin-right:9.57%;float:right;}
.add_sp li{text-align:center;position:relative;}
/*.add_sp .button {
border-radius: 50%;
position: absolute;
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center
}*/
.add_sp .button {
position: absolute;
}
.icon_play {
background:url("https://www.riderleads.com/template/default/images/jt.png") no-repeat center center #f72b37;width:64px;height:64px;border-radius: 50%;
}
.add_sp .button span {
/* position: relative;*/
z-index: 1;
}
/*.add_sp .button div {
position: absolute;
width: 100%;
height: 100%;
transition: all ease .4s;
border-radius: 50%
}
.add_sp .button:hover div {
transform: scale(1.4);
background: rgba(255,255,255,.4)
}
*/
.circle22 {
display: block;
width: 80px;
height: 80px;
margin: 0 auto;
position: relative;
border-radius: 50%;
z-index: 999;
text-align: center;
line-height: 80px;
}
.circle22 span {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
background-color:#f72b37;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-animation: circleScale 3s linear infinite;
-moz-animation: circleScale 3s linear infinite;
-ms-animation: circleScale 3s linear infinite;
animation: circleScale 3s linear infinite;
}
.circle22 span:nth-of-type(2) {
animation-delay: 1s;
}
.circle22 span:nth-of-type(3) {
animation-delay: 2s;
}
@keyframes circleScale {
0% {
opacity: 1;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@keyframes circleScale1 {
0% {
opacity: 1;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
60% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: scale(3);
-moz-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
}
}
.circle22 font{ cursor:pointer; position:absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; display: block;width: 50px;
height:50px; line-height:50px; border-radius: 50%;z-index:999;}
.circle22 font img{ display: block;width:100%;}
#videobg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999999;text-align:center;}
#video{display:inline-block;padding:10px 10px 10px;width:600px;height:400px;vertical-align:middle;background:#FFF;position:relative;}
#video .videoc{width:100%;height:100%;}
#video iframe{width:100%;height:100%;}
#video span{width:40px;height:40px;background:#000;color:#FFF;font-size:20px;line-height:40px;text-align:center;position:absolute;outline:none;top:0px;right:-40px;cursor:pointer;display:block;font-family:Arial;}
@media only screen and (max-width: 499px){
#video{width:300px;height:260px;}
#video span{left:130px;top:260px;
}
}
.sj{background:url("https://www.riderleads.com/template/default/images/ht.png") no-repeat;background-size:100% 100%;box-shadow:0 0 10px #ddd;margin-top:4vw;padding:2vw 2vw;}
.sj li{text-align:center;}
.sj li .wz{text-align:center;}
.sj li h3{display:inline-block;color:#333333;font-size:72px;font-weight:normal;}
.sj li h2{display:inline-block;color:#333333;font-size:72px;font-weight:normal;}
.sj li span{display:inline-block;color:#f72b37;font-size:16px;font-weight:bold;}
.sj li p{color:#999999;font-size:18px;}
.box4{position:relative;}
.canvas-box{
position:relative;
width: 100%;
z-index: 1;
}
.htw{position:absolute;
top: 50%;
transform: translateY(-50%);color:#333333;font-size:40px;z-index:99;width:100%;text-align:center;}
.htw span{color:#f72b37;font-weight:bold;}
.box44{height:280px;overflow:hidden;position: relative;}
#tree{position: relative;bottom:0;left:0;display:block;width: 100%;height: 100%;}
#tree canvas{position:absolute;bottom:-60%;left:0;display:block;width:100%!important;height:250%!important}
.box5{background:url("https://www.riderleads.com/template/default/images/bj5.jpg") no-repeat;background-size:100% 100%;padding:3vw 0;}
.he{position: relative;margin-top:2vw;padding:0 2%;}
.mySwiper2{overflow: hidden;padding:18px;width:100%;}
.mySwiper2 .swiper-slide{display:flex;flex-wrap:wrap;justify-content:center;}
/*.mySwiper2 .swiper-slide .slicon{width:calc(100%/4);}*/
.mySwiper2 .swiper-slide .slicon{width: calc(100%/4 - 40px);margin:0 20px 2vw;}
.mySwiper2 .swiper-slide img{width: 100%;display:block; box-shadow: 4px 6.928px 18px 0px rgba(0, 0, 0, 0.1);}
.links33{margin:0 auto;}
.box6{margin:3vw 0;}
.hudbt{color:#333333;font-size:48px;font-weight:bold;}
.hudbt span{color:#999999;font-size:14px;font-weight:normal;margin-left:8px;}
.hdlist{margin-top:2vw;}
.hdlist li{width:24%;background:url("https://www.riderleads.com/template/default/images/wx1.jpg") no-repeat;background-size:100% 100%;padding:3% 1.5%;}
.hdlist li:nth-child(2){background:url("https://www.riderleads.com/template/default/images/xw2.jpg") no-repeat;background-size:100% 100%;}
.hdlist li:nth-child(3){background:url("https://www.riderleads.com/template/default/images/wx3.jpg") no-repeat;background-size:100% 100%;}
.hdlist li:nth-child(4){background:url("https://www.riderleads.com/template/default/images/xw4.jpg") no-repeat;background-size:100% 100%;}
.hdlist li .det{width:56%;}
.hdlist li .wz1{color:#fff;font-size:24px;}
.hdlist li .wz2{color:#fff;font-size:14px;line-height:22px;margin-top:0.7vw;}
.hdlist li .img{width:36%;}
.hdlist li .img img{width:100%;display:block;}
.hdlist li:nth-child(4) .wz1{font-size:18px;}
/*页面底部*/
.foot{background:#f8f8f8;position:relative;}
.foot:before{content:"";width:71.5%;height:2px;background:#e8e8e8;position:absolute;display: block;left:0;top:125px;}
.footz{width:79.29%;border-right:1px solid #e8e8e8;}
.footz .cont{height:125px;}
.flogo img{max-width:100%;}
.fadd{width:40%;margin-right:23px}
.fadd li{width:48%;border:2px solid #e4e5e5;text-align:center;line-height:61px;font-size:14px;text-align:center;}
.fadd li a{color:#939393;}
.fadd li img{margin-right:6px;}
.f_nav{margin-top:2.5vw;}
.f_nav dl{float:left;width:16.66%;}
.f_nav dt{font-size:18px;color:#333333;}
.f_nav dt a{}
.f_nav dd{}
.f_nav dd a{font-size:14px;color:#666666;line-height:30px;}
.fx2{background:#f72b37;width:24px;height:2px;margin:1vw 0 1.3vw;}
.foot2{width:15.36%;margin-right:2.86%;padding-bottom: 25px;}
.ftt{color:#333333;font-size:22px;padding-top:1.7vw;}
.fhx{background:#f72b37;width:24px;height:2px;margin:0.8vw 0 1.1vw;}
.flx{color:#666666;font-size:14px;line-height:24px;}
.fadd2{margin:1vw 0;}
.fadd2 li{margin-right:7%;float:left;}
.fadd3{margin:1vw 0;}
.fadd3 li{width:48%;text-align:center;}
.fadd3 li img{width:100%;display:block;}
.fadd3 li .wz{color:#000000;font-size:14px;margin-top:8px;}
.copy_right{margin-top:1vw;}
.copy_right select{background: url("https://www.riderleads.com/template/default/images/lk.png") center no-repeat;width:140px;height:36px;outline:none;padding-left:21px;color:#666666;font-size:14px;border:none;}
.copy_right select{appearance:none;-moz-appearance:none;
-webkit-appearance:none;}
.copy_right select option{background:#4ec1e1;color:#fff;line-height:30px;}
.copy_right select option{}
.copy{width:38%;}
.copy2{
display: none;
}
.bq{background:#f5f5f5;padding:12px 0;color:#666666;font-size:14px;}
.bq .flex{
justify-content: center;
}
.bq a{color:#666666;}
.kff{margin-top:15px;flex-wrap: nowrap;justify-content: flex-start;}
.kff a{width:12.33%;text-align:center;margin-bottom:7px;}
.kff a.feedback{width:64%;}
.bq a:hover{color:#f72b37;}
/*手机底部*/
@media (max-width:768px){
.db{display:block!important;}
.bq .feedback{display:block;}
.kff{flex-wrap:wrap;}
.kff a.feedback{width:100%;}
}
.dbb{height:75px;}
/* 页脚 */
.footers {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background: #fff;
}
.footers ul {
}
.footers ul li {
width:20%;
text-align: center;
color: #ffffff;
padding:10px 0;
}
.footers ul li.active span{
color: #f72b37;
}
.footers ul li a {
display: block;color:#fff;
}
.footers ul li .iconfont {
font-size: 18px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.footers li .icon{width:24px;height:24px;margin:0 auto;overflow:hidden;}
.footers li .icon img{width:24px;height:24px;display:block;margin:0 auto;}
.footers li .icon .img{display:block;}
.footers li .icon .img_a{display:none;}
.footers li.active .icon .img{display:none;}
.footers li.active .icon .img_a{display:block;}
.footers li:hover .icon .img{display:none;}
.footers li:hover .icon .img_a{display:block;}
.footers ul li:hover span{color: #f72b37;}
.footers ul li span {
display:block;
vertical-align: middle;
font-size: 12px;color:#777;
}
.footers li .icon-phone:before{font-size:0;}
.footers ul li a{border-right:1px solid #fff;}
.footers ul li:last-child a{border-right:none;}
.banner-item{position:relative;}
.bwz{width:100%;left:0;top:34%;position:absolute;}
.bwz .wz{color:#fff;font-size:19px;}
.bwz .wz1{color:#fff;font-size:48px;font-weight:500;}
.bwz .wz2{color:#fff;font-size:48px;font-weight:500;margin:0 0 1.5vw;}
.bwz .wz3{color:#fff;font-size:19px;}
.blinks{width:170px;height:50px;margin-top:2.4vw;font-size:0;overflow:hidden;}
.blinks a {
line-height: 50px;height:50px;
text-align: center;
border-radius: 30px;
border: 1px solid #f72b37;
transition: all 0.3s;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
align-content: center;
background: #fff;display:inline-block;
}
.blinks a sup{display:inline-block;background:#f72b37;border:7px solid #fb959b;border-radius:50%;width:22px;height:22px;margin-left:7%;top:4px;}
.banner-item1 .bwz .wz1{color:#f72b37;}
.banner-item1 .bwz .wz2{color:#333333;}
.banner-item1 .bwz .wz3{color:#666666;}
img.hhahgn {
display: block;
width: 100%;
}
.x-banner{position:relative;}
.x-banner .mySwiperbn{overflow:hidden;}
.c-banner1 .swiper-pagination-bullet {
opacity: 1;
}
.c-banner1 .c-dot {
position: absolute;
bottom:80px;
left:14%;
width:50%;
}
.c-banner1 .swiper-pagination{
position: relative;
text-align: left;
}
.loading {
margin: 0 5px;
width: 38px;
height: 38px;
position: relative;
border: 4px solid transparent;
background: transparent;
}
.loading.swiper-pagination-bullet-active {
border-color: rgba(255,255,255,.2);
}
.loading .c-progress {
position: absolute;
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 50%;
left: 11px;
top: 11px;
line-height: 120px;
text-align: center;
}
.loading.swiper-pagination-bullet-active .c-progress {
background-color: #bb1c14;
}
.loading .left,
.loading .right {
opacity: 0;
width: 19px;
height: 38px;
overflow: hidden;
position: absolute;
left: -4px;
top: -4px;
overflow: hidden;
}
.loading.swiper-pagination-bullet-active .left,.loading.swiper-pagination-bullet-active .right {
opacity: 1;
}
.loading .right {
left: auto;
right: -4px;
top: -4px;
}
.loading .left:after,
.loading .right:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 19px;
height: 38px;
border: 4px solid #fff;
border-radius: 19px 0 0 19px;
border-right: 0;
}
.loading .right:after {
content: "";
position: absolute;
display: block;
border-radius: 0 19px 19px 0;
border: 4px solid #fff;
border-left: 0;
}
.loading.swiper-pagination-bullet-active .left:after {
transform-origin: right center;
/* animation-iteration-count: infinite; */
animation-fill-mode: forwards;
animation-duration: 3.9s;
animation-timing-function: linear;
animation-name: spin-left;
}
.loading.swiper-pagination-bullet-active .right:after {
transform-origin: left center;
animation-duration: 3.9s;
/* animation-iteration-count: infinite; */
animation-timing-function: linear;
animation-name: spin-right;
}
@keyframes spin-right {
0% {
transform: rotate(180deg);
}
50% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spin-left {
0% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes c-zoom {
0% {
transform:scale(1,1);
-webkit-transform:scale(1,1);
}
100% {
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
}
}
@keyframes c-zoom {
0% {
transform:scale(1,1);
-webkit-transform:scale(1,1);
}
100% {
transform:scale(1.2,1.2);
-webkit-transform:scale(1.2,1.2);
}
}
.baniu{position:absolute;right:14%;bottom:80px;width:110px;z-index:999;}
.x-banner .swiper-button-nextbn,
.x-banner .swiper-button-prevbn {
border: 1px solid #fff;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
}
.x-banner .swiper-button-prevbn {
background: url("https://www.riderleads.com/template/default/images/img448.png") no-repeat center center;
background-size:25px 25px;
cursor: pointer;
}
.x-banner .swiper-button-nextbn {
background: url("https://www.riderleads.com/template/default/images/img449.png") no-repeat center center;
background-size:25px 25px;
cursor: pointer;
}
.x-banner .swiper-button-prevbn::after {
content: unset;
}
.x-banner .swiper-button-nextbn::after {
content: unset;
}
.x-banner .banner-item a {
display: block;
}
#formsearchm{width:90%;margin:0 auto;height:48px; border-radius: 48px;border: 1px solid #333;padding: 0 25px;margin-top:5vw;}
#formsearchm input{}
#formsearchm input#keyword{height:48px;line-height:48px;padding-left:15px;float:left;color:#333;font-size:14px;background:none;border:none;outline:none;width: 90%;}
#formsearchm input#s_btn{width:10%;height:48px;line-height:48px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;font-size: 12px;float:right;background: url("https://www.riderleads.com/template/default/images/search.png") no-repeat center center;background-size:18px 18px;}
#formsearchm input::-webkit-input-placeholder{color:#333;}
#formsearchm textarea::-webkit-input-placeholder{color:#333;}
/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}
.footers33{height:50px;}
.xymob-left-close-btn .icon-close:before{font-size:0;}
@media (max-width:1440px) {
.foot:before{width:78.5%;}
.bwz{
top:34%;
}
.bwz .wz{font-size:16px;}
.bwz .wz1{font-size:30px;}
.bwz .wz2{font-size:30px;}
.bwz .wz3{font-size:16px;}
.bwz .wh{max-width:90%;}
.c-banner1 .c-dot{left:5%;}
.baniu{right:5%;}
}
@media (max-width:1024px) {
.x-sub-menu .msg2{font-size:20px;}
.x-sub-menu .wen{font-size:15px;}
.box1{padding:40px 0;}
.ctabli li h3{font-size:16px;}
.pbt h3{width:70%;margin-left:30%;}
.pbt h2{font-size:36px;margin-top:-4vw;}
.ctabli li:nth-child(1).curs{background:url("https://www.riderleads.com/template/default/images/ss1.png") no-repeat 11px center;}
.ctabli li:nth-child(5).curs{background:url("https://www.riderleads.com/template/default/images/ss1.png") no-repeat 11px center;}
.ptab li .wz1{font-size:32px;}
.ptab li .wz2{font-size:14px;}
.ptab li .wz3{font-size:22px;}
.links a{line-height:38px;}
.links a span{font-size:14px;}
.links a i{width:16px;height:16px;border:4px solid #fb959b;}
.fw .swiper-slide .wz1{font-size:16px;}
.box3{padding:40px 0;background-size:cover;}
.abt i{font-size:16px;}
.abt span{font-size:18px;}
.abt sup{width:100px;}
.abt img{max-width:25%;}
.gytt{font-size:34px;}
.gytt strong{font-size:25px;}
.gytt span{font-size:25px;}
.gytt2{font-size:34px;}
.gytt2 img{max-width:10%;}
.abwz{font-size:16px;line-height:30px;}
.links3{width:150px;}
.links3 a{line-height:42px;}
.links3 a span{font-size:14px;}
.links3 a i{width:16px;height:16px;border:4px solid #fb959b;}
.sj li h3{font-size:55px;}
.sj li h2{font-size:55px;}
.sj li span{font-size:14px;}
.sj li p{font-size:14px;}
.htw{font-size:32px;}
.box5{padding:40px 0;}
.mySwiper2 .swiper-slide .slicon{width: calc(100%/4 - 30px);margin:0 15px 2vw;}
.box6{padding:30px 0;}
.hudbt{font-size:32px;}
.hdlist li .wz1{color:#fff;font-size:18px;}
.hdlist li .wz2{color:#fff;font-size:14px;line-height:22px;margin-top:0.7vw;}
.hdlist li:nth-child(4) .wz1{font-size:16px;}
.flogo{width:28%;}
.fadd{width:60%;}
.f_nav dt{font-size:16px;}
.f_nav dd a{font-size:12px;height:30px;line-height:30px;overflow:hidden;display:block;}
.ftt{font-size:16px;margin-top:3vw;}
.bwz .wz{font-size:14px;}
.bwz .wz1{font-size:25px;}
.bwz .wz2{font-size:25px;}
.bwz .wz3{font-size:14px;}
.bwz .wh{max-width:80%;}
.blinks{width:120px;height:38px;}
.blinks a {
line-height: 38px;height:38px;
}
.blinks a sup {
width: 16px;
height: 16px;
border: 4px solid #fb959b;
}
.c-banner1 .c-dot{left:5%;bottom:40px;}
.baniu{right:5%;bottom:40px;}
}
@media (max-width: 768px) {
.x-banner{margin-top:60px;}
.an_banner,.axqn_banner{margin-top:60px;}
.xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
.pbt{position:static;text-align:center;}
.pbt h3{width:50%;margin:0 auto;margin-left:auto;text-align:center;}
.pbt h2{margin-top:-5vw;}
.ctabli{width:100%;background:none;float:none;text-align:center;}
.ctabli li:nth-child(1).curs{background:none;}
.ctabli li:nth-child(2).curs{background:none;}
.ctabli li:nth-child(3).curs{background:none;}
.ctabli li:nth-child(4).curs{background:none;}
.ctabli li:nth-child(5).curs{background:none;}
.ctabli li{display:inline-block;margin:0 1%;width:30%;}
.ctabli li h3{width:100%;padding-left:0;margin-left:0;line-height:2.8;padding:0 0px;}
.ctabli li.curs h3{background:#f72b37;color:#fff;}
.cpy{width:100%;float:left;}
.ptab li .det{margin-top:3vw;}
.about{width:70%;}
.box3 .cont1{position:relative;}
.abt sup{width:60px;}
.add_sp{ position: absolute;
top: 59%;
left: 39%;}
.add_sp .button{width:50px;height:50px;}
.icon_play{width:50px;height:50px;}
.add_sp .button:hover div{transform: scale(1.2);}
.sj li h3{font-size:35px;}
.sj li h2{font-size:35px;}
.mySwiper2 .swiper-slide .slicon{width: calc(100%/4 - 20px);margin:0 10px 2vw;}
.hdlist li{width:49%;margin:8px 0;}
.foot2{width:100%;margin-right:0;}
.foot:before{display:none;}
.fadd3{width:50%;margin:0 auto;}
.copy{text-align:center;width:100%;}
.copy span{display:block;}
.box44{height:200px;}
.htw{font-size:25px;}
.bwz{top:16%;}
.bwz .wz{font-size:14px;}
.bwz .wz1{font-size:25px;}
.bwz .wz2{font-size:25px;}
.bwz .wz3{font-size:14px;}
.bwz .wh{max-width:90%;}
.blinks{width:120px;height:38px;}
.blinks a {
line-height: 38px;height:38px;
}
.blinks a sup {
width: 16px;
height: 16px;
border: 4px solid #fb959b;
}
.c-banner1 .c-dot{left:5%;bottom:40px;}
.baniu{right:5%;bottom:40px;}
.abt span{display: block;}
.abwzimg img{max-width:100%; height:auto !important;width:auto !important;}
.links3{margin-top:20px}
}
@media (max-width:428px) {
.pbt h3{width:72%;}
.pbt h2{font-size:26px;margin-top:-6vw;}
.ctabli{margin:10px 0;}
.ctabli li h3{font-size:14px;line-height:2;}
.ptab li .img{width:100%;float:none;}
.ptab li .det{width:100%;text-align:center;}
.ptab li .wz1{font-size:22px;}
.ptab li .wz2{margin:8px 0;}
.ptab li .wz3{font-size:17px;}
.lanj{width:70%;margin:0 auto;margin-left:auto;margin-top:10px;}
.links{width:47%;}
.links a{line-height:35px;}
.fw .swiper-slide .wz1{font-size:14px;}
.fw .swiper-slide .wz2{font-size:12px;}
.abt sup{display:none;}
.abt img{display:none;}
.abt i{font-size:14px;}
.abt span{font-size:16px;margin:0 5px;}
.about{width:100%;margin-top:15px;float:none;}
.gytt{font-size:24px;background: url("https://www.riderleads.com/template/default/images/mao1.png") no-repeat left 5px;}
.gytt strong{font-size:18px;}
.gytt span{font-size:18px;}
.gytt2{font-size:24px;margin-top:-5px;}
.gytt2 img{margin-left:3px;max-width:8%;}
.abwz{font-size:14px;line-height:25px;margin:8px 0 15px;}
.add_sp{margin-right:18%;margin-top:15px;float:none;}
.add_sp .button{position:relative;}
.sj{padding:20px 0;margin-top:50px;}
.sj li{width:50%;margin:5px 0;}
.sj li h3{font-size:30px;}
.sj li h2{font-size:30px;}
.he{padding:0;}
.mySwiper2{padding:10px;margin-bottom:8px;}
.mySwiper2 .swiper-slide .slicon{width: calc(100%/3 - 12px);margin:0 6px 2vw;}
.mySwiper2 .swiper-slide img{box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 10%);}
.hudbt{font-size:24px;}
.hudbt span{display:block;margin-left:0;}
.hdlist li{width:100%;padding:30px 15px;}
.hdlist li .wz1{font-size:16px;}
.fadd2{margin:15px 0;}
.ftt{margin-top:30px;}
.fhx{margin:10px 0;}
.fadd3{width:60%;margin:0 auto;}
.box44{height:160px;}
.htw{font-size:20px;}
.bwz{top:10%;}
.bwz .wz{font-size:14px;}
.bwz .wz1{font-size:18px;}
.bwz .wz2{font-size:18px;}
.bwz .wz3{font-size:14px;}
.bwz .wh{max-width:90%;}
.blinks{width:120px;height:38px;}
.blinks a {
line-height: 38px;height:38px;
}
.blinks a sup {
width: 16px;
height: 16px;
border: 4px solid #fb959b;
}
.c-banner1 .c-dot{left:5%;bottom:15px;}
.baniu{right:5%;bottom:15px;}
.loading {
margin: 0 5px;
width:28px;
height: 28px;
position: relative;
border:4px solid transparent;
background: transparent;
}
.loading .left,
.loading .right {
opacity: 0;
width: 14px;
height: 28px;
overflow: hidden;
position: absolute;
left: -4px;
top: -4px;
overflow: hidden;
}
.loading .right {
left: auto;
right: -4px;
top: -4px;
}
.loading .left:after,
.loading .right:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 14px;
height: 28px;
border: 4px solid #fff;
border-radius: 14px 0 0 14px;
border-right: 0;
}
.loading .right:after {
content: "";
position: absolute;
display: block;
border-radius: 0 14px 14px 0;
border: 4px solid #fff;
border-left: 0;
}
.loading .c-progress{left:6px;top:6px;}
.baniu{width:66px;}
.x-banner .swiper-button-nextbn,
.x-banner .swiper-button-prevbn {
border: 1px solid #fff;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.x-banner .swiper-button-prevbn {
background: url("https://www.riderleads.com/template/default/images/img448.png") no-repeat center center;
background-size:18px 18px;
cursor: pointer;
}
.x-banner .swiper-button-nextbn {
background: url("https://www.riderleads.com/template/default/images/img449.png") no-repeat center center;
background-size:18px 18px;
cursor: pointer;
}
}
/*------------内页-------------------*/
.n_banner{width:100%;margin:0 auto;padding-top:80px;}
.n_banner img{width:100%;margin:0 auto;}
.left{width:225px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact p.content{padding:5px;}
.right{width:760px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url("https://www.riderleads.com/template/default/images/nav.png") no-repeat 0% 100%;}
.sitemp h2{float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;
font-family:"微软雅黑";font-size:14px;}
.sitemp .site{float:right;text-align:right;line-height:30px;font-family:"微软雅黑";}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.xypg-right-content .content{margin-top:10px;}
/*内页产品详细页面*/
.pxqbox1{background:url("https://www.riderleads.com/template/default/images/fe.jpg") no-repeat;background-size:100% 100%;border-top:1px solid #eaeaea;margin-top:1vw;padding:2vw 0 4vw;margin-bottom:2vw;}
.pxqzb{width:43.14%;overflow:hidden;margin-left:7.57%;}
.pernr51{overflow: hidden;position:relative;}
.pernr51 li .img img{width:100%;display:block;}
.pernr52{width:80%;margin:0 auto;margin-top:2vw;position: relative;overflow:hidden;}
.pernr52 li{text-align:center;position: relative;z-index:99;cursor: pointer;border-radius:50%;border:4px solid #e3e3e3;}
.pernr52 li .img img{width:100%;display:block;border-radius:50%;}
.pernr52 li.on{border-color:#ea3443;}
.pxqyb{width:45.36%;}
.pxqen{width:100%;}
.pxqen img{width:100%;display:block;}
.pxqdet{margin-left:14.17%;}
.pxqdet .title{color:#333333;font-size:45px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:-3vw;}
.pxqdet .wz1{color:#f72b37;font-size:18px;margin:0.6vw 0 0.8vw;}
.pxqdet .wz2{color:#666666;font-size:16px;line-height:24px;}
.pxqdet .wz3{color:#333333;font-size:18px;line-height:36px;margin-top:1.5vw;}
.pxqdet .wz3 p{padding-left:53px;}
.pxqdet .wz3 p:nth-child(1){background:url("https://www.riderleads.com/template/default/images/e1.png") no-repeat left center;}
.pxqdet .wz3 p:nth-child(2){background:url("https://www.riderleads.com/template/default/images/e2.png") no-repeat left center;}
.pxqdet .wz3 p:nth-child(3){background:url("https://www.riderleads.com/template/default/images/e3.png") no-repeat left center;}
.pxlanj{margin-top:1.5vw;margin-left:0;}
.pxlanj .links{float:none;}
@media (max-width:1440px) {
.pxqzb{margin-left:15px;}
}
@media (max-width:1024px) {
.pxqzb{width:36%;}
.pxqdet{margin-left:5%;}
.pxqdet .title{font-size:38px;}
.pxqdet .wz1{font-size:16px;}
.pxqdet .wz2{font-size:14px;line-height:22px;}
.pxqdet .wz3{font-size:16px;line-height:30px;}
.pxqdet .wz3 p{padding-left:45px;}
}
@media (max-width:768px) {
.pxqbox1{padding:4vw 0;}
.pxqzb{width:36%;}
.pxqdet{margin-left:5%;}
.pxqdet .title{font-size:25px;}
.pxqdet .wz1{font-size:16px;}
.pxqdet .wz2{font-size:14px;line-height:22px;}
.pxqdet .wz3{font-size:16px;line-height:30px;}
.pxqdet .wz3 p{padding-left:0;}
.pxqdet .wz3 p:nth-child(1){background:none;}
.pxqdet .wz3 p:nth-child(2){background:none;}
.pxqdet .wz3 p:nth-child(3){background:none;}
.n_banner{padding-top:60px;}
}
@media (max-width:428px) {
.pxqbox1{padding:6vw 0;}
.pxqzb{width:100%;margin-left:0;}
.pxqyb{width:100%;margin-top:25px;}
.pernr52{margin-top:20px;}
.pxqdet .title{font-size:20px;}
.pxqen{display:none;}
.pxqdet .title{margin-top:0;}
.pxqdet .wz1{margin:8px 0;}
.pxqdet .wz3{font-size:16px;line-height:25px;margin-top:15px;}
.pxlanj{margin-top:15px;}
}
/*内页产品列表页*/
.xypg-left-con2{margin-bottom:3%;position:relative;margin-top:-55px;}
.xypg-left-con2 .xypg-left-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
/*justify-content: center;*/background:rgba(0,0,0,.36);margin:0 auto;
}
.xypg-left-con2 .xypg-left-nav>li {width:16%;
position: initial;text-align:center;border: none;
}
.xypg-left-con2 .xypg-left-nav > li:last-child {
border: none;
}
.xypg-left-con2 .xypg-left-nav>li>a {
display: block;
font-size:24px;
line-height: 55px;
color: #fff;padding:0;
}
.xypg-left-con2 .xypg-left-nav>li .xypg-left-subnav{
display: block;
position: absolute;
width: 100%;
left: 0;
right: 0;
background: #f7f7f7;
z-index: 99;
padding: 10px;
}
.xypg-left-con2 .xypg-left-nav>li:hover>a,
.xypg-left-con2 .xypg-left-nav>li.clicked>a {
color: #fff;background:#e40013;
}
.xypg-left-con2 .xypg-left-nav > li .first-nav-btn{display: none;}
/**/
.xypg-left-nav2{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
margin-top:50px;
}
.xypg-left-nav2 li{
width: 16%;position:relative;
}
.xypg-left-nav2 li+li:before{width: 1px;height:22px;background: #aeafaf;position: absolute;left:0;top: 50%;transform: translateY(-50%);content: "";}
.xypg-left-nav2 li.clicked>a{
color: #fff;
background: #dd000b;
}
.xypg-left-nav2 li.clicked>a:after{content: "";position: absolute;width: 0;height: 0;border-left:8px solid transparent;border-bottom:14px solid #dd000b;border-right: 8px solid transparent;left:50%;transform:translateX(-50%);top:-14px;}
.xypg-left-nav2 li a{
display: block;
font-size:20px;
line-height: 60px;
text-align: center;
color: #333333;position:relative;
}
.xypg-left-nav2 li:hover{
/*background: #dd000b;*/
}
.xypg-left-nav2 li:hover a{
color: #fff;
background: #dd000b;
}
.xypg-left-nav4{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
margin-top:50px;
}
.xypg-left-nav4 li{
width: 16%;
}
.xypg-left-nav4 li a{
display: block;
font-size:16px;
line-height: 40px;
text-align: center;
color: #333333;
}
.xypg-left-nav4 li.clicked>a{
color: #e40013;
}
.xypg-left-nav4 li:hover{
/*background: #dd000b;*/
}
.xypg-left-nav4 li:hover a{
color: #e40013;
}
@media(max-width:1024px){
.xypg-left-nav2 li a{font-size:16px;}
.xypg-left-nav4 li a{font-size:14px;}
}
@media(max-width:780px){
.xypg-left-con2{margin-top:-60px;}
.xypg-left-con2 .xypg-left-nav>li{
width:28%;
}
.xypg-left-con2 .xypg-left-nav>li>a{font-size:20px;line-height:60px;}
.xypg-left-nav2{margin-top:30px;/*overflow-x: auto;display: flex;flex-wrap: unset;*/}
.xypg-left-nav2 li{width:33%;}
.xypg-left-nav2 li.clicked>a:after{display:none;}
.xypg-left-nav2 li+li:before{display:none;}
.xypg-left-nav2 li a{
font-size:15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height:40px;
padding:0 5px;
}
.xypg-left-nav4{margin-top:20px;}
.xypg-left-nav4 li{
width:33%;
}
.xypg-left-nav4 li a{
font-size:13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height:30px;
padding:0 5px;
}
}
/*解决方案列表页*/
.an_banner{width:100%;position:relative;}
.an_banner img{width:100%;display:block;}
.an_banner .det{width:100%;position:absolute;left:0;top:52%;text-align:center;}
.an_banner .wz1{color:#fff;text-shadow: 0px 8px 6px rgba(0, 0, 0, 0.3);font-size:46px;font-weight:bold;}
.an_banner .wz2{color:#fff;font-size:18px;line-height:30px;margin:15px 0 10px;}
.pxlanj22{width:371px;margin:0 auto;}
.neycase1{}
.neycase1 li{width:49%;margin-bottom:2.5vw;}
.neycase1 li .img img{width:100%;display:block;}
.neycase1 li .nr{padding-bottom:28px;}
.neycase1 li .det{width:94%;margin:0 auto;padding:25px 0;border-bottom:1px solid #cccccc;}
.neycase1 li .wz{color:#333333;font-size:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:65%;}
.neycase1 li .clinks{width:25%;}
.neycase1 li:hover .nr{box-shadow:0 0 6px #ddd;}
.neycase1 li .clinks a {
line-height:50px;
text-align: center;
border-radius:30px;
border:1px solid #f72b37;
transition: all 0.3s;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
align-content: center;background:#fff;
}
.neycase1 li .clinks a span{
transition: all .5s;
position: relative;
z-index: 4;color:#f72b37;font-size:16px;display:inline-block;
}
.neycase1 li .clinks a i{display:inline-block;background:#f72b37;border:7px solid #fb959b;border-radius:50%;width:22px;height:22px;margin-left:7%;}
.neycase1 li:hover .clinks a{
border:1px solid #f72b37;box-shadow: inset 0 0 0 50px #f72b37;
}
.neycase1 li:hover .clinks a span{color: #fff;}
@media(max-width:1024px){
.an_banner .wz1{font-size:36px;}
.an_banner .wz2{font-size:14px;line-height:25px;}
.an_banner .det{top:33%;}
.xypg-left-con2 .xypg-left-nav>li>a{font-size:18px;}
.xypg-left-nav2{margin-top:50px;}
.neycase1 li .wz{font-size:20px;}
.neycase1 li .clinks{width:35%;}
.neycase1 li .clinks a{line-height:42px;}
}
@media(max-width:768px){
.an_banner .det{display:none;}
.xypg-left-con2 .xypg-left-nav>li>a{font-size:15px;}
.neycase1 li{border: 1px solid #cccccc;}
.neycase1 li .det{padding:15px 0 5px;}
.neycase1 li .nr{padding-bottom:0px;}
/*.neycase1 li .wz{width:100%;font-size:14px;}*/
.neycase1 li .clinks{width:62%;margin-top:10px;}
.neycase1 li .clinks a span{font-size:13px;}
}
@media(max-width:500px){
.xypg-left-con2 .xypg-left-nav{overflow-x: auto;}
.xypg-left-con2 .xypg-left-nav li{width:50%;}
.xypg-left-con2 .xypg-left-nav li a{padding:0 15px;}
.neycase1 li .wz{}
.neycase1 li .wz{font-size:15px;width:100%;}
.neycase1 li .clinks a{line-height:26px;}
.neycase1 li .clinks a i{width:18px;height:18px;}
}
@media(max-width:428px){
.xypg-left-con2{margin-top:-36px;}
.xypg-left-con2 .xypg-left-nav>li>a{font-size:18px;line-height:36px;}
.xypg-left-nav2 li{width:50%;}
.xypg-left-nav4 li{width:50%;}
.xypg-left-nav2{margin-top:22px;}
.xypg-left-nav2 li a{line-height:30px;}
.xypg-left-nav4{margin-top:5px;}
.xypg-left-nav4 li a{line-height:25px;}
}
/*解决方案详情页*/
.axqn_banner{width:100%;position:relative;}
.axqn_banner img{width:100%;display:block;}
.axqn_banner .det{width:100%;position:absolute;left:0;top:38%;}
.axqn_banner .wz1{color:#fff;font-size:50px;font-weight:bold;border-bottom:1px solid #fff;padding-bottom:0.8vw;margin-bottom:1.8vw;display:none;}
.axqn_banner .wz2{color:#fff;font-size:24px;}
.anxqlist1{position:relative;padding:4vw 0;}
.anxqlist1:before{content:"";width:50%;height:100%;background:#f8f8f8;position:absolute;display: block;left:0;top:0;z-index:1;}
.anxqlist1:after{content:"";width:50%;height:100%;background:#efefef;position:absolute;display: block;right:0;top:0;z-index:1;}
.anxqlist1 li{position:relative;z-index:999;}
.anxqlist1 li .img{width:40%;}
.anxqlist1 li .img img{width:100%;display:block;}
.anxqlist1 li .det{width:41.43%;}
.anxqlist1 li .wz{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333333;font-size:48px;}
.anxqlist1 li .wz2{overflow:hidden;color:#666666;font-size:18px;line-height:36px;margin:1.5vw 0 3vw;}
.pxlanj44{width:70%;margin-top:0;}
.anxqlist2{background:url("https://www.riderleads.com/template/default/images/bgc.jpg") no-repeat;background-size:100% 100%;padding:4vw 0 2.8vw;}
.cxqhztt .wz{color:#333333;font-size:2.5vw;border-bottom:1px solid #e40013;padding-bottom:2.2vw;margin-bottom:1.5vw;}
.cxqhztt .wz2{color:#666666;font-size:16px;}
.hezuoSwiper22{
overflow: hidden;
width: 100%;
margin-top:3.8vw;
}
.hezuoSwiper22 .swiper-slide .img1{
box-shadow: 0 0 10px #e9e6e6;
margin: 10px;
}
.hezuoSwiper22 .swiper-slide .img1 img{
width: 100%;display:block;
}
/*研发创新*/
.nyapp{width:100%;}
.nyapp img{width:100%;display:block;}
.ababc{width:60%;}
.qtwy_hexinyoushi_yanfachuangxin{background:url("https://www.riderleads.com/template/default/images/bgc2.jpg") no-repeat;background-size:cover;position: relative;padding:3vw 0 4vw;}
.qtwy_hexinyoushi_yanfachuangxin .kht-left{text-align:center;}
.qtwy-yanfachuangxin-swp{margin-top:4vw;}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .nav-swp .swiper-slide {
color: #666666;
font-size:16px;
padding-bottom: 10px;
cursor: pointer;
font-weight: bold;
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .nav-swp .swiper-slide span{
padding-bottom: 10px;
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .nav-swp .swiper-slide:hover span, .qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .nav-swp .swiper-slide-thumb-active span{
color: #e7222b;
border-bottom: 1px solid #e7222b;
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp {
position: relative;
background:url("https://www.riderleads.com/template/default/images/bcd.jpg") no-repeat;background-size:cover;
width:90% !important;
overflow: hidden;margin-top:3.2vw;
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-wrapper .swiper-slide {
width: 100% !important;
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-wrapper .swiper-slide .div {
padding:3vw 5vw 5vw 3vw;
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-wrapper .swiper-slide .div .title {
color: #333;
padding-bottom:2vw;
border-bottom: 1px solid #dadbdb;
margin-bottom:1.2vw;font-size:32px;
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-wrapper .swiper-slide .div .text {
font-size: 16px;
line-height: 2;
color: #666;
margin-bottom:3vw;
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-button-prev {
background-image: url("https://www.riderleads.com/template/default/images/img175.png");
background-size:100% 100%;
left: unset;
width:17px;
height:32px;
top: unset;
bottom:3vw;
right:6vw;
cursor: pointer;
}
@media (max-width: 768px) {
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-button-prev {
display: none;
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-wrapper .swiper-slide{
margin-right:0 !important;
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-wrapper .swiper-slide .div{
padding: 3vw 0vw 5vw 3vw;
}
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-button-next {
background-image: url("https://www.riderleads.com/template/default/images/img176.png");
background-size:100% 100%;
left: unset;
width:17px;
height:32px;
top: unset;
bottom:3vw;
right:2vw;
cursor: pointer;
}
@media (max-width: 768px) {
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-button-next {
display: none;
}
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-button-prev:after,
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-container-rtl .swiper-button-next:after,
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-button-next:after,
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-container-rtl .swiper-button-prev:after {
content: ' ';
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-button-prev:hover {
background-image: url("https://www.riderleads.com/template/default/images/img175_a.png");
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-button-next:hover {
background-image: url("https://www.riderleads.com/template/default/images/img176_a.png");
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-pagination {
left: unset;
right: 0.2rem;
bottom: 0.15rem;
width: auto;display:none;
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-pagination-bullet-active {
background: #e40013;
}
/*生产制造与技术品质体系*/
.qtwy_hexinyoushi_pinzhitixi{background:url("https://www.riderleads.com/template/default/images/bgc3.jpg") no-repeat;background-size:cover;position: relative;padding:3vw 0 4vw;}
.qtwy_hexinyoushi_pinzhitixi .hh_w .pinzhitixi_title .text_l{width:48%;}
.qtwy_hexinyoushi_pinzhitixi .hh_w .pinzhitixi_title .text_r{width: 52%;}
.qtwy_hexinyoushi_pinzhitixi .hh_w .pinzhitixi_title .text_r .div2{color:#666666;font-size:16px;line-height:24px;}
.cpxxx{width:52%;margin-top:3vw;}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .nav-swp .swiper-slide {
font-size:16px;
color:#666;
cursor: pointer;
font-weight: bold;
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .nav-swp .swiper-slide span{padding-bottom: 10px;}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .nav-swp .swiper-slide:hover, .qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .nav-swp .swiper-slide-thumb-active {
/* color: #e7222b;
border-bottom: 1px solid #e7222b;*/
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .nav-swp .swiper-slide:hover span, .qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .nav-swp .swiper-slide-thumb-active span{
color: #e7222b;
border-bottom: 1px solid #e7222b;
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 {
position: relative;
background:url("https://www.riderleads.com/template/default/images/bgcf.png") no-repeat;background-size:100% 100%;
width:100% !important;
overflow: hidden;margin-top:3.5vw;
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-wrapper .swiper-slide {
width: 100% !important;
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-wrapper .swiper-slide .div{
padding:3vw 5vw 5vw 3vw;
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-wrapper .swiper-slide .div .title {
color: #333;
padding-bottom:2vw;
border-bottom: 1px solid #dadbdb;
margin-bottom:1.2vw;font-size:32px;
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-wrapper .swiper-slide .div .title img{margin-right:0.8vw;}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-wrapper .swiper-slide .div .text {
font-size: 16px;
line-height: 2;
color: #666;
margin-bottom:3vw;
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-button-prev {
background-image: url("https://www.riderleads.com/template/default/images/img175.png");
background-size:100% 100%;
left: unset;
width:17px;
height:32px;
bottom: unset;
top:5vw;
right:6vw;
cursor: pointer;
}
@media (max-width: 768px) {
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-button-prev {
display: none;
}
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-button-next {
background-image: url("https://www.riderleads.com/template/default/images/img176.png");
background-size:100% 100%;
left: unset;
width:17px;
height:32px;
bottom: unset;
top:5vw;
right:2vw;
cursor: pointer;
}
@media (max-width: 768px) {
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-button-next {
display: none;
}
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-button-prev:after,
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-container-rtl .swiper-button-next:after,
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-button-next:after,
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-container-rtl .swiper-button-prev:after {
content: ' ';
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-button-prev:hover {
background-image: url("https://www.riderleads.com/template/default/images/img175_a.png");
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-button-next:hover {
background-image: url("https://www.riderleads.com/template/default/images/img176_a.png");
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-pagination {
left: unset;
right: 0.2rem;
bottom: 0.15rem;
width: auto;display:none;
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-pagination-bullet-active {
background: #e40013;
}
@media (max-width:1024px) {
.axqn_banner .wz1{font-size:36px;}
.axqn_banner .wz2{font-size:18px;}
.axqn_banner .det{top:33%;}
.anxqlist1 li .wz{font-size:32px;}
.anxqlist1 li .wz2{font-size:14px;line-height:25px;}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-wrapper .swiper-slide .div .title{font-size:22px;}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-wrapper .swiper-slide .div .title{font-size:22px;}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp .swiper-wrapper .swiper-slide .div .text{font-size:14px;line-height:2;}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .con-swp2 .swiper-wrapper .swiper-slide .div .text{font-size:14px;line-height:2;}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .nav-swp .swiper-slide:hover span, .qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .nav-swp .swiper-slide-thumb-active span{border:none;}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .nav-swp .swiper-slide:hover span, .qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .nav-swp .swiper-slide-thumb-active span{border:none;}
.cxqhztt .wz{font-size:24px;}
}
@media (max-width:768px) {
.axqn_banner .wz1{font-size:20px;}
.axqn_banner .wz2{font-size:14px;}
.axqn_banner .det{top:30%;}
.anxqlist1 li .wz{font-size:22px;}
.pxlanj44{width:100%;}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .nav-swp .swiper-slide{text-align:center;border: 1px solid #666;border-radius:5px;padding:10px 0;}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .nav-swp .swiper-slide:hover span, .qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .nav-swp .swiper-slide-thumb-active span{border-color:#e7222b;border:none;}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .nav-swp .swiper-slide:hover, .qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .nav-swp .swiper-slide-thumb-active {
border-color: #e7222b;
}
.qtwy_hexinyoushi_yanfachuangxin .qtwy-yanfachuangxin-swp .con-swp{width:100%!important;}
.qtwy_hexinyoushi_pinzhitixi .hh_w .pinzhitixi_title .text_l{width:100%;}
.qtwy_hexinyoushi_pinzhitixi .hh_w .pinzhitixi_title .text_r{width:100%;margin-top:10px;}
.qtwy_hexinyoushi_pinzhitixi .hh_w .pinzhitixi_title .text_r .div2{font-size:14px;line-height:25px;}
.cpxxx{width:100%;}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .nav-swp .swiper-slide{text-align:center;border: 1px solid #666;
border-radius: 5px;
padding: 10px 0;
font-size:14px;
}
.qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .nav-swp .swiper-slide:hover, .qtwy_hexinyoushi_pinzhitixi .qtwy-yanfachuangxin-swp2 .nav-swp .swiper-slide-thumb-active{border-color:#e7222b;}
.ababc{width:100%;}
}
@media (max-width:428px) {
.axqn_banner .det{display:none;}
.anxqlist1 li .det{width:100%;}
.anxqlist1 li .img{width:100%;margin-top:15px;}
.anxqlist1 li .wz{font-size:24px;}
}
/*.mao22{display: block;height:80px;margin-top: -80px;visibility: hidden;}
*/
.xypg-left-con6 .xypg-left-nav{
display: flex;
flex-wrap: wrap;
}
.xypg-left-con6 .xypg-left-nav>li{
width: 14%;
border: none;
text-align: center;
/* background: #52afe2; */
margin: 1%;
height: 50px;
border-radius: 10px;
}
.xypg-left-con6 .xypg-left-title{
display: none;
}
.xypg-left-con6 .xypg-left-con{
border: none;
}
.xypg-left-con6 .xypg-left-nav>li .first-nav-btn{
display: none;
}
.xypg-left-con6 .xypg-left-nav>li>a{
/* color: #fff; */
}
.xypg-left-con6 .xypg-left-nav>li:hover{
background: #f72b37;
border-radius: 30px;
box-shadow: 0 0 30px rgb(247 43 55 / 60%);
}
.xypg-left-con6 .xypg-left-nav>li:hover a{
color: #ffff; background: #f72b37;
border-radius: 30px;
box-shadow: 0 0 30px rgb(247 43 55 / 60%);
}
.xypg-left-con6 .xypg-left-nav>li.clicked a{
color: #ffff; background: #f72b37;
border-radius: 30px;
box-shadow: 0 0 30px rgb(247 43 55 / 60%);
}
.page-wrap-right{
width: 100%;
}
@media(max-width:992px){
.page-wrap-right>.xypg-left-box{
display: none;
}
}
/*.n_banner {overflow: hidden;position: relative;}*/
/*.n_banner .img{overflow: hidden;}*/
/*.n_banner .img img{animation: banner 10s linear infinite;display: block;width: 100%;}*/
/*@keyframes banner { 0%{transform: scale(1)}50%{transform: scale(1.1)}100%{transform: scale(1)} }*/
/*.an_banner {overflow: hidden;position: relative;}*/
/*.an_banner .img{overflow: hidden;}*/
/*.an_banner .img img{animation: banner 10s linear infinite;display: block;width: 100%;}*/
/*.qtwy_kehufuwu_banner{overflow: hidden;position: relative;}*/
/*.qtwy_kehufuwu_banner{overflow: hidden;}*/
/*.qtwy_kehufuwu_banner img{animation: banner 10s linear infinite;display: block;width: 100%;}*/
.n_banner {overflow: hidden;position: relative;}
.n_banner .img{overflow: hidden; }
.n_banner .img img{-webkit-animation: bgimgzoom2 20s 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
animation: bgimgzoom2 20s 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
width: 100%;
height: 100%;
object-fit: cover;}
.an_banner {overflow: hidden;position: relative;}
.an_banner .img{overflow: hidden; }
.an_banner .img img{-webkit-animation: bgimgzoom2 20s 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
animation: bgimgzoom2 20s 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
width: 100%;
height: 100%;
object-fit: cover;}
.x-banner {overflow: hidden;position: relative;}
.x-banner .swiper-slide{overflow: hidden; }
.x-banner img{-webkit-animation: bgimgzoom2 20s 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
animation: bgimgzoom2 20s 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
width: 100%;
height: 100%;
object-fit: cover;}
.axqn_banner{overflow: hidden;position: relative;}
.axqn_banner img{-webkit-animation: bgimgzoom2 20s 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
animation: bgimgzoom2 20s 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
width: 100%;
height: 100%;
object-fit: cover;}
@keyframes hideShow {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes bgimgzoom2 {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bgimgzoom2 {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes fadeUpAni {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
transform: translateY(-10px);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.subTitle {
margin:15px auto;
}
.subTitle .div1,
.subTitle .div2,
.subTitle .div3,
.subTitle .div4 {
width:20%;float:left;
}
.subTitle .div1,
.subTitle .div2,
.subTitle .div3,
.subTitle .div4 {
width:20%;float:left;
}
.subTitle .span1{color:#999;font-size:16px;}
.subTitle .span2{color:#666;font-size:16px;}
.zhaiyao {
padding:20px;
border: 1px solid #d6d6d6;margin-bottom:3vw;
}
.zhaiyao .div1 {
font-size: 16px;
color: #666;
font-weight: bold;
}
.zhaiyao .div2{
color: #666;
font-size: 16px;
line-height: 2;
word-break: break-all;
white-space: normal;margin-top:10px;
}
@media(max-width:1024px){
.subTitle .span1{font-size:14px;}
.subTitle .span2{font-size:14px;}
.zhaiyao .div1 {font-size: 14px;}
.zhaiyao .div2 {font-size: 14px;}
.news_detail h1.title{font-size:28px;}
}
@media(max-width:768px){
.subTitle .div1,
.subTitle .div2,
.subTitle .div3,
.subTitle .div4 {
width:48%;margin:5px 0;
}
.news_detail h1.title{font-size:20px;}
.subTitle{margin:5px 0;}
}
.bar{position:relative;}
.bar .mySwiper11u{overflow:hidden;}
.bar .swiper-slide img{width:100%;margin:0 auto;display:block;}
.bar .swiper-paginationxs{width:100%;text-align:center;left:0;right:0;position:absolute;bottom:15px;z-index:9999;}
.bar .swiper-pagination-bullet{width:8px;height:8px;margin:0 3px;display: inline-block;border-radius: 100%;background:#fff;opacity:1;cursor:pointer;}
.bar .swiper-pagination-bullet-active{background:#f72b37;opacity:1;}
@media(max-width:768px){
.bar{margin-top:60px;}
}