@charset "utf-8";

html{ _background:url(about:blank);}
/* 酌情修改 */
a:hover {
  text-decoration: none!important;
}
body{background:#fff;
  /* min-width: 1000px; */
/* min-width: 100vw; overflow: hidden; */
}
@font-face {
  font-family: "Sans SC";
  src: url('/assets/font/SourceHanSansCN-Regular.eot');
  /* src:url('/assets/font/SourceHanSansCN-Regular.eot?#font-spider') format('embedded-opentype'), */
  /* url('/assets/font/SourceHanSansCN-Regular.ttf') format('truetype'), */
  /* url('/assets/font/SourceHanSansCN-Regular.woff') format('woff'); */
}
/* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,img{padding: 0; margin: 0;
  font-family: "-apple-system", "Sans SC", sans-serif} */

body,th,td,input,select,textarea,button{font-size:12px;line-height:1 ;} /* 重置页面文字属性 */

/* 短引用的内容可取值：''或"" */
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none} /* 重置嵌套引用*/

/* 缩写，图片等无边框 */
fieldset,img,abbr,acronym{border: 0 none;} /* 重置fieldset（表单分组）、图片的边框为0*/
img{vertical-align:top;} /* 图片在当前行内的垂直位置 */
abbr,acronym{font-variant: normal;}
legend{color:#000;}
blockquote, q{quotes: none} /* 重置嵌套引用的引号类型 */

/* 清除特殊标记的字体和字号 */
address,caption,cite,code,dfn,em,th,var{font-weight: normal; font-style: normal;} /* 重置样式标签的样式 */
strong{
  font-style: normal;
}
/* 上下标 */
/* 统一上标和下标 */  
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}  
sup{top:-0.5em;  }  
sub{bottom:-0.25em;} 


/* 设置表格的边框被合并为一个单一的边框, 指定分隔边框模型中单元格边界之间的距离为0*/

/* 表格标题及内容居左显示 */
caption{display:none;} /* 重置表格标题为隐藏 */
caption,th{text-align: left;}

/* 清除列表样式 */
dl,ul,ol,menu,li{list-style:none} /* 重置类表前导符号为onne,menu在HTML5中有效 */


input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}/* 输入控件字体 */
input,select,textarea,button{vertical-align:middle;outline:none;} /* 重置表单控件垂直居中*/
textarea{resize:none}

input[type="submit"]{cursor: pointer;}/* 鼠标样式 */
button{border:0 none;background-color:transparent;cursor:pointer} /* 重置表单button按钮效果 */
input::-moz-focus-inner{border: 0; padding: 0;}


/* 标题元素样式清除, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;　}

/* 链接样式，颜色可酌情修改 */
a:link {}/* 未访问的链接 */
a:visited {}/* 已访问的链接 */
a:hover {}/* 鼠标移动到链接上 */
a:active {}/* 选定的链接 */
del,ins,a{text-decoration:none;}
a:hover,a:active,a:focus{ text-decoration:none;} /* 取消a标签点击后的虚线框 */
a:active{star:expression(this.onFocus=this.blur());} /* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */
a:hover {text-decoration:underline;} 
/*
::selection{color: #fff;background-color: #4C6E78;}
::-moz-selection{color: #fff;background-color: #4C6E78;}
*/
a{outline: none;transition: color 0.2s ease 0s;}/*CSS3链接秒数缓冲效果2秒*/
/* 层板块缓冲效果CSS3       transition: all 0.3s ease 0s;   */
.clearfix {zoom:1}
.clearfix:after {content: '\20'; display: block; clear: both;}
/* .f_yh{font-family:"Arial, Helvetica, sans-serif";}f_yh为英文字体样式 */
.cursor{ cursor:pointer;}
.pr{position:relative}/*相对定位*/
.pa{position:absolute}/*绝对定位*/
.fl{ float:left;}/*左浮动*/
.fr{ float:right;}/*右浮动*/
.hi{ overflow: hidden;}
.fl,.fr{display:inline;}/*浮动后，此元素会被显示为内联元素，元素前后没有换行符*/

/*文字颜色c，背景颜色bc*/
.c1{color:#5d5d5d}
.c2{color:#8f8f8f}
.c3{color:#e44cea}
.c4{color:#f49bff}
.c5{color:#ff0000}
.bc1{background:#f3f3f3}
.bc2{background:#f8f8f8}
.bc3{background:#ffffff}
.flex{
  display: flex;
  align-items: center;
}
.none{
  display: none;
}
.col{
  flex-direction: column;
}
.wrap{
  flex-wrap: wrap;
}
.flexa{
  display: flex;
  justify-content:center;
  align-items: center;
}
.justify{
  text-align: justify!important;
  text-align-last:justify!important;
  display: inline-block;
}
.justifyl{
  text-align: justify!important;
  text-align-last:left!important;
  display: inline-block;
}
.final-center{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top:0; 
  bottom: 0;
}
.relative{
  position: relative!important;
}
.op0{
  opacity: 0;
}

.max-layout{
  max-width: 1360px;
}
.max-layout1240{
  max-width: 1240px;
}
.cl3{
  color:#303133!important;
}
.common-btn{
  color: #ffffff;
  font-size: 18px;
  border: solid 3px #ffffff;
  padding: 0px 49px;
  border-radius: 50px;
  /* box-sizing: border-box; */
  text-align: center;
  line-height: 38px;
  display: inline-block;
  margin-left: 19px;
  transition: .2s all cubic-bezier(0.68, -0.55, 0.265, 1.55);
  cursor: pointer;
  box-sizing: border-box;
}
.common-btn:hover{
  background-color: #FF674D;
  color: #fff;
  border: solid 3px #FF674D;
}
.black-btn{
  background: #303133;
  color: #fff;
  border: solid 3px #303133;
}
.right-layout{
  padding: 69px 0 0 20.75vw;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}

input[type="radio"]{
  width:16px;
  appearance: none;
	-webkit-appearance: none;
	outline: none;
  height:16px;
  border: 0;
  background: url('../images/index/radio-off.png');
}
input[type="radio"]:checked{
  width:16px;
  height:16px;
  border: 0;
  background: url('../images/index/radio-on.png');
}

.no-default{
  cursor: default!important;
}

