/*charset="gb2312"*/
* { margin: 0 auto; padding: 0; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu {display: block}
body { overflow-x:hidden;display: block; font-family:΢ÈíÑźÚ, "Arial Narrow", HELVETICA,Arial, sans-serif;font-size: 14px; color: #393939;line-height:28px!important;background-color: #d73133; background: url(../images/bg.jpg) top center no-repeat;}
ul, ol, li { list-style: none; }
img { border: 0; display: block; }
em { font-style: normal; }
a { text-decoration: none; outline: none; color: #fdcd64; width: 100%}
p {font-size: 14px; color: #787878; padding: 20px 0}
hr{ border: 1px solid #e1e1e1; height: 1px }
/*???¡§???*/
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.oh { overflow: hidden; }
.w400 { width: 400px; }
.w1200 { width: 1200px; }
.mt6 { margin-top: 6px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; } 
.mr10 { margin-right: 10px; }
.mr30 { margin-right: 30px; }
.pr {position: relative}
.abs-left {position: absolute; left: 0}
.abs-right {position: absolute; right: 0}
.w490 { width: 490px; }
.h40 { height: 40px; }
.tc{text-align: center;}
.br1{border-right: 1px solid #e1e1e1}
.pl20{padding-left:20px}
.pr20{padding-right: 20px}
.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f20{font-size:20px;}
.f34{font-size: 34px;}
.fwb{font-weight: bold }
/**/

html,body {
}
.p1_1,.p2_1,.p3_1,.p4_1,.p5_1,.p6_1{ display: none }
.demo {

	text-align: center;
	line-height: 100px;
	display: table-cell;
}
.demo-1 {
	position: absolute;
	margin: 0 auto;
	top:60px;
	left:50%;
	-webkit-transform:translateX(-50%);
        z-index:999;

}
.demo-2 {
	position: absolute;
	margin: 0 auto;
	top:187px;
	left:20%;
	-webkit-transform:translateX(-20%);
}
.demo-3 {
	position: absolute;
	top:360px;
	left:40%;
	width:50%;
}

.demo-6 {
	position: absolute;
	top:141px;
	left:30%;
	-webkit-transform:translateX(-50%);
}
.demo-7 {
	position: absolute;
	top:45px;
	left:20%;
	-webkit-transform:translateX(-50%);
}
.demo-8 {
	position: absolute;
	margin: 0 auto;
	top:155px;
	left:70%;
	-webkit-transform:translateX(-70%);
}
.demo-9 {
	position: absolute;
	margin: 0 auto;
	top:690px;
	left:50%;
	-webkit-transform:translateX(-50%);
}
.demo-10 {
	position: absolute;
	margin: 0 auto;
	top:40px;
	left:80%;
	-webkit-transform:translateX(-50%);
z-index:1000;
}
/*??????????????*/
.demo-4 {
	position: absolute;
	margin: 0 auto;
	top:880px;
	left:50%;
	-webkit-transform:translateX(-50%);
}
.demo-5 {
	position: absolute;
	margin: 0 auto;
	top:725px;
	left:50%;
	-webkit-transform:translateX(-50%);
	display: block;
}

/*?????????? ?????¨¬??*/
.demo-11 {
	position: absolute;
	top:1399px;
	left:50%;
	display: block;
}
.demo-12 {
	position: absolute;
	top:1363px;
	left:60%;
	display: block;
}
.flexslider a{color:#4d4d4d}
.zhizuo{ width:30%}
.header{ height: 820px }


.box{max-width: 1200px;margin: 0 auto;display: block; overflow: hidden; padding-right: 60px;padding-left: 60px;        z-index:99;}

.new_list00{height: 118px;background: url(../images/tt_bg.png) left top no-repeat;padding-right: 20px;padding-left: 50px;padding-top: 40px;font-size: 45px;color: #ffd195;text-align: center;}

.new_list0{height: 620px;background: url(../images/bg0.png) center top no-repeat;padding-right: 8%;padding-left:8%;padding-top: 20%;z-index:99}
.content{ width: 100%;margin: 0 auto;overflow-y: scroll;padding-top: 0;height: 430px;}
.content li{float: left;padding: 15px 10px 5px 10px;height: 52px;background: #ffea92;margin: 3px;overflow: hidden;width: 15%;text-align: center;font-size: 14px;border-radius: 5px;vertical-align: middle;line-height: 20px;}
.content .liwidth{ width:44.3%}
.content .litop{ width:44.3%}

.new_list{ height: 620px; background: url(../images/bg2.png) center top no-repeat; padding-right: 8%;padding-left:8%;padding-top: 220px;z-index:99}

.new_list ul li{ float: left;width: 23%;margin: 0 1%; overflow: hidden;}
.new_list ul li p{ padding: 15px; background: #fff;font-size: 14px; }
.title{ font-size: 24px;font-family: ΢ÈíÑźÚ;background: url(../images/title_bg.png) center top no-repeat;
color: #fff;padding: 5px 0;text-align: center;width: 70%;position: relative;top: 30px;left: 0; }
.title2{font-size: 18px;
font-family: ΢ÈíÑźÚ;
background: #fff;
color: #d73133;
line-height: 28px;
padding: 20px;
text-align: left;}
.title3{font-size: 24px;
font-family: ΢ÈíÑźÚ;
background: #cf2c36;
color: #fff;
padding: 10px 45px;
text-align: center;
position: relative;
top: 30px;
left: 0;
width: 60%; }


.nav{ text-align: center; font-weight: 400; position: fixed; right: 0; top: 40%; background:url(../images/navbg1.png)  center top  no-repeat;  width: 165px;height: 356px;z-index: 9999;font-size:20px;}
.nav ul{margin-top:115px; }
.nav ul li{ height: 64px; padding: 0 20px;color: #c13117; }


.new_list2{ height: 620px; background: url(../images/bg3.png) center top  no-repeat; padding-right: 8%;padding-left:8%;padding-top: 220px;z-index:99}
.new_list2 ul li{ float: left;
width: 48%;
overflow: hidden;
padding: 1%; }
.l_img{ float: left; width: 66%;height: 80px;}
.r_text{float: left;
width: 21.5%;
height: 80px;
padding: 50px 30px;
background: #fff;
font-size: 14px;
vertical-align: middle;
line-height: 24px;}

.new_list3{ height: 570px;background: url(../images/bg4.png) center top no-repeat; padding-right: 8%;padding-left:8%;padding-top: 250px;z-index:99 }
.new_list3 ul li{float: left;
width: 14.5%;
margin: 10px;
overflow: hidden;}
.l_img2{ float: left; width: 100%}


.new_list4{ height: 680px; background: url(../images/bg5.png) center top no-repeat;padding-right: 8%;padding-left:8%;padding-top: 250px;z-index:99 }


.new_list5{ height: 620px; background: url(../images/bg1.png) center top no-repeat; padding-right: 8%;padding-left:8%;padding-top: 250px;z-index:99}
.new_list5 h2{ color:#ca2f3a; line-height:3.5rem}
.new_list5 ul li p{
    padding: 15px;
    background: none;
    font-size: 14px;
color:#cb2f32
}
.new_list5 .title {
    font-size: 24px;
    font-family: ΢ÈíÑźÚ;
    background: none;
    color: #ca2f3a;
    padding: 20px 0 0 0;
    text-align: center;
    width: 70%;
    position: relative;
    top: 0px;
    left: 0;
}

.new_list5 ul li {
    float: left;
    width: 31%;
    margin: 0 1%;
    overflow: hidden;
}
/*?????????????????????¡§¡§?????*/
.demo-14 {
	position: absolute;
	top:2920px;
	left:52%;
	display: block;
}
.demo-15 {
	position: absolute;
	top:2896px;
	left:50%;
	display: block;
}

/*????*/
.demo-16 {
	position: absolute;
	top:4875px;
	left:60%;
	display: block;
}
.demo-17 {
	position: absolute;
	top:4850px;
	left:50%;
	display: block;
}

.demo-18 {
	position: absolute;
	margin: 0 auto;
	top:5900px;
	left:50%;
	-webkit-transform:translateX(-50%);
	display: block;
	padding: 40px 0;
}

.info{text-align: right;padding-right: 70px;}

.more{ width: 400px; height:60px; background: #ad170b;color: #ff6363;text-align: center; line-height: 60px; font-size: 32px; opacity: .5; border-radius: 15px;margin-bottom: 60px;}
.more2{ line-height: 60px; font-size: 14px;  border-radius: 15px; color: #f19a44; }
@-webkit-keyframes translate_kf {
	0% {
		-webkit-transform:translateX(100%);
	}
	100% {
		-webkit-transform:translateX(0);
	}
}

/*?????????¡§?*/
.demo-9 {
	position: absolute;
	margin: 0 auto;
	top:400px;
	left:20%;
	-webkit-transform:translateX(-20%);
z-index:9;
}

.demo-92 {
	position: absolute;
	margin: 0 auto;
	top:800px;
	left:80%;
	-webkit-transform:translateX(-80%);
z-index:9;
}
.demo-93 {
	position: absolute;
	margin: 0 auto;
	top:890px;
	left:85%;
	-webkit-transform:translateX(-85%);
z-index:9;
}

.demo-94 {
	position: absolute;
	margin: 0 auto;
	top:1800px;
	left:80%;
	-webkit-transform:translateX(-80%);
z-index:9;
}

.demo-95 {
	position: absolute;
	margin: 0 auto;
	top:2650px;
	left:20%;
	-webkit-transform:translateX(-20%);
z-index:9;
}
.demo-96 {
	position: absolute;
	margin: 0 auto;
	top:400px;
	left:80%;
	-webkit-transform:translateX(-80%);
z-index:9;
}
/*--------------------???¨¬??????¨¬?????????----------------------------*/
@keyframes mymove
{
	0%   {-webkit-transform:translateY(300px);}
	100% {-webkit-transform:translateY(0);}
}
/* Firefox */
@-moz-keyframes mymove 
{
	0%   {-webkit-transform:translateY(300px);}
	100% {-webkit-transform:translateY(0);}
}
/* Safari ?? Chrome */
@-webkit-keyframes mymove 
{
	0%   {-webkit-transform:translateY(300px);}
	100% {-webkit-transform:translateY(0);}
}
/* Opera */
@-o-keyframes mymove 
{
	0%   {-webkit-transform:translateY(300px);}
	100% {-webkit-transform:translateY(0);}
}
/*--------------------?????????¡§¡§????----------------------------*/
@keyframes updown
{
	0%   {-webkit-transform:translateY(0);}
	50% {-webkit-transform:translateY(30px);}
	100% {-webkit-transform:translateY(0);}
}
/* Firefox */
@-moz-keyframes updown
{
	0%   {-webkit-transform:translateY(0);}
	50% {-webkit-transform:translateY(30px);}
	100% {-webkit-transform:translateY(0);}

}
/* Safari ?? Chrome */
@-webkit-keyframes updown
{
	0%   {-webkit-transform:translateY(0);}
	50% {-webkit-transform:translateY(30px);}
	100% {-webkit-transform:translateY(0);}

}
/* Opera */
@-o-keyframes updown
{
	0%   {-webkit-transform:translateY(0);}
	50% {-webkit-transform:translateY(30px);}
	100% {-webkit-transform:translateY(0);}

}



.demo-1-ani {
	animation:.8s ease translate_kf 0s forwards;
	/* Firefox: */
	-moz-animation:.8s ease translate_kf 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation:.8s ease translate_kf 0s forwards;
	/* Opera: */
	-o-animation:.8s ease translate_kf 0s forwards;
}
/*--------------------???¨¬??????¨¬?????????----------------------------*/
.demo-2-ani {
	animation:.8s ease mymove 0s forwards;
	/* Firefox: */
	-moz-animation:.8s ease mymove 0s forwards;
	/* Safari and Chrome: */
	-webkit-animation:.8s ease mymove 0s forwards;
	/* Opera: */
	-o-animation:.8s ease mymove 0s forwards;
}
.demo-3-ani {
	animation:.8s ease translate_kf 1.6s forwards;
	/* Firefox: */
	-moz-animation:.8s ease translate_kf 1.6s forwards;
	/* Safari and Chrome: */
	-webkit-animation:.8s ease translate_kf 1.6s forwards;
	/* Opera: */
	-o-animation:.8s ease translate_kf 1.6s forwards;
}
/*--------------------?????????¡§¡§????----------------------------*/
.demo-4-ani {
	animation:3s ease updown .6s infinite alternate forwards;
	/* Firefox: */
	-moz-animation:3s ease updown .6s  infinite alternate forwards;
	/* Safari and Chrome: */
	-webkit-animation:3s ease updown .6s  infinite alternate forwards;
	/* Opera: */
	-o-animation:3s ease updown .6s  infinite alternate forwards;
}
.demo-5-ani {
	animation:3s ease updown 0s infinite alternate forwards;
	/* Firefox: */
	-moz-animation:3s ease updown 0s  infinite alternate forwards;
	/* Safari and Chrome: */
	-webkit-animation:3s ease updown 0s  infinite alternate forwards;
	/* Opera: */
	-o-animation:3s ease updown 0s  infinite alternate forwards;
}
.translate-wrap {
	width:100%;
	-webkit-transform:translateX(100%);
	position:absolute;
}
/*--------------------wap----------------------------*/
@media(min-width:1140px) and (max-width:1920px) {
	.wnew_list4,.wnew_list,.wnew_list2,.wnew_list3{display:none;}
}

@media(max-width:1140px){
	.down{display:block}
	body {

		font-family:΢ÈíÑźÚ, "Arial Narrow", HELVETICA,Arial, sans-serif;
		font-size:0.6rem;
		color: #ffea92;
		line-height: 1.5rem !important;
		background: url(../images/bg21.jpg) top center no-repeat;
		background-color: #d73133;
		background-size: 100% auto;
	}
	a {
		color: #fed95e;
	}
	.more {
		width: 60%;
		height: 40px;
		background: #ad170b;
		color: #ff6363;
		text-align: center;
		line-height: 40px;
		font-size: 1.2rem;
		opacity: .5;
		border-radius: 15px;
		margin-bottom: 60px;
	}


	.zhizuo{ width:90%}
	.new_list4,.new_list,.new_list2,.new_list3{display:none}

	.header{ height: 240px }

.box{max-width: 1200px;margin: 0 auto;display: block; overflow: hidden;    padding: 0% 3% 3% 3%;}
	.new_list00{height: 118px;background: url(../images/tt_bg.png) left top no-repeat;padding-right: 20px;padding-left: 22%;padding-top: 5%;font-size:1.4rem; line-height:2.2rem;color: #ffd195;text-align: center;}
	.new_list0{background: url(../images/bg11.png) top center no-repeat;height: auto;background-size: 100% auto;display:block; }
	.wnew_list{height: 600px;background: url(../images/bg22.png) top center no-repeat;padding: 80px 20px 0 20px;background-size: 100% auto;display:block;font-size: .7rem;}
	.wnew_list2{height: 600px;background: url(../images/bg33.png) top center no-repeat;padding: 80px 20px 0 20px;background-size: 100% auto; display:block;font-size: .7rem;}
	.wnew_list3{height: 600px;background: url(../images/bg44.png) top center no-repeat; padding: 80px 20px 0 20px;background-size: 100% auto;display:block;font-size: .7rem;}
	img{ margin-right:1%}
	h1{ padding:3% 0; font-size:1.2rem;}
	.content {width: 100%;height: 370px;}
	.content li {
		float: left;
		padding: 10px;
		height: 52px;
		background: #ffea92;
		margin: 3px;
		overflow: hidden;
		width: 15%;
		text-align: center;
		font-size:0.7rem;
		border-radius: 5px;
		vertical-align: middle;
		color: #393939;
		line-height: 1.2rem;
	}

	.content .liwidth {
		width: 10%;
	}

	.demo-1,.demo-2,.demo-8,.demo-12,.demo-14,.demo-16,.demo-10,.demo-3,.demo-99,.demo-999,.demo-9999,.demo-99999,.nav,.foot_pc{ display: none}
	.shouji{left:53%;margin-left:53%;-webkit-transform:translateX(-53%);}
	.demo-11,.demo-15,.demo-17{
		margin: 0 auto;
		left:50%;
		-webkit-transform:translateX(-50%);}

		.demo-6{left:-8%}
		.demo-7{left:-2%}
	}