/*???¨¬??*/
* { margin: 0 auto; padding: 0; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu {display: block}
body { font-family:΢ÈíÑźÚ, "Arial Narrow", HELVETICA,Arial, sans-serif;font-size: 14px; color: #393939;line-height:28px!important;background-color: #000f5c; background: url(../images/bg.jpg) top center repeat-y;}
ul, ol, li { list-style: none; }
img { border: 0; display: block; }
em { font-style: normal; }
a { text-decoration: none; outline: none; color: #393939; width: 100%}
p {font-size: 14px; font-size: 1rem; 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:110px;
	left:50%;
	-webkit-transform:translateX(-50%);

}
.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%);
}
/*??????????????*/
.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: 720px }
.new_list0{width: 1020px;margin: 0 auto;display: block;height: 1100px;background: url(../images/bg1.png) center top no-repeat;padding-right: 20px;padding-left: 20px;padding-top: 200px;}
.content{ width: 1020px;margin: 0 auto;overflow-y: scroll;padding-top: 0;height: 1030px;}
.content li{float: left;padding: 10px; height:52px; background:#ffea92; margin: 3px; overflow: hidden; width: 15%; text-align: center; font-size: 16px; border-radius: 5px;vertical-align: middle;}
.content .liwidth{ width:44.3%}
.content .litop{ width:44.3%}

.new_list{ width: 1020px;display: block; height: 1100px; background: url(../images/bg2.png) center top no-repeat; padding-right:20px; padding-left:20px;padding-top: 110px;}
.new_list ul li{ float: left;width: 300px; margin: 5px 20px }
.new_list ul li p{ padding: 15px; background: #fff; }
.title{ font-size: 24px; font-family:΢ÈíÑźÚ; background:url(../images/title_bg.png) no-repeat; color: #fff; padding:5px 25px; text-align: left; width: 270px;position: relative;
top: 30px;left: 0; }
.title2{font-size: 18px; font-family: ΢ÈíÑźÚ; background: #fff; color: #444;line-height: 60px; padding:0 0; text-align: center; width:320px; }

.title3{ font-size: 24px; font-family:΢ÈíÑźÚ; background:url(../images/title_bg2.png) no-repeat; color: #fff; padding:10px 45px; text-align: left;position: relative;
	top: 30px;left: 0; }


	/*?????????????????????¨¨?????*/
	.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;
	}



	.nav{ text-align: center; font-weight: 400; position: fixed; right: 0; top: 40%; background:url(../images/navbg1.png); 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{ width: 1020px; height: 1300px;display: block;background: url(../images/bg3.png) center top  no-repeat;  padding-right:20px; padding-left:20px;padding-top: 110px;}
	.new_list2 ul li{ float: left;width: 100%; }
	.l_img{ float: left; width: 650px }
	.r_text{float: left;
		width: 300px;
		height: 140px;
		padding: 60px 30px;
		background: #fff;
		font-size: 16px;
		vertical-align: middle;
		line-height: 34px;}

		.new_list3{ width: 1020px;height: 570px;display: block;background: url(../images/bg4.png) center top no-repeat; padding-right:20px; padding-left:20px;padding-top: 180px; }
		.new_list3 ul li{ float: left;width: 320px; margin: 10px; }
		.l_img2{ float: left; width: 320px }


		.new_list4{ width: 1020px;height: 680px;display: block; background: url(../images/bg5.png) center top no-repeat; padding-right:20px; padding-left:20px;padding-top: 150px; }

		.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;}
		@-webkit-keyframes translate_kf {
			0% {
				-webkit-transform:translateX(100%);
			}
			100% {
				-webkit-transform:translateX(0);
			}
		}

		/*?????????¨¬*/

		.demo-99 {
			position: absolute;
			top:2001px;
			left:80%;
			display: block;
		}
		.demo-999 {
			position: absolute;
			top:1645px;
			left:10%;
			display: block;
		}

		.demo-9999 {
			position: absolute;
			top:4900px;
			left:10%;
			display: block;
		}

		.demo-99999 {
			position: absolute;
			top:4045px;
			left:82%;
			display: block;
		}
		/*--------------------??¡ì?????¡ì?????????----------------------------*/
		@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;
		}

		@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: #e73627;
				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 }
			.new_list0{background: url(../images/bg11.png) top center no-repeat;padding-top: 80px;height: 350px;background-size: 100% auto; width: 320px;display:block;}
			.wnew_list{height: 600px;background: url(../images/bg22.png) top center no-repeat;padding: 80px 20px 0 20px;background-size: 100% auto; width: 320px;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; width: 320px;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; width: 320px;display:block;font-size: .7rem;}
img{ margin-right:1%}
h1{ padding:3% 0; font-size:1.2rem;}
			.content {width: 320px;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: 22%;
			}

			.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%}
			}