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", "Helvetica Neue", "Helvetica", "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: "din_B";src: url("../fonts/DIN-Black.otf");}
@font-face {font-family: "SourceHanSerifSC";src: url("../fonts/SourceHanSerifSC-Regular.otf");}
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:83%;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;}
/*顶部*/
.public-header{position:fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 999;height:90px;line-height:90px;padding-left:80px;padding-right:80px;box-sizing: border-box;background:#fff;box-shadow:0 0 20px 0px rgba(0, 0, 0, 0.18);}
.public-header .body-box{	display:flex;	justify-content:space-between;	line-height:90px;}
.public-header .body-box .logo-box{ margin-top:15px;}
.public-header .body-box .right-box{	display:flex;	justify-content:flex-end;}
.public-header .body-box .right-box a{	margin-left:50px;	font-size:16px;	font-weight:300;	line-height:90px;}
.public-header .body-box .right-box .menu{	margin-left:100px;	font-size:16px;	font-weight:300;}
.public-header .body-box .right-box .lcbody {display: inline-block;position: relative;width:16px;height:13px;}
.public-header .body-box .right-box .lcbody .lcitem {width: 100%;height:1px;background:#505050;position: absolute;transform-origin: left top;transition: transform 0.4s;}
.public-header .body-box .right-box .lcbody .lcitem div {position: absolute;width: 100%;height: 100%;top: 0;left: auto;right: 0;background:#505050;}
.public-header .body-box .right-box .lcbody .lcitem.center {top:6px;right:0;}
.public-header .body-box .right-box .lcbody .lcitem.bottom {bottom:0px;}
.public-header .body-box .right-box .lcbody .lcitem.hide {	width:10px;display: block;opacity:1;}
.public-header.on .toggle-btn {z-index: 9999;}
.public-header.on .body-box .right-box .lcbody .lcitem.hide {background-color:transparent;opacity:0;}
.public-header.on .body-box .right-box .lcbody .lcitem.top{-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #fff;}
.public-header.on .body-box .right-box .lcbody .lcitem.bottom{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #fff;}
.public-header .nav-list{	position:fixed;	background:#fff;	top:90px;	bottom:0;	width:260px;	padding-top:50px;	box-sizing:border-box;	right:-260px;	transition:all .5s;}
.public-header .nav-list.active{	right:0;}
.public-header .nav-list li{	line-height:22px;	text-align:center;	padding-bottom:35px;	box-sizing:border-box;	position:relative;}
.public-header .nav-list li:before{	position:absolute;	content:'';	width:0;	background:#BFBFBF;	height:1px;	top:20px;	transition:all .5s;}
.public-header .nav-list li p{	line-height:22px;}
.public-header .nav-list li:hover p{	transform:translateX(-40px);}
.public-header .nav-list li:hover p:nth-child(1){	color:#FF3312;}
.public-header .nav-list li:hover:before{	width:55px;}
.public-header .nav-list li p:nth-child(1){	font-size:16px;	color:#333333;	transition:all .5s;}
.public-header .nav-list li p:nth-child(2){	font-size:12px;	color:#BFBFBF;	transition:all .5s; text-transform:uppercase;}
.public-header .nav-list .er-box{	text-align:center;	margin-top:15px;}
.public-header .nav-list .er-box .img-box img{	width:100px;	height:100px;}
.public-header .nav-list .er-box p{	font-size:14px;	line-height:1;	margin-top:15px;}
a.public_more {  position: relative;  display: inline-block;  width: 155px;  height: 42px;  border: 1px solid #bfbfbf;  line-height: 40px;  text-align: center;  transition: all 0.3s;  box-sizing: border-box;  border-radius: 30px;  overflow: hidden;}
a.public_more span {  position: relative;  color: #666666;  font-size: 18px;  display: inline-block;  vertical-align: middle;}
a.public_more:before {  content: '';  position: absolute;  right: 0;  top: 0;  width: 0;  height: 100%;  background: #de771e;  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: #de771e;}
a.public_more:hover span {  color: #fff;}
/*底部*/
.public-footer {  background: #212121;  background-size: cover;  overflow: hidden;  padding-top:44px;}
.public-footer .top-box {  padding-left: 80px;  margin-bottom: 70px;}
.public-footer .body-box {  position: relative;  box-sizing: border-box;  margin-bottom: 56px;  display: flex;  padding-right: 45px;  justify-content: space-between;  width:85%;}
.public-footer .body-box .left-box .link-box {  display: flex;  justify-content: space-between;}
.public-footer .body-box .left-box .link-box dl {  margin-right: 100px;}
.public-footer .body-box .left-box .link-box dl:last-child {  margin-right: 0;}
.public-footer .body-box .left-box .link-box dl dt {  font-size: 16px;  color: #fff;  line-height: 1;  margin-bottom: 15px;}
.public-footer .body-box .left-box .link-box dl dd a {  font-size: 14px;  color: #999999;  line-height: 2;  transition: all 0.3s;}
.public-footer .body-box .left-box .link-box dl dd a:hover {  color: #fff;}
.public-footer .body-box .right-box .tel-box p {  font-size: 16px;  color: #999999;  margin-bottom: 25px;}
.public-footer .body-box .right-box .tel-box h3 {  color: #fff;  font-weight: 400;  font-size: 30px;}
.public-footer .body-box .right-box .tel-box h3 img {  margin-right: 10px;  position: relative;  top: -2px;}
.public-footer .body-box .right-box .er-box {  margin-top: 45px;}
.public-footer .body-box .right-box .er-box img{	width:100px;	height:100px;}
.public-footer .body-box .right-box .er-box p {  font-size: 14px;  color: #999999;  margin-bottom: 25px;}
.public-footer .copy-box {  text-align: center;  border-top: 1px solid rgba(255, 255, 255, 0.1);  line-height: 100px;  padding-left: 80px;  padding-right: 80px;}
.public-footer .copy-box .info-box {  display: flex;  box-sizing: border-box;  justify-content: space-between;}
.public-footer .copy-box p {  font-size: 14px;  color: #999999;  line-height:100px;}
.public-footer .copy-box p span {  display: inline-block;  margin-left: 12px;  box-sizing: border-box;}
/*视频*/
.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;}