@charset "utf-8";
/* CSS Document */
* {margin:0px;padding:0px;}
body {font-family:STHeiti;font-size:14px;color:#333;text-align:left;background:#fff;}
a:focus {outline:none;}
a {color:#333;text-decoration:none;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
a:hover {color:#e10604;text-decoration:underline;}
ul, li {list-style:none;}
img {display:block;max-width:100%;border:none;}

.page {overflow:hidden;position:relative;max-width:1080px;margin:0px auto;min-height:100vw;background:url(../img/bg.jpg) no-repeat center 0px;background-size:100% 100%;}


.maina {overflow:hidden;width:100%;margin:0px auto;}


.mainb {overflow:hidden;width:100%;margin:10vw auto 0px;}


.mainc {overflow:hidden;width:90%;margin:10vw auto 0px;}
.mainc li {overflow:hidden;float:left;width:33.3%;}


.maind {overflow:hidden;width:100%;margin:10vw auto 0px;}


.maine {overflow:hidden;width:100%;margin:0px auto;}


.mainf {overflow:hidden;width:66%;margin:0px auto 0px;}
.mainf li {overflow:hidden;float:left;width:47%;margin:0px 1.5%}



.maing {overflow:hidden;width:66%;margin:8vw auto 0px;}
.maing ul li {overflow:hidden;float:left;width:100%;text-align:center;padding:20px 0px;}
.maing ul li:last-child {padding:40px 0px 0px;}

.hyt1 {font-size:28px;color:#fff;font-weight:bold;letter-spacing:5px;background:#e10604;width:50%;line-height:80px;border-radius:5px;border:none;outline:none;cursor:pointer;}
.hyt2 {font-size:16px;color:#9c9c9c;text-indent:15px;background:#fff;width:98%;line-height:76px;border:1px solid #e72423;border-radius:5px;outline:none;}
.hyt3 {font-size:16px;color:#9c9c9c;background:#fff;width:94%;min-height:126px;line-height:42px;padding:1% 2%;border:1px solid #d2d2d2;border-radius:5px;outline:none;}
.hyt4 {font-size:16px;color:#9c9c9c;text-indent:15px;background:#fff;width:98%;line-height:76px;border:1px solid #e72423;border-radius:5px;outline:none;}
.preview {font-size:28px;color:#fff;font-weight:bold;letter-spacing:5px;background:#f7b80f;width:30%;line-height:80px;margin:0px 2%;border-radius:5px;border:none;outline:none;cursor:pointer;}
.hyt5 {font-size:28px;color:#fff;font-weight:bold;letter-spacing:5px;background:#e10604;width:30%;line-height:80px;margin:0px 2%;border-radius:5px;border:none;outline:none;cursor:pointer;}




.mainh {overflow:hidden;width:100%;margin:10vw auto 0px;}


.maini {overflow:hidden;width:66%;margin:10vw auto 18vw;}
.maini li {overflow:hidden;float:left;width:47%;margin:0px 1.5%}


.mainj {overflow:hidden;width:90%;margin:10vw auto 10vw;}
.mainj li {overflow:hidden;float:left;width:33.3%;}


.maink {overflow:hidden;width:100%;margin:2vw auto 0px;}


.mainl {overflow:hidden;width:66%;margin:2vw auto 0px;}
.mainl ul li {overflow:hidden;float:left;width:100%;padding:12px 0px;}
.mainl ul li h2 {overflow:hidden;float:left;font-size:21px;font-weight:normal;line-height:78px;}
.mainl ul li h3 {overflow:hidden;float:left;}


.mainm {overflow:hidden;font-size:28px;color:#333;font-weight:bold;text-align:center;width:90%;margin:2vw auto 0px;}
.mainm span {font-size:35px;color:#e10604;letter-spacing:2px;padding-left:10px;}


.mainn {overflow-y:auto;font-size:18px;color:#5f5e5e;background:#fff;width:80%;height:58vh;line-height:35px;margin:2vw auto 0px;padding:20px 3%;box-sizing:border-box;border-radius:5px;}
.mainn h2 {font-size:24px;text-align:center;}
.mainn h3 {font-size:21px;margin:1vw 0px 0px;}
.mainn p {margin:1vw 0px 0px;}
.mainn img {max-width:100%;}


.maino {overflow:hidden;width:100%;margin:5vw auto 0px;}


.mainp {overflow:hidden;width:66%;margin:2vw auto 0px;}
.mainp ul li {overflow:hidden;float:left;width:100%;text-align:center;padding:20px 0px;}
.mainp ul li.pp1 {font-size:21px;text-align:left;}
.mainp ul li.pp2 {font-size:21px;text-align:left;line-height:150%;}
.mainp ul li:last-child {padding:40px 0px 0px;}

.class1 {color:#e10604;font-weight:bold;padding-right:15px;}
.class2 {display:block;color:#e10604;}


.mainq {overflow:hidden;font-size:21px;font-weight:normal;text-align:right;line-height:150%;width:88%;margin:5vw auto 0px;}





.img-box{float:left;width:30%;margin:3% 2.3% 0 0;padding: 15px 2%;box-sizing: border-box;border-radius:5px;background:#fff;border:1px solid #e72423;}
.img-box .up-p{margin-bottom: 20px;font-size: 16px;color: #555;}
.z_photo{display: flex;flex-wrap: wrap;}
.z_photo .z_file{position: relative;}
.z_file  .file{width: 100% !important;height: 100% !important;opacity: 0;position: absolute;top: 0px;left: 0px;z-index: 100;}
.z_photo .up-section{position: relative;margin-right: 2.5%;margin-bottom: 20px;}
.up-section .close-upimg{position: absolute;top: 1px;right: 1px;display: none;z-index: 10;width: 20px;}
.up-section .up-span{display: block;width: 100%;height: 100%;visibility: hidden;position: absolute;top: 0px;left: 0px;z-index: 9;background: rgba(0,0,0,.5);}
.up-section:hover{border: 2px solid #f15134;}
.up-section:hover .close-upimg{display: block;}
.up-section:hover .up-span{visibility: visible;}
.z_photo .up-img{width: 100%;height: 100%;}
.loading{
    border: 1px solid #D1D1D1;background:url(../img/loading.gif) no-repeat center;}
.up-opcity{opacity: 0;}
.img-name-p{display: none;}
.upimg-div .up-section {
    width: 50%;height: auto;display: inline-block;}
.img-box .upimg-div .z_file {
    width: 50%;height: auto;display: inline-block;}
.z_file .add-img {
    width: auto;height: auto;}
/*遮罩层样式*/
.mask{z-index: 101;display: none;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,.4);}
/* .mask .mask-content{ width: 80%; position: absolute; top: 50%; left: 50%; margin-left: -40%; margin-top: -25%; background: white; height: 108px; text-align: center; border-radius: 10px;} */
.mask .mask-content {
    width: 15vw;position: fixed;top: 50%;left: 80%;margin-left: -40%;/* margin-top: -25%; */
    background: white;height: 108px;text-align: center;border-radius: 10px;}
.mask .mask-content .del-p{color: #555;height: 60px;line-height: 60px;font-size: 18px;border-bottom: 1px solid #D1D1D1;}
.mask-content .check-p{
    height: 45px;line-height: 42px;position: absolute;bottom: 0px;left: 0px;width: 100%;}
.mask-content .check-p span{width: 49%;display:inline-block;text-align: center;color:#d4361d ;font-size: 18px;}
.check-p .del-com{border-right: 1px solid #D1D1D1;}


.tcBg {display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.5);z-index:999;}

.tcBox {box-sizing:border-box;padding:25px 50px;position:absolute;left:25%;top:13%;width:50%;height:70%;overflow-y:auto;background:#fff;border-radius:8px;box-shadow:0px 0px 6px 0px rgba(12, 81, 109, 0.57), inset 0px 1px 8.82px 0.18px rgba(92, 211, 255, 0.5);}

.tcBg .close {position:absolute;bottom:7%;left:50%;transform:translateX(-50%);width:50px;height:50px;}
.tcBox h3{font-weight:bold;font-size:16px;margin:5px 0;}
.tcBox .title{color:#2e2e2e;text-align:center;}
.tcBox p{text-align:justify;color:#2e2e2e;font-size:13px;line-height:1.8em;}
.tcBox img {margin:10px auto 15px;}
.groupImgWork img {display:inline-block;width:48%;margin-right:2% !important;}
.groupImgWork img:nth-child(2n+1){margin-right:0 !important;}
.articleWork p{text-indent:2em;text-align:justify;line-height:2em;font-size:18px;color:#2e2e2e;}
.tcBox::-webkit-scrollbar {/*滚动条整体样式*/
    width:5px;/*高宽分别对应横竖滚动条的尺寸*/
    height:1px;}

.tcBox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius:5px;box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);background:#7d7d7d;}

.tcBox::-webkit-scrollbar-track {/*滚动条里面轨道*/
    box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius:5px;background:#ededed;}
.searchForm {margin-top:4vw;padding-bottom:10vh;}




@media only screen and (min-width:0px) and (max-width:850px){

.mainb {margin:5vw auto 0px;}

.mainf {margin:5vw auto 5vw;}

.maing {margin:5vw auto 0px;}
.maing ul li {padding:10px 0px;}
.maing ul li:last-child {padding:15px 0px 0px;}

.hyt1 {font-size:21px;width:60%;line-height:50px;}
.hyt2 {font-size:14px;line-height:42px;}
.hyt4 {font-size:14px;line-height:32px;}
.preview {font-size:18px;letter-spacing:2px;width:35%;line-height:40px;margin:0px 2%;}
.hyt5 {font-size:18px;letter-spacing:2px;width:35%;line-height:40px;}

.mainh {margin:5vw auto 0px;}

.mainj {margin:10vw auto 20vw;}

.mainl {width:90%;}
.mainl ul li {padding:10px 0px;}
.mainl ul li h2 {font-size:14px;width:45%;line-height:45px;}
.mainl ul li h3 {overflow:hidden;float:left;width:55%;}


.mainm {font-size:18px;width:90%;margin:3vw auto 0px;}
.mainm span {font-size:21px;}


.mainn {font-size:14px;width:80%;height:32vh;line-height:30px;margin:3vw auto 0px;padding:3%;}
.mainn h2 {font-size:21px;}
.mainn h3 {font-size:16px;}


.maino {margin:1vw auto 0px;}


.mainp {width:70%;margin:0px auto 0px;}
.mainp ul li {padding:8px 0px;}
.mainp ul li.pp1 {font-size:16px;}
.mainp ul li.pp2 {font-size:14px;}
.mainp ul li:last-child {padding:15px 0px 0px;}

.mainq {font-size:16px;}


.tcBox {padding:3%;position:absolute;left:10%;top:13%;width:80%;height:70%;border-radius:5px;}



}