@charset "utf-8";

/*
font-family: Microsoft YaHei, SimSun;
animation: fade-in .4s;
background-image: linear-gradient(#fff,#eee);
*/

body{min-width: 50em; margin: 0 auto; padding: 3.6em 0 0 0; font-size: 32px; color: #666; background-color: #fff; font-family: Microsoft YaHei, SimSun; font-weight: lighter;}
img{border: 0;}
form{margin: 0; padding: 0;}
input, select, textarea{font-size: 1em; font-family: Microsoft YaHei, SimSun;}
input::-ms-clear,
input::-ms-reveal{display: none;}
div, ul, li{margin: 0; padding: 0; display: block; overflow: hidden; backface-visibility: hidden; perspective: 1000px;}
ul, li{list-style-type: none;}
li{text-overflow: ellipsis;}
a{text-decoration: none; color: #333; outline: none;}
a:hover{text-decoration: none; color: #c33;}
a, .arow{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

@keyframes fade-in{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

@font-face{
	font-family: 'icon';
	src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANIAAsAAAAAB3QAAAL6AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqCLIIMATYCJAMQCwoABCAFhG0HSRt/BsgekiQQEQEFKCgAgWXEQzX2+vZuP6JKogBlJpZVVFTioYCuvq5TBeRsja1QbMQftKtykFMd7IoYJHOzylwmB6gDS6nFu3tXi+q/gsuvPx8lPX2es+m2ygM8v81yOY/j+agXYBxQr+f3jaNAAi6QEuSGsSsv4j6Brg3xrC4r65uAo2QsC8RLWeKAYyopJau0hWbJ3hQf2WmX9+U9AD74n4//IDXaFI3KWHv9uEIExb/CvmfbvF3N6HIJqvH8YIeoOAQk8bQ0eMcmLB6y0VV+Y+sY0NZW+BX27eR79v8VdLNihfmXRxEq0WS098ERKlV+hdk0hV8nNMHv7DYVXoir7Y7KV4A3mLdmCGibuRqvPxtf99ve9xXR9t7xqT/emQ2QdseNX5pMX5st31vN30bM5haLpdVkajYa8f5DVOvZbGTL6X0gt+a/cxAg4Z3DsxM/tD3jK27Fzuud2Vm2nP8s/6kmq0cdrf7Y5tPqjDkC8EvLG1vXXgL+G1dX22tbqozHuPS/vL62/fbV5tqUIZnjuap4TJJzb7rxc2kqagqOZNPHxe3LYScqAFbKGxuDL7x+tWktV17ZDPyJ72i8+57X65H/r91L8LPzZSyMryRoZwKvU9Va9d5VLbtS1RiuTFlrK7Vw2jz7JQVdXbztKlOfxzAvWrcT2hYxipZ1VG2bZPIO0dBzhKa2E3QdqDrcM0PZiOxg3yJAGLtDMfQD1dgHMnmf0LD0F03jqOi6CZ8ze7bjmXMZRRxDIuRHoSwQA7Y8zDnobEDSoI6jSY0vaEFUlTMwJTE5W6lCBkTH2KAOSamMYYgp0cNK8BjS6QhUKNEggSX2M6bkJiXhsiclCkQPnF2gEA6DiCDeKEgmIAyw259xzr2/ASIZpMOhNYyKdAuEUsnDQykSJbcgq4yGVoxrYaMaIknFMBiEUYQeVAn8iM4sEpBSPksDETCJ+nvkFbmSUC/c1pg4v1n/hAegy2CRUaJGRkPrucwZGBm05wnmDJJrsjFBIMooAAAA') format('woff2');
}

@font-face{
	font-family: 'zyjt';
	src: url('zyjt.woff') format('woff');
}

.himg{position: relative; z-index: 1;}
.himg img{min-width: 100%; height: 100%; position: absolute; z-index: -1; left: -200%; top: -200%; right: -200%; bottom: -200%; margin: auto; transition: transform .4s ease;}
.himg:hover img{transform: scale(1.06,1.06);}

.guide{width: 100%; height: 100vh; background-color: #fff; position: fixed; z-index: 10; left: 0; top: 0;}
.guide video{width: 100%; height: 100vh; display: block; object-fit: fill; animation: fade-in 2s;}
.guide.hide{transform: translateY(-120%); transition: transform .6s;}

header{padding: .6em 0; background-color: rgba(204,51,51,.95 ); position: fixed; z-index: 9; left: 0; top: 0; right: 0; margin: auto 0;}
header .top{max-width: 50em; height: 2.4em; line-height: 2.4em; text-align: center; margin: 0 auto;}
header .top .logo{height: 100%; float: left;}
header .top nav a{height: 1em; line-height: 1em; display: inline-block; font-size: 1.2em; color: #fff; margin-right: 1.8em; font-weight: normal; position: relative; overflow: visible; cursor: pointer;}
header .top nav a:after{content: ''; width: 2px; height: .8em; background-color: #fff; position: absolute; top: 0; right: -1.1em; bottom: 0; margin: auto 0;}
header .top nav a:last-child{margin-right: 0;}
header .top nav a:last-child:after{display: none;}

.schedule{background-color: #f8f8f8; padding-top: 1em; margin-bottom: 1em;}
.schedule .list{max-width: 50em; height: 6.6em; margin: 0 auto; position: relative;}
.schedule .list li{width: 100%; height: 100%; position: absolute; z-index: -1; transform: translateY(-120%) scale(.5,.5); opacity: .5; left: 0; top: 0; right: 0; margin: 0 auto; transition: transform .4s, opacity.4s;}
.schedule .list li.on{z-index: 1; transform: translateY(0%) scale(1,1); opacity: 1;}
.schedule .list li p{margin: 0 4em 0 0; float: left;}
.schedule .list li p:last-child{margin-right: 0;}
.schedule .list li .calendar{width: 8em; height: 100%; padding-top: 2.9em; background: url(bg_calendar.png) no-repeat; background-size: contain; text-align: center;}
	.schedule .list li .calendardiv {
		padding-right: 1.4em;
	}
.schedule .list li .calendar strong{height: 1.5em; line-height: .8em; color: #c33; font-size: 2.2em; font-weight: lighter; font-family: zyjt; display: inline-block; vertical-align: top;}
.schedule .list li .calendar small{width: 1em; height: 4.8em; line-height: 1.2em; font-size: .5em; display: inline-block; margin-left: 1em; vertical-align: top;}
.schedule .list li .column{line-height: 1.5em;padding-top:20px}
	.schedule .list li .column strong {
		font-size: 0.9em;
		color: #9a0000;
		font-weight: lighter;
		display: block;
		margin-bottom: .4em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
.schedule .list li .column span{height: 3em; line-height: 1.5em; /*overflow: hidden;*/ display: block;font-size:22px}
.schedule .date{max-width: 41em; height: 1em; line-height: 1em; text-align: center; padding-left: 9em; display: flex; justify-content: space-between; margin: .5em auto 0 auto;} 
.schedule .date li{width: 20%; margin-right: .5em; font-size: .8em; color: #fff; display: inline-block; background-color: #ccc; cursor: pointer;}
.schedule .date li:last-child{margin-right: 0;}
.schedule .date li.on{background-color: #c33;}

.h1{max-width: 50em; text-align: center; margin: 1em auto;}
.h1 a{font-size: 2em; font-weight: bold; font-family: SimSun; color: #c33;}

.banner{max-width: 50em; height: 3.6em; margin: 1.5em auto; position: relative;}
.banner img{min-width: 100%; height: 100%; position: absolute; left: -100%; top: 0; right: -100%; margin: 0 auto;}

.news{max-width: 50em; margin: 1em auto;}
.news .imgs{width: calc(28em - 2px); height: calc(18em - 2px); border: 1px solid #ccc; float: left; position: relative;}
	.news .imgs .list {
		width: 100%;
		height: 100%;
		background-color: #f0f0f0;
		white-space: nowrap;
		word-spacing: -8px;
	}
.news .imgs .list .himg{width: 100%; height: 100%; display: inline-block;}
.news .imgs .list .himg ins{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 2em; line-height: 2em; overflow: hidden; background-color: rgba(0,0,0,.65); color: #fff; padding: 0 1em; position: absolute; left: 0; right: 0; bottom: 0; text-decoration: none; margin: 0 auto;}
.news .imgs .list a.on{display: block; animation: fade-in .4s;}
.news .imgs .dot{position: absolute; z-index: 3; right: .4em; bottom: 2.4em;}
.news .imgs .dot a{width: 8px; height: 8px; background-color: rgba(255,255,255,.5); border-radius: 50%; margin-left: 6px; float: left;}
.news .imgs .dot a.on{background-color: #fff;}
.news ul.list{width: 20em; height: 18em; line-height: 2em; padding: 0 1em; background-color: #f8f8f8;}
/*.news ul.list li:first-child{font-size: 1.3em; margin: .6em 0;}*/
.news ul.list li.more{font-size: .8em; opacity: .8; text-align: right;}

.publish{max-width: 50em; margin: 1.5em auto;}
.publish .abt{height: 2.4em; line-height: 2em; border-bottom: 2px solid #999; margin-bottom: .2em;}
.publish .abt .name{font-size: 1.4em; color: #c33; float: left;}
.publish .abt .more{font-size: .8em; opacity: .8; float: right;}
.publish .yicheng{width: 24em; float: left;}
.publish .yicheng.richeng{margin-right: 2em;}
.publish .yicheng .text{height: 16em; line-height: 2em; overflow-y: auto;}
.publish .yicheng .text p{margin: 0; text-indent: 2em;}
.publish .gonggao{width: 100%; height: 4em; line-height: 2em; margin-bottom: 1.5em; float: left;}
.publish .gonggao li{width: 50%; float: left;}
.publish .gonggao li a{width: 95%; display: block;}

.voice{max-width: 50em; margin: 1.5em auto;}
.voice .abt{height: 2.4em; line-height: 2em; border-bottom: 2px solid #999; margin-bottom: .2em;}
.voice .abt .name{font-size: 1.4em; color: #c33; float: left;}
.voice .abt .more{font-size: .8em; opacity: .8; float: right;}
.voice .interview{width: 24em; float: left;}
.voice .interview .list{height: 17em;}
.voice .interview .list .himg{width: calc(11.5em - 2px); height: calc(7.6em - 2px); border: 1px solid #ccc; display: inline-block; margin-top: .5em;}
.voice .interview .list .himg:nth-child(odd){margin-right: 0.7em;}
.voice .interview .list .himg:after{content: ''; height: 1.8em; line-height: 1.8em; background-color: rgba(0,0,0,.65); position: absolute; left: 0; right: 0; bottom: 0; text-decoration: none; margin: 0 auto;}
.voice .interview .list .himg strong{height: 2em; line-height: 2em; font-size: .8em; color: #fff; font-weight: lighter; position: absolute; z-index: 2; left: .8em; right: .8em; bottom: 0; margin: 0 auto;}
.voice .suggest{width: 24em; float: right;}
.voice .suggest .list{height: 16em; line-height: 2em;}

.goto{width: 1em; height: 1.8em; line-height: 1.8em; text-align: center; cursor: pointer; font-family: icon; background-color: rgba(0,0,0,.6); color: #fff; font-size: 1.6em; position: absolute; z-index: -1; top: 0; bottom: 0; margin: auto 0; opacity: 0; transition: all .4s;}
.goto.prev{left: 50%; margin-left: -16em; transform: translateX(1em);}
.goto.next{right: 50%; margin-right: -16em; transform: translateX(-1em);}
.plan:hover .goto,
.report:hover .goto,
.image:hover .goto{transform: translateX(0); opacity: 1; z-index: 2;}

.plan{margin: 1.5em 0; position: relative;}
.plan .list{max-width: 50em; line-height: 0; margin: 0 auto; white-space: nowrap;}
.plan .list li{width: calc(12.2em - 8px); height: calc(20em - 8px); border: 4px solid #ccc; display: inline-block; margin-right: .4em; position: relative; z-index: 1;}
.plan .list li .img{min-width: 100%; height: 100%; position: absolute; z-index: -3; left: -100%; top: -100%; right: -100%; bottom: -100%; margin: auto; transition: transform .4s linear;}
.plan .list li p{line-height: 2em; padding: .5em; background-color: rgba(0,0,0,.6); position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; color: #fff; white-space: normal;}
.plan .list li p strong{height: 3.4em; word-spacing: 0; line-height: 1.7em; overflow: hidden; font-weight: lighter; display: block;}
.plan .list li p small{text-align: right; display: block;}
.plan .list li:hover .img{transform: scale(1.06,1.06);}

.report{margin: 1.5em 0; line-height: 0; position: relative; background-color: #c33; padding: 2em 0;}
.report .list{max-width: 50em; margin: 0 auto; white-space: nowrap;}
.report .list .himg{width: 9.2em; height: 12em; display: inline-block; margin-right: 4.4em;}

.image{margin: 1.5em 0; line-height: 0; position: relative;}
.image .list{max-width: 50em; margin: 0 auto; white-space: nowrap; border: 1px solid #ccc;}
.image .list .himg{width: 100%; height: 26.9em; display: inline-block;}
.image .list .himg strong{height: 2.4em; line-height: 2.4em; font-size: 0.9em; background-color: rgba(0,0,0,.6); padding: 0 1em; color: #fff; font-weight: lighter; position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; margin: 0 auto; transform: translateY(3em); opacity: 0; transition: all .4s;}
.image .list .himg.on strong{transform: translateY(0%); opacity: 1; transition-delay: .4s;}

.live{max-width: 50em; background-color: #666; margin: 2em auto; position: relative; z-index: 1;}
.live:before{content: ''; width: 20.18em; background-color: #c33; border-left: 2px solid #fff; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; margin: auto 0;}
.live .img{width: 26em; height: 16em; line-height: 0; border: 1px solid #ccc; margin: calc(1em - 2px); float: left; position: relative; z-index: 1;}
.live .img .himg{width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; top: 0; right: 0; margin: 0 auto; transform: translateX(-50%) scale(.5,.5); opacity: .5; transition: all .4s;}
.live .img .himg.on{transform: translateX(0%) scale(1,1); opacity: 1; z-index: 1; }
.live .list{width: 20em; height: 16em; margin: 1em; float: left;}
.live .list a{height: 3.6em; line-height: 1.8em; font-size: .8em; padding-left: 4em; margin: .5em 0; display: block; color: #fff; position: relative;}
.live .list a:before{content: ''; width: 1.2em; height: 1.2em; background-color: #fff; border-radius: 50%; position: absolute; left: .5em; top: 0; bottom: 0; margin: auto 0; transition: all .4s;}
.live .list a:after{content: ''; width: 95%; height: 2px; background-color: #fff; position: absolute; left: 5%; top: 0; bottom: 0; margin: auto 0; transform: translateX(120%); opacity: 0; transition: all .4s;}
.live .list a strong{height: 2em; line-height: 1.2em; font-weight: lighter; display: block; transition: font-size .4s;}
.live .list a small{height: 1.4em; line-height: 1.4em; display: block;}
.live .list a.on:before{transform: scale(1.4,1.4);}
.live .list a.on:after{transform: translateX(0%); opacity: 1; transition-duration: .8s;}
.live .list a.on strong{font-size: 1.2em;}

footer{line-height: 1.6em; font-size: .8em; padding: 1em 0; text-align: center; background-color: #c33; color: rgba(255,255,255,.9);}