@charset "utf-8";
/*****section1*****/
#section1 { margin: 0 auto; position: relative; }
#section1 .arrow { width: 100%; position: absolute; bottom: 7.8rem; left: 0; cursor: pointer; z-index: 100; opacity: 1; animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; }
#section1 .arrow a { width: 124px; display: block; margin: 0 auto; }
#section1 .arrow a dt { width: 19px; height: 19px; background-image: url(../images/ioc3.png); background-repeat: no-repeat; background-size: 100%; display: block; margin: 0 auto; }
#section1 .arrow a dd { width: 100%; text-align: center; padding-top: 10px; color: #FFF; }
#section1 .arrow a:hover { animation-play-state: paused; -webkit-animation-play-state: paused; }
@keyframes arrow { %0, %100 {
 bottom:9rem;
 opacity: 1;
}
 50% {
 bottom:9rem;
 opacity: .5
}
}
 @-webkit-keyframes arrow { %0, %100 {
bottom:7.8rem;
 opacity: 1;
}
 50% {
 bottom:9rem;
 opacity: .5;
}
}
.promotion{ width:100%; position: relative; margin: 0 auto;  line-height: normal;}
/*****自主品牌*****/
.geshi3:nth-of-type(even){ background:#f4f4f4;}
.geshi3:nth-of-type(even) .geshi3_l{ width:52%; float:left;}
.geshi3:nth-of-type(even) .geshi3_r{ width:40%; float:right;}
.geshi3:nth-of-type(odd){ background:#fff;}
.geshi3:nth-of-type(odd) .geshi3_l{ width:52%; float:right;}
.geshi3:nth-of-type(odd) .geshi3_r{ width:40%; float:left;}
.geshi3 .mainc{ position:relative;}
.geshi3 .mainc .geshi3_r dl{ position:relative;}
.geshi3 .mainc .geshi3_r dl dt{ min-width:38%; max-width:44%;}
.geshi3 .mainc .geshi3_r dl dt img{ width:100%; display:block; float:left;}
.geshi3 .mainc .geshi3_r dl dd{ width:52%; vertical-align:middle; margin-left:4%; text-align:right;}
.geshi3 .mainc .mors1{ position:absolute; bottom:0; display:block; float:left; padding:0.75vw 1.5vw; background:#1095e1; color:#FFF;}
.geshi3:nth-of-type(even) .mors1{ right:0;}
.geshi3:nth-of-type(odd) .mors1{ left:0;}
.geshi3 .mainc:hover .mors1{ background:#ff9900;}
/*****PDI专供*****/
.geshi2{ background-repeat: no-repeat; background-position: bottom right; background-size: cover;}
.tia1{ background:url(../images/ioc4.png) no-repeat left center; padding-left:40px;}
.geshi2 .geshi2_bo span{ width:auto; display:block; float:left; padding:8px 1.5vw; background:#1095e1; color:#FFF; margin-right:1vw;}
.geshi2 .geshi2_bo span:last-child{ margin-right:0;}
.geshi2 .geshi2_bo span:hover{ background:#ff9900;}
/*****主机厂服务*****/
.geshi1{ position: relative;}
.geshi1 .pt70{ position:absolute; left:0; top:0; z-index:10;}
.geshi1 .pt70 .mors1{ width:10vw; padding:12px 0; display:block; margin:0 auto; background:#ff9900; color:#FFF; text-align:center;}
.geshi1 .pt70 .mors1:hover{ background:#1095e1; color:#FFF;}







.yfsb_nr { line-height: 1.8; overflow: hidden; }
.ppzb_hz { width: 100%; margin: 20px auto 0 auto; padding: 0 20px; overflow: hidden; }
.ppzb_hz dl { width:21%; overflow: hidden; position: relative; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); box-shadow: 0 0 20px 10px rgba(29, 29, 29, 0.1); transition: ease all .3s; float: left; margin:20px 2%;}

.ppzb_hz dl dt { width: 100%; overflow: hidden; }
.ppzb_hz dl dt img { width: 100%; }
.ppzb_hz dl dd { width: 100%; text-align: center; position: absolute; bottom: 10%; z-index: 10; color: #aaaaaa; }
.ppzb_hz dl:hover{ -webkit-box-shadow:none; box-shadow:none; -webkit-transform:none; transform:none; box-shadow:none;}
.ppzb_hz dl:hover dd{ color:#d50e25;}
.ppzb_hz dl:hover a dd{ color:#d50e25;}
@media screen and (max-width: 1700px) and (min-width:1025px) {


}
@media screen and (max-width: 1024px) and (min-width: 0px) {

.ppzb_hz { width:100%; margin: 10px auto 0 auto; padding: 0 0; }
.ppzb_hz dl { width:46%; }
}
@media screen and (max-width: 420px) and (min-width: 0px) {


}
/*****section3*****/
.wszx { position: relative; margin: 0 auto; line-height: normal; }
..wszx .yfsb_nr { color: #FFF; }
.wszx .slideTxtBox { width: 100%; overflow: hidden; position: relative; margin-top: 40px; }
.wszx .slideTxtBox .hd { width: 100%; overflow: hidden; position: relative; background: url(../images/sni.png) repeat-x 10% center; }
.wszx .slideTxtBox .hd ul li { width: 20%; float: left; cursor: pointer; }
.wszx .slideTxtBox .hd ul li .shop_img { width: 42%; display: block; margin: 0 auto; overflow: hidden; }
.wszx .slideTxtBox .hd ul li .shop_img span { width: 43%; display: block; margin: 25% auto 0 auto; overflow: hidden; }
.wszx .slideTxtBox .hd ul li .shop_img i { display: none; }
.wszx .slideTxtBox .hd ul li p { width: 100%; text-align: center; padding-top: 16px; color: #FFF; overflow: hidden; display: block; }
.wszx .slideTxtBox .hd ul li.on .shop_img span { display: none; }
.wszx .slideTxtBox .hd ul li.on .shop_img i { width: 100%; overflow: hidden; display: block; }
.wszx .slideTxtBox .hd ul li.on p { display: none; }
.wszx .slideTxtBox .bd { width: 35%; margin: 60px auto 0 auto; }
.wszx .slideTxtBox .bd ul { width: 100%; zoom: 1; background: rgba(255,255,255,0.7); position: relative; overflow: hidden; float: left; }
.wszx .slideTxtBox .bd ul .shop_ewm { width: 34%; overflow: hidden; float: left; }
.wszx .slideTxtBox .bd ul .shop_txt { width: 57%; overflow: hidden; float: right; margin-right: 4.5%; padding-top: 8%; }
.wszx .slideTxtBox .bd ul .shop_txt .ewm_ioc { width: 100%; overflow: hidden; }
.wszx .slideTxtBox .bd ul .shop_txt .ewm_ioc i { width: 11%; overflow: hidden; display: block; }
.wszx .slideTxtBox .bd ul .shop_txt p { width: 100%; overflow: hidden; padding-top: 6%; display: block; }
.wszx .slideTxtBox .bd ul .shop_txt p span { font-weight: bolder; }
.wszx .slideTxtBox .bd ul .shop_txt .jdlj { width: 100%; overflow: hidden; padding-top: 10px; font-family: Arial; }
.wszx .slideTxtBox .bd ul .shop_txt .jdlj a { color: #d40e25; }
.wszx .slideTxtBox .bd ul .shop_txt .dj { width: 15.2%; overflow: hidden; position: absolute; left: 60%; bottom: 15%; z-index: 10; }
.wszx .slideTxtBox .bd ul ol { display: none; }
.wszx .slideTxtBox .awr { display: block; width: 3.2rem; height: 3.2rem; cursor: pointer; background: url(../images/awo.png) no-repeat center; border: 1px #FFF solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; bottom: 25%; }
.wszx .slideTxtBox .awr:hover { background: url(../images/awo_ed.png) no-repeat center #FFF; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.wszx .slideTxtBox .awr.prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 25%; }
.wszx .slideTxtBox .awr.prev:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.wszx .slideTxtBox .awr.next { right: 25%; }



.dzfw { width: 90%; overflow: hidden; margin: 40px auto 0 auto; }
.dzfw #owl-demo { width: 96%; margin-left: auto; margin-right: auto; position: relative; padding: 0 2%; }
.dzfw #owl-demo .item { width: 100%; }
.dzfw #owl-demo .item .ry_bh { width: 96%; margin: 0 auto; display: block; position: relative; }
.dzfw #owl-demo .item .ry_bh dt { width: 100%; overflow: hidden; }
.dzfw #owl-demo .item .ry_bh dd { width: 100%; overflow: hidden; background: rgba(0,0,0,0.4); text-align: center; padding: 20px 0; position: absolute; left: 0; bottom: 0; z-index: 5; }
.dzfw #owl-demo .item .ry_bh a dd { color: #FFF; }
.dzfw #owl-demo .owl-buttons div { position: absolute; top: 50%; width: 25px; height: 50px; text-indent: -9999px; z-index: 100; display: block; background: url(../images/awr.png) no-repeat; }
.dzfw #owl-demo .owl-buttons div:hover { background: url(../images/awr_ed.png) no-repeat; }
.dzfw #owl-demo .owl-buttons div.owl-prev { left: 0; }
.dzfw #owl-demo .owl-buttons div.owl-next { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.dzfw #owl-demo .owl-buttons div.owl-next:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

@media screen and (max-width: 1700px) and (min-width:1025px) {
.wszx .slideTxtBox { margin-top: 30px; }
.wszx .slideTxtBox .bd { width: 45%; margin: 40px auto 0 auto; }
.wszx .slideTxtBox .awr { bottom: 20%; }
.wszx .slideTxtBox .awr.prev { left: 15%; }
.wszx .slideTxtBox .awr.next { right: 15%; }


.dzfw { margin: 30px auto 0 auto; }
.dzfw #owl-demo { width: 92%; padding: 0 4%; }
.dzfw #owl-demo .item .ry_bh dd { padding: 10px 0; }
.dzfw #owl-demo .owl-buttons div { top: 30%; }
}
@media screen and (max-width: 1024px) and (min-width: 0px) {

/*****自主品牌*****/
.geshi3:nth-of-type(even) .geshi3_l{ width:100%; float:none;}
.geshi3:nth-of-type(even) .geshi3_r{ width:90%; float:none; padding:20px 0 0 0; margin-left:5%; margin-right:5%;}
.geshi3:nth-of-type(odd) .geshi3_l{ width:100%; float:none;}
.geshi3:nth-of-type(odd) .geshi3_r{ width:90%; float:none; padding:20px 0 0 0; margin-left:5%; margin-right:5%;}

.geshi3 .mainc .geshi3_r dl dt{ min-width:38%; max-width:44%;}
.geshi3 .mainc .geshi3_r dl dd{ width:52%; vertical-align:middle; margin-left:4%; text-align:right;}
.geshi3 .mainc .mors1{ position:inherit; bottom:inherit; display:block; float:left; padding:8px 20px; margin-top:10px;}
.geshi3:nth-of-type(even) .mors1{ right:inherit;}
.geshi3:nth-of-type(odd) .mors1{ left:inherit;}

/*****PDI专供*****/
.geshi2 .geshi2_bo span{ padding:8px 20px; margin-right:10px; margin-bottom:10px;}
/*****主机厂服务*****/
.geshi1{ position: relative;}
.geshi1 .pt70{ position:inherit; top:inherit; left:inherit;}
.geshi1 .pt70 .mors1{ width:200px;}


.padt100{ padding:60px 0;}




.wszx { padding: 50px 0; }
.wszx .slideTxtBox { margin-top: 25px; }
.wszx .slideTxtBox .hd ul li .shop_img { width: 80%; }
.wszx .slideTxtBox .bd { width: 45%; margin: 30px auto 0 auto; }
.wszx .slideTxtBox .awr { bottom: 20%; }
.wszx .slideTxtBox .awr.prev { left: 10%; }
.wszx .slideTxtBox .awr.next { right: 10%; }

.dzfw { width:95%; margin: 25px auto 0 auto; }
.dzfw #owl-demo { width: 100%; padding: 0 0 0 0; }
.dzfw #owl-demo .item .ry_bh dd { padding: 10px 0; }
.dzfw #owl-demo .owl-buttons div { display: none; }
.dzfw #owl-demo .item .ry_bh { width: 98%; }
.dzfw .owl-pagination { width: 100%; height: 16px; text-align: center; margin-top: 10px; display: block; }
.dzfw .owl-page { display: inline-block; width: 14px; height: 14px; margin: 0 5px; background: #e7e6e6; *display: inline;
*zoom: 1;
border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.dzfw .owl-pagination .active { background: #d50e25; }
}
@media screen and (max-width: 768px) and (min-width: 0px) {
.wszx .slideTxtBox .bd ul .shop_txt { padding-top: 3%; }
}
@media screen and (max-width: 420px) and (min-width: 0px) {
.wszx .slideTxtBox { padding-bottom: 4rem; }
.wszx .slideTxtBox .hd { display: none; }
.wszx .slideTxtBox .bd { width: 90%; margin: 30px auto 0 auto; }
.wszx .slideTxtBox .bd ul { width: calc(100% - 20px); padding: 10px; }
.wszx .slideTxtBox .bd ul ol { width: 40%; overflow: hidden; display: block; margin: 0 auto; }
.wszx .slideTxtBox .bd ul .shop_txt .dj { display: none; }
.wszx .slideTxtBox .awr { bottom: 0; }
.wszx .slideTxtBox .awr.prev { left: 20%; }
.wszx .slideTxtBox .awr.next { right: 20%; }
}
/*****section4*****/
.ppjm { position: relative; margin: 0 auto; padding: 6vw 0 0 0; line-height: normal; background: #FFF; }
.ppjm .jmys { width: 100%; overflow: hidden; padding: 3vw 0; margin-top: 3vw; color: #FFF; }
.ppjm .jmys a { color: #FFF; }
.ppjm .jmys .titm dt { border-left: 3px #FFF solid; }
.ppjm .jmys .jmys_bo { width: 53.5%; overflow: hidden; margin-top:5vw; position: relative; }
.ppjm .jmys .jmys_bo .jm_img { width:17.64%; overflow: hidden; display: block; }
.ppjm .jmys .jmys_bo .jm_img dl { width: 100%; overflow: hidden; position: relative; -m oz-transition: .5s ease-in;
-webkit-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; transition: all .5s; }
.ppjm .jmys .jmys_bo .jm_img dl dt { width: 100%; overflow: hidden; }
.ppjm .jmys .jmys_bo .jm_img dl dt span { width: 34%; display: block; position: absolute; left: 33%; top: 20%; z-index: 10; }
.ppjm .jmys .jmys_bo .jm_img dl dt i { display: none; }
.ppjm .jmys .jmys_bo .jm_img dl dt em { width: 100%; overflow: hidden; }
.ppjm .jmys .jmys_bo .jm_img dl dt ol { display: none; }
.ppjm .jmys .jmys_bo .jm_img dl dt po { width: 100%; overflow: hidden; }
.ppjm .jmys .jmys_bo .jm_img dl dd { width: 100%; overflow: hidden; display: block; position: absolute; left: 0; bottom: 20%; z-index: 10; text-align: center; }
.ppjm .jmys .jmys_bo .jm_img dl:hover dt span { display: none; }
.ppjm .jmys .jmys_bo .jm_img dl:hover dt i { width: 34%; display: block; position: absolute; left: 33%; top: 20%; z-index: 10; }
.ppjm .jmys .jmys_bo .jm_img dl:hover dt em { display: none; }
.ppjm .jmys .jmys_bo .jm_img dl:hover dt po{ display: none;}
.ppjm .jmys .jmys_bo .jm_img dl:hover dt ol { width: 100%; overflow: hidden; display: block; }
.ppjm .jmys .jmys_bo .jm_img dl:hover dd { color: #d40e25; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(1) { position: absolute; left: 0; top: 0; z-index: 10; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(1) dl em { display: block; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(1) dl po { display: none; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(2) { position: absolute; left: 16.4%; top: 0; z-index: 9; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(2) dl em { display: none; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(2) dl po { display: block; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(3) { position: absolute; left: 32.9%; top: 0; z-index: 8; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(3) dl em { display: none; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(3) dl po { display: block; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(4) { position: absolute; left: 49.4%; top: 0; z-index: 7; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(4) dl em { display: none; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(4) dl po { display: block; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(5) { position: absolute; left: 65.8%; top: 0; z-index: 6; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(5) dl em { display: none; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(5) dl po { display: block; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(6) { float: right; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(6) dl em { display: none; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(6) dl po { display: block; }
@media screen and (max-width: 1024px) and (min-width: 0px) {
.ppjm { padding: 50px 0; }
.ppjm .jmys { padding: 20px 0; margin-top: 30px;}
.ppjm .jmys .jmys_bo { width:80%; margin: 40px 0 0 0;}
}
@media screen and (max-width: 768px) and (min-width: 0px) {
.ppjm .jmys .jmys_bo { width:100%;}
}
@media screen and (max-width: 420px) and (min-width: 0px) {
.ppjm .jmys .jmys_bo .jm_img { width:31.33%; margin:0 1% 20px 1%; float:left;}
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(1) { position:inherit; left: 0; top: 0; z-index: 10; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(1) dl em { display: block; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(1) dl po { display: none; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(2) { position: inherit; left: 0; top: 0; z-index: 9; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(2) dl em { display: block; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(2) dl po { display: none; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(3) { position: inherit; left: 0; top: 0; z-index: 8; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(3) dl em { display: block; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(3) dl po { display: none; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(4) { position: inherit; left: 0; top: 0; z-index: 7; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(4) dl em { display: block; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(4) dl po { display: none; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(5) { position: inherit; left: 0; top: 0; z-index: 6; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(5) dl em { display: block; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(5) dl po { display: none; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(6) { float: left; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(6) dl em { display: block; }
.ppjm .jmys .jmys_bo .jm_img:nth-of-type(6) dl po { display: none; }
}

/*****section5*****/
.jmqqt { position: relative; margin: 0 auto; padding: 6vw 0; line-height: normal;}
.jmqqt .jmyq_nr{ line-height:1.8;}

@media screen and (max-width: 1024px) and (min-width: 0px) {
.jmqqt { padding: 50px 0; }
}