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

@media (min-width: 0px) and (max-width: 1440px) {
	body{ font-size: 12px; }
}
@media (min-width: 1440px) and (max-width: 1600px) {
	body{ font-size: 13px; }
}
@media (min-width: 1600) {
	body{ font-size: 16px; }
}

a{
	color:#333;
}

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

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

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

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

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

p,li{
	overflow:hidden;
}

#fsvs-pagination{
	display: none !important;
}

#fsvs-pagination2{
	position: fixed;
	left: 1.5%;
	top: 50%;
	z-index: 9999;
	margin-top: -162px;
}

#fsvs-pagination2 .line{
	position: absolute;
	width: 1px;
	height: 100%;
	background: #d5d6d8;
	left: 7px;
	top: 0px;
}

#fsvs-pagination2 li{
	height: 17px;
	line-height: 17px;
	font-size: 1em;
	margin: 40px 0px;
	position: relative;
	cursor: pointer;
	z-index: 9;
}

#fsvs-pagination2 li span{
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
	border: 5px solid #fff;
	margin-right: 5px;
}

#fsvs-pagination2 li span i{
	display: block;
	width: 5px;
	height: 5px;
	border: 1px solid #c12024;
	border-radius: 50%;
}

#fsvs-pagination2 li label{
	cursor: pointer;
}

#fsvs-pagination2 li.active span i{
	background: #c12024;
}

#fsvs-pagination2 li.active label{
	color: #c5181cl
}

.slide{
	position: relative;
	min-width: 1280px;
}

#page1{
	background: url(../image2/p1-bg.jpg) center top;
	background-size: 100% 100%;
}

#page2{
	background: url(../image2/p2-bg.jpg) center top;
	background-size: 100% 100%;
}

#page3,#page4,#page5{
	background: url(../image2/p3-bg.jpg) center top;
	background-size: 100% 100%;
}

.logo1{
	position: absolute;
	left: 18.7%;
	top: 4.4%;
	background: url(../image2/logo1.png) no-repeat center center;
	background-size: contain;
	width: 5.3%;
	height: 4%;
}

.logo2{
	position: absolute;
	left: 24.8%;
	top: 3.4%;
	background: url(../image2/logo2.png) no-repeat center center;
	background-size: contain;
	width: 9.3%;
	height: 7.3%;
}

.cover{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	left: 0px;
	top: 0px;
	background: url(../image2/cover.png) center top;
	background-size: 100% 100%;
}

.p1a{
	position: absolute;
	top: 16.5%;
	left: 24.8%;
	background: url(../image2/p1a.png) no-repeat center center;
	background-size: contain;
	width: 30.2%;
	height: 42.9%;
}

.p1b{
	position: absolute;
	top: 17.3%;
	left: 56.3%;
	background: url(../image2/p1b.png) no-repeat center bottom;
	background-size: contain;
	width: 16.9%;
	height: 26.1%;
}

.p1c{
	position: absolute;
	top: 46.8%;
	left: 56.3%;
	background: url(../image2/p1c.png) no-repeat center top;
	background-size: contain;
	width: 18.5%;
	height: 15.8%;
}

.mouse{
	position: absolute;
	width: 10%;
	height: 6.7%;
	left: 45%;
	bottom: 25%;
	background: url(../image2/mouse.png) no-repeat center center;
	background-size: contain;
}

.p2a{
	position: absolute;
	left: 19.9%;
	top: 22%;
	width: 3.9%;
	height: 20.5%;
	background: url(../image2/p2a.png) no-repeat center center;
	background-size: contain;
	z-index: 9;
}

.p2b{
	position: absolute;
	left: 21.2%;
	top: 13.5%;
	width: 59%;
	height: 37%;
	border: 1px solid #e3d8b9;
}

.p2c{
	position: absolute;
	left: 25.7%;
	top: 13.5%;
	width: 51%;
	height: 37%;
}

.p2c table{
	width: 100%;
	height: 100%;
	font-size: 1em;
	line-height: 1.8em;
	font-family: "SimSun";
	color: #000;
}

.p2c table p{
	text-indent: 2em;
}

.btn1{
	position: absolute;
	border: 1px solid #e3d8b9;
	top: 57%;
	width: 9.6%;
	height: 9%;
	background: #fff;
	text-align: center;
	transition: all 0.2s;
}

.btn1 table{
	width: 100%;
	height: 100%;
}

.btn1 img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.4em;
}

.btn1 span{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.1em;
}

.btn1:hover{
	box-shadow: 0px 0px 3em #e3d8b9 inset;
}

.p2d{
	left: 36.9%;
}

.p2e{
	left: 53%;
}

.p3a{
	position: absolute;
	width: 4.8%;
	height: 56.5%;
	left: 18.8%;
	top: 17.5%;
	background: url(../image2/p3a.png) no-repeat center center;
	background-size: contain;
}

.p3b{
	position: absolute;
	right: 18.8%;
	top: 4.9%;
	height: 1.25em;
	border-bottom: 1px solid #eee;
	width: 38%;
	text-align: right;
	height: 4.8%;
}

.p3b .arrow1,.p3b .arrow2{
	display: inline-block;
	vertical-align: top;
	height: 1.25em;
	width: 0.69em;
	cursor: pointer;
}

.p3b .arrow1{
	background: url(../image2/p3ba.png);
	background-size: 100% 100%;
	margin-right: 1em;
}

.p3b .arrow2{
	background: url(../image2/p3bb.png);
	background-size: 100% 100%;
	margin-left: 1em;
}

.p3b span{
	display: inline-block;
	vertical-align: top;
	margin: 0.5em 0.8em 0px 0.8em;
	width: 2.2em;
	height: 0.2em;
	background: #bd2426;
	cursor: pointer;
}

.p3b .current{
	background: #c5b382;
}

.p3c{
	position: absolute;
	width: 57%;
	top: 17%;
	left: 26.4%;
}

.p3c li{
	float: left;
	width: 25%;
	margin-bottom: 4.5em;
}

.p3c table{
	width: 100%;
}

.p3c .head{
	width: 4.1em;	
}

.p3c .head img{
	width: 4.1em;
	height: 4.1em;
	border-radius: 50%;
}

.p3c .text{
	padding-left: 1em;
}

.p3c .text h4{
	font-weight: normal;
	font-size: 0.8em;
	color: #c5b382;
	line-height: 1.2em;
	margin-bottom: 0.3em;
}

.p3c .text h3{
	font-size: 1.1em;
	line-height: 1.2em;
}

.p3c .photo{
	max-width: 14em;
	max-height: 9.4em;
	margin-top: 1.1em;
	overflow: hidden;
}

.p3c .photo img{
	width: 100%;
	height: 100%;
	transition: all 0.2s;
}

.p3c li:hover .photo img{
	transform:scale(1.05,1.05);
}

.p4a{
	position: absolute;
	width: 4.6%;
	height: 56.5%;
	left: 18.8%;
	top: 17.5%;
	background: url(../image2/p4a.png) no-repeat center center;
	background-size: contain;
}

.p4b{
	position: absolute;
	width: 57%;
	top: 17%;
	left: 26.4%;
}

.p4b li{
	float: left;
	width: 50%;
	height: 14.9em;
	margin-bottom: 2.8em;
	position: relative;
	overflow: visible;
}

.p4b li .border{
	position: absolute;
	border: 1px solid #e3d8b9;
	height: 13.3em;
	width: 27.1em;
	left: 2.7em; 
	bottom: -0.6em;
	transition: all 0.2s;
	z-index: -1;
}

.p4b li:hover .border{
	box-shadow: 0px 0px 4em #e3d8b9 inset;
}

.p4b li .photo .shadow{
	position: absolute;
	width: 100%;
	height: 2.6em;
	left: 0px;
	bottom: 0px;
	background: #000;
	filter:alpha(opacity=60);
	opacity:0.6;
	z-index: 1;
}

.p4b li .photo{
	position: relative;
	height: 100%;
	width: 22.3em;
}

.p4b li .photo img{
	width: 100%;
	height: 100%;
}

.p4b li .photo p{
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding-left: 1.6em;
	max-width: 20.7em;
	line-height: 2.6em;
	height: 2.6em;
	z-index: 9;
}

.p4b li .photo p span{
	font-size: 1.1em;
}

.p4b li .photo p i{
	position: absolute;
	left: 1em;
	bottom: 0.8em;
	height: 1em;
	width: 0.2em;
	background: #c5b382;
}

.p4b li .num{
	position: absolute;
	left: 22.3em;
	top: 0px;
	width: 7.1em;
	height: 100%;
	background: url(../image2/p4d.jpg);
	background-size: 100%;
}

.p4b li .num span{
	position: absolute;
	bottom: 0.8em;
	left: 2.5em;
	font-size: 1.25em;
	color: #805b0d;
	background: url(../image2/p4c.png) no-repeat left center;
	background-size: 1.25em 1.25em;
	padding-left: 1.4em;
}

.p4b li .tag{
	position: absolute;
	width: 8.4em;
	height: 3.4em;
	background: url(../image2/p4b.png) no-repeat center center;
	background-size: contain;
	top: 1.5em;
	left: 19.6em;
}

.p5a{
	position: absolute;
	width: 4.6%;
	height: 56.5%;
	left: 18.8%;
	top: 17.5%;
	background: url(../image2/p5a.png) no-repeat center center;
	background-size: contain;
}

.p5b{
	position: absolute;
	top: 14.3%;
	left: 25.8%;
	width: 34%;
}

.p5b .list1 li{
	border-bottom: 1px solid #e3d8b9;
	padding-top: 2em;
	padding-bottom: 1.3em;
}

.p5b .list1 h3{
	font-size: 1.25em;
	line-height: 1.3em;
	height: 1.3em;
}

.p5b .list1 p{
	font-size: 0.8em;
	line-height: 1.5em;
	height: 3em;
	color: #666;
	margin-top: 0.5em;
}

.p5b .list1 p a{
	color: #666;
}

.p5b .list2{
	margin-top: 2em;
}

.p5b .list2 li{
	float: left;
	width: 50%;
	line-height: 2.25em;
	height: 2.25em;
	background: url(../image2/p5b.png) no-repeat left center;
	background-size: 0.3em 0.3em;
}

.p5b .list2 li a{
	font-size: 0.9em;
	padding-left: 1em;
}

.p5c{
	position: absolute;
	left: 64.3%;
	top: 17.4%;
	width: 15.6%;
}

.p5c .photo1{
	position: relative;
	border-radius: 0.5em;
	overflow: hidden;
	max-height: 12.4em;
	margin-bottom: 1.5em;
}

.p5c .photo1 img{
	width: 100%;
	height: 100%;
	transition: all 0.2s;
}

.p5c .photo1:hover img{
	transform:scale(1.03,1.03);
}

.p5c .photo1 p{
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 2em;
	line-height: 2em;
	text-align: center;
	width: 100%;
	z-index: 9;
}

.p5c .photo1 .shadow{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 2em;
	background: #000;
	filter:alpha(opacity=60);
	opacity:0.6;
	z-index: 1;
}

.p5c .photo1 .play{
	position: absolute;
	width: 3.5em;
	height: 3.5em;
	left: 50%;
	margin-left: -1.75em;
	top: 50%;
	margin-top: -2.75em;
	background: url(../image2/p5c.png);
	background-size: 100% 100%;
}

.p5c .photo2{
	position: relative;
	width: 48.1%;
	overflow: hidden;
	max-height: 5.9em;
	border-radius: 0.25em;
}

.p5c .photo2 img{
	width: 100%;
	height: 100%;
}

.p5c .photo2 .play{
	position: absolute;
	width: 2.2em;
	height: 2.2em;
	background: url(../image2/p5d.png);
	background-size: 100% 100%;
	left: 50%;
	top: 50%;
	margin-left: -1.1em;
	margin-top: -1.1em;
}







/*css样式修改开始*/
.box{
	width:1224px;
	margin:0px auto;
	position:relative;
	height:100%;
}
.logo1{
	left:5px;
	background: url(../image2/logo1.png) no-repeat;
	width:101px;
	height:39px;
}
.p1a{
	left:110px;
	background: url(../image2/p1a.png) no-repeat;
	width:579px;
	height:412px;
}
.p1b{
	left:721px;
	background: url(../image2/p1b.png) no-repeat;
	width:351px;
	height:274px;
    top:16.1%;
}
.p1c{
	left:720px;
	background: url(../image2/p1c.png) no-repeat;
	width:355px;
	height:153px;
	top:54.8%;
}
.mouse{
	left:534px;
	background: url(../image2/mouse.png) no-repeat;
	width:97px;
	height:66px;
	bottom:12%;
}


.active-slide-2 #fsvs-pagination2,.active-slide-3 #fsvs-pagination2,.active-slide-4 #fsvs-pagination2,.active-slide-5 #fsvs-pagination2{ display:block;}
#fsvs-pagination2{
	display:none;
	width:11.4%;
	height:100%;
	background:#bd2426;
	top:0px;
	left:0px;
	margin-top:0px;
	overflow:hidden;
}

.b1ao{
	background:url(../image2/biao.gif) no-repeat;
	background-size:100% 100%;
	width:77%;
	height:7.3%;
	position:absolute;
	top:5.2%;
	left:8.9%;
}
.qy,.xw,.nr,.zj{
	position:absolute;
	display:none;
}
.qy{
	background:url(../image2/qy.gif) no-repeat;
	background-size:100% 100%;
	width:34%;
	height:19.3%;
	top:21%;
	left:51.4%;
}
.xw{
	background:url(../image2/xw.gif) no-repeat;
	background-size:100% 100%;
	width:42.7%;
	height:46.6%;
	top:18.3%;
	left:44%;
}
.nr{
	background:url(../image2/nr.gif) no-repeat;
	background-size:100% 100%;
	width:42.2%;
	height:43.4%;
	top:17.5%;
	left:45.9%;
}
.zj{
	background:url(../image2/zj.gif) no-repeat;
	background-size:100% 100%;
	width:43.6%;
	height:46.4%;
	top:17.8%;
	left:43.1%;
}
.active-slide-2 #fsvs-pagination2 .qy,.active-slide-3 #fsvs-pagination2 .xw,.active-slide-4 #fsvs-pagination2 .nr,.active-slide-5 #fsvs-pagination2 .zj{ display:block;}

#fsvs-pagination2 ul{
	width:88.5%;
	position:absolute;
	left:0px;
	bottom:14.1%;
}
#fsvs-pagination2 li{
	font-size:16px;
	line-height:42px;
	height:42px;
	margin:0px;
	text-align:right;
}
#fsvs-pagination2 li a{
	color:#c5b382 !important;
}
#fsvs-pagination2 li:hover a{
	color:#fff !important;
}
#fsvs-pagination2 li i{
	color:#bd2426;
}
#fsvs-pagination2 li:hover i{
	color:#fff;
}



.box2{
	width:71.5%;
	position:absolute;
	top:5.6%;
	left:22%;
	height:100%;
}
#page2 .text{
	width:100%;
}
#page2 .text p{
	font-size:22px;
	line-height:42px;
	text-indent:2em;
	font-family:"宋体";
}
.btn1{
	top:66%;
	width:20.7%;
	height:16.3%;
}
.btn1 a{
	width:100%;
	height:100%;
	display:block;
	padding:8%;
}
.p2d{left:14%;}
.p2e{left:48.5%;}

.p2d .left,.p2e .right{
	width:51.7%;
	height:100%;
}
.p2d .left{
	border-right:1px solid #e3d8b9;
	padding-right:8%;
}
.p2e .right{
	border-left:1px solid #e3d8b9;
	padding-left:8%;
}
.p2d .left img,.p2e .right img{
	width:100%;
	height:100%;
}

.p2d .right,.p2e .left{
	font-size:18px;
	width:40%;
	padding-top:20%;
	margin-top:6%;
}
.p2d .right{
	background:url(../image2/p2d.png) no-repeat top center;
}
.p2e .left{
	background:url(../image2/p2e.png) no-repeat top center;
}






.box3{
	width:64.8%;
	position:absolute;
	top:11.2%;
	left:26%;
	height:100%;
}

#page3 .left{
	width:62.6%;
}
#page3 .right{
	width:29%;
}
.p5b .list1{
	margin-top:-5%;
}
.p5b .list1 li{
	padding-top:2.3rem;
}
.p5b .list1 h3{
	font-size:1.8em;
}
.p5b .list1 p{
	font-size:1em;
	line-height:1.8em;
	height:3.6em;
}
.p5b .list1 p a{ color:#bd2426;}
.p5b .list2 li{
	font-size:1rem;
}

.photo1{
	position:relative;
	border-radius: 0.5em;
	overflow: hidden;
	height:15.1em;
	margin-bottom:1.5em;
	overflow:hidden;
}
.photo1 img{
	width: 100%;
	height: 100%;
	transition: all 0.2s;
}
.photo1:hover img{
	transform:scale(1.03,1.03);
}
.photo1 p{
	position: absolute;
	left: 0px;
	bottom: 0px;
	height:3em;
	line-height:3em;
	text-align: center;
	width: 100%;
	z-index: 9;
}
.photo1 .shadow{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height:3em;
	background: #000;
	filter:alpha(opacity=50);
	opacity:0.5;
	z-index: 1;
}
.photo1 .play{
	position: absolute;
	width: 3.5em;
	height: 3.5em;
	left: 50%;
	margin-left: -1.75em;
	top: 50%;
	margin-top: -2.75em;
	background: url(../image2/p5c.png);
	background-size: 100% 100%;
}
.photo2{
	position: relative;
	width: 48.1%;
	overflow: hidden;
	height:7em;
	border-radius: 0.25em;
}
.photo2 img{
	width:100%;
	height:100%;
}
.photo2 .play{
	position: absolute;
	width: 2.2em;
	height: 2.2em;
	background: url(../image2/p5d.png);
	background-size: 100% 100%;
	left: 50%;
	top: 50%;
	margin-left: -1.1em;
	margin-top: -1.1em;
}
.zuo{ float:left;}
.you{ float:right;}

#page3 .more{
	color:#c5b382;
	font-size:16px;
	width:20%;
	height:2.8em;
	line-height:2.8em;
	text-align:center;
	border:1px solid #e3d8b9;
	display:block;
	border-radius:20px;
	margin:5% 0 0 35.5%;
}


.box4{
	width:74.8%;
	position:absolute;
	top:4.5%;
	left:17.9%;
	height:100%;
}
#page4 .prve,#page4 .next{
	width:2.4%;
	position:absolute;
	top:34%;
	height:4.4em;
	cursor:pointer;
}
#page4 .prve{
	background:url(../image2/prve.png) no-repeat;
	background-size: 100% 100%;
	left:-5%;
}
#page4 .next{
	background:url(../image2/next.png) no-repeat;
	background-size: 100% 100%;
	right:-5%;
}

#page4 .text{
	width:100%;
}
#page4 .text ul{
	
	zoom:1;
}
#page4 .text li{
	width:47.6%;
	float:left;
	height:21.8em;
	border:1px solid #dcdcdc;
	margin:0 0 2.4% 2.4%;
	display:inline;
}
#page4 .text li .photo{
	width:65.7%;
	height:80%;
	float:left;
	margin:5% 0 0 5%;
}
#page4 .text li img{
	width:100%;
	height:100%;
}
#page4 .text .photo:hover img{
	transform:scale(1.05,1.05);
}
#page4 .text li .news{
	width:24.9%;
	float:right;
}
#page4 .text li .news .pic{
	width:5em;
	height:5em;
	margin:20% 0 10% 0;
}
#page4 .text li .news .pic img{
	border-radius:50%;
}
#page4 .text li .news h4{
	font-size:1em;
	font-family:"宋体";
	font-weight:normal;
}
#page4 .text li .news h3{
	font-size:2em;
	color:#bfa560;
}
#page4 .text li .news h4,#page4 .text li .news h3{
	margin-left:5%;
}

.switch{
	text-align:center;
}
.switch span{
	background:url(../image2/focus-type1.png) no-repeat;
	padding:0px 5px 0px 4px;
	margin:0px 13px;
}
.switch span:hover{
	text-decoration:none;
}
.switch span.current{
	background:url(../image2/focus-type2.png) no-repeat;
	color:#bd2426;
}





.box5{
	width:75.1%;
	position:absolute;
	top:5.2%;
	left:18.1%;
	height:100%;
}
#page5 ul{
	margin-left:-3.1%;
	zoom:1;
}
#page5 li{
	float:left;
	width:46.9%;
	height:24.2em;
	margin:0 0 2.8em 3.1%;
	position:relative;
	overflow:visible;
	background:url(../image2/li.png) no-repeat;
	background-size:100% 100%;
	
}
#page5 li:hover .border{
	box-shadow: 0px 0px 4em #e3d8b9 inset;
}
#page5 li .photo .shadow{
	position: absolute;
	width: 100%;
	height: 2.6em;
	left: 0px;
	bottom: 0px;
	background: #000;
	filter:alpha(opacity=60);
	opacity:0.6;
	z-index: 1;
}
#page5 li .photo{
	position: relative;
	height:88.8%;
	width:75.6%;
	margin:2.7% 0 0 3.4%;
}
#page5 li .photo img{
	width: 100%;
	height: 100%;
}
#page5 li .photo p{
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding-left: 1.6em;
	max-width:96%;
	line-height: 2.6em;
	height: 2.6em;
	z-index: 9;
}
#page5 li .photo p span{
	font-size: 1.1em;
}
#page5 li .photo p i{
	position: absolute;
	left: 1em;
	bottom: 0.8em;
	height: 1em;
	width: 0.2em;
	background: #c5b382;
}
#page5 li .num{
	position: absolute;
	right:4.95%;
	top:5.1%;
	width:16%;
	height:88.8%;
	background: url(../image2/p4d.jpg);
	background-size: 100%;
}
#page5 li .num span{
	position: absolute;
	bottom: 0.8em;
	left: 2.1em;
	font-size:1.4em;
	color: #805b0d;
	background: url(../image2/p4c.png) no-repeat left center;
	background-size: 1.25em 1.25em;
	padding-left: 1.2em;
	max-width:3em;
	overflow:hidden;
}
#page5 li .tag{
	position: absolute;
	width: 8.4em;
	height: 3.4em;
	background: url(../image2/p4b.png) no-repeat center center;
	background-size: contain;
	top:11%;
	left:70.8%;
}

/*css样式修改结束*/