@charset "utf-8";
html {
	overflow-x:hidden
}
*{padding:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body {
	color:#333;
	font:14px "Microsoft Yahei"
}
body, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, img, input, li, ol, p, span, ul {
	margin:0;
	padding:0;
	list-style:none
}
a {
	color:#333;
	text-decoration:none
}
a:focus {
	outline:0
}
img {
	border:none
}
.vam {
	vertical-align:middle
}
.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:0
}
p {
	word-spacing:0
}
em, i {
	font-style:normal
}
.tr {
	text-align:right
}
.tl {
	text-align:left
}
.center {
	text-align:center
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.pa {
	position:absolute
}
.pr {
	position:relative
}
.clearfix:after {
	content:"";
	height:0;
	clear:both;
	display:block;
	visibility:hidden
}
.clearfix {
	zoom:1
}
.content22 {
	width:1400px;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width:1440px) {
 .content22 {
width:1200px;
margin:0 auto;
}
}
.pic {
	width:100%;
	overflow: hidden;
}
.pic img {
	-o-transition:all 0.8s linear 0s;
	transition:all 0.8s linear 0s
}
.pic:hover img {
	-webkit-transform:scale(1.08) rotate(0) translateY(0);
	-ms-transform:scale(1.08) rotate(0) translateY(0);
	transform:scale(1.08) rotate(0) translateY(0)
}
.white, .whites {
	position:relative;
	overflow:hidden
}
.white:after, .whites:after {
	content:'';
	cursor:pointer;
	position:absolute;
	left:-100%;
	top:0;
	width:100%;
	height:100%;
	background-image:-moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image:-webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	transform:skewx(-25deg)
}
.white:hover:after {
	left:100%;
	-moz-transition:1s;
	-o-transition:1s;
	-webkit-transition:1s;
	transition:1s
}
.whites:hover:after {
	left:100%;
-moz-transition:.5s;
-o-transition:.5s;
-webkit-transition:.5s;
transition:.5s
}
body {
	min-width:1200px;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	overflow-x:hidden
}
em, i {
	font-style:normal
}
 input::-webkit-input-placeholder {
color:#999;
font-size:14px;
text-transform:capitalize
}
input::-moz-placeholder {
color:#999;
font-size:14px;
text-transform:capitalize
}
input:-moz-placeholder {
color:#999;
font-size:14px;
text-transform:capitalize
}
input:-ms-input-placeholder {
color:#999;
font-size:14px;
text-transform:capitalize
}
@keyframes myfirst {
0% {
background-position:0 bottom
}
100% {
background-position:100% bottom
}
}
.line {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.clear {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}
.banner {
	height:auto;
	max-width:1920px;
	margin:0 auto!important;
	position:relative;
	margin-top:-34px
}
.ban_s video {
	display:block;
	width:100%;
	object-fit: cover;
	object-position: center;
}
.banner .bd li {
	float:left;
	width:100%;
	line-height:0
}
.banner .bd li img {
	width:100%
}
.banner .bd li a {
	display:block
}
.banner .hd {
	position:absolute;
	bottom:50px;
	width:100%;
	height:16px;
	cursor:pointer;
	text-align:center;
	z-index:9;
	font-size:0
}
.banner .hd li {
	display:inline-block;
	width:34px;
	height:3px;
	background:#fff;
	margin:0 8px;
	opacity:1;
-o-transition:all .5s ease;
transition:all .5s ease;
}
.banner .hd li.on {
	background:#e6212a;
	width: 64px;
}
.banner p {
	position: absolute;
	font-size: 0;
	top: 50%;
	z-index: 9;
	width: 36px;
	height: 70px;
	margin-top: -35px;
	border: 0;
	outline: none;
	cursor: pointer;
transition:.5s;
}
.banner .prev {
	left: 3%;
	background:url("../images/prev1.png") no-repeat center center;
	opacity: 0;
}
.banner .next {
	right: 3%;
	background:url("../images/next1.png") no-repeat center center;
	opacity: 0;
}
.banner:hover .prev {
	left: 4%;
	opacity: 1;
}
.banner:hover .next {
	right: 4%;
	opacity: 1;
}
.tit {
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.tit span {
	display: block;
	font-size: 44px;
	line-height: 44px;
	color: #000000;
	font-weight: bold;
}
.yz {
	padding: 80px 0 0;
}
.yz dt {
	width: 50%;
	line-height: 0;
	overflow: hidden;
	float: right;
	position:relative;
}
.yz dt img {
	width:100%;
}
.yz dt iframe {
	width:100%;
	height:402px;
}
.yz dd {
	width: 42.8%;
	float: left;
}
.yz dd h4 {
	font-size: 35px;
	color: #000000;
	display: block;
	line-height: 44px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 80px;
}
.yz dd p {
	font-size: 18px;
	color: #000000;
	padding: 32px 0 0;
	line-height: 36px;
	height: 190px;
}
.yz_s {
	margin-top: 66px;
	width: 374px;
}
.yz_s .more1 {
	width: 178px;
	height:36px;
	line-height: 36px;
	background:#d61a29;
	display:block;
	font-size: 16px;
	color: #fff;
	position:relative;
	text-align: center;
	float:left;
	transition:all 0.5s;
	border-radius: 18px;
}
.yz_s .more1 img {
	display: inline-block;
	width:20px;
	height:24px;
	margin-right: 8px;
	vertical-align: -5px;
}
.yz_s .more2 {
	width: 178px;
	height:36px;
	line-height: 36px;
	background:#d61a29;
	display:block;
	font-size: 16px;
	color: #fff;
	position:relative;
	text-align: center;
	float:right;
	transition:all 0.5s;
	border-radius: 18px;
}
.yz_s .more2 img {
	display: inline-block;
	width:21px;
	height:21px;
	margin-right: 8px;
	vertical-align: -5px;
}
.yz_s .more1:hover, .yz_s .more2:hover {
	transform: translateY(-8px);
}
 @media screen and (max-width:1440px) {
 .yz dd h4 {
padding-top: 40px;
}
}
.dz {
	padding-top: 100px;
}
.dz_con {
	background: url("../images/dz_bg.jpg")/*tpa=/images/dz_bg.jpg*/ no-repeat center;
	height: 819px;
	box-sizing: border-box;
	padding-top: 110px;
	margin-top: 50px;
}
.dz_con dt {
	float: left;
	width: 34%;
}
.dz_con dt em {
	display: block;
	font-size: 1.9rem;
	height: 2.4rem;
	color: #fff;
	font-weight: bold;
	padding-top: 1rem;
}
.dz_con dt p img {
	display: block;
	width: 42px;
	height: 42px;
	margin-top: 264px;
}
.dz_con dt p span {
	display: block;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	margin-top:12px;
	opacity: 0.73;
}
.dz_con dt p b {
	display: block;
	font-size: 34px;
	line-height: 44px;
	color: #fff;
	margin-top:12px;
	font-weight: bold;
}
.dz_con dd {
	float: right;
	width: 66%;
}
.dz_con dd li {
	float: left;
	width: 49%;
	margin-bottom:3.04%;
	box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.06);
	height: 290px;
	padding: 54px 3.5rem 0;
	box-sizing: border-box;
	background: #fff;
}
.dz_con dd li:nth-child(2n) {
float: right;
}
.dz_con dd li b {
	display: block;
	font-size: 28px;
	line-height: 38px;
	color: #252525;
	margin-bottom:12px;
	font-weight: bold;
}
.dz_con dd li p {
	display: block;
	font-size: 16px;
	line-height: 28px;
	color: #252525;
	opacity: 0.7;
	height: 125px;
}
.dz_con dd li .more {
	width: 126px;
	height: 38px;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	color: #a3a3a3;
	border-radius: 38px;
	border:1px solid #a3a3a3;
	box-sizing: border-box;
	transition: all 0.5s;
	display: block;
	letter-spacing: 1px;
}
.dz_con dd li .more:hover {
	color: #fff;
	background: #d61a29;
	border-color: #d61a29;
}
.cp {
	padding: 100px 0 0;
}
.pro1 {
	margin-top: 50px;
}
.cp dl {
	position: relative;
}
.cp dt {
	float: left;
	width: 29.42%;
	position: relative;
}
.cp dt img {
	display: block;
	width:100%;
}
.cp dt p {
	position: absolute;
	left: 0;
	top: 70px;
	padding: 0 2.1rem;
	width: 100%;
	box-sizing: border-box;
	z-index: 20;
	height: 100%;
}
.cp dt p b {
	font-size: 38px;
	line-height: 38px;
	color: #fff;
	margin-bottom:40px;
	font-weight: bold;
	display: block;
}
.cp dt em {
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	opacity: 0.73;
	height: 64%;
}
.cp dt .more {
	display: block;
	font-size: 16px;
	color: #ffffff;
	width: 126px;
	height: 38px;
	line-height: 38px;
	border-radius: 38px;
	text-align: center;
	background: #d61a29;
	float: right;
}
.cp dd {
	float: right;
	width: 69.28%;
}
.cp li {
	float:left;
	box-sizing:border-box;
	width: 49.16%;
	position: relative;
	margin-bottom: 1.7%;
}
.cp li i {
	display: block;
	width: 100%;
	overflow: hidden;
}
.cp li i img {
	display: block;
	width: 100%;
}
.cp li:nth-child(2n) {
float: right;
}
.cp li span {
	display:block;
	font-size:20px;
	color:#333333;
	line-height:64px;
	text-align: center;
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: 0;
}
.pro2 {
	padding: 80px 0;
	background: #edf3f7;
	margin-top: 70px;
}
.pro2 dt {
	float: right;
}
.pro2 dd {
	float: left;
}
.pro2 dd ul li span {
	color: #000;
}
.pro2 dt .more {
	float: left;
}
.pro3 {
	padding: 80px 0 70px;
}
.pro3 dd ul li:nth-child(2n) span {
background: rgba(255, 255, 255, .3);
}
.case {
	background: url("../images/case_bg.jpg") no-repeat center top;
	box-sizing: border-box;
	padding: 90px 0 0;
}
.case .tit span {
	color: #000;
}
.case_con {
	padding: 70px 90px 0;
	background: #fff;
	margin: 50px -90px 0;
}
.case_con .desc {
	display: block;
	font-size: 18px;
	line-height: 38px;
	height: 120px;
}
.case_con .desc i {
	float: left;
	width: 75.7%;
}
.case_con .more {
	display: block;
	font-size: 18px;
	color: #ffffff;
	width: 230px;
	height: 44px;
	line-height: 44px;
	border-radius: 38px;
	text-align: center;
	background: #d61a29;
	float: right;
}
.case_con li {
	float: left;
	width: 14%;
	margin-right: 0.555%;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
}
.case_con li.cur {
	width: 41.78%;
}
.case_con li:last-child {
	margin-right: 0;
}
.case_con li p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.case_con li p b {
	font-size: 1.4rem;
	display: block;
	color: #fff;
	text-align: center;
	padding-top:260px;
}
.case_con li p span {
	display: none;
}
.case_con li.cur p {
	background: #d61a29;
	height: 100px;
}
.case_con li.cur p b {
	font-size: 1.4rem;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 100px;
	float: left;
	padding-top: 0;
	width: 28%;
}
.case_con li.cur p span {
	display: block;
	width: 72%;
	padding-right: 2rem;
	padding-top: 24px;
	font-size: 0.8rem;
	line-height: 1.4rem;
	color: #fff;
	float: left;
	box-sizing: border-box;
}
.ys {
	padding-top: 90px;
	height:940px;
}
.ys dl {
	position: relative;
	width: 100%;
}
.ys dt {
	display: block;
	width: 1920px;
	margin-left: -260px;
	height: 940px;
}
.ys dt img {
	display: block;
	width: 100%;
}
.ys dd {
	position: absolute;
	left: 0;
	top: 90px;
	width: 100%;
}
.ys dd h4 {
	width: 100%;
	display: block;
	font-size: 44px;
	line-height: 44px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.ys dd em {
	display: block;
	font-size: 38px;
	line-height: 50px;
	color: #fff;
	font-weight: bold;
	padding-top: 180px;
}
.ys dd p {
	display: block;
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	padding-top: 40px;
	width: 530px;
	opacity: 0.8;
}
.ys_t {
	height: 130px;
	margin-top: -224px;
	position: relative;
	z-index: 30;
}
.ys_t li {
	float: left;
	width: 24.9%;
	margin-right: 0.1%;
	height: 130px;
	background: rgba(24, 32, 73, 0.88);
	padding: 0 1.2rem 0 2rem;
	box-sizing: border-box;
	font-size: 28px;
	color: #fff;
	line-height: 130px;
}
.ys_t li img {
	float: right;
	width: 70px;
	height: 70px;
	padding-top: 30px;
}
.ys_t li.cur {
	background: #d61a29;
}
 @media screen and (max-width:1440px) {
 .ys dt {
display: block;
width: 1920px;
margin-left: -360px;
height: 940px;
}
}
.news {
	padding:100px 0 60px;
}
.news_t ul {
	text-align: center;
	margin-top: 50px;
}
.news_t li {
	display:inline-block;
	margin: 0 22px;
}
.news_t li em {
	display: inline-block;
	width: 25px;
	height: 25px;
	overflow: hidden;
	margin-right: 8px;
	vertical-align: -6px;
}
.news_t li em img {
	display: block;
	width: 25px;
	height: 25px;
	transition: all 0.5s;
}
.news_t li.cur em img:nth-child(1) {
margin-top: -25px;
}
.news_t li a {
	display: block;
	font-size:18px;
	color:#000000;
	line-height:18px;
}
.news_t li.cur a {
	color:#d61a29;
	font-weight: bold;
}
.news_con {
	margin-top: 32px;
}
.news_con dl {
	float: left;
	width:48.5%;
}
.news_con dt {
	position: relative;
	display: block;
	width: 100%;
}
.news_con dt img {
	display: block;
	width: 100%;
}
.news_con dd {
	padding: 20px 35px 0;
}
.news_con dd h4 a {
	display: block;
	font-size:20px;
	color: #333333;
	line-height: 22px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition:all 0.5s;
}
.news_con dd i {
	display: block;
	padding-top: 18px;
	font-size:14px;
	color: #a1a1a1;
	line-height: 14px;
}
.news_con dd p {
	display: block;
	padding-top: 20px;
	font-size:16px;
	color: #666666;
	line-height: 28px;
}
.news_con .more {
	display: block;
	font-size: 16px;
	color: #ffffff;
	width: 126px;
	height: 38px;
	line-height: 38px;
	border-radius: 38px;
	text-align: center;
	background: #d61a29;
	margin: 30px 0 0;
}
.news_con ul {
	float: right;
	width: 50%;
}
.news_con ul li {
	float: left;
	width: 48.5%;
}
.news_con ul li:nth-child(2n) {
float: right;
}
.news_con ul li i {
	position: relative;
	display: block;
	width: 100%;
}
.news_con ul li img {
	display: block;
	width: 100%;
}
.news_con li span {
	display: block;
	font-size:20px;
	color: #333333;
	line-height: 28px;
	font-weight: bold;
	padding: 20px 35px 0;
	height: 120px;
	transition:all 0.5s;
}
.news_con li em {
	display: block;
	padding-top: 14px;
	font-size:14px;
	color: #a1a1a1;
	line-height: 14px;
	font-weight: normal;
}
.news_con dl:hover dd h4 a, .news_con li:hover span {
	color:#d61a29;
}
.abt {
	background: url("../images/abt_bg.jpg") no-repeat center top;
	box-sizing: border-box;
	padding: 90px 0 70px;
}
.abt .tit span {
	color: #fff;
}
.abt_con {
	padding: 96px 90px 0;
	background: #fff;
	margin: 40px -90px 0;
}
.abt_con dt {
	width: 46.42%;
	line-height: 0;
	overflow: hidden;
	float: right;
	position:relative;
}
.abt_con dt img {
	width:100%;
}
.abt_con dd {
	width: 46.42%;
	float: left;
}
.abt_con dd h3 {
	font-size: 20px;
	color: #d61a29;
	display: block;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.abt_con dd h4 {
	font-size: 38px;
	color: #232323;
	display: block;
	line-height: 46px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 14px;
}
.abt_con dd p {
	font-size: 16px;
	color: #666666;
	padding: 28px 0 0;
	line-height: 24px;
}
.abt_con dd p em {
	display: block;
	margin-bottom: 18px;
}
.abt_con dd p a {
	color: #d61a29;
}
.abt_s h3 a {
	display: block;
	font-size:28px;
	color: #232323;
	line-height: 28px;
	font-weight: bold;
	margin-top: 60px;
	margin-bottom: 25px;
}
.abt_s li {
	float: left;
	width: 32.5%;
	margin-right: 1.25%;
}
.abt_s li:last-child {
	margin-right: 0;
}
.abt_s li i {
	position: relative;
	display: block;
	width: 100%;
}
.abt_s li i>img {
	display: block;
	width: 100%;
}
.abt_s li span {
	display: block;
	font-size:18px;
	color: #232323;
	line-height: 50px;
}
.abt_s li span>img {
	display: block;
	width: 19px;
	height: 13px;
	float: right;
	padding-top: 18px;
}
 @media screen and (max-width:1440px) {
 .abt_con dd {
width: 48.62%;
float: left;
}
 .abt_con dt {
width: 47.42%;
}
}
 @-webkit-keyframes fadeInDown1 {
 from {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown1 {
 from {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.fadeInDown1 {
	-webkit-animation-name: fadeInDown1;
	animation-name: fadeInDown1
}
@-webkit-keyframes fadeInDown2 {
 from {
opacity: 0;
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown2 {
 from {
opacity: 0;
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.fadeInDown2 {
	-webkit-animation-name: fadeInDown2;
	animation-name: fadeInDown2
}
@-webkit-keyframes fadeInLeft1 {
 from {
-webkit-transform: translate3d(-10%, 0, 0);
transform: translate3d(-10%, 0, 0);
opacity: 0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
@keyframes fadeInLeft1 {
 from {
-webkit-transform: translate3d(-10%, 0, 0);
transform: translate3d(-10%, 0, 0);
opacity: 0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
.fadeInLeft1 {
	-webkit-animation-name: fadeInLeft1;
	animation-name: fadeInLeft1
}
@-webkit-keyframes fadeInLeft2 {
 from {
-webkit-transform: translate3d(-5%, 0, 0);
transform: translate3d(-5%, 0, 0);
opacity: 0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
@keyframes fadeInLeft2 {
 from {
-webkit-transform: translate3d(-5%, 0, 0);
transform: translate3d(-5%, 0, 0);
opacity: 0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
.fadeInLeft2 {
	-webkit-animation-name: fadeInLeft2;
	animation-name: fadeInLeft2
}
@-webkit-keyframes fadeInRight1 {
 from {
-webkit-transform: translate3d(10%, 0, 0);
transform: translate3d(10%, 0, 0);
opacity: 0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
@keyframes fadeInRight1 {
 from {
-webkit-transform: translate3d(10%, 0, 0);
transform: translate3d(10%, 0, 0);
opacity: 0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
.fadeInRight1 {
	-webkit-animation-name: fadeInRight1;
	animation-name: fadeInRight1
}
@-webkit-keyframes fadeInRight2 {
 from {
-webkit-transform: translate3d(5%, 0, 0);
transform: translate3d(5%, 0, 0);
opacity: 0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
@keyframes fadeInRight2 {
 from {
-webkit-transform: translate3d(5%, 0, 0);
transform: translate3d(5%, 0, 0);
opacity: 0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
.fadeInRight2 {
	-webkit-animation-name: fadeInRight2;
	animation-name: fadeInRight2
}
@-webkit-keyframes zoomLeft {
 from {
-webkit-transform: scale3d(0.3, .3, .3);
transform: scale3d(0.3, .3, .3);
opacity: 0
}
 50% {
opacity: 1
}
}
@keyframes zoomLeft {
 from {
-webkit-transform: scale3d(0.3, .3, .3);
transform: scale3d(0.3, .3, .3);
opacity: 0
}
 50% {
opacity: 1
}
}
.zoomLeft {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-animation-name: zoomLeft;
	animation-name: zoomLeft
}
.zoomRight {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation-name: zoomLeft;
	animation-name: zoomLeft
}
@-webkit-keyframes fadeInUp1 {
 from {
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
opacity: 0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
@keyframes fadeInUp1 {
 from {
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
opacity: 0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
.fadeInUp1 {
	-webkit-animation-name: fadeInUp1;
	animation-name: fadeInUp1
}
@-webkit-keyframes fadeInUp2 {
 from {
-webkit-transform: translate3d(0, 2%, 0);
transform: translate3d(0, 2%, 0);
opacity: 0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
@keyframes fadeInUp2 {
 from {
-webkit-transform: translate3d(0, 2%, 0);
transform: translate3d(0, 2%, 0);
opacity: 0
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
}
.fadeInUp2 {
	-webkit-animation-name: fadeInUp2;
	animation-name: fadeInUp2
}

.w1400{width:1400px;margin:0 auto;}
@media screen and (max-width:1440px){
    .w1400{ width:94%;}	
}

/*首页推荐产品*/
.abtjpro{ background:#edf0f7; min-height:630px; margin-top:90px; position:relative;}
.abbigbt{ text-align:center; position:absolute; top:-34px; left:50%; transform:translateX(-50%);}
.abbigbt p{color:#e7eaf1; font-size:76px; line-height:78px;font-family:impact; text-transform:uppercase;margin-bottom: -36px;}
.abbigbt span{ font-size:34px; font-weight:bold;}

.abtjpro .swiper-container2{ margin:65px 0 0; position:relative; z-index:9; overflow:hidden;}
.abtjpro ul{}
.abtjpro ul li{ background:#fff; width:23.5%;  padding:16px; float:left; transition: all .4s ease;}
.abtjpro ul li .pic{ display:block; width:100%; height:236px; position:relative; background:#fff;}
.abtjpro ul li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;}
.abtjpro ul li .name{ display:block; width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; border-top:1px solid #eee; padding-top:5px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.abtjpro ul li .yctext{ height:0; overflow:hidden; transition: all .4s ease;}
.abtjpro ul li .yctext p{ width:100%; height:48px; line-height:24px;color:#fff; font-size:15px; text-align:center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.abtjpro ul li .more{ display:block; width:34px; height:34px; margin:10px auto 0; border-radius:50%; background:#fff url(../images/morejt.png) center no-repeat; font-size:0;}
.abtjpro ul li:hover{ background:#ffd542;background: linear-gradient(139deg, #5bbaf0 10%, #ffd542);}
.abtjpro ul li:hover .name{ color:#fff; font-weight:bold;}
.abtjpro ul li:hover .yctext{ height:100px;}
@media screen and (max-width:1399px) {
	.abtjpro{ min-height:532px;}
	.abbigbt p{ font-size:66px;}
	.abbigbt span{ font-size:30px;}
	.abtjpro .swiper-container2{ margin:45px 0 0;}
	.abtjpro ul li .pic{ height:210px;}
	.abtjpro:before,.abtjpro:after{ width:800px; height:75px; background-size:100%;}
}
@media screen and (max-width:1199px) {
	.abtjpro{min-height: 490px;}
	.abtjpro .abbigbt{ top:-44px;}
	.abbigbt p{ font-size:60px;}
	.abtjpro .swiper-container2{margin: 30px 0 0;}
	.abtjpro ul li .pic{ height:200px;}
	.abtjpro:before,.abtjpro:after{ width:700px;}
}
@media screen and (max-width:1079px) {
	.abtjpro {min-height: 480px;}
	.abtjpro ul li{ padding:10px;}
	.abtjpro ul li .yctext{ display:none;}
}
@media screen and (max-width:767px) {
	.abtjpro{ min-height:300px; margin-top:0; padding:10px 0 25px; overflow:hidden;}
	.abbigbt { position:static; transform:none;}
	.abbigbt p{ font-size:50px;}
	.abbigbt span{ font-size:24px;}
	.abtjpro .swiper-container2{ margin:20px 0 0;}
	.abtjpro ul li .name{ font-size:15px; height:40px; line-height:40px;}
	.abtjpro:before,.abtjpro:after{ display:none;}
}
@media screen and (max-width:500px) {
	.abtjpro ul li .pic{ height:150px;}
}
/*首页产品展示*/
.abprobox {
	position: relative;
	padding-top: 30px;
	margin-top: 100px;
}

.abprobox .martop{ margin:97px 0 50px; overflow:hidden;}
.abprobox .proright{width: calc(100% - 345px); float:right;}
.abprobox .proright ul li{ width:44%; margin-right:2.4%; float:left; box-shadow: inset 0 0 0 5px #f7f6f6; background: #fff; padding:24px; margin-bottom:24px; overflow:hidden;position:relative;transition: all .4s ease;}
.abprobox .proright ul li:nth-child(2n){ margin-right:0;}
.abprobox .proright ul li::before, .abprobox .proright ul li::after { box-sizing: inherit; content: '';position: absolute;width: 100%; height: 100%;top: 0;left: 0;}
.abprobox .proright ul li::before { border-top: 5px solid #d61a29; border-bottom: 5px solid #d61a29;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transform-origin:left; transform-origin:left;}
.abprobox .proright ul li::after {border-left: 5px solid #d61a29;border-right: 5px solid #d61a29; -webkit-transform: scale3d(1, 0, 1);transform: scale3d(1, 0, 1);-webkit-transform-origin:bottom; transform-origin:bottom;}
.abprobox .proright ul li:hover::before, .abprobox .proright ul li:hover::after {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;}
.abprobox .proright ul li .text{ width:40%; float:left;position:relative; z-index:2;}
.abprobox .proright ul li .text .name{ font-size:20px; height:60px; line-height:30px; margin:10px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .4s ease;}
.abprobox .proright ul li:hover .text .name{ color:#d61a29;}
.abprobox .proright ul li .text p{ font-size:14px; color:#999; line-height:24px; height:72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.abprobox .proright ul li .text .more{ display:block; width:108px; height:32px;line-height:32px; border-radius:20px;background:#d61a29; text-align:center; color:#fff; margin-top:20px;transition: all .4s ease;}
.abprobox .proright ul li:hover .text .more{background:#d61a29;background: linear-gradient(-155deg, #5bbaf0 10%, #d61a29); }
.abprobox .proright ul li .pic{ display:block;width:56%; height:220px; float:right; position:relative; z-index:2; overflow:hidden;}
.abprobox .proright ul li .pic img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%;transition: all .4s ease;}
.abprobox .proright ul li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
@media screen and (max-width:1399px){
	.abprobox .abbigbt {top: -24px;}
	.abprobox .martop {margin: 97px 0 35px;}
	.abprobox .proright{width: calc(100% - 285px);}	
}
@media screen and (max-width:1079px){
	.abprobox .martop{ margin:87px 0 15px;}
	.abprobox .proright{width:100%; margin-top:25px;}
}
@media screen and (max-width:767px) {
	.abprobox{ padding:10px 0 0;}
	.abprobox .martop { margin:20px 0 10px;}
	.abprobox .proright{margin-top:20px;}
	.abprobox .proright ul li{ width:100%; margin-right:0; margin-bottom:10px;}
}
@media screen and (max-width:500px) {
	.abprobox .proright ul li{ width:48.5%; margin-right:3%; padding:10px;}
	.abprobox .proright ul li .pic{ width:100%; height:130px;}
	.abprobox .proright ul li .text{width:100%;}
	.abprobox .proright ul li .text .name{ font-size:15px; line-height:24px; height:24px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; margin:10px 0 0; text-align:center;}
	.abprobox .proright ul li .text p,.abprobox .proright ul li .text .more{ display:none;}
}
/*产品分类 开始*/
.proleft { width:305px; overflow:hidden; float:left;}
.proleft .cp_type{background-color:#d61a29; padding:26px 0 0;}
.cp_type .hd { width:100%; height:auto; margin:0 auto 26px; text-align:center;position:relative;}
.proleft .cp_type .hd:before{ content:""; display: block; background:url(../images/flbtbg1.png) left no-repeat; width:89px; height:165px; position:absolute; left:0; top:-26px;}
.proleft .cp_type .hd:after{content:""; display: block; background:url(../images/flbtbg2.png) left no-repeat; width:119px; height:179px; position:absolute; right:0; bottom:-25px;}
.cp_type .hd p { width:100%; color:#fff; font-size:40px; font-weight:bold; text-transform:uppercase;}
.cp_type .hd p img { display:block; width:28px; height:28px; margin:2px 10px 2px 0; padding:0; float:left;}
.cp_type .hd span { display:block;color:#fff; font-size:24px;}
.cp_type .hd i { display:none;}
.cp_type .hd em{ display:block; width:30px; height:5px; background:rgba(255,255,255,.3);margin:5px auto;}

.cp_type .bd{ position:relative; z-index:2;}
.cp_type .bd ul{background:#222; overflow:hidden;min-height: 200px;}
.cp_type .bd ul li {border-bottom:0px solid rgba(255,255,255,.3); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.cp_type .bd ul li p { height:74px;width: 88%; margin: 0 auto;position:relative; border-bottom:1px solid rgba(255,255,255,.3);}
.cp_type .bd ul li:last-child p{ border-bottom:0;}
.cp_type .bd ul li.on:last-child p{ border-bottom:1px solid rgba(255,255,255,.3);}
.cp_type .bd ul li p a { display:block;width: calc(100% - 40px); line-height:74px; padding:0; overflow: hidden;color:#fff; font-size:17px; white-space:nowrap; text-overflow: ellipsis; float:left;}
.cp_type .bd ul li p span { display:block; width:40px; height:100%; background:url(../images/mulu0.png) center center no-repeat; cursor:pointer; position:absolute; top:0; right:-5px;}
.cp_type .bd ul li div { display:none;}
.cp_type .bd ul li div a { display:block; height:40px; line-height:40px; color:rgba(255,255,255,.5); font-size:15px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;width: 88%;margin: 0 auto; padding:0 10px;}
.cp_type .bd ul li div a:first-child { margin-top:15px;}
.cp_type .bd ul li:last-child div a:last-child { margin-bottom:15px;}
.cp_type .bd ul li div a i { display:block; width:4px; height:4px; margin:13px 6px 13px 0; padding:0; border:1px solid #999; border-radius:50%; float:left;}
.cp_type .bd ul li div a:hover i { border:1px solid #d61a29;}
.cp_type .bd ul li p:hover a, .cp_type .bd ul li.on p a { color:#d61a29;}
.cp_type .bd ul li p:hover span { background:url(../images/mulu1.png) center center no-repeat;}
.cp_type .bd ul li.on p span { background:url(../images/mulu2.png) center center no-repeat;}
.cp_type .bd ul li div a:hover { color:#d61a29;}
.cp_type .bd ul li div a:hover:before{ background-position:0 -10px;}
.cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:92%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;}
.cp_type .bd ul a.ckqb:hover { background:#d61a29; color:#fff;}

.ProAll { width:100%; height:auto;border-top: 1px solid #eee;margin-top: 12px;}
.ProAll a { display:block; width:100%; height:58px; line-height:58px; overflow:hidden; color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 30px; position:relative;}
.ProAll a i { display:block; width:40px; height:100%; margin:0; padding:0; background:url(../images/mulu0.png) center center no-repeat; position:absolute; top:0; right:15px;}
.ProAll a:hover { background:#d61a29; color:#fff;}
.ProAll a:hover i { background:url(../images/mulu1.png) center center no-repeat;}

.cp_type .mlphone{ width:100%; background:#d61a29; text-align:center; padding:30px 0 40px;}
.cp_type .mlphone span{ color:#fff; font-size:20px; text-transform:uppercase;}
.cp_type .mlphone p{color:#fff; font-size:30px; font-weight:bold; margin:2px 0 16px;}
.cp_type .mlphone .allpro{ display:block; width:112px; height:37px; margin:0 auto;line-height:37px; text-align:center; color:#fff; font-size:15px; background:#222; transition: all .4s ease;}
.cp_type .mlphone .allpro:hover{background: #d61a29; color:#333;}

@media screen and (max-width:1399px){
	.proleft{ width:255px;}
	.cp_type .hd{margin: 0 auto 20px; padding:0 20px;}
	.cp_type .hd p{font-size:30px;}
	.cp_type .hd span{font-size:20px;}
	.cp_type .bd ul li p{ height:68px;}
	.cp_type .bd ul li p a{ line-height:68px;}
	.cp_type .bd ul li div a{height: 40px;line-height: 40px;}
	.ProAll a{font-size: 15px; padding: 0 20px;}
	.ProAll a i{ right:5px;}
}
@media screen and (max-width:1079px){
	.proleft{ width:100%;}
	.proleft .cp_type{ padding:10px 0 1px;}
	.cp_type .hd{ position:relative; padding:0 30px; text-align:left;margin: 0 auto 10px;}
	.proleft .cp_type .hd:before,.proleft .cp_type .hd:after{ display:none;}
	.cp_type .hd i{ display:block;  width: 40px;height: 40px; margin: 0; padding: 0;background: rgba(255,255,255,0.3) url(../images/mulu3.png) center center no-repeat; position: absolute;top:-3px;right:30px;}
	.cp_type .hd.on i{background: rgba(255,255,255,0.3) url(../images/mulu4.png) center center no-repeat;}
	.cp_type .hd p,.cp_type .hd em{ display:none;}
	.cp_type .hd span{ font-size:22px; font-weight:bold;}
	.cp_type .bd {display: none;}
	.cp_type .bd ul li p a{font-size: 16px;}
	.cp_type .bd ul li p span{}
	.ProAll a{font-size: 16px; padding: 0 30px;}
	.ProAll a i{ right:15px;}
	.cp_type .mlphone{ display:none;}
}
@media screen and (max-width:767px){
	.cp_type .hd{padding:0 20px;}
	.cp_type .hd p,.NyXgwz_Title p{ font-size:20px;}
	.cp_type .hd i{ right:20px;width: 34px;height: 34px;top:-1px;}
	.cp_type .hd span{ font-size:20px;}
	.cp_type .bd ul li p{ height:58px;}
	.cp_type .bd ul li p a{ line-height:58px;}
}
/*产品分类 结束*/