html {
	font-size: 16px;
}
body, td, th {
	font-size: 14px;
	color: #333;
	text-align: left;
	-webkit-font-smoothing:antialiased;
}
* {
	margin: 0;
	padding: 0;
	list-style: none;
}
body {
	font-size: 14px;
	font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;
	background-color:#fff;
	color: #333;
	margin:0;
	padding:0;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}
li {
	list-style-type:none;
}
li {
	word-wrap: break-word;
	border:#036 solid 0px;
}
div {
	word-wrap: break-word;
	border:#036 solid 0px;
}
ul {
	margin:0px;
	padding:0px;
}
img {
	border-style: none;
	border-color: inherit;
	border-width: 0px;
}
a:link {
	color:#666;
	text-decoration: none;
}
a:visited {
	color:#666;
	text-decoration: none;
}
a:hover {
	color:#F90;
	text-decoration: none;
}
a:active {
	color:#666;
	text-decoration: none;
}
.top {
	width:100%; background-color:#000;
	
	height: 90px;
	padding-bottom:0px; padding-top:10px; padding-bottom:10px;
	z-index:1000000;
	border-top:#f5d17b solid 5px; 
}
.top .bg {
	
	position:absolute;
	width:100%;
	height:100%;
	opacity:0.95;
	filter:alpha(opacity=0.9);
	background-size:100%;
}
.cnt1200 {
	width:90%;
	max-width:1200px;
	margin:0 auto;
	height:auto;
}
.top .logo {
	width:35%; float:left;
	text-align:center;
	margin:0 auto;
	min-height:80px; 
	position:relative;
	height:auto; 
}
.top .logo img {
	width:100%;
	height:auto;/* 高度的一半 */
}
.top .menu {
	width:60%;
	height:auto;
	height:40px; float: right; 
}
.top .menu #mu {
	height:auto;
	margin-top:20px;
}
.top .menu #mu li {
	float:left;
	width:15%;
	position:relative;
	height:auto;
	text-align:center;
	margin-right:5px;
	font-weight:bold;
	line-height:40px;
	-moz-border-radius: 15px;      /* Gecko browsers */
	-webkit-border-radius: 15px;   /* Webkit browsers */
	border-radius:15px;            /* W3C syntax */
}
.top .menu #mu li:hover .m2 {
	display:block
}
.top .menu #mu li .m2 {
	position:absolute;
	z-index:100000;
	left:0px;
	top:0px;
	display:none;
	width:100%;
	top:40px;
}
.top .menu #mu li .m2 div {
	background-color:#f5d17b;
	line-height:40px;
	-moz-border-radius: 15px;      /* Gecko browsers */
	-webkit-border-radius: 15px;   /* Webkit browsers */
	border-radius:15px;             /* W3C syntax */
	margin-top:10px;
}
.top .menu #mu li .m2 div:hover {
	background-color:#000
}
.top .menu #mu li a {
	color:#b88d48 !important;
	display:block;
	width:100%;
	height:100%
}
.top .menu #mu li:hover {
	background-color:#f5d17b;
}
.top .menu #mu li:hover a {
	color:#FFF
}
.top .menu #mu .on {
	background-color:#f5d17b;
}
.ben {
	height:auto;
}
.ben img { width:100% }
.content {
	margin-top:50px;
	margin-bottom:50px;
	height:auto;
	overflow:hidden
}
.content .cnt1200 .left {
	width:45%;
	float:left
}
.content .cnt1200 .left .title {
	font-size:16px;
	font-weight:bold
}
.content .cnt1200 .left .de {
	color:#666;
	margin-top:30px;
}
.content .cnt1200 .left .more {
	color:#000;
	;
	margin-top:30px;
}
.content .cnt1200 .right {
	width:45%;
	float: right
}
.content .cnt1200 .right .title {
	font-size:18px;
	font-weight:bold;
	border-bottom:#eee solid 2px;
	height:35px;
}
.content .cnt1200 .right .title .on {
	border-bottom:#f5d17b solid 3px
}
.content .cnt1200 .right .title span {
	padding-bottom:10px;
	display:block;
	margin-right:10px;
	width:75px;
	float:left
}
.bot {
	border-bottom:#f5d17b solid 5px; border-top:#eee solid 1px; padding-top:50px; clear:left; background-color:#000; color:#FFF
}
.bot a{ color:#FFF}
.bot a:hover{ color:#F90}
.bot .cnt1200 .menu .left {
	color:#F90;
	font-weight:bold
}
.bot .cnt1200 .menu .right {
	float:right
}
.bot .cnt1200 .copyright {
	text-align:right;
	margin-top:30px;
	margin-bottom:30px;
}
.content .cnt1200 .right #news {
	margin-top:15px;
}
.content .cnt1200 .right #news li {
	padding-bottom:8px;
}
.content .cnt1200 .right #news li span {
	margin-right:10px;
}
.swiper-container {
	width: 100%;
	height:100%;
	overflow:hidden;
	position:relative;
	border-bottom:#eee solid 1px;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
      display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position:relative;
}
.bimg {
	width:100%
}
.swiper-slide .ptitle {
	position:absolute;
	left:15%;
	top:30%;
	z-index:100;
	width:10%;
	height:0%;
}
.swiper-slide .ptitle {
	font-size:3rem;
	color:#FFF
}
.swiper-slide .ptitle .p1 {
	position:absolute;
	left:0px;
	transform:translateX(-100px);
	opacity:0;
	transition:all 0.5s;
}
.ani-slide .ptitle .p1 {
	transform:translateX(0);
	opacity:1;
}
.swiper-slide .ptitle .img {
	position:absolute;
	left:80px;
	opacity:0;
	transition:all 1s;
}
.ani-slide .ptitle .img {
	transform:translateX(0);
	opacity:1;
}
.swiper-slide .ptitle .p2 {
	position:absolute;
	left:150px;
	width:100px;
	top:50px;
	transform:translateX(100px);
	opacity:0;
	transition:all 0.5s;
}
.ani-slide .ptitle .p2 {
	transform:translateX(0);
	opacity:1;
}
.swiper-pagination {
	padding:10px;
	text-align:center;
	margin-top:20px;
}
.swiper-pagination span {
	width:15px;
	height:15px;
	background-color:#FFF
}
#tab ul {
	list-style:none;
display:;
	height:30px;
	line-height:30px;
	border-bottom:2px #f5d17b solid;
}
#tab ul li {
	background:#FFF;
	cursor:pointer;
	float:left;
list-style:none height:29px;
	line-height:29px;
	padding:0px 10px;
	margin:0px 10px;
	border:1px solid #BBB;
	border-bottom:2px solid #f5d17b;
	font-size:16px
}
#tab ul li.on {
	border-top:2px solid #000;
	border-bottom:2px solid #FFF;
	font-weight:bold
}
#tab ul li.on {
	border-top:2px solid Saddlebrown;
	border-bottom:2px solid #FFF;
}
#tab div {
	line-height:30px;
	border-top:none;
	padding:1px;
	padding:10px;
	margin-top:0px;
}
#tab span {
	color:#666
}
.hide {
	display:none;
}
.bcontent{ background-color:#CCC; height:auto; margin-bottom:50px;}
.bcontent .cnt1200{ position:relative; overflow:hidden; height:auto ; min-height:165px;}
.bcontent .cnt1200 a{ display:block; width:50%;  position:absolute; height:165px;}
.bcontent .cnt1200 a span{ position:absolute; opacity:0;
filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */
 width:200px; left:50%; bottom:0px; top:0px; margin:auto;height:165px; display:none; }
.bcontent .cnt1200 a span img{ width:100%; height:165px; }

.bcontent .cnt1200 a:hover span{  display:block;
animation:myfirst14 0.5s;animation-fill-mode:forwards;
-moz-animation:myfirst14 .5s; /* Firefox */
-webkit-animation:myfirst14 .5s; /* Safari and Chrome */
-o-animation:myfirst14 .5s; /* Opera */
-webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */

}


@keyframes myfirst14
{
from {left:100%; opacity:1;
filter:alpha(opacity=1); /* 针对 IE8 以及更早的版本 */}
to {left:50%; opacity:1;
filter:alpha(opacity=1); /* 针对 IE8 以及更早的版本 */}
}


.bcontent .cnt1200 .item-1{ background-image:url(../images/bg.jpg);}
.bcontent .cnt1200 .item-2{  background-image:url(../images/bg.jpg); left:30%; z-index:10}
.bcontent .cnt1200 .item-3{  background-image:url(../images/bg.jpg); left:50%; z-index:20}
.bcontent .cnt1200 .item-4{  background-image:url(../images/bg.jpg); left:80%; z-index:30}

.bcontent .cnt1200 .item-1:hover +.item-2 { animation:myfirst 0.5s;animation-fill-mode:forwards;
-moz-animation:myfirst .5s; /* Firefox */
-webkit-animation:myfirst .5s; /* Safari and Chrome */
-o-animation:myfirst .5s; /* Opera */
-webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */
}

.bcontent .cnt1200 .item-2:hover{animation:myfirst22 0.5s;animation-fill-mode:forwards;
-moz-animation:myfirst22 0.5s; /* Firefox */
-webkit-animation:myfirst22 0.5s; /* Safari and Chrome */
-o-animation:myfirst22 0.5s; /* Opera */
-webkit-animation-fill-mode:forwards; }

@keyframes myfirst22
{
from {left:30%;}
to {left:25%;}
}


.bcontent .cnt1200 .item-2:hover +.item-3 { animation:myfirst1 0.5s;animation-fill-mode:forwards;
-moz-animation:myfirs1t .5s; /* Firefox */
-webkit-animation:myfirst1 .5s; /* Safari and Chrome */
-o-animation:myfirst1 .5s; /* Opera */
-webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */
}

@keyframes myfirst
{
from {left:30%;}
to {left:40%;}
}

@keyframes myfirst1
{
from {left:55%;}
to {left:65%;}
}

.bcontent .cnt1200 .item-3:hover { animation:myfirst2 0.5s;animation-fill-mode:forwards;
-moz-animation:myfirst2 .5s; /* Firefox */
-webkit-animation:myfirst2 .5s; /* Safari and Chrome */
-o-animation:myfirst2 .5s; /* Opera */
-webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */
}
@keyframes myfirst2
{
from {left:50%;}
to {left:40%;}
}


.bcontent .cnt1200 .item-4:hover { animation:myfirst4 0.5s;animation-fill-mode:forwards;
-moz-animation:myfirst4 .5s; /* Firefox */
-webkit-animation:myfirst4 .5s; /* Safari and Chrome */
-o-animation:myfirst4 .5s; /* Opera */
-webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */
}
@keyframes myfirst4
{
from {left:80%;}
to {left:60%;}
}

.cnt{ overflow:hidden;  height:auto; width:100%; clear:left; margin-top:20px; padding-bottom:20px; margin-bottom:50px; overflow:hidden }
.nav{  border-bottom:#eee solid 1px; width:100%; color:#999; z-index:10000; padding-top:20px; padding-bottom:20px;}


.nav .cnt1200{ background-image:url(../images/home.png); background-repeat:no-repeat; }

.nav .cnt1200 .menu{ width:50%; float:right}
.nav .cnt1200 .menu .title{ float:right;  text-align:center; margin-left:20px; text-align:center !important}
.nav .cnt1200 .menu .on{ border-bottom:#f5d17b solid 2px; padding-bottom:20px; color:#CCC !important}
.cnt .cnt1200 {}
.cnt .cnt1200 .left{ float:left; width:75%; color:#666; height:auto;  position:relative;z-index:10000; }
	.cnt .cnt1200 .left .title{ border-bottom:#eee solid 1px; margin-bottom:20px; width:100%; font-size:18px; padding-top:20px; padding-bottom:20px;  font-weight:bold}
	.cnt .cnt1200 .left .serlist{ padding:10px; cursor:pointer; color:#666; border-bottom:#ccc dashed 1px; height:auto; }
	.cnt .cnt1200 .left .serlist .sertitle{ font-size:16px; font-weight:bold}
		.cnt .cnt1200 .left .serlist .sercontent{  margin-top:10px; margin-bottom:10px; padding:20px; display:none}
		.cnt .cnt1200 .left .serlist:hover{ background-color:#eee; }
.cnt .cnt1200 .left .newslist{ border-bottom:#eee solid 1px; padding-top:20px; padding-bottom:20px; height:auto; overflow:hidden}	
.cnt .cnt1200 .left .newslist .updata{ width:10%; padding:10px; height:auto; overflow:hidden; background-color:#333; float:left}
.cnt .cnt1200 .left .newslist .updata .data{ font-size:36px; color:#FFF; padding-top:20px; display:block}
.cnt .cnt1200 .left .newslist .updata .month{  color:#FFF;  display:block; width:100%}
.cnt .cnt1200 .left .newslist .updata .years{ color:#FFF;  display:block; width:100%}
.cnt .cnt1200 .left .newslist .de{ width:85%; float:right}
.cnt .cnt1200 .left .newslist .de .newstitle{ font-size:24px; color:#333; margin-bottom:5px;}
.cnt .cnt1200 .left .newslist .de .newsde{ height:40px; overflow:hidden; margin-top:5px;}
.cnt .cnt1200 .left  .content1 span{ display:block; padding-top:5px; padding-bottom:5px;}
.cnt .cnt1200 .left  .content1 .contentshort{ padding:5px; border:#eee solid 1px; margin-top:10px; margin-bottom:10px;}
.cnt .cnt1200 .left  .content1 .newscontent{margin-top:10px; margin-bottom:10px;}
.cnt .cnt1200 .right{ float:right; width:20%;  border-left:#eee solid 0px;   }
.cnt .cnt1200 .right div{ text-align:center; padding-top:10px; padding-bottom:10px; width:100%; margin: 0 auto; border-bottom:#eee solid 1px;  height:auto}
.cnt .cnt1200 .right .on{ background-color:#000 !important; color:#FFF !important}
.cnt .cnt1200 .right .on a{ color:#FFF}
.cnt .cnt1200 .right span{ display:block; text-align:center; font-size:18px; font-weight:bold; background-color:#000;  color:#fff;border-bottom:#eee solid 1px; padding-top:20px; padding-bottom:20px; }

.pager1{ padding-top:20px; padding-bottom:20px; height:auto; overflow:hidden}
.line { height:1px; width:100%; background-color:#eee; overflow:hidden; display:block }

.contactri{ width:100%; float:right; height:auto; overflow:hidden;}

.input_control{
  width:100%;
  margin:20px auto;
}
.form_input{
  box-sizing: border-box;
  text-align: left;
  font-size:1.1em;
  height:2.7em;
  border-radius:4px;
  border:1px solid #c8cccf;
  color:#6a6f77;
  -web-kit-appearance:none;
  -moz-appearance: none;
  display:block;
  outline:0;
  padding:1em 1em;
  text-decoration:none;
  width:100%;
}
.hh{ height:120px !important;}
#btn2{ display:block; background:#000; width:100%; text-align:center; padding:10px; color:#FFF;font-size:1.1em;}
#btn2:hover{ background-color: #900; cursor:pointer;}
regbtn2
.hh{ height: 120px !important; padding:10px;}
input[type="text"]:focus{
  border:1px solid #ff7496;
}

.link{ margin-bottom:50px; height:auto; overflow:hidden}
.link .ltitle{ font-weight:bold}
.link  span{ margin-right:10px;}
.Mobilemenu{ display:none}
.bcontent1{ display:none}