.bnnr {
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
}

.box {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
box-sizing: border-box;
padding-top: 120px;
padding-bottom: 60px;
}

.box .conkun {
width: 100%;
height: calc(100vh - 160px);
display: flex;
justify-content: center;
flex-direction: column;
}

.const {
max-width: 1281px;
width: 95%;
text-align: center;
margin: 0 auto;
}

.const .tile {
margin-bottom: 50px;
font-family: "Heavy";
color: #ffffff;
font-size: 50px;
line-height: 60px;
text-shadow: 0px 0px 5px #a5a5a5;
}

.rihead {
font-weight: lighter;
}

.hrtar {
height: 110px;
}

.but {
width: 220px;
line-height: 55px;
display: block;
text-align: center;
font-size: 16px;
color: #ffffff;
margin: 0 auto;
background-color: #c33c30;
}

.wfie {
background-size: 100%;
}

.htie {
background-size: auto 100%;
}

.swiper-slide {
position: relative;
width: 100%;
height: 100%;
}

.swiper-wrapper {
width: 100%;
height: 100%;
}

.procon {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1470px;
width: 95%;
margin: 0 auto;
}

.procon .proimg {
max-width: 570px;
width: 95%;
text-align: center;
}

.procon .proimg img {
width: 100%;
}

.tiln {
text-align: center;
font-size: 54px;
font-weight: 100;
margin-bottom: 20px;
color: #343434;
}

.boxlin {
text-align: center;
font-size: 64px;
font-weight: bold;
color: #343434;
margin-bottom: 60px;
}

.proboanc {
padding-top: 170px;
}

.swbox {
position: relative;
width: 100%;
height: 900px;
}

.footer {
width: 100%;
line-height: 60px;
color: #ffffff;
background-color: #343434;
}

.widcon {
max-width: 1500px;
margin: 0 auto;
width: 95%;
}

.haoconb {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
font-size: 16px;
}

.haoconb .conboxs {
width: 590px;
border-radius: 10px;
background-color: #fff;
overflow: hidden;
padding-top: 50px;
padding-bottom: 45px;
margin: 0 auto;
}

.haoconb .conboxs .links {
width: 155px;
line-height: 45px;
display: block;
margin: 0 auto;
border-radius: 10px;
color: #fff;
background-color: #da3924;
}

.haoconb .conboxs .huab {
text-align: center;
color: #7a7a7a;
padding-top: 20px;
padding-bottom: 35px;
}

.banb {
width: 100%;
height: 380px;
background-position: center;
background-repeat: no-repeat;
}

.vdiotitle {
max-width: 1275px;
margin: 0 auto;
width: 95%;
line-height: 100px;
font-size: 24px;
color: #c33f28;
}

.vidolist {
max-width: 1275px;
margin: 0 auto;
width: 95%;
}

.vidolist .list {
display: flex;
flex-wrap: wrap;
width: 102%;
}

.vidolist .list .vdios {
box-sizing: border-box;
padding: 16px;
display: block;
width: 23%;
border: 1px solid #f1f0f0;
margin-bottom: 2%;
margin-right: 2%;
padding-bottom: 0px;
}

.vidolist .list .vdios .vdoimg {
width: 100%;
height: 165px;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
}

.vidolist .list .vdios .contitle {
text-align: center;
line-height: 50px;
color: #555555;
font-size: 16px;
}

.vidolist .list .vdios .merbn {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
background-position: center;
background-repeat: no-repeat;
background-image: url(../images/bnanr.png);
}

.henxcx {
width: 33px;
height: 5px;
background-color: #dedede;
margin: 0 auto;
}

.newstitle {
padding-top: 60px;
padding-bottom: 15px;
text-align: center;
color: #c33f28;
font-size: 30px;
}

.newlist {
max-width: 1245px;
width: 95%;
margin: 0 auto;
padding-top: 75px;
min-height:200px;
}

.newlist a {
display: block;
position: relative;
box-sizing: border-box;
padding-left: 230px;
margin-bottom: 55px;
}

.newlist a .newleftimg {
position: absolute;
top: 0px;
left: 0px;
width: 212px;
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}

.newlist a .newleftimg img {
width: 100%;
opacity: 0;
}

.newlist a .newconb {
width: 100%;
}

.newlist a .newconb > div:nth-child(1) {
color: #494948;
font-size: 18px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}

.newlist a .newconb > div:nth-child(2) {
margin-top: 27px;
margin-bottom: 38px;
line-height: 25px;
color: #494948;
font-size: 15px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
height: 50px;
}

.newlist a .newconb > div:nth-child(3) {
color: #b5b5b5;
font-size: 14px;
}

.fenye {
text-align: center;
}

.fenye .fos {
color: #ffffff;
background-color: #da3924;
border: 1px solod #da3924;
}

.fenye a {
margin: 0 3px;
display: inline-block;
padding: 15px 18px;
color: #555555;
font-size: 14px;
border: 1px solod #e0e0e0;
}

.fosn {
font-size: 30px;
color: #2e2e2e;
text-align: center;
padding-top: 85px;
padding-bottom: 55px;
}

.connewc {
font-size: 16px;
color: #555555;
line-height: 30px;
max-width: 1276px;
width: 95%;
margin: 0 auto;
padding-bottom: 80px;
border-bottom: 1px solid #d9d9d9;
min-height:188px;
}

.newbomlist {
display: flex;
max-width: 1276px;
width: 95%;
margin: 0 auto;
flex-wrap: wrap;
padding-top: 50px;
padding-bottom: 190px;
}

.newbomlist a {
position: relative;
display: block;
width: 50%;
padding-left: 170px;
box-sizing: border-box;
padding-right: 30px;
}

.newbomlist a .newsfont > div:nth-child(1) {
color: #494948;
padding-top: 20px;
padding-bottom: 30px;
font-size: 18px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}

.newbomlist a .newsfont > div:nth-child(2) {
color: #b5b5b5;
font-size: 14px;
}

.newbomlist a .newsimgs {
position: absolute;
top: 0px;
left: 0px;
width: 150px;
height: 100px;
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}

.newbomlist a .newsimgs img {
opacity: 0;
width: 100%;
}

.listitle {
line-height: 120px;
font-size: 30px;
color: #c33f28;
max-width: 1275px;
margin: 0 auto;
width: 95%;
}

.weisn {
width: 101%;
display: flex;
flex-wrap: wrap;
}

.cnw {
max-width: 1276px;
width: 95%;
margin: 0 auto;
}

.conloc {
box-sizing: border-box;
padding: 10px;
border: 1px solid #e4e4e4;
width: 24%;
margin-right: 1%;
margin-bottom: 1%;
}

.conloc .imgwncon {
width: 100%;
height: 240px;
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}

.conloc .tie {
font-size: 18px;
font-weight: bold;
color: #686868;
line-height: 60px;
}

.conloc .dibne {
position: relative;
padding-left: 30px;
overflow-wrap: break-word;
}

.conloc .dibne > div:nth-child(1) {
background-position: center;
background-repeat: no-repeat;
height: 30px;
width: 30px;
position: absolute;
top: 0px;
left: 0px;
}

.conloc .dibne > div:nth-child(2) {
font-size: 16px;
color: #686868;
line-height: 30px;
}

.fbern {
padding-bottom: 20px;
}

.fbern .tie {
font-size: 30px;
font-weight: bold;
color: #686868;
padding-top: 35px;
padding-bottom: 20px;
}

.fbern .dibne {
position: relative;
padding-left: 30px;
}

.fbern .dibne > div:nth-child(1) {
background-position: center;
background-repeat: no-repeat;
height: 30px;
width: 30px;
position: absolute;
top: 0px;
left: 0px;
}

.fbern .dibne > div:nth-child(2) {
font-size: 16px;
color: #686868;
line-height: 30px;
}

.juzon {
max-width: 1270px;
margin: 0 auto;
width: 95%;
}

.srucon {
padding-top: 70px;
}

.srucon ul {
width: 102%;
display: flex;
flex-wrap: wrap;
}

.srucon ul li {
width: 48%;
margin-right: 2%;
margin-bottom: 2%;
}

.srucon ul li input {
border: 1px solid #c9c9c9;
width: 100%;
height: 50px;
color: #b8b8b8;
font-size: 14px;
text-indent: 30px;
outline: none;
}

.tecons textarea {
border: 1px solid #c9c9c9;
width: 100%;
height: 130px;
box-sizing: border-box;
padding: 10px 20px;
margin-bottom: 20px;
resize: none;
font-size: 14px;
font-family: "微软雅黑";
outline: none;
}

.lancon {
padding-bottom: 50px;
}

.bucone {
width: 200px;
height: 45px;
text-align: center;
border-radius: 10px;
color: #fff;
font-weight: bold;
font-family: 'Arial';
border: 0px;
background-color: #c43b34;
}

.ticon {
color: #c33f28;
font-size: 24px;
line-height: 80px;
font-weight: bold;
}

.conul ul {
width: 103%;
display: flex;
flex-wrap: wrap;
}

.conul ul li {
width: 21%;
margin-right: 3%;
margin-bottom: 3%;
}

.conul ul li .imgcon {
width: 100%;
}

.conul ul li .imgcon img {
width: 100%;
}

.conul ul li .tiles {
font-size: 18px;
font-weight: bold;
color: #313131;
line-height: 40px;
}

.titi {
line-height: 90px;
font-size: 24px;
color: #c33f28;
}

.zhenshu ul {
width: 102%;
display: flex;
flex-wrap: wrap;
}

.zhenshu>ul>li {
border-radius: 5px;
border: 1px solid #f1f0f0;
padding: 17px;
padding-bottom: 0px;
box-sizing: border-box;
width: 23%;
margin-right: 2%;
margin-bottom: 2%;
}

.zhenshu>ul>li .tiecon {
font-size: 16px;
color: #555555;
line-height: 50px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
box-sizing: border-box;
padding: 0px 5px;
}

.zhenshu>ul>li .imgzs {
width: 100%;
}

.zhenshu>ul>li .imgzs img {
width: 100%;
}

.txtlttil {
font-size: 24px;
color: #da3924;
line-height: 50px;
}

.newcon {
width: 100%;
font-size: 16px;
color: #555555;
line-height: 30px;
}

.contu {
position: relative;
margin-bottom: 40px;
width: 100%;
height: 458px;
background-position: left;
background-repeat: no-repeat;
background-color: #787878;
background-size: auto 100%;
}

.conhen {
font-size: 16px;
color: #ffffff;
line-height: 25px;
height: 230px;
overflow: hidden;
overflow-y: auto;
margin-bottom: 20px;
}

.linkc {
font-size: 15px;
width: 140px;
text-align: center;
line-height: 45px;
border-radius: 100em;
display: block;
color: #fff;
background-color: #c33c30;
}

.tis {
line-height: 30px;
font-size: 24px;
color: #fff;
margin-bottom: 18px;
}

.vidotitle {
font-size: 30px;
line-height: 45px;
text-align: center;
padding: 50px 0px;
}

.imcons {
position: absolute;
width: 478px;
height: 100%;
top: 0px;
right: 0px;
background-color: #787878;
padding: 40px;
box-sizing: border-box;
}

.coneb {
padding-bottom: 35px;
}

.shecon {
text-align: center;
width: 95%;
margin: 0 auto;
padding: 25px 0px;
line-height: 30px;
font-size: 16px;
color: #555555;
}

.neimg ul {
display: flex;
flex-wrap: wrap;
width: 101%;
}

.neimg ul li {
width: 32.333%;
margin-right: 1%;
}

.neimg ul li img {
width: 100%;
}

.jzon {
max-width: 1270px;
width: 95%;
margin: 0 auto;
}

.conimp ul {
width: 102%;
display: flex;
flex-wrap: wrap;
}

.conimp ul li {
border-radius: 5px;
border: 1px solid #f1f0f0;
padding: 17px;
padding-bottom: 0px;
box-sizing: border-box;
width: 31.3333%;
margin-right: 2%;
margin-bottom: 2%;
}

.conimp ul li .tiecon {
font-size: 16px;
color: #555555;
line-height: 50px;
text-align: center;
}

.conimp ul li .imgzs {
width: 100%;
}

.conimp ul li .imgzs img {
width: 100%;
}

.conbencon {
line-height: 25px;
font-size: 16px;
color: #555555;
max-width: 845px;
width: 95%;
margin: 0 auto;
text-align: center;
}

.cpadd {
padding: 40px 0px;
}

.vids {
width: 100%;
}

.conbanesna {
max-width: 730px;
margin: 0 auto;
font-size: #555555;
font-weight: bold;
font-size: 24px;
text-align: center;
line-height: 30px;
}

.weidocn {
line-height: 25px;
font-size: 16px;
color: #555555;
padding: 40px 0px;
margin: 0 auto;
}

.conenjuzon {
max-width: 1270px;
width: 95%;
margin: 0 auto;
}

.cogafan {
padding-bottom: 65px;
}

.weimg {
position: relative;
margin: 0 auto;
max-width: 700px;
}

.weimg img {
width: 100%;
}

.weimg .imgulli {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

.weimg .imgulli li {
position: absolute;
font-size: 18px;
color: #fff;
line-height: 20px;
width: 20%;
height: 24.5%;
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
}

.weimg .imgulli > ul > li:nth-child(1) {
left: 40%;
top: 0;
}

.weimg .imgulli > ul > li:nth-child(2) {
left: 79.5%;
top: 20.5%;
}

.weimg .imgulli > ul > li:nth-child(3) {
left: 79.5%;
top: 60.5%;
}

.weimg .imgulli > ul > li:nth-child(4) {
left: 40%;
top: 75%;
}

.weimg .imgulli > ul > li:nth-child(5) {
left: 0.5%;
top: 60.5%;
}

.weimg .imgulli > ul > li:nth-child(6) {
left: 0.4%;
top: 20%;
}

.weimg .imgulli > ul > li:nth-child(7) {
width: 28%;
height: 33.7%;
left: 36%;
top: 33%;
}

.ulconb ul {
width: 103%;
flex-wrap: wrap;
display: flex;
}

.ulconb ul > li:nth-child(1):hover .imgcon {
background-image: url(../images/gu2.jpg);
}

.ulconb ul > li:nth-child(1) .imgcon {
background-image: url(../images/gu1.jpg);
}

.ulconb ul > li:nth-child(2):hover .imgcon {
background-image: url(../images/shijian1.png);
}

.ulconb ul > li:nth-child(2) .imgcon {
background-image: url(../images/shijian.png);
}

.ulconb ul > li:nth-child(3):hover .imgcon {
background-image: url(../images/rencaipeiyang1.png);
}

.ulconb ul > li:nth-child(3) .imgcon {
background-image: url(../images/rencaipeiyang.png);
}

.ulconb ul > li:nth-child(4):hover .imgcon {
background-image: url(../images/chanpinsheji1.png);
}

.ulconb ul > li:nth-child(4) .imgcon {
background-image: url(../images/chanpinsheji.png);
}

.ulconb ul > li:nth-child(5):hover .imgcon {
background-image: url(../images/xiaoshuai1.png);
}

.ulconb ul > li:nth-child(5) .imgcon {
background-image: url(../images/xiaoshuai.png);
}

.ulconb ul > li:nth-child(6):hover .imgcon {
background-image: url(../images/woshou1.png);
}

.ulconb ul > li:nth-child(6) .imgcon {
background-image: url(../images/woshou.png);
}

.ulconb li {
box-sizing: border-box;
width: 30.333%;
margin-right: 3%;
margin-bottom: 3%;
height: 224px;
border: 1px solid #c9c9c9;
}

.ulconb li .imgfnc {
font-size: 16px;
color: #565656;
line-height: 25px;
max-width: 95%;
margin: 0 auto;
text-align: center;
}

.ulconb li .imgcon {
height: 135px;
width: 100%;
background-position: center;
background-repeat: no-repeat;
}

.licon ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.licon ul > li:nth-child(2n) .imts {
top: inherit;
bottom: -20px;
}

.licon ul > li:nth-child(2n) .imts .wcon {
top: inherit;
bottom: -48px;
background-image: url(../images/cnsc8.png);
}

.licon ul > li {
position: relative;
width: 133px;
height: 133px;
border: 1px solid #324d83;
border-radius: 10px;
margin-bottom: 3%;
display: flex;
justify-content: center;
flex-direction: column;
font-size: 16px;
line-height: 25px;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
}

.licon ul > li .wcon {
position: absolute;
}

.licon ul > li .imts {
width: 96px;
line-height: 40px;
text-align: center;
border-radius: 3px;
color: #fff;
background-color: #143270;
position: absolute;
font-size: 18px;
left: 50%;
margin-left: -48px;
top: -20px;
}

.licon ul > li .imts .wcon {
position: absolute;
top: -48px;
right: -140px;
width: 156px;
height: 60px;
background-repeat: no-repeat;
background-image: url(../images/cnsc9.png);
}

.padmberb {
padding-bottom: 115px;
}

.pro {
display: flex;
flex-wrap: wrap;
}

.pro > div {
width: 50%;
}

.pro .procont {
box-sizing: border-box;
padding-left: 50px;
height: 507px;
}

.pro .procont .tiele {
line-height: 35px;
font-weight: bold;
color: #c53c31;
font-size: 36px;
margin-bottom: 20px;
}

.pro .procont .wfen {
line-height: 30px;
color: #555555;
font-size: 16px;
height: 150px;
overflow: hidden;
overflow-y: auto;
margin-bottom: 20px;
}

.pcontop {
padding-top: 70px;
}

.tilo {
color: #343434;
font-size: 16px;
margin-bottom: 12px;
}

.thosn {
font-size: 24px;
padding-top: 10px;
color: #787878;
font-weight: bold;
}

.vios {
border-radius: 5px;
overflow: hidden;
width: 145px;
position: relative;
}

.vios img {
width: 100%;
}

.vios .menrb {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
background-image: url(../images/bofang.png);
background-position: center;
background-repeat: no-repeat;
}

.conplr {
display: flex;
}

.conplr > div {
margin-right: 40px;
}

.wconli {
box-sizing: border-box;
}

.wconli ul {
display: flex;
width: 101%;
flex-wrap: wrap;
}

.wconli ul li {
border: 1px solid #eeeeee;
padding: 20px;
padding-top: 0px;
box-sizing: border-box;
width: 49%;
margin-left: 1%;
margin-bottom: 1%;
}

.wconli ul li .tieon {
border-bottom: 1px solid #dbdbdb;
}

.wconli ul li .fonb {
font-size: 16px;
line-height: 45px;
}

.wconli ul li .bumtb {
margin-bottom: -1px;
width: 136px;
border-bottom: 1px solid #c43c30;
}

.wconli ul li .fonb {
font-size: 24px;
}

.fonbr {
padding: 15px 0px;
width: 100%;
line-height: 30px;
font-size: 16px;
color: #555555;
height: 200px;
box-sizing: border-box;
overflow: hidden;
overflow-y: auto;
}

.eriteb {
font-size: 24px;
}

.bermt {
display: block;
font-size: 14px;
color: #0069ca;
}

.wimg {
width: 100%;
}

.wimg .swiper-slide {
width: 100%;
text-align: center;
}

.wimg img {
width: 70%;
}

.tirep {
font-size: 24px;
color: #383838;
}

.eriteb {
line-height: 25px;
color: #555555;
font-size: 14px;
padding: 15px 0px;
}

.etoil {
padding: 50px 0px;
}

.heiden {
width: 100%;
overflow: hidden;
}

.lngconss {
padding-bottom: 50px;
}

.marpimg {
text-align: left;
}

.tieorimg {
padding-top: 60px;
padding-bottom: 30px;
}

.foots {
line-height: 60px;
font-size: 14px;
color: #ffffff;
background-color: #1f1f1f;
}

.conprit {
box-sizing: border-box;
padding-right: 410px;
}

.linkcow {
width: 410px;
overflow: hidden;
overflow-y: auto;
background-color: #fff;
box-sizing: border-box;
padding: 25px;
padding-bottom: 0px;
}

.lernb {
border-top: 1px solid #c0bebe;
padding: 25px 0px;
display: flex;
flex-wrap: wrap;
}

.lernb a {
display: block;
width: 27px;
margin-right: 15px;
}

.colosr {
color: #c33c30 !important;
}

.shocon {
display: flex;
width: 150px;
margin: 0 30px;
padding-bottom: 6px;
border-bottom: 1px solid #e5e5e5;
}

.shocon input {
width: 130px;
height: 20px;
text-align: center;
outline: none;
}

.shocon button {
outline: none;
width: 20px;
height: 20px;
background-position: center;
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
border: 0px;
background-color: #fff;
background-image: url(../images/show.png);
}

.coss a {
color: #c33c30 !important;
}

.tpconhe {
padding: 20px 0px;
display: flex;
justify-content: flex-end;
}

.disbern {
display: flex;
justify-content: space-between;
}

.wendnes {
width: 960px;
}

.newbencon {
transition: all 0.5s;
display: flex;
justify-content: space-between;
width: 960px;
}

.newbencon .tierlcon {
font-size: 16px;
height: 43px;
}

.newbencon .tierlcon:hover .houfercp {
display: block;
}

.newbencon a {
font-size: 35px;
color: #333;
font-size: 18px;
display: block;
font-weight: 900;
}

.newbencon a:hover {
color: #c33c30 !important;
}

.wenti {
display: flex;
justify-content: space-between;
width: 87px;
}

.wenti a {
display: block;
}

.heads {
background-color: #fff;
box-shadow: 0px 2px 5px #c7c7c7;
position: fixed;
top: 0px;
left: 0px;
z-index: 88;
width: 100%;
}

.logs {
display: block;
padding: 20px;
}

.logs img {
width: 100px;
}

.fey {
display: flex;
justify-content: space-between;
width: 94px;
font-size: 16px;
margin-left: 10px;
}

.houfercp {
display: none;
position: fixed;
width: 100%;
background-color: #fff;
top: 110px;
left: 0px;
z-index: 88;
}

.fnerri {
display: flex;
justify-content: flex-end;
}

.wendnes .titcontop {
line-height: 90px;
color: #424242;
font-size: 30px;
}

.titen {
font-size: 18px;
color: #c33c30;
margin-bottom: 5px;
}

.erlul {
display: flex;
padding-bottom: 60px;
}

.bern a {
display: block;
color: #424242;
font-size: 14px;
line-height: 35px;
}

.cnsel {
display: none;
padding-top: 30px;
}

.cnsel select {
border: 0px;
width: 100%;
height: 50px;
font-size: 30px;
outline: none;
-webkit-appearance: none;
}

.vsan {
display: none;
width: 50px;
justify-content: center;
flex-direction: column;
}

.vsan div {
transition: all 0.5s;
margin: 5px 0px;
width: 100%;
height: 5px;
background-color: #000000;
border-radius: 100em;
}

.sans > div:nth-child(1) {
transform: rotate(45deg) translate(12px, 12px);
}

.sans > div:nth-child(2) {
opacity: 0;
}

.sans > div:nth-child(3) {
transform: rotate(-45deg) translate(9px, -9px);
}

.vscoheder {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #ffffff;
transform-origin: top;
transition: all 0.5s;
transform: rotateX(90deg);
z-index: 5;
}

.vscoheder .tubeir {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding-top: 110px;
box-sizing: border-box;
}

.vscoheder .tubeir .zhunerosan .zhkensan {
display: block;
}

.vscoheder .tubeir .zhunerosan .gambrpsam {
transform: rotate(90deg);
}

.vscoheder .tubeir .zhunero .zhken {
display: block;
}

.vscoheder .tubeir .zhunero .gambrp {
transform: rotate(90deg);
}

.vscoheder .tubeir .kenrhei {
width: 100%;
height: 100%;
overflow: hidden;
overflow-y: auto;
}

.vscoheder .tubeir .kenrhei .titerop {
position: relative;
display: block;
font-size: 30px;
text-align: center;
line-height: 80px;
border-bottom: 1px solid #757575;
}

.vscoheder .tubeir .kenrhei .titeropsna {
position: relative;
display: block;
font-size: 30px;
text-align: center;
line-height: 80px;
border-bottom: 1px solid #757575;
}

.vscoheder .tubeir .kenrhei .gambrpsam {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: 50%;
background-image: url(../images/righ.png);
transition: all 0.5s;
}

.vscoheder .tubeir .kenrhei .gambrp {
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: 50%;
background-image: url(../images/righ.png);
transition: all 0.5s;
}

.vscoheder .tubeir .kenrhei .zhkensan {
display: none;
}

.vscoheder .tubeir .kenrhei .zhkensan a {
text-align: center;
display: block;
font-size: 25px;
line-height: 80px;
}

.vscoheder .tubeir .kenrhei .zhken {
display: none;
}

.vscoheder .tubeir .kenrhei .zhken a {
text-align: center;
display: block;
font-size: 25px;
line-height: 80px;
}

.ldenr {
transform: rotateX(0deg) !important;
}

.showconbx {
display: flex;
width: 100%;
border-bottom: 1px solid #c9c9c9;
box-sizing: border-box;
}

.showconbx input {
display: block;
width: 80%;
height: 80px;
font-size: 30px;
text-align: center;
outline: none;
}

.showconbx button {
border: 0px;
width: 20%;
outline: none;
background-color: #fff;
background-size: auto 60%;
background-position: center;
background-repeat: no-repeat;
height: 80px;
background-image: url(../images/show.png);
display: block;
}

.zhenfas {
padding: 30px 10%;
display: flex;
justify-content: space-between;
}

.zhenfas a {
display: block;
width: 10%;
}

.zhenfas a img {
width: 100%;
}

.fobutm {
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
}

.pagelist {
width: 100%;
height: 70px;
padding-top: 30px;
padding-bottom: 50px;
text-align: center;
}

.pagelist a {
padding: 5px 18px;
height: 32px;
display: inline-block;
background-color: #ffffff;
border-radius: 1px;
border: #c1c1c1 solid 1px;
text-align: center;
line-height: 32px;
margin-left: 0px;
font-size: 14px;
color: #3e3e3e;
cursor: pointer;
}

.pagelist a:hover, .pagelist a.selected {
background-color: #da3924;
color: #fff;
border: #da3924 solid 1px;
padding: 5px 18px;
cursor: pointer;
}

.pagelist span {
height: 32px;
display: inline-block;
margin-left: 14px;
line-height: 32px;
text-align: center;
font-size: 14px;
color: #999999;
}


.anr {
padding-bottom: 35px;
display: flex;
}

.anr a {
transition: all 0.5s;
border-radius: 5px;
display: block;
margin-right: 4px;
width: 155px;
font-size: 18px;
font-weight: bold;
line-height: 45px;
text-align: center;
color: #fff;
background-color: #b4b4b4;
}

.anr a:hover {
background-color: #da3924;
}

.lapr {
padding-bottom: 35px;
display: flex;
}

.lapr a {
transition: all 0.5s;
border-radius: 5px;
display: block;
margin-right: 4px;
width: 155px;
font-size: 14px;
font-weight: bold;
line-height: 45px;
text-align: center;
color: #fff;
background-color: #b4b4b4;
}

.lapr a:hover {
background-color: #da3924;
}

.colrban {
background-color: #da3924 !important;
}

.banmec {
width: 101%;
display: flex;
flex-wrap: wrap;
}

.banmec a {
padding: 40px 25px;
box-sizing: border-box;
width: 32.333%;
margin-right: 1%;
margin-bottom: 1%;
display: block;
border: 1px solid #ebebeb;
}

.banmec a:hover .rilonk {
transform: translateX(10px);
}

.banmec a .title {
font-weight: bold;
color: #1b1b1b;
font-size: 18px;
margin-bottom: 25px;
}

.banmec a .xian {
background-color: #9e9e9e;
width: 40px;
height: 1px;
}

.banmec a .conbt {
line-height: 25px;
padding: 25px 0px;
color: #484848;
font-size: 14px;
}

.banmec a .rilonk {
transition: all 0.5s;
color: #0084cc;
font-size: 14px;
}

.postcon {
min-height: 800px;
}

.postcon .title {
font-size: 24px;
text-align: center;
padding-top: 50px;
margin-bottom: 50px;
}

.postcon .conbt {
line-height: 45px;
padding: 25px 0px;
color: #484848;
font-size: 18px;
}

.postcon .job {
line-height: 45px;
padding: 25px 0px;
color: #484848;
font-size: 18px;
}

.tieft {
font-size: 18px;
font-weight: bold;
color: #434343;
}

.yadan {
margin-bottom: 30px;
font-size: 16px;
line-height: 30px;
color: #555555;
}

.conbox .tile {
font-weight: bold;
font-size: 18px;
color: #333333;
height: 35px;
}

.heberu {
display: flex;
flex-wrap: wrap;
}

.heberu label {
display: block;
width: 33.33%;
line-height: 40px;
color: #9d9d9d;
}

.heberu label span {
vertical-align: middle;
}

.heberu label input {
vertical-align: middle;
width: 16px !important;
height: 16px !important;
}

.tables {
margin-bottom: 30px;
width: 100%;
}

.tables li {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}

.tables li .namr {
width: 16.66%;
background-color: #f6f6f6;
color: #9d9d9d;
border: 1px solid #ebebeb;
box-sizing: border-box;
}

.tables li .conbr {
width: 83.3334%;
border: 1px solid #ebebeb;
box-sizing: border-box;
}

.tables li .conbrwen {
width: 33.33333%;
border: 1px solid #ebebeb;
box-sizing: border-box;
}

.tables li .sna {
width: 25%;
border: 1px solid #ebebeb;
box-sizing: border-box;
}

.tables li div {
padding: 20px;
box-sizing: border-box;
line-height: 25px;
font-size: 14px;
}

.tables li div input {
width: 100%;
height: 100%;
font-size: 14px;
outline: none;
}

.perncon label {
display: block;
line-height: 60px;
color: #9d9d9d;
font-size: 14px;
}

.perncon label span {
vertical-align: middle;
}

.perncon label input {
vertical-align: middle;
width: 16px;
height: 16px;
background-color: #fff;
}

.perncon .conerfont {
line-height: 25px;
font-size: 14px;
margin-top: 20px;
color: #5f5f5f;
}

.perncon .cotext {
box-sizing: border-box;
width: 100%;
height: 50px;
font-size: 14px;
resize: none;
border: 1px solid #ebebeb;
margin-top: 10px;
margin-bottom: 35px;
}

.butm {
width: 200px;
height: 45px;
text-align: center;
line-height: 45px;
border-radius: 5px;
border: 0px;
background-color: #c43b34;
font-size: 16px;
font-weight: bold;
color: #fff;
}

.bwecon {
width: 100%;
background-color: #ebebeb;
border-radius: 100em;
height: 6px;
}

.guanbancon {
padding-top: 15px;
padding-bottom: 10px;
font-size: 14px;
color: #5f5f5f;
}

.conbutbox {
padding-bottom: 175px;
}

.donrb {
width: 100%;
padding-top: 60px;
padding-bottom: 30px;
}

.donrb li {
margin-bottom: 20px;
width: 100%;
}

.donrb li input {
outline: none;
text-indent: 1em;
width: 100%;
font-size: 14px;
height: 50px;
box-sizing: border-box;
border: 1px solid #e8e8e8;
}

@font-face {
font-family: 'SourceHanSansCN-ExtraLight';
src: url('/font/SourceHanSansCN-ExtraLight.otf'), url('/font/SourceHanSansCN-ExtraLight.eot'), url('/font/SourceHanSansCN-ExtraLight.woff'), url('/font/SourceHanSansCN-ExtraLight.woff2'), url('/font/SourceHanSansCN-ExtraLight.tff');
}

html, body {
font-family: 'SourceHanSansCN-ExtraLight';
}


.bernfont {
color: #343434;
text-align: center;
}

.bernfont > div:nth-child(1) {
font-size: 54px;
font-weight: lighter;
margin-bottom: 20px;
}

.bernfont > div:nth-child(2) {
font-size: 64px;
font-weight: bold;
}


.bernfonter {
color: #343434;
text-align: center;
margin-bottom: 78px;
}

.bernfonter > div:nth-child(1) {
font-size: 60px;
font-weight: lighter;
margin-bottom: 20px;
}

.bernfonter > div:nth-child(2) {
font-size: 60px;
line-height: 69px;
font-weight: bold;
}


.tieorimg {
color: #fff;
padding-top: 60px;
padding-bottom: 30px;
font-size: 48px;
}

.tieorimg > span:nth-child(1) {
font-weight: bold;
}

.tieorimg > span:nth-child(2) {
font-weight: lighter;
}

.confen {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
background-color: #f3f3f3;
}

.weicon {
max-width: 1500px;
margin: 0 auto;
width: 95%;
}

.tit {
height: 100px;
}

.tit > span {
font-size: 48px;
color: #555555;
}

.tit > span:nth-child(1) {
font-weight: bold;
}

.tit > span:nth-child(2) {
font-weight: lighter;
}

.mapconb {
position: relative;
box-sizing: border-box;
padding-right: 400px;
}

.huanrb {
position: absolute;
top: 8%;
right: 0px;
width: 400px;
box-sizing: border-box;
background-color: #dfdddd;
padding: 30px;
padding-bottom: 0px;
}

.imgcob {
position: relative;
width: 95%;
max-width: 940px;
margin: 0 auto;
}

.imgcob img {
width: 100%;
}

.linkr {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
}

.marul li {
position: absolute;
top: 0px;
left: 0px;
width: 27px;
z-index: 88;
transition: all 0.5s;
}

.marul li:nth-child(1) {
top: 45%;
left: 35.5%;
}

.marul li:nth-child(2) {
top: 58%;
left: 29.5%;
}

.marul li:nth-child(3) {
top: 44%;
left: 73.5%;
}

.marul li:nth-child(4) {
top: 55%;
left: 78.5%;
}

.title {
line-height: 50px;
font-size: 30px;
font-weight: bold;
color: #5b5b5b;
}

.fbern {
padding-bottom: 20px;
}

.shobg {
transform: scale(1.4);
}

.shocbx {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
}

.lishow {
display: flex;
}

.lishow > div {
font-size: 16px;
width: 200px;
box-sizing: border-box;
margin-left: 10px;
height: 45px;
color: #4a4a4a;
}

.inouts {
position: relative;
border: 1px solid #b4b4b4;
padding-right: 45px;
border-radius: 5px;
overflow: hidden;
}

.lishow select {
overflow: hidden;
height: 45px;
width: 100%;
outline: none;
text-indent: 1em;
border-radius: 5px;
border: 1px solid #b4b4b4;
}

.inouts input {
display: block;
width: 100%;
text-indent: 1em;
height: 45px;
outline: none;
}

.inouts button {
display: block;
outline: none;
width: 45px;
position: absolute;
top: 0px;
right: 0px;
height: 45px;
border: 0px;
padding: 0px;
background-color: #ffffff;
background-position: center;
background-repeat: no-repeat;
background-image: url(../images/show.png);
background-size: 30%;
}

table, table tr th, table tr td {
font-family: '微软雅黑';
border: 1px solid #ebebeb;
}

table {
width: 100%;
color: #414141;
line-height: 25px;
text-align: left;
text-indent: 1em;
font-size: 14px;
border-collapse: collapse;
}

table tr th {
padding: 10px 0px;
}

table tr td {
padding: 10px 0px;
}

table tr:nth-child(1) th {
background-color: #f3f3f3;
color: #000000;
font-weight: bold;
}

.ultop {
display: none;
}

.ultop ul {
margin-bottom: 40px;
}

.ultop li {
position: relative;
display: flex;
font-size: 24px;
}

.ultop li > div {
box-sizing: border-box;
line-height: 35px;
padding: 10px;
border: 1px solid #cccccc;
}

.lefdiv {
width: 30%;
}

.ridiv {
width: 70%;
}