@charset "UTF-8";

body {
	overflow-x: hidden;
	overflow-y: auto;
	background: url(../images/body.jpg)
}

body,
dd,
dl,
form,
h1,
h2,
h3,
h4,
h5,
p,
textarea {
	margin: 0
}

button,
input,
ol,
ul {
	margin: 0;
	padding: 0
}

body,
button,
form,
input {
	color: #333;
	font-size: 14px;
	font-family: 'PingFang SC', 'Myriad Pro', "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	font-size: 14px
}

li,
ol,
ul {
	list-style: none
}

input {
	border: 0 none;
	background: 0 0
}

iframe,
img {
	border: 0
}

em,
i {
	font-style: normal
}

button,
input,
select,
textarea {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.red {
	color: #ba292e
}

.fl {
	float: left
}

.fr {
	float: right
}

.tac {
	text-align: center
}

.tar {
	text-align: right
}

.poa {
	position: absolute
}

.por {
	position: relative
}

.hidden {
	display: none
}

.w1200 {
	margin: 0 auto;
	width: 1200px
}


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 0
}

.icon {
	display: inline-block;
	background-image: url(../images/icon.png);
	vertical-align: middle
}

a {
	color: #333;
	text-decoration: none
}

a:hover {
	color: #da1f2e;
	text-decoration: none
}

a:visited {
	text-decoration: none
}

.ease,
.ease * {
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.noease,
.noease * {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	-ms-transition: none
}

:-moz-placeholder {
	color: #aaa
}

::-moz-placeholder {
	color: #aaa
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #aaa
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #aaa
}
.am-breadcrumb{height:40px;line-height:40px;}
.am-breadcrumb a{font-size:18px;}
.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: " ";
	font-size: 0
}

.head_main {
	height: 35px;
	border-bottom: 1px solid #ccc;
	background: #fff;
	color: #b5b5b5;
	font-size: 12px;
	line-height: 35px
}

.head_main a {
	color: #b5b5b5;
	transition: ease-in-out .2s
}

.head_main a:hover {
	color: #505050
}

.head_main .right i {
	float: left;
	display: block
}

.head_main .right p {
	float: left;
	display: block
}

.head_main .right p span {
	display: inline-block;
	margin-right: 8px;
	margin-left: 18px;
	width: 13px;
	height: 12px;
	background-position: 0 -273px
}

.top_main {
	overflow: hidden;
	padding: 11px 0;
	height: 78px;
	background: #fff
}

.top_main .input_k {
	padding-top: 20px;
	padding-right: 34px;
	width: 530px
}

.top_main .input_k .sousuo {
	display: block;
	width: 530px;
	height: 38px;
	background-color: #da1f2e
}

.top_main .input_k .sousuo input.sbtn {
	width: 80px;
	height: 38px;
	background: url(../images/a1_03.png) center center no-repeat
}

.top_main .input_k .sousuo input.stxt {
	margin-top: 2px;
	padding-left: 12px;
	width: 436px;
	height: 34px;
	background-color: #fff;
	color: #999;
	line-height: 34px
}

.top_main .input_k .guanj a {
	display: inline-block;
	padding-left: 6px;
	color: #999;
	font-size: 12px
}

.top_main .mf_sj {
	width: 252px
}

.top_main .mf_sj .meifei {
	float: right;
	padding-top: 20px
}

.top_main .mf_sj .meifei a {
	display: inline-block;
	width: 140px;
	height: 38px;
	border-radius: 2px;
	background-color: #da1f2e;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 38px
}

.nav_main {
	position: relative;
	z-index: 6666;
	width: 100%;
	height: 50px;
	line-height: 50px
}

.nav_main .nav {
	margin: 0 auto;
	width: 1200px
}

.nav_main .nav li {
	position: relative;
	float: left;
	width: 100px;
	text-align: left;
	text-align: center
}

.nav_main .nav li:hover a {
	border-bottom: 3px solid #e60013
}

.nav_main .nav li a {
	height: 100%;
	color: #333;
	font-size: 18px
}

.nav_main .nav li ul {
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 199;
	visibility: hidden;
	overflow: hidden;
	width: 100%;
	height: auto;
	opacity: 0;
	transition: all .6s ease 0s;
	-webkit-transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0)
}

.nav_main .nav li:hover ul {
	visibility: visible;
	text-align: center;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.nav_main .nav li ul li {
	clear: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 45px;
	border-bottom: #ae0000 solid 1px;
	background: 0 0;
	background-color: #da1f2e;
	text-align: center;
	line-height: 45px
}

.nav_main .nav li:hover ul li a {
	background-color: #da1f2e
}

.nav_main .nav li ul li a {
	display: block;
	padding: 0;
	padding-right: 0;
	width: 100%;
	height: 45px;
	background: 0 0;
	color: #fff;
	font-size: 14px;
	line-height: 45px
}

.nav_main .nav li.hover a {
	border-bottom: 3px solid #e60013
}

.nav_main .nav li ul li a:hover {
	background-color: #cf2b38
}

.nav_main .nav li.hover i,
.nav_main .nav li:hover i {
	width: 31px;
	height: 17px;
	background: url(../images/a12_03.png) center center no-repeat
}

#banner_main {
	position: relative;
	z-index: 2;
	overflow: hidden;
	margin: 0 auto;
	max-width: 1200px;
	min-width: 1200px
}

#banner_main .banner {
	margin-bottom: 30px;
	height: 500px
}

#banner {
	position: relative;
	z-index: 0;
	overflow: hidden;
	width: 100%;
	min-width: 1300px
}

#banner,
.banner ul {
	overflow: hidden;
	width: 100%
}

.banner li {
	position: absolute;
	z-index: 1;
	display: none;
	overflow: hidden
}

.banner li:first-child {
	display: block
}

.banner li img {
	display: block;
	width: 1200px;
	height: 500px
}

#banner .tip {
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 13;
	margin-left: -518px;
	width: 1000px;
	height: 20px;
	text-align: center;
	font-size: 0;
	line-height: 0
}

#banner .tip span {
	display: inline-block;
	margin: 0 12px;
	width: 15px;
	height: 15px;
	border-radius: 8px;
	background-color: #b6b6b6;
	font-size: 0;
	cursor: pointer
}

#banner .tip span.cur {
	background-color: #626262
}

#banner #btn_next,
#banner #btn_prev {
	position: absolute;
	top: 220px;
	z-index: 5;
	width: 50px;
	height: 50px
}

#banner #btn_prev {
	left: 8%;
	background-position: 0 -66px;
	transition: all .6s ease
}

#banner #btn_next {
	right: 8%;
	background-position: -56px -66px;
	transition: all .6s ease
}

#banner #btn_prev:hover {
	left: 7.6%;
	opacity: .8;
	transition: all .6s ease
}

#banner #btn_next:hover {
	right: 7.6%;
	opacity: .8;
	transition: all .6s ease
}

.footer {
	padding: 20px 0;
	width: 100%;
	background: #f9f9f9;
	color: #fff
}

.footer .links {
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d2d2d2;
	font-size: 16px
}

.footer .links span {
	display: inline-block;
	color: #000
}

.footer .links a {
	display: inline-block;
	padding-right: 10px;
	color: #000
}

.footer .links a:hover {
	opacity: .8
}

.footer .bNav {
	width: 640px
}

.footer .contacte {
	padding-right: 42px;
	width: 518px
}

.footer .bNav li {
	float: left;
	overflow: hidden;
	margin-bottom: 38px;
	padding-left: 12px;
	width: 200px;
	height: 20px;
	background: url(../images/a4_03.jpg) left no-repeat
}

.footer .bNav a {
	display: block;
	color: #000;
	font-size: 16px;
	line-height: 20px
}

.footer .bNav a:hover {
	color: #6e6d6d
}

.footer .bNav dl dd a:hover {
	color: #eed398
}

.footer .contacte .ewm {
	width: 132px;
	text-align: center
}

.footer .contacte .ewm img {
	display: inline-block;
	width: 131px;
	height: 131px;
	border: #d2d2d2 solid 1px;
	background-size: 100%
}

.footer .contacte .ewm p {
	height: 18px;
	color: #999;
	font-size: 14px;
	line-height: 18px
}

.footer .contacte .contact_info {
	width: 300px
}

.footer .contacte .contact_info p.p1 {
	color: #000;
	font-size: 18px
}

.footer .contacte .contact_info p.dh {
	padding-bottom: 32px;
	color: #000;
	font-size: 18px;
	line-height: 18px
}

.footer .contacte .contact_info p.tel {
	color: #999;
	font-size: 18px;
	line-height: 32px
}

.copyright {
	clear: left;
	height: 50px;
	background: #000;
	color: #999;
	font-size: 14px;
	line-height: 50px
}

.copyright a {
	color: #999;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.copyright a:hover {
	color: #fff
}

.rightFix {
	position: fixed;
	right: 0;
	bottom: 6%;
	z-index: 99;
	width: 48px
}

.rightFix .ico {
	position: relative;
	display: block;
	margin: 0;
	margin-top: 1px;
	padding: 0;
	width: 48px;
	height: 48px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	background: #444 url(../images/fix-ico.png) no-repeat center 0;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.rightFix .ico img {
	position: absolute;
	top: 0;
	left: -78px;
	display: block;
	padding: 5px;
	width: 80px;
	height: 80px;
	border: 1px solid #ddd;
	background: #fff;
	opacity: 0;
	transition: all ease-in-out .2s
}

.rightFix .ico span {
	position: absolute;
	top: 0;
	left: -78px;
	display: block;
	width: 160px;
	height: 48px;
	background: #444;
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	line-height: 48px;
	opacity: 0;
	transition: all ease-in-out .2s
}

.rightFix .ico:hover {
	opacity: 1
}

.rightFix .ico:hover img {
	left: -98px;
	opacity: 1
}

.rightFix .ico:hover span {
	left: -168px;
	opacity: 1
}

.rightFix .box {
	position: absolute;
	bottom: 102px;
	left: 0
}

.rightFix .fix_top {
	margin-top: 5px;
	background-position: 10px -38px
}

.rightFix .share_tit {
	background-position: 10px 10px
}

.rightFix .fix-ewm {
	background-position: 10px -86px
}

.rightFix .fix-ewm:hover {
	background-position: -37px -86px
}

.rightFix .fix-qq {
	background-position: 10px -136px
}

.rightFix .fix-qq:hover {
	background-position: -37px -136px
}

.rightFix .fix-tel {
	background-position: 10px -183px
}

.rightFix .fix-tel:hover {
	background-position: -37px -183px
}

.index .in_title .entit {
	color: #333;
	font: bold 45px "AvantGarde Bk BT";
	line-height: 34px
}

.index .in_title .cntit {
	margin-top: 20px;
	color: #0754a3;
	font-size: 24px;
	line-height: 24px
}

.floor_2_main {
	padding: 50px 0;
	background-color: #f9f9f9
}

.floor_2 .case_main {
	display: inline-block
}

.floor_2 .case_main ul {
	display: inline-block
}

.floor_2 .case_main li {
	float: left;
	margin-right: 95px;
	width: 163px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_2 .case_main li a {
	display: block
}

.floor_2 .case_main li i {
	display: block;
	width: 100%;
	height: 69px
}

.floor_2 .case_main li i img {
	display: inline-block;
	height: 69px
}

.floor_2 .case_main li p {
	padding-top: 20px;
	color: #000;
	font-size: 16px;
	line-height: 16px
}

.floor_2 .case_main li p span {
	display: block;
	padding-top: 8px;
	color: #999;
	font-size: 12px;
	line-height: 12px
}

.floor_2 .case_main li.li2 {
	width: 220px;
	text-align: center
}

.floor_2 .case_main li.li2 i {
	display: inline-block;
	width: 68px;
	height: 69px;
	background: url(../images/a3_05.png) no-repeat
}

.floor_2 .case_main li.li3 i {
	display: inline-block;
	width: 73px;
	height: 69px;
	background: url(../images/a3_07.png) no-repeat
}

.floor_2 .case_main li.li4 i {
	display: inline-block;
	width: 68px;
	height: 69px;
	background: url(../images/a3_09.png) no-repeat
}

.floor_2 .case_main li.li5 i {
	display: inline-block;
	width: 68px;
	height: 69px;
	background: url(../images/a3_11.png) no-repeat
}

.floor_2 .case_main li.li5 {
	margin-right: 0
}

.floor_2 .case_main li:hover {
	margin-top: -10px
}

.floor_3_main {
	margin-top: 58px
}

.floor_3 .part1 {
	height: 20px;
	line-height: 20px
}

.floor_3_1 p {
	padding-left: 14px;
	background: url(../images/a4_03.jpg) left no-repeat;
	color: #000;
	font-size: 18px
}

.floor_3_1 p span {
	padding-left: 14px;
	color: #000;
	font-size: 14px
}

.floor_3_2 p {
	color: #666;
	font-size: 14px;
	line-height: 20px
}

.floor_3_2 p a {
	padding: 0 6px;
	color: #666;
	font-size: 14px;
	line-height: 20px
}

.floor_3_2 p a:hover {
	color: #444
}

.floor_3_2 i {
	color: #666;
	font-size: 14px;
	line-height: 20px
}

.floor_3_2 i a {
	padding-left: 30px;
	color: #666;
	font-size: 14px;
	line-height: 20px
}

.floor_3_2 i a:hover {
	color: #444
}

.floor_3 .part2 {
	position: relative;
	margin-top: 20px;
	width: 1200px;
	height: 468px
}

.floor_3 .part2 li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 566px;
	height: 468px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_3 .part2 li img {
	width: 100%;
	height: 100%;
	background-size: 100%
}

.floor_3 .part2 li p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: url(../images/a6_03.png);
	font-weight: 400
}

.floor_3 .part2 li p span {
	padding-left: 20px;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_3 .part2 li:hover {
	z-index: 34;
	-webkit-box-shadow: 1px 1px 5px 3px #c8c8c8;
	-moz-box-shadow: 1px 1px 5px 3px #c8c8c8;
	box-shadow: 1px 1px 5px 3px #c8c8c8
}

.floor_3 .part2 li:nth-child(2) {
	position: absolute;
	top: 0;
	left: 582px;
	overflow: hidden;
	width: 301px;
	height: 226px
}

.floor_3 .part2 li:first-child+li {
	position: absolute;
	top: 0;
	left: 582px;
	overflow: hidden;
	width: 301px;
	height: 226px
}

.floor_3 .part2 li:nth-child(3) {
	position: absolute;
	top: 0;
	left: 899px;
	overflow: hidden;
	width: 301px;
	height: 226px
}

.floor_3 .part2 li:first-child+li+li {
	position: absolute;
	top: 0;
	left: 899px;
	overflow: hidden;
	width: 301px;
	height: 226px
}

.floor_3 .part2 li:nth-child(4) {
	position: absolute;
	top: 242px;
	left: 582px;
	overflow: hidden;
	width: 301px;
	height: 226px
}

.floor_3 .part2 li:first-child+li+li+li {
	position: absolute;
	top: 242px;
	left: 582px;
	overflow: hidden;
	width: 301px;
	height: 226px
}

.floor_3 .part2 li:nth-child(5) {
	position: absolute;
	top: 242px;
	left: 899px;
	overflow: hidden;
	width: 301px;
	height: 226px
}

.floor_3 .part2 li:first-child+li+li+li+li {
	position: absolute;
	top: 242px;
	left: 899px;
	overflow: hidden;
	width: 301px;
	height: 226px
}

.floor_3 .part2 li:hover p span {
	color: #da1f2e
}

.floor_4_main {
	padding-top: 70px
}

.floor_4 .picScroll-left {
	position: relative;
	margin-top: 18px;
	width: 1200px
}

.floor_4 .picScroll-left .hd a.next {
	position: absolute;
	top: 192px;
	left: -36px;
	width: 18px;
	height: 32px;
	background-position: -200px -102px
}

.floor_4 .picScroll-left .hd a.prev {
	position: absolute;
	top: 192px;
	right: -36px;
	width: 18px;
	height: 32px;
	background-position: -227px -102px
}

.floor_4 .picScroll-left .bd {
	width: 1200px
}

.floor_4 .picScroll-left .bd ul {
	display: inline-block
}

.floor_4 .picScroll-left .bd ul li {
	float: left;
	margin-right: 20px;
	width: 590px;
	height: 444px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_4 .picScroll-left .bd ul li img {
	width: 590px;
	height: 444px;
	background-size: 100%
}

.floor_4 .picScroll-left .bd ul li:hover {
	-webkit-box-shadow: 1px 1px 5px 3px #c8c8c8;
	-moz-box-shadow: 1px 1px 5px 3px #c8c8c8;
	box-shadow: 1px 1px 5px 3px #c8c8c8
}

.floor_5_main {
	margin-top: 74px
}

.floor_5_main .slideTxtBox {
	overflow: hidden;
	margin: 0 auto;
	margin-top: 26px;
	width: 1212px
}

.floor_5_main .slideTxtBox .hd {
	height: 35px;
	text-align: center
}

.floor_5_main .slideTxtBox .hd ul li {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin: 0 6px;
	width: 109px;
	height: 35px;
	background-color: #f5f5f5;
	color: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_5_main .slideTxtBox .hd ul li a {
	display: block;
	width: 109px;
	color: #999;
	font-size: 16px;
	line-height: 35px
}

.floor_5_main .slideTxtBox .hd ul li:hover {
	background: #da1f2e
}

.floor_5_main .slideTxtBox .hd ul li:hover a {
	color: #fff
}

.floor_5_main .slideTxtBox .bd {
	padding-top: 4px
}

.floor_5_main .slideTxtBox .bd ul {
	display: inline-block;
	zoom: 1
}

.floor_5_main .slideTxtBox .bd ul li {
	position: relative;
	float: left;
	margin: 0 6px;
	margin-top: 12px;
	width: 230px;
	height: 101px
}

.floor_5_main .slideTxtBox .bd ul li a {
	display: block;
	width: 228px;
	height: 99px;
	border: #dcdcdc solid 1px
}

.floor_5_main .slideTxtBox .bd ul li img {
	width: 228px;
	height: 99px;
	background-size: 100%
}

.floor_5_main .slideTxtBox .bd ul li a:hover {
	border: #000 solid 1px
}

.floor_6_main {
	margin-top: 76px;
	padding-bottom: 54px
}

.floor_6_main .floor_6_1 {
	margin-top: 38px
}

.floor_6_main .floor_6_1 ul {
	display: inline-block
}

.floor_6_main .floor_6_1 ul li {
	float: left;
	margin-right: 26px;
	width: 280px;
	text-align: center;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_6_main .floor_6_1 ul li img {
	width: 280px;
	height: 210px;
	background-size: 100%
}

.floor_6_main .floor_6_1 ul li p {
	color: #000;
	font-size: 18px;
	line-height: 45px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_6_main .floor_6_1 ul li:nth-child(4) {
	margin-right: 0
}

.floor_6_main .floor_6_1 ul li:first-child+li+li+li {
	margin-right: 0
}

.floor_6_main .floor_6_1 ul li:hover {
	-webkit-box-shadow: 1px 1px 5px 3px #c8c8c8;
	-moz-box-shadow: 1px 1px 5px 3px #c8c8c8;
	box-shadow: 1px 1px 5px 3px #c8c8c8
}

.floor_6_main .floor_6_1 ul li:hover p {
	color: #da1f2e
}

.floor_7_main {
	margin-top: 30px
}

.floor_7_main .hd {
	margin-top: 44px;
	width: 1200px;
	text-align: center
}

.floor_7_main .hd ul {
	display: inline-block
}

.floor_7_main .hd ul li {
	float: left;
	margin: 0 10px
}

.floor_7_main .hd ul li a {
	display: block;
	width: 176px;
	height: 36px;
	border-radius: 8px;
	background: #f5f5f5;
	color: #999;
	line-height: 36px
}

.floor_7_main .hd ul li.on a {
	background-color: #da1f2e;
	color: #fff
}

.floor_7_main .bd {
	margin-top: 24px;
	width: 1200px
}

.floor_7_main .bd ul {
	display: inline-block
}

.floor_7_main .bd ul li {
	position: relative;
	float: left;
	margin-top: 16px;
	margin-right: 18px;
	width: 388px;
	height: 321px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_7_main .bd ul li a {
	display: block
}

.floor_7_main .bd ul li a img {
	width: 388px;
	height: 321px;
	background-size: 100%
}

.floor_7_main .bd ul li p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: url(../images/a6_03.png);
	font-weight: 400
}

.floor_7_main .bd ul li p span {
	padding-left: 20px;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.floor_7_main .bd ul li:nth-child(3),
.floor_7_main .bd ul li:nth-child(6) {
	margin-right: 0
}

.floor_7_main .bd ul li:first-child+li+li,
.floor_7_main .bd ul li:first-child+li+li+li+li+li {
	margin-right: 0
}

.floor_7_main .bd ul li:hover {
	z-index: 34;
	-webkit-box-shadow: 1px 1px 5px 3px #c8c8c8;
	-moz-box-shadow: 1px 1px 5px 3px #c8c8c8;
	box-shadow: 1px 1px 5px 3px #c8c8c8
}

.floor_7_main .bd ul li:hover p span {
	color: #da1f2e
}

.flex-prev:hover .preview {
	left: 60px;
	opacity: 1
}

.flex-next:hover .preview {
	right: 60px;
	opacity: 1
}

.main_banner {
	position: relative
}

.main_banner .item_bg {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important
}

.main_banner .item_bg img {
	display: none
}

.arrow2 {
	position: absolute;
	bottom: 16%;
	left: 48%;
	z-index: 999;
	display: block;
	overflow: hidden;
	margin: 0 auto 0;
	width: 60px;
	height: 60px;
	border: 0 none;
	border: 1px solid #fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer
}

.arrow2 i {
	position: relative;
	display: block;
	margin: 8px auto 0;
	width: 34px;
	height: 36px;
	background: url(../images/jiant.png) no-repeat center center;
	animation: down-ico 1.5s ease-out infinite
}

@keyframes down-ico {
	0% {
		top: 0;
		opacity: 1
	}

	35% {
		top: 20%;
		opacity: 0
	}

	65% {
		top: -20%;
		opacity: 0
	}

	100% {
		top: 0;
		opacity: 1
	}
}

@-webkit-keyframes down-ico {
	0% {
		top: 0;
		opacity: 1
	}

	35% {
		top: 20%;
		opacity: 0
	}

	65% {
		top: -20%;
		opacity: 0
	}

	100% {
		top: 0;
		opacity: 1
	}
}

.indexTit {
	position: relative;
	margin-bottom: 46px;
	width: 100%;
	text-align: center
}

.indexTit .en {
	display: block;
	margin-bottom: 6px;
	color: #2f2f2f;
	text-transform: uppercase;
	font-size: 30px;
	font-family: arial;
	line-height: 30px
}

.indexTit .line-left,
.indexTit .line-right {
	position: absolute;
	bottom: 12px;
	display: block;
	width: 90px;
	height: 1px;
	background: #c1c1c1
}

.indexTit .line-left {
	left: 50%;
	margin-left: -158px
}

.indexTit .line-right {
	right: 50%;
	margin-right: -158px
}

.indexTit h2 {
	font-size: 24px;
	line-height: 30px
}

@media (max-width:1366px) {
	.indexTit .en {
		margin-bottom: 0
	}
}

.inews .section_con {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -290px 0 0 -600px;
	height: 560px
}

.inews .inews-left {
	position: relative;
	float: left;
	overflow: hidden;
	width: 550px
}

.inews .inews-left .list {
	width: 500%
}

.inews .inews-left .next,
.inews .inews-left .prev {
	position: absolute;
	top: 140px;
	z-index: 10;
	display: block;
	width: 30px;
	height: 70px;
	border-radius: 3px;
	background: url(../images/black50.png) repeat 0 0;
	cursor: pointer;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.inews .inews-left .next s,
.inews .inews-left .prev s {
	display: block;
	width: 30px;
	height: 70px;
	background: url(../images/inews-ico.png) no-repeat 11px center
}

.inews .inews-left .next:hover,
.inews .inews-left .prev:hover {
	background: url(../images/red80.png) repeat 0 0
}

.inews .inews-left .prev {
	left: 10px
}

.inews .inews-left .next {
	right: 10px
}

.inews .inews-left .next s {
	background-position: -41px center
}

.inews .inews-left .item {
	float: left;
	width: 550px
}

.inews .inews-left .item a {
	display: block;
	width: 100%
}

.inews .inews-left .item .img {
	overflow: hidden;
	height: 350px
}

.inews .inews-left .item img {
	display: block;
	width: 100%;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.inews .inews-left .item h3 {
	overflow: hidden;
	padding-top: 0;
	height: 55px;
	color: #333;
	font-size: 18px;
	line-height: 55px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.inews .inews-left .item .time {
	float: left;
	width: 70px;
	border-right: 1px solid #979797;
	color: #333;
	font-size: 16px;
	line-height: 16px
}

.inews .inews-left .item .time .year {
	display: block;
	margin-bottom: 4px;
	font-size: 24px;
	line-height: 24px
}

.inews .inews-left .item .txt {
	float: right;
	overflow: hidden;
	margin-top: -7px;
	width: 462px;
	height: 60px;
	color: #979797;
	line-height: 30px
}

.inews .inews-left .item:hover img {
	filter: brightness(105%)
}

.inews .inews-left .item:hover h3 {
	padding-left: 5px;
	color: #af251c
}

.inews .inews-left img {
	display: block;
	width: 100%
}

.inews .inews-right {
	float: right;
	width: 550px
}

.inews .inews-right .item {
	position: relative;
	padding: 28px 0;
	width: 100%;
	border-bottom: 1px solid #e0e0e0
}

.inews .inews-right .item:first-child {
	padding-top: 0
}

.inews .inews-right .item a {
	display: block;
	width: 100%
}

.inews .inews-right .item a:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: " ";
	font-size: 0
}

.inews .inews-right .item img {
	float: left;
	display: block;
	margin-right: 20px;
	width: 140px;
	height: 105px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.inews .inews-right .item h3 {
	overflow: hidden;
	margin-bottom: 5px;
	height: 20px;
	color: #333;
	font-size: 16px;
	line-height: 20px
}

.inews .inews-right .item .time {
	display: block;
	color: #333
}

.inews .inews-right .item .more {
	position: absolute;
	right: 0;
	bottom: 30px;
	float: right;
	display: block;
	width: 68px;
	height: 18px;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	color: #b6b6b6;
	text-align: center;
	font-family: arial;
	line-height: 18px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.inews .inews-right .item a:hover .more {
	border-color: #ed4e43;
	background: #ed4e43;
	color: #fff
}

.inews .inews-right .item a:hover img {
	filter: brightness(105%)
}

@media (max-width:1600px) {
	.inews .indexTit {
		margin-bottom: 20px
	}

	.inews .section_con {
		margin-top: -255px;
		height: 540px
	}
}

@media (max-width:1366px) {
	.inews .indexTit {
		margin-bottom: 10px
	}

	.inews .section_con {
		margin-top: -200px;
		height: 440px
	}

	.inews .inews-left .next,
	.inews .inews-left .prev {
		margin-top: -40px
	}

	.inews .inews-left .item .img {
		height: 260px
	}

	.inews .inews-left .item h3 {
		height: 40px;
		line-height: 40px
	}

	.inews .inews-right .item {
		padding: 10px 0
	}

	.inews .inews-right .item .more {
		bottom: 10px
	}
}

.ipro {
	width: 100%
}

.ipro .indexTit {
	margin-bottom: 22px
}

.ipro .indexTit .en,
.ipro .indexTit h2 {
	color: #fff
}

.ipro .section_con {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -315px 0 0 -600px;
	height: 630px
}

.ipro .section_con .bg {
	position: absolute;
	bottom: -160px;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 950px;
	background: url(../images/iprobg.jpg) no-repeat center top
}

.ipro .iproCon {
	position: relative;
	float: left;
	width: 900px
}

.ipro .iproCon .item {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	padding: 110px 30px 0 330px;
	color: #fff
}

.ipro .iproCon .item img {
	position: absolute;
	top: -20px;
	left: -10px;
	display: block;
	width: 370px;
	height: 580px
}

.ipro .iproCon .item h3 {
	font-size: 48px;
	line-height: 50px
}

.ipro .iproCon .item .line {
	display: block;
	margin: 30px 0;
	width: 70px;
	height: 1px;
	background: #fff
}

.ipro .iproCon .item .txt {
	overflow: hidden;
	height: 96px;
	line-height: 24px
}

.ipro .iproCon .item .more {
	display: block;
	margin-top: 30px;
	width: 215px;
	height: 39px;
	border: 1px solid #eee;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 5px;
	color: #b6b6b6;
	text-align: center;
	font-size: 16px;
	font-family: arial;
	line-height: 39px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.ipro .iproCon .item .more:hover {
	border-color: #ed4e43;
	background: #ed4e43;
	color: #fff
}

.ipro .iproCon .item.onactive {
	z-index: 10;
	display: block
}

.ipro .leftnav {
	position: relative;
	float: right;
	margin-top: 70px;
	width: 250px
}

.ipro .leftnav a {
	position: absolute;
	display: block;
	padding-top: 64px;
	width: 160px;
	height: 96px;
	background: url(../images/ipro-nav-libg.png) no-repeat 0 center;
	color: #fff;
	text-align: center;
	font-size: 16px;
	cursor: pointer
}

.ipro .leftnav a.a1 {
	top: 0;
	left: 0
}

.ipro .leftnav a.a2 {
	top: 85px;
	right: 0
}

.ipro .leftnav a.a3 {
	top: 170px;
	left: 0
}

.ipro .leftnav a.a4 {
	top: 255px;
	right: 0
}

.ipro .leftnav a.a5 {
	top: 340px;
	left: 0
}

.ipro .leftnav a:hover {
	background-position: -170px center
}

@media (max-width:1600px) {
	.ipro .indexTit {
		margin-bottom: 10px
	}

	.ipro .section_con {
		margin-top: -240px;
		height: 530px
	}

	.ipro .section_con .bg {
		bottom: -195px
	}

	.ipro .iproCon .item {
		padding-top: 80px
	}

	.ipro .iproCon .item img {
		top: -30px;
		width: 319px;
		height: 500px
	}

	.ipro .iproCon .item h3 {
		font-size: 40px;
		line-height: 40px
	}

	.ipro .iproCon .item .line {
		margin: 22px 0
	}

	.ipro .leftnav {
		margin-top: 20px
	}
}

@media (max-width:1366px) {
	.ipro .indexTit {
		margin-bottom: 0
	}

	.ipro .section_con {
		margin-top: -200px;
		height: 440px
	}

	.ipro .section_con .bg {
		bottom: -190px
	}

	.ipro .iproCon .item {
		padding-top: 40px;
		padding-left: 300px
	}

	.ipro .iproCon .item img {
		top: -40px;
		left: 20px;
		width: 268px;
		height: 420px
	}

	.ipro .iproCon .item h3 {
		font-size: 30px;
		line-height: 30px
	}

	.ipro .iproCon .item .line {
		margin: 22px 0
	}

	.ipro .iproCon .item .more {
		margin-top: 10px
	}

	.ipro .leftnav {
		margin-top: 0;
		margin-right: 38px;
		width: 220px
	}

	.ipro .leftnav a {
		padding-top: 56px;
		width: 140px;
		height: 84px;
		background-size: cover
	}

	.ipro .leftnav a.a1 {
		top: 0;
		left: 0
	}

	.ipro .leftnav a.a2 {
		top: 75px;
		right: 0
	}

	.ipro .leftnav a.a3 {
		top: 150px;
		left: 0
	}

	.ipro .leftnav a.a4 {
		top: 225px;
		right: 0
	}

	.ipro .leftnav a.a5 {
		top: 300px;
		left: 0
	}

	.ipro .leftnav a:hover {
		background-position: -148px center
	}
}

.index .section.ivedio {
	background: url(../images/ivedioimg.jpg) no-repeat center top
}

.ivedio {
	width: 100%;
	background-size: cover
}

.ivedio .indexTit {
	position: absolute;
	top: 150px;
	left: 0;
	z-index: 40
}

.ivedio .indexTit .en,
.ivedio .indexTit h2 {
	color: #fff
}

.ivedio .vedioCon a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	display: block;
	width: 100%;
	height: 100%
}

.ivedio .vedioCon .cut3video {
	position: absolute;
	top: -4%;
	left: 0;
	z-index: 10;
	width: 100%;
	min-width: 100%;
	min-height: 108%
}

.ivedio .vedioCon #img0 {
	position: absolute;
	top: 0;
	top: 50px;
	left: 0;
	z-index: 2;
	display: none;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: url(../images/ivedioimg.jpg) no-repeat center top
}

.ivedio .tablink {
	position: absolute;
	bottom: 130px;
	left: 0;
	z-index: 20;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 0
}

.ivedio .tablink a {
	display: inline-block;
	width: 160px;
	height: 34px;
	border: 1px solid #fff;
	border-color: rgba(255, 255, 255, .3);
	border-right: 1px solid #fff;
	color: #fff;
	vertical-align: top;
	font-size: 16px;
	line-height: 34px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	border-left-width: 0;
	-ms-transition: all ease .3s
}

.ivedio .tablink a:first-child {
	border-left-width: 1px
}

.ivedio .tablink a:hover {
	border-color: #af251c;
	background: #af251c
}

@media (max-width:1600px) {
	.ivedio .tablink {
		bottom: 100px
	}
}

@media (max-width:1366px) {
	.ivedio .tablink {
		bottom: 60px
	}
}

.iabout {
	width: 100%
}

.iabout .section_con {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -225px 0 0 -600px;
	height: 440px
}

.iabout .section_con .bg {
	position: absolute;
	bottom: 220px;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 470px;
	background: url(../images/iaboutbg.jpg) no-repeat center bottom
}

.iabout .iabout-cul {
	position: relative;
	z-index: 10;
	float: left;
	width: 760px
}

.iabout .iabout-cul a {
	display: block;
	width: 100%
}

.iabout .iabout-cul img {
	display: block;
	width: 760px;
	height: 220px
}

.iabout .iabout-cul h3 {
	padding: 25px 0 15px;
	color: #4f4f4f;
	font-size: 18px
}

.iabout .iabout-cul .txt {
	overflow: hidden;
	height: 96px;
	color: #737373;
	line-height: 24px
}

.iabout .iabout-cul .more {
	margin-top: 15px;
	width: 168px;
	height: 38px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	font-family: arial;
	line-height: 38px
}

.iabout .iabout-cul .more:hover {
	border-color: #af251c;
	background: #af251c;
	color: #fff
}

.iabout .item {
	position: relative;
	z-index: 10;
	float: left;
	padding: 26px 0 0 26px;
	width: 194px;
	height: 194px;
	background: #af251c;
	background-image: url(../images/iabout-tit1.png);
	background-position: 30px 26px;
	background-repeat: no-repeat;
	color: #fff
}

.iabout .item h3 {
	font-size: 18px;
	line-height: 20px
}

.iabout .item .en {
	display: block;
	color: #fff;
	font-size: 14px;
	font-family: arial;
	opacity: .3;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.iabout .item .more {
	position: absolute;
	bottom: 26px;
	left: 26px;
	display: block;
	width: 19px;
	height: 16px;
	background-position: -196px 0;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.iabout .item.a1 {
	margin-top: 220px
}

.iabout .item.a2 {
	background-color: #908571;
	background-image: url(../images/iabout-tit2.png)
}

.iabout .item:hover .en {
	opacity: 1
}

.iabout .item:hover .more {
	left: 32px
}

@media (max-width:1600px) {
	.iabout .section_con {
		margin-top: -200px
	}
}

@media (max-width:1366px) {
	.iabout .section_con {
		margin-top: -210px
	}

	.iabout .iabout-cul .more {
		margin-top: 8px
	}
}

.iticket {
	position: relative;
	width: 100%
}

.iticket .line {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -70px;
	width: 100%;
	height: 220px;
	background: url(../images/iticketbg.jpg) no-repeat left top;
	background-size: 100% auto
}

.iticket .indexTit {
	margin-bottom: 32px
}

.iticket .section_con {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -285px 0 0 -600px;
	height: 570px
}

.iticket .section_con .item {
	z-index: 10;
	float: left;
	margin-left: 110px;
	width: 324px;
	text-align: center;
	line-height: 24px
}

.iticket .section_con .item:first-child {
	margin-left: 0
}

.iticket .section_con .item a {
	display: block;
	width: 100%
}

.iticket .section_con .item .img {
	position: relative;
	margin-bottom: 15px;
	width: 324px;
	height: 344px;
	background-size: cover
}

.iticket .section_con .item .bg,
.iticket .section_con .item .t {
	position: absolute;
	top: 0;
	left: 0;
	width: 324px;
	height: 344px
}

.iticket .section_con .item .t {
	z-index: 10;
	padding-top: 100px;
	height: 244px;
	background: url(../images/iticket-img.png) no-repeat 0 0
}

.iticket .section_con .item .bg {
	z-index: 2;
	background: url(../images/iticket-img-hover.png) no-repeat center center;
	transition: all .5s;
	transform: scale(.88, .88)
}

.iticket .section_con .item s {
	display: block;
	margin: 0 auto 10px;
	width: 75px;
	height: 75px
}

.iticket .section_con .item h3 {
	padding: 0 118px;
	color: #fff;
	font-size: 20px;
	line-height: 24px
}

.iticket .section_con .item .txt {
	overflow: hidden;
	height: 48px;
	color: #333;
	line-height: 24px
}

.iticket .section_con .item.a1 {
	margin-top: 48px
}

.iticket .section_con .item.a1 s {
	background-position: 6px -55px
}

.iticket .section_con .item.a2 .img .t {
	background-image: url(../images/iticket-img2.png)
}

.iticket .section_con .item.a2 s {
	background-position: -86px -55px
}

.iticket .section_con .item.a3 {
	margin-top: 48px
}

.iticket .section_con .item.a3 .img .t {
	background-image: url(../images/iticket-img3.png)
}

.iticket .section_con .item.a3 s {
	background-position: -177px -55px
}

.iticket .section_con .item:hover .t {
	z-index: 10
}

.iticket .section_con .item:hover .bg {
	transform: scale(1, 1)
}

@media (max-width:1600px) {
	.iticket .indexTit {
		margin-bottom: 12px
	}

	.iticket .section_con {
		margin-top: -240px;
		height: 530px
	}

	.iticket .section_con .item .img {
		margin-bottom: 8px
	}
}

@media (max-width:1366px) {
	.iticket .indexTit {
		margin-bottom: 6px
	}

	.iticket .line {
		background-size: 100% auto
	}

	.iticket .section_con {
		margin-top: -200px;
		margin-left: -506px;
		width: 1012px;
		height: 440px
	}

	.iticket .section_con .item {
		width: 264px
	}

	.iticket .section_con .item .img {
		margin-bottom: 3px;
		width: 264px;
		height: 280px
	}

	.iticket .section_con .item .bg,
	.iticket .section_con .item .t {
		width: 264px;
		height: 280px;
		background-size: 100% auto
	}

	.iticket .section_con .item h3 {
		padding: 0 100px;
		font-size: 16px
	}

	.iticket .section_con .item .t {
		padding-top: 60px;
		height: 240px
	}

	.iticket .section_con .item.a1,
	.iticket .section_con .item.a3 {
		margin-top: 20px
	}
}

.gridlist {
	width: 100%
}

.gridlist .item {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 26px 30px 0;
	width: 280px
}

.gridlist .item:first-child {
	margin-left: 0
}

.gridlist .item img {
	display: block;
	width: 280px;
	height: 280px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.gridlist .item .bg {
	position: absolute;
	top: 0;
	left: -100%;
	display: block;
	width: 280px;
	height: 280px;
	background: url(../images/black50.png) repeat 0 0;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.gridlist .item .plus {
	position: absolute;
	top: 0;
	left: -100%;
	display: block;
	width: 280px;
	height: 280px;
	background: url(../images/ipro_hover.png) no-repeat center center;
	transition: all ease .4s
}

.gridlist .item h3 {
	overflow: hidden;
	padding-top: 12px;
	color: #000;
	text-align: center;
	font-family: "microsoft yahei";
	line-height: 22px;
	font-size:18px;
}

.gridlist .item .txt {
	overflow: hidden;
	margin-top: 10px;
	height: 40px;
	color: #999;
	font-size: 12px;
	font-family: "microsoft yahei";
	line-height: 20px
}

.gridlist .item:hover .bg {
	left: 0
}

.gridlist .item:hover .plus {
	left: 0
}

.gridlist .item:hover img {
	-webkit-filter: brightness(110%);
	filters: brightness(110%)
}

.gridlist .item:hover h3 {
	color: #da1f2e
}

.gridlist.gridlist34 .item {
	margin: 0 0 30px 24px;
	width: 180px
}

.gridlist.gridlist34 .item:first-child {
	margin-left: 0
}

.gridlist.gridlist34 .item .bg,
.gridlist.gridlist34 .item .plus,
.gridlist.gridlist34 .item img {
	width: 180px;
	height: 240px
}

.nyIcon {
	display: inline-block;
	vertical-align: middle
}

.shareNew {
	padding-bottom: 20px
}

.wrapper {
	padding: 55px 0 56px;
	min-height: 300px
}

.wrapper .noinfor {
	padding: 0 0 20px;
	color: red;
	text-align: left
}

.wrapper .bcontact {
	margin-top: 50px;
	padding-bottom: 50px;
	width: 100%;
	border-bottom: 1px solid #e5e5e5
}

.wrapper .bcontact li {
	float: left;
	padding: 20px 0;
	width: 399px;
	border-left: 1px solid #e5e5e5;
	text-align: center
}

.wrapper .bcontact li s {
	display: block;
	margin: 0 auto;
	width: 60px;
	height: 55px;
	background: url(../images/contact-ico.png) no-repeat 0 center
}

.wrapper .bcontact li h3 {
	padding: 6px 0 14px;
	font-size: 16px
}

.wrapper .bcontact li.a1 {
	border-left: 0
}

.n-tit {
	margin-bottom: 30px
}

.n-tit h3 {
	font-size: 24px;
	line-height: 35px
}

.n-tit s {
	display: inline-block;
	margin-right: 15px;
	width: 4px;
	height: 22px;
	background: #da1f2e;
	vertical-align: middle
}

.n-tit .more {
	font-size: 16px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.n-project {
	padding: 45px 0 20px;
	width: 100%
}

.n-project .con {
	position: relative;
	overflow: hidden
}

.n-project .gridlist {
	width: 105%
}

.location {
	position: relative;
	z-index: 99;
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #eee;
	background: #fff;
	line-height: 60px
}

.location .sitepath {
	color: #363636
}

.location .sitepath s {
	margin-right: 6px;
	width: 22px;
	height: 20px;
	background-position: 0 0
}

.location .sitepath a {
	color: #363636
}

.location .sitepath a:hover {
	color: #af251c
}

.location .menu {
	height: 60px;
	line-height: 60px
}

.location .menu span {
	margin: 0 16px 0 14px;
	width: 1px;
	height: 16px;
	background-position: -206px -36px
}

.location .menu a {
	position: relative;
	display: inline-block;
	margin-left: 35px;
	padding: 0;
	height: 60px;
	color: #363636;
	text-align: center;
	line-height: 60px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.location .menu a i {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background-color: #da1f2e;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.location .menu a.hover i,
.location .menu a:hover i {
	margin-left: -50%;
	width: 100%
}

.nybanner {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 355px;
	background-image: url(../images/nybanner.jpg);
	background-position: center center;
	background-repeat: no-repeat
}

.nybanner h3 {
	display: inline-block;
	color: #313131;
	font-size: 28px
}

.nybanner .en {
	margin-left: 10px;
	color: #797878;
	text-transform: uppercase;
	font-family: arial
}

.nybanner .white h3 {
	color: #fff
}

.nybanner .white .en {
	color: #fff
}

.erwmImg img {
	display: block;
	padding: 5px;
	width: 90px;
	height: 90px;
	border: 1px solid #dcdcdc;
	background: #fff
}

.cateDes {
	margin-bottom: 20px;
	color: #000;
	line-height: 24px
}

.cateDes p {
	color: #af251c
}

.teamPage {
	overflow: hidden
}

.teamPage .gridlist34 {
	width: 104%;
	text-align: left
}

.teamPage .gridlist34 .item {
	margin: 0 24px 30px 0;
	width: 220px;
	text-align: center
}

.teamPage .gridlist34 .item h3 {
	overflow: hidden;
	height: 44px
}

.teamPage .gridlist34 .item:first-child {
	margin-left: 0
}

.teamPage .gridlist34 .item .bg,
.teamPage .gridlist34 .item .plus,
.teamPage .gridlist34 .item img {
	width: 220px;
	height: 293px
}

.searchPage {
	overflow: hidden
}

.searchPage .list {
	padding-bottom: 20px;
	width: 105%
}

.searchPage .gridlist .itemk {
	margin-bottom: 26px;
	width: 100%;
	height: 168px;
	background: #fbfbfb;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.searchPage .gridlist .itemk a {
	display: block;
	width: 100%
}

.searchPage .gridlist .itemk img {
	display: block;
	margin-right: 30px;
	width: 300px;
	height: 169px
}

.searchPage .gridlist .itemk h3 {
	padding: 35px 0 20px;
	color: #000;
	font-size: 20px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.searchPage .gridlist .itemk .txt {
	overflow: hidden;
	padding-right: 130px;
	height: 48px;
	color: #666;
	line-height: 24px
}

.searchPage .gridlist .itemk .time {
	padding-top: 45px;
	width: 150px;
	color: #999;
	font-size: 20px;
	font-family: arial
}

.searchPage .gridlist .itemk .time .day {
	display: block;
	font-size: 40px;
	line-height: 45px
}

.searchPage .gridlist .itemk:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
}

.searchPage .gridlist .itemk:hover h3 {
	color: #af251c;
	text-indent: 5px
}

.searchPage .gridlist .itemk:hover .time .day span {
	background: #6d6d6d
}

.searchPage .gridlist .itemk:hover .time .day strong {
	background: red;
	color: #fff
}

.contactPage {
	padding: 0 0 0
}

.contactPage .txtcon img {
	max-width: 100%
}

.contactPage .t2 {
	padding: 48px 0 30px;
	font-weight: 700;
	font-size: 22px
}

.contactPage .mapArea {
	margin-top: 40px;
	width: 100%;
	height: 400px
}

.contactPage .mapArea #allmap {
	width: 100%;
	height: 400px
}

.formData {
	padding-bottom: 20px
}

.formData .item {
	position: relative;
	float: left;
	margin-right: 76px;
	margin-bottom: 30px;
	width: 560px;
	height: 50px;
	border: 1px solid #e5e5e5;
	color: #999;
	font-weight: 400;
	line-height: 50px
}

.formData .item label {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	display: block;
	margin: 0;
	padding-left: 15px;
	height: 50px;
	color: #ccc;
	text-align: center;
	font-size: 18px;
	line-height: 50px
}

.formData .item input {
	height: 38px;
	outline: 0;
	font-size: 18px;
	line-height: 38px
}

.formData .item .txt {
	display: block;
	padding-left: 70px;
	width: 355px;
	height: 50px;
	border: 0 none;
	background: 0 0;
	color: #333;
	line-height: 50px
}

.formData .item .red {
	position: absolute;
	top: 0;
	right: 15px;
	z-index: 11;
	color: red
}

.formData .item.mr0 {
	margin-right: 0
}

.formData .msg-box {
	position: absolute;
	top: 0;
	left: 0
}

.formData .liuyan {
	float: left;
	width: 1198px;
	height: 240px;
	border: 1px solid #e5e5e5
}

.formData .liuyan label {
	display: block;
	text-align: right
}

.formData .liuyan textarea {
	display: block;
	overflow: hidden;
	padding: 12px 10px;
	width: 1178px;
	height: 214px;
	outline: 0;
	border: 0 none;
	background: 0 0;
	color: #333;
	text-indent: 100px;
	font-size: 18px;
	font-family: "microsoft yahei";
	line-height: 36px;
	resize: none
}

.formData .bot {
	width: 100%
}

.formData .sub {
	display: block;
	margin-right: 2px;
	width: 232px;
	border: 2px solid #da1f2e;
	background: #da1f2e;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 46px;
	cursor: pointer;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.formData .sub:hover {
	background: 0 0;
	color: #da1f2e
}

.formData .yzm {
	width: 432px
}

.formData .yzm .txt {
	padding-left: 80px
}

.formData .yzm img {
	position: absolute;
	top: 3px;
	right: 3px;
	display: block;
	border: 0
}

.projectPage {
	overflow: hidden
}

.projectPage .list {
	width: 105%
}

.newsPage .list {
	padding-bottom: 30px
}

.newsPage .item {
	padding: 26px 0;
	width: 100%;
	height: 168px;
	overflow:hidden;
	border-bottom: 1px solid #f3f3f3;
	transition: all .5s
}

.newsPage .item a {
	display: block;
	width: 100%
}

.newsPage .item img {
	display: block;
	margin: 0 30px;
	width: 224px;
}

.newsPage .item h3 {
	padding: 25px 0 20px;
	color: #000;
	font-size: 20px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.newsPage .item .txt {
	overflow: hidden;
	padding-right: 130px;
	height: 70px;
	color: #999;
	line-height: 24px
}

.newsPage .item .time {
	margin-top: 20px;
	padding: 25px 25px 25px 35px;
	width: 130px;
	border-left: 1px solid #eee;
	color: #999;
	text-align: center;
	font-size: 18px;
	font-family: arial
}

.newsPage .item .time .day {
	display: block;
	font-size: 30px;
	line-height: 45px
}

.newsPage .item .time .year {
	display: block;
	font-size: 20px;
	line-height: 45px
}

.newsPage .item:hover {
	margin-left: 15px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.newsPage .item:hover h3 {
	color: #da1f2e
}

.newsPage .item:hover .time .day span {
	background: #6d6d6d
}

.newsPage .item:hover .time .day strong {
	background: red;
	color: #fff
}

.newsPage .item.items img {
	width: auto;
	max-width: 300px
}

.yewuPage .list {
	padding-bottom: 30px
}

.yewuPage .item {
	padding: 26px 0;
	width: 100%;
	height: 160px;
	border-bottom: 1px solid #f3f3f3;
	transition: all .5s
}

.yewuPage .item:first-child {
	padding-top: 0
}

.yewuPage .item a {
	display: block;
	width: 100%
}

.yewuPage .item img {
	display: block;
	margin-right: 30px;
	width: 340px;
	height: 160px
}

.yewuPage .item h3 {
	padding: 30px 0 20px;
	color: #000;
	font-size: 18px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.yewuPage .item .txt {
	overflow: hidden;
	padding-right: 50px;
	height: 48px;
	color: #999;
	line-height: 24px
}

.yewuPage .item .time {
	margin-top: 20px;
	padding: 25px 0 25px 45px;
	width: 130px;
	border-left: 1px solid #eee;
	color: #999;
	font-size: 18px;
	font-family: arial
}

.yewuPage .item .time .day {
	display: block;
	font-size: 40px;
	line-height: 45px
}

.yewuPage .item .time s {
	display: block;
	margin-top: 20px;
	width: 14px;
	height: 18px;
	background-position: -224px 0
}

.yewuPage .item:hover {
	margin-left: 15px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, .1)
}

.yewuPage .item:hover h3 {
	color: #af251c
}

.yewuPage .item:hover .time .day span {
	background: #6d6d6d
}

.yewuPage .item:hover .time .day strong {
	background: red;
	color: #fff
}

.yewuPage .item.items img {
	width: auto;
	max-width: 300px
}

.jobPage {
	margin: 0 auto;
	padding: 50px 0;
	width: 1200px
}

.jobPage .title {
	position: relative;
	width: 100%;
	height: 16px;
	border-top: 1px solid #ccc
}

.jobPage .title h3,
.jobPage .title span {
	position: absolute;
	top: -14px;
	left: 0;
	display: block;
	padding-right: 14px;
	background: #fff;
	color: #000;
	font-size: 18px;
	line-height: 28px
}

.jobPage .title span b {
	display: inline-block;
	padding: 0 10px;
	color: #af251c;
	font-weight: 400
}

.jobPage .title h3 {
	color: #af251c;
	font-weight: 400
}

.jobPage .cont {
	padding-top: 20px
}

.jobPage .cont .item {
	position: relative;
	margin-bottom: 20px;
	padding: 10px 20px 0;
	border: 1px solid #dcdcdc;
	border-left: 4px solid #af251c
}

.jobPage .cont .item .top {
	height: 65px;
	cursor: pointer
}

.jobPage .cont .item .top span {
	display: inline-block
}

.jobPage .cont .item .top span.sarry {
	margin-right: 36px;
	color: #af251c
}

.jobPage .cont .item .top .time {
	color: #999
}

.jobPage .cont .item .top h3 {
	color: #af251c;
	font-weight: 400;
	font-size: 18px
}

.jobPage .cont .item .top p {
	display: block
}

.jobPage .cont .item .bottom {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #dcdcdc
}

.jobPage .cont .item .btn {
	position: absolute;
	top: 18px;
	right: -18px;
	display: none;
	padding-right: 30px;
	width: 162px;
	height: 58px;
	background: url(../images/jobbtn.png) no-repeat 0 0;
	color: #fff;
	text-align: center;
	line-height: 40px;
	cursor: pointer
}

.jobPage .cont .item.hover {
	background: #f9f9f9
}

.jobPage .cont .item.hover .btn {
	display: block
}

.jobPage .left {
	width: 800px
}

.jobPage .right {
	width: 350px
}

.jobPage .right .item {
	margin-bottom: 74px
}

.jobPage .right .item .cont {
	line-height: 28px
}

.jobPage .right .item .cont img {
	margin-left: 10px
}

.showPro {
	padding-bottom: 30px
}

.showPro .showImg {
	padding-bottom: 50px
}

.showPro .photo {
	width: 540px
}

.showPro .photo .jqzoom {
	position: relative;
	overflow: hidden;
	padding: 0;
	width: 540px;
	height: 405px;
	cursor: pointer
}

.showPro .photo .zoomdiv {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	overflow: hidden;
	border: 1px solid #ddd;
	background: #fff;
	text-align: center
}

.showPro .photo .jqZoomPup {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	visibility: hidden;
	border: 1px solid #eee;
	background: #fff;
	opacity: .6;
	-moz-opacity: .6;
	-khtml-opacity: .6
}

.showPro .photo .img {
	display: block;
	width: 540px;
	height: 405px
}

.showPro .photo .photoimg {
	position: relative;
	margin-top: 12px;
	width: 540px;
	height: 71px
}

.showPro .photo .photoimg .list {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 505px
}

.showPro .photo .photoimg .listcon {
	width: 300%
}

.showPro .photo .photoimg .next,
.showPro .photo .photoimg .prev {
	position: absolute;
	top: 21px;
	z-index: 10;
	width: 12px;
	height: 30px;
	background: url(../images/spro-btn-ico.png) no-repeat 0 center;
	cursor: pointer
}

.showPro .photo .photoimg .prev {
	left: 0
}

.showPro .photo .photoimg .next {
	right: 0;
	background-position: -90px center
}

.showPro .photo .photoimg a {
	float: left;
	display: block;
	margin-right: 7px;
	width: 95px;
	height: 71px;
	cursor: pointer
}

.showPro .photo .photoimg a img {
	display: block;
	width: 95px;
	height: 71px
}

.showPro .photo .photoimg a.hover img {
	width: 89px;
	height: 65px;
	border: 3px solid #af251c
}

.showPro .imgtxtcon {
	position: relative;
	float: right;
	width: 620px;
	height: 488px
}

.showPro .imgtxtcon .tit {
	margin-bottom: 10px;
	color: #000;
	font-size: 24px;
	line-height: 30px
}

.showPro .imgtxtcon .mark {
	color: #888
}

.showPro .imgtxtcon .line {
	display: block;
	margin: 20px 0;
	width: 50px;
	height: 3px;
	background: #999
}

.showPro .imgtxtcon .txtcon .title {
	margin-bottom: 10px;
	font-size: 16px
}

.showPro .imgtxtcon .txt {
	overflow: hidden;
	height: 280px;
	line-height: 35px
}

.showPro .imgtxtcon .btn {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 135px;
	height: 38px;
	background: #af251c;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 38px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.showPro .imgtxtcon .btn:hover {
	background: #444
}

.showPro .showp_txt {
	position: relative;
	padding: 0 0 50px 0
}

.showPro .showp_txt .tit {
	display: inline-block;
	margin-bottom: 20px;
	padding-bottom: 7px;
	border-bottom: 2px solid #af251c;
	font-weight: 700;
	font-size: 18px
}

.showPro .showp_txt .txtcon {
	min-height: 70px;
	color: #000;
	font-size: 14px;
	line-height: 26px
}

.showPro .showp_txt .txtcon img {
	display: block;
	max-width: 100%
}

.showPro .showp_txt.one {
	padding-top: 25px;
	border-top: 0
}

.showPro .showp_txt.one .tit {
	top: 25px
}

.showNews .title {
	margin: 10px 0 22px;
	color: #333;
	text-align: center;
	font-weight: 700;
	font-size: 24px
}

.showNews .mark {
	margin-bottom: 20px;
	height: 38px;
	border-top: 1px dashed #e5e5e5;
	border-bottom: 1px dashed #e5e5e5;
	color: #999;
	text-align: center;
	line-height: 38px
}

.showNews .showContxt {
	padding: 0 0 30px;
	color: #666;
	line-height: 30px
}

.showNews .showContxt img {
	max-width: 100%
}

.fenxiang {
	height: 32px
}

.HS10,
.HS15 {
	clear: both;
	overflow: hidden
}

.HS10 {
	height: 10px
}

.HS15 {
	height: 15px
}

.Hidden {
	display: none
}

.Clearer {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px
}

.FlLeft {
	float: left
	
}

.FlRight {
	float: right
}

.MainBg {
	margin: 0 auto;
	width: 1200px
}

.OriginalPicBorder {
	padding: 0
}

#OriginalPic {
	position: relative;
	overflow: hidden;
	width: 1200px;
	font-size: 12px
}

#OriginalPic img {
	display: block;
	margin: 0 auto;
	min-width: 100px
}

.CursorL {
	position: absolute;
	left: 0;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #fff
}

.CursorR {
	position: absolute;
	right: 0;
	z-index: 999;
	width: 50%;
	height: 600px;
	color: #fff
}

.SliderPicBorder {
	overflow: hidden;
	width: 100%
}

.ThumbPicBorder {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 1060px;
	background: #eee;
	height: 160px;
	overflow: hidden;
	margin-bottom: 20px;
	
}

.ThumbPicBorder #btnPrev {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 45px;
	height: 113px;
	cursor: pointer;
	display: none;
}

.ThumbPicBorder #btnNext {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 45px;
	height: 113px;
	display: none;
	cursor: pointer
}

.ThumbPicBorder .pic {
	position: relative;
	overflow: hidden;
	margin: 20px auto;
	width: 1025px;
	height: 114px;
}

#ThumbPic img {
	display: block;
	margin: 0 5px;
	width: 140px;
	height: 108px;
	border: 3px solid #ddd;
	background-color: #ddd;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

#ThumbPic img.active {
	border: 3px solid #da1f2e
}

.reLink {
	clear: left;
	padding: 15px 0 40px;
	width: 100%;
	height: 25px;
	border-top: 1px solid #d7d6d6
}

.reLink .nextLink,
.reLink .prevLink {
	width: 50%;
	color: #666;
	line-height: 25px
}

.reLink .nextLink {
	text-align: right
}

.reLink a:hover {
	color: #da1f2e
}

.rightFix {
	position: fixed;
	right: 0;
	bottom: 6%;
	z-index: 99;
	width: 48px
}

.rightFix .ico {
	position: relative;
	display: block;
	margin: 0;
	margin-top: 1px;
	padding: 0;
	width: 48px;
	height: 48px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	background: #444 url(../images/fix-ico.png) no-repeat center 0;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-ms-transition: all ease .3s
}

.rightFix .ico img {
	position: absolute;
	top: 0;
	left: -78px;
	display: block;
	padding: 5px;
	width: 80px;
	height: 80px;
	border: 1px solid #ddd;
	background: #fff;
	opacity: 0;
	transition: all ease-in-out .2s
}

.rightFix .ico span {
	position: absolute;
	top: 0;
	left: -78px;
	display: block;
	width: 160px;
	height: 48px;
	background: #444;
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	line-height: 48px;
	opacity: 0;
	transition: all ease-in-out .2s
}

.rightFix .ico:hover {
	opacity: 1
}

.rightFix .ico:hover img {
	left: -98px;
	opacity: 1
}

.rightFix .ico:hover span {
	left: -168px;
	opacity: 1
}

.rightFix .box {
	position: absolute;
	bottom: 102px;
	left: 0
}

.rightFix .fix_top {
	margin-top: 5px;
	background-position: 10px -38px
}

.rightFix .share_tit {
	background-position: 10px 10px
}

.rightFix .fix-ewm {
	background-position: 10px -86px
}

.rightFix .fix-ewm:hover {
	background-position: -37px -86px
}

.rightFix .fix-qq {
	background-position: 10px -136px
}

.rightFix .fix-qq:hover {
	background-position: -37px -136px
}

.rightFix .fix-tel {
	background-position: 10px -183px
}

.rightFix .fix-tel:hover {
	background-position: -37px -183px
}

.map_ul {
	display: block;
	padding-top: 10px;
	width: 100%;
	list-style: outside none none
}

.map_ul li {
	float: left;
	display: block;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #dcdbdb
}

.map_ul li a {
	float: left;
	width: 100%;
	height: 23px;
	font-weight: 700;
	font-size: 14px;
	line-height: 23px
}

.map_ul .list-inline {
	display: block;
	margin-left: 7%;
	width: 80%;
	min-height: 30px
}

.map_ul .list-inline a {
	float: none;
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 0 10px;
	width: auto;
	height: 32px;
	border: 1px solid #ccc;
	font-weight: 400;
	line-height: 32px
}

.map_ul .list-inline a:hover {
	background: #af251c;
	color: #fff
}

.bds_tools a,
span.bds_more {
	line-height: 14px !important
}

.delay100 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.delay200 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.delay300 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.delay400 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.delay500 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.delay600 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.delay700 {
	-webkit-animation-delay: .7s;
	animation-delay: .7s
}

.delay800 {
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}

.delay900 {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}

.delay1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.delay1100 {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s
}

.delay1200 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}

.delay1300 {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s
}

.delay1400 {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s
}

.delay1500 {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s
}

.delay1600 {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

.delay1700 {
	-webkit-animation-delay: 1.7s;
	animation-delay: 1.7s
}

.delay1800 {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s
}

.delay1900 {
	-webkit-animation-delay: 1.9s;
	animation-delay: 1.9s
}

.delay2000 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.delay2100 {
	-webkit-animation-delay: 2.1s;
	animation-delay: 2.1s
}

.delay2200 {
	-webkit-animation-delay: 2.2s;
	animation-delay: 2.2s
}

.delay2300 {
	-webkit-animation-delay: 2.3s;
	animation-delay: 2.3s
}

.delay2500 {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s
}

.delay2700 {
	-webkit-animation-delay: 2.7s;
	animation-delay: 2.7s
}

.delay2900 {
	-webkit-animation-delay: 2.9s;
	animation-delay: 2.9s
}

.delay3000 {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.delay4000 {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.delay4500 {
	-webkit-animation-delay: 4.5s;
	animation-delay: 4.5s
}

.delay5000 {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}

.onactive .animated {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.active .animated.fast {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.onactive .flyInDown {
	-webkit-animation-name: flyInDown;
	animation-name: flyInDown
}

.jiaju .item .plus {
	width: 228px
}

.jiaju .item .bg {
	left: -123%;
	width: 230px
}

.jiaju .item a.a1 {
	display: block;
	width: 228px;
	height:149px;
	border: #dcdcdc solid 1px;
	text-align: center
}

.jiaju .item img {
	display: inline-block;
	width: 228px;
	height:150px;
	background-size: 100%
}

.jiaju .item .plus {
	width: 228px;
	height: 140px
}

.jiaju .item .bg {
	left: -123%
}

@-webkit-keyframes flyInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@keyframes flyInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		transform: translateY(-20px);
		-ms-transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
		-ms-transform: translateY(0)
	}
}

.onactive .flyInRight {
	-webkit-animation-name: flyInRight;
	animation-name: flyInRight
}

@keyframes flyInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		-moz-transform: translateX(100px);
		transform: translateX(100px);
		-ms-transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
		-ms-transform: translateX(0)
	}
}

.onactive .flyInUp {
	-webkit-animation-name: flyInUp;
	animation-name: flyInUp
}

@keyframes flyInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		transform: translateY(50px);
		-ms-transform: translateY(50px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
		-ms-transform: translateY(0)
	}
}

.onactive .flyInLeft {
	-webkit-animation-name: flyInLeft;
	animation-name: flyInLeft
}

@-webkit-keyframes flyInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-200px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@keyframes flyInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-200px);
		-moz-transform: translateX(-200px);
		transform: translateX(-200px);
		-ms-transform: translateX(-200px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
		-ms-transform: translateX(0)
	}
}

.onactive .opacityI {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes opacityI {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}
}

@keyframes opacityI {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}
}

.onactive .shake {
	-webkit-animation-name: shake;
	animation-name: shake;
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@keyframes shake {
	0% {
		transform: translateX(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translateY(-10px)
	}

	20%,
	40%,
	60%,
	80% {
		-transform: translateY(6px)
	}

	100% {
		transform: translateY(0)
	}
}

@-webkit-keyframes shake {
	0% {
		-webkit-transform: translateX(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateY(-10px)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateY(6px)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes shake {
	0% {
		-moz-transform: translateX(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-moz-transform: translateY(-10px)
	}

	20%,
	40%,
	60%,
	80% {
		-moz-transform: translateY(6px)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-o-keyframes shake {
	0% {
		-o-transform: translateX(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-o-transform: translateY(-10px)
	}

	20%,
	40%,
	60%,
	80% {
		-o-transform: translateY(6px)
	}

	100% {
		-o-transform: translateY(0)
	}
}

@-ms-keyframes shake {
	0% {
		-ms-transform: translateX(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-ms-transform: translateY(-10px)
	}

	20%,
	40%,
	60%,
	80% {
		-ms-transform: translateY(6px)
	}

	100% {
		-ms-transform: translateY(0)
	}
}

.onactive .zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

@-webkit-keyframes scaleIn {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.02);
		transform: scale(1.02)
	}
}

@keyframes scaleIn {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
		-ms-transform: scale(1)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.02);
		transform: scale(1.02);
		-ms-transform: scale(1.02)
	}
}

.head_j {
	height: 150px
}

.head_j1 {
	width:800px;
	margin-top:10px;
}
.head_j1 img{width:400px;}
.flex {
	display: flex
}

.flex1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}



.head_j3 {
	width: 300px
}

.head_j3_2 {
	display: flex;
	margin-top: 32px;
	align-items: center
}

.head_j3_1 {
	width: 120px;
	margin-top: 10px;
	margin-left: 170px;
}

.head_j3_1 a {
	color: #333;
	font-weight: 600;
	font-size: 18px
}

.head_j3_2_1_1 {
	margin-left: 12px
}

.head_j3_2_1_1 p {
	margin-top: -7px;
	margin-bottom: 7px;
	color: #e60013;
	font-size: 16px
}

.head_j3_2_1_1 span {
	color: #e60013;
	font-size: 24px
}

.head_j3_2_1 img {
	width: 38px;
	height: 38px
}

.Publishing_tit p {
	margin-bottom: 10px;
	color: #333;
	font-size: 36px
}

.Publishing_tit span {
	color: #333;
	font-size: 18px
}

.Publishing_tit {
	margin-bottom: 44px
}

.Publishing_tit_ri select {
	width: 92px;
	height: 32px;
	background: url(../images/images_19.png);
	cursor: pointer;
	outline: none;
	border: none;
	padding-left: 10px;
}

.Publishing_tit_ri ul li {
	width: 92px;
	height: 32px;
	color: #666;
	text-align: center;
	font-size: 18px;
	line-height: 32px
}

.Publishing_tit_ri:hover ul {
	display: block
}

.Publishing_con_1 {
	position: relative;
	height: 840px
}

.Publishing_con_1 li:nth-child(1) {
	width: 278px;
	height: 493px;
	position: absolute;
	top: 0;
	left: 0;
}

.Publishing_con_1 li:nth-child(2) {
	width: 276px;
	height: 271px;
	position: absolute;
	top: 512px;
	left: 0;
}

.Publishing_con_1 li:nth-child(3) {
	width: 172px;
	height: 589px;
	position: absolute;
	top: 0;
	left: 297px;
}

.Publishing_con_1 li:nth-child(4) {
	width: 288px;
	height: 283px;
	position: absolute;
	top: 0;
	left: 494px;
}

.Publishing_con_1 li:nth-child(5) {
	width: 287px;
	height: 416px;
	position: absolute;
	top: 305px;
	left: 494px;
}

.Publishing_con_1 li:nth-child(6) {
	width: 206px;
	height: 524px;
	position: absolute;
	top: 0;
	left: 806px;
}

.Publishing_con_1 li:nth-child(7) {
	width: 205px;
	height: 202px;
	position: absolute;
	top: 537px;
	left: 806px;
}

.Publishing_con_1 li:nth-child(8) {
	width: 161px;
	height: 300px;
	position: absolute;
	top: 0;
	left: 1040px;
}

.Publishing_con_1 li:nth-child(9) {
	width: 161px;
	height: 409px;
	position: absolute;
	top: 322px;
	left: 1040px;
}

.Publishing_con_1 li:nth-child(1) img {
	width: 278px;
	height: 493px
}

.Publishing_con_1 li:nth-child(2) img {
	width: 276px;
	height: 271px
}

.Publishing_con_1 li:nth-child(3) img {
	width: 172px;
	height: 589px
}

.Publishing_con_1 li:nth-child(4) img {
	width: 288px;
	height: 283px
}

.Publishing_con_1 li:nth-child(5) img {
	width: 287px;
	height: 416px
}

.Publishing_con_1 li:nth-child(6) img {
	width: 206px;
	height: 524px
}

.Publishing_con_1 li:nth-child(7) img {
	width: 205px;
	height: 202px
}

.Publishing_con_1 li:nth-child(8) img {
	width: 161px;
	height: 300px
}

.Publishing_con_1 li:nth-child(9) img {
	width: 161px;
	height: 409px
}

.Publishing_con_1_t {
	background-color: #65191f;
	opacity: 0.85;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.Publishing_con_1_t_1 {
	color: #FFFFFF;
	width: 94%;
	height: 94%;
	border: 2px solid #e0d1d2;
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
	position: relative;
}

.Publishing_con_1_t_1 p {
	writing-mode: tb-rl;
	font-size: 23px;
	margin: 0 auto;
	margin-top: 20px;
	height: 75%;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: 10px;
}

.Publishing_con_1_t_1 span {
	font-size: 18px;
	display: block;
	text-align: center;
	position: absolute;
	left: 50%;
	width: 100%;
	transform: translate(-50%,0);
	bottom: 10px;
}

.Publishing_con_1 li:hover .Publishing_con_1_t {
	display: block;
}

/* 现代名家 */
.Modern_tit {
	width: 1200px;
	height: 109px;
	background: url(../images/biaoti_1.png);
	margin: 0 auto;
	margin-bottom: 35px;
}

.Modern_con ul {
	height: 450px;
	width: 1200px;
	margin: 0 auto;
	padding-top: 3px;
}

.Modern_con li {
	width: 280px !important;
	height: 361px;
	box-shadow: 0px 0px 3px #d9d9d9;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	transition: 0.5s all;
	background: url(../images/images_11.png) no-repeat;
	background-position: 10px 10px;
	margin-left: 4px;
}

.Modern_con li:hover {
	box-shadow: 0px 0px 6px #9c9c9c;
	background: url(../images/images_10.png) no-repeat;
	background-position: 10px 10px;
}

.Modern_con li img {
	display: block;
	margin: 0 auto;
	margin-top: 36px;
	width: 210px;
	height: 220px;
}

.Modern_con_1 {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.Modern_con_1 p {
	font-size: 18px;
	line-height:22px;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
}

.Modern_con_1 span {
	font-size: 16px;
	color: #666666;
	line-height: 1.2;
}

.swiper-container1 .swiper-button-next,
.swiper-button-prev {
	bottom: 0;
	top: auto;
}

.swiper-pagination-bullet {
	width: 18px;
	height: 18px;
	border-radius: initial;
	transform: rotate(45deg);
	border: 3px solid #E60013;
	opacity: 1;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 12px;
}

:root {
	--swiper-theme-color: #e60013;
}

.swiper-button-prev {
	background: url(../images/icon_4.png);
	width: 27px;
	height: 36px;
}

.swiper-button-next {
	background: url(../images/icon_9.png);
	width: 27px;
	height: 36px;
}

.swiper-pagination-bullet-active {
	width: 22px;
	height: 22px;
}

.swiper-button-prev:after {
	content: none;
}

.swiper-button-next:after {
	content: none;
}

.swiper-button-next {
	right: 450px;
}

.swiper-button-prev {
	left: 450px;
}

.flex2 {
	display: flex;
	justify-content: space-between;
}

.swiper-button-next.swiper-button-disabled {
	background: url(../images/icon_8.png);
	width: 27px;
	height: 36px;
}

.swiper-button-prev.swiper-button-disabled {
	background: url(../images/icon_5.png);
	width: 27px;
	height: 36px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 1;
}

/* 会员作品 */
.hy {
	margin-top: 40px;
}

.hy_tit_2 {
	width: 307px;
}

.hy_tit_a {
	position: relative;
}

.hy_tit_a::after {
	position: absolute;
	top: -26px;
	color: #FFFFFF;
	font-size: 20px;
	content: '查看更多>>';
	width: 100%;
	left: 124px;
}

.hy_tit_a img {
	margin-left: 60px;
}

.hy_tit_1 {
	width: 890px;
}

.hy_tit_1 li {
	position: relative;
}

.hy_tit_1 img {
	position: absolute;
	top: 63px;
	left: 34px;
	width: 250px;
	height: 250px;
}

.hy_tit_1 .bg {
	background: url(../images/images_14.png);
	width: 388px;
	height: 336px;
	transition: 0.5s all;
}

.bg_tit p {
	font-size: 20px;
	color: #333333;
	text-align: center;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: -50px;
}

.bg_tit span {
	font-size: 20px;
	color: #333333;
	text-align: center;
	display: block;
	margin-left: -50px;
}

.hy_tit_1 li {
	margin-bottom: 70px;
}

.hy_tit_1 li:hover .bg{
	background: url(../images/images_13.png);
}

/* 作品展售 */
.Exhibition_tit {
	/*background: url(../images/biaoti_3.png);*/
	width: 1200px;
	height: 51px;
	margin: 0 auto;
	margin-bottom: 25px;
}

.Exhibition_con li {
	background: url(../images/images_17.png);
	width: 362px;
	height: 362px;
	transition: 0.5s all;
}

.Exhibition_con_1 {
	width: 362px;
	height: 362px;
}

.Exhibition_con_1 img {
	display: block;
	margin: 0 auto;
	width: 330px;
	height: 320px;
	margin-top: 22px;
}
.Exhibition_con_2{
	text-align: center;
}
.Exhibition_con_2 p{
	font-size: 20px;
	color: #333333;
}
.Exhibition_con_2 span{
	background-color: #e60013;
	color: #FFFFFF;
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	margin-top: 15px;
}
.Exhibition_con li:hover{
	background: url(../images/images_18.png);
}