@charset "utf-8";
/* CSS Document */
* { -webkit-tap-highlight-color: transparent }
html, input, select, textarea, button {
	font-family: "微软雅黑","宋体";
	font-size: 16px;
	line-height:1.5em;
	color: #404040;
	outline: none;
}
.main {
	margin: auto;
	width: 1200px;
	overflow: hidden;
	zoom: 1;
}
body {
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}
@media screen and (max-width: 1200px) {
     html, input, select, textarea, button {
          font-size: 12px;
     }
	 .main {
          width: 1000px;
     }
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
     html, input, select, textarea, button {
          font-size: 14px;
     }
	 .main {
          width: 1100px;
     }
}
@media screen and (min-width: 1441px) {
     html, input, select, textarea, button {
          font-size: 16px;
     }
	 .main {
          width: 1200px;
     }
}
img {
	border-width: 0;
}
a {
	color: #404040;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #F03;
}
.f_left {
		float:left;
}
.f_right {
		float:right;
}
form {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.--幻灯片通用--{}
.focus {
	height: 210px;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: #F1EFF0;
}
.focus .slider {
	margin: 0px;
	padding: 0px;
}
.focus .num {
	position: absolute;
	bottom: 0.2em;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	width: 100%;
	left: 0px;
	text-align: center;
}
.focus .num li {
	margin-right: 0.3em;
	height: 0.6em;
	width: 2em;
	background-color:rgba(0,0,0,0.3);
	border-radius: 0.3em;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}
.focus .num li.focus {
	background-color: #FF0000;
	width: 2.8em;
}
.----{}
.Header {
	padding-top: 1.2em;
}

.Header .logo {
	float: left;
	height: 5.5em;
	width: calc(100% - 20em);
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:auto 4em;
}
.Header .f_right {
	padding-top: 2em;
}

.Header .search {
	width: auto;
	position: relative;
}
.Header .search input {
	display: block;
	height: 2em;
	width: 14em;
	padding-left: 1em;
	background-color: #ECE9E8;
	border: none;
	border-radius: 1em;
	transition: width 0.3s;
}
.Header .search input:focus {
	width: 18em;
}
.Header .search button {
	display: block;
	position: absolute;
	z-index: 3;
	height: 2em;
	width: 3.6em;
	background-color: transparent;
	top: 0px;
	right: 0px;
	border: none;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.Nav {
	background-color: #FFFFFF;
	color: #DB0828;
	padding-bottom: 1.2em;
	padding-top: 0.5em;
	font-size: 1.1em;
	line-height: 2em;
	text-align: center;
}
.Nav a {
	color: #000000;
}
.Nav a:hover {
	font-weight: bold;
	color: #335EBD;
}
.Nav .main {
	height: 2em;
	overflow: visible;
}
.Nav .main ul {
	height:auto;
	width:100%;
}
.Nav .main ul li {
	display: block;
	float: left;
	position: relative;
	text-align: center;
	width: 16%;
}
.Nav .main ul li>* {
	display: block;
	padding: 0 0 1.4em 0;
	font-size: 1.1em;
}
.Nav .main ul li span {
	background-image: url(../images/arrow1.png);
	background-repeat: no-repeat;
	background-position: 90% 0.8em;
	text-align: center;
}
.Nav .main ul li.on span {
	font-weight: bold;
}
.Nav .main ul li ul {
	display: block;
	left: 0px;
	top: 3.3em;
	padding: 0.8em 0;
	z-index: 111;
	position: absolute;
	background-color: #FFF;
	border-top: 2px solid #E31110;
}
.Nav .main ul li ul {
	display: none;
}
.Nav .main ul li.on ul {
	display: block;
}
.Nav .main ul li ul li {
	display: block;
	float: none;
	width: 100%;
	font-size: 0.9em;
}
.Nav .main ul li ul li a {
	line-height: 2.5em;
	color: #333;
	padding-bottom: 0;
	border-bottom: 1px dashed #ECECEC;
}
.Nav .main ul li ul li a:hover {
	color: #DB0828;
	font-weight: normal;
}
.Nav .main ul li ul li:last-child a {
	border-bottom-style: none;
}
.Footer {
	text-align: center;
	background-color: #F9F9F9;
	padding: 2em 0;
	/* [disabled]border-top: 2px  solid #DD2D00; */
}
.Footer h5 {
	font-size: 1em;
	margin: 0.8em;
	color: #1487ED;
	font-weight: normal;
}
.Footer p {
	margin: 0px;
	font-size: 0.7em;
	line-height:1.5em;
}
.Footer p span {
	padding:0 1em;
}
.topBanner {
	background-color: #F6F6F6;
	clear: both;
}
.topBanner>div,
.topBanner>div .main,
.topBanner>div>div {
	height: 33em;
	overflow: hidden;
}
.topBanner>div {
	position: relative;
}
.topBanner>div>div {
	background-repeat: no-repeat;
	background-position: center top;
	background-size:auto 100%;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.topBanner .main {
	position: relative;
}
.topBanner>div>div.p1  {
	background-image: url(../images/img-1.jpg);
}
.topBanner>div>div.p2  {
	background-image: url(../images/img-2.jpg);
}
.topBanner>div>div.p3  {
	background-image: url(../images/img-3.jpg);
}
.topBanner>div>div.p4  {
	background-image: url(../images/img-4.jpg);
}
.topBanner>div>div.p5  {
	background-image: url(../images/img-5.jpg);
}
.topBanner .main span {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	margin: auto;
	margin-top:10%;
	height: 8em;
}
.topBanner .p1 .main span {
	background-image: url(../images/img-w-1.png);
}
.topBanner .p2 .main span {
	background-image: url(../images/img-w-2.png);
}
.topBanner .p3 .main span {
	background-image: url(../images/img-w-3.png);
}
.topBanner .p4 .main span {
	background-image: url(../images/img-w-4.png);
}
.topBanner .p5 .main span {
	background-image: url(../images/img-w-5.png);
}
.----topBanner mc--------------- {}
.topBanner .show .main span {
	-webkit-animation-fill-mode:forwards;
}
.topBanner .show .p1:nth-child(2) {
	animation: mc1_bg 4s;
}
.topBanner .show .p1 .main span {
	animation: mc1_1 4s;
}
@keyframes mc1_bg
{
0%   {top:100%; opacity:0;}
30%  {top:0; opacity:1;}
100% {top:0; opacity:1;}
}
@keyframes mc1_1
{
0%   {margin-top:70%; opacity:0;}
10%  {margin-top:70%; opacity:0;}
40%  {margin-top:10%; opacity:1;}
100% {margin-top:10%; opacity:1;}
}
.topBanner .show .p2:nth-child(2) {
	animation: mc2_bg 4s;
}
.topBanner .show .p2 .main span {
	animation: mc2_1 4s;
}
@keyframes mc2_bg
{
0%   {top:100%; opacity:0;}
30%  {top:0; opacity:1;}
100% {top:0; opacity:1;}
}
@keyframes mc2_1
{
0%   {margin-top:70%; opacity:0;}
10%  {margin-top:70%; opacity:0;}
40%  {margin-top:10%; opacity:1;}
100% {margin-top:10%; opacity:1;}
}
.topBanner .show .p3:nth-child(2) {
	animation: mc3_bg 4s;
}
.topBanner .show .p3 .main span {
	animation: mc3_1 4s;
}
@keyframes mc3_bg
{
0%   {top:100%; opacity:0;}
30%  {top:0; opacity:1;}
100% {top:0; opacity:1;}
}
@keyframes mc3_1
{
0%   {margin-top:70%; opacity:0;}
10%  {margin-top:70%; opacity:0;}
40%  {margin-top:10%; opacity:1;}
100% {margin-top:10%; opacity:1;}
}
.topBanner .show .p4:nth-child(2) {
	animation: mc4_bg 4s;
}
.topBanner .show .p4 .main span {
	animation: mc4_1 4s;
}
@keyframes mc4_bg
{
0%   {top:100%; opacity:0;}
30%  {top:0; opacity:1;}
100% {top:0; opacity:1;}
}
@keyframes mc4_1
{
0%   {margin-top:70%; opacity:0;}
10%  {margin-top:70%; opacity:0;}
40%  {margin-top:10%; opacity:1;}
100% {margin-top:10%; opacity:1;}
}
.topBanner .show .p5:nth-child(2) {
	animation: mc2_bg 4s;
}
.topBanner .show .p5 .main span {
	animation: mc5_1 4s;
}
@keyframes mc5_bg
{
0%   {top:100%; opacity:0;}
30%  {top:0; opacity:1;}
100% {top:0; opacity:1;}
}
@keyframes mc5_1
{
0%   {margin-top:70%; opacity:0;}
10%  {margin-top:70%; opacity:0;}
40%  {margin-top:10%; opacity:1;}
100% {margin-top:10%; opacity:1;}
}
@keyframes mc6_bg
{
0%   {top:100%; opacity:0;}
30%  {top:0; opacity:1;}
100% {top:0; opacity:1;}
}
@keyframes mc6_1
{
0%   {margin-top:70%; opacity:0;}
10%  {margin-top:70%; opacity:0;}
40%  {margin-top:10%; opacity:1;}
100% {margin-top:10%; opacity:1;}
}