body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	line-height:1;
}
body {
	color: #333;
	font-size: 14px !important;
	background: #fff;
	font-family: "PingFang SC","Arial", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", -apple-system, SimSun, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x:hidden;
}
@font-face {
	font-family: "myFont";
	src: url("../fonts/Futura.ttf");
}
td,
th,
caption {
	font-size: 14px;
}
a {
	color: #333;
	text-decoration: none !important;
}
a:hover {
	text-decoration: none !important;
}
a:visited,
a:focus,
a:hover {
	text-decoration: none;
	color: #333;
}
img {
	border: 0;
	vertical-align: middle;
}
img {
	border: none;
}
ol,
ul,
li {
	list-style: none;
}
input,
textarea,
select,
button {
	vertical-align: middle;
	font-size: 14px;
	font-family: inherit;
	line-height: normal;
	outline: none;
}
button {
	cursor: pointer;
}
table {
	border-collapse: collapse;
}
video {
	object-fit: contain;
}
.block {
	width: 1600px;
	margin: 0 auto;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	*zoom: 1;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
}


/*右侧图标*/
.index-right-box{
	position:fixed;
	right:30px;
	z-index:999;
	top:50%;
	transform:translateY(-50%);
}
.index-right-box .icon-box{
	position:relative;
}
.index-right-box .icon-box span{
	position:absolute;
	top: 50%;
   right: calc(100% + 5px);
   transform: translateY(-50%);
   display:none;
}
.index-right-box .icon-box:hover span{
	display:inline-block;
}
.index-right-box .icon-box:nth-child(1) span{
   background-color: #fff;
   line-height: 46px;
   color: #333;
   padding: 0 10px;
   border-radius: 5px;
   font-size: 20px;
   white-space: nowrap;
}
.index-right-box .icon-box:nth-child(2) span img{
	width:140px;
	height:140px;
}
.index-right-box .icon-box span:before{
	content: '';
   width: 0;
   border: 7px solid transparent;
   border-left: 7px solid #fff;
   position: absolute;
   top: 50%;
   left: 100%;
   transform: translateY(-50%);
}
.index-right-box .icon-box:nth-child(4) span,
.index-right-box .icon-box:nth-child(3) span{
	display:none;
}






/*顶部*/
.public-header{
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	height:100px;
	line-height:100px;
	box-sizing: border-box;
	background:#fff;
	box-shadow:0 0 20px 0px rgba(0, 0, 0, 0.18);
}
.public-header .body-box{
	width:1500px;
	display:flex;
	justify-content:space-between;
	line-height:100px;
}
.public-header .body-box .logo-box{
	line-height:100px;
	position:relative;
	z-index:100;
}
.public-header.on .body-box .logo-box img,
.public-header .body-box .logo-box img.active{
	display:none;
}
.public-header.on .body-box .logo-box img.active{
	display:inline-block;
}
.public-header .body-box .right-box{
	display:flex;
	justify-content:flex-end;
}
.public-header .body-box .right-box ul{
	display:flex;
	justify-content:space-between;
}
.public-header .body-box .right-box ul li > a{
	position:relative;
}
.public-header .body-box .right-box a{
	position:relative;
	margin-left:50px;
	font-size:16px;
	line-height:100px;
	color:#1C1C1A;
	display:inline-block;
}
.public-header .body-box .right-box li:hover > a,
.public-header .body-box .right-box li.active > a{
	color:#D13031;
}
.public-header .body-box .right-box .search-box{
	position:relative;
	margin-top:32px;
	margin-left:50px;
	box-sizing:border-box;
}
.public-header .body-box .right-box .search-box .icon-box{
	position:absolute;
	left:10px;
	top:10px;
}
.public-header .body-box .right-box .search-box .icon-box img{
	height:14px;
}
.public-header .body-box .right-box .search-box input{
	width:180px;
	height:35px;
	line-height:35px;
	padding-left:40px;
	border:1px solid #e0e0e0;
	font-size:14px;
	color:#333435;
	box-sizing:border-box;
}





a.public_more {
	position: relative;
	display: inline-block;
	width: 130px;
	height: 38px;
	border: 1px solid #000000;
	line-height:35px;
	text-align: center;
	transition: all 0.3s;
	box-sizing: border-box;
	overflow: hidden;
}
a.public_more span {
	position: relative;
	color: #080404;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
}
a.public_more:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #D13031;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
a.public_more:hover:before,
a.public_more:focus:before,
a.public_more:hover:before {
	right: auto;
	left: 0;
	width: 100%;
}
a.public_more:hover {
	border-color: #D13031;
}
a.public_more:hover span {
	color: #fff;
}



/*通用标题*/
.public-title{
	text-align:center;
}
.public-title h3{
	position:relative;
	font-size:36px;
	font-family:'myFont';
	color:#D13031;
	margin-bottom:10px;
}
.public-title p{
	font-size:36px;
	color:#080404;
	font-weight:700;
}





/*底部*/
.public-footer {
	background:url('../images/img_3.png') center center no-repeat;
	background-size:cover;
	padding-top:100px;
	box-sizing:border-box;
}
.public-footer .top-box{
	display:flex;
	justify-content:space-between;
	padding-bottom:100px;
	box-sizing:border-box;
}
.public-footer .top-box .left-box{
	width:14%;
}
.public-footer .top-box .left-box .title-box h3{
	font-size:16px;
	color:#F5F5F5;
	margin-bottom:15px;
	line-height:1.6;
}
.public-footer .top-box .left-box .title-box p{
	font-size:14px;
	color:#F5F5F5;
	line-height:30px;
}
.public-footer .top-box .left-box .icons-box{
	display:flex;
	margin-top:40px;
}
.public-footer .top-box .left-box .icons-box .icon-box{
	position:relative;
	margin-right:15px;
}
.public-footer .top-box .left-box .icons-box .icon-box .er-box{
	display:none;
}
.public-footer .top-box .left-box .icons-box .icon-box.active .er-box{
	display:inline-block;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:35px;
}
.public-footer .top-box .left-box .icons-box .icon-box.active .er-box:before{
	position:absolute;
	content:'';
	background:url('../images/icon_14.png') center center no-repeat;
	background-size:100% 100%;
	width:17px;
	height:9px;
	top:-9px;
	left:50%;
	transform:translateX(-50%);
}
.public-footer .top-box .left-box .icons-box .icon-box.active .er-box img{
	width:123px;
	height:123px;
}
.public-footer .top-box .form-box{
	width:86%;
	padding-left:16%;
	box-sizing:border-box;
}
.public-footer .top-box .form-box .col-md-2{
	display:flex;
	justify-content:space-between;
}
.public-footer .top-box .form-box .col-md-2 .input-box{
	width:32%;
}
.public-footer .top-box .form-box .input-box input{
	background:transparent;
	border:none;
	border-bottom:1px solid #CFCFCF;
	width:100%;
	height:42px;
	line-height:42px;
	color:#fff;
}
.public-footer .top-box .form-box textarea{
	margin-top:10px;
	background:transparent;
	border:none;
	border-bottom:1px solid #CFCFCF;
	width:100%;
	height:100px;
	color:#fff;
}
.public-footer .top-box .form-box textarea::-webkit-input-placeholder,
.public-footer .top-box .form-box .input-box input::-webkit-input-placeholder{
	font-size:14px;
	color:#fff;
}
.public-footer .top-box .form-box .btn-box{
	margin-top:50px;
}
.public-footer .top-box .form-box .btn-box input{
	background:transparent;
	width:120px;
	height:40px;
	border:1px solid #CFCFCF;
	color:#F5F5F5;
	font-size:14px;
}
.public-footer .info-box{
	border-top:1px solid #e4e4e4;
	text-align:right;
}
.public-footer .info-box p{
	color:#f5f5f5;
	height:67px;
	line-height:67px;
}








.public-pagination .swiper-pagination-bullet {
	width:10px !important;
	height:10px !important;
	margin-left:5px !important;
	margin-right:5px !important;
	border:1px solid #080404;
	background:transparent;
}
.public-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background:#D13031;
	border-color:#D13031;
}
.public-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
	display:none;
}





/*视频*/
.video-pop {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999999999;
}
.video-pop .pop-bg {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}
.video-pop .video-box {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.video-pop .video-box video {
	outline: none;
	width: 750px;
	height: auto;
}


@media screen and (max-width: 1680px) {
	.block {
		width: 1300px !important;
	}
}
/*# sourceMappingURL=./common.css.map */