@CHARSET "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, fieldset, form, label, input, button, select, textarea, img, table, th, td, article, aside, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video, p{padding:0;margin:0;border: 0 none;color: #383838;line-height: 18px;font: 16px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;list-style:none;}
input, textarea, a{outline: none;resize: none;}
a{text-decoration: none;
  -moz-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out, margin 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;
  -webkit-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out, margin 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out, margin 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;
  -ms-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out, margin 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;
  transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out，box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out, margin 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;}
.clr{clear: both;}
*{margin: 0; padding: 0;}
a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
html, body{width: 2160px;height: 2620px;background: #fff url(../images/bg.jpg) center center no-repeat;margin: auto;background-size: cover;}
@font-face{font-family: fdbsjw;src:url(../fonts/方正小标宋简.TTF);}

.title{padding: 288px 200px 0;}
.title h1{font-size: 108px;font-family: fdbsjw;width: 100%;text-align: center;color: #80050a;}
.title h2{font-size: 100px;font-family: fdbsjw;width: 100%;text-align: center;color: #80050a;padding: 40px 0 0;}
ul.content{margin: 128px 120px 0;width: 1920px;background: url(../images/vd_line.png) center center no-repeat;}
ul.content li{width: 860px;float: left;padding: 45px 50px;height: 84px;}
ul.content li div{font-family: fdbsjw;}
ul.content li .name{width: 440px;float: left;font-size: 72px;color: #9a1818;}
ul.content li .line{width: 100px;height: 6px;float: left;margin: 36px 0 0;}
ul.content li .line img{width: 100px;height: 6px;display: block;}
ul.content li .price{width: 320px;float: left;font-size: 72px;color: #9a1818;text-align: right;}


@media screen and (max-width: 1080px){
    html, body{width: 1080px;height: 1310px;}
    .title{padding: 144px 100px 0;}
    .title h1{font-size: 54px;}
    .title h2{font-size: 50px;padding: 20px 0 0;}
    ul.content{margin: 64px 60px 0;width: 960px;background-size: 3px 800px;}
    ul.content li{width: 430px;padding: 22px 25px;height: 42px;}
    ul.content li .name{width: 220px;font-size: 36px;}
    ul.content li .line{width: 50px;height: 3px;margin: 18px 0 0;}
    ul.content li .line img{width: 50px;height: 3px;}
    ul.content li .price{width: 160px;font-size: 36px;}
}