article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

::-webkit-scrollbar {
 width: 10px;
 height: 10px;
 overflow: auto
}

::-webkit-scrollbar-thumb {
 background-color: #d9d9d9;
 min-height: 25px;
 min-width: 25px;
 border: 1px solid #e0e0e0;
 border-radius: 10em;
}

::-webkit-scrollbar-track {
 background-color: #f7f7f7;
 border: 1px solid #efefef
}
body {
    line-height: 1;
    position: relative;
    left: 0;
    letter-spacing: 1px
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    font-size: 100%;
    border: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-weight: 400;
}
img {
    width: 100%;
}
a {
    color: inherit;
    text-decoration: none;
    color: #6b6b6b;
    cursor: pointer;
}
a:hover {
    color: #bf0e1e;
}
a, button {
    transition: all .7s ease;
}
a:hover, button:hover {
    -webkit-filter: brightness(1.15);
    filter: brightness(1.15);
}
:hover {
    transition: all 0.2s
}
a:focus {
    text-decoration: none;
    outline: none;
}
ul, ol, li {
    margin: 0;
    list-style-type: none;
}
body, button, input, select, textarea {
    font-family: tahoma, Microsoft YaHei, arial, Hiragino Sans GB, sans-serif;
    /* font-size: 14px;*/
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    color: #6b6b6b;
    border: 0;
    outline: none;
    -webkit-text-size-adjust: none;
    /* -webkit-appearance: none;*/
    background: #fff;
}
input, textarea {
/*  -webkit-appearance: none;*/
}
 a:focus, a:active, button::-moz-focus-inner, input[type='reset']::-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='submit']::-moz-focus-inner, select::-moz-focus-inner, input[type='file']>input[type='button']::-moz-focus-inner {
 border: 0;
 outline: 0;
}
a:hover, button:hover {
    -webkit-filter: brightness(1.15);
    filter: brightness(1.15);
    transition: all 1s ease;
}
label {
    font-weight: normal;
    margin-bottom: 0;
}
img {
    vertical-align: middle;
}
b {
    font-weight: 600;
}
header {
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}
body {
 --red: #c7464d;
 --orange:#ffaf91;
--gary:#919191;
 --lightgary:#f3f3f3;
 --darkorange:#ff5000;
 --greyShadow: rgba(114, 130, 138, 0.2);
 --grayShadow: rgba(114, 130, 138, 0.2);
 --blackShadow: rgba(26, 26, 26, 0.2);
    /* 边 */
    --borbottom: #f1f1f1 solid 1px;
	/* font-size */
	
 --sx:12px;
 --xs:14px;
 --sm:16px;
 --ms:19px;
 --df:26px;
 --lg:30px;
 --xl:42px;
 --xxl:60px;
 --sl:72px;
 --xsl:120px;
}
body, html, .w, section, header {
    min-width: 1080px;
}
.show {
    display: block!important;
}
.hide {
    display: none!important
}
.flex {
    display: flex;
}
.wrap {
    flex-wrap: wrap;
}
.flex-items {
    display: flex;
    align-items: center;
}
.flex-between {
    display: flex;
    justify-content: space-between
}
.flex-all {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end
}
.flex-sub {
    flex: 1
}
.wm {
}
.w {
    padding-left: 160px;
    padding-right: 160px;
}
.flex {
    display: flex;
    align-items: center
}
.flex-sub {
    flex: 1
}
.radio input[type="radio"], .radio input[type="checkbox"] {
    opacity: 0;
}
.radio input[type="radio"], .radio label, .radio input[type="checkbox"] {
    width: 100% !important;
    height: 100% !important;
}
.radio label {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 1px solid #999;
    background: #fff
}
.radio input:checked+label {
    background-color: var(--red);
    border: 1px solid var(--red);
}
.radio input:checked+label::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 10px;
    top: 50%;
    left: 50%;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg) translate(-120%, -25%)
}
.radio {
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: 8px;
    margin-left: 8px;
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: text-bottom;
}
.nav li{
    float: left;
}
.nav a {
    display: inline-block;
    font-size: 22px;
    margin: 0 2.2rem;
    letter-spacing: 3px;
    line-height: 2;
}
/*.nav a {*/
    /*display: inline-block;*/
    /*font-size: 22px;*/
    /*margin: 0 2.2rem;*/
    /*letter-spacing: 3px;*/
    /*line-height: 2;*/
/*}*/
.product_con_box{
    width: 100%;
    height: auto;
}
.logo {
    margin-right: 5rem;
    padding: 2rem 0 1rem 0
}
.ologo{
    padding: 1rem;
}
.ologo img{
    width: 300px;
}
.logo img {
    width: 300px
}
.header-right {
    display: flex;
    align-items: center;
}
.header-right a {
    display: inline-block;
    margin: 0 0.6rem;
    font-size: 20px;
}
.header-right i {
    font-size: 160%
}
.bannerx{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.bannerx img{
    width: 100%;
    height: auto;
}
.space200{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.login-bg {
    background: url("../images/login-bg.jpg") no-repeat center;
    background-size: 100% 100%;
    padding: 4% 0
}
.login-content {
    padding: 1rem;
    box-shadow: rgba(0,0,0,0.4) 0 6px 8px;
    width: 1060px;
    margin: 0 auto;
    background: #fff;
    border-radius: 6px
}
.lo-txt {
    text-align: right
}
.lo-txt a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5rem;
    font-size: 13px
}
.lo-img {
    text-align: center;
    margin: 3% 0 5% 0
}
.lo-img img {
    width: 32%;
    margin: 0 auto;
}
.login-content .tabs, .login-content .tabcontent {
    width: 50%;
    margin: 0 auto
}
.login-content .tabcontent {
    margin: 1rem auto 9% auto
}
.login-content .tabs {
    display: flex;
    align-items: flex-start;
}
.login-content .tabs span {
    font-size: var(--ms);
    margin-right: 2rem;
    line-height: 1;
    text-align-last: center;
}
.login-content .tabs .current {
    color: #bd0617;
}
.login-content .tabs .current::after {
    content: "";
    display: block;
    height: 0.24rem;
    border-radius: 10rem;
    background: #bd0617;
    width: 100%;
    margin-top: 0.6rem
}
.input {
    width: 100%;
    padding: 0 2rem;
    background: #f5f5f5;
}
.login-content .input {
    line-height: 3.6;
    font-size: var(--ms);
    flex: 1;
    height: 86px;
}
.input:focus {
    background: #fcf2f3;
    color: var(--red)
}
.input:focus::-webkit-input-placeholder {
color:var(--red)
}
.login-content .btn {
    background: var(--orange);
    color: #fff;
    border-radius: 6px;
    width: 100%;
    line-height: 3.6;
    line-height: 3.8;
    font-size: 145%;
    cursor: pointer;
    margin-top: 1rem
}
.login-content .btn:hover {
    background: var(--darkorange);
    color: #fff
}
.inser {
    padding: 1rem 0 1rem 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.inser>p {
    margin-top: 1rem;
    color: var(--red);
    margin-left: 2rem;
    width: 100%
}
.forget {
    margin-top: 2rem
}
.forget a {
    color: #aaaaaa
}
.forget .f-txt {
    color: var(--darkorange);
}
.forget a:hover {
    color: #bf0e1e
}
.forget .iconfont {
    font-size: 180%;
    color: #50b674;
    vertical-align: text-top;
    margin: -0.5rem 0 0 .8rem;
    display: inline-block;
}
.choose-nums {
    height: 86px;
    width: 110px;
    background: #f5f5f5;
    padding: 1rem 1.3rem 1rem 1rem;
    text-align: left;
    position: relative;
    border-right: rgba(0,0,0,0.05) solid 1px;
}
.country>span {
    padding: 0.5rem 0;
    display: block;
    position: relative
}
.country>span::after {
    content: "";
    position: absolute;
    border-top: #999 solid 2px;
    border-right: #999 solid 2px;
    width: 0.3rem;
    height: 0.3rem;
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
    right: 0;
}
.country .c-nums {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    box-shadow: rgba(0,0,0,0.2) 0 0 1rem;
    left: 0;
    border-radius: 4px;
    overflow-y: auto;
    min-height: 20rem;
    text-align: center;
    line-height: 2.3;
    cursor: pointer
}
.country .c-nums dd:nth-child(even) {
    background: rgba(0,0,0,0.04)
}
.dx {
    padding: 0 2rem;
    height: 86px;
    background: #f5f5f5;
    color: var(--orange);
    cursor: pointer
}
.dx:hover {
    color: var(--darkorange)
}
.xy {
    text-align: center;
    color: #aaa;
    margin-top: 7%
}
.xy a {
    display: inline-block;
    margin: 0 2%
}
.footer {
    padding-top: 4%;
    padding-bottom: 4%;
    align-items: flex-start;
    flex-wrap: wrap;
}
.footer-content {
    padding-right: 10%
}
.footer h1 {
    font-weight: blod;
    margin-bottom: 1rem
}
.footer-content p, .footer-content a {
    line-height: 2.5;
    font-weight: 100;
    display: block
}
.footer-link {
    padding-left: 8%
}
.footer-link a {
    font-size: var(--xl);
    color: #adbbc9;
    margin: 0 2rem 0 0
}
.footer-link a:hover {
    color: var(--red)
}
.footer-logo {
    background: #000;
    text-align: center;
    padding: 2rem 0
}
.footer-logo img {
    display: inline-block;
    width: auto
}
.alink {
    border-top: #ddd solid 1px;
    padding-top: 2%;
    padding-bottom: 2%;
}
.alink>a {
    margin-right: 5%
}
.alink>div {
    margin-top: 1rem
}
.alink>div a {
    padding: 0 0.5rem;
}
.alink>div i {
    font-size: var(--ms);
    vertical-align: text-top;
    margin: -0.4rem 0 0 0.5rem;
    display: inline-block
}
.alink>div p:last-child {
}
.car-btn {
}
.addcar {
    padding-top: 6%;
    padding-bottom: 6%
}
.add-icon {
    width: 12rem;
    text-align: center
}
.add-icon i {
    font-size: 700%;
    color: #83c44e;
    ;
    display: block
}
.addcar-txt h1 {
    font-size: var(--df);
    font-weight: 500;
}
.addcar-txt p {
    font-size: var(--ms);
    margin-top: 1rem;
    font-weight: 100
}
.car-btn a, .carbtn {
    display: inline-block;
    padding: 0.7rem 2.5rem;
    color: #fff;
    margin: 0 0.6rem;
    font-size: var(--ms)
}
.bg-gray {
    background: var(--gary);
}
.bg-red {
    background: var(--red);
}
.bg-red:hover {
    color: #fff;
}
.bor-top {
    border-top: rgba(0,0,0,0.1) solid 1px
}
.bor-b {
    border-bottom: rgba(0,0,0,0.1) solid 1px
}
.til {
    margin-top: 6%
}
.til h1, .til p {
    text-align: center;
    letter-spacing: 3px
}
.til h1 {
    font-size: var(--xl);
    margin-bottom: 1rem
}
.til p {
    font-weight: 300;
    font-size: var(--df)
}
.dot {
    display: inline-block;
    padding: 0.2rem 0.8rem;
    border-radius: 10em;
    border: #444 solid 3px;
    line-height: 1;
    font-weight: 300;
    vertical-align: middle;
    /*margin-left: 1rem;*/
    margin-bottom: 0.2rem;
    transform: scale(0.8);
}
.pro-info {
    margin-top: 5%;
    width: 27%
}
.pro-info h1 {
    font-size: var(--df);
    line-height: 1;
    margin-bottom: 2rem
}
.pro-info p {
    line-height: 1.8;
    margin-top: 1rem;
    text-align: justify
}
.f-bg {
    background: #f8fdfd
}
.mt {
    margin-top: 4%
}
.car-head {
    background: var(--lightgary);
    padding: 1rem 0;
    margin-bottom: 1.5%
}
.car-head h1, .car-head h1 i {
    font-size: var(--df);
    white-space: nowrap;
    margin-right: 4%;
}
.select {
    position: relative
}
.select span {
    padding: 0.5rem 1rem;
    min-width: 8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;/* font-size: var(--xs)*/
}
.select span i {
    float: right;
    transform: scale(0.8);
}
.select-list {
    position: absolute;
    top: 2.5rem;
    background: #fff;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,0.2) 0 0.5rem 1rem;
    width: 100%;
    padding: 0.8rem 0;
    display: none
}
.select-list a {
    display: block;
    text-align: center;
    line-height: 2.5;
}
.car-head .sider-right>span {
    margin-right: 1rem
}
.car-head .sider-right>a {
/*  font-size: var(--xs)*/
}
.car-list {
    border-bottom: #ddd solid 1px;
    padding: 1.5rem 0;
    font-size: var(--sm)
}
.car-list dd {
    flex: 1;
    text-align: center
}
.car-list .choose-car {
    flex: none;
    width: 7%;
    text-align: left
}
.car-list .operate {
    width: 5%
}
.car-list .por-name {
    flex: 3;
}
.car-head .tips {
    font-size: var(--xs)
}
.addnums {
    border: rgba(0,0,0,0.2) solid 1px;
    display: inline-flex
}
.addnums .btn-add, .addnums .btn-jian {
    padding: 0.6rem 1rem;
    background: #f8f8f8
}
.addnums .btn-add {
    border-right: rgba(0,0,0,0.2) solid 1px;
}
.addnums .btn-jian {
    border-left: rgba(0,0,0,0.2) solid 1px;
}
.addnums .numconta {
    min-width: 4rem;
    text-align: center;
}
.addnums .btn-add:hover, .addnums .btn-jian:hover, .operate i:hover {
    color: var(--red);
    cursor: pointer
}
.por-name p {
    flex: 1
}
.por-name .img {
    position: relative;
padding-bottom:calc(145px/4*4);
    width: 145px;
}
.por-name .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
.txt-red {
    color: var(--red)
}
.hj {
    padding: 2rem 0;
}
.hj>div {
    flex: 1;
    justify-content: flex-end
}
.hj>div .txt-red {
    font-size: var(--sm);
    font-weight: 500;
    padding-right: 3%
}
.hj>div .carbtn {
    margin: 0 0 0 0;
    color: #fff
}
.paly-tips {
    padding-top: 1%;
    padding-bottom: 3%;
}
.paly-tips p span {
    display: inline-block;
    margin: 0 0.8rem
}
.play-price {
    font-size: var(--ms)
}
.play-price span {
    font-weight: bolder;
    font-size: var(--lg)
}
.pd {
    padding-top: 3%;
    padding-bottom: 3%;
}
.mlr {
    margin-left: 160px;
    margin-right: 160px
}
.zf-info {
    padding-left: 12rem
}
.zf-info h1 {
    font-size: 110%;
    padding-bottom: 1rem
}
.zf-info>div {
    margin-top: 1rem
}
.play-mode a {
    font-size: 420%;
    margin-right: 8%
}
.play-mode .icon-aliPay {
    color: #029fec
}
.play-mode .icon-weixinzhifu {
    color: #04a53c;
    font-size: 370%;
}
.plank {
    flex-wrap: wrap
}
.plank>a {
    border: rgba(0,0,0,0.1) solid 1px;
    width: 15.66%;
    margin: 0.5%;
    text-align: center;
    overflow: hidden;
    padding: 1rem 0
}
.plank>a img {
    height: 60px;
    display: inline-block;
    width: auto
}
.plank::after {
    content: "";
    flex: 1;
}
.plank>a:hover {
    border-color: var(--red)
}
.odersure {
    padding: 1rem 0;
    font-size: var(--sm)
}
.odersure dt {
    width: 10rem;
    padding: 0 0 0 2rem;
    font-size: var(--ms)
}
.odersure dd {
    border-left: #ddd solid 1px;
    margin-left: 2rem;
    padding-left: 3rem
}
.address-list {
    padding: 1rem;
    border: rgba(0,0,0,.1) solid 2px;
    background: #f8f8f8;
    width: 32.333%;
    margin-right: 1%;
    min-height: 7.8rem;
    max-height: 7.8rem
}
.address span {
    display: inline-block;
    padding: 0 0.8rem 0 0
}
.address {
    padding-left: 1.6rem;
    white-space: nowrap;
}
.address .iconfont {
    float: left;
    margin-left: -1.8rem;
    font-size: var(--ms);
    margin-top: -0.15rem;
}
.address+.address {
    margin-top: 0.5rem
}
.add-address {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #B5B5B5
}
.add-address i {
    font-size: var(--lg)
}
.add-address p {
    font-size: var(--xs)
}
.add-address .add-btn:hover {
    color: var(--red);
    cursor: pointer
}
.fb span {
    display: inline-block;
    margin-right: 4%
}
.xg-btn {
    cursor: pointer
}
.xg-btn::after {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    border-top: var(--red) solid 1px;
    border-right: var(--red) solid 1px;
    transform: rotate(45deg);
    display: inline-block;
}
.carjs {
    padding: 2% 0
}
.carjs dd {
    text-align: right;
    margin: 0.8rem 0;
    font-size: var(--ms)
}
.carjs dd span {
    display: inline-block;
    min-width: 8rem;
    color: var(--red);
    font-size: var(--ms)
}
.carjs .zjs, .carjs .zjs span {
    font-size: var(--df)
}
.jsbx {
    text-align: right;
    padding-bottom: 3rem
}
.jsbx .reback {
    margin-right: 3%;
    text-decoration: underline
}
.mask {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    display: none
}
.bx {
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -42%);
    width: 800px
}
.fbtil {
    padding: 0.8rem 1rem;
    background: #eeeeee;
}
.fpinput {
    position: relative;
    height: 3.3rem;
    border: #dddddd solid 2px;
    padding: 0.5rem 1rem
}
.fpinput span {
    position: absolute;
    background: #fff;
    margin: 0 0.7rem;
    padding: 0 0.8rem;
    top: -0.5rem;
    left: 0;
    font-size: var(--sx)
}
.fpinput input {
    height: 100%;
    width: 100%
}
.fbfrom {
    padding: 1rem 2rem 2rem 2rem
}
.fbfrom dd {
    display: flex;
    align-items: center;
    margin-top: 1rem
}
.fbfrom dd>div {
    flex: 1;
}
.fbfrom dd>b {
    width: 6rem;
}
.fbfrom .txt {
    font-size: var(--sx)
}
.fbfrom .sh {
    display: none
}
.chooser-fb span {
    padding: 0.3rem 0;
    background: #f5f5f5;
    border: #dddddd solid 2px;
    width: 30%;
    text-align: center;
    margin-right: 1rem;
    display: inline-block;
    cursor: pointer
}
.chooser-fb .on {
    border-color: var(--red);
    color: var(--red)
}
.fbfrom .show {
    display: flex!important
}
.fbfrom .car-btn {
    padding: 3rem 0 1rem 0;
    text-align: center
}
.fbfrom .fbtt {
    padding-left: 6rem;
    margin-top: 1.4rem
}
.colse {
    cursor: pointer
}
.pro-content-head *, .pro-content-head a i {
    font-size: var(--ms);
}
.pro-content-head {
    /*  padding: 1.563rem 0;*/
    height: 81px
}
.pro-content-head>div {
    text-align: right;
}
.pro-content-head a {
    display: inline-block;
    margin-left: 3rem
}
.pro-content-con {
    /* padding: 81px 0 6% 0;*/
    padding-top: 4.245%;
    padding-bottom: 4.245%;
    align-items: flex-start
}
.pro-content-con .sider-left {
    width: 687px;
    margin-right: 5%
}
.pro-content-con .sider-right>h1 {
    font-size: var(--df);
    font-weight: 500;
    margin-bottom: 1.6rem
}
.sider-right .txt {
    text-align: justify;
    line-height: 1.85;
    color: #7d7d7d;
    padding: 1rem;
    margin-bottom: 1rem;
}
.ysprice {
    padding: 0.8rem 2rem;
    background: var(--red);
    color: #fff;
    font-size: var(--df);
    margin-top: 1rem
}
.ysprice span {
    font-size: var(--lg);
    margin-left: 1rem
}
.chooser-color {
    flex-wrap: wrap;
    padding: 1.5rem 0;
    margin-top: 1rem;
    border-top: #ddd solid 1px
}
.chooser-color dt {
    width: 100%;
    font-size: var(--ms);
    margin-bottom: 1rem
}
.chooser-color dd {
    margin-right: 2rem;
    font-size: var(--ms);
    cursor: pointer
}
.chooser-color dd span {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    border: #fff solid 1px;
    padding: 3px;
    border-radius: 10em;
    vertical-align: middle;
    margin-right: 0.5rem;
}
/*.chooser-color dd span::after {*/
    /*content: "";*/
    /*height: 100%;*/
    /*width: 100%;*/
    /*border-radius: 10em;*/
    /*display: block;*/
    /*background: #dcdcdc;*/
/*}*/
.chooser-color dd.on span {
    border-color: var(--red)
}
.chooser-color .y2::after {
    background: #cf9d76
}
.chooser-color .y3::after {
    background: #bd87eb
}
.chooser-color .y4::after {
    background: #fbc3e3
}
.pro-content-con .address-list {
    width: 100%
}
.address-btn {
    text-align: right;
}
.address-btn button {
    display: inline-block;
    border: none;
    border-bottom: var(--red) solid 1px;
    color: var(--red);
    margin: 0 0.5rem;
    padding: 0 0.2rem;
    font-size: var(--xs)
}
.sl {
    padding: 2rem 0
}
.sl>span, .sl {
    font-size: var(--ms);
}
.sl .addnums {
    margin: 0 1rem
}
.yxuan * {
    font-size: var(--ms)
}
.yxuan dt {
    font-size: var(--df);
    color: var(--red);
    padding: 1rem 0
}
.pro-content-con .car-btn {
    padding: 2rem 0 0 0
}
.pro-content-con .car-btn a {
    margin: 0 1rem 0 0;
    font-size: var(--df)
}
.pro-content-con .car-btn i {
    font-size: var(--df);
    margin-right: 0.5rem
}
.showcase .image {
padding-bottom: calc((100% - 0px)/4*4)
}
.showcase {
    position: relative
}
.showcase .swiper-slide {
    background-size: cover;
    background-position: center;
}
.showcase .gallery-thumbs {
    box-sizing: border-box;
    padding: 10px 0;
}
.showcase .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.showcase .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.showcase+.c-alick {
    margin: 6% auto 6% auto;
}
.showcase .swiper-button-next {
    right: -10%
}
.showcase .swiper-button-prev {
    left: -10%
}
.showcase .swiper-button-next, .showcase .swiper-button-prev {
    color: #4d4d4d;
    border: #4d4d4d solid 4px;
    border-radius: 10em;
    width: 3.5rem;
    height: 3.5rem;
    transform: translateY(-130%)
}
.showcase .swiper-button-next::after, .showcase .swiper-button-prev::after {
    font-size: 120%;
    font-weight: 900
}
.image {
    position: relative;
    width: 100%
}
.image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.pro-content-head .on {
    position: relative;
}
.pro-content-head .on::before {
    content: "";
    border-radius: 10em;
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    bottom: -26px;
}
.pro-content-ggcs {
    align-items: flex-start;
    padding-top: 81px;
    padding-bottom: 81px;
}
.pro-content-ggcs .sider-right {
    flex: 1;
    margin-left: 5%
}
.pro-content-ggcs .sider-left {
    width: 750px;
}
.pro-content-ggcs .image {
padding-bottom: calc((100% - 0px)/4*3)
}
.pro-content-ggcs .chooser-color {
    border: none;
    margin-bottom: 3rem
}
.p-til {
    font-size: var(--lg);
    font-weight: 500;
    letter-spacing: 4px;
}
.p-info {
    align-items: flex-start;
    padding: 2rem 0;
}
.p-info dd {
    width: 50%
}
.p-info p {
    font-size: var(--ms);
    line-height: 2
}
.prodution-info {
    padding-top: 3%;
    padding-bottom: 3%;
}
.prodution-info h2{
    font-size: 18px;
    font-weight: bold;
}
.prodution-info hr{
    width: 100%;
    border-bottom: 1px solid #999;
}
.prodution-info .p-til {
    margin-bottom: 2rem;
    margin-top: 2rem
}
.prodution-info .p-til:first-child {
    margin-top: 0;
}
.prodution-info .p-til i {
    font-size: var(--lg);
    margin-right: 1%
}
.prodution-info p {
    font-size: var(--ms);
    color: #7d7d7d;
    margin: 0.6rem 0;
    line-height: 1.5
}
.prodution-info .tips {
    margin-top: 3rem
}
.buy {
    background: var(--red);
    color: #fff;
    border-radius: 10rem;
    padding: 0.3rem 1.3rem;
    line-height: 1;
    font-size: var(--ms)
}
.buy:hover {
    color: #fff
}
.shuoming {
    padding-top: 3%;
    padding-bottom: 3%
}
.shuoming p {
    margin: 1.5rem 0;
    color: #999999;
}/*
.font {
    font-size:87%
}*/
.down a {
    font-size: var(--ms)
}
.fwzc .p-til {
    margin-top: 6%;
    margin-bottom: 3%;
}
.img-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin: 0 1rem
}
.icon-a {
    background-image: url("../images/bookmark.png")
}
.icon-b {
    background-image: url("../images/download.png")
}
.icon-c {
    background-image: url("../images/sm.png")
}
.line {
    border-bottom: #4d4d4d solid 1px;
    display: inline-block;
    padding-bottom: 0.3rem
}
.table {
    width: 100%;
    margin: 2rem 0;
}
.table td, .table th {
    border: #000 solid 1px;
    padding: 2rem 0;
    text-align: center;
    font-size: var(--ms);
}
.prodution-info li {
    list-style: disc;
    padding-left: 2rem;
    font-size: var(--ms);
    line-height: 2
}
.contactbx .til {
    font-size: var(--df);
    text-align: center;
    margin-bottom: 6%;
    font-weight: bold
}
.contactbx {
    padding: 1% 14%
}
.contactbx dl {
    flex-wrap: wrap
}
.contactbx dd, .contactbx dt {
    width: 26%
}
.contactbx dd {
    padding-bottom: 2rem;
    line-height: 2;
    position: relative;
    font-size: var(--ms)
}
.contactbx dt {
    font-size: var(--ms);
    padding-bottom: 1rem;
    font-weight: 600
}
.contactbx i {
    position: absolute;
    left: -2.4rem;
    top: 0;
    font-size: var(--ms)
}
.userbg {
    background: url("../images/user-bg.png") no-repeat;
    background-size: 100% 100%
}
.user {
    padding: 2% 160px;
}
.user-img {
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 10em;
    overflow: hidden
}
.user-img img {
    height: 100%;
    height: 100%
}
.user-name {
    color: #fff;
    margin-left: 2rem
}
.user-name h1 {
    font-size: var(--df);
    font-weight: 500;
    margin-bottom: 0.3rem
}
.user-name span {
    margin-top: 0.5rem
}
.user-name span i {
    transform: rotate(-90deg);
    display: inline-block;
    margin-left: 0.8rem;
    font-size: var(--sx);
    position: relative;
    top: -.2rem;
    cursor: pointer
}
.user-info p {
    color: #fff;
    line-height: 1.5;
    font-size: 20px
}
.u-content {
    padding-top: 81px;
    padding-bottom: 81px;
    display: flex;
}
.u-content .side-left {
    padding-right: 2rem;
    width: 180px;
    border-right: #999 solid 1px
}
.u-content .side-left h1 {
    font-size: var(--ms);
    margin-top: 4rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
}
.u-content .side-left h1:first-child {
    margin-top: 0
}
.u-content a {
    line-height: 2.5;
    display: block
}
.u-content .side-right {
    padding-left: 3rem;
    min-height: 40rem
}
.u-content .side-right .p-til {
    font-size: var(--df)
}
.tleyz {
    text-align: center;
    padding: 6%;
}
.tleyz h2 {
    font-size: var(--ms);
    line-height: 3;
}
.tleyz p {
    color: #acacac
}
.tleyz .btn {
    background: #ffaf91;
    color: #fff;
    border-radius: 4px;
    padding: 1.7rem 0;
    width: 520px;
    margin: 4rem auto;
    font-size: var(--ms);
    cursor: pointer
}
.Person-info-img, .user-from {
    padding: 4% 0 0 8%;
}
.Person-info-img span {
    font-size: var(--ms)
}
.Person-info-img .user-img {
    border: rgba(0,0,0,0.2) solid 1px;
    margin: 0 6% 0 3%
}
.user-from {
    width: 620px
}
.user-from dd {
    display: flex;
    align-items: center;
    margin: 1rem 0;
    position: relative
}
.user-from * {
    font-size: var(--ms)
}
.user-from>dd div {
    flex: 1;
    min-height: 3.5rem;
    line-height: 3.5rem;
    background: #f6f6f6;
    padding-left: 1rem
}
.user-from>dd span {
    margin-right: 1rem;
    width: 8rem;
    text-align: justify;
    text-align-last: justify
}
.user-from>dd>i {
    position: absolute;
    z-index: 1;
    right: 0.5rem;
    transform: rotate(-90deg)
}
.user-from>dd div .iconfont {
    font-size: var(--df);
    color: #00AC03
}
.order {
    padding: 2rem 0
}
.order a {
    margin-right: 4rem
}
.order i {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 10em;
    background: #000;
    color: #fff;
    font-size: var(--ms);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.3rem
}
.order .dzf i {
    background: #ff6709
}
.order .shh i {
    background: #8bc34a;
}
.order .shh i::before {
    transform: scale(0.9)
}
.order a span {
    padding-bottom: 0.2rem;
    font-size: var(--ms);
}
.order .cur span {
    border-bottom: rgba(0,0,0,0.6) solid 2px
}
.bgA {
    background: #f6f6f6;
    padding: 1rem 0;
}
.u-content .car-list:first-child {
    border: none
}
.order-info {
    margin: 1rem 0;
    padding: 1rem 0;
    line-height: 2
}
.order-info dt {
    font-size: var(--ms);
    margin-bottom: 1rem
}
.u-content .carbtn {
    line-height: 1
}
.order-info+.btn {
    padding: 0rem 2rem;
    font-size: var(--ms);
    border-radius: 10em;
    border: #4d4d4d solid 2.5px;
    margin-top: 1rem
}
.order-info+.btn:hover {
    border-color: var(--red)
}
.product {
    justify-content: center;
}
.product a {
    position: relative;
    padding: 0.5rem 0.8rem 0.5rem 0.8rem;
    width: 320px
}
.product p {
    text-align: center;
    position: relative;
    margin-top: -0.2rem
}
.video {
padding-bottom:calc(100%/16*9);
    position: relative
}
.video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit:fill;
}
/*.product .current p{*/
    /*font-weight: bold;*/
/*}*/
/*.product .current::after {*/
    /*width: 5rem;*/
    /*border-top: #000 solid 3px;*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    /*content: ""*/
/*}*/
.pos{
    position: relative;
}
.weizhi_box{
    position: absolute;
    z-index: 990;
}
.weizhi1{
    top: 15%;
    left: 10%;
    width: 80%;
    height: auto;
    overflow: hidden;
}
.home_entitle{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 54px;
    padding-bottom: 15px;
}
.home_entitle img{
    width: auto !important;
    height: 38px;
}
.home_title{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 54px;
    padding-bottom: 25px;
}
.home_title span{
    float: left;
}
.home_title img{
    width: auto !important;
    height: 54px;
    float: left;
    margin-left: 15px;
    margin-top: 18px;
    margin-right: 15px;
}
.home_info{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 32px;
    padding-bottom: 35px;
}
.home_color{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 25px;
}
.home_color span{
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin-right: 35px;
    border-radius: 50%;
}
.home_price{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 40px;
    padding-bottom: 30px;
    padding-top: 15px;
    text-indent: -9px;
}
.home_btn{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.home_btn1{
    width: auto;
    height: 54px;
    line-height: 52px;
    border-radius: 54px;
    font-size: 34px;
    padding: 0 20px;
    display: inline-block;
    margin-right: 35px;
    color: #99bce2;
}
.home_btn1:hover{
    color: inherit !important;
}
.home_btn2{
    width: auto;
    height: 54px;
    line-height: 52px;
    border-radius: 54px;
    font-size: 34px;
    padding: 0 20px;
    display: inline-block;
    margin-right: 35px;
}
.home_btn2:hover{
    color: inherit !important;
}
.weizhi2{
    top: 22%;
    right: 5%;
    width: 40%;
    height: auto;
    overflow: hidden;
}
.weizhi2 .home_btn1{
    color: #fff;
}
.weizhi3{
    top: 27%;
    left: 22%;
    width: 50%;
    height: auto;
    overflow: hidden;
}
.weizhi3 .home_btn1{
    color: #fff;
}
.weizhi4{
    top: 7%;
    left: 25%;
    width: 50%;
    height: auto;
    overflow: hidden;
}
.weizhi4 .home_btn1{
    color: #fff;
}
.shuxing_box{
    width: 100%;
    height: auto;
    padding: 90px 0 30px 0;
    overflow: hidden;
    background: #000;
}
.shuxing_a{
    width: 1600px;
    height: 450px;
    margin: 0 auto;
    position: relative;
}
.shuxing_a img{
    display: inline-block;
    position: absolute;
    border-radius: 10px;
}
.shuxing_a img:nth-child(1){
    width: 432px;
    height: 298px;
    top: 0px;
    left: 0px;
}
.shuxing_a img:nth-child(2){
    width: 344px;
    height: 142px;
    top: 0px;
    left: 444px;
}
.shuxing_a img:nth-child(3){
    width: 346px;
    height: 144px;
    top: 154px;
    left: 444px;
}
.shuxing_a img:nth-child(4){
    width: 430px;
    height: 299px;
    top: 0px;
    left: 802px;
}
.shuxing_a img:nth-child(5){
    width: 346px;
    height: 139px;
    top: 0px;
    right: 0px;
}
.shuxing_a img:nth-child(6){
    width: 346px;
    height: 146px;
    top: 151px;
    right: 0;
}
.shuxing_a img:nth-child(7){
    width: 432px;
    height: 117px;
    top: 310px;
    left: 0px;
}
.shuxing_a img:nth-child(8){
    width: 346px;
    height: 119px;
    top: 310px;
    left: 444px;
}
.shuxing_a img:nth-child(9){
    width: 430px;
    height: 117px;
    top: 310px;
    left: 802px;
}
.shuxing_a img:nth-child(10){
    width: 345px;
    height: 117px;
    top: 310px;
    right: 0px;
}
.shuxing_a img:hover{
    box-shadow: 0 0 20px rgba(255,255,255,0.3);
}
.shuxing_b{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}
.shuxing_b img{
    display: inline-block;
    margin: 0 auto;
    width: auto;
}




.goods-img img {
    width: 100%
}
.goods-2 {
    background: url( "../images/bg-p-2.jpg ") no-repeat;
    background-size: 100% 100%;
    padding: 8rem 8rem 8rem 0rem
}
.goods-3 {
    background: url( "../images/bg-p-3.jpg ") no-repeat;
    background-size: 100% 100%;
    padding: 4rem 0 8rem 8rem
}
.goods-4 {
    background: url( "../images/bg-p-4.jpg ") no-repeat;
    background-size: 100% 100%;
    padding: 4rem 0 8rem 8rem
}
.goods {
    padding: 8% 0 0 0;
    color: #fff;
}
.goods dt {
    font-size: var(--xl)
}
.goods dt img {
    height: 1.8rem;
    display: inline-block;
    width: inherit;
    margin-left: 1rem
}
.goods p {
    font-size: var(--df);
    margin: 1rem 0 2rem 0;
}
.goods .img img {
    width: inherit;
    height: 4rem
}
.goods .pro-price {
    font-size: var(--xxl);
    margin: 4rem 0 2rem 0
}
.goods .dota span {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 10em;
    margin-right: 0.9rem;
}
.goods .dota span:nth-child(1) {
    background: #dcdcdc
}
.goods .dota span:nth-child(2) {
    background: #cf9d76
}
.goods .dota span:nth-child(3) {
    background: #bd87eb
}
.goods .dota span:nth-child(4) {
    background: #fbc3e3
}
.btnbx a {
    border-radius: 10em;
    padding: 0.5rem 2.6rem;
    display: inline-block;
    margin-right: 1.5rem;
    border: #fff solid 2px;
    font-size: var(--df);
    color: #fff;
}
.btnbx a:first-child {
    background: #000;
    border: none
}
.btnbx {
    margin-bottom: 4rem
}
.goods-2 .goods {
    padding: 0% 0 0 0;
    color: #fff;
}
.goods-2 .btnbx a, .goods-3 .btnbx a, .goods-4 .btnbx a {
    border-color: #4d4d4d
}
.goods-2 .goods *, .goods-3 .goods *, .goods-4 .goods * {
    color: #4d4d4d
}
.proimg {
    width: 55%
}
.btnbx a:first-child {
    color: #fff
}
.goods-3 .proimg {
    width: 65%
}
.goods-3 .goods, .goods-4 .goods {
    padding: 0;
}
.img-til img {
    height: 1rem;
    width: inherit
}
.goods-4 .goods .pro-price {
    margin: 2rem 0 2rem 4rem;
}
.goods-4 .goods {
    padding-left: 8%;
    padding-top: 2%;
}
.warp {
    flex-wrap: wrap
}
.adsub {
    width: 49%;
    margin-top: 1rem
}
.adsub .address-list {
    width: 100%
}
.setbtn {
    width: 100%;
    padding: 0.5rem 1rem;
    align-items: flex-start
}
.flex-none {
    flex: none!important
}
.addfrom dd>input {
    border: rgba(0,0,0,0.2) solid 1px;
    flex: 1;
    padding: .6rem;
    text-align: left
}
.addfrom label {
    width: 6rem;
}
.addfrom dd {
    margin-bottom: 1.5rem
}
.addfrom+.car-btn {
    padding: 0 2rem 4rem 2rem;
    text-align: center
}
.tabCont {
    height: 0;
    overflow: hidden;
    transition: height .3s;
}
.tabCont.curr {
    height: 250px;
    border-bottom: rgba(0,0,0,0.1) solid 1px;
    box-shadow: rgba(0,0,0,0.05) 0 6px 6px;
}
.navbx {
    padding: 0 160px 0 160px;
    border-bottom: rgba(0,0,0,0.2) solid 1px;
    align-items: flex-end;
    height: 117px;
}
.top_en{
    position: absolute;
    right: 160px;
    top:0;
    font-size: 12px;
    border: 1px solid #6b6b6b;
    font-weight: inherit;
    border-top: 0;
    padding: 3px 10px;
    display: inline-block;
}
.top_en{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.oversize, .header-right {
    padding-bottom: 1.5rem;
    padding-top: 0.5rem
}
.tabCont {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    top: 117px;
    z-index: 1;
    background: #fff
}
.oversize {
}
.tabcontentA, .product, .product>a {
    height: 100%
}
header+div, header+section {
    margin-top: 117px!important
}
.addnums>span {
    width: 4rem;
    text-align: center
}
.goods-info-content img {
    width: 100%
}
.address-list:last-child {
    margin-right: 0!important;
}


@media only screen and (max-width:1600px) {
body {
 --sx:12px;
 --xs:13px;
 --sm:14px;
 --ms:16px;
 --df:22px;
 --lg:25px;
 --xl:32px;
 --xxl:60px;
 --sl:72px;
 --xsl:120px;
}
.mlr {
    margin-left: 80px;
    margin-right: 80px
}
.w {
    padding-left: 80px;
    padding-right: 80px;
}
.navbx {
    padding: 0 80px 0 80px;
    height: 93px
}
.top_en{
    position: absolute;
    right: 80px;
    top:0;
    font-size: 12px;
    border: 1px solid #6b6b6b;
    font-weight: inherit;
    border-top: 0;
    padding: 3px 10px;
    display: inline-block;
}
.user {
    padding: 2% 80px;
}
.contactbx {
    padding-left: 80px;
    padding-right: 80px;
}
.logo img {
    width: 220px;
}
header+div, header+section {
    margin-top: 93px!important;
}
.tabCont {
    top: 93px;
}
.nav a {
    font-size: 18.3px;
    margin: 0 1.5rem;
}
.oversize, .header-right {
    padding-bottom: 1.25rem;
}
.product a {
    padding: 0.5rem 0.4rem 0.5rem 0.4rem;
    width: 260px;
}
.tabCont.curr {
    height: 180px;
}
.alink {
    font-size: 1vw;
}
.pro-content-head {
    height: 61px;
}
.pro-content-ggcs .sider-left {
    flex: 1;
}
.pro-content-ggcs {
    padding-top: 61px;
}
.pro-content-head .on::before {
    bottom: -18px;
}
.img-icon {
    width: 1.8rem;
    height: 1.8rem;
}
.login-content {
    width: 800px;
}
.login-content .input {
    line-height: 66px;
    height: 66px;
}
.choose-nums {
    height: 66px;
    font-size: 13px;
    line-height: 1;
}
.dx {
    height: 66px;
}
.login-content .btn {
    font-size: 125%;
    width: 100%;
}
.bx {
    width: 550px;
}
.fbfrom {
    padding: 1rem 2rem 1rem 2rem;
}
.pro-content-con .sider-left {
    flex: 1;
    width: 45%;
    overflow: hidden
}
.pro-content-ggcs .chooser-color {
    margin-bottom: 1rem;
}
.address-list {
    width: 49.5%;
}
}

@media only screen and (max-width:1300px) {
body {
 --sx:12px;
 --xs:13px;
 --sm:14px;
 --ms:15px;
 --df:20px;
 --lg:22px;
 --xl:28px;
 --xxl:40px;
 --sl:72px;
 --xsl:120px;
}
.w {
    padding-left: 74px;
    padding-right: 74px;
}
.navbx {
    padding: 0 74px 0 74px;
    height: 88px
}
.top_en{
    position: absolute;
    right: 74px;
    top:0;
    font-size: 12px;
    border: 1px solid #6b6b6b;
    font-weight: inherit;
    border-top: 0;
    padding: 3px 10px;
    display: inline-block;
}
.logo img {
    width: 200px;
}
header+div, header+section {
    margin-top: 88px!important;
}
.user {
    padding: 2% 74px;
}
.tabCont {
    top: 88px;
}
.nav a {
    font-size: 17.5px;
    margin: 0 1rem;
}
.oversize, .header-right {
    padding-bottom: 1.25rem;
}
.product a {
    padding: 0.5rem 0.4rem 0.5rem 0.4rem;
    width: 230px;
}
.tabCont.curr {
    height: 160px;
}
.alink {
    font-size: 1vw;
}
.pro-content-head {
    height: 58px;
}
.pro-content-ggcs .sider-left {
    flex: 1;
    width: auto;
    margin-bottom: 2rem
}
.pro-content-ggcs {
    padding-top: 58px;
}
.pro-content-head .on::before {
    bottom: -19px;
}
.img-icon {
    width: 1.8rem;
    height: 1.8rem;
}
.login-content {
    width: 800px;
}
.login-content .input {
    line-height: 66px;
    height: 66px;
}
.choose-nums {
    height: 66px;
    font-size: 13px;
    line-height: 1;
}
.dx {
    height: 66px;
}
.login-content .btn {
    font-size: 125%;
    width: 100%;
}
.bx {
    width: 550px;
}
.fbfrom {
    padding: 1rem 2rem 1rem 2rem;
}
.pro-content-con .sider-left {
    flex: 1
}
.pro-content-ggcs .chooser-color {
    margin-bottom: 1rem;
}
.logo {
    margin-right: 3rem;
}
}

@media only screen and (max-width:1080px) {
.navbx, .w {
    padding-left: 3rem;
    padding-right: 3rem
}
.top_en{
    position: absolute;
    right: 3rem;
    top:0;
    font-size: 12px;
    border: 1px solid #6b6b6b;
    font-weight: inherit;
    border-top: 0;
    padding: 3px 10px;
    display: inline-block;
}
body, html, .w, section, header {
    min-width: 880px;
}
.pro-content-head {
    height: auto;
    flex-wrap: wrap;
    padding-top: 0.6rem;
    padding-bottom: 0;
}
.pro-content-head>div {
    text-align: left;
    flex: none;
    width: 100%;
}
.pro-content-head>span {
    font-size: 24px;
    font-weight: 550;
}
.pro-content-head a {
    display: inline-block;
    margin-left: 0;
    margin-right: 2rem;
    padding: 0.4rem 0 0.8rem 0;
    position: relative;
}
.pro-content-head .on::before {
    bottom: -1px;
}
.pro-content-head .buy {
    position: absolute;
    right: 0;
    padding: 0.5rem 1.3rem!important;
    top: 1rem;
}
.pro-content-con, .pro-content-ggcs {
    flex-wrap: wrap;
}
.pro-content-con .sider-left, .pro-content-ggcs .sider-left {
    width: 100%;
    margin-right: 0;
    overflow: hidden;
    flex: none;
    margin-bottom: 2rem;
}
.header-right {
    display: none;
}
.u-content .side-left h1 {
    font-size: var(--ms);
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}
.alink .flex-between {
    flex-wrap: wrap;
}
.alink .flex-between>p:first-child {
    width: 100%
}
.adsub {
    width: 100%;
}
}
@media screen and (max-width:1441px){
    .weizhi1{ top:8%;}
    .home_title{ font-size:48px;}
    .home_info{ font-size:28px;}
    .home_btn1{ height:48px; line-height:46px; font-size:30px;}
    .home_btn2{ height:48px; line-height:46px; font-size:30px;}
    .home_entitle img{ height:32px;}
    .weizhi4 .home_title{ font-size:40px;}
    .home_title img{ height:47px; margin-top:12px;}
    .shuxing_a{ width:1400px;}
    .shuxing_a img:nth-child(1){
        width: 378px;
        height: 260px;
        top: 0px;
        left: 0px;
    }
    .shuxing_a img:nth-child(2){
        width: 301px;
        height: 124px;
        top: 0px;
        left: 388px;
    }
    .shuxing_a img:nth-child(3){
        width: 302px;
        height: 124px;
        top: 134px;
        left: 388px;
    }
    .shuxing_a img:nth-child(4){
        width: 376px;
        height: 261px;
        top: 0px;
        left: 701px;
    }
    .shuxing_a img:nth-child(5){
        width: 302px;
        height: 121px;
        top: 0px;
        right: 0px;
    }
    .shuxing_a img:nth-child(6){
        width: 302px;
        height: 127px;
        top: 132px;
        right: 0;
    }
    .shuxing_a img:nth-child(7){
        width: 378px;
        height: 102px;
        top: 271px;
        left: 0px;
    }
    .shuxing_a img:nth-child(8){
        width: 302px;
        height: 104px;
        top: 271px;
        left: 388px;
    }
    .shuxing_a img:nth-child(9){
        width: 376px;
        height: 102px;
        top: 271px;
        left: 701px;
    }
    .shuxing_a img:nth-child(10){
        width: 301px;
        height: 102px;
        top: 271px;
        right: 0px;
    }
}

@media screen and (max-width:1367px){
    .weizhi1{ top:8%;}
    .home_title{ font-size:48px;}
    .home_info{ font-size:28px;}
    .home_btn1{ height:48px; line-height:46px; font-size:30px;}
    .home_btn2{ height:48px; line-height:46px; font-size:30px;}
    .home_entitle img{ height:32px;}
    .weizhi4 .home_title{ font-size:40px;}
    .home_title img{ height:47px; margin-top:12px;}
    .shuxing_a{ width:1300px;}
    .shuxing_a img:nth-child(1){
        width: 378px;
        height: 260px;
        top: 0px;
        left: 0px;
    }
    .shuxing_a img:nth-child(2){
        width: 301px;
        height: 124px;
        top: 0px;
        left: 388px;
    }
    .shuxing_a img:nth-child(3){
        width: 302px;
        height: 124px;
        top: 134px;
        left: 388px;
    }
    .shuxing_a img:nth-child(4){
        width: 376px;
        height: 261px;
        top: 0px;
        left: 701px;
    }
    .shuxing_a img:nth-child(5){
        width: 302px;
        height: 121px;
        top: 0px;
        right: 0px;
    }
    .shuxing_a img:nth-child(6){
        width: 302px;
        height: 127px;
        top: 132px;
        right: 0;
    }
    .shuxing_a img:nth-child(7){
        width: 378px;
        height: 102px;
        top: 271px;
        left: 0px;
    }
    .shuxing_a img:nth-child(8){
        width: 302px;
        height: 104px;
        top: 271px;
        left: 388px;
    }
    .shuxing_a img:nth-child(9){
        width: 376px;
        height: 102px;
        top: 271px;
        left: 701px;
    }
    .shuxing_a img:nth-child(10){
        width: 301px;
        height: 102px;
        top: 271px;
        right: 0px;
    }
}
.waps{
    display: none;
}
.pcs{
    display: block;
}
@media only screen and (max-width:750px) {
.waps{
    display: block;
}
.pcs{
    display: none;
}
body, html, .w, section, header {
    min-width: 100%;
    max-width: 100%;
}
.navbx, .w {
    padding-left: 1rem;
    padding-right: 1rem;
}
.logo {
    margin-right: 0;
}
.logo img {
    width: 150px;
}
.oversize, .header-right {
    padding-top: 0;
    padding-bottom: 0;
}
.waps_nav_box{
    position: relative;
    flex: 1;
}
.waps_nav_a{
    display: block;
    float: right;
    padding-bottom: 5px;
}
.waps_nav_a span{
    width:34px;
    height: 3px;
    background: #666;
    border-radius: 3px;
    display:block;
    margin: 9px 0;
}
.waps_nav_b{
    display: none;
    position: absolute;
    width:100%;
    right: 0;
    top: 36px;
    height: auto;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    padding: 15px;
}
.waps_nav_b1{
    display: block;
    text-align: center;
}
.waps_nav_b2{
    width:31.33%;
    line-height: 1.5rem;
    display: inline-block;
    text-align: center;
    margin-top:10px;
}
.home_title {
    font-size: 13px;
    padding-bottom: 5px;
}
.home_title img{
    display: none;
}
.home_info {
    font-size: 12px;
    padding-bottom: 5px;
}
.home_color{
    padding-bottom: 5px;
}
.home_color span{
    margin-right: 5px;
}
.home_price {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 18px;
    padding-bottom: 5px;
    padding-top: 0px;
    text-indent: -4px;
}
.home_btn1 {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 5px;
    margin-right: 3px;
}
.home_btn2 {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 5px;
    margin-right: 3px;
}
.weizhi2{
    top:10%;
}
.weizhi3 {
    top: 19%;
    left: 11%;
    width: 50%;
    height: auto;
    overflow: hidden;
}
.home_entitle img{
    display: none;
}
.weizhi4 .home_title {
    font-size: 14px;
}
.weizhi4 {
    top: 7%;
    left: 19%;
    width: 65%;
    height: auto;
    overflow: hidden;
}
.weizhi4 .home_btn a{
    box-shadow: 0 0 5px rgba(255,255,255,0.5);
}
.weizhi4 .home_btn2{
    color: #fff !important;
}
.til p{
    font-size: 14px;
}
.pro-info{
    width:30%;
}
.pro-info h1{
    text-align: center;
}
.pro-info p{
    font-size: 12px;
}
.lcd_tab{
    height: 64px !important;
}
.lcd_tab_a {
    width: auto !important;
    height: 64px !important;
    line-height: 64px !important;
    float: left !important;
    font-size: 15px !important;
    color: #5d5d5d !important;
    text-align: center !important;
}
.lcd_tab_a_in{
    top: 64px !important;
}
.lcd_tab_a_in a{
    font-size: 15px !important;
}
.zicon1 {
    width: 13px !important;
    height: 13px !important;
}
.lcd_list{
    padding: 30px 0 !important;
}
.lcd{
    width: 50% !important;
}
.lcd_a{
    height: 168px !important;
}
.lcd_c{
    font-size: 12px !important;
}
.lct_hot_list_a{
    font-size: 15px !important;
}
.lct_hot_list_b img{
    width:100% !important;
}
.lcd_hot_box{
    height:auto !important;
    padding-bottom: 30px !important;
}
.lcd_tab_c{
    height: 64px !important;
    line-height: 64px !important;
}
.lcd_tab_c a{
    padding: 0 !important;
    height: 64px !important;
    line-height: 64px !important;
    font-size: 15px !important;
}
.lcd_tab_c a.active:after {
    width: 30px !important;
    left: 16px !important;
}
.lcd_details_a {
    height: 75px !important;
}
.lcd_details_a a {
    height: 75px !important;
    line-height: 75px !important;
    font-size: 15px !important;
    padding-right: 15px !important;
}
.lcd_details_b_a{
    font-size: 17px !important;
}
.lcd_details_b_b{
    font-size: 15px !important;
    line-height: 26px !important;
}
.login-content{
    width:100%;
}
.login-content .tabs, .login-content .tabcontent {
    width: 100%;
    margin: 0 auto;
}
.xy{
    font-size:12px;
}
.radio{
    width: 12px;
    height: 12px;
}
.userbg .flex-sub{
    flex: inherit;
}
.userbg .user-img{
    width:38px;
    height: 38px;
}
.user-name{
    margin-left: 10px;
    font-size: 12px;
}
.user-name h1{
    font-size: 15px;
}
.user-info p{
    font-size:12px;
}
.u-content{
    width:100%;
    padding: 30px 0;
    display: block;
}
.u-content .side-left{
    width:100%;
    padding: 0 15px 15px 15px;
    margin-bottom: 15px ;
    border-bottom:1px solid #f5f5f5;
}
.u-content .side-left a{
    width:30%;
    display: inline-block;
}
.u-content .side-right{
    padding: 0 15px;
}
.Person-info-img, .user-from{
    padding: 4% 0 0 0;
}
.user-from{
    width:100%;
}
.order a{
    margin: 0;
}
.order a span{
    font-size:12px;
}
.por-name .img{
    width:100px;
    padding-bottom: calc(100px/4*4);
}
.por-name .img img{
    height:auto;
}
.por-name p{
    font-size: 12px;
}
.car-head h1, .car-head h1 i{
    font-size:16px;
}
.select span{
    font-size:16px;
    padding-top: 0;
}
.mlr{
    margin-left: 15px;
    margin-right: 15px;
}
.add-icon{
    width:4rem;
}
.add-icon i{
    font-size:300%;
}
.addcar-txt{
    flex: inherit;
}











}