#ssjd {position:relative;margin-top:50px;text-align:center;}
#ssjd:after {position:absolute;bottom:0;left:0;z-index:1;display:block;width:100%;height:5px;content:"";background-color:#ddd;}
#ssjd:before {position:absolute;bottom:0;left:0;z-index:2;display:block;width:50%;height:5px;content:"";background-color:#cd9315;}
#ssjd ul {position:relative;z-index:3;display:inline-block;color:#999;vertical-align:top;}
#ssjd ul:after {position:absolute;bottom:0;left:0;z-index:1;display:block;width:100%;height:5px;content:"";background-color:#ddd;}
#ssjd ul li {position:relative;z-index:2;display:inline-block;padding:0 50px 20px 50px;font-size:20px;line-height:1.4;vertical-align:top;overflow:hidden;}
#ssjd ul li:after {position:absolute;bottom:-15px;display:block;border:15px solid transparent;border-left-color:#cd9315;}
#ssjd ul li:before {position:absolute;bottom:0;left:0;display:block;height:5px;background-color:#cd9315;}
.ssjd0 ul li:nth-child(1):after {left:0;content:"";}
.ssjd1 ul li:nth-child(1) {color:#cd9315;}
.ssjd1 ul li:nth-child(1):after {left:50%;content:"";transform:translateX(-2px);}
.ssjd1 ul li:nth-child(1):before {width:50%;content:"";}
.ssjd2 ul li:nth-child(1):before {width:100%;content:"";}
.ssjd2 ul li:nth-child(2) {color:#cd9315;}
.ssjd2 ul li:nth-child(2):after {left:50%;content:"";transform:translateX(-2px);}
.ssjd2 ul li:nth-child(2):before {width:50%;content:"";}
.ssjd3 ul li:nth-child(1):before {width:100%;content:"";}
.ssjd3 ul li:nth-child(2):before {width:100%;content:"";}
.ssjd3 ul li:nth-child(3) {color:#cd9315;}
.ssjd3 ul li:nth-child(3):after {left:50%;content:"";transform:translateX(-2px);}
.ssjd3 ul li:nth-child(3):before {width:50%;content:"";}
.ssjd4 ul li:nth-child(1):before {width:100%;content:"";}
.ssjd4 ul li:nth-child(2):before {width:100%;content:"";}
.ssjd4 ul li:nth-child(3):before {width:100%;content:"";}
.ssjd4 ul li:nth-child(4) {color:#cd9315;}
.ssjd4 ul li:nth-child(4):after {left:50%;content:"";transform:translateX(-2px);}
.ssjd4 ul li:nth-child(4):before {width:50%;content:"";}

#wybms {color:#333;font-size:14px;}
#wybms .thead {padding-top:40px;padding-bottom:20px;line-height:1.6;color:#181818;font-size:24px;font-weight:bold;text-align:center;}
#wybms .cont {box-sizing:border-box;border-top:1px solid #d5d6d7;border-right:1px solid #d5d6d7;background-color:#f3f7fd;}
#wybms .items {display:flex;border-bottom:1px solid #d5d6d7;}
#wybms .items .bts {flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;width:200px;text-align:center;border-left:1px solid #d5d6d7;border-right:1px solid #d5d6d7;box-sizing:border-box;}
#wybms .items .bts strong {font-size:15px;}
#wybms .items .btd {min-height:50px;}
#wybms .items .nrs {flex:1 1 auto;position:relative;}
#wybms .items .wzs {padding:8px 12px;color:#999;line-height:1.6;}
#wybms .items .type {display:flex;align-items:center;padding:12px;}
#wybms .items .type label {margin-right:30px;vertical-align:top;cursor:pointer;}
#wybms .items .type label:last-child {margin-right:0;}
#wybms .items .type label input {margin-right:5px;}
#wybms .items .type p {color:#999;}
#wybms .items .inputs {font-size:0;background-color:#fff;}
#wybms .items .inputs input {padding:0 12px;width:100%;height:38px;border:none;background-color:#fff;}
#wybms .items .inputs textarea {padding:8px 12px;width:100%;height:80px;line-height:1.7;border:none;background-color:#fff;}

#wybms .xsxx {display:flex;flex-flow:row wrap;}
#wybms .xsxx .cols {width:50%;}
#wybms .xsxx > .items {width:100%;}

#wybms .scbtn {display:flex;align-items:center;padding:6px 12px;font-size:12px;}
#wybms .scbtn span {flex:0 0 auto;width:160px;height:28px;line-height:28px;color:#865a02;text-align:center;text-shadow:1px 1px 1px #fff;background:url(../images/btn_bg2.jpg) no-repeat;background-size:100% 100%;cursor:pointer;}
#wybms .scbtn p {margin-left:10px;color:#999;}

#wybms .zpsc {display:flex;}
#wybms .zpsc .items {width:50%;}
#wybms .zpsc .items .nrs {display:flex;align-items:center;color:#999;background-color:#fff;}
#wybms .zpsc .items .nrs input {padding:0 12px;width:50px;height:38px;text-align:center;border:none;background-color:#fff;}

#wybms .tgfs2 {display:flex;}
#wybms .tgfs2 .items:nth-child(1) {width:65%;}
#wybms .tgfs2 .items:nth-child(1) input {font-size:12px;}
#wybms .tgfs2 .items:nth-child(2) {width:35%;}

#wybms .tgsm {padding:10px 12px;color:#cca036;background-color:#fdf9ed;}
#wybms .tgsm li {margin-left:1em;line-height:1.6;list-style:decimal;}

#wybms .btns {margin-top:16px;text-align:center;}
#wybms .btns button {width:110px;height:38px;line-height:38px;color:#fff;font-size:14px;font-weight:bold;text-align:center;border:none;background-color:#c48c16;}
#wybms .btns button:nth-child(2) {margin-left:10px;color:#555;background-color:#d4d4d4;}

#wybms .preview {display:none;width:100%;font-size:0;}
#wybms .preview .pics {display:flex;flex-flow:row wrap;padding:0 12px 12px 198px;border-left:1px solid #d5d6d7;border-bottom:1px solid #d5d6d7;}
#wybms .preview .pics div {position:relative;margin-top:10px;margin-right:10px;width:98px;height:98px;font-size:0;text-align:center;border:1px solid #dbdbdb;background:#fff;}
#wybms .preview .pics div:last-child {margin-right:0;}
#wybms .preview .pics span {max-height:100%;}
#wybms .preview .pics img {max-width:100%;max-height:100%;}
#wybms .preview .pics i {position:absolute;top:0;right:0;z-index:2;display:block;width:20px;height:20px;line-height:20px;color:#fff;font-size:12px;text-align:center;background-color:rgba(0,0,0,0.7);cursor:pointer;}

#wybm {padding-top:45px;padding-bottom:80px;background:url(../images/bg2.jpg) no-repeat center bottom;}
#wybm form {margin:0 auto;width:900px;color:#333;font-size:14px;background-color:#f0f0f0;}
#wybm .thead {padding:15px 10px;font-size:20px;font-weight:bold;text-align:center;background-color:#e4e4e4;}
#wybm .cont {padding:0 60px 50px 35px;}
#wybm .items {margin-top:20px;}
#wybm .inputs {display:flex;align-items:center;}
#wybm .inputs .bts {flex:0 0 auto;padding-right:10px;width:185px;text-align:right;box-sizing:border-box;}
#wybm .inputs .bts span {margin-right:5px;color:#ff0000;font-size:14px;}
#wybm .inputs .nrs {flex:1 1 auto;position:relative;}
#wybm .inputs .nrs > input {padding:0 10px;width:100%;height:38px;border:1px solid #dbdbdb;background:#fff;}
#wybm .inputs .nrs > textarea {padding:8px 10px;width:100%;height:85px;line-height:1.6;border:1px solid #dbdbdb;background:#fff;}
#wybm .text1 {position:relative;margin-bottom:5px;padding-left:185px;color:#999;font-size:12px;}
#wybm .text2 {position:relative;margin-top:5px;padding-left:185px;color:#999;font-size:12px;}
#wybm .text3 {padding-left:185px;color:#999;font-size:12px;}
#wybm .text3 li {margin-top:3px;margin-left:1em;line-height:1.6;list-style:decimal;}
#wybm .type label {display:inline-block;margin-right:20px;vertical-align:top;cursor:pointer;}
#wybm .type label:last-child {margin-right:0;}
#wybm .type label input {margin-right:5px;}
#wybm .type p {position:absolute;top:0;right:0;color:#999;font-size:14px;}
#wybm .dan {position:absolute;bottom:0;right:0;padding-right:25px;}
#wybm .dan span {position:absolute;top:0;right:0;display:block;width:17px;height:17px;border:1px solid #a97d15;background-color:#cfa237;cursor:pointer;}
#wybm .dan span:after {position:absolute;top:8px;left:3px;display:block;width:11px;height:1px;content:"";background-color:#fff;}
#wybm .dan span:before {position:absolute;top:8px;left:3px;display:block;width:11px;height:1px;content:"";background-color:#fff;transform:rotate(90deg);}
#wybm .upload {flex:1 1 auto;display:flex;align-items:center;font-size:14px;}
#wybm .upload .preview {position:relative;width:98px;height:98px;font-size:0;text-align:center;border:1px solid #dbdbdb;background:#fff;}
#wybm .upload .preview div {max-height:100%;}
#wybm .upload .preview img {max-width:100%;max-height:100%;}
#wybm .upload .preview i {position:absolute;top:0;right:0;z-index:2;display:block;width:20px;height:20px;line-height:20px;color:#fff;font-size:12px;text-align:center;background-color:rgba(0,0,0,0.7);cursor:pointer;}
#wybm .upload .text {margin-left:15px;color:#999;}
#wybm .upload .text span {display:block;margin-top:15px;width:120px;height:31px;line-height:31px;color:#4b4b4b;text-align:center;text-shadow:1px 1px 1px #fff;background:url(../images/btn_bg1.jpg) no-repeat;background-size:100% 100%;cursor:pointer;}
#wybm .upload2 {height:38px;}
#wybm .upload2 .btn {display:inline-block;margin-right:12px;width:89px;height:31px;line-height:31px;color:#4b4b4b;text-align:center;font-size:14px;text-shadow:1px 1px 1px #fff;background:url(../images/btn_bg1.jpg) no-repeat;cursor:pointer;}
#wybm .upload2 .filename {font-size:13px;}
#wybm .btns {margin-top:20px;margin-left:185px;}

#wycs > div {display:flex;position:relative;}
#wycs > div:before {position:absolute;top:0;left:200px;display:block;width:1px;height:100%;content:"";background-color:#e2e0de;}
#wycs > div:after {position:absolute;top:0;right:200px;display:block;width:1px;height:100%;content:"";background-color:#e2e0de;}
.bmbtn {position:relative;width:200px;}
.bmbtn div {margin-top:88px;width:190px;}
.bmbtn div.fd {position:absolute;left:0;}
.bmbtn div a {display:inline-block;margin-bottom:40px;padding:12px 30px;min-width:186px;color:#fff;font-size:16px;font-weight:bold;text-align:center;vertical-align:top;border-radius:5px;box-sizing:border-box;background-color:#cd9315;}
.bmbtn div a:hover {box-shadow:2px 2px 8px rgba(0,0,0,0.5);background-color:#78530c;}
.bmbtn-m {display:none;text-align:center;}
#csbtn2 {position:relative;}
#csbtn2 a {position:absolute;top:52px;left:0;display:inline-block;padding:12px 30px;min-width:186px;color:#fff;font-size:18px;text-align:center;vertical-align:top;border-radius:5px;box-sizing:border-box;background-color:#cd9315;}
#csbtn2 a:hover {box-shadow:2px 2px 8px rgba(0,0,0,0.5);background-color:#78530c;}
#wycs .left {padding-left:40px;padding-right:40px;width:calc(100% - 400px);}

#cns {position:fixed;top:0;left:0;z-index:9999;display:none;flex-direction:column;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
#cns .nrs {display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:0 30px 30px 30px;width:1000px;height:72%;box-sizing:border-box;border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,0.5);background-color:#fff;}
#cns .tis {flex:0 0 auto;position:relative;padding:20px 0;color:#333;font-size:20px;text-align:center;}
#cns .tis span {position:absolute;top:50%;right:0;display:block;margin-top:-15px;padding:6px 12px;color:#fff;font-size:14px;border-radius:3px;background-color:#181818;cursor:pointer;}
#cns .editorc {flex:1 1 auto;font-size:14px;overflow-y:auto;}
#cns .btn {flex:0 0 auto;margin-top:20px;text-align:center;}

#xlybm {position:fixed;top:0;left:0;z-index:9999;display:none;flex-direction:column;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
#xlybm form {display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:30px;width:500px;box-sizing:border-box;border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,0.5);background-color:#fff;}
#xlybm .thead {line-height:1.6;color:#181818;font-size:20px;font-weight:bold;text-align:center;}
#xlybm .items {margin-top:20px;}
#xlybm .items p {margin-bottom:10px;color:#333;font-size:16px;}
#xlybm .items input {padding:0 10px;width:100%;height:40px;border:1px solid #ddd;}
#xlybm .btns {margin-top:30px;text-align:center;}
#xlybm .btns button {width:150px;height:40px;line-height:40px;color:#fff;font-size:16px;font-weight:bold;text-align:center;border:none;background-color:#c48c16;}
#xlybm .btns button:nth-child(2) {margin-left:15px;color:#555;background-color:#d4d4d4;}

.works {display:flex;flex-flow:row wrap;}
.works li {margin-top:2.5%;margin-right:2%;width:23.5%;}
.works li:nth-child(4n) {margin-right:0;}
.works a {display:flex;flex-direction:column;box-shadow:0 0 10px rgba(0,0,0,0.15);background-color:#fff;overflow:hidden;}
.works a.sj {display:none;}
.works a .imgs {flex:0 0 auto;position:relative;z-index:2;height:165px;font-size:0;background-color:#000;overflow:hidden;}
.works a .imgs img {width:100%;transition:ease-out 400ms;}
.works a .imgs div {position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;transition:ease-out 400ms;}
.works a .imgs span {position:absolute;top:0;left:0;z-index:2;display:block;padding:6px 15px;color:#fff;font-size:14px;border-radius:0 0 5px 0;background-color:rgba(0,0,0,0.6);}
.works a .text {flex:1 1 auto;position:relative;z-index:1;padding:15px 20px;}
.works a .text h2 {color:#222;font-size:18px;}
.works a .text p {margin-top:8px;color:#555;font-size:14px;line-height:1.8;}
.works a .text .gotms {-webkit-line-clamp:4;}
.works a:hover {background-color:#cd9315;}
.works a:hover .imgs img {transform:scale(1.1);}
.works a:hover .imgs div {transform:scale(1.1);}
.works a:hover .text h2 {color:#fff;}
.works a:hover .text p {color:#fff;}

.works5 {display:flex;flex-flow:row wrap;}
.works5 li {margin-top:2.5%;margin-right:2%;width:18.4%;}
.works5 li:nth-child(5n) {margin-right:0;}
.works5 a {display:flex;flex-direction:column;box-shadow:0 0 10px rgba(0,0,0,0.15);background-color:#fff;overflow:hidden;}
.works5 a.sj {display:none;}
.works5 a .imgs {flex:0 0 auto;position:relative;z-index:2;height:130px;font-size:0;background-color:#000;overflow:hidden;}
.works5 a .imgs img {width:100%;transition:ease-out 400ms;}
.works5 a .imgs div {position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;transition:ease-out 400ms;}
.works5 a .text {flex:1 1 auto;position:relative;z-index:1;padding:12px 15px;}
.works5 a .text h2 {color:#222;font-size:16px;}
.works5 a .text p {margin-top:8px;color:#555;font-size:14px;line-height:1.8;}
.works5 a .text .gotms {-webkit-line-clamp:4;}
.works5 a:hover {background-color:#cd9315;}
.works5 a:hover .imgs img {transform:scale(1.1);}
.works5 a:hover .imgs div {transform:scale(1.1);}
.works5 a:hover .text h2 {color:#fff;}
.works5 a:hover .text p {color:#fff;}

.workss {display:flex;flex-flow:row wrap;}
.workss li {margin-top:2.5%;margin-right:2%;width:23.5%;}
.workss li:nth-child(4n) {margin-right:0;}
.workss a {flex:1 1 auto;display:flex;flex-direction:column;box-shadow:0 0 10px rgba(0,0,0,0.15);background-color:#fff;}
.workss a.sj {display:none;}
.workss a .imgs {flex:0 0 auto;position:relative;z-index:2;font-size:0;background-color:#fff;overflow:hidden;}
.workss a .imgs img {width:100%;transition:ease-out 400ms;}
.workss a .imgs span {position:absolute;top:0;left:0;z-index:2;display:block;padding:6px 15px;color:#fff;font-size:14px;border-radius:0 0 5px 0;background-color:rgba(0,0,0,0.6);}
.workss a .text {flex:1 1 auto;position:relative;z-index:1;padding:15px 20px;}
.workss a .text h2 {color:#222;font-size:18px;}
.workss a .text p {margin-top:8px;color:#555;font-size:14px;line-height:1.8;}
.workss a .text .gotms {-webkit-line-clamp:4;}
.workss a:hover {background-color:#cd9315;}
.workss a:hover .imgs img {transform:scale(1.1);}
.workss a:hover .text h2 {color:#fff;}
.workss a:hover .text p {color:#fff;}

.styles a {display:inline-block;margin-top:2%;margin-right:2%;width:23.5%;vertical-align:top;}
.styles a:nth-child(4n) {margin-right:0;}
.styles a .imgs {font-size:0;background-color:#fff;overflow:hidden;}
.styles a .imgs img {width:100%;transition:ease-out 400ms;}
.styles a .text h2 {margin-top:12px;font-size:18px;}
.styles a .text p {margin-top:5px;color:#666;font-size:14px;}
.styles a:hover .imgs img {transform:scale(1.1);}

.vote {display:flex;flex-flow:row wrap;}
.vote li {margin-top:3%;margin-right:2%;width:23.5%;box-shadow:0 0 10px rgba(0,0,0,0.15);background-color:#fff;}
.vote li:nth-child(4n) {margin-right:0;}
.vote li .imgs {position:relative;z-index:2;height:165px;font-size:0;background-color:#000;overflow:hidden;}
.vote li .imgs img {width:100%;transition:ease-out 400ms;}
.vote li .imgs a {position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;transition:ease-out 400ms;}
.vote li .intro {position:absolute;top:0;left:0;z-index:2;padding:15px 20px;width:100%;height:100%;box-sizing:border-box;background-color:rgba(0,0,0,0.7);opacity:0;transform:translateY(100%);transition:ease-out 300ms;overflow:hidden;}
.vote li .intro p {color:#fff;font-size:14px;line-height:1.8;-webkit-line-clamp:8;}
.vote li .sj {display:none;}
.vote li .text {padding:0 15px;}
.vote li .name {position:relative;z-index:1;padding:5px 60px 5px 0;min-height:70px;box-sizing:border-box;}
.vote li .name h2 {color:#222;font-size:18px;}
.vote li .name .votes {margin-top:5px;color:#555;font-size:14px;}
.vote li .name .btn {position:absolute;top:50%;right:0;z-index:2;display:block;margin-top:-15px;padding:6px 10px;color:#fff;font-size:14px;border-radius:2px;background-color:#cd9315;cursor:pointer;}
.vote li .desc {padding-top:8px;font-size:14px;line-height:1.7;-webkit-line-clamp:3;border-top:1px solid #ddd;}
.vote li:hover {color:#fff;background-color:#cd9315;}
.vote li:hover .imgs img {transform:scale(1.1);}
.vote li:hover .imgs a {transform:scale(1.1);}
.vote li:hover .intro {/*opacity:1;transform:translateY(0);*/}
.vote li:hover .name h2 {color:#fff;}
.vote li:hover .name .votes {color:#fff;}
.vote li:hover .name .btn {color:#cd9315;background-color:#fff;}
.vote li:hover .desc {border-top-color:#fff;}

#visits {margin-top:30px;text-align:center;}
#visits li {position:relative;display:inline-block;padding-left:50px;padding-right:50px;font-size:18px;vertical-align:top;}
#visits li:after {position:absolute;top:50%;right:0;display:block;margin-top:-15px;width:1px;height:30px;background-color:#ccc;content:"";}
#visits li:first-child {padding-left:0;}
#visits li:last-child {padding-right:0;}
#visits li:last-child:after {display:none;}
#visits li span {font-size:22px;}
#visits li p {margin-top:20px;}

#works-rw .tits {position:relative;padding-top:80px;}
#works-rw .tits:first-child {padding-top:60px;}

.works-pic {display:flex;flex-flow:row wrap;flex:1 1 auto;padding-top:1.8%;}
.works-pic li {position:relative;margin-top:1.2%;margin-right:1.2%;width:15.66666%;height:140px;text-align:center;border-radius:2px;background-repeat:no-repeat;background-position:50%;background-color:#000;background-size:cover;overflow:hidden;}
.works-pic li:nth-child(6n) {margin-right:0;}
.works-pic li:after {position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;content:"";background-color:rgba(0,0,0,0.3);opacity:1;transition:ease-out 250ms;}
.works-pic li a {position:relative;z-index:2;padding:20px;width:100%;height:100%;box-sizing:border-box;}
.works-pic li a h3 {color:#fff;font-size:18px;line-height:1.6;opacity:0;transition:ease-out 250ms;}
.works-pic li:hover:after {opacity:0;}
.works-pic li:hover a h3 {opacity:1;}

#works-hj .wrap {display:flex;position:relative;padding-top:60px;padding-bottom:80px;}
#works-hj .wrap:after {position:absolute;top:0;right:200px;display:block;width:1px;height:100%;content:"";}
#works-hj .tis {padding-top:28px;padding-bottom:28px;border-top:1px solid #ccc0b8;border-bottom:1px solid #ccc0b8;}
#works-hj .tis h3 {color:#000;font-size:24px;line-height:1;}
#works-hj .cont1 {background:url(../images/works_bg1.jpg) no-repeat center center/cover;}
#works-hj .cont1 .wrap:after {background-color:rgba(0,0,0,0.1);}
#works-hj .cont2 {background:url(../images/works_bg2.jpg) no-repeat center center/cover;}
#works-hj .cont2 .wrap:after {background-color:rgba(255,255,255,0.4);}
#works-hj .cont3 {background:url(../images/works_bg3.jpg) no-repeat center center/cover;}
#works-hj .cont3 .wrap:after {background-color:rgba(0,0,0,0.1);}
#works-hj .cont4 {background:url(../images/works_bg4.jpg) no-repeat center center/cover;}
#works-hj .cont4 .wrap {min-height:845px;}
#works-hj .cont4 .wrap:after {background-color:rgba(255,255,255,0.4);}
#works-hj .cont2 .tis, #works-hj .cont4 .tis {border-top-color:#afafaf;border-bottom-color:#afafaf;}
#works-hj .cont2 .tis h3, #works-hj .cont4 .tis h3 {color:#fff;}
#works-hj .bg {background:url(../images/bg1.jpg) no-repeat center bottom #fff;}
#works-hj .bg .wrap {padding:0;height:200px;}

#works-hj .cont1 .right .lcont {margin-top:0;}
#works-hj .cont1 .cont {margin-top:45px;}
#works-hj .cont1 .cont .swiper-container {font-size:0;}
#works-hj .cont1 .cont .swiper-wrapper {height:auto;}
#works-hj .cont1 .cont .swiper-slide {display:flex;align-items:flex-start;height:auto;}
#works-hj .cont1 .cont .imgs {display:flex;flex-direction:column;justify-content:center;position:relative;flex:0 0 auto;width:50%;height:470px;font-size:0;border-radius:8px;background-color:#000;overflow:hidden;}
#works-hj .cont1 .cont .imgs span {max-height:100%;}
#works-hj .cont1 .cont .imgs img {max-width:100%;transition:ease-out 250ms;}
#works-hj .cont1 .cont .imgs a {position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;background:url(../images/play.png) no-repeat center center;background-size:80px 80px;}
#works-hj .cont1 .cont .imgs a.sj {display:none;}
#works-hj .cont1 .cont .imgs:hover img {transform:scale(1.06);}
#works-hj .cont1 .cont .text {flex:1 1 auto;position:relative;margin-left:70px;color:#333;box-sizing:border-box;}
#works-hj .cont1 .cont .text > img {position:absolute;top:0;left:0;}
#works-hj .cont1 .cont .text span {position:absolute;top:0;left:0;font-size:20px;font-weight:bold;text-transform:uppercase;}
#works-hj .cont1 .cont .text h2 {margin-top:125px;color:#000;font-size:30px;line-height:1;text-align:center;}
#works-hj .cont1 .cont .text p { margin-top:15px;font-size:18px;font-weight:bold;text-align:center;}
#works-hj .cont1 .cont .text div {margin-top:95px;font-size:16px;line-height:2;-webkit-line-clamp:5;}

#works-hj .cont1 .list {position:relative;margin-top:20px;}
#works-hj .cont1 .list .swiper-slide {padding-top:20px;font-size:0;}
#works-hj .cont1 .list .swiper-slide .imgs {display:flex;flex-direction:column;justify-content:center;position:relative;font-size:0;height:148px;border-radius:2px;background-color:#000;transition:ease-out 200ms;cursor:pointer;overflow:hidden;}
#works-hj .cont1 .list .swiper-slide .imgs:after {position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;content:"";background-color:rgba(0,0,0,0.3);opacity:1;transition:ease-out 250ms;}
#works-hj .cont1 .list .swiper-slide .imgs span {max-height:100%;}
#works-hj .cont1 .list .swiper-slide .imgs img {max-width:100%;transition:ease-out 250ms;}
#works-hj .cont1 .list .swiper-slide:hover .imgs:after {opacity:0;}
#works-hj .cont1 .list .swiper-slide:hover .imgs img {transform:scale(1.06);}
#works-hj .cont1 .list .curt .imgs {transform:translateY(-20px);}
#works-hj .cont1 .list .curt .imgs:after {opacity:0;}
#works-hj .cont1 .list .swiper-button {position:absolute;top:50%;display:block;margin-top:-2px;width:18px;height:37px;background:url(../images/arrow1.png) no-repeat;cursor:pointer;}
#works-hj .cont1 .list .swiper-prev {left:-28px;}
#works-hj .cont1 .list .swiper-prev:hover {background-position:left bottom;}
#works-hj .cont1 .list .swiper-next {right:-28px;background-position:right top;}
#works-hj .cont1 .list .swiper-next:hover {background-position:right bottom;}

#works-hj .cont2 .tws {display:flex;margin-top:22px;}
#works-hj .cont2 .tws .text {flex:0 0 auto;position:relative;padding:80px 40px 40px 40px;width:50%;height:472px;color:#333;box-sizing:border-box;background:url(../images/works_bg6.png) no-repeat center center/cover;}
#works-hj .cont2 .tws .text > img {position:absolute;top:20px;left:40px;}
#works-hj .cont2 .tws .text span {position:absolute;top:20px;left:40px;font-size:20px;font-weight:bold;text-transform:uppercase;}
#works-hj .cont2 .tws .text .name h2 {color:#000;font-size:30px;line-height:1;text-align:center;}
#works-hj .cont2 .tws .text .name p {margin-top:15px;font-size:18px;font-weight:bold;text-align:center;}
#works-hj .cont2 .tws .text .intro {margin-top:20px;font-size:16px;line-height:2;-webkit-line-clamp:3;}
#works-hj .cont2 .tws .text .pics {margin-top:20px;font-size:0;}
#works-hj .cont2 .tws .text .pics img {width:48.4%;}
#works-hj .cont2 .tws .text .pics img:nth-child(2) {margin-left:3.2%;}
#works-hj .cont2 .tws .imgs {flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;position:relative;width:50%;font-size:0;background-color:#000;overflow:hidden;}
#works-hj .cont2 .tws .imgs span {max-height:100%;}
#works-hj .cont2 .tws .imgs img {max-width:100%;transition:ease-out 250ms;}
#works-hj .cont2 .tws .imgs a {position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;background:url(../images/play.png) no-repeat center center;background-size:80px 80px;}
#works-hj .cont2 .tws .imgs a.sj {display:none;}
#works-hj .cont2 .tws .imgs:hover img {transform:scale(1.06);}

#works-hj .cont2 .list {display:flex;flex-flow:row wrap;padding-top:5px;font-size:0;}
#works-hj .cont2 .list li {display:flex;flex-direction:column;justify-content:center;position:relative;margin-top:1.2%;margin-right:1.2%;width:15.66666%;height:140px;text-align:center;vertical-align:top;border-radius:8px;background-color:#000;overflow:hidden;}
#works-hj .cont2 .list li:nth-child(6n) {margin-right:0;}
#works-hj .cont2 .list li:after {position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;content:"";background-color:rgba(0,0,0,0.3);opacity:1;transition:ease-out 250ms;}
#works-hj .cont2 .list li span {max-height:100%;}
#works-hj .cont2 .list li img {max-width:100%;transition:ease-out 250ms;}
#works-hj .cont2 .list li a {position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;}
#works-hj .cont2 .list li a.sj {display:none;}
#works-hj .cont2 .list li:hover:after {opacity:0;}
#works-hj .cont2 .list li:hover img {transform:scale(1.06);}

#works-hj .cont3 .cont {display:flex;padding-top:10px;}
#works-hj .cont3 .cont .tws {flex:0 0 auto;display:flex;flex-direction:column;margin-top:10px;width:57.38%;border-radius:8px;background:url(../images/works_bg5.png) no-repeat center bottom;overflow:hidden;}
#works-hj .cont3 .cont .tws .imgs {flex:0 0 auto;position:relative;height:550px;border-radius:8px;background-repeat:no-repeat;background-position:50%;background-color:#000;background-size:cover;overflow:hidden;}
#works-hj .cont3 .cont .tws .imgs a {position:relative;z-index:2;padding:30px;width:100%;height:100%;box-sizing:border-box;}
#works-hj .cont3 .cont .tws .imgs a h3 {color:#fff;font-size:22px;line-height:1.6;opacity:0;transition:ease-out 250ms;}
#works-hj .cont3 .cont .tws .text {flex:1 1 auto;padding:20px 30px;}
#works-hj .cont3 .cont .tws .text p {color:#333;font-size:16px;line-height:2;-webkit-line-clamp:3;}
#works-hj .cont3 .cont .list {display:flex;flex-flow:row wrap;flex:1 1 auto;}
#works-hj .cont3 .cont .list li {position:relative;margin-top:10px;margin-left:1.5%;width:31.833%;height:130px;text-align:center;border-radius:8px;background-repeat:no-repeat;background-position:50%;background-color:#000;background-size:cover;overflow:hidden;}
#works-hj .cont3 .cont .list li:after {position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;content:"";background-color:rgba(0,0,0,0.3);opacity:1;transition:ease-out 250ms;}
#works-hj .cont3 .cont .list li a {position:relative;z-index:2;padding:20px;width:100%;height:100%;box-sizing:border-box;}
#works-hj .cont3 .cont .list li a h3 {color:#fff;font-size:18px;line-height:1.6;opacity:0;transition:ease-out 250ms;}
#works-hj .cont3 .cont .list li:hover:after {opacity:0;}
#works-hj .cont3 .cont .list li:hover a h3 {opacity:1;}

#works-hj .cont4 .list {display:flex;flex-flow:row wrap;flex:1 1 auto;}
#works-hj .cont4 .list li {position:relative;margin-top:1.2%;margin-right:1.2%;width:15.66666%;height:140px;text-align:center;border-radius:2px;background-repeat:no-repeat;background-position:50%;background-color:#000;background-size:cover;overflow:hidden;}
#works-hj .cont4 .list li:nth-child(6n) {margin-right:0;}
#works-hj .cont4 .list li:after {position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;content:"";background-color:rgba(0,0,0,0.3);opacity:1;transition:ease-out 250ms;}
#works-hj .cont4 .list li a {position:relative;z-index:2;padding:20px;width:100%;height:100%;box-sizing:border-box;}
#works-hj .cont4 .list li a h3 {color:#fff;font-size:18px;line-height:1.6;opacity:0;transition:ease-out 250ms;}
#works-hj .cont4 .list li:hover:after {opacity:0;}
#works-hj .cont4 .list li:hover a h3 {opacity:1;}

.schf {display:flex;margin-top:3%;}
.schf .tws {flex:0 0 auto;width:65%;font-size:0;}
.schf .tws .dt .swiper-slide {position:relative;font-size:0;}
.schf .tws .dt .swiper-slide img {width:100%;}
.schf .tws .dt .swiper-slide p {position:absolute;bottom:15px;left:15px;z-index:2;color:#fff;font-size:24px;}
.schf .tws .dt .swiper-slide a {position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;background:url(../images/play.png) no-repeat center center;background-size:80px 80px;}
.schf .tws .dt .swiper-slide a.sj {display:none;}
.schf .tws .xt {position:relative;margin-top:15px;padding-left:40px;padding-right:40px;}
.schf .tws .xt .swiper-slide {position:relative;font-size:0;text-align:center;cursor:pointer;overflow:hidden;}
.schf .tws .xt .swiper-slide:after {position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;content:"";opacity:1;transition:ease-out 200ms;background-color:rgba(0,0,0,0.3);}
.schf .tws .xt .swiper-slide img {width:100%;transition:ease-out 400ms;}
.schf .tws .xt .swiper-slide div {position:absolute;top:0;left:0;z-index:3;padding:20px;width:100%;height:100%;color:#fff;font-size:18px;font-weight:bold;line-height:1.6;box-sizing:border-box;opacity:1;transition:ease-out 200ms;}
.schf .tws .xt .swiper-slide:hover img {transform:scale(1.08);}
.schf .tws .xt .active:after {opacity:0;}
.schf .tws .xt .active div {opacity:0;}
.schf .tws .xt .swiper-button {position:absolute;top:0;height:100%;}
.schf .tws .xt .swiper-button i {color:#333;font-size:36px;cursor:pointer;}
.schf .tws .xt .swiper-button i:hover {color:#cd9315;}
.schf .tws .xt i.swiper-button-disabled {opacity:0.2;cursor:default;}
.schf .tws .xt i.swiper-button-disabled:hover {color:#333;}
.schf .tws .xt .swiper-prevs {left:0;}
.schf .tws .xt .swiper-nexts {right:0;}

.schf .list {flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;margin-left:20px;background-color:#fff;}
.schf .list a {flex:1 1 auto;display:flex;align-items:center;padding:10px;font-size:16px;line-height:1.6;border-bottom:1px solid #eee;}
.schf .list a:last-child {border-bottom:none;}