@charset "utf-8";

/* CSS Document */
input,
button,
select,
textarea {
	outline: none
}

a {
	transition: all 500ms ease;
	color: #333;
}

.content {
	font-family: Arial, 微软雅黑;
	color: #333;
	position: relative;
	font-size: 14px;
}

.banner {
	height: 775px;
}

.mySwiper {
	height: 100%;
	width: 100%;
}

.mySwiper .swiper-slide .word {
	position: absolute;
	color: #fff;
	left: 235px;
	top: 50%;
	margin-top: -238px;
	z-index: 2;
}

.mySwiper .swiper-slide .media {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.mySwiper .swiper-slide .word .title {
	font-size: 48px;
	font-weight: bolder;
	height: 60px;
	line-height: 60px;
	opacity: 0;
}

.mySwiper .swiper-slide .word .con {
	line-height: 30px;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 40px;
	opacity: 0;
}

.mySwiper .swiper-slide .word .link {
	opacity: 0;
}

.mySwiper .swiper-slide .word .m {
	opacity: 0;
	margin-top: 40px;
}

.mySwiper .swiper-slide .word .link a {
	display: inline-block;

	text-align: center;
}

.mySwiper .swiper-slide .word .link a img {
	transition: all 500ms ease;
}

.mySwiper .swiper-slide .word .link a:hover img {
	padding-left: 10px;
}

.mySwiper .swiper-slide-active .word .title {
	animation: fadeInLeft 500ms infinite;
	-webkit-animation: fadeInLeft 500ms infinite;
	/* Safari 和 Chrome */
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	/*Safari and Chrome*/
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	/* Safari 和 Chrome */
}

.mySwiper .swiper-slide-active .word .con {
	animation: fadeInLeft 500ms infinite;
	-webkit-animation: fadeInLeft 500ms infinite;
	/* Safari 和 Chrome */
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	/*Safari and Chrome*/
	animation-delay: 500ms;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	/* Safari 和 Chrome */
}

.mySwiper .swiper-slide-active .word .link {
	animation: fadeInLeft 500ms infinite;
	-webkit-animation: fadeInLeft 500ms infinite;
	/* Safari 和 Chrome */
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	/*Safari and Chrome*/
	animation-delay: 1000ms;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	/* Safari 和 Chrome */
}

.mySwiper .swiper-slide-active .word .m {
	animation: fadeInLeft 500ms infinite;
	-webkit-animation: fadeInLeft 500ms infinite;
	/* Safari 和 Chrome */
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-delay: 1500ms;
	/*Safari and Chrome*/
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	/* Safari 和 Chrome */
}

.mySwiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	text-align: center;
	line-height: 10px;
	font-size: 12px;
	color: #000;
	opacity: 1;
	background: #fff;
}

.mySwiper .swiper-pagination-bullet-active {
	color: #fff;
	background: #e6020e;
	width: 45px;
	border-radius: 5px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 30px
}

.top {
	height: 120px;
	width: 1400px;
	margin: 0 auto;
}

.top .right {
	float: right;
	padding-right: 30px;
}

.top .logo {
	float: left;
	margin-right: 30px;
	margin-top: 30px;
}

.top .nav {
	float: right;
	margin-right: 30px;
}

.top .nav .list li {
	float: left;
	padding: 0 35px;
	text-align: center;
	z-index: 100;
	background: url(../images/line.jpg) no-repeat right center;
}

.top .nav .list li:last-child {
	background: none;
}

.top .nav .list li .slist {
	position: absolute;
	width: 100%;
	left: 0;
	height: 65px;
	line-height: 65px;
	background: #f9f9f9;
	z-index: 1000;
	padding-left: 300px;
	box-sizing: border-box;
	font-size: 13px;
	border-top: 1px #dfdfdf solid;
	display: none;
}

.top .nav .list li .slist .li {
	float: left;
	margin-right: 30px;
}

.top .nav .list li a:hover {
	color: #e6020e;
}

.top .nav .list li .title {
	font-size: 16px;
	line-height: 120px;
}

.top .nav .list li.select .title a {
	color: #e6020e;
}

.top .search-mark {
	float: left;
	margin-top: 42px;
	cursor: pointer;
	border: 1px #333333 solid;
	border-radius: 50px;
	width: 28px;
	height: 25px;
	text-align: center;
	padding-top: 3px;
	margin-left: 15px;
}

.top .search-closed {
	float: left;
	margin-top: 42px;
	display: none;
	cursor: pointer;
	border: 1px #e6020e solid;
	border-radius: 50px;
	width: 28px;
	height: 20px;
	text-align: center;
	padding-top: 8px;
	margin-left: 15px;
}

.top .nav-mark {
	float: left;
	margin-top: 42px;
	display: none;
}

.top .line {
	float: left;
	width: 1px;
	height: 12px;
	background: #333;
	overflow: hidden;
	margin: 0 20px;
	margin-top: 29px;
}

.top .language {
	float: left;
	margin-top: 42px;
	text-align: center;
	border: 1px #333 solid;
	border-radius: 50px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	margin-left: 15px;
}

.search {
	background: #f9f9f9;
	border-top: 1px #dfdfdf solid;
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	padding: 30px 60px 30px;
	z-index: 100;
	display: none;
}

.search-txt {
	position: relative;
}

.search-txt .button {
	position: absolute;
	right: 0;
	background: #fff url(../images/button.jpg) no-repeat center center;
	width: 78px;
	height: 78px;
	border: none;
	cursor: pointer;
}

.text01 {
	background: #fff url(../images/mark008.png) no-repeat 25px center;
	border: none;
	height: 78px;
	padding: 0 0 0 55px;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
}

.search .title {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px #dfdfdf solid;
	height: 50px;
	line-height: 50px;
	margin-top: 15px;
}

.search .list {
	border-bottom: 1px #dfdfdf dotted;
	height: 40px;
	padding-bottom: 20px;
}

.search .list:last-child {
	border-bottom: none;
}

.search .list a {
	background: #fff;
	border: 1px #dfdfdf solid;
	padding: 10px 20px;
	margin-right: 15px;
	border-radius: 20px;
}

.search .list a:hover {
	background: #ec7820;
	border: 1px #ec7820 solid;
	color: #fff;
}

.search .tt {
	height: 80px;
	line-height: 80px;
	font-size: 14px;
}

.aboutus {
	width: 1400px;
	margin: 0 auto;
}

.aboutus .hd {
	width: 1570px;
	background: url(../images/mark02.png) no-repeat left center;
	height: 170px;
	margin-left: -85px;
	padding-left: 120px;
	line-height: 170px;
	font-size: 24px;
	position: relative;
}

.aboutus .hd .line {
	height: 1px;
	background: #ccc;
	width: 1137px;
	left: 152px;
	top: 120px;
	position: absolute;
}

.aboutus .bd {
	margin-top: 35px;
	position: relative;
}

.aboutus .bd .intro {
	width: 645px;
}

.aboutus .bd .media {
	left: 805px;
	position: absolute;
	top: 0;
}

.aboutus .bd .intro .title {
	font-size: 30px;
	font-weight: bolder;
	line-height: 50px;
	margin-bottom: 60px;
}

.aboutus .bd .intro .num-list {
	overflow: hidden;
	position: relative;
}

.aboutus .bd .intro .num-list .list {
	width: 130px;
	text-align: center;
	font-size: 16px;
	margin-right: 100px;
	margin-top: 60px;
	float: left;
}

.aboutus .bd .intro .num-list .list:last-child {
	margin-right: 0;
}

.aboutus .bd .intro .num-list .list .num {
	font-size: 48px;
	font-family: impact;
	color: #e4030f;
	margin-bottom: 30px;
}

.aboutus .bd .intro .link {
	margin-top: 60px;
}

.aboutus .bd .intro .link a {
	display: inline-block;
	border-radius: 10px;
	border: 1px #333 dashed;
	width: 160px;
	height: 46px;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
}

.aboutus .bd .intro .link a img {
	margin-left: 5px;
}

.aboutus-box {
	overflow: hidden;
}

.product-tt {
	position: relative;
}

.product-tt .swiper-slide {
	transition: all ease 500ms;
}

.product-tt .swiper-button-next:after,
.product-tt .swiper-button-prev:after {
	content: '';
}

.product-tt .swiper-button-next {
	top: 50%;
	left: -134px;

	width: 114px;
	background: url(../images/left.png) no-repeat center center;

	height: 114px;
	margin-top: -57px;
	transition: all ease 500ms;
}

.product-tt .swiper-button-prev {
	top: 50%;
	left: auto;
	right: -134px;
	width: 114px;
	background: url(../images/right.png) no-repeat center center;
	height: 114px;
	margin-top: -57px;
}

.product-tt .intro {
	background: url(../images/mark04.png) no-repeat center;
	color: #fff;
	text-align: center;
}

.product-tt .intro .title {
	font-size: 24px;
	font-weight: bolder;
}

.product-tt .intro .con {
	margin: 125px auto 0;
	width: 280px;
	height: 50px;
	overflow: hidden;
}

.product-tt .media {
	margin-top: 60px;
	padding-right: 17px;
	text-align: center;
}

.product-tt {
	background: url(../images/bg.jpg) no-repeat center top;
	background-size: 100% 880px;
	padding: 55px 0 0;
	margin-top: 80px;
	height: 825px;
}

.product-tt .hd {
	text-align: center;
}

.product-tt .bd {
	width: 1400px;
	margin: 80px auto 0;
	position: relative;
}

.product-tt .swiper-slide {
	background: url(../images/mark05.png) no-repeat right center;
}

.product-tt .link-list {
	background: #e4030f;
	width: 1340px;
	padding: 30px;
	margin: 60px auto 0;
	position: relative;
}

.product-tt .link-list .list {
	height: 74px;
	float: left;
	width: 334px;
	line-height: 74px;

}

.link-box {
	font-size: 18px;
	font-weight: 400;
	border-right: 1px #f8bec1 dashed;
	border-bottom: 1px #f8bec1 dashed;
	overflow: hidden;
	text-align: center;
}

.product-tt .link-list .list a {
	display: inline-block;
	border: 1px #f8bec1 dashed;
	width: 334px;
	border-right: none;
	border-bottom: none;
	color: #fff;
}

.product-tt .link-list .mark {
	position: absolute;
	background: #f8bec1;
	width: 5px;
	height: 5px;
	border-radius: 20px;
	left: 38px;
	top: 28px;
}

.product-tt .link-list .mark01 {
	left: 28px;
	top: 28px;
}

.product-tt .link-list .mark02 {
	left: 362px;
	top: 28px;
}

.product-tt .link-list .mark03 {
	left: 696px;
	top: 28px;
}

.product-tt .link-list .mark04 {
	left: 1030px;
	top: 28px;
}

.product-tt .link-list .mark05 {
	left: 1367px;
	top: 28px;
}

.product-tt .link-list .mark06 {
	left: 28px;
	top: 102px;
}

.product-tt .link-list .mark07 {
	left: 362px;
	top: 102px;
}

.product-tt .link-list .mark08 {
	left: 696px;
	top: 102px;
}

.product-tt .link-list .mark09 {
	left: 1030px;
	top: 102px;
}

.product-tt .link-list .mark10 {
	left: 1367px;
	top: 102px;
}

.product-tt .link-list .mark11 {
	left: 28px;
	top: 176px;
}

.product-tt .link-list .mark12 {
	left: 362px;
	top: 176px;
}

.product-tt .link-list .mark13 {
	left: 696px;
	top: 176px;
}

.product-tt .link-list .mark14 {
	left: 1030px;
	top: 176px;
}

.product-tt .link-list .mark15 {
	left: 1367px;
	top: 176px;
}

.product-box {
	background: #f1f2f6;
	padding-top: 95px;
	padding-bottom: 50px;
}

.product {
	width: 1400px;
	margin: 0px auto 0;
}

.product .hd {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px #ccc solid;
}

.product .hd .more {
	float: right;
}

.product .hd .more a {
	color: #888;
	font-weight: bold;
	background: url(../images/mark07.png) no-repeat right center;
	padding-right: 15px;
}

.product .hd .title {
	font-size: 28px;
	font-weight: bolder;
	background: url(../images/mark06.png) no-repeat left center;
	padding-left: 40px;
}

.product .bd .list {
	overflow: hidden;
}

.product .bd .list li {
	float: left;
	width: 402px;
	margin-right: 30px;
	background: #fff;
	margin-top: 30px;
	padding: 22px;
	transition: all ease 500ms;
}

.product .bd .list li.llast {
	margin-right: 0px;
}

.product .bd .list li .media {}

.product .bd .list li .title {
	font-weight: bolder;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	margin-top: 10px;
}

.product .bd .list li .link {
	text-align: right;
}

.product .bd .list li .link a {
	background: url(../images/mark08.png) no-repeat;
	display: inline-block;
	width: 95px;
	height: 33px;
}

.product .bd .list li:hover {
	background: #e4030f;
}

.product .bd .list li:hover .title a {
	color: #fff;
}

.product .bd .list li:hover .link a {
	background: url(../images/mark08s.png) no-repeat;
}

.case {
	width: 1400px;
	margin: 30px auto 30px;
	overflow: hidden;
}

.case .hd {
	height: 60px;
	line-height: 60px;
}

.case .hd .more {
	float: right;
}

.case .hd .more a {
	color: #888;
	font-weight: bold;
	background: url(../images/mark07.png) no-repeat right center;
	padding-right: 15px;
}

.case .hd .title {
	font-size: 28px;
	font-weight: bolder;
	background: url(../images/mark06.png) no-repeat left center;
	padding-left: 40px;
}

.case .bd {
	margin-top: 30px;
	overflow: hidden;
}

.case .bd .media {
	float: left;
	width: 570px;
	margin-right: 95px;
	position: relative;
}

.case .bd .media .info {
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 95px;
	color: #fff;
	background: url(../images/bbg.png) repeat;
	right: 0;
	padding: 15px 30px;
	height: 60px;

}

.case .bd .media .info a {
	color: #fff;

}

.case .bd .media .info .time {
	float: left;
	width: 58px;
	text-align: center;
	margin-right: 40px;
}

.case .bd .media .info .time .num {
	font-size: 44px;
	font-weight: bolder;
	height: 40px;
	line-height: 40px;
	margin-bottom: 6px;
}

.case .bd .media .info .tt {
	line-height: 60px;
	overflow: hidden;
	height: 60px;
	font-size: 18px;
}

.case .bd .intro {
	width: 730px;
	float: left;
}

.case .bd .intro .list li {
	overflow: hidden;
	padding: 23px 0;
	border-bottom: 1px #ccc solid;
}

.case .bd .intro .list li:first-child {
	padding-top: 5px;
}

.case .bd .intro .list li .time {
	float: left;
	width: 58px;
	text-align: center;
	margin-right: 40px;
}

.case .bd .intro .list li .time .num {
	font-size: 44px;
	font-weight: bolder;
	height: 40px;
	line-height: 40px;
}

.case .bd .intro .list li .c {
	color: #888;
	margin-top: 10px;
}

.case .bd .intro .list li .tt {
	font-weight: bolder;
	font-size: 18px;
	height: 25px;
	overflow: hidden;
}

.case .bd .intro .list li:hover .time {
	color: #e6020e;
}

.footer {
	background: #232c33;
	padding: 45px 0 0;
}

.footercon {
	margin: 0 auto;
	width: 1400px;
}

.footercon .ctus {
	overflow: hidden;
}

.footercon .ctus .media {
	float: left;
}

.footercon .ctus .intro {
	border-top: 1px #585e64 solid;
	border-bottom: 1px #585e64 solid;
	float: left;
	width: 1290px;
	color: #fff;
	overflow: hidden;
}

.footercon .ctus .intro .tt {
	line-height: 108px;
	float: left;
	background: url(../images/line01.jpg) no-repeat right center;
	padding: 0 25px 0;
	width: 175px;
}

.footercon .ctus .intro .tel {
	float: left;
	background: url(../images/line01.jpg) no-repeat right center;
	padding: 30px 65px 0;
	width: 335px;
	height: 78px;
	font-size: 12px;
}

.footercon .ctus .intro .tel .m {
	float: left;
	margin-right: 15px;
}

.footercon .ctus .intro .tel .c .name {
	font-size: 14px;
}

.footercon .ctus .intro .tel .c .num {
	font-size: 24px;
	color: #e4030f;
	font-weight: bolder;
	margin-left: 5px;
}

.footercon .ctus .intro .address {
	float: left;
	padding: 0px 65px 0;
	width: 460px;
	font-size: 12px;
}

.footercon .ctus .intro .address .m {
	float: left;
	margin-right: 15px;
	margin-top: 30px;
}

.footercon .ctus .intro .address .c {
	float: left;
	width: 399px;
	margin-top: 20px;
}

.footercon .qlink {
	color: #fff;
	padding: 30px 0;
	line-height: 37px;
	overflow: hidden;
}

.footercon .qlink a {
	color: #fff;
	margin-right: 20px;
}

.footercon .qlink .tt {
	float: left;
	background: url(../images/ttbg.png) no-repeat;
	width: 110px;
	line-height: 37px;
	height: 37px;
	padding-left: 15px;
	font-weight: bolder;
}

.footer .copy {
	color: #a0a0a0;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background: #182128;
}

.footer .copy a {
	color: #a0a0a0;
}

.ibanner .info {
	width: 1400px;
	margin: 0 auto;
	padding: 180px 0 0;
	color: #fff;
	font-size: 50px;
	font-weight: bolder;
	line-height: 70px;
}

.ibanner .info .line {
	width: 95px;
	height: 4px;
	background: #e6020e;
}

.position {
	background: #eff1f5;
	height: 80px;
	line-height: 78px;
}

.position-con {
	width: 1400px;
	margin: 0 auto;
}

.position-con .right {
	float: right;
	background: url(../images/mark10.png) no-repeat left center;
	padding-left: 30px;
}

.position-con .inav {
	font-size: 16px;
	margin-right: 200px;
}

.position-con .inav a {
	display: inline-block;
	padding: 0 20px;
}

.position-con .inav01 a.select {
	border-bottom: 2px #e6020e solid;
}
.position-con .inav01 {
	font-size: 14px;
}

.position-con .inav01 a {
	display: inline-block;
	padding: 0 20px;
}

.position-con .inav a.select {
	border-bottom: 2px #e6020e solid;
}

.aboutus-info,
.case-detail {
	width: 1400px;
	margin: 0 auto;
	padding: 60px 0;
}

.aboutus-info .hd {
	font-size: 30px;
	font-weight: bolder;
	line-height: 40px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.aboutus-info .num-list {
	overflow: hidden;
	position: relative;
	width: 600px;
	margin: 0 auto;
}

.aboutus-info .num-list .list {
	width: 130px;
	text-align: center;
	font-size: 16px;
	margin-right: 100px;
	margin-top: 60px;
	float: left;
}

.aboutus-info .num-list .list:last-child {
	margin-right: 0;
}

.aboutus-info .num-list .list .num {
	font-size: 48px;
	font-family: impact;
	color: #e4030f;
	margin-bottom: 30px;
}

.aboutus-info .title {
	font-size: 30px;
	font-weight: bolder;
	line-height: 40px;
	margin-bottom: 50px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 70px;
}

.aboutus-info .media {
	position: relative;
}

.aboutus-info .media .link {
	position: absolute;
	left: 0;
	top: 0;
	width: 370px;
	height: 205px;
}

.aboutus-info .media .link a {
	display: block;
	width: 100%;
	height: 100%;
}

.aboutus-info .media .link01 {
	left: 400px;
	width: 242px;
}

.aboutus-info .media .link02 {
	left: 700px;
	width: 264px;
}

.aboutus-info .media .link03 {
	left: 985px;
	width: 415px;
}

.aboutus-info .media .link04 {
	left: 1050px;
	top: 610px;
	width: 290px;
}

.aboutus-info .media .link05 {
	left: 725px;
	top: 610px;
	width: 290px;
}

.aboutus-info .media .link06 {
	left: 413px;
	top: 603px;
	width: 220px;
}

.aboutus-info .media .link07 {
	left: 0;
	top: 603px;
	width: 414px;
}

.case-list {
	margin: 0 auto;
	width: 1400px;
	padding: 60px 0;
}

.product-center {
	margin: 0 auto;
	width: 1400px;


}

.case-list .list {
	border-bottom: 1px #ccc solid;
}

.case-list .list li {
	border-top: 1px #ccc solid;
	padding: 30px 0;
	overflow: hidden;
}

.case-list .list li .time {
	float: left;
}

.case-list .list li .time .num {
	font-size: 44px;
	font-weight: bolder;
	line-height: 50px;
}

.case-list .list li .time .c {
	margin: 0px 0 20px;
}

.case-list .list li .media {
	float: right;
}

.case-list .list li .info {
	margin: 0 200px 0 155px;
	color: #888888;
}

.case-list .list li .info .title {
	font-size: 18px;
	font-weight: bolder;
	margin-bottom: 10px;
}

.case-list .list li:hover .info .title a {
	color: #e6020e;
}

.case-list .list li .time .link {
	transition: all ease 500ms;
}

.case-list .list li:hover .time .link {
	transform: translateX(20px);
}

.page {
	padding: 45px 0;
	text-align: center;
	color: #333;
	font-size: 16px;
}

.page a {
	border: 1px solid #dfdfdf;
	margin-left: 5px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	color: #666;
	border-radius: 100px;
}

.page a:hover {
	border: 1px solid #e6020e;
	color: #e6020e;
}

.page span {
	border: 1px solid #dfdfdf;
	margin-right: 5px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	color: #999;
	border-radius: 100px;
}

.page span.current {
	border: 1px solid #e6020e;
	color: #e6020e;
	font-weight: bolder;
	border-radius: 100px;
}

.page .page-num-current {
	border: 1px solid #e6020e;
	color: #e6020e;
	font-weight: bolder;
	border-radius: 100px;
}

.case-detail .hd {
	font-size: 24px;
	font-weight: bolder;
	text-align: center;
	border-bottom: 1px #ccc solid;
	padding-bottom: 25px;
	text-align: center;
}

.case-detail .time {
	text-align: center;
	color: #888;
	padding: 22px 0;
}

.case-detail .con {
	padding: 20px 0;
}

.case-detail .m {
	text-align: center;
}

.case-detail .clink {
	margin-bottom: 50px;
	font-size: 14px;
}

.case-detail .clink-box {
	background: #f4f4f4;
	height: 95px;
	padding: 0 30px;
	line-height: 95px;
}

.case-detail .clink-box .r {
	background: url(../images/mark044.png) no-repeat right center;
	padding-right: 25px;
	float: right;
}

.case-detail .clink-box .l {
	background: url(../images/lmark044.png) no-repeat left center;
	padding-left: 25px;
}

.product-center .bd .list {
	overflow: hidden;
}

.product-center .bd .list li {
	float: left;
	width: 402px;
	margin-right: 30px;
	background: #f3f3f3;
	margin-top: 30px;
	padding: 22px;
	transition: all ease 500ms;
}

.product-center .bd .list li.llast {
	margin-right: 0px;
}

.product-center .bd .list li .media {}

.product-center .bd .list li .title {
	font-weight: bolder;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	margin-top: 10px;
}

.product-center .bd .list li .link {
	text-align: right;
}

.product-center .bd .list li .link a {
	background: url(../images/mark08.png) no-repeat;
	display: inline-block;
	width: 95px;
	height: 33px;
}

.product-center .bd .list li:hover {
	background: #e4030f;
}

.product-center .bd .list li:hover .title a {
	color: #fff;
}

.product-center .bd .list li:hover .link a {
	background: url(../images/mark08s.png) no-repeat;
}

.product-detail {
	width: 1400px;
	margin: 0 auto;
	padding: 40px 0;
}

.product-detail .detail {
	overflow: hidden;
}

.product-detail .media {
	float: left;
	width: 670px;
	overflow: hidden;
}

.product-detail .media .swiper {
	width: 100%;
	height: 100%;
}

.product-detail .media .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-detail .media .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-detail .media .swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.product-detail .media .swiper-slide {
	background-size: cover;
	background-position: center;
}

.product-detail .media .mySwiper2 {
	height: 80%;
	width: 100%;
	position: relative;
}

.product-detail .media .mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}

.product-detail .media .mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
	cursor: pointer;
	position: relative;
	
}
.product-detail .media .mySwiper .swiper-slide .video{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -17px;
	margin-left: -17px;
}
.product-detail .media .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.product-detail .media .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product-detail .media .swiper-button-next, .product-detail .media .swiper-button-prev{
	color: #fff;
}
.product-detail .intro{
	width: 685px;
	float: right;
}
.product-detail .intro .title{
	font-size: 38px;
	font-weight: bolder;
	border-bottom: 1px #ccc solid;
	padding-bottom: 20px;
	line-height: 40px;
}
.product-detail .intro .con{
	margin: 25px 0;
}
.product-detail .intro .tel{
	font-weight: bolder;
	font-size: 20px;
	margin: 20px 0;
	line-height: 50px;
}
.product-detail .intro .tel .num{
	font-family: impact;
	color: #e6020e;
	font-size: 36px;
}
.product-detail .intro .link{
	margin-top: 30px;
}
.product-detail .intro .link a{
	display: inline-block;
	height: 56px;
	line-height: 56px;
	color: #fff;
	background: #e6020e url(../images/mark11.png) no-repeat 40px center;
	padding-left: 30px;
	text-align: center;
	width: 180px;
	margin-right: 15px;
	font-size: 16px;
}
.product-detail .intro .link a.r{
	display: inline-block;
	height: 56px;
	line-height: 56px;
	color: #fff;
	background: #555555 url(../images/mark12.png) no-repeat 40px center;
	padding-left: 50px;
	text-align: center;
	width: 230px;
	margin-right: 15px;
	font-size: 16px;
}

.technical .hd {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px #ccc solid;
	margin: 50px 0;
}
.technical .hd .title {
	font-size: 28px;
	font-weight: bolder;
	background: url(../images/mark06.png) no-repeat left center;
	padding-left: 40px;
}
.contact {
	position: relative;
	overflow: hidden;
}
.contact .info {
	position: absolute;
	background: #fff;
	left: 60px;
	height: 335px;
	margin-top: -210px;
	top: 50%;
	width: 680px;
	padding: 40px 40px 20px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	border-bottom: 5px #e96000 solid;
	z-index: 1;
}

.contact .info .li {
	float: left;
	width: 60%;
	box-sizing: border-box;
	padding-right: 80px;
}

.contact .info .li01 {
	width: 40%;
}

.contact .info .li .title {
	font-size: 18px;
	font-weight: bolder;
	background: url(../images/cmark.png) no-repeat left center;
	padding-left: 30px;
}

.contact .info .li01 .title {
	font-size: 18px;
	font-weight: bolder;
	background: url(../images/cmark01.png) no-repeat left center;
	padding-left: 30px;
}

.contact .info .li .con {
	padding-left: 30px;
	font-size: 16px;
	color: #666;
	margin-top: 20px;
}

.contact .info .other {
	border-top: 1px #dfdfdf solid;
	margin-top: 20px;
}

.contact .info .other .cleft {
	float: left;
	width: 60%;
}

.contact .info .other .cright {
	float: left;
	width: 40%;
}

.contact .info .other .cli {
	padding-top: 20px;
}

.contact .info .other .cli01 .title {
	font-size: 18px;
	font-weight: bolder;
	background: url(../images/cmark02.png) no-repeat left center;
	padding-left: 30px;
}

.contact .info .other .cli02 .title {
	font-size: 18px;
	font-weight: bolder;
	background: url(../images/cmark03.png) no-repeat left center;
	padding-left: 30px;
}

.contact .info .other .cli03 .title {
	font-size: 18px;
	font-weight: bolder;
	background: url(../images/cmark04.png) no-repeat left center;
	padding-left: 30px;
}

.contact .info .other .cli02 {
	margin-top: 20px;
}

.contact .info .other .con {
	padding-left: 30px;
	font-size: 16px;
	color: #666;
	margin-top: 20px;
}
.message-info{
	width: 1400px;
	margin: 0 auto;
	padding: 30px 0 50px;
}
.message-info .hd {
	height: 50px;
	line-height: 60px;
}
.message-info .hd .title {
	font-size: 28px;
	font-weight: bolder;
	background: url(../images/mark06.png) no-repeat left center;
	padding-left: 40px;
}
.message-info .bd {
	font-size: 16px;
}

.message-info .bd .li {
	margin-top: 45px;
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 10px;
}

.message-info .bd .li01 {
	padding: 0 10px;
	margin-top: 45px;
}

.message-info .bd .li02 {
	margin-top: 45px;
	text-align: center;
}

.text02 {
	border: 1px #ccc solid;
	height: 55px;
	line-height: 55px;
	box-sizing: border-box;
	padding: 0 15px;
	width: 100%;
}

.text03 {
	border: 1px #ccc solid;
	height: 75px;
	line-height: 55px;
	box-sizing: border-box;
	padding: 0 15px;
	width: 100%;
}

.message-info .bd .c {
	margin-top: 10px;
}

.button01 {
	background: #555555;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	width: 640px;
	height: 58px;
}