@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#333;
}

a{
	color:#333;
}

a:hover{
	text-decoration: none;
	color: #c00 !important;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

table{
	font-size: 1em;
}

img{
	display:block;
	max-width: 100%;
	max-height: 100%;
}

.wrapper{
	width:100%;
	min-width:1220px;
	max-width:1920px;
	margin:0px auto;
	overflow:hidden;
}

.w1220{
	width:1220px;
	margin:0px auto;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

#prompt{
	display: none;
}

#top1{
	position: fixed;
	left: 30px;
	top: 12px;
	z-index: 99;
	width: 104px;
	height: 51px;
	background: url(images/logo.png) no-repeat center center;
	background-size: contain;
}

#top1 a{
	display: block;
	width: 100%;
	height: 100%;
}

#top2{
	position: fixed;
	right: 30px;
	top: 12px;
	line-height: 51px;
	height: 51px;
	font-size: 12px;
	font-family: "SimSun";
	z-index: 99;
}

#top2 span,#top2 a{
	margin-left: 35px;
	color: #fbfad8;
}

#top2 a:hover{
	color: #ddd !important;
}

#footer1{
	position: fixed;
	width: 100%;
	left: 0px;
	bottom: 8%;
	color: rgba(255,255,255,0.5);
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	z-index: 99;
}

#topic1{
	position: fixed;
	left: 34.4%;
	top: 4.9%;
	width: 31.2%;
	height: 6.5%;
	background: url(images/topic1.png) no-repeat center center;
	background-size: contain;
	z-index: 100;
}

#home-bg1{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url(images/home-bg1.jpg);
	background-size: 100% 100%;
	z-index: 1;
}

#home-bg3{
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 17.5%;
	background: url(images/home-bg3.png) no-repeat center bottom;
	background-size: 100% 100%;
	z-index: 9;
}

#home-bg2{
	position: fixed;
	left: 0%;
	bottom: 0px;
	width: 100%;
	height: 90.2%;
	background: url(images/home-bg2.png) no-repeat center bottom;
	background-size: auto 100%;
	z-index: 2;
}

.home-link{
	position: fixed;
	width: 6.3%;
	height: 31.3%;
	top: 48.8%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 20;
}

#home-link1{ left: 35%; background-image:url(images/home-link1.png); }
#home-link2{ left: 43%; background-image:url(images/home-link2.png); }
#home-link3{ right: 43%; background-image:url(images/home-link3.png); }
#home-link4{ right: 35%; background-image:url(images/home-link4.png); }

#footer2{
	position: fixed;
	width: 100%;
	left: 0px;
	bottom: 8%;
	color: #fff;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	z-index: 99;
}

#page-bg1{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url(images/page-bg1.jpg);
	background-size: 100% 100%;
	z-index: 1;
}

#page-main{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	white-space:nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	z-index: 88;
}

#page-main .box{
	position: absolute;
	left: 0px;
	top: 10.7%;
	width: 100%;
	height: 80%;
}

#page-main-head{
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	margin-left: 5%;
}

#page-main-tail{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	margin-right: 5%;
	margin-left: -35%;
}

#page-main-head img,#page-main-tail img{
	height: 100%;
}

#page-main-body{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	background: url(images/page-bg4.png) left top;
	background-size: auto 100%;
}

#page-main-head .title{
	position: absolute;
	width: 18.3%;
	height: 40.6%;
	top: 29.5%;
	left: 54%;
}

#page-main-head .title img{
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}

.list1{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	height: 64%;
	font-size: 1em;
	overflow: hidden;
	z-index: 80;
	min-width: 100%;
}

.list1 .blank{
	padding: 0px 1em;
	height: 100%;
}

.list1 .li{
	height: 100%;
	text-align: center;
}

.list1 .up{
	height: 50%;
	padding-bottom: 0.8em;
}

.list1 .down{
	height: 50%;
	padding-top: 0.8em;
}

.list1 .photo{
	overflow: hidden;
	max-width: 140px;
	max-height: 170px;
}

.list1 .photo img{
	display: inline-block;
	vertical-align: top;
	border-radius: 0.5em;
}

.list1 p{
	color: #666;
	line-height: 1.2em;
	height: 1.2em;
	font-size: 16px;
	margin-top: 0.5em;
}

.list1 .text{
	margin-top: 0.5em;
}

.list1 .text img{
	display: inline;
}

#detail{
	position: relative;
	z-index: 80;
	overflow: hidden;
	height: 64%;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 0.5em;
}

#detail .bg{
	height: 100%;
	max-width: none;
	width: auto;
}

#detail .dl-left,#detail .dl-right{
	position: absolute;
	width: 3.13%;
	height: 100%;
	top: 0px;
	background: #cc322e;
	overflow: hidden;
}

#detail .dl-left{
	left: 0px;
	border-radius: 0.5em 0em 0em 0.5em;
}

#detail .dl-right{
	right: 0px;
	border-radius: 0em 0.5em 0.5em 0em;
}

#detail .dl-left img,#detail .dl-right img{
	height: 100%;
}

#detail .name{
	position: absolute;
	left: 6%;
	top: 8%;
	height: 84%;
	width: 4.83%;
	overflow: hidden;
	background: url(images/name.png) no-repeat center center;;
	background-size: contain;
	text-align: center;
	color: #954a01;
	font-weight: bold;
	font-size: 3em;
	line-height: 1.1em;
	padding: 0px 0.3em;
	white-space: normal;
}

#detail .name td{
	padding: 0px 0.5em;
}

#detail .photo{
	position: absolute;
	height: 80%;
	width: 12.19%;
	overflow: hidden;
	top: 10%;
	left: 14.53%;
	border-radius: 0.5em;
}

#detail .photo img{
	width: 100%;
	height: 100%;
}

#detail .photo .play{
	position: absolute;
	width: 100%;
	height: 11.2%;
	right: 0px;
	bottom: 0px;
	background: url(images/play.png) no-repeat right bottom;
	background-size: contain;
}

#detail .title5{
	position: absolute;
	top: 18%;
	left: 30.94%;
	height: 64%;
	width: 2.57%;
}

#detail .title5 img{
	height: 100%;
}

#detail .word1{
	position: absolute;
	height: 83%;
	width: 11%;
	top: 8.5%;
	left: 35.24%;
	overflow: hidden;
	white-space: normal;
	line-height: 1.4em;
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
}

#detail .bar2{
	position: absolute;
	height: 5px;
	width: 11%;
	top: 93%;
	left: 35.24%;
	background: #f0d47c;
	border-radius: 0.2em;
	overflow: hidden;
}

#detail .bar2 span{
	position: absolute;
	width: 25%;
	height: 100%;
	bottom: 0px;
	border-radius: 0.2em;
	background: #bf7d1f;
	cursor: pointer;
}

#detail .editor{
	position: absolute;
	top: 25%;
	left: 48%;
	height: 50%;
	width: 2.11%;
	border-top: 0.6em solid #ca0000;
	border-bottom: 0.6em solid #ca0000;
	white-space: normal;
	color: #d90000;
	font-family: "楷体";
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.0em;
}

#detail .title6{
	position: absolute;
	top: 18%;
	left: 54.7%;
	height: 64%;
	width: 2.57%;
}

#detail .title6 img{
	height: 100%;
}

#detail .word2{
	position: absolute;
	width: 33.4%;
	height: 83%;
	top: 8.5%;
	left: 59.23%;
	white-space: normal;
	overflow: hidden;
	line-height: 1.6em;
}

#detail .bar{
	position: absolute;
	width: 0.37%;
	height: 83%;
	top: 8.5%;
	left: 93.56%;
	background: #f0d47c;
	border-radius: 0.2em;
	overflow: hidden;
}

#detail .bar span{
	position: absolute;
	width: 100%;
	height: 25%;
	left: 0%;
	background: #c90000;
	border-radius: 0.2em;
	cursor: pointer;
}

#drop{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color:rgba(0,0,0,0.6);
	z-index: 999;
	display: none;
}

#drop .drop-box{
	position: absolute;
	width: 982px;
	height: 653px;
	padding-top: 130px;
	background: url(images/drop.png);
	overflow: hidden;
	left: 50%;
	top: 50%;
	margin: -391px 0px 0px -491px;
}

#drop .drop-box .close{
	position: absolute;
	width: 29px;
	height: 98px;
	background: url(images/close.png);
	right: 40px;
	bottom: 140px;
}

#drop .drop-box .video{
	width: 565px;
	height: 445px;
	margin: 0px auto;
	background: #000;
}

#drop .drop-box p{
	font-size: 30px;
	line-height: 34px;
	height: 34px;
	text-align: center;
	margin-top: 15px;
	font-weight: bold;
	color: #000;
}


#detail .word2{
overflow:auto;
}
#detail .test-1::-webkit-scrollbar {/*滚动条整体样式*/
      position: absolute;
	width: 6px;
	height:1px;
	top: 8.5%;
	left: 93.56%;
    }
#detail .test-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
       width: 6px;
	height: 1px;
	left: 0%;
	background: #c90000;
	border-radius: 0.2em;
	cursor: pointer;
    }
#detail .test-1::-webkit-scrollbar-track {/*滚动条里面轨道*/
        position: absolute;
	width: 6px;
	height: 1px;
	top: 8.5%;
	left: 93.56%;
       border-radius: 0.2em;
        background: #f0d47c;
    }

#detail .word1{
overflow:auto;
}
#detail .test-2::-webkit-scrollbar {/*滚动条整体样式*/
      position: absolute;
	width: 6px;
	height:5px;
	top: 8.5%;
	left: 93.56%;
    }
#detail .test-2::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
       width: 6px;
	height: 5px;
	left: 0%;
	background: #c90000;
	border-radius: 0.2em;
	cursor: pointer;
    }
#detail .test-2::-webkit-scrollbar-track {/*滚动条里面轨道*/
        position: absolute;
	width: 6px;
	height: 5px;
	top: 8.5%;
	left: 93.56%;
       border-radius: 0.2em;
        background: #f0d47c;
    }
#detail .title6{
	position: absolute;
	top: 18%;
	left: 48%;
	height: 64%;
	width: 2.57%;
}	
#detail .word2{
	position: absolute;
	width: 39%;
	height: 82%;
	top: 8.5%;
	left: 53%;
	white-space: normal;
	overflow: hidden;
	line-height: 1.6em;
}
#home-bg3{
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 13.5%;
	background: url(images/home-bg3.png) no-repeat center bottom;
	background-size: 100% 100%;
	z-index: 9;
}
#footer1{
	position: fixed;
	width: 100%;
	left: 0px;
	bottom: 5%;
	color: rgba(255,255,255,0.5);
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	z-index: 99;
}
.home-link{
	position: fixed;
	width: 6.3%;
	height: 38.3%;
	top: 45.5%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 20;
}





#detail .word2{
overflow:auto;
}
#detail .test-1::-webkit-scrollbar {/*滚动条整体样式*/
      position: absolute;
	width: 6px;
	height:1px;
	top: 8.5%;
	left: 93.56%;
    }
#detail .test-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
       width: 6px;
	height: 1px;
	left: 0%;
	background: #c90000;
	border-radius: 0.2em;
	cursor: pointer;
    }
#detail .test-1::-webkit-scrollbar-track {/*滚动条里面轨道*/
        position: absolute;
	width: 6px;
	height: 1px;
	top: 8.5%;
	left: 93.56%;
       border-radius: 0.2em;
        background: #f0d47c;
    }

#detail .word1{
overflow:auto;
}
#detail .test-2::-webkit-scrollbar {/*滚动条整体样式*/
      position: absolute;
	width: 6px;
	height:5px;
	top: 8.5%;
	left: 93.56%;
    }
#detail .test-2::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
       width: 6px;
	height: 5px;
	left: 0%;
	background: #c90000;
	border-radius: 0.2em;
	cursor: pointer;
    }
#detail .test-2::-webkit-scrollbar-track {/*滚动条里面轨道*/
        position: absolute;
	width: 6px;
	height: 5px;
	top: 8.5%;
	left: 93.56%;
       border-radius: 0.2em;
        background: #f0d47c;
    }