/******************css重设 ,css reset************************/
body{font-family: \5FAE\8F6F\96C5\9ED1,arial,tahoma,Verdana,sans-serif;line-height:1.7;font-size:16px;color:#333;}
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, p,span, blockquote, table, th, td, embed, object,a,textarea{padding: 0;margin: 0;box-sizing:border-box; }
table{border-collapse: collapse; border-spacing: 0;table-layout:fixed;width:100%;} 
fieldset,img,iframe{ border: 0;text-decoration:none;} 
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;} 
caption, th {text-align:left;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
q:before, q:after {content: '';}
button, input, select, textarea {font-size:100%;resize:none;-webkit-appearance: none;}
abbr, acronym {border: 0;}
:focus {outline: 0;}
a{text-decoration:none;color:#333;}
a[href^="tel"]{ color:inherit;text-decoration:none;}
cite, em, dfn { font-style: italic; }
input[type='button'],input[type='submit'],input[type='reset']{cursor:pointer;vertical-align:middle;margin:0px;padding:0px;-webkit-appearance: none;}
input[type='text']{vertical-align:middle;}
img{vertical-align:middle;}
.inlineb{display:inline-block;*display:inline;*zoom:1;}
.clearfix {*overflow: hidden; *zoom:1;clear:both; }
.clearfix:after { display: table; content: ""; width: 0; clear: both;}
::-ms-clear,::-ms-reveal{display:none;}
.ios-scroll{overflow:auto; -webkit-overflow-scrolling: touch;}

.rc{
	/*要设置滚动条的容器样式*/
}
.rc::-webkit-scrollbar {/*滚动条整体样式*/
	width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.rc::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #535353;
}
.rc::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 10px;
	background: #EDEDED;
}
.rc {
	overflow-y: auto;
	scrollbar-color: #000 #EDEDED;
	scrollbar-width: thin;
}

@font-face {
	/* font-family: 'DDINExp'; */
	/* src:url(../font/D-DINExp.ttf),url('../font/D-DINExp.ttf?#iefix') format('embedded-opentype'); */
}
/* .hr_font{ font-family: DDINExp!important;} */
.hr_color{ color: #EE7800;}
.scrollbot-scrollbar-holder{background-color:#F3F8F6!important;}
.scrollbot-scrollbar{ background-color:#EE7800!important; }
.scrollbot-outer-parent{ z-index:20!important; }
.mCSB_scrollTools .mCSB_draggerRail{background-color: #F3F8F6!important; width: 5px!important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #EE7800!important;width: 5px!important; }
.hr_page{ margin-top:20px; }
.hr_page .crc-pub-page-num, .z-page .crc-pub-page-enter, .z-page .crc-pub-page-next{ 
	background: #fff;  border-color:#E8E8E8; border-radius: 100%; height: 48px; width: 48px; overflow: hidden;
  line-height: 48px; text-align: center; padding:0;
}
.hr_page .crc-pub-page { padding:40px 0 0; }
.hr_page .crc-pub-page-text{ height:48px; width: 100px; border-radius: 24px; }
.hr_page .crc-pub-page-span{ color: #666; }
.hr_page .crc-pub-page-sel { border:1px solid #EE7800; background:#EE7800; color:#fff!important; border-radius: 100%; }
.hr_page .crc-pub-page-enter,.z-page .crc-pub-page-enter:hover,.z-page .crc-pub-page-next:hover { color:#fff!important; background:#EE7800; }
.hr_page .crc-pub-page-num:hover { border-color:#EE7800!important; background: #EE7800; color:#fff!important; }
.hr_page .crc-pub-page-prev,.z-page .crc-pub-page-next,.z-page .crc-pub-page-enter{
  width: 100px; border-radius: 24px;
}

.hr_c3{ color: #333;}
.hr_c6,.c6{ color: #666;}
.hr_c9,.c9{ color: #999;}
.hr_cf{ color: #fff;}
.hr_position_r,.position_r{ position: relative;}
.hr_position_a,.position_a{ position:absolute;}
.hr_pcshow{display: block; }
.hr_mshow{ display: none;}
.hr_bg_nor{ background-repeat: no-repeat!important;}
.hr_fb{ font-weight: bold; }
.hr_fs60{ font-size:60px;}
.hr_fs48{ font-size:48px;}
.hr_fs40{ font-size:40px;}
.hr_fs32{ font-size:32px;}
.hr_fs24{ font-size:24px;}
.hr_fs20{ font-size:20px;}
.hr_fs18{ font-size:18px;}
.hr_fs16{ font-size:16px;}
.hr_fs14{ font-size:14px;}
.hr_fullImg{ display: flex; height: 100%;
  justify-content: center; 
  align-items: center;
  overflow: hidden;
  flex: 0 0 auto;  /* IE */
  object-fit: scale-down; /* FF */
}
.hr_fullImg img{ 
  width: 100%;
  height: 100%;
  max-width: 100%; 
  max-height: 100%;
  flex: 0 0 auto;  /* IE */
  /*object-fit: scale-down;  FF */
  object-fit: cover;

}
.hr_f_start{ display: flex; justify-content:flex-start; }
.hr_f_end{ display: flex; justify-content:flex-end; }
.hr_f_center{ display: flex; justify-content:center; }
.hr_f_between{ display: flex; justify-content:space-between; }
.hr_f_around{ display: flex; justify-content:space-around; }
.hr_fc_start{ align-items:flex-start; }
.hr_fc_end{ align-items:flex-end; }
.hr_fc_center{ align-items:center; }
.hr_fc_baseline{ align-items:baseline; }
.hr_fc_stretch{ align-items:stretch; }
.hr_fc_reverse{ flex-direction: row-reverse; }
.hr_fd_column{ flex-direction: column; }
.hr_fw_wrap{flex-wrap: wrap;}
.hr_f_1{ flex: 1; }
.hr_p120{ padding:120px 0;}
.hr_pt120{ padding-top:120px; }
.hr_pb120{ padding-bottom:120px; }
.hr_p60{ padding:60px 0;}
.hr_pt60{ padding-top:60px; }
.hr_pb60{ padding-bottom:60px; }
.hr_p40{ padding:40px 0;}
.hr_pt40{ padding-top:40px; }
.hr_pb40{ padding-bottom:40px; }
.hr_bg{  background-position: center; background-repeat: no-repeat; background-size: cover;}
.hr_desc{ line-height: 2; text-align: justify;}
.hr_desc img{ max-width: 100%!important; }
.hr_oneRow{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hr_fl{ float: left; }
.hr_fr{ float: right; }
.hr_tl{ text-align: left; }
.hr_tc,.tc{ text-align: center; }
.hr_tr{ text-align: right; }
.hr_ts{ 
	-webkit-transition: all .4s ease; 
	-moz-transition: all .4s ease; 
	-o-transition: all .4s ease; 
	transition: all .4s ease; 
}
.hr_overflow{ overflow:hidden; }
 a:hover img.ts{
	transform: scale(1.1);
} 
/******************css重设  end ,css reset  end************************/

/* 动效 */
body.pc .fade-in-up,body.pc .fade-in-down,body.pc .fade-in-right,body.pc .fade-in-left{
  opacity: 0;
}
@keyframes fadeInUp{
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0) translateY(40px);
    transform: translateZ(0) translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0) translateY(-40px);
    transform: translateZ(0) translateY(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
  }  
}
@keyframes fadeInRight{
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0) translateX(40px);
    transform: translateZ(0) translateX(40px);
  } 
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
  }
}
@keyframes fadeInLeft{
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0) translateX(-40px);
    transform: translateZ(0) translateX(-40px);
}
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
  }
}

body.pc .fade-in-up.show {
  opacity: 1;
  animation: fadeInUp 1s ease forwards;
}
body.pc .fade-in-down.show {
  opacity: 1;
  animation: fadeInDown 1s ease forwards;
}
body.pc .fade-in-right.show {
  opacity: 1;
  animation: fadeInRight 1s ease forwards;
}
body.pc .fade-in-left.show {
  opacity: 1;
  animation: fadeInLeft 1s ease forwards;
}
