.pc-body{ padding-top:90px; min-width:1280px; overflow-x:hidden;background-color:#000;}
.header-bar{ position:fixed; top:0; left:0; width:100%; height:90px; border-bottom:1px solid #47484c; z-index:6;background-color:rgba(0, 0, 0, .7); min-width:1200px }
.header-bar .logo{ position:absolute; left:50%; top:9px; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:280px; }

.banner{ position:relative; z-index:2; height:600px;}
.banner img{ position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); min-width:100%;height:100%;}

.news1{ height:900px; padding-top:60px; background:url(./bg01.jpg) no-repeat center -48px; }
.news1 h2{ height:113px; background:url(./title1.png) no-repeat 50%; background-size:auto 100%; }
.news1 .row1{height:430px;}
.news1 .row{ width:1141px; margin:0 auto; padding-top:30px; overflow:hidden }
.news1 .event-imgs{ width:1141px; margin:0 auto }
.news1 .event-imgs li{ width:368px; height:200px; float:left; padding:8px; background-color:#4a0e13 }
.news1 .event-imgs li:nth-child(2){ margin:0 18px }
.news1 .event-imgs li a{ position:relative; display:block; height:100%; border:1px solid #b20103; overflow:hidden }
.news1 .event-imgs li a:hover img{ -webkit-transform:scale(1.2); transform:scale(1.2) }
.news1 .event-imgs li a img{ width:100%; height:100%; -webkit-transition:-webkit-transform .6s; transition:-webkit-transform .6s; transition:transform .6s; transition:transform .6s, -webkit-transform .6s }
.news1 .event-imgs li a span{ position:absolute; left:0; bottom:0; width:100%; height:59px; line-height:59px; color:#fff; padding:0 10px; font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background-color:rgba(0, 0, 0, .6) }

.news2{ padding-top:62px; height:620px; background:url(./bg02.jpg) no-repeat top }
.news2 h2{ height:112px; background:url(./title3.png) no-repeat top; background-size:auto 100%; }
.news2>.row{ width:1202px; margin:0 auto; padding:60px 0 40px 0; }
.news2>.row:after{ content:""; display:block; visibility:hidden; clear:both }
.news2>.row .col-8{ }
.news2>.row .col-8 .image-text{ float:left; width:240px; padding:1px 16px }
.news2>.row .col-8 .image-text:last-child{ margin-left:-8px }
.news2>.row .col-8 .image-text:hover .info .more i{ background-position-y:bottom }
.news2>.row .col-8 .image-text .img-box{ position:relative; width:100%; height:160px; overflow: hidden;}
.news2>.row .col-8 .image-text .img-box img{ width:100%;}
.news2>.row .col-8 .image-text .info{ color:#fff; padding:36px 2px 0 2px }
.news2>.row .col-8 .image-text .info h4{ font-size:24px; font-weight:700; padding-left:11px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-left:4px solid #ab2417 }
.news2>.row .col-8 .image-text .info .time{ padding:16px 0; font-size:16px; color:grey; line-height:32px; margin-left:16px }

.news3{ padding-top:101px; height:940px; background:url(./111.eb90f2b6.jpg) no-repeat top; text-align:center; }
.news3 h2{ height:111px; margin-bottom:30px; background:url(./title2.png) no-repeat 50%; background-size:auto 100%; }
.news3 img{ margin:0 auto; height:600px; overflow:hidden; margin-right:-240px; }
.news3 .txt{ margin:0 auto; width:1160px; text-align:left; color:#666; font-size:16px; margin-bottom:-190px; }
.news3 .txt dt{font-size:36px; padding:24px 0 8px 0; color:#999;}

.copyright{ clear:both; margin-top:-40px; text-align:center }
.copyright h3.tit{ font-size:16px; color:#999; text-align:center; padding:30px 0 15px }
.copyright .copy-text{ padding-top:20px; clear:both; font-size:14px; color:#999; line-height:180% }
.copyright .copy-text a{ color:#999 }
.copyright .copy-text a:hover{ color:#aaa }

.footer{ max-height:1409px; padding-bottom:60px; background:url(./foot_bg.jpg) no-repeat top }
.footer h2{ height:109px; background:url(./title4.png) no-repeat 50%; background-size:auto 100%; }
.footer .abouts{ color:#fff; font-size:18px; width:1141px; margin:0 auto; padding-top:110px; min-height:577px }
.footer .abouts li{ float:left; width:350px; height:467px; position:relative; text-align:center }
.footer .abouts li:nth-of-type(2){ margin:0 45px }
.footer .abouts li h4{ font-size:36px; font-weight:400; margin-bottom:10px }
.footer .abouts li .time{ font-size:14px; color:#5b626f; margin-bottom:23px }
.footer .abouts li .text{ padding:0 35px; font-size:14px; text-align:left; line-height:180% }
body,
dd,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
p{ margin:0; font-weight:400 }
li,
ol,
ul{ margin:0; padding:0; list-style:none }
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section{ display:block }
.clearfix:after{ content:""; display:table; clear:both }
a{ border:none; text-decoration:none }
a:active{ opacity:.8 }
img{ border:none }
body{ font:12px microsoft yahei, arial, Helvetica, STHeiTi, sans-serif; margin:0 auto }
*{ -webkit-box-sizing:border-box; box-sizing:border-box }

 /* 遮罩 */
.btnShow{ position:fixed; z-index:9; background:#f08300;box-shadow:0 2px 8px rgba(240,131,.1); bottom:10px; right:10px; border-radius:50%; line-height:50px; height:50px; width:50px; color:#ffead0; border:0; font-size:16px; cursor: pointer;}
.mask{ position:fixed; z-index:10; inset:0; background:rgba(0,0,0,.7); display:none; align-items:center; justify-content:center; animation:fadeIn .3s;}
.mask.show{ display:flex;}
/* 弹窗 */
.modal{ background:#fff; border-radius:4px; width:90%; max-width:400px; padding:0 24px 24px; box-shadow:0 4px 20px rgba(240,131,.1); animation:slideUp .3s;}
.modal h3{ margin-bottom:8px; font-size:18px; line-height:60px;}
.modal h3 .rig{float:right; cursor:pointer; margin: -12px -14px 0 0; color:#666;transition: transform .3s;}
.modal h3 .rig:hover{ transform: rotate(90deg);}

.form-item{ margin-bottom:16px; }
.form-item label{ display:block; margin-bottom:6px; font-size:13px;}
.form-item input,
.form-item select{ width:100%; height:40px; padding:0 12px; border:1px solid #ccc; border-radius:2px; font-size:14px;}
.btn-submit{ width:100%; height:42px; background:#f08300; color:#fff; border:0; border-radius:2px; font-size:16px; cursor:pointer; margin-top:8px;}
.btn-submit:active{ opacity:.8;}
@keyframes fadeIn{ from{ opacity:0; } to{ opacity:1; } }
@keyframes slideUp{ from{ transform:translateY(30px); } to{ transform:translateY(0); } }


@media (max-width:900px){
	.pc-body{min-width: 100%;width:100%; overflow: hidden;padding-top: 60px;}
	.header-bar{height: 60px;min-width: 100%;}
	.header-bar .logo{width:160px;}
	.banner{height:450px;}
	.news1{background-position-y:-106px;}
	.news1 h2{height:60px;}
	.news1 .row1{height:70px;}
	.news1 .row{width:100%;}
	.news1 .event-imgs{width:80%;}
	.news1 .event-imgs li{width:100%;background-color:rgba(74,14,19,.7); height: 180px; }
	.news1 .event-imgs li a{border: 0;}
	.news1 .event-imgs li:nth-child(2){margin:50px 0;}
	.news2{padding-top:48px; height:1020px; background-color:#2a2d34;}
	.news2 h2{height: 60px;}
	.news2>.row{width:80%;}
	.news2>.row .col-8 .image-text{padding:0; width:51%; clear: both;}
	.news2>.row .col-8 .image-text.rig{float: right; clear: both;}
	.news2>.row .col-8 .image-text .img-box{height: 80px;}
	.news2>.row .col-8 .image-text .info{padding:16px 0 0;}
	.news2>.row .col-8 .image-text .info h4{font-size: 16px;}
	.news2>.row .col-8 .image-text .info .time{font-size: 12px;line-height:18px; padding:8px 0;}
	.news3{padding-top:60px; height: 600px;}
	.news3 h2{height: 60px;}
	.news3 .news-right-item{padding-left: 10%;}
	.news3 .txt{width:40%; margin: 0 0 -80px 0; font-size: 12px;}
	.news3 .txt dt{font-size:14px;}
	.news3 img{height:auto; margin-right:0; width: 90%;}
	.footer{background-position-y:-117px;}
	.footer h2{height: 60px;}
	.footer .abouts{padding-top: 20px;width:100%;}
	.footer .abouts li{float:none; height: auto; margin: 0 auto 26px auto;width:80%;}
	.footer .abouts li h4{font-size: 16px; margin-bottom:0px;}
	.footer .abouts li .time{font-size: 12px; margin-bottom: 16px;}
	.footer .abouts li .text{font-size: 12px;}
	.footer .abouts li:nth-of-type(2){margin: 0 auto 26px auto;}
	
	.copyright{width:100%; margin-top:160px;}
	.copyright h3.tit{font-size: 14px;}
	.copyright .copy-text{font-size: 12px; padding-top: 4px;}
}