@charset "utf-8";

*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}

body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select {
	margin: 0;
	padding: 0
}

* {
	margin: 0;
	padding: 0
}

body {
	font-family: 'Microsoft YaHei',arial;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	min-width: 1260px;
	margin: 0 auto;
	background: #fff;
	max-width: 1920px;
-webkit-text-size-adjust: none;
}

a:link,a:visited {
	text-decoration: none;
	outline: 0;
	color: #666
}

a:hover,a:active,a:focus {
	color: #666;
	text-decoration: none
}

ul,li {
	list-style: none
}

ul {
	padding: 0
}

li {
	zoom: 1;
	vertical-align: middle
}

ol {
	margin: 0;
	padding: 0;
	padding-left: 36px
}

fieldset,img {
	border: 0
}

img {
	border: 0;
	max-width: 100%
}

div {
	outline: 0
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	border: 0;
	width: 100%
}

th,td {
	padding: 0
}

input,textarea {
	font-family: 'Microsoft YaHei',arial;
	font-size: 14px
}

input {
	outline: 0
}

textarea {
	outline: 0
}

input[type='reset'],input[type='button'],input[type='submit'],input[type='radio'] {
	cursor: pointer;
	outline: 0
}

input[type='checkbox'],input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px
}

textarea,input[type='email'],input[type='date'],input[type='password'],input[type='text'] {
	padding: 0;
	color: #666;
	outline: 0
}

input,textarea {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	border-radius: 0;
	overflow-y: hidden;
	overflow-x: hidden
}

::-webkit-input-placeholder {
	color: #333
}

:-moz-placeholder {
	color: #333;
	opacity: 1
}

::-moz-placeholder {
	color: #333;
	opacity: 1
}

:-ms-input-placeholder {
	color: #333
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both
}

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block
}

.pic {
	width: 100%;
	overflow: hidden;
	position: relative
}

.pic:after {
	content: '';
	display: block;
	padding-bottom: 100%
}

.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto
}

.container {
	width: 1280px;
	margin-left: auto;
	margin-right: auto
}

@media (max-width:1280px) {
	.container {
		width: 1260px;
		padding: 0 10px
	}
}

.prompt {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../images/ie_sosad.png) no-repeat center 35% #fff;
	left: 0;
	bottom: 0;
	display: none;
	z-index: 999;
	filter: alpha(opacity=80);
	opacity: 80
}

.prompt span {
	position: absolute;
	font-size: 14px;
	font-family: 'Microsoft YaHei';
	top: 55%;
	left: 50%;
	margin-left: -152px;
	width: 304px;
	display: block;
	line-height: 24px;
	color: #666
}

.prompt span a {
	text-decoration: underline
}

.prompt_close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 30px;
	top: 30px;
	background: url(../images/closed.png) no-repeat center center;
	cursor: pointer
}

#container {
	overflow: hidden;
	position: relative
}

.header {
	height: 93px;
	transition: .5s;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(42,42,42,0.2)
}

.header .logo {
	float: left;
	z-index: 4;
	transition: .5s;
	padding-top: 17px
}

.header .logo a {
	float: left;
	position: relative
}

.header .logo a img {
	transition: .5s;
	display: block;
	height: 55px
}

.header .header-right {
	float: right;
	transition: .5s
}

.header .header-right .search-r {
	float: right;
	margin-top: 23px;
	transition: .5s
}

.header .header-right .search-r .searchBtn {
	display: block;
	height: 30px
}

.header .header-right .search-r .searchBtn svg {
	width: 23px;
	fill: #fff;
	margin-top: 12px;
	float: left;
	transition: .5s
}

.header .header-right .search-r .search {
	z-index: 100
}

.header .header-right .search-r .search .btn-search-max {
	z-index: 2;
	-webkit-transition: All .2s ease-in-out;
	transition: All .2s ease-in-out;
	position: relative
}

.header .header-right .search-r .search .btn-search-max * {
	display: inline-block;
	vertical-align: middle
}

.header .header-right .search-r .search .search-main {
	top: 133px;
	right: 0;
	z-index: 100;
	width: 100%;
	display: none;
	position: absolute;
	padding: 30px
}

.header .header-right .search-r .search-container {
	position: relative;
	width: 680px;
	margin: 0 auto
}

.header .header-right .search-r .search-info {
	width: 100%;
	position: relative;
	background: 0
}

.header .header-right .search-r .search-info .inp_srh {
	width: 100%;
	font-size: 14px;
	color: #888;
	height: 50px;
	padding: 0 25px;
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	border-right: 0;
	outline: 0
}

.header .header-right .search-r .search-info .inp_srh:focus {
	border-color: #b0273b
}

.header .header-right .search-r .btn_srh {
	background: #b0273b;
	width: 88px;
	line-height: 18px;
	height: 50px;
	float: right;
	border: 0;
	color: #FFF;
	position: absolute;
	top: 0;
	right: 0
}

.header .header-right .search-r #search-closed {
	right: 10px;
	top: 15px;
	max-width: 30px;
	position: absolute;
	cursor: pointer
}

.header .header-right .nav {
	float: right;
	padding-right: 68px
}

.header .header-right .nav ul li {
	float: left;
	margin-left: 39px;
	position: relative
}

.header .header-right .nav ul li a {
	display: block;
	color: #fff;
	font-size: 20px;
	line-height: 90px;
	padding: 0 10px;
	text-align: center;
	position: relative;
	transition: .5s;
	height: 95px;
	z-index: 3
}

.header .header-right .nav ul li a span {
	font-size: 12px;
	color: #999;
	display: block;
	text-transform: uppercase;
	font-family: "bellmt"
}

.header .header-right .nav ul li a:after {
	content: '';
	display: block;
	width: 0;
	height: 4px;
	background: #b0273b;
	position: absolute;
	bottom: 0;
	left: 50%;
	transition: .5s
}

.header .header-right .nav ul li .subnav {
	position: absolute;
	top: 93px;
	left: 50%;
	width: 180px;
	margin-left: -90px;
	display: none;
	text-align: center
}

.header .header-right .nav ul li .subnav ul {
	background: rgba(0,0,0,0.5)
}

.header .header-right .nav ul li .subnav ul li {
	float: none;
	margin: 0;
	padding: 0;
	background: 0;
	position: relative
}

.header .header-right .nav ul li .subnav ul li a {
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
    overflow:hidden;
	color: #cecaca;
	height: 50px;
	padding: 0 15px;
	transition: .5s;
	z-index: 2
}

.header .header-right .nav ul li .subnav ul li a:after {
	display: none
}

.header .header-right .nav ul li .subnav ul li a:hover {
	color: #fff;
	background: rgba(0,0,0,0.3);
	padding-left: 20px
}

.header .header-right .nav ul li .subnav ul li .san {
	position: absolute;
	top: 0;
	left: 100%;
	width: 240px;
	background: rgba(0,0,0,0.4);
	display: none
}

.header .header-right .nav ul li .pronav {
	width: 420px
}

.header .header-right .nav ul li .pronav ul {
	width: 180px
}

.header .header-right .nav ul li:hover a span {
	color: #b0273b
}

.header .header-right .nav ul li:hover a:after {
	width: 100%;
	left: 0
}

.header .header-right .nav ul li:nth-child(1) {
	background: 0
}

.header .header-right .nav ul .active a span {
	color: #b0273b
}

.header .header-right .nav ul .active a:after {
	left: 0;
	width: 100%
}

.header2 {
	background: #2a2a2a
}

.headerFixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: rgba(0,0,0,0.3)
}

.headerFixed .logo {
	padding: 10px 0
}

.headerFixed .logo a img {
	height: 40px
}

.headerFixed .header-right .nav ul li a {
	height: 61px;
	line-height: 56px
}

.headerFixed .header-right .nav ul li .subnav {
	top: 59px
}

.headerFixed .header-right .search-r {
	margin-top: 17px
}

.headerFixed .header-right .search-r .searchBtn svg {
	margin-top: 0
}

@-webkit-keyframes dong {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}

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

@keyframes dong {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}

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

@-webkit-keyframes bmove1 {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bmove1 {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@font-face {
	font-family:"CenturyGothic";src:url("../font/CenturyGothic.woff2") format("woff2"),url("../font/CenturyGothic.woff") format("woff"),url("../font/CenturyGothic.ttf") format("truetype"),url("../font/CenturyGothic.eot") format("embedded-opentype"),url("../font/CenturyGothic.svg") format("svg")
}

@font-face {
	font-family:"DIN-BoldItalic";src:url("../font/DIN-BoldItalic.woff2") format("woff2"),url("../font/DIN-BoldItalic.woff") format("woff"),url("../font/DIN-BoldItalic.ttf") format("truetype"),url("../font/DIN-BoldItalic.eot") format("embedded-opentype"),url("../font/DIN-BoldItalic.svg") format("svg")
}

.home-banner {
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 1
}

@-webkit-keyframes myfirst04 {
	0% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}

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

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

@keyframes myfirst04 {
	0% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}

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

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

.home-banner .home-banner-slick .slick-list {
	position: relative;
	height: 1080px;
	width: 1920px;
	left: 50%;
	margin-left: -960px
}

.home-banner .home-banner-slick .item {
	position: relative;
	height: 1080px
}

.home-banner .home-banner-slick .item img {
	display: block
}

.home-banner .home-banner-slick .banner-info {
	position: absolute;
	top: 42%;
	left: 0;
	width: 100%;
	text-align: center
}

.home-banner .home-banner-slick .banner-info .bt {
	font-size: 80px;
	color: #fff;
	text-shadow: 1px 1.73px 3px rgba(45,8,0,0.17)
}

.home-banner .home-banner-slick .banner-info .jsh {
	font-size: 38px;
	color: #fff;
	text-transform: uppercase;
	font-family: "CenturyGothic";
	font-weight: normal;
	letter-spacing: 7.5px;
	line-height: 46px;
	text-shadow: 1px 1.73px 2px rgba(45,8,0,0.18)
}

.home-banner .home-banner-slick .custom_paging {
	z-index: 10;
	bottom: 276px;
	position: absolute;
	width: 100%;
	text-align: right;
	font-family: "ACaslonPro"
}

.home-banner .home-banner-slick .custom_paging li {
	line-height: 36px;
	padding: 0 55px;
	display: none;
	color: #e7e7e7;
	width: 100%;
	margin: 0 auto;
	font-size: 18px;
	font-style: italic;
	letter-spacing: 2px
}

.home-banner .home-banner-slick .custom_paging .slick-active {
	display: block
}

.home-banner .home-banner-slick .slick-dots {
	z-index: 10;
	bottom: auto;
	line-height: 0;
	right: 66px;
	width: 30px;
	top: 50%;
	transform: translate(-50%)
}

.home-banner .home-banner-slick .slick-dots li {
	margin: 6px 0;
	padding: 0;
	width: 19px;
	height: 19px;
	border-radius: 50%
}

.home-banner .home-banner-slick .slick-dots li button {
	width: 19px;
	height: 19px;
	padding: 0;
	display: block;
	border: 2px solid #fff;
	background: 0;
	border-radius: 50%
}

.home-banner .home-banner-slick .slick-dots li button:before {
	content: ""
}

.home-banner .home-banner-slick .slick-dots .slick-active button {
	background: #fff
}

.home-banner .home-banner-slick .slick-dots .slick-active button:before {
	color: transparent
}

.home-banner .home-banner-slick .slick-prev,.home-banner .home-banner-slick .slick-next {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px #fff solid;
	float: left;
	cursor: pointer;
	position: absolute;
	z-index: 999;
	top: 36%
}

.home-banner .home-banner-slick .slick-prev:before,.home-banner .home-banner-slick .slick-next:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	opacity: 1;
	margin: auto
}

.home-banner .home-banner-slick .slick-prev:hover,.home-banner .home-banner-slick .slick-next:hover {
	background: #b0273b;
	border: 1px #b0273b solid
}

.home-banner .home-banner-slick .slick-prev {
	left: 10%
}

.home-banner .home-banner-slick .slick-prev:before {
	border-top: 2px #fff solid;
	border-left: 2px #fff solid;
	transform: rotate(-45deg) translate(3px,3px)
}

.home-banner .home-banner-slick .slick-next {
	right: 10%
}

.home-banner .home-banner-slick .slick-next:before {
	border-top: 2px #fff solid;
	border-right: 2px #fff solid;
	transform: rotate(45deg) translate(-3px,3px)
}

.home-banner .home-banner-slick .slick-active .banner-info .img {
	-webkit-animation: jump 1s ease;
	animation: jump 1s ease
}

.home-banner .home-banner-slick .slick-active .banner-info .bt {
	-webkit-animation: jump 1.5s ease;
	animation: jump 1.5s ease
}

.home-banner .home-banner-slick .slick-active .banner-info .jsh {
	-webkit-animation: jump 2s ease;
	animation: jump 2s ease
}

.home-banner .list {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 6px 0 28px 0;
	background: rgba(42,42,42,0.3)
}

.home-banner .list ul li {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	width: 375px;
	background: url("../images/line.png") no-repeat left 36px
}

.home-banner .list ul li .bt {
	display: inline-block;
	vertical-align: bottom;
	line-height: 80px
}

.home-banner .list ul li .bt span {
	font-family: "DIN-BoldItalic";
	font-size: 80px;
	vertical-align: middle
}

.home-banner .list ul li .bt sup {
	font-size: 16px;
	margin-left: 10px
}

.home-banner .list ul li .p {
	font-size: 30px;
	display: inline-block;
	margin-left: 10px;
	vertical-align: bottom
}

.home-banner .list ul li:first-child {
	background: 0
}

@media(max-width:1600px) {
	.home-banner .home-banner-slick .slick-next {
		right: 5%
	}

	.home-banner .home-banner-slick .slick-prev {
		left: 5%
	}
}

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

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

@keyframes jump1 {
	0% {
		-webkit-transform: translateY(40px);
		transform: translateY(40px)
	}

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

.inbanner {
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 1
}

.inbanner .inbanner-slick {
	width: 1920px;
	height: 543px;
	left: 50%;
	margin-left: -960px;
	position: relative
}

.inbanner .inbanner-slick img {
	transition: 5s;
	animation: mymove4 5s;
	position: relative;
	z-index: 1
}

.inbanner .inbanner-slick .banner-info {
	position: absolute;
	bottom: 160px;
	left: 0;
	width: 100%;
	z-index: 2
}

.inbanner .inbanner-slick .banner-info .bt {
	font-size: 48px;
	color: #fff;
	text-transform: uppercase;
	line-height: 50px;
	transition: 2s;
	animation: jump 2s
}

.inbanner .inbanner-slick .banner-info .jsh {
	font-size: 24px;
	color: #fff;
	transition: 2s;
	text-transform: uppercase;
	animation: jump1 2s
}

.inbanner .inbanner-slick .pub_bg2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 147px;
	z-index: 2
}

.inbanner .inbanner-slick .pub_bg2>div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.inbanner .inbanner-slick .pub_bg2 img {
	display: block;
	z-index: 2
}

.inbanner .inbanner-slick .pub_bg2 .bg01 {
	animation: jump1 2s;
	transition: 2s
}

.inbanner .inbanner-slick .pub_bg2 .bg02 {
	animation: jump1 3s;
	transition: 2s
}

.inbanner .inbanner-slick .pub_bg2 .bg03 {
	animation: jump1 4s;
	transition: 2s
}

.inbanner .inbanner-slick .pub_bg2 .bg04 {
	animation: jump1 5s;
	transition: 2s
}

@keyframes mymove4 {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.03)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes mymove4 {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.03)
	}

	100% {
		transform: scale(1)
	}
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.transparent {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background: url(../images/transparent-bg.png) repeat;
	background: rgba(0,0,0,0.7);
	display: none
}

.transparent1 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background: url(../images/transparent-bg.png) repeat;
	background: rgba(0,0,0,0.7);
	display: none
}

.page {
	text-align: center;
	overflow: hidden
}

.page a {
	color: #353535;
	display: inline-block;
	font-size: 12px;
	line-height: 25px;
	height: 27px;
	padding: 0 10px;
	margin: 0 3px;
	font-family: arial;
	-webkit-transition: all .5s;
	transition: all .5s;
	border: 1px solid #d2d2d2
}

.page a.cpb {
	background: #b0273b;
	border: 1px solid #b0273b;
	color: #fff
}

.page a:hover {
	background: #b0273b;
	border: 1px solid #b0273b;
	color: #fff
}

.home-title {
	text-align: center;
	background: url(../images/dot.png) no-repeat bottom center;
	padding-bottom: 44px
}

.home-title h3 {
	font-size: 50px;
	color: #444;
	line-height: 60px
}

.home-title p {
	font-size: 26px;
	color: #888;
	text-transform: uppercase
}

.home-product {
	padding: 82px 0 0 0
}

.home-product .home-bottom {
	position: relative;
	height: 780px;
	margin-top: 48px
}

.home-product .img {
	width: 1920px;
	height: 780px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	margin-left: -960px
}

.home-product .img img {
	transition: .5s
}

.home-product .img:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0
}

.home-product .pics {
	width: 1920px;
	height: 780px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	margin-left: -960px;
	overflow: hidden
}

.home-product .pics:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0
}

.home-product .pics .im {
	position: absolute;
	top: 0;
	left: 0
}

.home-product .pics .im img {
	opacity: 0;
	-webkit-transition: .5s;
	transition: .5s
}

.home-product .pics .im .show {
	opacity: 1
}

.home-product .item {
	position: relative;
	z-index: 2;
	padding-top: 250px
}

.home-product .item .title {
	text-align: center;
	color: #fff;
	padding-bottom: 30px;
	background: url("../images/dot1.png") no-repeat bottom center
}

.home-product .item .title h3 {
	font-size: 42px
}

.home-product .item .title p {
	font-size: 26px;
	text-transform: uppercase;
	opacity: .8
}

.home-product .item ul {
	text-align: center;
	margin-top: 62px
}

.home-product .item ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px
}

.home-product .item ul li a {
	color: #fff;
	font-size: 30px;
	padding: 0 8px 11px 35px;
	display: block;
	max-width: 433px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	background: url("../images/line1.png") no-repeat bottom left
}

.home-product .item ul li a:after {
	content: '';
	display: block;
	height: 1px;
	width: 0;
	background: #fff;
	transition: 1.5s;
	position: absolute;
	bottom: 0;
	left: 120px
}

.home-product .item ul li a:hover:after {
	width: 100%
}

.home-product .item ul li img {
	display: none
}

.home-product .home-bottom1 {
	position: relative;
	height: 780px;
	margin-top: 0
}

.wiat {
	text-align: center;
	padding: 11px 0 6px 0
}

.wiat div {
	margin: 5px 1px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #888;
	display: inline-block;
	opacity: 0;
	animation: wiat 1.75s infinite
}

@keyframes wiat {
	0% {
		opacity: 0
	}

	50% {
		opacity: .5
	}

	100% {
		opacity: 1
	}
}

.wiat div:nth-child(1) {
	animation-delay: .1s
}

.wiat div:nth-child(2) {
	animation-delay: .3s
}

.wiat div:nth-child(3) {
	animation-delay: .5s
}

.wiat div:nth-child(4) {
	animation-delay: .7s
}

.wiat div:nth-child(5) {
	animation-delay: .9s
}

.home-news {
	padding: 83px 0 88px 0;
	background: #fff url("../images/nbg.jpg") no-repeat center center
}

.home-news .home-bottom {
	padding-top: 50px
}

.home-news .home-bottom .one {
	position: relative;
	margin-bottom: 48px
}

.home-news .home-bottom .one .item .box {
	position: relative;
	height: 400px;
	padding-left: 669px;
	padding-top: 42px;
	padding-right: 53px;
	background: #f8f8f8
}

.home-news .home-bottom .one .item .pic {
	width: 619px;
	position: absolute;
	top: 0;
	left: 0
}

.home-news .home-bottom .one .item .pic:after {
	padding-bottom: 64.62035541195476%
}

.home-news .home-bottom .one .item .pic img {
	transition: .5s
}

.home-news .home-bottom .one .item .span {
	font-size: 14px;
	color: #c9161e;
	text-transform: uppercase;
	margin-bottom: 8px;
	font-family: arial
}

.home-news .home-bottom .one .item .span:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 1px;
	width: 22px;
	background: #c9161e;
	margin-right: 6px
}

.home-news .home-bottom .one .item .bt {
	font-size: 24px;
	color: #000;
	line-height: 36px;
	max-height: 72px;
	overflow: hidden;
	margin-bottom: 22px;
	transition: all .9s
}

.home-news .home-bottom .one .item .date {
	font-size: 14px;
	color: #888;
	font-family: arial;
	margin-bottom: 23px
}

.home-news .home-bottom .one .item .jsh {
	font-size: 14px;
	color: #555;
	line-height: 28px;
	max-height: 56px;
	overflow: hidden;
	margin-bottom: 48px
}

.home-news .home-bottom .one .item:hover .pic img {
	transform: scale(1.04)
}

.home-news .home-bottom .one .item:hover .bt {
	color: #b0273b
}

.home-news .home-bottom .one .item:hover .more {
    background: #b0273b;
	border: 1px solid #b0273b
}

.home-news .home-bottom .one .item:hover .more:before {
	background: #b0273b;
	/*transform: translate(-50%,-50%) scale(1)*/
}

.home-news .home-bottom .one .item:hover .more p {
	color: #fff
}

.home-news .home-bottom .custom_paging {
	z-index: 10;
	bottom: 46px;
	position: absolute;
	font-size: 18px;
	color: #949494;
	text-align: right;
	font-family: arial;
	right: 0
}

.home-news .home-bottom .custom_paging li {
	line-height: 36px;
	padding: 0 43px;
	display: none;
	margin: 0 auto;
	font-size: 18px;
	font-style: italic
}

.home-news .home-bottom .custom_paging li span {
	color: #c9161e;
	font-size: 36px
}

.home-news .home-bottom .custom_paging .slick-active {
	display: block
}

.home-news .home-bottom .slick-prev,.home-news .home-bottom .slick-next {
	width: 42px;
	height: 42px;
	float: left;
	cursor: pointer;
	position: absolute;
	z-index: 9;
	top: 50%;
	transition: .5s;
	margin-top: -21px
}

.home-news .home-bottom .slick-prev:before,.home-news .home-bottom .slick-next:before {
	content: ""
}

.home-news .home-bottom .slick-prev {
	background: #060d1d url(../images/left.png) no-repeat center center!important
}

.home-news .home-bottom .slick-next {
	background: #060d1d url(../images/right.png) no-repeat center center!important
}

.home-news .home-bottom .slick-prev:hover {
	background: #b0273b url(../images/left.png) no-repeat center center!important
}

.home-news .home-bottom .slick-next:hover {
	background: #b0273b url(../images/right.png) no-repeat center center!important
}

.home-news .home-bottom .slick-prev {
	left: 0
}

.home-news .home-bottom .slick-next {
	right: auto;
	left: 577px
}

.home-news .home-bottom .news-list {
	margin: 0 -13px
}

.home-news .home-bottom .news-list li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 13px;
	transition: .5s;
	margin-bottom: 2px
}

.home-news .home-bottom .news-list li .box {
	border-top: 3px solid #eaeaea;
	border-bottom: 3px solid #eaeaea;
	transition: .5s;
	height: 206px;
	background: #f8f8f8
}

.home-news .home-bottom .news-list li .text {
	padding: 25px 34px
}

.home-news .home-bottom .news-list li .bt {
	font-size: 18px;
	color: #000;
	line-height: 36px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 10px;
	transition: all .9s
}

.home-news .home-bottom .news-list li .date {
	font-size: 14px;
	color: #666;
	font-family: arial;
	margin-bottom: 7px
}

.home-news .home-bottom .news-list li .jsh {
	font-size: 14px;
	color: #555;
	line-height: 28px;
	height: 56px;
	overflow: hidden
}

.home-news .home-bottom .news-list li:hover {
	margin-bottom: 1px
}

.home-news .home-bottom .news-list li:hover .box {
	border-top: 3px solid #e2afb6;
	border-bottom: 3px solid #e2afb6;
	height: 207px;
	background: #fff
}

.more {
	font-size: 14px;
	width: 148px;
	height: 42px;
	line-height: 40px;
	border: 1px solid #d3d3d3;
	border-radius: 30px;
	color: #bbbaba;
	text-align: center;
	position: relative;
	overflow: hidden
}

.more:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(0);
	width: 210px;
	height: 210px;
	border-radius: 50%;
	transition: all 1.1s;
	z-index: 1
}

.more p,.more a {
	color: #bbbaba;
	position: relative;
	z-index: 2
}

.home-video {
	overflow: hidden
}

.home-video a {
	display: block
}

.home-video .img {
	width: 1920px;
	height: 780px;
	position: relative;
	left: 50%;
	margin-left: -960px
}

.home-video .img img {
	transition: .5s
}

.home-video .img:after {
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.home-video .img .hover {
	width: 91px;
	height: 91px;
	background: url("../images/video.png") no-repeat center center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -45px 0 0 -45px;
	transition: .5s;
	z-index: 2
}

.home-video:hover .img img {
	transform: scale(1.04)
}

.home-video:hover .img .hover {
	transform: rotate(360deg)
}

.footer {
	text-align: center;
	padding: 34px 0 42px 0;
	background: #484848
}

.footer .footer-top {
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px
}

.footer .footer-top a {
	color: #fff
}

.footer .footer-top a:hover {
	text-decoration: underline
}

.footer .footer-bottom {
	font-size: 14px;
	color: #919191
}

.pop1 {
	position: fixed;
	z-index: 999;
	width: 1000px;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	left: 50%;
	top: 50%;
	padding: 10px;
	transform: translate(-50%,-50%);
	display: none
}

.pop1 .info {
	background: #fff;
	height: 100%;
	text-align: center;
	overflow: hidden
}

.pop1 .info img {
	display: block
}

.pop1 .close {
	display: block;
	width: 39px;
	height: 39px;
	position: absolute;
	right: 0;
	top: 7px;
	background: url(../images/close-icon.png) no-repeat
}

.home-contact {
	text-align: center;
	padding: 36px 0 39px 0;
	overflow: hidden
}

.home-contact ul li {
	width: 20%;
	float: left;
	transition: .5s;
	position: relative
}

.home-contact ul li .pic {
	width: 80px;
	height: 80px;
	margin: 0 auto
}

.home-contact ul li .text {
	margin-top: 10px
}

.home-contact ul li .text .bt {
	font-size: 18px;
	color: #333
}

.home-contact ul li .text .jsh {
	font-size: 14px;
	color: #333;
	line-height: 30px
}

.home-contact ul li .text .jsh p {
	font-size: 20px;
	color: #333
}

.home-contact ul li .text .jsh a {
	font-size: 20px;
	color: #333
}

.home-contact ul li .text .jsh a:hover {
	color: #b0273b;
	text-decoration: underline
}

.home-contact ul li:hover {
	opacity: .7
}

.inside-menu {
	border-bottom: 1px solid #eaeaea;
	border-top: 8px solid rgba(255,255,255,0.3);
	margin-top: -8px;
	position: relative;
	z-index: 2
}

.inside-menu ul {
	float: left
}

.inside-menu ul li {
	float: left;
	font-size: 16px;
	text-align: center;
	min-width: 121px;
	position: relative
}

.inside-menu ul li:after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	transition: .5s;
	position: absolute;
	bottom: -1px;
	left: 0;
	background: #b0273b
}

.inside-menu ul li a {
	color: #333;
	display: block;
	line-height: 58px;
	padding: 0 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: .5s
}

.inside-menu ul li:hover a {
	color: #b0273b;
	background: #fdf1f2
}

.inside-menu ul li:hover:after {
	width: 100%
}

.inside-menu ul .cur a {
	color: #b0273b;
	background: #fdf1f2
}

.inside-menu ul .cur:after {
	width: 100%
}

.inside-menu .current {
	float: right;
	color: #8c8c8c;
	padding: 17px 0
}

.inside-menu .current a {
	color: #8c8c8c
}

.inside-menu .current a:hover {
	color: #b0273b;
	text-decoration: underline
}

.organization {
	background: url("../images/orbg.png") no-repeat top center;
	padding: 66px 0
}

.news {
	padding: 12px 0 86px 0
}

.news-lists {
	margin-bottom: 82px
}

.news-lists li {
	overflow: hidden;
	padding: 35px 0
}

.news-lists li a {
	position: relative;
	display: block
}

.news-lists li a .box {
	padding-left: 496px
}

.news-lists li a .box1 {
	padding-left: 0
}

.news-lists li a .box1 .news-info {
	height: auto
}

.news-lists li a .pic {
	width: 441px;
	position: absolute;
	top: 0;
	left: 0
}

.news-lists li a .pic img {
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear
}

.news-lists li a .pic:after {
	padding-bottom: 64.62585034013605%
}

.news-lists li a .news-date {
	text-transform: uppercase;
	font-size: 14px;
	color: #888;
	font-family: arial;
	margin-bottom: 20px
}

.news-lists li a .news-info {
	padding: 13px 0 0 0;
	position: relative;
	height: 285px
}

.news-lists li a .news-info .h3 {
	display: block;
	color: #333;
	margin-bottom: 19px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 22px
}

.news-lists li a .news-info .p {
	font-size: 14px;
	color: #555;
	line-height: 30px;
	height: 60px;
	margin-bottom: 42px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	word-break: break-word
}

.news-lists li a .news-info .more {
	width: 156px
}

.news-lists li:hover a .pic img {
	transform: scale(1.1)
}

.news-lists li:hover a .news-info .h3 {
	color: #b0273b
}

.news-lists li:hover a .news-info .more {
    background: #b0273b;
	border: 1px solid #b0273b
}

/*.news-lists li:hover a .news-info .more:before {
	background: #b0273b;
	transform: translate(-50%,-50%) scale(1)
}*/

.news-lists li:hover a .news-info .more p {
	color: #fff
}

.news-lists li:nth-child(2n) {
	background: #f7f7f7
}

.news-show {
	padding: 84px 0
}

.show .title {
	font-size: 32px;
	color: #222;
	font-weight: 400;
	margin-bottom: 32px;
	text-align: center
}

.show .h2 {
	line-height: 22px;
	border-bottom: 1px solid #e5e5e5;
	padding: 5px 0 6px 0;
	text-align: center;
	font-size: 14px;
	color: #969696;
	border-top: 1px solid #e5e5e5
}

.show .nr {
	padding-top: 26px;
	padding-bottom: 64px;
	color: #666;
	font-size: 18px;
	line-height: 36px
}

.fanhui {
	position: relative;
	width: 157px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	display: block;
	background: #b0273b;
	border-radius: 30px;
	transition: .5s;
	margin: 0 auto;
	overflow: hidden
}

.fanhui:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(0);
	width: 300px;
	height: 300px;
	border-radius: 50%;
	transition: all .7s;
	z-index: 1
}

.fanhui a {
	display: block;
	padding-left: 61px;
	color: #fff;
	position: relative;
	z-index: 2;
	background: url(../images/return.png) no-repeat 30px center
}

/*.fanhui:hover:after {
	background: #cb4155;
	transform: translate(-50%,-50%) scale(1)
}*/

.prev-next {
	overflow: hidden;
	border-top: 1px solid #e4e4e4;
	margin-top: 55px
}

.prev-next li {
	line-height: 45px;
	position: relative;
	float: left;
	width: 50%;
	border-bottom: 1px solid #e4e4e4
}

.prev-next li a {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/dot2.png) no-repeat 15px center;
	padding-left: 32px;
	font-size: 18px;
	color: #666;
	position: relative;
	display: block;
	padding-right: 24px
}

.prev-next li a span {
	position: absolute;
	top: 0;
	right: 38px;
	color: #b0273b
}

.prev-next li a:hover {
	color: #b0273b
}

.contact {
	padding: 37px 0 0 0
}

.contact .home-title {
	background: url("../images/line2.png") no-repeat bottom center;
	padding-bottom: 55px;
	margin-bottom: 22px
}

.contact1 {
	margin-top: 12px
}

.contact1 .map1 {
	height: 526px
}

.contact1 .map1 img {
	max-width: inherit;
	max-height: inherit
}

.contact1 .map1 .anchorBL {
	display: none
}

.product-top {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 21px;
	background: #fdfdfd url("../images/bg4.jpg") no-repeat bottom left
}

.product-top .bg {
	padding: 62px 0 34px 0
}

.product-top .pro-title {
	text-align: center;
	background: url(../images/dot.png) no-repeat bottom center;
	padding-bottom: 57px
}

.product-top .pro-jsh {
	font-size: 16px;
	color: #666;
	line-height: 34px;
	padding: 33px 0
}

.product-bottom {
	padding-top: 53px
}

.product-bottom ul li {
	margin-bottom: 46px
}

.product-bottom ul li .text {
	text-align: center;
	padding-bottom: 65px
}

.product-bottom ul li .text .bt {
	font-size: 42px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 9px
}

.product-bottom ul li .text .jsh {
	font-size: 20px;
	color: #777;
	line-height: 34px;
	max-height: 68px;
	margin-bottom: 31px;
	overflow: hidden
}

.product-bottom ul li .text .more {
	margin: 0 auto;
	border: 1px solid #b0273b;
	color: #b0273b
}

.product-bottom ul li .text .more p {
	color: #b0273b
}

.product-bottom ul li .pic {
	width: 1920px;
	height: 700px;
	position: relative;
	left: 50%;
	margin-left: -960px
}

.product-bottom ul li .pic:before {
	content: '';
	display: block;
	background: url(../images/arrow.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 50%;
	width: 35px;
	height: 22px;
	margin-left: -17px;
	z-index: 5
}

.product-bottom ul li .pic img {
	transition: .5s
}

/*.product-bottom ul li:hover .text .more:before {
	transform: translate(-50%,-50%) scale(1);
	background: #b0273b
}*/

.product-bottom ul li:hover .text .more p {
	color: #fff;
    background: #b0273b
}

.product-bottom ul li:hover .pic img {
	transform: scale(1.05)
}

.product-bottom ul li:nth-last-child(1) {
	margin-bottom: 0
}

.dsz {
	padding: 92px 0 68px 0;
	background: url("../images/bg6.png") no-repeat bottom center
}

.dsz .img {
	float: left;
	text-align: center;
	width: 41%;
	padding-top: 53px
}

.dsz .img img {
	border-radius: 10px
}

.dsz .img p {
	font-size: 24px;
	color: #666;
	line-height: 50px;
	margin-top: 10px
}

.dsz .text {
	float: right;
	width: 56%;
	background: url("../images/dot3.png") no-repeat top left;
	padding-top: 42px;
	position: relative;
	padding-bottom: 35px
}

.dsz .text:after {
	content: '';
	display: block;
	width: 44px;
	height: 30px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url("../images/dot4.png") no-repeat center center
}

.dsz .text .bt {
	font-size: 26px;
	color: #dc2734;
	margin-bottom: 8px
}

.dsz .text .jsh {
	font-size: 18px;
	color: #666;
	line-height: 48px
}

.honor {
	background: url("../images/bg8.png") repeat top left
}

.honor .bg {
	padding: 90px 0;
	background: url("../images/bg13.png") no-repeat top center
}

.honor .honor-list {
	padding: 0 67px;
	margin-bottom: 61px
}

.honor .honor-list .item {
	overflow: hidden;
	margin-bottom: 17px
}

.honor .honor-list .item .bt {
    font-size: 24px;
    color: #cb4155;
    line-height: 48px;
    text-align: left;
	position: relative
}

.honor .honor-list .item .bt:after {
	content: '';
	display: block;
	height: 1px;
	width: 100px;
	background: #888;
	position: absolute;
	bottom: 0;
	left: 3px
}

.honor .honor-list .item .bt span {
	color: #cb4155;
    font-size: 42px;
    color: #cb4155;
    vertical-align: middle;
    font-family: "AkzidenzGroteskBQ-BdCndAlt";
}

.honor .honor-list .item .jsh {
	padding-left: 98px;
	position: relative
}

.honor .honor-list .item .jsh:after {
	content: '';
	display: block;
	height: 100%;
	width: 1px;
	background: #888;
	position: absolute;
	top: 0;
	left: 102px
}

.honor .honor-list .item .jsh p {
	padding-left: 44px;
	font-size: 18px;
	color: #666;
	position: relative;
	margin-bottom: 12px
}

.honor .honor-list .item .jsh p:after {
	content: '';
	display: block;
	height: 9px;
	width: 9px;
	border-radius: 50%;
	background: #888;
	position: absolute;
	top: 11px;
	left: 0
}

.honor .more1 {
	margin: 0 67px;
	position: relative;
	padding-left: 132px
}

.honor .more1:after {
	content: '';
	display: block;
	width: 101px;
	height: 1px;
	position: absolute;
	bottom: 14px;
	left: 0;
	background: #cb4155
}

.honor .more1 a {
	display: block;
	width: 148px;
	height: 42px;
	border: 1px solid #cb4155;
	line-height: 40px;
	color: #cb4155;
	border-radius: 30px;
	padding: 0 35px;
	transition: .5s;
	background: url("../images/more1.png") no-repeat 74% center
}

.honor .more1 a:hover {
	color: #fff;
	background: #cb4155 url("../images/more1h.png") no-repeat 74% center
}

.honor .more1 a.getmore2 {
    background: url("../images/more2.png") no-repeat 74% center
}

.honor .more1 a.getmore2:hover {
	color: #fff;
	background: #cb4155 url("../images/more2h.png") no-repeat 74% center
}
.join {
	padding: 65px 0 0 0
}

.join .home-title {
	background: url("../images/line2.png") no-repeat bottom center
}

.join .join01 {
	padding-top: 47px;
	margin-bottom: 59px
}

.join .join01 ul {
	margin: 0 -16px
}

.join .join01 ul li {
	width: 50%;
	padding: 0 16px;
	float: left
}

.join .join01 ul li .pic img {
	transition: .5s
}

.join .join01 ul li .pic:after {
	padding-bottom: 48%
}

.join .join01 ul li .text {
	padding: 21px 60px;
	text-align: center;
	min-height: 200px;
	background: #f9f8f8
}

.join .join01 ul li .text .bt {
	font-size: 22px;
	color: #cb4155;
	text-align: center;
	padding: 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.join .join01 ul li .text .bt:after {
	content: '';
	display: block;
	width: 45px;
	height: 3px;
	background: #ccc;
	margin: 17px auto 18px auto
}

.join .join01 ul li .text .jsh {
	font-size: 14px;
	line-height: 26px;
	color: #666
}

.join .join02 {
	font-size: 18px;
	color: #666;
	line-height: 28px;
	text-align: center;
	padding: 25px 0 46px 0
}

.join .join02 a {
	color: #dc2734
}

.join .join03 {
	padding: 64px 0;
	background: url("../images/bg8.png") repeat top left
}

.join .join03 ul {
	margin: 0 -4px
}

.join .join03 ul li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 4px;
	margin-bottom: 7px
}

.join .join03 ul li .box {
	padding: 16px 34px 26px 34px;
	border-bottom: 3px solid #fff;
	transition: .5s;
	background: #fff
}

.join .join03 ul li .bt {
	font-size: 22px;
	color: #555;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 32px;
	margin-bottom: 38px
}

.join .join03 ul li .bt span {
	width: 23px;
	display: block;
	height: 23px;
	text-align: center;
	line-height: 23px;
	border-radius: 3px;
	background: #ee5b70;
	position: absolute;
	top: 6px;
	left: 0;
	font-size: 14px;
	color: #fff
}

.join .join03 ul li .jsh {
	font-size: 16px;
	color: #888;
	line-height: 28px
}

.join .join03 ul li:hover .box {
	border-bottom: 3px solid #f9edef;
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.1)
}

.join .join03 ul li:hover .box .bt {
	color: #b0273b
}

.join-show {
	padding: 58px 0
}

.join-show .left {
	float: left;
	width: 68%
}

.join-show .left .h1 {
	font-size: 32px;
	color: #222;
	margin-bottom: 13px
}

.join-show .left .h1 span {
	font-size: 24px;
	color: #666
}

.join-show .left .h1 span b {
	color: #cb4155;
	font-weight: normal
}

.join-show .left .h2 {
	font-size: 16px;
	color: #a5a5a5;
	padding-bottom: 23px;
	border-bottom: 1px solid #eaeaea
}

.join-show .left .jobsnb {
	padding: 23px 0
}

.join-show .left .jobsnb .title {
	font-size: 16px;
	color: #666;
	padding-left: 23px;
	margin-bottom: 8px;
	background: url("../images/dot5.png") no-repeat center left
}

.join-show .left .jobsnb .jsh {
	font-size: 16px;
	color: #666;
	line-height: 40px;
	margin-bottom: 48px
}

.join-show .right {
	float: right;
	width: 26.2%;
	margin-top: 20px;
	background: #fff;
	border: 1px solid #eaeaea
}

.join-show .right .title {
	border-bottom: 1px solid #eaeaea;
	padding-left: 67px;
	background: #f6f6f6 url(../images/dot6.png) no-repeat 32px center;
	line-height: 54px;
	font-size: 22px
}

.join-show .right ul {
	padding: 9px 0
}

.join-show .right ul li {
	margin-bottom: 7px
}

.join-show .right ul li .box {
	margin: 0 34px;
	border-bottom: 1px dashed #d7d7d7;
	padding: 21px 0 21px 0
}

.join-show .right ul li .bt {
	font-size: 20px;
	color: #555;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 32px;
	margin-bottom: 10px
}

.join-show .right ul li .bt span {
	width: 23px;
	display: block;
	height: 23px;
	text-align: center;
	line-height: 23px;
	border-radius: 3px;
	background: #ee5b70;
	position: absolute;
	top: 6px;
	left: 0;
	font-size: 14px;
	color: #fff
}

.join-show .right ul li .jsh {
	font-size: 16px;
	color: #888;
	line-height: 28px
}

.join-show .right ul li:hover .box .bt {
	color: #b0273b
}

.join-show .right ul li:nth-last-child(1) .box {
	border: 0
}

.product01 {
	padding: 63px 0 52px 0
}

.product01 .home-title {
	padding-bottom: 51px
}

.product01 .jsh {
	font-size: 16px;
	color: #666;
	line-height: 34px;
	margin-top: 47px
}

.product01 .h3 {
	text-align: center;
	font-size: 18px;
	color: #666;
	line-height: 34px;
	margin-top: 51px;
	margin-bottom: 52px
}

.product01 .h3 span {
	display: block;
	font-size: 32px;
	color: #cb4155
}

.product01 .pic {
	width: 1920px;
	height: 700px;
	position: relative;
	left: 50%;
	margin-left: -960px
}

.product01 .pic:before {
	content: '';
	display: block;
	background: url(../images/arrow.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 50%;
	width: 35px;
	height: 22px;
	margin-left: -17px;
	z-index: 5
}

.product01 .pic:after {
	content: '';
	display: block
}

.product01 .pic .hover {
	position: absolute;
	bottom: 47px;
	left: 0;
	width: 100%
}

.product01 .pic .hover .info {
	padding: 28px 34px 34px 34px;
	width: 602px;
	float: right;
	color: #fff;
	font-size: 16px;
	line-height: 34px;
	background: rgba(203,65,85,0.75)
}

.product01 .pic .hover .info .nr {
	height: 204px;

	padding-right: 2px
}

.product01 .pic .hover .info .nr::-webkit-scrollbar {
	width: 5px;
	height: 10px
}

.product01 .pic .hover .info .nr::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: rosybrown;
	border-radius: 3px
}

.product01 .pic .hover .info .nr::-webkit-scrollbar-thumb {
	border-radius: 7px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #e8e8e8
}

.product01 .p3 {
	font-size: 16px;
	color: #666;
	line-height: 34px;
	padding: 64px 0 0 0
}

a.link {
	font-size: 14px;
	color: #bbbaba;
	margin: 0 auto;
	border-radius: 30px;
	border: 1px solid #d3d3d3;
	line-height: 28px;
	padding: 11px 25px
}

.jkylyyfw .product-top .pro-title {
	background: 0;
	padding-bottom: 20px
}

.jkylyyfw .home-title {
	padding-bottom: 50px
}

.jkylyyfw01 {
	padding: 64px 0 26px 0;
	background: #f2f2f2;
	overflow: hidden
}

.jkylyyfw01 ul li {
	margin-bottom: 65px;
	overflow: hidden
}

.jkylyyfw01 ul li .box {
	position: relative;
	min-height: 500px;
	background: #fff
}

.jkylyyfw01 ul li .box .pic {
	width: 640px;
	position: absolute;
	top: 0;
	right: 0
}

.jkylyyfw01 ul li .box .pic img {
	transition: .5s
}

.jkylyyfw01 ul li .box .pic:after {
	padding-bottom: 78.125%
}

.jkylyyfw01 ul li .box .text {
	width: 49%;
	float: left;
	padding: 26px 24px
}

.jkylyyfw01 ul li .box .text .info {
	overflow: auto;
	padding: 20px 30px 10px 30px;
	height: 407px
}

.jkylyyfw01 ul li .box .text .info::-webkit-scrollbar {
	width: 10px;
	height: 10px
}

.jkylyyfw01 ul li .box .text .info::-webkit-scrollbar-track {
	background-color: #e8e8e8;	
}

.jkylyyfw01 ul li .box .text .info::-webkit-scrollbar-track:horizontal {
    padding: 0;
    margin: 0;
}

.jkylyyfw01 ul li .box .text .info::-webkit-scrollbar-thumb {
	background-color: #f3a4af
}

.jkylyyfw01 ul li .box .text .info::-webkit-scrollbar-button {
	display: block; 

}

.jkylyyfw01 ul li .box .text .info::-webkit-scrollbar-button:vertical:single-button:start {
    width: 16px;
	background: url(../images/scroll_up.png) no-repeat top center #666;
}

.jkylyyfw01 ul li .box .text .info::-webkit-scrollbar-button:vertical:single-button:end {
    width: 16px;
	background: url(../images/scroll_down.png) no-repeat top center #666;
}

.jkylyyfw01 ul li .box .text .info::-webkit-scrollbar-button:vertical:start:increment {
    display:none;
}
.jkylyyfw01 ul li .box .text .info::-webkit-scrollbar-button:vertical:end:decrement {
    display:none;
}

.jkylyyfw01 ul li .box .text .info .num {
	font-size: 48px;
	color: #f6c0c8;
	font-weight: bold
}

.jkylyyfw01 ul li .box .text .info .bt {
	font-size: 30px;
	color: #333
}

.jkylyyfw01 ul li .box .text .info .bt:after {
	content: '';
	display: block;
	width: 60px;
	height: 2px;
	background: #adadad;
	margin-top: 23px;
	margin-bottom: 31px
}

.jkylyyfw01 ul li .box .text .info .jsh {
	font-size: 16px;
	color: #666;
	line-height: 34px
}

.jkylyyfw01 ul li:hover .box .pic img {
	transform: scale(1.05)
}

.jkylyyfw01 ul li:nth-child(2n) .box .pic {
	right: auto;
	left: 0
}

.jkylyyfw01 ul li:nth-child(2n) .box .text {
	float: right
}

.jkylyyfw02 {
	padding: 73px 0
}

.jkylyyfw02 ul {
	overflow: hidden;
	margin: 55px -5px 72px -5px
}

.jkylyyfw02 ul li {
	width: 25%;
	float: left;
	padding: 0 5px;
	margin-bottom: 10px
}

.jkylyyfw02 ul li .pic img {
	transition: .5s
}

.jkylyyfw02 ul li .pic:after {
	padding-bottom: 77.31629392971246%
}

.jkylyyfw02 ul li .bt {
line-height: 25px;
font-size: 16px;
color: #666;
text-align: center;
padding: 10px 5px;
margin-top: 1px;
background: #f5f5f5;
min-height:70px;
display: flex;
align-items: center;
justify-content: center;
}


.jkylyyfw02 ul li:hover .pic img {
	transform: scale(1.05)
}

.gdzhfw .product-top .bg {
	padding: 95px 0 60px 0
}

.gdzhfw .product-top .pro-title {
	padding-bottom: 74px
}

.gdzhfw .product-top .pro-jsh {
	padding: 44px 0
}

.gdzhfw01 {
	padding: 78px 0 33px 0;
	background: #f2f2f2;
	overflow: hidden
}

.gdzhfw01 .home-title {
	padding-bottom: 52px
}

.gdzhfw01 ul {
	margin-top: 64px
}

.gdzhfw01 ul li {
	margin-bottom: 65px;
	overflow: hidden
}

.gdzhfw01 ul li .box {
	position: relative;
	min-height: 500px;
	background: #fff
}

.gdzhfw01 ul li .box .pic {
	width: 640px;
	position: absolute;
	top: 0;
	right: 0
}

.gdzhfw01 ul li .box .pic img {
	transition: .5s
}

.gdzhfw01 ul li .box .pic:after {
	padding-bottom: 78.125%
}

.gdzhfw01 ul li .box .text {
	width: 49%;
	float: left;
	padding: 26px 24px
}

.gdzhfw01 ul li .box .text .info {
	overflow: auto;
	padding: 20px 30px 10px 30px;
	height: 407px
}

.gdzhfw01 ul li .box .text .info::-webkit-scrollbar {
	width: 5px;
	height: 10px
}

.gdzhfw01 ul li .box .text .info::-webkit-scrollbar-track {
	background-color: #e8e8e8;
	border-radius: 3px
}

.gdzhfw01 ul li .box .text .info::-webkit-scrollbar-thumb {
	border-radius: 7px;
	background-color: #f3a4af
}

.gdzhfw01 ul li .box .text .info .num {
	font-size: 48px;
	color: #f6c0c8;
	font-weight: bold
}

.gdzhfw01 ul li .box .text .info .bt {
	font-size: 30px;
	color: #333
}

.gdzhfw01 ul li .box .text .info .bt:after {
	content: '';
	display: block;
	width: 60px;
	height: 2px;
	background: #adadad;
	margin-top: 37px;
	margin-bottom: 29px
}

.gdzhfw01 ul li .box .text .info .jsh {
	font-size: 16px;
	color: #666;
	line-height: 34px
}

.gdzhfw01 ul li:hover .box .pic img {
	transform: scale(1.05)
}

.gdzhfw01 ul li:nth-child(2n) .box .pic {
	right: auto;
	left: 0
}

.gdzhfw01 ul li:nth-child(2n) .box .text {
	float: right
}

.gdzhfw02 {
	padding: 79px 0
}

.gdzhfw02 ul {
	overflow: hidden;
	margin: 0 -40px 72px -40px;
	font-size: 0
}

.gdzhfw02 ul li {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	padding: 0 40px;
	margin-bottom: 10px;
position:relative;
}
.gdzhfw02 ul li:after{
content:'';
display:block;
width:40px;
height:48px;
background:url("../images/jian.png") no-repeat center center;
position:absolute;
top:50%;
right:-20px;
margin-top:-24px;
}
.gdzhfw02 ul li:nth-last-child(1):after{
display:none;
}
.gdzhfw02 ul li .pic img {
	transition: .5s
}

.gdzhfw02 ul li .pic:after {
	padding-bottom: 63.93442622950819%
}

.gdzhfw02 ul li .text {
	padding: 7px 26px;
	min-height: 182px;
	background: #f5f5f5
}

.gdzhfw02 ul li .bt {
	line-height: 60px;
	font-size: 26px;
	color: #3a3a3a
}

.gdzhfw02 ul li .jsh {
	font-size: 16px;
	line-height: 30px;
	color: #666
}

.gdzhfw02 ul li:hover .pic img {
	transform: scale(1.05)
}

.cswscl .product-top .bg {
	padding: 77px 0 16px 0
}

.cswscl .product-top .pro-jsh {
	padding: 44px 0
}

.cswscl01 {
	padding: 78px 0 33px 0;
	background: #f2f2f2;
	overflow: hidden
}

.cswscl01 .home-title {
	padding-bottom: 52px
}

.cswscl01 ul {
	margin-top: 64px
}

.cswscl01 ul li {
	margin-bottom: 65px;
	overflow: hidden
}

.cswscl01 ul li .box {
	position: relative;
	min-height: 500px;
	background: #fff
}

.cswscl01 ul li .box .pic {
	width: 640px;
	position: absolute;
	top: 0;
	right: 0
}

.cswscl01 ul li .box .pic img {
	transition: .5s
}

.cswscl01 ul li .box .pic:after {
	padding-bottom: 78.125%
}

.cswscl01 ul li .box .text {
	width: 49%;
	float: left;
	padding: 26px 24px
}

.cswscl01 ul li .box .text .info {
	overflow: auto;
	padding: 24px 31px 10px 30px;
	height: 431px
}

.cswscl01 ul li .box .text .info::-webkit-scrollbar {
	width: 5px;
	height: 10px
}

.cswscl01 ul li .box .text .info::-webkit-scrollbar-track {
	background-color: #e8e8e8;
	border-radius: 3px
}

.cswscl01 ul li .box .text .info::-webkit-scrollbar-thumb {
	border-radius: 7px;
	background-color: #f3a4af
}

.cswscl01 ul li .box .text .info .num {
	font-size: 48px;
	color: #f6c0c8;
	font-weight: bold
}

.cswscl01 ul li .box .text .info .bt {
	font-size: 30px;
	color: #333
}

.cswscl01 ul li .box .text .info .bt:after {
	content: '';
	display: block;
	width: 60px;
	height: 2px;
	background: #adadad;
	margin-top: 19px;
	margin-bottom: 29px
}

.cswscl01 ul li .box .text .info .jsh {
	font-size: 16px;
	color: #666;
	line-height: 34px
}

.cswscl01 ul li:hover .box .pic img {
	transform: scale(1.05)
}

.cswscl01 ul li:nth-child(2n) .box .pic {
	right: auto;
	left: 0
}

.cswscl01 ul li:nth-child(2n) .box .text {
	float: right
}

@font-face {
	font-family:"AkzidenzGroteskBQ-BdCndAlt";src:url("../font/AkzidenzGroteskBQ-BdCndAlt.woff2") format("woff2"),url("../font/AkzidenzGroteskBQ-BdCndAlt.woff") format("woff"),url("../font/AkzidenzGroteskBQ-BdCndAlt.ttf") format("truetype"),url("../font/AkzidenzGroteskBQ-BdCndAlt.eot") format("embedded-opentype"),url("../font/AkzidenzGroteskBQ-BdCndAlt.svg") format("svg")
}

.responsibility {
	padding: 87px 0;
	overflow: hidden;
	background: url(../images/bg8.png) repeat top left
}

.responsibility .bg {
	background: url(../images/bg9.png) repeat top center
}

.responsibility .re-p {
	text-align: center;
	color: #666;
	background: url("../images/line2.png") no-repeat bottom center;
	padding-bottom: 56px
}

.responsibility .re-p h3 {
	font-size: 24px
}

.responsibility .re-p p {
	font-size: 20px
}

.responsibility .list {
	text-align: center;
	padding-top: 76px;
	overflow: hidden
}

.responsibility .list ul {
	padding-bottom: 20px;
	position: relative;
	padding-top: 45px
}

.responsibility .list ul:after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	background: #ddd;
	margin-left: -0.5px
}

.responsibility .list ul li .box {
	position: relative
}

.responsibility .list ul li .text {
	width: 50%;
	position: relative;
	padding-left: 74px;
	float: right
}

.responsibility .list ul li .text:after {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	left: -8px;
	top: 17px;
	background: url(../images/dot7.png) no-repeat center center
}

.responsibility .list ul li .bt {
	font-size: 24px;
	color: #666;
	line-height: 48px;
	text-align: left
}

.responsibility .list ul li .bt span {
	font-size: 42px;
	color: #cb4155;
	vertical-align: middle;
	font-family: "AkzidenzGroteskBQ-BdCndAlt"
}

.responsibility .list ul li .jsh1 {
	line-height: 24px;
	font-size: 17px;
	text-align: left;
	color: #666
}

.responsibility .list ul li .jsh1 p {
	margin-bottom: 18px
}

.responsibility .list ul li {
	margin-top: -20px;
	margin-bottom: 11px;
	position: relative;
	z-index: 2
}

.responsibility .list ul .odd .text {
	padding-left: 0;
	padding-right: 74px;
	float: left
}

.responsibility .list ul .odd .text:after {
	left: auto;
	right: -8px
}

.responsibility .list ul .odd .text .bt {
	text-align: right
}

.responsibility .list ul .odd .jsh1 {
	text-align: right
}

.responsibility .list .more2 {
	margin: 0 auto
}

.responsibility .list .more a {
	display: block
}

.responsibility .photo {
	margin-top: 81px;
	position: relative;
	background: #fff
}

.responsibility .photo:after {
	content: '';
	display: block;
	width: 1px;
	position: absolute;
	top: 0;
	left: 0;
	height: 173px;
	background: #b0273b
}

.responsibility .photo:before {
	content: '';
	display: block;
	width: 755px;
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	background: #b0273b
}

.responsibility .photo .nr {
	padding: 63px 63px 58px 63px;
	position: relative;
	overflow: hidden
}

.responsibility .photo .nr:after {
	content: '';
	display: block;
	width: 1px;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 173px;
	background: #b0273b
}

.responsibility .photo .nr:before {
	content: '';
	display: block;
	width: 755px;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 1px;
	background: #b0273b
}

.responsibility .photo ul {
	margin: 0 -8px
}

.responsibility .photo ul li {
	float: left;
	padding: 0 8px;
	margin-bottom: 15px
}

.responsibility .photo ul li .pic img {
	transition: .5s
}

.responsibility .photo .pt1 li {
	width: 33.333333333333336%
}

.responsibility .photo .pt1 li .pic:after {
	padding-bottom: 67.37400530503979%
}

.responsibility .photo .pt2 li {
	width: 50%
}

.responsibility .photo .pt2 li .pic:after {
	padding-bottom: 43.33333333333333%
}

@keyframes mymove4 {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.05)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes mymove4 {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.05)
	}

	100% {
		transform: scale(1)
	}
}

.culture {
	padding: 65px 0;
	position: relative
}

.culture .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 1920px;
	height: 787px;
	z-index: 1;
	transition: 10s;
	animation: mymove4 5s infinite;
	background: url("../images/bg11.png") no-repeat top center
}

.culture .container {
	position: relative;
	z-index: 2
}

.culture .home-title {
	background: url("../images/line2.png") no-repeat bottom center;
	padding-bottom: 45px;
	margin-bottom: 22px
}

.culture .culture01 {
	padding-top: 37px;
	margin-bottom: 89px
}

.culture .culture01 ul {
	margin: 0 -17px
}

.culture .culture01 ul li {
	width: 33.333333333333336%;
	float: left;
	text-align: center;
	padding: 0 43px
}

.culture .culture01 ul li .num {
	font-size: 32px;
	color: #cb4155;
	font-weight: bold;
	padding-bottom: 20px
}

.culture .culture01 ul li .pic {
	width: 60px;
	height: 60px;
	margin: 0 auto
}

.culture .culture01 ul li .text {
	background: url("../images/bg10.png") no-repeat top center;
	padding: 89px 20px;
	height: 352px;
	transition: .5s
}

.culture .culture01 ul li .text .nr {
	padding-top: 11px
}

.culture .culture01 ul li .text .bt {
	font-size: 26px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 12px
}

.culture .culture01 ul li .text .jsh {
	font-size: 16px;
	line-height: 24px
}

.culture .culture01 ul li:hover .text {
	padding-top: 75px
}

.culture .culture02 {
	text-align: center;
	font-size: 20px;
	color: #666;
	line-height: 34px;
	padding: 13px 0 52px 0;
	border-bottom: 1px solid #eaeaea
}

.culture .culture02 .jsh {
	margin-bottom: 56px
}

.culture .culture03 {
	text-align: center;
	font-size: 20px;
	color: #666;
	line-height: 34px;
	padding: 51px 0 0 0
}

.culture .culture03 .jsh {
	margin-bottom: 60px
}

.about {
	padding: 66px 0 0 0
}

.about .img {
	text-align: center;
	background: url(../images/dot.png) no-repeat bottom center;
	padding-bottom: 50px;
	margin-bottom: 18px
}

.about .jsh {
 
	font-size: 16px;
	line-height: 36px;
	color: #666;
	margin-bottom: 54px
}

.about .pic {
	width: 1920px;
	height: 710px;
	position: relative;
	left: 50%;
	margin-left: -960px
}

.about .pic:before {
	content: '';
	display: block;
	background: url(../images/arrow.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 50%;
	width: 35px;
	height: 22px;
	margin-left: -17px;
	z-index: 5
}

.about .pic .hover {
	position: absolute;
	bottom: 71px;
	left: 0;
	width: 100%
}

.about .pic .hover .info {
	padding: 62px 62px 62px 62px;
	width: 526px;
	float: right;
	color: #fff;
	font-size: 18px;
	line-height: 36px;
	margin-right: 49px;
	background: rgba(203,65,85,0.75)
}

.about .pic .hover .info .nr {
	height: 396px;
	overflow: auto;
	padding-right: 2px
}

.about .pic .hover .info .nr::-webkit-scrollbar {
	width: 5px;
	height: 10px
}

.about .pic .hover .info .nr::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: rosybrown;
	border-radius: 3px
}

.about .pic .hover .info .nr::-webkit-scrollbar-thumb {
	border-radius: 7px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #e8e8e8
}

.about .about01 {
	padding: 70px 0 6px 0
}

.about .about01 .h3 {
	font-size: 24px;
	color: #333;
	background: url("../images/dot8.png") no-repeat bottom center;
	padding-bottom: 43px;
	margin-bottom: 14px;
	text-align: center
}

.about .about01 .jsh {
	text-align: left;
	line-height: 34px;
	margin-bottom: 40px
}

.about .about01 .item {
	margin: 0 -42px 56px -42px;
	overflow: hidden
}

.about .about01 .item .p {
	width: 50%;
	float: left;
	padding: 0 42px;
	font-size: 16px;
	line-height: 34px;
	color: #666;
	text-align: left;
	border-right: 1px solid #d7d7d7
}

.about .about01 .item .p:nth-child(2n) {
	border: 0
}

.about .about01 .jsh1 {
	font-size: 16px;
	line-height: 34px;
	color: #666;
	font-weight: bold;
	margin-top: 51px;
	margin-bottom: 43px
}

.about .about01 .item1 {
	margin-bottom: 79px
}

.about .pic1 {
	height: 504px
}

.about .pic1:before {
	display: none
}

.about .about02 {
	position: relative;
	height: 504px;
	background: url(../images/bg12.jpg) no-repeat top center
}

.about .about02 .pic {
	width: 957px;
	height: 504px;
	right: 50.1%;
	margin: 0;
	left: auto;
	position: absolute;
	top: 0
}

.about .about02 .pic:before {
	display: none
}

.about .about02 .info-right {
	float: right;
	font-size: 20px;
	line-height: 48px;
	color: #fff;
	width: 50%;
	padding: 96px 0 20px 70px
}

.about .about02 .info-right .ny {
	height: 240px;
	overflow: auto
}

.about .about02 .info-right .ny::-webkit-scrollbar {
	width: 5px;
	height: 10px
}

.about .about02 .info-right .ny::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: rosybrown;
	border-radius: 3px
}

.about .about02 .info-right .ny::-webkit-scrollbar-thumb {
	border-radius: 7px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #e8e8e8
}

.about .about03 {
	padding: 70px 0 90px 0
}

.about .about03 .h3 {
	font-size: 24px;
	color: #333;
	background: url("../images/dot8.png") no-repeat bottom center;
	padding-bottom: 42px;
	margin-bottom: 24px;
	text-align: center
}

.about .about03 .jsh {
	text-align: left;
	line-height: 34px;
	margin-bottom: 51px
}

.about .about04 {
	text-align: center;
	font-size: 24px;
	line-height: 40px;
	color: #888;
	padding-top: 69px
}

.about .about04 .pic {
	height: 710px;
	margin-top: 71px
}