body{
	font-family:"Microsoft Yahei","SimSun";
	color:#333;
	font-size:14px;
}

a{
	color:#333;
}

img{
	display:block;
}

.section{
	width:100%;
	height:100%;
	min-width:1170px;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% 100%;
	overflow:hidden;
}

.pagebox{
	width:1170px;
	height:100%;
	margin:0px auto;
	position:relative;
}

#page1{ background-image:url(images/page1-bg.jpg); }
#page2{ background-image:url(images/page2-bg.jpg); }
#page3{ background-image:url(images/page3-bg.jpg); }
#page4{ background-image:url(images/page4-bg.jpg); }
#page5{ background-image:url(images/page5-bg.jpg); }
#page6{ background-image:url(images/page6-bg.jpg); }
#page7{ background-image:url(images/page7-bg.jpg); }

#page1{
	position:relative;
}

#page1 .bottom-line{
	position:absolute;
	left:0px;
	bottom:0px;
	height:7px;
	width:100%;
	background:#d01126;
}

#page1 .part1{
	position:absolute;
	left:113px;
	top:14%;
	z-index:90;
}

#page1 .part2{
	position:absolute;
	left:77px;
	bottom:7px;
	z-index:70;
}

#page1 .part3{
	position:absolute;
	left:215px;
	top:46%;
	z-index:50;
}

#page1 .part3 .line-top{
	height:1px;
	background:#b74334;
	width:580px;
	position:absolute;
	left:58px;
	top:38px;
}

#page1 .part3 a{
	float:left;
	width:116px;
	height:260px;
}

#nav01{ background:url(images/page1-nav1a.png); }
#nav02{ background:url(images/page1-nav2a.png); }
#nav03{ background:url(images/page1-nav3a.png); }
#nav04{ background:url(images/page1-nav4a.png); }
#nav05{ background:url(images/page1-nav5a.png); }
#nav06{ background:url(images/page1-nav6a.png); }

#nav01:hover{ background:url(images/page1-nav1b.png); }
#nav02:hover{ background:url(images/page1-nav2b.png); }
#nav03:hover{ background:url(images/page1-nav3b.png); }
#nav04:hover{ background:url(images/page1-nav4b.png); }
#nav05:hover{ background:url(images/page1-nav5b.png); }
#nav06:hover{ background:url(images/page1-nav6b.png); }

.topic{
	position:absolute;
	left:0px;
	top:0px;
}

.content{
	position:absolute;
	width:970px;
	right:0px;
	top:55px;
}

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

p{
	overflow:hidden;
}

.sidenav{
	position:fixed;
	right:0px;
	top:180px;
	z-index:1000;
	width:125px;
}

.sidenav .title{
	width:16px;
	padding:0px 5px;
	color:#c00;
	line-height:15px;
}

.sidenav li{
	font-weight:bold;
	background:url(images/sidenav.png) no-repeat;
	height:27px;
	line-height:27px;
	margin-top:15px;
}

.sidenav li a{
	display:block;
	width:0px;
	padding-left:33px;
	height:100%;
	color:#e71f19;
	text-decoration:none;
	font-size:0px;
}

.sidenav li:hover{
	background:url(images/sidenav2.png) no-repeat;
}

.sidenav li a:hover{
	width:auto;
	font-size:16px;
}

@media (max-width: 1400px) {
	.sidenav{ right:20px; width:27px; overflow:hidden; }
}

@media (max-width: 1400px) {
	.sidenav{ right:0px; }
}

@media (min-width: 1441px) {
	.sidenav{ right:50px; }
}

#page2 .headline{
	text-align:center;
}

#page2 .headline h2{
	font-size:48px;
	font-weight:bold;
	height:52px;
	line-height:52px;
}

#page2 .headline h2 a{
	color:#c00;
}

#page2 .headline p{
	font-size:18px;
	height:24px;
	line-height:24px;
	margin-top:8px;
}

#page2 .headline p a{
	color:#7d2701;
	margin:0px 3px;
}

#page2 .more1{
	margin-top:20px;
}

#page2 .left{
	width:465px;
}

#page2 .left h3{
	font-size:25px;
	height:30px;
	line-height:30px;
	margin-top:22px;
}

#page2 .left h3 a{
	color:#a70000;
}

#page2 .left p{
	font-family:"SimSun";
	color:#5a1b00;
	line-height:24px;
	max-height:48px;
	margin-top:8px;
}

#page2 .left p a{
	color:#5a1b00;
}

#page2 .left ul{
	margin-top:25px;
}

#page2 .left ul li{
	font-size:20px;
	height:34px;
	line-height:34px;
	overflow:hidden;
	padding-left:20px;
	background:url(images/page2-list.png) no-repeat left 14px;
}

#page2 .left ul li a{
	color:#5a1b00;
}

#page2 .right{
	width:470px;
	margin-top:22px;
}

#page2 .right .focus{
	width:470px;
	height:275px;
	overflow:hidden;
	position:relative;
}

#page2 .right .focus img{
	width:470px;
	height:275px;
}

#page2 .right .focus p{
	position:absolute;
	left:28px;
	bottom:0px;
	width:350px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	font-size:16px;
	z-index:10;
}

#page2 .right .focus p a{
	color:#fff;
}

#page2 .right .focus .shadow{
	position:absolute;
	left:0px;
	bottom:0px;
	width:470px;
	height:40px;
	background:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	z-index:1;
}

#page2 .right .focus .point{
	position:absolute;
	width:470px;
	left:0px;
	bottom:48px;
	text-align:center;
	z-index:999;
}

#page2 .right .focus .point li{
	margin:0px 4px;
	vertical-align:top;
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:50%;
	border:1px solid #fff;
	cursor:pointer;
}

#page2 .right .focus .point .current{
	background:#fff;
}

#page2 .right .focus .point li:hover{
	box-shadow:0px 0px 2px #fff;
}

#page2 .right .focus .arrow1,#page2 .right .focus .arrow2{
	width:38px;
	height:76px;
	position:absolute;
	top:80px;
	cursor:pointer;
	z-index:999;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#page2 .right .focus .arrow1:hover,#page2 .right .focus .arrow2:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#page2 .right .focus .arrow1{
	left:0px;
	background:url(images/page2-arrow1.png);
}

#page2 .right .focus .arrow2{
	right:0px;
	background:url(images/page2-arrow2.png);
}

#page2 .right .focus .more2{
	position:absolute;
	right:0px;
	bottom:0px;
	background:#c00;
	height:40px;
	width:76px;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:16px;
	z-index:99;
}

#page2 .right .focus .more2:hover{
	text-decoration:none;
	text-shadow:0px 0px 1px #fff;
}

#page2 .right .video ul{
	zoom:1;
	margin-left:-14px;
}

#page2 .right .video li{
	float:left;
	display:inline;
	margin:15px 0px 0px 14px;
	width:228px;
}

#page2 .right .video .pic{
	height:140px;
	position:relative;
}

#page2 .right .video img{
	width:100%;
	height:100%;
}

#page2 .right .video .play{
	position:absolute;
	width:36px;
	height:36px;
	background:url(images/page2-play.png) no-repeat;
	left:15px;
	bottom:8px;
}

#page2 .right .video p{
	height:30px;
	line-height:30px;
	background:#cd0504;
	text-align:center;
	font-family:"SimSun";
}

#page2 .right .video p a{
	color:#eedfc0;
}

#page3 .list ul{
	zoom:1;;
	margin-left:-23px;
}

#page3 .list li{
	float:left;
	display:inline;
	width:225px;
	margin-left:23px;
}

#page3 .list .pic{
	width:210px;
	height:210px;
	border:7px solid #fc3;
	border-radius:50%;
	overflow:hidden;
	position:relative;
	z-index:50;
}

#page3 .list .pic img{
	width:210px;
	height:210px;
}

#page3 .list .head{
	position:relative;
	z-index:100;
	background:#c00;
	color:#ffe6be;
	padding:10px 10px 10px 30px;
	margin-top:-75px;
}

#page3 .list .head a{
	color:#ffe6be;
}

#page3 .list .head h4{
	font-size:20px;
	line-height:24px;
	height:24px;
}

#page3 .list .head h5{
	font-size:16px;
	line-height:20px;
	height:20px;
	margin-top:6px;
}

#page3 .list .head .sanjiao1{
	position:absolute;
	top:-5px;
	left:0px;
    border-left:5px solid transparent;
    border-bottom:5px solid #000;
}

#page3 .list .head .sanjiao2{
	position:absolute;
	top:-5px;
	right:0px;
    border-right:5px solid transparent;
    border-bottom:5px solid #000;
}

#page3 .list .text{
	background:#ebd6b9;
	position:relative;
	z-index:150;
	padding:15px 15px 0px 15px;
	height:205px;
	overflow:hidden;
}

#page3 .list .text h3{
	font-size:22px;
	line-height:27px;
	height:54px;
}

#page3 .list .text h3 a{
	color:#c00;
}

#page3 .list .text p{
	height:120px;
	line-height:24px;
	color:#630;
	margin-top:10px;
}

#page3 .list .text p a{
	color:#630;
}

#page3 .bottom{
	position:relative;
	margin-top:35px;
}

#page3 .bottom i{
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	height:1px;
	background:#c6bcad;
	overflow:hidden;
}

#page3 .bottom .point{
	float:right;
	display:inline;
	
	margin-right:360px;
	text-align:center;
	position:relative;
	z-index:50;
	width:250px;
	background:url(images/page3-bottom.jpg);
}

#page3 .bottom .point li{
	display:inline-block;
	vertical-align:top;
	width:24px;
	height:24px;
	border:3px solid #c00;
	border-radius:50%;
	margin:0px 10px;
	cursor:pointer;
}

#page3 .bottom .point .current{
	background:#c00;
}

#page3 .bottom .point li:hover{
	box-shadow:0px 0px 3px #c00 inset;
}

#page3 .bottom .more{
	position:relative;
	z-index:50;
	float:left;
	display:inline;
	margin-left:32px;
	padding:0px 7px;
	color:#630;
	font-size:16px;
	line-height:30px;
	background:url(images/page3-bottom.jpg);
}

.top1 .bg1{
	height:4px;
	background:url(images/top1-bg1.png);
	overflow:hidden;
}

.top1 .bg2{
	height:4px;
	background:url(images/top1-bg2.png);
	overflow:hidden;
}

.top1 .box{
	background:url(images/top1-bg3.jpg);
	color:#fceed8;
	padding:10px 25px 0px 15px;
	font-family:"SimSun";
}

.top1 .box a{
	color:#fceed8;
}

.top1 .title{
	float:left;
	width:50px;
	font-size:22px;
	font-family:"Microsoft Yahei","SimHei";
	line-height:23px;
	margin-top:10px;
}

.top1 .text{
	float:left;
	display:inline;
	margin:5px 0px 0px 12px;
	width:660px;
	padding:0px 25px 18px 25px;
	border-left:3px double #fee5bc;
	border-right:3px double #fee5bc;
	line-height:20px;
	height:60px;
	overflow:hidden;
}

.top1 .text a{
	font-weight:bold;
}

.top1 .code{
	float:right;
	width:125px;
}

.top1 .code img{
	float:left;
	width:76px;
	height:76px;
}

.top1 .code p{
	float:left;
	display:inline;
	margin-left:8px;
	width:16px;
	text-align:center;
	line-height:15px;
}

.title2{
	line-height:28px;
}

.title2 span{
	float:left;
	font-size:24px;
	color:#c00;
	font-family:"Microsoft Yahei","SimHei";
}

.title2 .more{
	float:right;
	color:#c00;
	font-family:"SimSun";
	font-weight:bold;
}

.title2 form{
	float:left;
	display:inline;
	margin-left:15px;
}

.title2 form .text{
	float:left;
	width:146px;
	padding:0px 5px;
	border:1px solid #f0981c;
	height:26px;
	line-height:26px;
	background:#eedfbf;
}

.title2 form .sub{
	float:left;
	color:#fee4bb;
	font-family:"SimSun";
	background:#f0981c;
	border:none;
	height:28px;
	font-size:16px;
	padding:0px 12px;
	cursor:pointer;
}

.title2 form .sub:hover{
	box-shadow:0px 0px 5px #eedfbf inset;
}

#page4 .left{
	width:570px;
	margin-top:22px;
}

#page4 .left .list ul{
	margin-left:-30px;
	zoom:1;
}

#page4 .left .list li{
	float:left;
	display:inline;
	margin:23px 0px 0px 30px;
	width:270px;
	background:#e7383d;
	font-family:"SimSun";
}

#page4 .left .list .pic{
	width:270px;
	height:130px;
	position:relative;
	overflow:hidden;
}

#page4 .left .list .pic img{
	width:100%;
	height:100%;
}

#page4 .left .list .pic i{
	position:absolute;
	left:8px;
	bottom:3px;
	background-color:rgba(222,47,52,0.6);
	color:#fff;
	font-style:normal;
	height:23px;
	line-height:23px;
	padding:0px 8px;
	border-radius:4px;
}

#page4 .left .list .bottom .type{
	float:left;
	width:66px;
	height:50px;
	border-right:1px solid #eb8c80;
	margin-top:2px;
	background:url(images/page4-left-type.gif) no-repeat center center;
}

#page4 .left .list .bottom p{
	float:right;
	display:inline;
	margin:2px 10px 0px 0px;
	width:180px;
	color:#fee4b9;
	line-height:18px;
	height:36px;
	padding:7px 0px;
}

#page4 .right{
	width:330px;
	height:385px;
	overflow:hidden;
	padding:45px 0px 0px 40px;
	margin-top:30px;
	background:url(images/page4-right-bg.gif) no-repeat;
}

#page4 .right .line{
	margin-bottom:6px;
}

#page4 .right .line span{
	float:left;
	width:85px;
}

#page4 .right .line .color{	
	width:190px;
	border:1px solid #fee4b9;
	background:#fee4b9;
	padding:0px 10px;
	border-radius:5px;
	line-height:20px;
	font-size:14px;
	color:#e7383d;
	font-family:"Microsoft Yahei";
}

#page4 .right .line .text1{
	height:20px;
}

#page4 .right .line .area1{
	height:52px;
}

#page4 .right .line .area2{
	height:145px;
}

#page4 .right .line .sub{
	margin:16px 0px 0px 120px;
	height:30px;
	width:92px;
	background:#aa1d00 url(images/page4-right-btn.png) no-repeat center center;
	border-radius:4px;
	cursor:pointer;
	border:none;
}

#page4 .right .line .sub:hover{
	box-shadow:0px 0px 10px #fee4b9 inset;
}

#page5 .left{
	width:570px;
	margin-top:22px;
}

#page5 .left .list{
	margin-top:12px;
}

#page5 .left .list ul{
	margin-left:-30px;
	zoom:1;
}

#page5 .left .list li{
	float:left;
	display:inline;
	margin:0px 0px 23px 30px;
	width:233px;
	height:108px;
	padding:15px 15px 0px 22px;
	background:url(images/page5-left.jpg) no-repeat;
	font-size:16px;
	line-height:24px;
	color:#c00;
}

#page5 .right{
	width:370px;
	margin-top:30px;
}

#page5 .right .chunlian{
	margin-bottom:25px;
}

#page5 .right .chunlian .shang,#page5 .right .chunlian .xia{
	width:73px;
	height:325px;
	overflow:hidden;
	position:relative;
}

#page5 .right .chunlian .shang{
	float:left;
	background:url(images/page5-right-bg1.png) no-repeat;
}

#page5 .right .chunlian .xia{
	float:right;
	background:url(images/page5-right-bg2.png) no-repeat;
}

#page5 .right .chunlian .middle{
	float:left;
	display:inline;
	margin-left:14px;
	width:195px;
	height:85px;
	background:url(images/page5-right-bg3.png) no-repeat;
	position:relative;
}

#page5 .right .chunlian .text1{
	position:absolute;
	background:none;
	border:none;
	width:20px;
	height:260px;
	left:26px;
	top:15px;
	text-align:center;
	font-size:16px;
	line-height:20px;
	color:#fff;
	font-family:"Microsoft Yahei";
	overflow:hidden;
}

#page5 .right .chunlian .text2{
	position:absolute;
	left:13px;
	top:7px;
	border:none;
	background:none;
	width:169px;
	height:46px;
	line-height:46px;
	text-align:center;
	font-size:20px;
	color:#fff;
	font-family:"Microsoft Yahei";
	overflow:hidden;
}

#page5 .right .line{
	margin-bottom:7px;
}

#page5 .right .line span{
	float:left;
	width:85px;
}

#page5 .right .line .text3{
	border:1px solid #d6000f;
	background:#f7edd9;
	padding:0px 10px;
	height:24px;
	line-height:24px;
	width:260px;
	font-size:14px;
}

#page5 .right .sub{
	padding-top:5px;
}

#page5 .right .sub input{
	width:100%;
	height:25px;
	cursor:pointer;
	background:#c49751 url(images/page5-right-btn.png) no-repeat center center;
	border:none;
}

#page5 .right .sub input:hover{
	box-shadow:0px 0px 8px #fee4b9 inset;
}

#page6 .tab{
	float:left;
	width:320px;
}

#page6 .tab li{
	margin-bottom:0px;
	background:#baa88b;
	margin-bottom:2px;
	position:relative;
}

#page6 .tab .red{
	background:#c00;
}

#page6 .tab li img{
	float:left;
	width:150px;
	height:67px;
	-webkit-filter: grayscale(1);/* Webkit */ 
	filter:gray;/* IE6-9 */ 
	filter: grayscale(1);/* W3C */ 
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

#page6 .tab .red img{
	-webkit-filter: grayscale(0);/* Webkit */ 
	filter:none;/* IE6-9 */ 
	filter: grayscale(0);/* W3C */ 
}

#page6 .tab li h4{
	float:left;
	display:inline;
	width:19px;
	text-align:center;
	padding:8px 0px;
	line-height:15px;
	height:45px;
	overflow:hidden;
	color:#c00;
	background:#ffe6be;
	margin:3px 0px 0px 3px;
}

#page6 .tab li h3{
	float:right;
	display:inline;
	margin:13px 10px 0px 0px;
	width:120px;
	font-size:16px;
	line-height:20px;
	height:40px;
	overflow:hidden;
	color:#ffc;
}

#page6 .tab .red .arrow{
	position:absolute;
	right:-10px;
	top:50%;
	margin-top:-10px;
	width:0px;
	height:0px;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:10px solid #c00;
	display:none;
}

#page6 .tab .current .arrow,#page6 .tab li:hover .arrow{
	display:block;
}

#page6 .show{
	float:right;
	width:630px;
}

#page6 .show .pic{
	width:100%;
	height:425px;
	position:relative;
}

#page6 .show .pic img{
	width:100%;
	height:100%;
}

#page6 .show .pic .play{
	width:101px;
	height:101px;
	background:url(images/page6-play1.png) no-repeat;
	position:absolute;
	left:50%;
	margin-left:-50px;
	top:50%;
	margin-top:-50px;
}

#page6 .show .text{
	background:#f0981c;
	position:relative;
	height:56px;
	line-height:56px;
	font-size:22px;
	text-align:center;
}

#page6 .show .text p{
	width:410px;
	padding-left:15px;
	height:56px;
	overflow:hidden;
}

#page6 .show .text a{
	color:#fff;
}

#page6 .show .text .logo{
	position:absolute;
	right:25px;
	bottom:10px;
	z-index:999;
}
#page7 .line{
	margin-top:10px;
}

#page7 .big{
	width:480px;
	height:275px;
}

#page7 .sty1 .big{ float:left; }
#page7 .sty2 .big{ float:right; }

#page7 .small{
	width:235px;
	height:275px;
}

#page7 .sty1 .small{ float:right; margin-left:10px; }
#page7 .sty2 .small{ float:left; margin-right:10px; }

#page7 .photo{
	position:relative;
	background:#000;
}

#page7 .photo img{
	position:relative;
	display:block;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

#page7 .photo:hover img {
	opacity: 0.4;
}

#page7 .photo .figcaption{
	color: #fff;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#page7 .photo .figcaption,
#page7 .photo .figcaption a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#page7 .photo a{
	z-index:1000;
}

#page7 .photo .figcaption::before,
#page7 .photo .figcaption::after {
	position: absolute;
	top:15px;
	right:15px;
	bottom:15px;
	left:15px;
	content: '';
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

#page7 .photo .figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

#page7 .photo .figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

#page7 .photo .figcaption h3 {
	line-height:28px;
	text-align:center;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

#page7 .big .figcaption h3 {
	font-size:24px;
	margin:100px 25px 0px 25px;
}

#page7 .small .figcaption h3 {
	font-size:20px;
	margin:100px 20px 0px 20px;
}

#page7 .photo:hover .figcaption::before,
#page7 .photo:hover .figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#page7 .photo:hover h3{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#page7 .photo .shadow{
	display:none;
}

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

#footer{
	position:absolute;
	bottom:20px;
	left:0px;
	width:1170px;
	text-align:center;
	color:#fff;
	line-height:24px;
}
#scrollbar1 { width: 370px; }
#scrollbar1 .viewport { width: 360px; height: 485px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{  position: relative; background-position: 0 0; float: right; width: 10px; }
#scrollbar1 .track {height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb {  height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end {  overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }