@charset "UTF-8";

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
iframe,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
button,
input,
textarea,
th,
td,
fieldset {
	margin: 0 auto;
	padding: 0;
}

ul,
ol,
dl {
	list-style-type: none;
	padding: 0;
}

html,
body {
	*position: static;
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 400;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

input,
button {
	overflow: visible;
	vertical-align: middle;
	outline: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
input[type="password"] {
	-webkit-appearance: none;
	outline: none;
}

body,
th,
td,
button,
input,
select,
textarea {
	font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
	font-size: 12px;
	color: #333;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited {
	text-decoration: blink;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0 auto;
	padding: 0;
	min-width: 1239px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.fc {
	zoom: 1;
}

.fc:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* 阴影边框 */
/* 背景图片居中 */
/*字体*/
/*安全区*/
/*盒子样式*/
body {
	background-color: #ffffff;
}

.area {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	height: auto;
	background-color: auto;
	margin-top: 0;
}

.width1160 {
	width: 1160px;
	margin: 0 auto;
}

.marginTop {
	margin-top: 20px;
}

.paddingBottom {
	padding-bottom: 20px;
}

.news {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	padding: 578px 0 57px 0;
	background: url("../img/bann.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.news .newsCont {
	display: block;
	width: 1135px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.news .newsCont .newsCon1 {
	float: left;
	display: block;
	width: 618px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.news .newsCont .newsCon1 h3 {
	font-size: 26px;
	line-height: 54px;
	letter-spacing: 2px;
	color: #ffffff;
}

.news .newsCont .newsCon1 p {
	width: 618px;
	font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 1px;
	color: #ffffff;
	margin-top: 10px;
}

.news .newsCont .newsCon1 .more {
	display: block;
	width: 85px;
	font-size: 20px;
	line-height: 23px;
	letter-spacing: 1px;
	color: #ffffff;
	padding-bottom: 16px;
	border-bottom: 3px solid #f9c68f;
	margin-top: 30px;
}

.news .newsCont .newsCon2 {
	float: right;
	display: block;
	width: 461px;
	height: 259px;
	margin: 0 auto;
	padding: 0;
	background-color: rgb(180,30,46);
}

.news .newsCont .newsCon2 img {
	width: 461px;
	height: 259px;
}

.circus {
	display: block;
	width: 1135px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	margin-top: 35px;
}

.circus .title {
	display: block;
	width: 100%;
	height: 110px;
	margin: 0 auto;
	padding: 0;
	background: url("../img/circus1.png");
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 22px;
}

.circus .cirCont1 {
	float: left;
	display: block;
	width: 675px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.circus .cirCont1 li {
	padding-bottom: 25px;
	border-bottom: 1px solid #eeeeee;
	padding-top: 33px;
}

.circus .cirCont1 li:nth-child(2) {
	border: none;
}

.circus .cirCont1 .pic {
	float: left;
	display: block;
	width: 209px;
	height: 117px;
	margin: 0 auto;
	padding: 0;
}

.circus .cirCont1 .pic img {
	width: 209px;
	height: 117px;
}

.circus .cirCont1 .title2 {
	float: right;
	display: block;
	width: 430px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	font-family: PingFangSC-Semibold;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 2px;
	color: #333333;
	padding-left: 19px;
	background: url("../img/title1.png");
	background-repeat: no-repeat;
	background-position: center left;
	margin-top: 18px;
}

.circus .cirCont1 .summary {
	float: right;
	display: block;
	width: 445px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 1px;
	color: #333333;
	margin-top: 15px;
}

.circus .cirCont2 {
	float: right;
	display: block;
	width: 381px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	padding-left: 40px;
	border-left: 1px solid #eeeeee;
	margin-top: 34px;
}

.circus .cirCont2 .cirTitle {
	display: block;
	width: 100%;
	height: 32px;
	margin: 0 auto;
	padding: 0;
	background: url("../img/circus2.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.circus .cirCont2 .cirTitle a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 14px;
	line-height: 13px;
	letter-spacing: 1px;
	color: #333333;
	text-align: right;
}

.circus .cirCont2 ul {
	margin-top: 10px;
}

.circus .cirCont2 ul li {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	margin-top: 37px;
}

.circus .cirCont2 ul li a {
	display: block;
	width: 355px;
	height: 14px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 13px;
	letter-spacing: 1px;
	color: #333333;
	padding-left: 20px;
	background: url("../img/title2.png");
	background-repeat: no-repeat;
	background-position: center left;
}

.change {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	margin-top: 40px;
	background: url("../img/change333.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 42px;
}

.change .title {
	display: block;
	width: 100%;
	height: 110px;
	margin: 0 auto;
	padding: 0;
	background: url("../img/change1.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.change .cont {
	width: 1136px;
	height: 525px;
	margin: 0 auto;
	margin-top: 52px;
	background-color: #b51928;
	box-shadow: 2px 9px 27px 0px rgba(156, 20, 33, 0.3);
	position: relative;
}

.change .cont .contChild {
	width: 100%;
	padding-top: 75px;
	height: 450px;
}

.change .cont .contChild li {
	display: none;
	width: 100%;
}

.change .cont .contChild .reactive {
	display: block;
}

.change .cont .contChild li .contChild11 {
	display: block;
	width: 430px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	padding-left: 149px;
	float: left;
}

.change .cont .contChild li .contChild11 img {
	width: 430px;
	height: 240px;
}

.change .cont .contChild li .contChild11 .tit {
	display: block;
	width: 100%;
	font-family: SourceHanSerifSC-Heavy;
	font-size: 22px;
	line-height: 23px;
	letter-spacing: 1px;
	color: #ffffff;
	margin-top: 27px;
}

.change .cont .contChild li .contChild11 .summ {
	display: block;
	width: 100%;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 1px;
	color: #fefefe;
	margin-top: 17px;
}

.change .cont .contChild li .contChild22 {
	float: right;
	display: block;
	width: 405px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	padding-left: 40px;
	border-left: 1px solid #ffffff;
	padding-right: 70px;
}

.change .cont .contChild li .contChild22 .changeTitle {
	display: block;
	width: 100%;
	height: 31px;
	margin: 0 auto;
	padding: 0;
	background: url("../img/c1.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.change .cont .contChild .c2 .contChild22 .changeTitle {
	background: url("../img/c2.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.change .cont .contChild .c3 .contChild22 .changeTitle {
	background: url("../img/c3.png");
	background-repeat: no-repeat;
	background-position: center center;
}


.change .cont .contChild li .contChild22 .changeTitle a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 14px;
	line-height: 13px;
	letter-spacing: 1px;
	color: #fefefe;
	text-align: right;
}

.change .cont .contChild li .contChild22 .changecont {
	width: 100%;
	margin-top: 10px;
}

.change .cont .contChild li .contChild22 .changecont a {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	margin-top: 36px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
}

.change .cont .nav {
	position: absolute;
	top: 0;
	left: 0;
}

.change .cont .nav li {
	display: block;
	width: 107px;
	height: 226px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	left: -5px;
}

.change .cont .nav li a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

.change .cont .nav .nav11 {
	background: url("../img/d1.png");
	background-repeat: no-repeat;
	background-position: center left;
	top: -40px;
}

.change .cont .nav .nav11.active {
	background: url("../img/e1.png");
	background-repeat: no-repeat;
	background-position: center left;
}

.change .cont .nav .nav22 {
	background: url("../img/d2.png");
	background-repeat: no-repeat;
	background-position: center left;
	top: 135px;
}

.change .cont .nav .nav22.active {
	background: url("../img/e2.png");
	background-repeat: no-repeat;
	background-position: center left;
}

.change .cont .nav .nav33 {
	background: url("../img/d3.png");
	background-repeat: no-repeat;
	background-position: center left;
	top: 312px;
}

.change .cont .nav .nav33.active {
	background: url("../img/e3.png");
	background-repeat: no-repeat;
	background-position: center left;
}

.footprint {
	width: 100%;
	height: auto;
	position: relative;
}

.footprint .title {
	width: 100%;
	height: 110px;
	background: url(../img/foot.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.footprint .footCont {
	width: 100%;
	height: auto;
}

.footprint .footCont .active {
	display: block;
}

.footprint .footCont li {
	display: none;
	width: 100%;
	padding-top: 20px;
	height: auto;
	background: url(../img/f1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 108px;
}

.footprint .footCont .li2 {
	background: url(../img/f2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.footprint .footCont .li3 {
	background: url(../img/f3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.footprint .footCont .li4 {
	background: url(../img/f4.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.footprint .footCont li h3 {
	display: block;
	width: 690px;
	font-family: SourceHanSerifSC-Heavy;
	font-size: 34px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #b51928;
	padding: 52px 1px 20px 1px;
	margin: 0 auto;
	border-bottom: 3px solid #b51928;
	text-align: center;
}

.footprint .footCont li .cont {
	width: 991px;
	margin: 0 auto;
	margin-top: 138px;
	height: 467px;
	background: url(../img/foot2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
}

.footprint .footCont li .cont p {
	width: 366px;
	height: 317px;
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 1px;
	color: #ffffff;
	position: absolute;
	top: 52px;
	left: 27px;
	text-indent: 2em;
}

.footprint .footCont li .cont a {
	display: block;
	width: 393px;
	font-family: SourceHanSansCN-Medium;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 54px;
	letter-spacing: 1px;
	color: #ffffff;
	text-align: right;
	position: absolute;
	bottom: 10px;
	z-index: 99;
}

.footMap {
	width: 1083px;
	height: 593px;
	background: url(../img/map.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
	bottom: 46px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.footMap div {
	width: 126px;
	height: 85px;
}

.footMap .foo1 {
	background: url(../img/g1.png)no-repeat center;
	position: absolute;
	top: 201px;
	right: 165px;
}

.footMap .foo2 {
	background: url(../img/g2.png)no-repeat center;
	position: absolute;
	top: 221px;
	right: 312px;
}

.footMap .foo3 {
	background: url(../img/g3.png)no-repeat center;
	position: absolute;
	top: 121px;
	right: 391px;
}

.footMap .foo4 {
	background: url(../img/g4.png)no-repeat center;
	position: absolute;
	top: 59px;
	right: 91px;
}

.footMap .active {
	-webkit-animation: jump 0.8s linear infinite alternate;
}

@-webkit-keyframes jump {
	0% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px)
	}

	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}
}

.videoBox {
	width: 100%;
	background-color: #b51928;
	padding-top: 41px;
	padding-bottom: 28px;
}

.videroTitle {
	display: block;
	width: 100%;
	height: 110px;
	margin: 0 auto;
	padding: 0;
	background: url("../img/video.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.videoBoxCont {
	width: 1140px;
	margin: 0 auto;
	margin-top: 45px;
}

.videoCont {
	width: 675px;
	height: 379px;
}

.videoCont li {
	width: 100%;
	height: 100%;
	display: none;
}
.videoCont li a{
	display: block;
	width: 100%;
	height: 100%;
}
.videoCont .active {
	display: block;
}

.videoList {
	width: 436px;
}

.videoList li {
	width: 100%;
	padding-bottom: 18px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 18px;
}

.videoList li:nth-child(3) {
	border: none;
}

.videoList li .pic {
	width: 179px;
	height: 101px;
	background-color: #3f090f;
}

.videoList li .pic img {
	width: 179px;
	height: 101px;
}

.videoList li .title {
	display: block;
	width: 239px;
	font-family: PingFangSC-Semibold;
	font-size: 22px;
	line-height: 24px;
	letter-spacing: 2px;
	color: #ffffff;
}

.videoList li p {
	width: 239px;
	font-family: SourceHanSansCN-Medium;
	font-size: 14px;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #ffffff;
	margin-top: 30px;
}

.videoBox .more {
	display: block;
	width: 83px;
	height: 20px;
	background: url(../img/more11.png) no-repeat center;
	margin: 0 auto;
	margin-top: 20px;
}

.comment {
	width: 100%;
	padding-top: 56px;
	background: url(../img/commenty.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 180px;
}

.commentTitle {
	width: 1152px;
	height: 110px;
	background: url(../img/comment.png);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
}

.commentCont {
	width: 1152px;
	margin-top: 69px;
}

.commentCont li {
	float: left;
	width: 364px;
	height: 359px;
	background: url(../img/comm.png)no-repeat center;
	margin: 0 10px;
	margin-bottom: 34px;
	box-shadow: 4px 14px 9px 0px rgba(242, 242, 242, 0.26);
}
.commentCont li .cont{
	display: block;
		width: 315px;
		height: 178px;
		font-family: PingFangSC-Regular;
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 20px;
		letter-spacing: 1px;
		color: #333333;
		margin: 0 auto;
		padding-top: 30px;
}
.commentCont li .tit{
	display: block;
		width: 315px;
		height: 49px;
		font-family: SourceHanSansCN-Heavy;
		font-size: 20px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 30px;
		color: #aa3219;
		margin: 0 auto;
		font-weight: 600;
		padding-top: 35px;
}

.commentCont li .amo{
	display: block;
	width: 315px;
	height: 20px;
	background: url(../img/morecomment.png);
	background-repeat: no-repeat;
	background-position: center right;
	margin: 20px auto;
}

.comment .more{
	display: block;
	width: 315px;
	height: 20px;
	background: url(../img/more22.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
}

.bottomBox{
	width: 315px;
	height: 20px;
	background: url(../img/morecomment.png);
	background-repeat: no-repeat;
	background-position: center right;
}

.navBox{
	display: block;
	width: 215px;
	height: 344px;
	background: url(../img/navbox.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed;
	right: 1px;
	bottom: 250px;
	background-size: 65%;
}
.navBox li{
	width: 33%;
	height: 45px;
}
.navBox .li1{
	margin-top: 14px;
}
.navBox li a{
	display: block;
	width: 100%;
	height: 100%;
	background-size: 60%;
}
.navBox li .a1{
	background: url(../img/h1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}

.navBox li .a2{
	background: url(../img/h2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}
.navBox li .a3{
	background: url(../img/h3.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}
.navBox li .a4{
	background: url(../img/h4.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}
.navBox li .a5{
	background: url(../img/h5.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}
.navBox li .a6{
	background: url(../img/h6.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}
.navBox li .a1:hover{
	background: url(../img/m1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}
.navBox li .a2:hover{
	background: url(../img/m2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}
.navBox li .a3:hover{
	background: url(../img/m3.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}
.navBox li .a4:hover{
	background: url(../img/m4.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}
.navBox li .a5:hover{
	background: url(../img/m5.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}
.navBox li .a6:hover{
	background: url(../img/m6.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}

.footbottom{
	width: 100%;
	height: 113px;
	background: url(../img/footBot.jpg)no-repeat center;
}
.circus .cirCont2 ul li a:hover{
	color: #b51928;
}

.change .cont .contChild li .contChild22 .changecont a:hover{
	color: #f9c68f;
}