﻿/*PC端样式*/
@media screen and (min-width:1000px) {
    .mobilenav { display: none }
    .head { width: 1440px; margin: 0 auto; height: 105px; }
    .head .marketlogo { display: block; float: left; margin-top: 30px; }
    .head .search { width: 400px; height: 39px; border: 1px solid #dfdfdf; border-radius: 19.5px; float: left; margin-top: 35px; margin-left: 120px; }
    .head .search label { width: 80px; border-right: 1px solid #dfdfdf; height: 39px; text-align: center; display: block; float: left; line-height: 39px; color: #666; font-size: 14px; }
    .head .search input { height: 39px; border: 0; text-indent: 10px; width: 280px; float: left; outline: none }
    .head .search button { background-color: #fff; border: 0; float: left; margin-top: 10px; }
    .head .tel { float: right; margin-right: 30px; margin-top: 35px; }
    .head .tel img { float: left; margin-right: 10px; margin-top: 3px }
    .head .tel span i { font-size: 28px; font-weight: normal }
    .head .tel span em { font-size: 28px; font-weight: bold; font-family: "Impact" }

    .nav { width: 800px; height: 52px; margin: 0 auto; padding-top: 30px; float: left; margin-left: 80px; }
    .nav .cot {   margin: 0 auto; height: 52px;display:flex; }
    .nav .cot span { height: 52px; display: block; float: left; /* width: 171.4px; */ text-align: center; line-height: 52px; font-size: 14px; flex: 1; }
    .nav .cot span a { color: #000; height: 26px; line-height: 26px; display: block; margin-top: 12px; font-size: 16px; }
    .nav .cot span:last-child a { border-right: 0 }
    .nav .cot span:hover { color: #ccc }
    .nav .cot .on { color: #ccc; font-weight: bold; }
    .nav .cot .on:after { content: ""; width: 30px; height: 3px; display: block; background: #EC6D06; margin: 0 auto; margin-top: 10px; }

    .banner { width: 100%; position: relative; height: 700px; }

    .floatorder { position: absolute; bottom: 30px; width: 100%; left: 0; background: transparent; background-color: rgba(0,0,0,0); }
    .floatorder div { width: 675px; margin: 0 auto; background: transparent; background-color: rgba(0,0,0,0.5); height: 70px }
    .floatorder select { width: 155px; height: 40px; background-color: #fff; display: block; float: left; border: 0; margin-top: 15px; margin-left: 35px; text-indent: 10px }
    .floatorder select option { text-indent: 10px }
    .floatorder input { width: 220px; height: 40px; background-color: #fff; display: block; float: left; border: 0; margin-top: 15px; margin-left: 35px; text-indent: 10px; outline: none }
    .floatorder button { width: 155px; height: 40px; background-color: #2b74ca; color: #fff; display: block; float: left; border: 0; margin-top: 15px; margin-left: 35px; }


    .banner .slideBox img { width: 100%; height: 700px; }
    .banner .slideBox .hd { position: absolute; line-height: 28px; bottom: 2%; right: 49%; z-index: 1; }
    .slideBox .hd li { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #333; text-indent: -9999px; overflow: hidden; margin: 0 6px; cursor: pointer }
    .slideBox .hd li.on { background: #fff; }

    .signup { width: 100%; background-color: #f5f5f6; overflow: auto }
    .signbox { width: 1200px; margin: 20px auto; overflow: auto; padding-bottom: 5px }
    .sign_up { width: 580px; background-color: #fff; height: 120px; }
    .signup .left { float: left; transition: 0.3s }
    .signup .right { float: right; transition: 0.3s }
    .signup .left:hover { box-shadow: 3px 3px 5px #CCC }
    .signup .right:hover { box-shadow: 3px 3px 5px #CCC }
    .signname { float: left; margin-left: 50px; }
    .signname p { font-size: 20px; color: #000; margin-top: 20px; }
    .signname span { display: block; font-size: 16px; color: #666; margin-top: 5px; }
    .signname a { background-color: #0d325c; width: 165px; height: 30px; display: block; text-align: center; line-height: 30px; color: #fff; font-size: 14px; border-radius: 15px; margin-top: 7px }
    .sign_up img { float: right; margin-top: 20px; margin-right: 30px }
    .modulartitle { width: 1200px; margin: 50px auto 30px auto; }
    .modulartitle h1 { text-align: center; font-weight: normal; font-size: 24px; }
    .modulartitle h2 { font-size: 16px; text-align: center; font-weight: normal }


    .actviebox { width: 1200px; margin: 0 auto 30px auto; overflow: auto }
    .active { width: 500px; position: relative; border: 1px solid #dfdfdf; float: left; }
    .active .actimg { width: 500px; height: 333px; object-fit: cover; object-position: top; }
    .active .slideBox .hd { position: absolute; line-height: 28px; top: 310px; right: 49%; z-index: 1; }
    .actinfo p { font-size: 16px; line-height: 35px; text-indent: 10px }
    .actinfo p img { vertical-align: middle; float: right; margin-top: 5px; margin-right: 10px }
    .newsbox { background-color: #f5f5f6; height: 403px; width: 680px; float: right; border: 1px solid #dfdfdf; position: relative }

    .newsselect { width: 360px; height: 38px; margin: 30px auto 10px auto; }
    .newsselect span { display: block; width: 160px; height: 36px; border: 1px solid #dfdfdf; background-color: #fff; color: #333; text-align: center; line-height: 36px; font-size: 14px; float: right; cursor: pointer }
    .newsselect span:first-child { float: left }
    .newsselect .on { background-color: #8a7971; color: #fff; }
    .newsoption { width: 600px; margin: 0 auto; overflow: auto; display: none }
    .newsoption ul { overflow: auto }
    .newsoption ul li { width: 100%; margin-bottom: 10px; margin-top: 5px; border-bottom: 1px dotted #dfdfdf; overflow: auto; padding-bottom: 5px; }
    .newsoption .newsname { font-size: 14px; display: block; width: 100%; overflow: auto }
    .newsoption .newsname span { width: 70%; display: block; float: left; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; -moz-binding: url('ellipsis.xml#ellipsis'); }
    .newsoption .time { font-size: 12px; float: right; color: #666 }
    .newsoption .newsname:hover span { color: #f00 }
    .newsoption .newsdet { font-size: 12px; line-height: 24px }
    .newsoption .newsdet span { color: #666; width: 70%; display: block; float: left; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; -moz-binding: url('ellipsis.xml#ellipsis'); }

    .newsoption ul li img { margin-top: 10px; }
    .allnews { margin: 30px auto 0 auto; display: block; width: 24px; height: 24px; overflow: auto; position: absolute; left: 48%; bottom: 20px }
    .allnews img { width: 100% }
    .floor { width: 1200px; margin: 0 auto 20px auto; overflow: auto; }
    .floor .NBL { width: 220px; height: 34px; border-radius: 7px; overflow: hidden; margin: 0 auto 20px auto }
    .floor .NBL a { width: 110px; display: inline-block; float: left; height: 34px; text-align: center; line-height: 34px; color: #333; background-color: #dfdfdf; font-size: 12px }
    .floor .NBL .on { background-color: #d21a10; color: #fff }
    .floorselect { text-align: center }
    .floorselect span { display: inline-block; width: 160px; height: 36px; border: 1px solid #dfdfdf; line-height: 36px; margin: 0 10px; cursor: pointer }
    .floorselect .on { background-color: #8a7971; color: #fff }
    .floorselect .on a { display: block; color: #fff }
    .floorselect span a { display: block }
    .autobg { width: 100%; background-color: #f5f5f6; overflow: auto; }
    .operatlist { width: 1200px; margin: 20px auto; overflow: auto; display: none }
    .operatlist li { width: 220px; background-color: #fff; float: left; margin-right: 20px; margin-bottom: 20px }
    .operatlist li img { display: block; margin: 10px auto; width: 200px; height: 130px; }
    .operatlist li p { text-align: center; line-height: 32px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; -moz-binding: url('ellipsis.xml#ellipsis'); }
    .operatlist li:hover { box-shadow: 3px 3px 5px #CCC }
    .operatlist .tmore img { width: 220px; margin: 0; height: 182px }

    .logolist { width: 1200px; margin: 20px auto; overflow: auto; }
    .logolist ul { width: 1200px; }
    .logolist li { width: 180px; border: 1px solid #dfdfdf; float: left; margin-bottom: 10px; margin-right: 10px; padding: 4px; overflow: auto; transition: 0.3s }
    .logolist li:hover { box-shadow: 3px 3px 5px #CCC }
    .logolist li img { width: 100px; height: 100px; border: 0; margin: 5px auto; display: block }


    .powerimg { width: 100%; height: 253px; position: relative; overflow: hidden }
    .powerimg img { position: absolute; width: 1920px; left: -950px; margin-left: 50% }
    .frilink { width: 1200px; margin: 0 auto 20px auto; border-top: 1px solid #dfdfdf }
    .frilink p { font-size: 14px; margin-top: 20px; margin-bottom: 10px }
    .linklist a { font-size: 12px; margin-right: 30px; }
    a:hover { color: #F00 }
    .foot { background-color: #f5f5f6; width: 100%; height: 220px; overflow: auto; border-top: 1px solid #999 }
    .foot p { text-align: center; font-size: 12px; color: #666; display: block; line-height: 24px; }
    .foot p:first-child { margin-top: 50px }
    .foot p img { margin-right: 20px }

    .signupbg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 10; display: none }
    .signupal { width: 530px; height: 400px; background-color: #fff; margin: 10% auto; position: relative; border-radius: 5px; }
    .signupal .close { position: absolute; top: -50px; right: -50px; cursor: pointer }
    .signupal h2 { text-align: center; color: #dd6a0e; font-size: 30px; float: left; width: 100%; margin-top: 40px; margin-bottom: 30px }
    .signupal .formlist { width: 350px; margin: 0 auto; height: 40px; overflow: auto; margin-bottom: 20px; }
    .signupal .formlist label { float: left; width: 80px; height: 40px; line-height: 40px; }
    .signupal .formlist input { height: 38px; border: 1px solid #dfdfdf; width: 265px; text-indent: 10px }
    .signupal button { width: 205px; background-color: #d61518; color: #fff; border: 0; height: 40px; display: block; margin-left: 170px }
    .signupal p { text-align: center; color: #999; font-size: 12px; line-height: 34px; }

    .there { width: 1200px; margin: 20px auto; line-height: 24px; font-family: SimSun-ExtB; overflow: auto; font-size: 14px }
    .there a { font-family: "微软雅黑"; font-size: 14px; line-height: 24px; margin-left: 10px; margin-right: 10px }

    .infolist { width: 1200px; margin: 0 auto 30px auto; overflow: auto }
    .listleft { width: 800px; float: left; }
    .listleft h3 { border-bottom: 1px solid #dfdfdf; line-height: 32px; font-size: 16px; color: #333; font-weight: normal; text-indent: 10px }
    .listleft ul li { list-style-type: disc; width: 780px; margin-bottom: 10px; margin-left: 20px; margin-top: 10px }
    .listleft ul li span { font-size: 14px; color: #666; line-height: 32px; width: 600px; white-space: nowrap; /*强制文本在一行内显示*/ text-overflow: ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow: ellipsis; /*溢出省略号，支持opera*/ overflow: hidden; /*溢出隐藏*/ -moz-binding: url('ellipsis.xml#ellipsis'); /*溢出省略号，支持firefox*/ }
    .listleft ul li i { float: right; font-size: 14px; color: #666; line-height: 32px; }
    .listleft ul li a:hover span { color: #f00 }
    .listright { float: right; width: 350px; margin-top: 32px }
    .listright img { width: 350px; }
    .listright p { width: 100%; background-color: #f1f1f1; height: 42px; line-height: 42px; }
    .listright p span { float: right; background-color: #db1518; color: #FFF; height: 24px; line-height: 24px; padding: 0 10px; margin-top: 9px; margin-right: 10px; border-radius: 5px; }

    .headitle { width: 100%; border-bottom: 1px solid #dfdfdf }
    .headitle p { font-size: 24px; text-indent: 10px; line-height: 46px }
    .headitle span { display: block; margin-left: 10px; margin-bottom: 10px; }
    .headitle span i { font-size: 12px; color: #666; margin-right: 10px }
    .textbox { width: 100%; margin-top: 10px; }
    .textbox img { max-width: 800px }

    .brandlist { width: 1200px; margin: 0 auto 30px auto; overflow: auto }
    .brandlist .sort a { display: block; height: 26px; line-height: 26px; text-align: center; display: block; float: left; margin-right: 10px; font-size: 14px; padding: 0 10px }
    .brandlist .sort .on { color: #db1518; border-bottom: 1px solid #db1518 }
    .sort { overflow: auto }
    .brandbox { width: 1200px; margin: 20px auto; overflow: auto; display: none }
    .brandbox ul { width: 1200px; }
    .brandbox li { width: 272px; border: 1px solid #dfdfdf; float: left; margin-bottom: 10px; margin-right: 10px; padding: 8px; overflow: auto; transition: 0.3s }
    .brandbox li:hover { box-shadow: 3px 3px 5px #CCC }

    .brandbox li img { width: 100px; height: 100px; border: 0; margin: 12px auto; display: block }
    .brandbox li p { width: 100%; text-align: center; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
    .banner2 { width: 100%; overflow: auto; box-shadow: 0 5px 10px #CCC }
    .banner2 img { width: 100%; }
    .banner2 .mbanner { display: none }
    .words { width: 50%; float: left; margin-top: 30px; overflow: auto; border-right: 1px solid #dfdfdf }
    .words p { text-indent: 2em; font-size: 14px; line-height: 26px; }
    .address { width: 1200px; margin: 0 auto 30px auto; overflow: auto }
    .addressleft { float: right; width: 45%; margin-left: 4%; margin-top: 20px }
    .addressleft p { font-size: 14px; margin-top: 10px; }
    .addressleft p img { vertical-align: middle; margin-right: 10px; margin-left: 10px; }
    .addressimg { width: 1200px; margin: 0 auto; overflow: auto; height: 400px; }



    .guide { width: 1200px; margin: 0 auto 30px auto; overflow: auto; display: none }
    .guideleft { float: left; width: 200px; display: none }
    .floormap { width: 100%; margin: 0 auto; }
    .guideleft h2 { text-align: center; font-size: 36px }
    .guideleft h2 img { vertical-align: middle; margin-right: 10px }
    .guideleft span { display: block; text-align: center; line-height: 40px; font-size: 14px }
    .guideleft .first { font-size: 16px; }

    .show { display: block }

    .alltitle { width: 100%; margin: 20px auto; background: url(http://resource.hdjmall.com/1.2/market/images/zs.png) center no-repeat; height: 97px; overflow: auto }
    .imgbox { width: 1200px; margin: 0 auto 30px; }
    .imgbox2 { width: 100%; margin: 20px auto 30px; background: url(http://resource.hdjmall.com/1.2/market/images/zs3.jpg) center no-repeat; height: 800px; overflow: auto }
    .imgbox3 { width: 100%; margin: 30px auto 30px; background: url(http://resource.hdjmall.com/1.2/market/images/zs4.jpg) center no-repeat; height: 365px; overflow: auto }
    .imgbox4 { width: 100%; margin: 30px auto 0; background: url(http://resource.hdjmall.com/1.2/market/images/zs5.jpg) center no-repeat; height: 608px; overflow: auto }
    .checkform { width: 420px; margin: 60px auto; }
    .checkform h2 { color: #fff; text-align: center; font-size: 38px; margin-bottom: 30px }
    .formlist2 { width: 100%; background-color: #fff; border-radius: 10px; height: 50px; margin-bottom: 20px; }
    .formlist2 label { width: 120px; line-height: 50px; text-align: center; display: block; float: left }
    .formlist2 input { width: 280px; border: 0; line-height: 50px; height: 50px; outline: none }
    .formlist3 { overflow: auto; margin-bottom: 20px }
    .formlist3 select { background-color: #fff; display: block; float: left; width: 120px; height: 50px; border-radius: 10px; margin-right: 30px; }
    .formlist3 select:last-child { margin-right: 0 }
    .checkform button { width: 100%; background-color: #f36f20; border-radius: 10px; height: 50px; margin-bottom: 20px; border: 0; color: #fff; font-size: 20px; margin-top: 10px }
    .checkform p { color: #fff; font-size: 14px; text-align: center }
    .mpowerimg { display: none }
    .mimg1 { display: none }
    .mimg2 { display: none }
    .mmodulartitle { display: none }
    .liucheng { display: none }
    .hide { display: none }
    .newsleft { float: left; width: 45%; margin-left: 3.33% }
    .newsleft h3 { margin-top: 30px; font-size: 20px; line-height: 32px; font-weight: normal; border-bottom: 1px solid #dfdfdf }
    .newsleft h3 a { float: right; font-size: 14px; }
    .newsleft li { margin-top: 20px; float: left; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; -moz-binding: url('ellipsis.xml#ellipsis'); width: 100%; }
    .newsleft li a { color: #666 }
    .newsleft li a:hover { color: #f00 }
    .newsleft h3 span { line-height: 32px; border-bottom: 1px solid #f35e3e; display: inline-block }


    .body1200 { width: 1200px; margin: 0 auto 20px; overflow: auto }
    .body1200 .left { width: 235px; border: 1px solid #dfdfdf; border-bottom: 0; overflow: auto; float: left }
    .body1200 .top { width: 100%; background-color: #f6f6f6; text-align: center; font-size: 16px; line-height: 50px; border-bottom: 1px solid #dfdfdf }
    .body1200 .floors { border-bottom: 1px solid #dfdfdf }
    .body1200 .floors span { margin: 0 auto; text-align: center; display: block; line-height: 54px; }
    .body1200 .floors span .on { font-size: 14px; border-bottom: 2px solid #ffab09 }
    .body1200 .floors ul { width: 80%; margin: 0 auto 10px; display: block; overflow: auto }
    .body1200 .floors ul li { width: 50%; float: left; text-align: left; margin-bottom: 10px }
    .body1200 .floors ul li a { font-size: 14px; display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; -moz-binding: url('ellipsis.xml#ellipsis'); }
    .body1200 .floors ul li .on { color: #f00 }
    .body1200 .right { width: 960px; float: right; }
    .body1200 .right ul { width: 100%; overflow: auto }
    .body1200 .right li { width: 185px; margin-left: 5px; border: 1px solid #dfdfdf; float: left; margin-bottom: 5px; transition: 0.3s }
    .body1200 .right li img { width: 120px; height: 120px; display: block; margin: 10px auto }
    .body1200 .right li:hover { box-shadow: 3px 3px 5px #CCC }
    .body1200 .right li .t-name { text-align: center; display: none; width: 120px; height: 120px; margin: 10px auto; }
    .body1200 .right li .t-name .t-name-a { font-size: 18px; font-weight: bold; padding-top: 50px; }


    .mlogo { display: none }
    .msearch { display: none }
    .search span { display: none }
    .hotsearch { display: none }
    .closenav { display: none }
    .navbg { display: none }
    .actinfo span { display: none }
    .actinfo .dz { display: none }
    .actinfo p img { display: none }
    .mactive { display: none }
    .newsoption ul li img { display: none }
    .hotsearch { display: none }
    .floatorder img { display: none }
    .body1200 .tops { display: none }
    .ruzhu { display: none }
}



/*手机端端样式*/
@media screen and (max-width:750px) {
    .head { width: 100%; height: 40px; overflow: auto; background-color: #333; position: relative }
    .marketlogo .pclogo { display: none }
    .marketlogo .mlogo { display: block; width: 40%; float: left; margin-left: 2%; margin-right: 2%; margin-top: 7px; z-index: 20; position: relative }

    .search { height: 40px; width: 100%; position: absolute; top: 0; right: -100%; background-color: #333; transition: 0.3s; z-index: 21 }
    .search form { width: 70%; background-color: #fff; display: block; float: left; margin-left: 10%; border-radius: 10px; margin-top: 7px; height: 26px }
    .search label { font-size: 14px; text-indent: 10px; display: block; float: left; line-height: 26px; border-right: 1px solid #dfdfdf; padding-right: 10px }
    .search input { border: 0; height: 26px; text-indent: 10px; width: 60%; outline: none }
    .search button { background-color: #fff; float: right; border: 0; margin-top: 5px; margin-right: 5px }
    .search span { color: #fff; line-height: 40px; margin-left: 20px; }
    .searchshow { right: 0 }
    .hotsearch { position: fixed; top: 40px; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,1); z-index: 10; display: none; }
    .hotsearch p { text-indent: 10px; color: #666; font-size: 14px; line-height: 2em; }
    .hotsearch a { display: block; float: left; margin-left: 15px; padding: 0 20px; background-color: #f1f1f1; border-radius: 5px; font-size: 14px; margin-bottom: 10px; }

    .tel { width: 70%; float: left; margin-top: 10px; margin-left: 2%; display: none }
    .tel img { display: none }
    .tel span:before { content: "咨询热线：" }
    .mobilenav { float: right; margin-top: 7px; margin-right: 2%; cursor: pointer }

    .nav { width: 100%; }
    .cot { width: 40%; background-color: #fff; position: fixed; top: 0; right: -40%; transition: 0.3s; z-index: 11; height: 100%; }
    .cot a { width: 100%; display: block; line-height: 2.5em; font-size: 1em; text-align: center; border-bottom: 1px solid #dfdfdf; }
    .cot .on a { background-color: #f1f1f1 }
    .closenav { width: 30px; height: 30px; position: fixed; top: 5px; right: 41%; z-index: 11 }
    .cotshow { right: 0 }
    .navbg { position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 10; width: 100%; height: 100%; display: none }


    .msearch { float: right; margin-right: 5px; }
    .msearch img { width: 80%; margin-top: 7px }

    .banner { width: 100%; }
    .slideBox { position: relative; width: 100%; }

    .floatorder { width: 100%; overflow: auto; margin: 20px auto 10px; border-bottom: 5px solid #f4f4f4 }
    .floatorder img { display: block; margin: 0 auto; width: 50% }
    .floatorder select { display: block; width: 80%; border: 1px solid #dfdfdf; height: 32px; margin: 0 auto 10px }
    .floatorder input { display: block; width: 80%; border: 1px solid #dfdfdf; height: 32px; margin: 0 auto 10px; text-indent: 5px }
    .floatorder button { display: block; width: 80%; border: 1px solid #2b74ca; height: 32px; margin: 0 auto 10px; background-color: #2b74ca; color: #fff }

    .slideBox img { width: 100%; }

    .banner .slideBox .hd { position: absolute; line-height: 28px; bottom: 4%; right: 43%; z-index: 1; }
    .slideBox .hd li { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #333; text-indent: -9999px; overflow: hidden; margin: 0 6px; cursor: pointer }
    .slideBox .hd li.on { background: #fff; }

    .signup { width: 100%; overflow: auto; background-color: #f5f5f6 }
    .sign_up { width: 95%; margin-left: 2.5%; margin-bottom: 10px; margin-top: 10px; background-color: #fff; overflow: auto; padding-bottom: 10px; }
    .signname { float: left; margin-left: 10px; }
    .signname p { font-size: 1.2em; margin-top: 10px; }
    .signname span { display: block; font-size: 1em; color: #666 }
    .signname a { background-color: #0d325c; display: block; width: 70%; color: #FFF; text-align: center; line-height: 1.5em; font-size: 1em; border-radius: 5px; margin-top: 10px; }
    .sign_up img { float: right; margin-right: 10px; }

    .modulartitle { width: 100%; overflow: auto; margin-top: 20px; }
    .modulartitle h1 { font-size: 1.3em; text-align: center; font-weight: normal }
    .modulartitle h2 { font-size: 0.5em; text-align: center; font-weight: normal }
    .floor { overflow: auto; margin-top: 20px; }
    .actviebox { width: 100%; overflow: auto }
    .active { display: none }

    .mactive { display: block; width: 100%; overflow: auto; background-color: #f2f2f2; padding-bottom: 15px; padding-top: 10px }
    .mactive .actimg { width: 40%; margin-top: 10px; margin-left: 10px; float: left }
    .mactive .actinfo { width: 50%; float: left; margin-left: 10px; }
    .mactive .actname { font-size: 1.1em; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; -moz-binding: url('ellipsis.xml#ellipsis'); margin-top: 13px; }
    .mactive p { font-size: 12px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; -moz-binding: url('ellipsis.xml#ellipsis'); margin-top: 5px; }
    .mactive p img { height: 12px; vertical-align: middle; margin-right: 3px; }
    .mactive .actinfo span { float: right; background-color: #ccc; box-shadow: 3px 3px 5px #f1f1f1; color: #333; border-radius: 10px; padding: 0 10px; margin-top: 7px; font-size: 0.8em }
    .mactive .dz img { margin-left: 2px }

    .newsbox { width: 100%; overflow: auto; border-bottom: 10px solid #dfdfdf }
    .newsbox .newsselect { width: 100%; margin-bottom: 20px; margin-top: 20px; overflow: auto; border-bottom: 1px solid #dfdfdf }
    /*.newsselect span:first-child { margin-left:25%}*/
    .newsselect span { display: block; width: 50%; text-align: center; line-height: 2em; float: left; }
    .newsselect .on { color: #333; border-bottom: 2px solid #db1518 }


    .newsoption { width: 100%; display: none }
    .newsoption ul li { width: 95%; margin-bottom: 10px; margin-top: 5px; border-bottom: 1px dotted #dfdfdf; overflow: auto; padding-bottom: 10px; margin-left: 2.5%; }
    .newsoption ul li img { float: left; display: block; width: 30% }

    .newsoption .newsname { font-size: 14px; line-height: 32px; width: 65%; margin-left: 2.5%; float: left }
    .newsoption .newsname span { width: 100%; display: block; float: left; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; -moz-binding: url('ellipsis.xml#ellipsis'); }
    .newsoption .time { display: none !important }
    .newsoption .newsname:hover span { color: #f00 }
    .newsoption .newsdet { font-size: 12px; line-height: 24px; width: 65%; margin-left: 2.5%; float: left }
    .newsoption .newsdet span { width: 100%; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

    .allnews { display: block; width: 5%; margin: 0px auto 10px }
    .allnews img { width: 100%; }
    .NBL { width: 100%; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #dfdfdf; text-align: center }
    .NBL a { padding: 0 5px; display: inline-block; margin-right: 15px; line-height: 2em }
    .NBL a:last-child { margin-left: 15px; }
    .NBL a:first-child { margin-left: 15px }
    .NBL .on { border-bottom: 2px solid #d21a10; }
    .floorselect { width: 100%; margin-top: 15px; margin-bottom: 10px; text-align: center }
    .floorselect span { line-height: 2em; display: inline-block; width: 16%; text-align: center; margin-left: 2%; margin-bottom: 10px; border-radius: 3px; }
    .floorselect .on { background-color: #ccc; box-shadow: 3px 3px 5px #f1f1f1 }
    .floorselect .on a { color: #d21a10; display: block }
    .floorselect span a { display: block }
    .autobg { width: 100%; overflow: auto; border-bottom: 10px solid #dfdfdf }
    .operatlist { width: 100%; overflow: auto; display: none }
    .operatlist ul li { width: 22%; display: block; float: left; margin-left: 2.1%; margin-bottom: 10px; }
    .operatlist ul li img { width: 100%; height: 91px }
    .operatlist ul li p { width: 100%; text-align: center; line-height: 2em }
    .logolist { width: 100%; overflow: auto }
    .logolist li { width: 22%; display: block; float: left; margin-left: 2.1%; margin-bottom: 10px; height: 0; padding-bottom: 15%; position: relative; overflow: hidden; border: 1px solid #dfdfdf; }
    .logolist li a { width: 60%; height: 80%; position: absolute; top: 10%; left: 20% }
    .logolist li a img { width: 100%; height: 100%; }
    .mpowerimg { width: 100%; }
    .powerimg { display: none }
    .frilink { width: 100%; overflow: auto; border-top: 1px solid #dfdfdf; padding-top: 10px; border-bottom: 10px solid #dfdfdf }
    .frilink p { text-indent: 5px; font-size: 0.8em; margin-bottom: 10px }
    .frilink .linklist { width: 95%; margin-left: 2.5%; margin-bottom: 10px; overflow: auto }
    .frilink .linklist a { margin-left: 10px; margin-bottom: 15px; float: left; font-size: 0.5em; }
    .frilink .linklist a:hover { color: #f00 }
    .foot { background-color: #f5f5f6; width: 100%; padding-top: 15px; padding-bottom: 20px }
    .foot p { text-align: center; font-size: 0.6em; line-height: 1.8em; width: 95%; margin-left: 2.5% }
    .foot p img { margin-right: 10px }
    .signupbg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 10; display: none }
    .signupal { width: 80%; margin-left: 10%; margin-top: 15%; background-color: #fff; border-radius: 10px; position: relative; padding-bottom: 20px }
    .signupal .close { position: absolute; width: 10%; top: -10%; right: -10% }
    .signupal h2 { color: #dd6a0e; font-size: 1.8em; text-align: center; margin-top: 10px; margin-bottom: 10px; float: left; width: 100%; overflow: auto }
    .signupal .formlist { width: 80%; border: 1px solid #dfdfdf; height: 2em; float: left; margin-left: 10%; margin-bottom: 20px }
    .signupal button { width: 80%; display: block; border: 0; background-color: #dd6a0e; color: #fff; height: 2.4em; margin: 0 auto }
    .signupal label { width: 40%; display: block; float: left; text-align: center; line-height: 2em }
    .signupal input { border: 0; height: 2.4em; outline: none; width: 60%; }
    .signupal p { text-align: center; font-size: 0.8em; margin-top: 10px }
    .there { width: 100%; margin-top: 10px; font-family: SimSun-ExtB; border-bottom: 1px solid #dfdfdf; padding-bottom: 5px }
    .there a { margin-right: 10px; margin-left: 10px; }
    .listleft { overflow: hidden }
    .infolist { width: 100%; border-bottom: 10px solid #dfdfdf }
    .listleft h3 { font-weight: normal; text-indent: 10px; margin-top: 10px; margin-bottom: 5px; }
    .listleft ul li { width: 95%; margin-left: 2.5%; margin-bottom: 10px; float: left; }
    .listleft ul li span { width: 50%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; float: left; font-size: 0.6em }
    .listleft ul li i { float: right; width: 50%; text-align: right; font-size: 0.6em }
    .listright { width: 100%; margin-top: 10px; overflow: auto }
    .listright img { width: 100%; }
    .listright p { line-height: 2.5em; text-indent: 10px; background-color: #f1f1f1 }
    .listright p span { display: block; float: right; background-color: #db1518; color: #fff; height: 1.6em; line-height: 1.6em; margin-top: 0.45em; margin-right: 10px; text-indent: 0; padding: 0 10px; }
    .headitle { overflow: auto }
    .headitle p { font-size: 1.1em; margin-bottom: 5px; margin-top: 10px; width: 95%; margin-left: 2.5% }
    .headitle span { width: 95%; margin-left: 2.5%; border-bottom: 1px solid #dfdfdf; display: block; padding-bottom: 5px }
    .headitle span i { font-size: 1em; margin-right: 10px; }
    .textbox { width: 95%; margin-left: 2.5%; overflow: auto; margin-top: 10px; }
    .textbox img { max-width: 95%; margin: 0 auto; display: block; }
    .brandlist { overflow: auto; width: 100%; }
    .brandlist .sort { width: 95%; margin-left: 2.5%; overflow: auto; margin-bottom: 10px; }
    .brandlist .sort a { display: block; float: left; margin-right: 10px; border: 1px solid #999; padding: 0 10px; line-height: 2em; font-size: 0.8em; border-radius: 3px; margin-bottom: 5px; }
    .brandlist .sort .on { background-color: #db1518; color: #fff; border: 1px solid #db1518 }
    .brandbox { width: 100%; overflow: auto; display: none }
    .brandbox li { float: left; width: 30%; margin-left: 2.3%; margin-bottom: 20px; }
    .brandbox li img { width: 100%; border: 1px solid #dfdfdf; }
    .brandbox li p { text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
    .guide { word-break: 100%; overflow: auto; display: none }
    .guide .guideleft { width: 95%; margin-left: 2.5%; }
    .guideleft h2 { text-align: center; }
    .guideleft img { display: none }
    .guideleft .first { display: none }
    .guideleft { text-align: center }
    .guideleft span { margin-right: 5px }
    .floormap { width: 100%; margin-top: 10px; }

    .banner2 { width: 100%; overflow: auto; }
    .banner2 img { width: 100%; }
    .banner2 .pcbanner { display: none }
    .words { width: 95%; margin-left: 2.5%; overflow: auto; margin-top: 10px; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px; }
    .words p { text-indent: 2em; margin-bottom: 10px; }
    .address { width: 100%; overflow: auto; }
    .addressleft { width: 100%; overflow: auto }
    .addressleft p { margin-left: 2.5%; margin-bottom: 10px; }
    .addressleft p img { vertical-align: middle; margin-right: 10px; }
    .addressimg { width: 100%; height: 320px }

    .alltitle { display: none }
    .mimg1 { width: 100%; margin-top: 10px; margin-bottom: 10px; }
    .imgbox { display: none }
    .mimg2 { width: 85%; margin-left: 7.5%; margin-bottom: 10px; }
    .mmodulartitle { width: 100%; overflow: auto; margin-top: 10px; margin-bottom: 10px }
    .mmodulartitle h1 { font-size: 1.5em; text-align: center; font-weight: normal }
    .mmodulartitle h2 { font-size: 1em; text-align: center; font-weight: normal }
    .liucheng { width: 100%; margin: 0 auto; overflow: auto; border-bottom: 1px solid #dfdfdf }
    .liucheng li { width: 95%; margin: 0 auto 5px }

    .imgbox4 { width: 100%; background: url(http://resource.hdjmall.com/1.2/market/images/zs5.jpg) center no-repeat; overflow: auto }
    .checkform { width: 80%; margin: 0 auto; }
    .checkform h2 { text-align: center; font-size: 1.5em; color: #fff; margin-top: 20px; margin-bottom: 10px }
    .formlist2 { width: 100%; background-color: #fff; border-radius: 10px; height: 2.2em; margin-bottom: 20px; }
    .formlist2 label { width: 30%; display: block; float: left; text-align: center; line-height: 2.2em }
    .formlist2 input { width: 65%; border: 0; height: 2.55em; outline: none }
    .checkform button { width: 100%; background-color: #f36f20; border-radius: 10px; height: 2.5em; font-size: 1em; margin-bottom: 10px; color: #fff; border: 0 }
    .formlist3 { margin-bottom: 20px; overflow: auto }
    .formlist3 select { width: 30%; float: left; display: block; background-color: #fff; border-radius: 10px; height: 2.5em; margin-right: 5% }
    .formlist3 select:last-child { margin-right: 0 }

    .newsleft { width: 95%; margin-left: 2.5%; overflow: auto }
    .newsleft h3 { font-size: 18px; font-weight: normal; margin-top: 10px; border-bottom: 1px solid #dfdfdf; line-height: 32px; }
    .newsleft h3 span { line-height: 32px; border-bottom: 1px solid #f35e3e; display: inline-block }
    .newsleft h3 a { float: right; font-size: 14px; }
    .newsleft li { width: 100%; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-bottom: 10px; margin-top: 5px; }

    .show { display: block }
    .hide { display: none }

    .body1200 .left { display: none }
    .body1200 .right { width: 100%; margin-top: 10px; overflow: auto }

    .body1200 .right li { width: 22%; display: block; float: left; margin-left: 2.1%; margin-bottom: 10px; height: 0; padding-bottom: 15%; position: relative; overflow: hidden; border: 1px solid #dfdfdf; }
    .body1200 .right li a { width: 60%; height: 80%; position: absolute; top: 10%; left: 20% }
    .body1200 .right li a img { width: 100%; height: 100%; }


    .body1200 .brands { width: 100%; height: 40px; overflow: hidden; background-color: #f4f4f4; position: relative }
    .body1200 .brands .move_nav { height: 48px; overflow: scroll; width: 100%; }
    .body1200 span { display: block; height: 40px; }
    .body1200 .brands a { line-height: 40px; width: 80px; display: block; float: left; padding: 0 10px; font-size: 0.8em; text-align: center; overflow: hidden; height: 40px }
    .brands img { position: absolute; top: 12px; right: 7px; height: 15px }


    .body1200 .floorx { text-align: center; background-color: #ffdb04; overflow: hidden; width: 100%; height: 45px; position: relative }
    .floors img { position: absolute; top: 14px; right: 7px; height: 15px }
    .body1200 .floorx .move_nav_f { height: 53px; overflow: scroll; width: 100%; }
    .body1200 .floorx a { float: left; line-height: 45px; width: 16.66% }
    .body1200 .floorx .on { border-bottom: 2px solid #ff5000; line-height: 43px }

    .body1200 .brands .on { color: #ff5000; }

    .ruzhu { width: 100%; overflow: auto }
    .ruzhu img { width: 100%; }
}
