body{line-height: 1}
#header .logo img.default{display: block !important}
#header .logo img.special{display: none !important}
.appIn{width: 1200px;margin: 0 auto;height: auto}
.pc{display: block;}
.phe{display: none}
@media(max-width: 1100px){
.appIn{width: 92%;}
.phe{display: block}
.pc{display: none}
body{background: #CCEBFF;}
#header.self_adaption{ top: 8rem;background: #fff}
#header .logo img.default{display: none !important}
#header .logo img.special{display: block !important}
}
#main{ width: 100%; height: auto; min-height: 1000px; float: left;margin-top: 8rem}
#maintop{ width: 100%; height: auto; float: left;position: fixed;top: 0;left: 0;z-index: 1}
#maintop img{width: 100%;height: auto}
#mainN1{ width: 100%; height: auto; float: left;display: block;margin-bottom: 30px;}
#mainN1 img{ width: 100%; height: 74rem; object-fit: cover;}
@media(max-width: 1100px) {
#mainN1{margin-bottom: 0;position: relative; margin-top: 8rem;}
#mainN1 img{height: auto}
}
#mainN2{ width: 100%; height: auto; float: left;margin-bottom: 30px;display: block}
#wapmainN2{display: none}
#mainN2 .mainN2T{ width: 100%; height: auto; float: left;font-size: 42px;text-align: center;position: relative;margin-bottom: 20px;color: #117CFF}
#mainN2 .mainN2T i{display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#mainN2 .mainN2T i img{max-width: 100%;}
#mainN2 .mainN2M{ width: 100%; height: auto; float: left;text-align: center}
#mainN2 .mainN2M ul{ width:auto; height: auto; display: flex; display:-webkit-flex;align-items: inherit;flex-wrap: wrap; margin: 0 auto;}
#mainN2 .mainN2M li{ width: 20%; height: 25px; float: left;background: #D7EFFF;line-height: 25px;border-radius: 12.5px;font-size: 12px;color: #333333;margin-right: 13.5px;margin-bottom: 10px;}
#mainN2 .mainN2M li i{font-size:12px;width: 25px;height: 25px;display: inline-block;background: linear-gradient(135deg,#cefaff 0%, #48abff 100%);border-radius: 50%;text-align: center;margin-right: 8.5px;color: #fff}
@media(max-width: 1100px){
#mainN2{display: none}
#wapmainN2{padding-bottom: 3rem;margin-top: -2rem; width: 100%; height: auto; float: left;display: block;background: url("../images/wapmainN2_bg.png") no-repeat center top;background-size: 100% 100%;}
#wapmainN2 .wapmainN2In{width:calc(100% - 5rem);height:auto;float: left;background: #4AA5FD;margin: 3rem 2.5rem 0 2.5rem; padding-bottom: 2rem;border-radius: 0.7rem}
#wapmainN2 .wapmainN2InT{width: 100%;height: auto;float: left;text-align: center; margin-top: 1rem;margin-bottom: 1rem}
#wapmainN2 .wapmainN2InT span{background: url("../images/wapmainN2InT.png") no-repeat center center;background-size: 100%;display: block; width: 60%; margin: 0 auto; font-size: 2rem;color: #fff}
#wapmainN2 .wapmainN2InM{width:calc(100% - 3rem);height: auto;float: left;margin: 0 1.5rem}
#wapmainN2 .wapmainN2InM ul{width: 100%;height: auto;float: left}
#wapmainN2 .wapmainN2InM ul li{width: 100%;height: auto;float: left;display: flex;align-items: center;background: #fff;border-radius: 0.3rem;margin-bottom: 0.5rem}
#wapmainN2 .wapmainN2InM ul li:last-child{margin-bottom: 0}
#wapmainN2 .wapmainN2InM ul li b{background: url("../images/wapmainN2InM.png") no-repeat center center;background-size:100% 100%;padding: 1rem 1.7rem;margin-right: 1rem;font-size: 1.6rem;color: #fff;}
#wapmainN2 .wapmainN2InM ul li span{font-size: 1.4rem}
}
.public{ width: 100%; height:auto; float: left;margin-bottom: 30px;background: url("../images/mainN3_bg.png") no-repeat center center;background-size: 100% 100%;padding-bottom: 61px;}
.public .mainN3In{padding-bottom:22px;width: 1200px;height: auto;margin:40px auto 0 auto;background: url("../images/mainN3In_bg.png")no-repeat center top;background-size: 100% 100%;overflow: hidden}
.public .mainN3T{width: 100%;height:auto;float: left;}
.public .mainN3TN1{width: auto;height: auto;float: left;}
.public .mainN3TN1 img{width: 100%;height: 100%; margin-left: 16px;}
.public .mainN3TN2{width: auto;height: auto;float: right;color: #107BFF;font-size: 26px;margin-right: 26px; margin-top: 10px;font-weight: 700}
.public .mainN3T span{font-size: 23px;color: #fff}
.public .mainN3M{ width: calc(100% - 20px); height: auto; float: left; margin-left: 10px; position: relative; top: -30px;margin-top: 15px;display: flex;align-items: inherit;display:-webkit-flex;}
.public .mainN3M .mainN3ML{width: 400px;height: auto;float: left;margin-left: 25px;margin-right: 17.5px;}
.public .mainN3M .mainN3ML img{width: 100%;height: 100%}
.public .mainN3M .mainN3MR{width: auto;height: auto;float: left;flex: 1;margin-right: 25.5px;}
.public .mainN3M .mainN3MRT{width: auto;height: auto;float: left;font-size: 15px;line-height: 24px;margin-bottom: 57.8px;}
.public .mainN3M .mainN3MRM{width: 100%;height: auto;float: left}
.public .mainN3M .mainN3MRM ul{width: 100%;height: auto;float: left;display: flex;align-items: inherit;display:-webkit-flex;}
.public .mainN3M .mainN3MRM li{line-height:30px;width: 100%;height: 88px;float: left;background: #48B6FF;color: #fff;font-size: 20px;text-align: center;display: flex; align-items: center; justify-content: center;display:-webkit-flex;margin-right: 10px;border-radius: 5px;}
.public .mainN3M .mainN3MRM li:last-child{margin-right: 0}
.public .mainN3B{width: 100%;height: auto;float: left;margin-top: 25px;}
.public .mainN3BT{width: 100%;height: auto;float: left;text-align: center;font-size: 23px;color: #222222;margin-bottom: 16px;position: relative;padding-bottom: 15px;}
.public .mainN3BT:after{content: '';width: 314px;height: 8px;background:url("../images/mainN3BT_ico.png") no-repeat center center;background-size: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.public .mainN3BT i{color: #117CFF}
.public .mainN3BM{width: 100%;height: auto;float: left;}
.public .mainN3BMIn{width: 960px;height: auto;margin: 0 auto;display: flex;align-items: center}
.public .mainN3BMInL{width: 100%;height: auto;float: left;display: flex;align-items: center;flex: 1;margin-right: 20.5px;}
.public .mainN3BM .van-cell{width:100%;padding: 10px 0 10px 16px;border-radius: 24px;border: 1px solid #DCDCDC}
.public .mainN3BMN1{width:100%;height: auto;float: left;margin-right: 10px;}
.public .mainN3BMN2{width:100%;height: auto;float: left;}
.public .mainN3BMInR{width: 160px;height: auto;float: left;display: flex;align-items: center;}
.public .mainN3BMN3{width: 100%;height: auto;float: left;background: linear-gradient(rgba(242,142,38,1.00) 0%, #fd644f 100%);color: #fff;font-size: 14px;text-align: center;padding: 15px 0;border-radius: 24px;}
@media(max-width: 1100px) {
.public .mainN3In{margin: 2.5rem auto 0 auto;width: 100%; background: url(../images/wapmainN3In_bg.png)no-repeat center top; background-size: 100% 100%;padding-bottom: 1.85rem}
.public .mainN3TN1{width: 24.5rem;}
.public .mainN3TN1 img{margin-left: 1rem; object-fit: contain;height: auto}
.public .mainN3M{flex-wrap: wrap;top:-1rem; width: calc(100% - 5rem); margin: 0 2.5rem;}
.public .mainN3M .mainN3ML{width:100%;margin: 0;height: 14rem}
.public .mainN3T{display: flex;display:-webkit-flex;align-items: flex-start }
.public .mainN3M .mainN3MR{width:100%;margin: 0 }
.public .mainN3M .mainN3MRT{font-size: 1.2rem;line-height: 1.8rem;margin: 1.35rem 0 1.5rem 0;width: 100%;}
.public .mainN3M .mainN3MRM ul{flex-wrap: wrap}
.public .mainN3M .mainN3MRM li{height:6rem;width:calc(53% - 1.5rem);font-size: 1.6rem;margin-right: 1rem;border-radius:0.5rem;margin-bottom: 1rem;line-height: 2rem;font-weight: 700}
.public .mainN3M .mainN3MRM li:nth-of-type(2n){margin-right: 0}
.public .mainN3BMIn{width: 92%;flex-wrap: wrap}
.public .mainN3BMInR{width: 100%;}
.public .mainN3BMInL{width:100%;margin: 0 ;flex-wrap: wrap;margin-bottom: 2rem}
.public .mainN3BMN1{margin-right: 0;margin-bottom: 1rem}
.public .mainN3BM .van-cell{padding: 1rem 0 1rem 2.6rem;border-radius: 2rem;line-height: 1;font-size: 1.5rem}
.public .mainN3BMN3{font-size: 1.8rem;padding: 1.1rem 0 1.2rem 0}
.public .mainN3TN2{ font-size: 1.6rem; margin: 0; margin-right: 2.5rem; margin-top: 0.6rem; margin-left: 1rem;}
.public .mainN3BT{font-size: 2.3rem;margin-bottom: 1.9rem}
.public .mainN3B{margin-top: 0.6rem}
}
#mainN3.public{margin-bottom: 0}
@media(max-width: 1100px) {
#mainN3.public{background: transparent}
#mainN3.public .mainN3TN1 img{width: 16.5rem}
}
#mainN4.public .mainN3M .mainN3MRM ul{flex-wrap: wrap}
#mainN4.public .mainN3M .mainN3MRM li{width: 31.8%;margin-bottom: 10px;height: auto;padding: 14px 0;}
#mainN4.public{background: url("../images/mainN4_bg.png") no-repeat center top;background-size: 100% 100%;margin-top: -37px;}
#mainN4.public .mainN3In{margin-top: 60px;}
@media(max-width: 1100px) {
#mainN4.public {
background: url(../images/wapmainN4_bg.png) no-repeat center top;
background-size: 100% 100%;
margin-top: -2rem;
margin-bottom: 0;
padding-bottom: 2.45rem;
}
#mainN4.public .mainN3In{margin-top: 3.5rem;}
/*.public .mainN3T*/
#mainN4.public .mainN3TN1{width: auto;flex: 1;height: 6rem}
#mainN4.public .mainN3M .mainN3MRM li{width: calc(51.5% - 1rem);margin-right: 1rem;padding: 1rem 0;font-size: 1.6rem}
#mainN4.public .mainN3M .mainN3MRM li:nth-of-type(2n){margin-right: 0}
/*.public .mainN3TN2*/
}
#mainN5.public{margin-bottom: 0}
@media(max-width: 1100px) {
#mainN5.public .mainN3M .mainN3MRM li{width: 100%;margin-right: 0;padding: 1rem 0;height: auto}
}
#mainN6{width: 100%;height: auto;float: left; margin-top: -38px;}
#mainN6 img{width: 100%;}
@media(max-width: 1100px) {
}
.mask{width:100%;height: 100%;float: left;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.7)}
#mainN7{width:100%;height: 100%;float: left;position: fixed;top: 0;left: 0;}
#mainN7 .mainN7In{width: 310px;height:auto;background: #fff;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);padding-bottom: 2.1rem;border-radius: 5px;}
#mainN7 .mainN7InT{width: 100%;height: auto;float: left;text-align: center;font-size: 1.6rem;color: #333333;margin-top: 19px;margin-bottom: 13px;}
#mainN7 .mainN7InM{width:calc(100% - 40px);height: auto;float: left;margin: 0 20px 0 20px;background: #F1F7FD;padding: 1.5rem 0;font-size: 1.3rem;display: flex;align-items: center;display:-webkit-flex;margin-bottom: 5px;}
#mainN7 .mainN7InM span{flex: 1;margin-left: 10px;display: inline-block}
#mainN7 .mainN7InM span i{font-size: 1.8rem;color: #117CFF}
#mainN7 .mainN7InM b{padding: 5px 18px;background: #117CFF;color: #fff;border-radius: 14px;margin-right: 10px;display: inline-block}
#mainN7 .mainN7InB{width:calc(100% - 40px);height: 130px;float: left;margin: 0 20px 0 20px;border-radius: 5px;}
#mainN7 .mainN7InB img{width: 100%;}
#mainN7 .mainN7Infloat{position: absolute; top: 10px; right: 10px; text-align: center;}
#mainN7 .mainN7Infloat img{width: 70%;}国产日产欧美最新