html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}a{color:#828282}ul,li{list-style:none;padding:0;margin:0}button,input,select,textarea{margin:0}html{box-sizing:border-box}*{box-sizing:inherit}*:before,*:after{box-sizing:inherit}img,embed,object,audio,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}body{box-sizing:border-box}.list-inline li{display:inline-block}.flex-ul{display:flex;flex-wrap:wrap}.a-no{text-decoration:none}.f-right{float:right}.f-right::before{content:''}.f-right::after{clear:both}.f-left{float:left}.f-left::before{content:''}.f-left::after{clear:both}.color-red{color:#DB2350}header .logo{width:1200px;margin:0 auto}header nav{background:#FFF}header nav ul{width:1200px;margin:0 auto;font-size:0;border-bottom:1px dotted #c7c7c7}header nav .nav-li{color:#FFF;width:11.11%;text-align:center}header nav .nav-li a{text-decoration:none;display:block;width:100%;padding:15px;font-size:14px;color:#828282}header nav .nav-li a:hover{background:#DB2350;color:#FFF}header nav .active{background:#DB2350}header nav .active a{color:#FFF}main{width:1200px;margin:20px auto 20px auto}main .simple-ul{color:#fff;text-align:center;font-size:0;margin-top:-1px}main .simple-ul>li{width:16.7%;padding:5px 0;border:1px solid #c7c7c7;margin-left:-1px}main .simple-ul>li a{font-size:14px;text-decoration:none}main .simple-ul>li a:hover{text-decoration:underline;color:#DB2350}main .simple-ul .red a{color:#db2350}main .img-ul{margin:5px auto;border:1px solid #c7c7c7}main .img-ul>li{width:16.2%;text-align:center}main .body{margin-top:20px;border-top:3px solid #db2350;display:flex;flex-wrap:wrap}main .body>.title{padding:20px 40px;font-size:1.5em;flex:0 0 100%;border:1px solid #c7c7c7;margin-bottom:10px}main .body .left{flex:0 0 80%}main .body .left li{flex:0 0 16%;border:1px solid #c7c7c7;margin-bottom:-1px;margin-left:-1px;padding:10px 20px;text-align:center}main .body .left li a{text-decoration:none}main .body .left li a:hover{color:#DB2350}main .body .right{flex:0 0 20%;border:1px solid #c7c7c7;margin-right:-1px}main .body .right .title{width:100%;border-bottom:2px solid #db2350;font-size:1em;text-align:left;display:block;padding:10px 20px}main .body .right .content{padding:5px 20px}main .body .right .content li{width:100%;padding:15px 0;font-size:.8em}main .body .right .content li:not(:last-child){border-bottom:1px dotted #c7c7c7}main .body .right .content .sep{background:#C7C7C7;display:inline-block;width:20px;text-align:center;margin-right:10px;color:#FFF}main .body .right .content li:nth-child(1) .sep,main .body .right .content li:nth-child(2) .sep,main .body .right .content li:nth-child(3) .sep{background:#db2350}main .classify .title{font-size:1.5em}main .classify ul{border:1px solid #c7c7c7}main .classify ul li{flex:0 0 20%;padding:5px 15px}main .classify ul li .box{border:1px solid #c7c7c7;box-shadow:1px 1px 10px 1px #c7c7c7;margin:10px 0;width:100%;display:block;border-radius:3px;padding:20px;text-align:center;text-decoration:none}main .classify ul li .box:hover{transform:translateY(-8px);transition:all .4s ease}main .classify ul li .box img{width:100%}footer p{text-align:center}footer .nav{width:1200px;margin:0 auto;text-align:center}