@charset "utf-8";
html{width:100%;height:100%;}
body{background:#5f0509;margin:0 auto;}
.mod img{width:100%;}
.mod0{background:url(images/header.jpg) no-repeat center 0;height:481px;margin-top: 68px;}
.mod1{background:url(images/mod1.jpg) no-repeat center top;height:490px;}
.mod2{background:url(images/mod2.jpg) no-repeat center top;height:485px;}
.mod3{background:url(images/mod3.jpg) no-repeat center top;height:361px;}
.mod4{background:url(images/mod4.jpg) no-repeat center top;height:519px;}
.mod5{background:url(images/mod5.jpg) no-repeat center top;height:489px;}
.mod6{background:url(images/mod6.jpg) no-repeat center top;height:875px;}
.mod7{background:url(images/mod7.jpg) no-repeat center top;height:1037px;}
.mod8{background:url(images/mod8.jpg) no-repeat center top;height:663px;}

.mod-inner{width:1022px;margin:0 auto;position:relative;display:flex;flex-wrap: wrap;justify-content:space-between;padding:65px 33px 30px;}
.mod .a{display:block;width:501px;height:346px;text-indent:-1000px;overflow:hidden;}

.mod2 .a{width: 162px;height: 336px;}
.mod3 .a{width: 242px;height: 217px;}
.mod4 .a{width: 192px;height: 369px;}
.mod6 .a{width: 192px;height: 346px;}
.mod6 .a1{margin-left: 103px;}
.mod6 .a4{margin-right: 103px;}
.mod6 .a5,.mod6 .a6,.mod6 .a7,.mod6 .a8,.mod6 .a9{margin-top:28px}
.mod7 .a{width: 242px;height: 430px;}
.mod7 .a5,.mod7 .a6,.mod7 .a7,.mod7 .a8{margin-top:22px}
.hd-nav-main .nav-main-inner{width: 1997px;}