*{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;}*/
body{background:#fff;color:#333;font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
td,th,caption{font-size:14px;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1,.h1{font-size:40px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:20px}
h5,.h5{font-size:16px}
h6,.h6{font-size:14px}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;color:#c7000b}
img{border:none;}
ol,ul,li{list-style:none;}
input,textarea,select,button{font:14px "Helvetica Neue",Helvetica,Arial,sans-serif;}
table{border-collapse:collapse;}
.fixed:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fixed{*zoom:1;}/*公共类*/
.fl{float:left}
.fr{float:right}
.al{text-align:left}
.ac{text-align:center}
.ar{text-align:right}
.hide{display:none}
.box{width:1140px;margin:0 auto}
.pc{display:block}
.phone{display:none}
.middle{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}


.top{text-align: right;background-color: #333333;color: #ffffff;height: 30px;line-height: 30px;font-size: 14px;}
.top>div>span{cursor: pointer}
.top>div>span:first-child{padding-right: 21px;margin-right: 20px;border-right: 1px solid #ffffff}
.toYear{margin-bottom: 30px;}
.toYear>a{display: block;height:450px;background: url("../images/start/toYear.jpg")no-repeat center;background-size: cover}
.nav_top{background-color: #333333}
.nav{padding: 15px 0;background-color: #ffffff;border-bottom: 1px solid #eeeeee}
.nav.fixedTop{position: fixed;top: 0;left: 0;z-index: 1000;width: 100%;border-bottom: 1px solid #eeeeee}
.logo>a{display:inline-block;vertical-align: middle}
.logo>a>img{display: block; height:26px;}
.logo>a>svg{display: block;height: 26px;width: 110px;}
.logo>span{display:inline-block;vertical-align: middle;font-size: 14px;line-height: 14px;height: 14px;color: #a0a0a0;margin-left: 10px;}
.search{border-bottom: 1px solid #dedede;padding-bottom:5px;margin-right: 20px;transition: border-color 0.3s}
.search.deep-border{border-color: #555}
.search>span{display: inline-block;vertical-align: middle}
.search>span>img{display: block;cursor: pointer}
.search>input{border: none;outline: none;display: inline-block;vertical-align: middle;margin-left: 10px;width: 150px;font-size: 14px;color: #333333}
.search>input::-webkit-input-placeholder{color: #dedede}
.shop-car:hover>.shop-list{display: block}
.shop-car>img{display: block;height: 20px;cursor: pointer}
.shop-car{padding-top: 3px;position: relative}
.shop-car>span{position: absolute;right: -8px;top: -5px;display: block;width: 16px;height: 16px;border-radius: 50%;background-color: #c7000b;color: #ffffff;font-size: 12px;line-height: 16px;text-align: center}

.banner{height: 450px;background: url("../images/start/banner.jpg")no-repeat center;background-size: cover;position: relative;text-align: center;color: #ffffff;margin-bottom: 50px;}
.banner h1{font-size: 48px;margin-bottom: 10px;padding-top: 120px;}
.section{margin-bottom: 100px;}
.section>div>h3{font-size: 28px;}
.section>div>h3>b{display: inline-block}
.section>div>h3>b>small{font-size: 14px;color: #a0a0a0;font-weight: 400;margin-left: 10px;display: inline-block;vertical-align: text-bottom}
.section>div>h3>span{color: #c7000b;font-size: 14px;margin-top: 15px;font-weight: 700}

.list>ul>li{text-align: center;width: 280.5px;float: left;margin-right: 6px;margin-top: 20px;cursor: pointer;transition: all .4s;}
.list>ul>li:hover{    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.1);
    box-shadow: 0 2px 20px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);}
.list>ul>li:nth-child(4n){margin-right: 0}
.pro-img{border: 1px solid #eeeeee;position: relative;padding: 50px 0;}
.pro-img>span{position: absolute;left: 15px;top: 15px;display: block;border: 1px solid #c7000b;color: #c7000b;font-size: 12px;padding: 3px 5px;background-color: #f9e5e6}
.pro-img>img{max-width: 90%;display: block;margin: 0 auto}
.pro-txt{background-color: #f8f8f8;padding: 20px;}
.pro-txt>p{overflow: hidden; height:42px;}
.pro-txt>h5{font-size: 12px;color: #999999;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;margin-top: 5px;}
.pro-txt>div{margin-top: 15px;}
.pro-txt>div>span{display: inline-block;vertical-align: middle;color: #c7000b;margin-right: 30px;font-size: 22px;}
.pro-txt>div>img{display: inline-block;vertical-align: middle;height: 24px;}
.pro-txt>div>span>small{color: #c7000b;font-size: 12px;font-weight: 400}

.banner2{height: 300px;background: url("../images/start/banner2.jpg")no-repeat center;background-size: cover;margin-top: 20px;}

.list2{margin-top: 20px;}
.list2>ul>li{position: relative;float: left;width: 48%;margin-right: 4%;margin-bottom: 30px;}
.list2>ul>li img{display: block;width: 100%}
.list2>ul>li>p{position: absolute;left: 0;bottom: 0;background: url("../images/start/bg.png")no-repeat center right;background-size: cover;padding: 5px 20px 5px 10px;color: #ffffff}
.list2>ul>li>span{position: absolute;right: 20px;bottom: 5px;}
.list2>ul>li>p>small{font-size: 12px;}
.list2>ul>li:nth-child(2n){margin-right: 0}
.section2{margin-bottom: 70px;}
.DNul li div.DN img{vertical-align: middle}
#footer{border-top: 1px solid #eeeeee;padding: 50px 0}
#footer .fl>img{display: inline-block;vertical-align: middle; height:26px;}
#footer .fl>span{display: inline-block;vertical-align: middle;font-size: 14px;margin-left: 20px;color: #666666}
#footer .fr{text-align: right;font-size: 12px;color: #666666}

.shop-list{position: absolute;width: 400px;right: -20px;background-color: #ffffff;border: 1px solid #c7000b;top: 33px;padding: 10px 0;min-height: 400px;display: none;z-index: 50}

.list-detail{height: 320px;overflow-y: auto;padding: 0 20px;}
.shop-list img{width: 75px;display: block;margin-right: 10px;}
.shop-list>img{position: absolute;width: auto;right: 10px;top: -10px;}
.shop-list h3{font-size: 16px;width: 180px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.shop-list>div>table{width: 100%}
.shop-list>div>table td{padding-bottom: 10px;}
.shop-list>div>table td>p{font-size: 12px;color: #999999}
.shop-list>div>table td.p{color: #c7000b}
.shop-list>div>table td.c{color: #cccccc;font-size: 18px;cursor: pointer;padding-left: 10px;}
.settlement{position: absolute;bottom: 0;left: 0;background-color: #f4f0ea;width: 100%;padding: 20px;}
.settlement>div>h3{font-size: 16px;}
.settlement>div>p{color: #c7000b}
.settlement>div>a{background-color: #c7000b;color: #ffffff;display: block;width: 140px;height: 40px;line-height: 40px;text-align: center;border-radius: 5px;}
@media(max-width:1200px){
    .box{width:970px;}
    .list>ul>li{width: 238px}
}
@media(max-width:998px){
    .box{width:700px;}
    .list>ul>li{width: 230px;margin-right: 5px;}
    .list>ul>li:nth-child(4n){margin-right: 5px}
    .list>ul>li:nth-child(3n){margin-right: 0}


}
@media(max-width:767px)
{
    body{font-size:14px;}
    h1,.h1{font-size:24px;}
    h2,.h2{font-size:20px;}
    h3,.h3{font-size:18px;}
    h4,.h4{font-size:16px;}
    .box{width:100%;padding:0 15px;}
    .pc{display:none}
    .phone{display:block}
    .banner h1{font-size: 24px;}
    .banner{height: 160px;background-image: url("../images/start/banner-p.jpg");margin-bottom: 20px;}
    .list>ul>li{width: 49%;margin-right: 2%}
    .list>ul>li:nth-child(3n){margin-right: 2%}
    .list>ul>li:nth-child(4n){margin-right: 2%}
    .list>ul>li:nth-child(2n){margin-right: 0}
    .pro-img{padding: 15px 0}
    .nav{padding: 5px 0}
    .nav .fr>div{float: none;display: inline-block;vertical-align: middle}
    .logo>span{display: none}
    .pro-img>span{top: 0;left: 0;font-size: 12px;}
    .pro-txt{padding: 5px;}
    .pro-txt>p{font-size: 14px;white-space: pre-wrap;text-overflow: ellipsis;text-align: left;height: 38px;
        -webkit-line-clamp: 2;
        overflow: hidden;}
    .pro-txt>div{margin-top: 5px;}
    .section3 .pro-txt>p{overflow: hidden;height: 38px;}
    .pro-txt>h5{text-align: left}
    .pro-txt>div{text-align: left;font-size: 12px;}
    .section{margin-bottom: 50px;}
    .section2{margin-bottom: 20px;}
    .section>div>h3{font-size: 20px;}
    .section>div>h3>span{margin-top: 5px;}
    .list2>ul>li{width: 100%;margin-right: 0}
    .list2>ul>li>p{font-size: 14px;}
    #footer>div>div{float: none;text-align: center}
    #footer .fr{text-align: center;margin-top: 10px}
    #footer{padding: 30px 0}
    .search{background-color: #eee;margin-right: 5px;border-bottom: none;padding-bottom: 0;height: 25px;width: 85%}
    .search>input{background-color: transparent}
    .nav .fr{float: none;margin-left: 100px;}
    .logo>a>img{height: 20px;margin-top: 2px;}
    .search>span>img{height: 15px;margin-left: 5px;}
    .search>input{height: 25px;line-height: 25px;}
    .shop-car{float: right!important;}
    .search>input{margin-left: 5px;}
    .search>input{width: 130px;}
    .pro-img>img{width: 80%}
    .pro-txt>div>span{font-weight: 700; font-size:16px;}
    .banner2{height: 160px;}
    .pro-txt>div>img{float: right;margin-right: 10px;}
    .logo>a>svg{height: 20px;width: 85px;margin-top: 2px;}
    .login, .myID{margin-top: 0}
    .nav_top{padding: 5px 0}
    .login div, .myID p{color: #eeeeee}
    .IDphone{color: #ffffff;background: url(../images/mydvaco.png) no-repeat left center / 20px;width: 80px;
        padding-left: 20px;}
    .shop-list{visibility: hidden}
    .toYear>a{height: 150px;}
}