/******************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; }
a{box-sizing: inherit;}
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;
}

.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: hsl(156, 26%, 96%)!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{ color: #666;}
.hr_c9{ color: #999;}
.hr_cf{ color: #fff;}
.hr_position_r{ position: relative;}
.hr_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_fs28{ font-size:28px; }
.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{ max-width: 100%; 
  max-height: 100%;
  flex: 0 0 auto;  /* IE */
  object-fit: scale-down; /* FF */
}
.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_m80{ margin:80px 0; }
.hr_mt80{ margin-top: 80px; }
.hr_mt64{ margin-top: 64px; }
.hr_mb64{ margin-bottom: 64px; }
.hr_pt64{ padding-top: 64px; }
.hr_p120{ padding:120px 0;}
.hr_pt120{ padding-top:120px; }
.hr_pb120{ padding-bottom:120px; }
.hr_p80{ padding:80px 0;}
.hr_pt80{ padding-top:80px; }
.hr_pb80{ padding-bottom:80px; }
.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{ 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; 
}
.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);
} 
.hr_single{ overflow: hidden; width: 100%; }
.hr_single img{ max-width: 100%; }
/******************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;
}
@keyframes more1{
	0%{ transform:translateX(-95px); }
	100%{  transform:translateX(0); }
}
@keyframes bb{
	0%{transform:translate(0,0);opacity:0;}
	20%{transform:translate(0,3px);opacity:1;}
	80%{transform:translate(0,10px);opacity:1;}
	90%{transform:translate(0,10px);opacity:0;}
	100%{transform:translate(0,10px);opacity:0;}
}
.moveBorder{ position: relative; }
.moveBorder:after{ transition: all ease-in-out 0.4s;
  content: ""; width: 0; background-color: #CD2A2F; height: 2px;
  position: absolute; left: 0; bottom: 0;
}
.hr_single{line-height: 2; color: #666;}
.hr_single p{ margin-bottom: 15px; }
.hr_single img{ max-width: 100%; }
.hr_single p img{ max-width: 100%!important; height: auto!important; }
.moveBorder:hover:after{ width: 100%;}
.pcshow{ display: block; }
.mshow{ display: none; }
.hr_outBox{ 
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
.hr_box_in{ width: 100%; padding:0 160px;}
.imgFix{ width: 100%; padding-bottom:66.6666%; position: relative;}
.imgFix .imgFix_in{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.imgFix .imgFix_in .fullImg{ width: 100%; height: 100%; }