@charset "utf-8";

/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font: 12px Arial, "microsoft yahei";
	color: #333;
	background: #fff;
	min-width: 1200px;
	word-wrap: break-word;
}

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

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

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

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

input,
textarea,
select,
button {
	font-family: Arial, "Microsoft YaHei";
}

input:focus,
textarea:focus,
select:focus,
button:focus {
	outline: none;
}

::-moz-selection {
	background: #333;
	color: #FFF;
}

::selection {
	background: #333;
	color: #FFF;
}

img {
	border: 0
}

.clear {
	zoom: 1;
	clear: both;
}

.clear:after {
	content: '';
	display: block;
	clear: both;
}

table {
	width: 100%;
	border: solid 1px #eee;
}

table td {
	border: solid 1px #eee
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.c1200 {
	width: 1200px;
	margin: auto;
	position: relative;
	z-index: 1;
}

.wrap {
	width: 84%;
	margin: 0 8%;
	position: relative;
	z-index: 1;
}

@media (max-width:1440px) {
	.wrap {
		width: 1200px;
		margin: 0 auto;
	}
}


/* header */
.header {
	width: 100%;
	/*height: 60px;*/
	padding: 20px 0;
	position: relative;
	z-index: 9999;
	background-color: #fff;
	transition: all 0.8s ease;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.headerC {
	padding: 0 40px;
	/*overflow: hidden;*/
}

.headerLogo {
	float: left;
	padding-left: 6%;
}

.headerLogo img {
	width: 100%;
}

.headerLogo a {
	display: block;
	font-size: 1.35rem;
	line-height: 50px;
	font-weight: bold;
	color: #bc1e34;
	width: 100%;
	margin: auto;
	text-align: center;
	height: auto;
	padding: 0 0;
	z-index: 1;
}

.headerNav {
	position: relative;
	z-index: 1;
}

.headerNav .nav {
	margin: 0 0;
	height: 50px;
}

.headerNav .nav li {
	float: left;
	margin: 0 25px;
	text-align: center;
	position: relative;
}

.headerNav .nav li:first-child {
	background: none;
}

.headerNav .nav li h3 {}

.headerNav .nav li h3 a {
	display: block;
	text-transform: uppercase;
	margin: 5px 0;
	line-height: 18px;
	font-weight: bold;

}

.headerNav .nav li h3 p {
	font-size: 16px;
	color: #333;
	margin-bottom: 4px;
}

.headerNav .nav li h3 span {
	font-size: 12px;
	color: #999;
}

.headerNav .nav li#seced h3 a p,
.headerNav .nav li#seced h3 a span,
.headerNav .nav li:hover h3 a p,
.headerNav .nav li:hover h3 a span {
	color: #bc1e34;
}

.headerNav .nav .m {
	z-index: 99999;
}

.headerNav .nav .sub {
	display: none;
	position: absolute;
	z-index: 99999;
	background-color: rgba(255, 255, 255, 0.95);
	-webkit-transform-origin: top center;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	text-transform: uppercase;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	transform: translateX(-50%);
	left: 50%;
}

.headerNav .nav .sub dt {
	text-align: center;
	width: 160px;
	position: relative;
}

.headerNav .nav .sub dt h5 {
	font-weight: normal;
}

.headerNav .nav .sub dt h5 a {
	display: block;
	border-top: 1px solid #eee;
	text-align: center;
	width: 130px;
	text-align: ;
	overflow: hidden;
	padding: 12px 15px;
	font-size: 14px;
	line-height: 16px;
	color: #666;
}

.headerNav .nav .sub dt:first-child h5 a {
	border-top: 0;
}

.headerNav .nav .sub dt:hover h5 a,
.headerNav .nav .sub dt#seced h5 a,
.headerNav .nav .sub .sanji li:hover a{
	background-color: #bc1e34;
	color: #fff;
	opacity: 1;
}

.headerInfo {
	height: 20px;
	margin: 15px 0;
	margin-right: 3%;
}

.headerInfo a {
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	color: #666;
	position: relative;
	display: inline-block;
	padding-left: 25px;
	margin-left: 20px;
}

.headerInfo a:hover {
	color: #bc1e34;
}

.headerInfo a::after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
}

.headerInfo a.zh::after {
	background: url(../images/icon_zh.png) center center no-repeat;
}

.headerInfo a.en::after {
	background: url(../images/icon_en.png) center center no-repeat;
}

.headerInfo a.link::after {
	background: url(../images/icon_office.png) center center no-repeat;
}

.headerInfo a.link:hover::after {
	background: url(../images/icon_office1.png) center center no-repeat;
}

.headerInfo a.search::after {
	background: url(../images/icon_search.png) center center no-repeat;
}

.headerInfo a.search:hover::after {
	background: url(../images/icon_search1.png) center center no-repeat;
}


.is-fixed.mod-header {
	position: fixed;
	top: 0;
	left: 0;
	padding: 15px 0;
}



/* search */
.vivo-search input {
	outline: none
}

.search-user a {}

#vivo-head .vivo-nav {
	position: relative;
	display: inline-block;
}

#vivo-head .vivo-search {
	right: 40px;
	height: 60px;
	width: 100%;
	background: #fff;
	position: absolute;
	top: 50%;
	z-index: 100;
	display: none;
	margin-top: -30px;
}

.vivo-search .search-box {
	width: 100%;
	height: 40px;
	position: relative;
	z-index: 10000;
	float: right;
	margin: 10px 0;
}

.vivo-search #SearchForm {
	float: right;
	margin-right: 80px;
	width: 600px;
	height: 40px;
	border: solid 1px #eee;
	background: #fff;
	box-sizing: border-box;
	padding: 0 0;
	line-height: 40px;
}

.vivo-search .search-box input.inputBox {
	float: left;
	width: 528px;
	line-height: 38px;
	padding: 0 0 0 20px;
	font-size: 14px;
	color: #555;
	background: #fff;
	overflow: hidden;
	vertical-align: middle;
	border: 0;
}

.vivo-search .search-box .searchBox {
	float: right;
	width: 50px;
	height: 40px;
	line-height: 40px;
	text-transform: capitalize;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	color: #333;
	border: none;
	overflow: hidden;
	vertical-align: middle;
	background: url(../images/icon_search.png) no-repeat center;
	outline: none;
	cursor: pointer;
}

.vivo-search .search-box .searchBox:hover {
	background: url(../images/icon_search1.png) no-repeat center;
	color: #fff;
}

.vivo-search .search-box a.close {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 8px;
	right: 0;
	background: url(../images/vivo-head-ico.png) -86px 0 no-repeat;
	_background-image: url(../images/vivo-head-ico.gif);
	display: block !important;
}

.vivo-search .search-box a.close:hover {
	background-position: -86px -25px;
}

@media (max-width:1600px) {
	.headerInfo a span {
		display: none;
	}
}

@media (max-width:1440px) {
	.headerC {
		padding: 0;
		width: 1200px;
		margin: auto;
	}

	#vivo-head .vivo-search {
		right: 0;
	}
}



/* indeMain */
.indeMain {
	width: 100%;
	background-color: #ebf1f5;
}

/* indexTitle */
.indexTitle {
	width: 100%;
	text-align: center;
}

.indexTitle .name h2 {
	font-size: 34px;
	color: #bc1e34;
	line-height: 1.3;
}

.indexTitle .name p {
	font-size: 24px;
	color: #666;
}

.indexTitle .slogan {
	font-size: 14px;
	color: #999;
	line-height: 22px;
	margin-top: 10px;
}



/* indexBanner */
.indexBanner {
	width: 100%;
	overflow: hidden;
	position: relative;
	min-width: 1200px;
	margin: auto;
	z-index: 1;
}

.indexBanner .hd {
	width: 84%;
	padding: 0 8%;
	position: absolute;
	z-index: 1;
	bottom: 90px;
	left: 0;
}

.indexBanner .bd {
	position: relative;
	/*height: 100%;*/
	height: auto;
	z-index: 0;
}

.indexBanner .bd li {
	zoom: 1;
	vertical-align: top;
}

.indexBanner .bd img {
	width: 100%;
	/*height: 100%;*/
	height: auto;
	display: block;
}

.indexBanner .pageState {
	font-family: 'BebasNeue';
	font-size: 22px;
	color: rgba(255, 255, 255, 0.8);
}

.indexBanner .pageState span {
	font-size: 30px;
	color: #fff;
	margin-right: 5px;
}

.indexBanner .switch {
	width: 85px;
	height: 17px;
	position: relative;
	display: inline-block;
}

.indexBanner .switch::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 13px;
	top: 2px;
	left: 42px;
	background-color: #fff;
}

.indexBanner .switch .prev,
.indexBanner .switch .next {
	width: 12px;
	height: 17px;
	display: inline-block;
}

.indexBanner .switch .prev {
	background: url(../images/icon_prev.png) center center no-repeat;
}

.indexBanner .switch .next {
	background: url(../images/icon_next.png) center center no-repeat;
}

.indexBanner .switch .prev:hover {
	background: url(../images/icon_prev1.png) center center no-repeat;
}

.indexBanner .switch .next:hover {
	background: url(../images/icon_next1.png) center center no-repeat;
}

@media (max-width:1440px) {
	.indexBanner .hd {
		width: 1200px;
		padding: 0;
		left: 50%;
		margin-left: -600px;
	}

}

/* indexEntrance */
.indexEntrance {
	width: 84%;
	margin: -72px 8% 0 8%;
	position: relative;
	z-index: 2;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.indexEntrance ul {
	width: 100%;
	text-align: center;
	display: table;
	word-spacing: 0;
}

.indexEntrance ul li {
	display: inline-block;
	vertical-align: top;
	width: 16.666%;
	padding: 60px 0 40px 0;
	background-color: #fff;
	position: relative;
	cursor: pointer;
}

.indexEntrance ul li::after {
	content: '';
	width: 0;
	height: 0;
	background-color: #bc1e34;
	top: 50%;
	left: 50%;
	position: absolute;
	z-index: 1;
	transition: all 0.8s ease;
	border-radius: 200%;
}

.indexEntrance ul li .icon {
	width: 60px;
	height: 60px;
	margin: auto;
	position: relative;
	z-index: 2;
	transition: all 0.8s ease;
}

.indexEntrance ul li:nth-child(1) .icon {
	background: url(../images/icon_pro01.png) center center no-repeat;
}

.indexEntrance ul li:nth-child(2) .icon {
	background: url(../images/icon_pro02.png) center center no-repeat;
}

.indexEntrance ul li:nth-child(3) .icon {
	background: url(../images/icon_pro03.png) center center no-repeat;
}

.indexEntrance ul li:nth-child(4) .icon {
	background: url(../images/icon_pro04.png) center center no-repeat;
}

.indexEntrance ul li:nth-child(5) .icon {
	background: url(../images/icon_pro05.png) center center no-repeat;
}

.indexEntrance ul li:nth-child(6) .icon {
	background: url(../images/icon_pro06.png) center center no-repeat;
}

.indexEntrance ul li .name {
	width: 100%;
	margin-top: 20px;
	position: relative;
	z-index: 2;
}

.indexEntrance ul li .name p {
	font-size: 18px;
	color: #000;
	transition: all 0.8s ease;
	margin-bottom: 5px;
}

.indexEntrance ul li .name span {
	color: #bbb;
	font-size: 14px;
	text-transform: uppercase;
	transition: all 0.8s ease;
}

.indexEntrance ul li .more a {
	display: inline-block;
	width: 60%;
	margin: 20px auto 0;
	border: solid 2px rgba(255, 255, 255, 0);
	font-size: 14px;
	color: #333;
	line-height: 40px;
	position: relative;
	z-index: 2;
	transition: all 0.8s ease;
}

.indexEntrance ul li:nth-child(1):hover .icon {
	background: url(../images/icon_pro01-1.png) center center no-repeat;
}

.indexEntrance ul li:nth-child(2):hover .icon {
	background: url(../images/icon_pro02-1.png) center center no-repeat;
}

.indexEntrance ul li:nth-child(3):hover .icon {
	background: url(../images/icon_pro03-1.png) center center no-repeat;
}

.indexEntrance ul li:nth-child(4):hover .icon {
	background: url(../images/icon_pro04-1.png) center center no-repeat;
}

.indexEntrance ul li:nth-child(5):hover .icon {
	background: url(../images/icon_pro05-1.png) center center no-repeat;
}

.indexEntrance ul li:nth-child(6):hover .icon {
	background: url(../images/icon_pro06-1.png) center center no-repeat;
}

.indexEntrance ul li:hover::after {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 0;
}

.indexEntrance ul li:hover .name p,
.indexEntrance ul li:hover .name span {
	color: #fff;
}

.indexEntrance ul li:hover .more a {
	color: #fff;
	border-color: rgba(255, 255, 255, 1);
}

.indexEntrance ul li:hover .more a:hover {
	background-color: rgba(255, 255, 255, 1);
	color: #bc1e34;
}

.indexEntrance .tel {
	width: 100%;
	background-color: #fafafa;
	text-align: center;
	color: #bc1e34;
	font-size: 20px;
	padding: 15px 0;
	font-weight: bold;
	border-bottom: solid 1px #eee;
}

.indexEntrance .tel span {
	font-size: 36px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}

@media (max-width:1440px) {
	.indexEntrance {
		width: 1200px;
		margin: -60px auto 0;
	}

	.indexEntrance ul li {
		padding: 40px 0 30px 0;
	}

	.indexEntrance ul li .more a {
		line-height: 36px;
	}
}

/* indexAbout */
.indexAbout {
	width: 84%;
	margin: auto;
	padding: 70px 8% 80px 8%;
}

.indexAbout .cont {
	width: 100%;
	margin-top: 40px;
}

.indexAbout .left {
	width: 39%;
}

.indexAbout .left .img {
	width: 100%;
	position: relative;
}

.indexAbout .left .img img {
	width: 100%;
	position: relative;
	z-index: 1;
}

.indexAbout .left .img a {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2) url(../images/icon_video.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -45px 0 0 -45px;
	z-index: 2;
	transition: all 0.6s ease;
}

.indexAbout .left .img a:hover {
	background: url(../images/icon_video1.png) no-repeat;
}

.indexAbout .left .info {
	width: 100%;
	position: relative;
}

.indexAbout .left .info img {
	width: 100%;
	position: relative;
	z-index: 1;
}

.indexAbout .left .info .con {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #bc1e34;
	z-index: 2;
	overflow: hidden;
}

.indexAbout .left .info .con div {
	padding: 25px;
}

.indexAbout .left .info .con p {
	font-size: 25px;
	line-height: 25px;
	color: #fff;
}

.indexAbout .left .info .con a {
	display: inline-block;
	margin-top: 3rem;
	width: 160px;
	line-height: 38px;
	position: relative;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: solid 2px rgba(255, 255, 255, 0.3);
	transition: all 0.8s ease;
	overflow: hidden;
}

.indexAbout .left .info .con a span {
	position: relative;
	z-index: 2;
}

.indexAbout .left .info .con a::after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transform: translateX(-100%);
	transition: all 0.6s ease;
}

.indexAbout .left .info .con a:hover::after {
	transform: translateX(0);
}

.indexAbout .left .info .con a:hover {
	border-color: #fff;
	color: #000;
}

.indexAbout .right {
	width: 59%;
	text-align: center;
	display: table;
	word-spacing: 0;
}

.indexAbout .right dl {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
}

.indexAbout .right dl dt {
	width: 100%;
	position: relative;
}

.indexAbout .right dl dt img {
	width: 100%;
	position: relative;
	z-index: 1;
}

.indexAbout .right dl dt div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 2;
	overflow: hidden;
}

.indexAbout .right dl dt h5 {
	font-weight: normal;
	font-size: 28px;
	color: #333;
	transform: translateY(300%);
	transition: all 0.8s ease;
}

.indexAbout .right dl dt p {
	font-size: 16px;
	color: #999;
	margin-top: 5px;
	transform: translateY(640%);
	transition: all 0.8s ease;
}

.indexAbout .right dl dt a {
	display: inline-block;
	width: 50%;
	text-align: center;
	line-height: 38px;
	border: solid 2px #ddd;
	color: #aaa;
	font-size: 14px;
	margin-top: 40px;
	transform: translateY(500%);
	transition: all 0.8s ease;
	position: relative;
	overflow: hidden;
}

.indexAbout .right dl dt a span {
	position: relative;
	z-index: 2;
}

.indexAbout .right dl dt a::after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #bc1e34;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transform: translateX(-110%);
	transition: all 0.6s ease;
}

.indexAbout .right dl dt a:hover::after {
	transform: translateX(0);
}

.indexAbout .right dl dt a:hover {
	border-color: #bc1e34;
	color: #fff;
}

.indexAbout .right dl dt:hover h5 {
	transform: translateY(200%);
}

.indexAbout .right dl dt:hover p {
	transform: translateY(400%);
}

.indexAbout .right dl dt:hover a {
	transform: translateY(160%);
}

.indexAbout .right dl dd {
	width: 100%;
}

.indexAbout .right dl dd img {
	width: 100%;
}

@media (max-width:1660px) {
	.indexAbout .left .img a {
		width: 80px;
		height: 80px;
		margin: -40px 0 0 -40px;
	}

	.indexAbout .left .info .con div {
		padding: 20px;
	}

	.indexAbout .left .info .con p {
		font-size: 14px;
		line-height: 24px;
		color: #fff;
	}

	.indexAbout .left .info .con a {
		margin-top: 0px;
		width: 160px;
		line-height: 34px;
	}

	.indexAbout .right dl dt h5 {
		transform: translateY(240%);
	}

	.indexAbout .right dl dt p {
		transform: translateY(500%);
	}

	.indexAbout .right dl dt a {
		transform: translateY(400%);
	}

	.indexAbout .right dl dt:hover h5 {
		transform: translateY(140%);
	}

	.indexAbout .right dl dt:hover p {
		transform: translateY(320%);
	}

	.indexAbout .right dl dt:hover a {
		transform: translateY(100%);
	}

}

@media (max-width:1440px) {
	.indexAbout {
		width: 1200px;
		padding: 70px 0 80px 0;
	}

	.indexAbout .left .img a {
		width: 70px;
		height: 70px;
		margin: -35px 0 0 -35px;
	}

	.indexAbout .right dl dt h5 {
		transform: translateY(200%);
	}

	.indexAbout .right dl dt p {
		transform: translateY(400%);
	}

	.indexAbout .right dl dt a {
		transform: translateY(340%);
		line-height: 34px;
	}

	.indexAbout .right dl dt:hover h5 {
		transform: translateY(120%);
	}

	.indexAbout .right dl dt:hover p {
		transform: translateY(240%);
	}

	.indexAbout .right dl dt:hover a {
		transform: translateY(80%);
	}
}


/* indexProduct */
.indexProduct {
	width: 100%;
	margin: auto;
	padding: 70px 0;
	background: url(../images/probg.jpg) center center no-repeat;
	background-attachment: fixed !important;
	overflow: hidden;
}

/* .indexProduct .indexTitle .name h2,
.indexNews .indexTitle .name h2{
	color: #fff;
} */

.indexProduct .indexTitle .name p,
.indexNews .indexTitle .name p,
.indexProduct .indexTitle .slogan {
	color: #fff;
}

.indexProduct .ProductList {
	position: relative;
	margin: 40px 8% 0 8%;
	width: 84%;
	padding: 0 0;
}

.ProductList .bd {
	padding: 0;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.ProductList .bd ul {
	/*overflow: hidden;*/
	zoom: 1;
	width: 100%;
	height: auto;
}

.ProductList .bd ul li {
	float: left;
	margin: 0;
	width: 33.33%;
	_display: inline;
	overflow: hidden;
	position: relative;
}

.ProductList .bd ul li a {
	display: block;
	width: 94%;
	margin: 0 3%;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}

.ProductList .bd ul li a::after {
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 5px;
	background-color: #bc1e34;
	transform: translateX(-100%);
	transition: all 0.8s ease;
}

.ProductList .bd ul li .img {
	width: 100%;
	overflow: hidden;
}

.ProductList .bd ul li .img img {
	width: 100%;
	transition: all 0.8s ease;
}

.ProductList .bd ul li .cont {
	background-color: #e9e9e9;
	padding: 20px;

}

.ProductList .bd ul li .cont .name {
	color: #000;
	font-size: 20px;
	text-align: center;
	transition: all 0.8s ease;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ProductList .bd ul li .cont .summary {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-top: 5px;
	transition: all 0.8s ease;
}

.ProductList .bd ul li a:hover .name {
	color: #bc1e34;
}

.ProductList .bd ul li a:hover .summary {
	color: #333;
}

.ProductList .bd ul li a:hover::after {
	transform: translateX(0);
}

.ProductList .bd ul li a:hover img {
	transform: scale(1.05);
}

.ProductList .next,
.ProductList .prev {
	position: absolute;
	width: 20px;
	height: 36px;
	top: 50%;
	margin-top: -18px;
	z-index: 2;
	cursor: pointer;
	transition: all 0.8s ease;
}

.ProductList .prev {
	left: -40px;
	background: url(../images/icon_prev2.png) no-repeat;
}

.ProductList .prev:hover {
	background: url(../images/icon_prev3.png) no-repeat;
}

.ProductList .next {
	right: -40px;
	background: url(../images/icon_next2.png) no-repeat;
}

.ProductList .next:hover {
	background: url(../images/icon_next3.png) no-repeat;
}


@media (max-width:1440px) {
	.indexProduct .ProductList {
		margin: 40px auto 0;
		width: 1200px;
	}

	.ProductList .prev {
		left: -20px;
	}

	.ProductList .next {
		right: -20px;
	}
}

@media (max-width:1240px) {
	.ProductList .prev {
		left: 0;
	}

	.ProductList .next {
		right: 0;
	}
}

/* indexApplication */
.indexApplication {
	width: 100%;
	padding: 70px 0 80px 0;
	min-width: 1200px;
	margin: auto;
}

.ApplicationList {
	width: 100%;
	margin-top: 50px;
	min-width: 1680px;
	padding-top: 560px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.ApplicationList .bd {
	width: 1680px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -840px
}

.ApplicationList .bd li {
	width: 1680px;
	overflow: hidden;
	position: relative;
}

.ApplicationList .bd li::after,
.ApplicationList .bd li::before {
	content: '';
	width: 1px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	z-index: 3;
}

.ApplicationList .bd li::before {
	right: 0;
}

.ApplicationList .bd li::after {
	left: 0;
}

.ApplicationList .bd li img {
	display: block;
	width: 1680px;
	height: 600px;
	position: relative;
	z-index: 1;
}

.ApplicationList .bd li .cont {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	color: #fff;
}

.ApplicationList .bd li .cont h5 {
	margin-top: 150px;
	font-size: 36px;
	font-weight: normal;
}

.ApplicationList .bd li .cont p {
	font-size: 16px;
	width: 36%;
	line-height: 30px;
	margin: 20px auto 0;
}

.ApplicationList .bd li .cont a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 38px;
	text-align: center;
	border: solid 2px rgba(255, 255, 255, 0.3);
	margin: 80px auto 0;
	width: 160px;
	position: relative;
	overflow: hidden;
	transition: all 0.8s ease;
}

.ApplicationList .bd li .cont a span {
	position: relative;
	z-index: 2;
}

.ApplicationList .bd li .cont a::after {
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	background-color: #bc1e34;
	transform: translateX(-100%);
	transition: all 0.8s ease;
}

.ApplicationList .bd li .cont a:hover::after {
	transform: translateX(0);
}

.ApplicationList .bd li .cont a:hover {
	border-color: #bc1e34;
}

.ApplicationList .tempWrap {
	overflow: visible !important;
}

.ApplicationList .tempWrap ul {
	margin-left: -1680px !important;
}

.ApplicationList .hd {
	position: relative;
	width: 84%;
	padding: 0 0;
	margin: 0 8%;
	min-width: 40px;
	z-index: 1;
	text-align: center;
	background-color: #fff;
}

.ApplicationList .hd ul {
	width: 100%;
	text-align: left;
	display: table;
	word-spacing: 0;
}

.ApplicationList .hd li {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	width: 10%;
	margin: 40px 0;
	padding: 0 4.33% 0 2.33%;
	position: relative;
	height: 80px;
	position: relative;
}

.ApplicationList .hd li::after {
	content: '';
	width: 1px;
	height: 100%;
	background-color: #eee;
	position: absolute;
	top: 0;
	left: 0;
}

.ApplicationList .hd li:first-child::after {
	display: none;
}

.ApplicationList .hd li p {
	font-size: 20px;
	color: #333;
	margin: 3px 0 5px;
	transition: all 0.8s ease;
}

.ApplicationList .hd li span {
	font-size: 14px;
	color: #999;
	line-height: 20px;
	transition: all 0.8s ease;
}

.ApplicationList .hd li a {
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	overflow: hidden;
	background: #333 url(../images/icon_more.png) center center no-repeat;
	position: absolute;
	top: 3px;
	right: 13%;
	transition: all 0.8s ease;
	transform: scale(0);
}

.ApplicationList .hd li a:hover {
	background: #bc1e34 url(../images/icon_more.png) center center no-repeat;
}

.ApplicationList .hd li.on p {
	color: #bc1e34;
}

.ApplicationList .hd li.on span {
	color: #333;
}

.ApplicationList .hd li.on a {
	transform: scale(1);
}

@media (max-width:1680px) {
	.ApplicationList {
		min-width: 1440px;
		padding-top: 475px;
	}

	.ApplicationList .bd {
		width: 1440px;
		margin-left: -720px
	}

	.ApplicationList .bd li {
		width: 1440px;
	}

	.ApplicationList .bd li img {
		width: 1440px;
		height: 515px;
	}

	.ApplicationList .tempWrap ul {
		margin-left: -1440px !important;
	}

	.ApplicationList .bd li .cont h5 {
		margin-top: 120px;
	}

	.ApplicationList .hd li {
		width: 12%;
		padding: 0 2.83% 0 1.83%;
		height: 80px;
	}
}

@media (max-width:1500px) {
	.ApplicationList {
		min-width: 1260px;
		padding-top: 410px;
	}

	.ApplicationList .bd {
		width: 1260px;
		margin-left: -630px
	}

	.ApplicationList .bd li {
		width: 1260px;
	}

	.ApplicationList .bd li img {
		width: 1260px;
		height: 450px;
	}

	.ApplicationList .tempWrap ul {
		margin-left: -1260px !important;
	}

	.ApplicationList .bd li .cont h5 {
		margin-top: 80px;
	}

	.ApplicationList .bd li .cont a {
		margin: 60px auto 0;
	}

	.ApplicationList .hd {
		position: relative;
		width: 1200px;
		padding: 0 0;
		min-width: 40px;
		margin: 0 auto;
		z-index: 1;
		text-align: center;
	}

}

@media (max-width:1280px) {
	.ApplicationList {
		min-width: 1200px;
		padding-top: 390px;
	}

	.ApplicationList .bd {
		width: 1200px;
		margin-left: -600px
	}

	.ApplicationList .bd li {
		width: 1200px;
	}

	.ApplicationList .bd li img {
		width: 1200px;
		height: 430px;
	}

	.ApplicationList .tempWrap ul {
		margin-left: -1200px !important;
	}

}


/* indexNews */
.indexNews {
	width: 100%;
	margin: auto;
	padding: 70px 0;
	background: url(../images/newsbg.jpg) center center no-repeat;
	background-attachment: fixed !important;
	overflow: hidden;
}

.indexNews .NewsList {
	width: 84%;
	margin: 45px 8%;
	position: relative;
}

.indexNews .NewsList .left {
	width: 48%;
	position: relative;
}

.indexNews .NewsList .left img {
	width: 100%;
	position: relative;
	z-index: 1;
}

.indexNews .NewsList .left div {
	position: absolute;
	z-index: 2;
	padding: 40px 3% 20px 3%;
	left: 0;
	bottom: 0;
	width: 94%;
	background: url(../images/newsbgs.png) left bottom repeat-x;
	background-size: 100% 150%;
}

.indexNews .NewsList .left h5 {
	font-size: 16px;
	color: #fff;
	margin-bottom: 5px;
}

.indexNews .NewsList .left p {
	font-size: 18px;
	color: #fff;
}

.indexNews .NewsList .left a {
	color: #fff;
}

.indexNews .NewsList .left a:hover {
	color: #bc1e34;
}

.indexNews .NewsList .right {
	position: absolute;
	width: 48%;
	height: 100%;
	top: 0;
	right: 0;
}

.indexNews .NewsList .right ul {
	height: 100%;
}

.indexNews .NewsList .right li {
	width: 100%;
	background-color: #fff;
	position: relative;
	height: 28%;
	padding: 3% 4%;
	box-sizing: border-box;
	overflow: hidden;
	margin-top: 5.15%;
}

.indexNews .NewsList .right li::after {
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 5px;
	background-color: #bc1e34;
	transform: translateX(-101%);
	transition: all 0.8s ease;
}

.indexNews .NewsList .right li:first-child {
	margin-top: 0;
}

.indexNews .NewsList .right li h5 {
	font-size: 16px;
	color: #333;
}

.indexNews .NewsList .right li p {
	font-size: 18px;
	color: #333;
	margin: 5px 0;
}

.indexNews .NewsList .right li a {
	display: inline-block;
	color: #333;
}

.indexNews .NewsList .right li a.link {
	color: #999;
	font-size: 16px;
	margin-top: 10px;
}

.indexNews .NewsList .right li a:hover {
	color: #bc1e34;
}

.indexNews .NewsList .right li:hover::after {
	transform: translateX(0);
}

.indexNews .more a {
	display: block;
	font-size: 14px;
	color: #fff;
	line-height: 38px;
	text-align: center;
	border: solid 2px rgba(255, 255, 255, 0.3);
	margin: 0 auto;
	width: 160px;
	position: relative;
	overflow: hidden;
	transition: all 0.8s ease;
}

.indexNews .more a span {
	position: relative;
	z-index: 2;
}

.indexNews .more a::after {
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	background-color: #bc1e34;
	transform: translateX(-100%);
	transition: all 0.8s ease;
}

.indexNews .more a:hover::after {
	transform: translateX(0);
}

.indexNews .more a:hover {
	border-color: #bc1e34;
	color: #fff;
}

@media (max-width:1600px) {
	.indexNews .NewsList .right li p {
		font-size: 16px;
	}

	.indexNews .NewsList .right li a.link {
		font-size: 14px;
		margin-top: 5px;
	}

}

@media (max-width:1440px) {
	.indexNews .NewsList {
		width: 1200px;
		margin: 45px auto;
		position: relative;
	}
}


/* footer */
footer {
	width: 100%;
	position: relative;
	margin: auto;
	background-color: #3b0009;
}

.footer {
	width: 100%;
	padding: 50px 0 30px 0;
}

.footer .left {
	width: 84%;
}

.footer .left dl {
	float: left;
	width: 10%;
	margin-right: 5%;
}

.footer .left dl dt a {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	margin-bottom: 15px;
}

.footer .left dl dd a {
	display: inline-block;
	margin: 5px 0;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
}

.footer .left dl a:hover {
	color: #bc1e34;
}

.footer .right {
	text-align: right;
}

.footer .right p {
	font-size: 14px;
	color: #999;
}

.footer .right h2 {
	font-size: 28px;
	font-family: 'avignon-bold';
	color: #fff;
	line-height: 30px;
}

.footer .right img {
	width: 140px;
	height: 140px;
	margin-top: 15px;
}

.links {
	width: 100%;
	padding: 15px 0;
	line-height: 24px;
	color: #999;
	font-size: 14px;
}

.links span {
	font-size: 16px;
	color: #fff;
}

.links a {
	color: #fff;
}

.links a:hover {
	color: #bc1e34;
}

.links i {
	margin: 0 5px;
}

.links i:last-child {
	display: none;
}

.copy {
	width: 100%;
	padding: 15px 0;
	line-height: 24px;
	position: relative;
	border-top: solid 1px #999;
}

.copy .left {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}

.copy .left p {
	margin: 5px 0;
}

.copy .left a {
	display: inline-block;
	color: #fff;
	line-height: 20px;
}

.copy .left a:hover {
	color: #bc1e34;
}

.copy .right {
	height: 22px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -11px;
}

.copy .right a {
	float: left;
	display: block;
	width: 22px;
	height: 22px;
	margin-left: 25px;
}

.copy .right a.qq {
	background: url(../images/icon_qq.png) center center no-repeat;
}

.copy .right a.wx {
	background: url(../images/icon_wx.png) center center no-repeat;
}

.copy .right a.wb {
	background: url(../images/icon_wb.png) center center no-repeat;
}

.copy .right a.qq:hover {
	background: url(../images/icon_qq1.png) center center no-repeat;
}

.copy .right a.wx:hover {
	background: url(../images/icon_wx1.png) center center no-repeat;
}

.copy .right a.wb:hover {
	background: url(../images/icon_wb1.png) center center no-repeat;
}


/* tanchu */
.theme-mask {
	z-index: 99999;
	position: fixed;
	_position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	display: none;
}

.popover_weixin {
	width: 360px;
	height: 400px;
	z-index: 100000;
	position: fixed;
	top: 50%;
	left: 50%;
	background: #fff;
	margin: -200px 0 0 -180px;
	box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, .2);
	display: none;
	text-align: center;
	border-radius: 5px;
}

.popover_weixin dl {
	margin-top: 50px;
	font-size: 14px;
	line-height: 20px;
}

.popover_weixin dl dd {
	margin-bottom: 10px;
}

.popover_weixin dl a {
	width: 110px;
	height: 36px;
	line-height: 36px;
	background: #bc1e34;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
	font-size: 14px;
	margin-top: 20px;
}

.popover_video {
	width: 1200px;
	height: 600px;
	z-index: 1000000;
	position: fixed;
	top: 50%;
	left: 50%;
	background: #fff;
	margin: -300px 0 0 -600px;
	box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, .2);
	display: none;
	text-align: center;
}

.popover_video video {
	width: 1160px;
	height: 560px;
	background-color: #333;
	margin: 20px;
	overflow: hidden;
}

.popover_video .close {
	position: absolute;
	top: 0;
	right: -50px;
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	background: #333 url(../images/iconbox.png) no-repeat;
	color: #fff;
	text-transform: capitalize;
}

.popover_video .close:hover {
	background-color: #bc1e34;
}

.theme-bg {
	z-index: 9999;
	position: fixed;
	_position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}


/* customer */
.customer {
	top: 50%;
	position: fixed;
	right: 2px;
	z-index: 99;
	margin-top: -104px;
	font-size: 12px;
}

.customer a {
	display: block;
	width: 50px;
	height: 50px;
	padding: 0px;
	background: #bc1e34;
	position: relative;
	text-align: center;
	margin: 1px 0;
	font-size: 12px;
}

.customer a:hover {
	background: #bc1e34;
	color: #fff;
}

.customer a.a {
	z-index: 10000;
}

.customer i {
	display: block;
	height: 50px;
	width: 50px;
	background: url(../images/fudong.png);
	margin: 0;
}

.customer .customer1 {
	background-position: 0 0px;
}

.customer .customer2 {
	background-position: 0 -50px;
}

.customer .customer3 {
	background-position: 0 -100px;
}

.customer .customer4 {
	background-position: 0 -150px;
}

.customer li:hover a {
	background: #bc1e34;
	color: #fff;
}

.customer .qicq {}

.customer .qicq .qicqCon {
	position: relative;
}

.customer .qicq .qicqSub {
	width: 108px;
	right: -134px;
	top: 0;
	position: absolute;
	background: #bc1e34;
	padding: 12px 12px 10px;
	z-index: 9999;
	transition: all 0.8s ease;
}

.customer .qicq .qicqSub p {
	width: 100%;
	text-align: center;
	display: inline-block;
	margin: 3px 0;
}

.customer .qicq .qicqSub p a img {
	margin: 8px 4px 8px 8px;
	float: left;
}

.customer .qicq .qicqSub p a {
	display: block;
	width: 108px;
	height: 32px;
	padding: 0;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid #eee;
	position: relative;
	text-align: left;
	line-height: 32px;
	border-radius: 32px;
	margin: 0;
	color: #fff;
}

.customer .qicq .qicqSub p a:hover {
	background: #fff;
	color: #333;
	border: 1px solid #fff;
}

.customer .qicq:hover .qicqSub {
	right: 50px;
}

.customer .erweima {}

.customer .erweima .erweimaCon {
	position: relative;
}

.customer .erweima .erweimaSub {
	width: 120px;
	right: -146px;
	top: 0;
	position: absolute;
	background: #bc1e34;
	padding: 12px 12px 10px;
	z-index: 9999;
	transition: all 0.8s ease;
}

.customer .erweima .erweimaSub img {
	width: 110px;
	height: 110px;
	border: solid 5px #fff;
}

.customer .erweima .erweimaSub p {
	width: 100%;
	line-height: 20px;
	text-align: center;
	color: #fff;
	display: inline-block;
	margin: auto;
}

.customer .erweima:hover .erweimaSub {
	right: 50px;
}

.customer .fdTel {}

.customer .fdTel .fdTelCon {
	position: relative;
}

.customer .fdTel .fdTelSub {
	width: 140px;
	text-align: center;
	color: #fff;
	line-height: 20px;
	right: -166px;
	top: 0;
	font-size: 14px;
	position: absolute;
	background: #bc1e34;
	padding: 12px;
	z-index: 9999;
	transition: all 0.8s ease;
}

.customer .fdTel .fdTelSub span {
	font-weight: bold;
	font-size: 18px;
}

.customer .fdTel:hover .fdTelSub {
	right: 50px;
}


/* pageBanner */
.pageBanner {
	width: 100%;
	margin: auto;
	height: 500px;
	position: relative;
}

.pageBanner .c1200 {
	height: 100%;
}

.pageBanner .name {
	position: absolute;
	left: 0;
	color: #fff;
	top: 50%;
	color: #fff;
	padding-top: 50px;
	margin-top: -80px;
}

.pageBanner .name::after {
	content: '';
	width: 90px;
	height: 5px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
}

.pageBanner .name p {
	font-size: 50px;
	margin-bottom: 5px;
}

.pageBanner .name span {
	font-size: 30px;
	text-transform: capitalize;
}

.pageBanner .crumbs {
	position: absolute;
	bottom: 20px;
	font-size: 14px;
	line-height: 20px;
	right: 0;
	color: #fff;
}

.pageBanner .crumbs span {
	font-size: 14px;
	margin: 0 5px;
}

.pageBanner .crumbs a {
	color: #fff;
}

.pageBanner .crumbs a:hover {
	color: #bc1e34;
}

/* pageNav */
.pageNav {
	width: 100%;
	margin: auto;
	padding: 10px 0;
	border-bottom: solid 1px #eee;
	position: relative;
}

.pageNav ul {
	width: 1220px;
	margin: 0 -10px;
	text-align: left;
	display: table;
	word-spacing: 0;
}

.pageNav ul li {
	display: inline-block;
	vertical-align: top;
	margin: 10px 10px;
	position: relative;
}

.pageNav ul li a {
	display: inline-block;
	color: #333;
	font-size: 16px;
	line-height: 30px;
	padding: 0 5px;
	transition: all 0.8s ease;
}

.pageNav ul li.on a,
.pageNav ul li:hover a {
	color: #bc1e34;
}

/* pageContent */
.pageContent {
	width: 100%;
	padding: 80px 0;
	margin: auto;
	position: relative;
	font-size: 14px;
	color: #333;
	line-height: 32px;
}

.pageContent img {
	max-width: 100%;
}

/* pageAbout */
.pageAbout {
	width: 100%;
	padding: 70px 0;
	margin: auto;
	position: relative;
}

.pageAbout .indexTitle {
	text-align: left;
}

.pageAbout .indexTitle h2 {
	color: #bc1e34;
}

.pageAbout .left {
	width: 100%;
}

.pageAbout .whleft {
	width: 50%;
	box-sizing: border-box;
}
.pageAbout .whleft .cont {
	width: 100%;
	margin-top: 20px;
	font-size: 14px;
	color: #333;
	line-height: 30px;
	text-indent: 2em;
}

.pageAbout .left .cont {
	width: 100%;
	margin-top: 20px;
	font-size: 18px;
	color: #333;
	line-height: 30px;
	text-indent: 2em;
}

.pageAbout .left .cont img {
	max-width: 100%;
}

.pageAbout .whright {
	width: 50%;
	position: relative;
}

.pageAbout .right {
	width: 50%;
	position: relative;
}

.pageAbout .right img {
	width: 100%;
	position: relative;
	z-index: 1;
}

.pageAbout .right a {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2) url(../images/icon_video.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -45px 0 0 -45px;
	z-index: 2;
	transition: all 0.6s ease;
}

.pageAbout .right a:hover {
	background: url(../images/icon_video1.png) no-repeat;
}

/* ProductRange */
.ProductRange {
	width: 1200px;
	margin: 0 auto 80px;
	position: relative;
	background-color: #1e54a0;
}

.ProductRange .left {
	width: 40%;
}

.ProductRange .left img {
	width: 100%;
}

.ProductRange .right {
	width: 52%;
	padding: 50px 4%;
	color: #fff;
}

.ProductRange .right h5 {
	font-size: 24px;
}

.ProductRange .right .cont {
	width: 100%;
	margin-top: 20px;
	font-size: 14px;
	line-height: 30px;
}

.ProductRange .right .cont img {
	max-width: 100%;
	display: none;
}


/* pageCulture */
.pageCulture {
	width: 100%;
	padding: 80px 0;
	margin: auto;
	background-color: #f5f5f5;
}

.pageCulture .indexTitle {
	text-align: left;
	width: 15%;
}

.pageCulture .indexTitle h2 {
	color: #bc1e34;
}

.cultureBox {
	margin-top: 30px;
}

.cultureBox .hd {
	width: 100%;
}

.cultureBox .hd ul {
	width: 100%;
	text-align: left;
	display: table;
	word-spacing: 0;
}

.cultureBox .hd ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
	font-size: 16px;
	padding: 0 30px;
	line-height: 36px;
	border: solid 2px #ddd;
	cursor: pointer;
}

.cultureBox .hd ul li.on {
	background-color: #bc1e34;
	border-color: #bc1e34;
	color: #fff;
}

.cultureBox .bd .info {
	padding: 20px 0 0 0;
	zoom: 1;
	font-size: 14px;
	color: #333;
	line-height: 30px;
}

.cultureBox .bd .info img {
	max-width: 100%;
}

.cultureBox .bd .info .p2 {
	text-indent: 2em;
}


/* pageBrand */
.pageBrand {
	width: 100%;
	margin: auto;
	position: relative;
}

.pageBrand .left {
	width: 54%;
}

.pageBrand .left img {
	width: 100%;
}

.pageBrand .right {
	width: 40%;
	padding: 20px 0;
}

.pageBrand .right h5 {
	font-size: 32px;
	color: #bc1e34;
	margin-bottom: 20px;
}

.pageBrand .right p {
	font-size: 16px;
	color: #666;
	line-height: 26px;
	margin: 10px 0;
}

.pageBrand .right p span {
	color: #bc1e34;
}


/* pageCode */
.pageCode {
	width: 100%;
	margin: 80px auto;
	/* background: url(../images/codebg.jpg) center center no-repeat; position: relative; */
}

/* .pageCode::after{ content: ''; width: 40%; height: 100%; background-color: #fff; position: absolute; z-index: 0; left: 0; top: 0;} */
.pageCode .CodeList {
	width: 450px;
	background-color: #1e54a0;
	height: 370px;
	color: #fff;
	padding: 70px 50px 140px 50px;
	position: relative;
}

.CodeList .top {
	margin-bottom: 40px;
}

.CodeList .top h2 {
	font-size: 32px;
}

.CodeList .top p {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 5px;
	text-transform: uppercase;
}

.CodeList .bd .info {
	padding: 0;
	zoom: 1;
}

.CodeList .bd .info h5 {
	font-size: 24px;
}

.CodeList .bd .info .con {
	font-size: 14px;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.8);
	margin-top: 15px;
}

.CodeList .arrow {
	position: absolute;
	left: 8.8%;
	bottom: 50px;
}

.CodeList .arrow a {
	float: left;
	display: block;
	width: 50px;
	height: 45px;
	margin-right: 10px;
	cursor: pointer;
}

.CodeList .arrow a i {
	display: inline-block;
	width: 12px;
	height: 17px;
	margin: 14px 19px;
}

.CodeList .arrow .prev i {
	background: url(../images/icon_prev.png) center center no-repeat;
}

.CodeList .arrow .next i {
	background: url(../images/icon_next.png) center center no-repeat;
}

.CodeList .arrow .prev {
	background-color: rgba(0, 0, 0, 0.4);
}

.CodeList .arrow .next {
	background-color: rgba(255, 255, 255, 0.4);
}

.CodeList .arrow .prev:hover,
.CodeList .arrow .next:hover {
	background-color: rgba(255, 255, 255, 1);
}

.CodeList .arrow .prev:hover i {
	background: url(../images/icon_prev1.png) center center no-repeat;
}

.CodeList .arrow .next:hover i {
	background: url(../images/icon_next1.png) center center no-repeat;
}

.CodeList .pageState {
	font-size: 20px;
	position: absolute;
	right: 8.8%;
	bottom: 50px;
	line-height: 45px;
	color: rgba(255, 255, 255, 0.3);
	font-family: 'avignon-bold';
	height: 45px;
	overflow: hidden;
}

.CodeList .pageState span {
	font-size: 44px;
}

.CodeList .img {
	width: 650px;
	height: 580px;
}

.CodeList .img img {
	width: 650px;
	height: 580px;
}


/* pageNews */
.pageNews {
	width: 100%;
	padding: 40px 0;
}

.pageNews li {
	float: left;
	width: 100%;
	padding: 40px 0;
	border-bottom: solid 1px #eee;
}

.pageNews li .img {
	width: 360px;
	height: 230px;
	position: relative;
	overflow: hidden;
}

.pageNews li .img img {
	width: 360px;
	height: 230px;
	transition: all 0.8s ease;
}

.pageNews li .img:hover img {
	transform: scale(1.1);
}

.pageNews li .cont {
	width: 800px;
	min-height: 140px;
	padding: 20px 0 70px 0;
	position: relative;
	overflow: hidden;
}

.pageNews li .cont h2 a {
	font-size: 26px;
	font-weight: normal;
	color: #333;
	transition: all 0.8s ease;
}

.pageNews li .cont h2 a:hover {
	color: #bc1e34;
}

.pageNews li .cont .time {
	font-size: 16px;
	color: #999;
	margin: 15px 0;
}

.pageNews li .cont .con {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}

.pageNews li .cont .more {
	position: absolute;
	left: 0;
	bottom: 30px;
	font-size: 16px;
	color: #bc1e34;
	transition: all 0.8s ease;
}

.pageNews li .cont .more:hover {
	color: #bc1e34;
}


.pageNewsD {
	width: 100%;
	padding: 70px 0;
}

.pageNewsD .name {
	font-size: 30px;
	text-align: center;
	color: #333;
}

.pageNewsD .time {
	font-size: 14px;
	color: #999;
	padding: 15px 0;
	border-bottom: dashed 1px #ddd;
	text-align: center;
}

.pageNewsD .time span {
	margin: 0 10px;
}

.pageNewsD .summary {
	margin: 20px 0;
	padding: 20px;
	background-color: #fafafa;
	font-size: 14px;
	color: #999;
	line-height: 24px;
}

.pageNewsD .summary span {
	color: #666;
}

.pageNewsD .cont {
	width: 100%;
	margin: 30px auto;
	font-size: 14px;
	color: #333;
	line-height: 34px;
}

.pageNewsD .cont img {
	max-width: 100%;
}

.pageNewsD .link {
	width: 100%;
	padding: 20px 0;
	border-top: dashed 1px #ddd;
	border-bottom: dashed 1px #ddd;
}

.pageNewsD .link .left {
	line-height: 40px;
	margin: 20px 0;
	height: 40px;
}

.pageNewsD .link .left a {
	color: #000;
	font-size: 18px;
	color: #666;
}

.pageNewsD .link .right {
	height: 80px;
	max-width: 600px;
}

.pageNewsD .link .right p {
	margin: 5px 0;
	width: 100%;
}

.pageNewsD .link .right a {
	font-size: 14px;
	color: #999;
	line-height: 30px;
}

.pageNewsD .link .left a:hover,
.pageNewsD .link .right a:hover {
	color: #bc1e34;
	text-decoration: underline;
}


/* pageNotice */
.pageNotice {
	width: 100%;
	padding: 60px 0;
}

.pageNotice ul {}

.pageNotice ul li {
	float: left;
	width: 100%;
	height: 140px;
	background-color: #f9f9f9;
	margin: 20px 0;
	transition: all 0.8s ease;
}

.pageNotice ul li a {
	display: inline-block;
	padding: 20px 0;
}

.pageNotice ul li .time {
	width: 80px;
	padding: 15px 20px;
	height: 70px;
	border-right: solid 1px #e5e5e5;
	text-align: center;
	position: relative;
}

.pageNotice ul li .time p {
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #333;
	transition: all 0.8s ease;
}

.pageNotice ul li .time span {
	font-size: 18px;
	color: #999;
	transition: all 0.8s ease;
}

.pageNotice ul li .cont {
	width: 1020px;
	padding: 10px 20px;
	height: 80px;
	overflow: hidden;
}

.pageNotice ul li .cont h2 {
	font-size: 18px;
	color: #333;
	width: 100%;
	transition: all 0.8s ease;
}

.pageNotice ul li .cont p {
	font-size: 14px;
	margin-top: 10px;
	color: #999;
	line-height: 24px;
	transition: all 0.8s ease;
}

.pageNotice ul li:hover {
	background-color: #fff;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.pageNotice ul li:hover .time p,
.pageNotice ul li:hover .time span,
.pageNotice ul li:hover h2 {
	color: #b92e33;
}

.pageNotice ul li:hover p {
	color: #333;
}


/* pageJob */
.pageJob {
	width: 100%;
	padding: 80px 0;
}

.pageJob .top {
	width: 100%;
	position: relative;
}

.pageJob .indexTitle {
	text-align: left;
}

.pageJob .indexTitle h2 {
	color: #bc1e34;
}

.pageJob .mailbox {
	position: absolute;
	right: 0;
	bottom: 5px;
	font-size: 16px;
	color: #999;
}

.pageJob .mailbox span {
	color: #bc1e34;
}

.pageJob ul {
	width: 1260px;
	margin: 40px -30px;
	text-align: left;
	display: table;
	word-spacing: 0;
}

.pageJob ul li {
	display: inline-block;
	vertical-align: top;
	background-color: #f7f9fc;
	width: 490px;
	padding: 40px;
	margin: 20px 30px;
	position: relative;
}

.pageJob ul li .name {
	width: 290px;
	padding: 0 200px 15px 0;
	line-height: 26px;
	position: relative;
	border-bottom: solid 1px #ddd;
	font-size: 22px;
	color: #000;
}

.pageJob ul li .name span {
	font-size: 14px;
	color: #666;
	position: absolute;
	right: 0;
	bottom: 15px;
}

.pageJob ul li .item {
	width: 100%;
	margin-top: 20px;
}

.pageJob ul li .item .title {
	width: 110px;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #333;
}

.pageJob ul li .item .con {
	width: 100%;
	margin-top: 15px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
}

.pageJob ul li .item .con img {
	max-width: 100%;
	display: none;
}

.pageJob ul li .more {
	display: inline-block;
	width: 90px;
	float: right;
	margin-top: 30px;
	text-align: right;
	font-size: 14px;
	color: #fff;
	line-height: 36px;
	padding: 0 30px;
	background: #bc1e34 url(../images/icon_sq.png) center left 30px no-repeat;
	transition: all 0.8s ease;
}

.pageJob ul li .more:hover {
	background-color: #bc1e34;
}


/* pageContact */
.pageContact {
	width: 100%;
	padding: 80px 0;
}

.pageContact .indexTitle {
	text-align: left;
}

.pageContact .indexTitle h2 {
	color: #bc1e34;
}

.pageContact ul {
	width: 100%;
	margin-top: 50px;
	text-align: left;
	display: table;
	word-spacing: 0;
}

.pageContact ul li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin: 15px 0;
	line-height: 30px;
	position: relative;
}

.pageContact ul li a {
	display: inline-block;
	position: relative;
	padding-left: 40px;
	font-size: 16px;
	color: #333;
}

.pageContact ul li:after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	background: #bc1e34 url(../images/icon_contact.png) no-repeat;
	border-radius: 5px;
	overflow: hidden;
}

.pageContact ul li.p1::after {
	background-position: 0 0;
}

.pageContact ul li.p2::after {
	background-position: -30px 0;
}

.pageContact ul li.p3::after {
	background-position: -60px 0;
}

.pageContact ul li.p4::after {
	background-position: -90px 0;
}

.pageContact ul li.p5::after {
	background-position: -120px 0;
}

.pageContact ul li.p6::after {
	background-position: -150px 0;
}

.pageContact ul li.p7::after {
	background-position: -180px 0;
}

.pageContact ul li.p8::after {
	background-position: -210px 0;
}

.pageContact ul li.p9::after {
	background-position: -240px 0;
}

.pageContact ul li:hover::after {
	background-color: #bc1e34;
}

.pageContact ul li:hover a {
	color: #bc1e34;
}


/* pageMap */
.pageMap {
	width: 100%;
	height: 600px;
	margin: auto;
}

label.BMapLabel {
	display: none !important;
	padding: 5px 20px !important;
	color: #333;
	font-size: 16px !important;
	border: solid 2px #bc1e34 !important;
}

/*地图标题*/
.BMap_bubble_title {
	color: #333;
	font-size: 20px;
	text-align: left;
	line-height: 50px;
	padding-top: 10px;
}

/* 消息内容 */
.BMap_bubble_content {
	font-size: 14px;
	line-height: 26px;
	color: #666;
	padding-top: 10px;
}


/* pageForm */
.pageForm {
	width: 100%;
	padding: 80px 0;
	background: #f7f8fa;
}

.pageForm .indexTitle {
	text-align: left;
}

.pageForm .indexTitle h2 {
	color: #bc1e34;
}

.pageForm form {
	width: 100%;
	margin-top: 50px;
}

.pageForm form .row {
	width: 100%;
	margin-bottom: 20px;
}

.pageForm form .row p {
	float: left;
	width: 285px;
	height: 50px;
	margin-left: 20px;
}

.pageForm form .row p:first-child {
	margin-left: 0;
}

.pageForm form .row label {
	display: block;
	width: 285px;
	height: 50px;
	background-color: #fff;
	position: relative;
}

.pageForm form .row label span {
	position: absolute;
	font-size: 16px;
	left: 20px;
	top: 0;
	line-height: 50px;
}

.pageForm form .row input {
	/* width: 191px;
	height: 24px; */
	font-size: 16px;
	line-height: 24px;
	border: 0;
	background-color: rgba(255, 255, 255, 0);
	padding: 13px 20px 13px 74px;
}

.pageForm form .row.row1 {
	width: 1200px;
	height: 220px;
}

.pageForm form .row.row1 label {
	width: 1200px;
	height: 220px;
}

.pageForm form .row textarea {
	width: 1106px;
	height: 186px;
	font-size: 16px;
	line-height: 24px;
	border: 0;
	background-color: rgba(255, 255, 255, 0);
	padding: 13px 20px 13px 74px;
	overflow: hidden;
}

.pageForm form .btn {
	display: block;
	cursor: pointer;
	width: 400px;
	margin: auto;
	line-height: 50px;
	border: 0;
	background-color: #bc1e34;
	color: #fff;
	font-size: 18px;
	transition: all 0.8s ease;
}

.pageForm form .btn:hover {
	background-color: #bc1e34;
}

/* pageProduct */
.pageProduct {
	width: 100%;
	padding: 40px 0;
}

.pageProduct ul {
	width: 100%;
	margin: auto;
	text-align: left;
	display: table;
	word-spacing: 0;
}

.pageProduct ul li {
	display: inline-block;
	vertical-align: top;
	width: 31%;
	margin: 10px;
	border: solid 1px #eee;
	position: relative;
	overflow: hidden;
	transition: all 0.8s ease;
}

.pageProduct ul li::after {
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 5px;
	background-color: #bc1e34;
	transform: translateX(-100%);
	transition: all 0.8s ease;
}

.pageProduct ul li .img {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.pageProduct ul li .img img {
	width: 100%;
	height: auto;
	transition: all 0.8s ease;
}

.pageProduct ul li .cont {
	padding: 20px;
	background-color: #fff;
}

.pageProduct ul li .cont {
	padding: 20px;
	height: 50px;
}

.pageProduct ul li .cont .name {
	color: #000;
	font-size: 20px;
	transition: all 0.8s ease;
}

.pageProduct ul li .cont .summary {
	font-size: 14px;
	color: #666;
	line-height: 22px;
	margin-top: 5px;
	transition: all 0.8s ease;
}

.pageProduct ul li:hover .name {
	color: #bc1e34;
}

.pageProduct ul li:hover .summary {
	color: #333;
}

.pageProduct ul li:hover::after {
	transform: translateX(0);
}

.pageProduct ul li:hover img {
	transform: scale(1.05);
}

.pageProduct ul li:hover {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.pageProductD {
	width: 100%;
	margin: auto;
	padding: 60px 0 0 0;
}

.pageProductD .crumbs {
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	padding: 30px 0;
	color: #333;
}

.pageProductD .crumbs span {
	font-size: 14px;
	margin: 0 5px;
}

.pageProductD .crumbs a {
	color: #333;
}

.pageProductD .crumbs a:hover {
	color: #bc1e34;
}

/*产品放大*/
.product_box {
	width: 100%;
}

.pro_l {
	padding: 0;
	position: relative;
	width: 550px;
	height: 550px;
	border: solid 1px #eee;
}

#showbox {
	z-index: 1;
}

#showbox span {
	background: url(../images/whitebg.png) repeat;
	border: solid 1px #eee;
}

#showsum {
	left: 20px;
	position: absolute !important;
	bottom: 0;
}

#showsum span {
	background-color: #eee;
	padding: 1px;
	width: 98px !important;
	height: 98px !important;
}

#showsum span.sel {
	background: #bc1e34;
	padding: 2px;
	width: 96px !important;
	height: 96px !important;
	cursor: pointer;
}

#showsum span.sel img {}

.pro_r {
	width: 600px;
	position: relative;
	/* height: 552px; */
	margin: 10% 0;
}

.pro_r .pro_info {
	float: left;
	width: 100%;
}

.pro_r .pro_info .name {
	float: left;
	font-size: 36px;
	font-weight: bold;
	color: #bc1e34;
	width: 100%;
	border-bottom: solid 1px #eee;
	line-height: 24px;
	padding: 15px 0;
}

.pro_r .pro_info .summary {
	float: left;
	width: 100%;
	margin-top: 3rem;
	font-size: 16px;
	text-indent: 2rem;
	color: #333;
	line-height: 26px;
	max-height: 315px;
	overflow-y: auto;
}

.pro_r .pro_info .summary img {
	max-width: 100%;
	display: none;
}

.showpage a {
	display: block;
	width: 16px;
	height: 30px;
	position: absolute;
	left: 0;
	bottom: 35px;
	background: url(../images/jt_ico.png) no-repeat;
}

.showpage a#shownext {
	left: auto;
	right: 0;
}

.showpage #showlast {
	background-position: 0 0;
}

.showpage #shownext {
	background-position: -16px 0;
}

.productD {
	width: 100%;
	margin: 40px 0 80px 0;
	font-size: 14px;
	line-height: 30px;
	color: #333;
	text-align: center;
}

.productD img {
	max-width: 100%;
}

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

.productD table td {
	padding: 0 15px;
}


/* pageQA */
.pageQA {
	width: 100%;
	padding: 60px 0;
}

.pageQA li {
	float: left;
	width: 100%;
	padding: 30px 0;
	border-bottom: solid 1px #ddd;
}

.pageQA li span {
	float: left;
	text-transform: uppercase;
	color: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
}

.pageQA li p {
	padding-left: 50px;
}

.pageQA li .q {
	font-size: 18px;
	color: #333;
	line-height: 30px;
	margin-bottom: 14px;
}

.pageQA li .q span {
	background-color: #bc1e34;
}

.pageQA li .a {
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.pageQA li .a span {
	background-color: #bc1e34;
}

.pageQA li:hover .q {
	color: #bc1e34;
}

.pageQA li:hover .a {
	color: #333;
}

.pageQA li:hover {
	border-bottom-color: #bc1e34;
}


/* pageHonor */
.pageHonor {
	width: 100%;
	padding: 60px 0;
}

.pageHonor ul {
	width: 1242px;
	margin: 0 -21px;
	text-align: left;
	display: table;
	word-spacing: 0;
}

.pageHonor ul li {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	text-align: center;
	border: 1px solid #eee;
	margin: 30px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.pageHonor ul li:hover {
	-webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 0 20px;
	-moz-box-shadow: rgba(0, 0, 0, 0.06) 0 0 20px;
	box-shadow: rgba(0, 0, 0, 0.06) 0 0 20px;
	transform: scale(1.01);
}

.pageHonor ul li img {
	display: block;
	width: 90%;
	height: auto;
	margin: auto;
}

.pageHonor ul li p {
	display: block;
	line-height: 26px;
	padding: 20px 0;
	font-size: 16px;
	color: #333;
	text-align: center;
	overflow: hidden;
}


#boxer {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

#boxer-overlay {
	background: #000;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
}

#boxer {
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	padding: 10px;
	position: absolute;
	z-index: 99999;
}

#boxer .boxer-close {
	background: rgba(0, 0, 0, 0.67) url(../images/iconimg.png) no-repeat 0 0px;
	cursor: pointer;
	display: block;
	height: 50px;
	position: fixed;
	right: 10px;
	top: 10px;
	width: 50px;
	text-indent: -99999px;
	z-index: 106;
}

#boxer .boxer-close:hover {
	background: #bc1e34 url(../images/iconimg.png) no-repeat 0px 0px;
}

#boxer .boxer-arrow {
	background: rgba(0, 0, 0, 0.67) url(../images/iconimg.png) no-repeat 0 -50px;
	cursor: pointer;
	display: block;
	height: 50px;
	margin: 0 auto;
	position: absolute;
	text-indent: -99999px;
	top: 50px;
	width: 50px;
}

#boxer .boxer-arrow.previous {
	left: 0px;
}

#boxer .boxer-arrow.previous:hover {
	background: #bc1e34 url(../images/iconimg.png) no-repeat 0 -50px;
	left: 0px;
}

#boxer .boxer-arrow.next {
	background-position: -50px -50px;
	right: 0px;
}

#boxer .boxer-arrow.next:hover {
	background: #bc1e34 url(../images/iconimg.png) no-repeat -50px -50px;
	right: 0px;
}

#boxer .boxer-position {
	color: #999;
	font-size: 12px;
	margin: 0;
	padding: 10px 0 6px;
}

#boxer .boxer-caption p {
	margin: 0;
	padding: 0;
	font-size: 16px;
}

#boxer .boxer-caption.gallery p {
	padding: 0;
	text-align: center;
	line-height: 50px;
}

#boxer.loading .boxer-container {
	background: #fff url(../images/loading.gif) no-repeat center;
}


/* pageDownload */
.pageDownload {
	width: 100%;
	padding: 60px 0;
}

.pageDownload ul {
	width: 1240px;
	margin: 0 -20px;
	text-align: left;
	display: table;
	word-spacing: 0;
}

.pageDownload ul li {
	display: inline-block;
	vertical-align: top;
	margin: 20px;
	width: 540px;
	padding: 20px;
	background-color: #f7f9fc;
}

.pageDownload ul li h2 {
	font-size: 18px;
	color: #333;
}

.pageDownload ul li p {
	width: 100%;
	margin-top: 10px;
}

.pageDownload ul li p span {
	font-size: 16px;
	color: #999;
	line-height: 40px;
	margin-right: 60px;
}

.pageDownload ul li a {
	display: inline-block;
	line-height: 40px;
	float: right;
	width: 90px;
	text-align: right;
	padding: 0 30px;
	background: #bc1e34 url(../images/icon_download.png) left 30px center no-repeat;
	font-size: 14px;
	color: #fff;
}

.pageDownload ul li a:hover {
	background-color: #bc1e34;
}


/* pageSearch */
.pageSearch {
	width: 100%;
	padding: 80px 0;
}

.pageSearch ul {
	width: 1242px;
	margin: 0 -21px;
	text-align: left;
	display: table;
	word-spacing: 0;
}

.pageSearch ul li {
	display: inline-block;
	vertical-align: top;
	width: 370px;
	margin: 21px;
	border: solid 1px #eee;
	position: relative;
	overflow: hidden;
	transition: all 0.8s ease;
}

.pageSearch ul li::after {
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 5px;
	background-color: #bc1e34;
	transform: translateX(-100%);
	transition: all 0.8s ease;
}

.pageSearch ul li img {
	width: 100%;
}

.pageSearch ul li p {
	padding: 20px;
	font-size: 18px;
	line-height: 28px;
	color: #333;
}

.pageSearch ul li:hover {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.pageSearch ul li:hover::after {
	transform: translateX(0);
}


/* pageApplication */
.pageApplication {
	width: 100%;
}

.pageApplication .item {
	width: 100%;
	padding: 60px 0;
	background-color: #fff;
	position: relative;
}

.pageApplication .item:nth-child(odd) {
	background-color: #f8faff;
}

.pageApplication .item:nth-child(odd) .img,
.pageApplication .item:nth-child(even) .cont {
	float: right;
}

.pageApplication .item:nth-child(odd) .cont,
.pageApplication .item:nth-child(even) .img {
	float: left;
}

.pageApplication .item .img {
	width: 50%;
	padding-top: 5%;
}

.pageApplication .item .img img {
	width: 100%;
}

.pageApplication .item .cont {
	padding: 5% 0;
	max-width: 540px;
}

.pageApplication .item .cont .title {
	position: relative;
	font-size: 30px;
	color: #333;
	padding-bottom: 20px;
}

.pageApplication .item .cont .title::after {
	content: '';
	width: 60px;
	height: 4px;
	background-color: #bc1e34;
	position: absolute;
	bottom: 0;
	left: 0;
}

.pageApplication .item .cont .con {
	font-size: 16px;
	color: #999;
	line-height: 34px;
	margin-top: 20px;
}

.pageApplication .item .cont .con img {
	max-width: 100%;
	display: none;
}



/* pageCase */
.pageCase {
	width: 100%;
	padding: 60px 0;
}

.pageCase ul {
	width: 1242px;
	margin: 0 -21px;
	text-align: left;
	display: table;
	word-spacing: 0;
}

.pageCase ul li {
	display: inline-block;
	vertical-align: top;
	width: 370px;
	text-align: center;
	border: 1px solid #eee;
	margin: 21px 21px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.pageCase ul li:hover {
	-webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 0 20px;
	-moz-box-shadow: rgba(0, 0, 0, 0.06) 0 0 20px;
	box-shadow: rgba(0, 0, 0, 0.06) 0 0 20px;
}

.pageCase ul li img {
	display: block;
	width: 340px;
	height: 240px;
	margin: 15px auto 0;
}

.pageCase ul li p {
	display: block;
	line-height: 26px;
	padding: 20px 0;
	font-size: 16px;
	color: #333;
	text-align: center;
	overflow: hidden;
}



/* pageResult */
.pageResult {
	width: 100%;
	padding: 60px 0;
}

.pageResult .name {
	width: 100%;
	text-align: center;
	display: table;
	word-spacing: 0;
}

.pageResult .name i,
.pageResult .name span {
	display: inline-block;
	margin: 0 20px;
	vertical-align: top;
}

.pageResult .name i {
	width: 52px;
	height: 52px;
	background: url(../images/resulticon.png) center center no-repeat;
}

.pageResult .name span {
	margin: 0;
	font-size: 34px;
	color: #333;
}

.pageResult .img {
	width: 260px;
	height: 215px;
	margin: 40px auto;
	background: url(../images/resultimg.png) center center no-repeat;
}

.pageResult .slogan {
	width: 100%;
	text-align: center;
	font-size: 28px;
	color: #333;
	line-height: 46px;
}

.pageResult .more {
	width: 100%;
	text-align: center;
	margin: 40px auto;
	display: table;
	word-spacing: 0;
}

.pageResult .more a {
	display: inline-block;
	margin: 0 20px;
	line-height: 50px;
	width: 260px;
	border-radius: 5px;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
}

.pageResult .more a:nth-child(1) {
	background-color: #bc1e34;
}

.pageResult .more a:nth-child(2) {
	background-color: #333;
}

.pageResult .more a:hover {
	background-color: #bc1e34;
}

/* fenye */
.pages {
	margin: 40px 0 0;
	font-size: 14px;
	text-align: center;
}

.pages .page-num-current {
	background: #bc1e34;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ddd;
	text-align: center;
	color: #ffffff;
	padding: 0 12px;
	margin: 0 2px;
}

.pages a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background: #fff;
	border: 1px solid #ddd;
	text-align: center;
	color: #333;
	padding: 0 12px;
	margin: 0 2px;
}

.pages a:hover {
	background: #bc1e34;
	border: 1px solid #bc1e34;
	color: #fff;
	text-decoration: none
}

.pages span {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	background: #bc1e34;
	color: #fff;
	text-align: center;
	padding: 0 14px;
	margin: 0 2px;
}


.pageLogin {
	width: 100%;
	height: 500px;
	margin: 0 auto;
	background: url(../images/loginbg.jpg) center center no-repeat;
	min-width: 1200px;
}

.pageLogin .top {
	width: 100%;
	min-width: 1200px;
	padding-top: 110px;
	text-align: center;
}

.pageLogin .top h2 {
	font-size: 36px;
	color: #fff;
	line-height: 76px;
}

.pageLogin .top .line {
	width: 58px;
	height: 2px;
	background-color: #fff;
	margin: 0 auto;
}

.pageLogin .top p {
	font-size: 18px;
	color: #ccc;
	line-height: 55px;
	text-transform: uppercase;
}

.pageLogin .form {
	width: 930px;
	height: 50px;
	margin: 60px auto 0;
}

.pageLogin .form p {
	position: relative;
	float: left;
	height: 50px;
	width: 360px;
	margin: 0 10px;
}

.pageLogin .form i {
	width: 24px;
	height: 20px;
	display: block;
	margin: 15px 13px;
	position: absolute;
	top: 0;
	z-index: 1;
	background: url(../images/login.png) 0 0 no-repeat;
}

.pageLogin .form .name {
	background-position: 0 0;
}

.pageLogin .form .phone {
	background-position: 0 -20px;
}

.pageLogin .form input.txt {
	border: 0;
	border-radius: 5px;
	overflow: hidden;
	padding: 0 20px 0 50px;
	width: 290px;
	background: #fff;
	margin: 0;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
}

.pageLogin .form input.btn {
	border: 0;
	border-radius: 5px;
	overflow: hidden;
	background: #333;
	width: 150px;
	height: 50px;
	cursor: pointer;
	text-align: center;
	font-size: 18px;
	color: #fff;
	margin: 0 10px;
}

.pageLogin .form input.btn:hover {
	background: #bc1e34;
}


/* 视屏 */

.tacnhuang {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.8);
	display: none;
}

.tacnhuang .tbox {
	width: 70%;
	height: 70vh;
	position: relative;
	margin: 15vh auto;
}

.tacnhuang .tbox .out {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/out.png) center no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	right: -50px;
	z-index: 3;
	cursor: pointer;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.tacnhuang .tbox .out:hover {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.tacnhuang .tbox .video {
	width: 100%;
	overflow: hidden;
	height: 100%;
}

.tacnhuang .tbox .video video {
	display: block;
	width: 100%;
	max-height: 100%;
}

.tacnhuang .tbox img {
	display: block;
	margin: 0 auto;
	max-width: inherit;
	height: 100%;
}