@charset "UTF-8";
/*
 *宽高设置;
 */
/*
 *设置input，textarea的默认颜色;
 */
/*
 *placeholder自定义
 */
/*
 *设置字体大小，颜色，行高，水平对齐方式;
 */
/*
 *水平居中;
 */
/*
 *顶部定位；
 */
/*
 *元素百分百定位；
 */
/*
 *元素填充;
 */
/*
 *上下左右居中--定位;
*/
/*
 *css3上下左右居中带缩放;
 */
/*
 *c3 水平居中
 */
/*
 *css3 垂直居中
 */
/*
 *背景图片设置;
 */
/*
 *background-size设置背景图片;
 */
/*
 *背景颜色和黑色遮罩
 */
/*
 *关闭按钮;
 */
/**字左右间隙**/
/**渐变**/
/**截字**/
/*
 *缩放;
 */
/*
 *三角;
 */
/*动画暂停*/
/* @import "out.scss";*/
/**行元素，居左居中居右**/
/**块元素水平垂直居中**/
/**块元素垂直居中**/
/**块元素水平居中**/
/**填充父级**/
/**图片垂直水平居中**/
/**作用子级img**/
/**背景图片__$src:路径,$size:0(cover).支持（$size:100% auto）**/
/**@include  bgimage("img2.png",auto 100%);@include  bgimage("img2.png",0);**/
/**图片填充剪裁__等效于背景图片的cover**/
/**缩放(倍数)**/
/**旋转**/
/**位移**/
/**过度**/
/**文字样式__$size:文字大小，$lineHe:行高,$color:文字颜色.$pos:居左/中/右**/
/**@include font(30px,60px,red,center,2em);**/
/**元素hover时向上位移**/
/**@include docHup(-30px,.5s);**/
/**图片hover放大__.$n:放大倍数。$t:所用时间**/
/**阴影外/内**/
/**清除浮动**/
/**三角(尺寸，颜色，角的朝向) **/
/**圆角(控制边，控制数)。 $n1：左上角。$n2：右上角。$n3：右下角。$n4：左下角**/
/**颜色透明度**/
/**元素设置透明度**/
/**文本行数设置**/
/**怪异盒模型__写在父级作用子级**/
/**弹性盒模型(居*)__$just:justify-contetn的参数。$align:align-items的参数。**/
/**写在父级作用子级**/
/*
justify-content:flex-start 左对齐
justify-content:flex-end 右对齐
justity-content:center 居中对齐
justity-content:space-between 两端对齐
justity-content:space-around 沿轴线均匀分布（各自中间）

align-items:flex-start 顶端对齐
align-items:flex-end 底部对齐
align-items:center 垂直方向居中对齐
align-items:baseline 第一行文字底部对齐
align-items:stretch 当item未设置高度时，item将和容器登高对齐
 */
/**弹性盒模型_$style：nowrap:不换行。wrap:换行(第一行在最上面)。wrap-reverse:换行，第一行在下方**/
/**写在父级作用子级**/
/**a标签伪类**/
/**@include alvha($h:red);**/
/*序列帧__$src:路径。$w:总帧宽。$h:帧高。$n:帧数。$t:时长。$dt:延时*/
/*
 @include xlz("img13.png",1150px,307px,5,1s);
 @include xlz("img13.png",1150px,307px,5);  $dt:不写默认为0s.
  */
/* 去高亮*/
/*图片不可选中*/
/*a 去默认*/
/*input placeholder*/
/*px->vh/vw*/
/*过渡入场动画*/
* {
  margin: 0px;
  padding: 0px;
}

html, body {
  font-family: "思源黑体";
  color: #666;
  font-size: 24px;
  min-height: 100vh;
  -webkit-tap-highlight-color: #000000;
  -webkit-tap-highlight-color: transparent;
}

input, select, textarea {
  width: 100%;
  background: none;
  outline: none;
  border: 0px;
  font-family: "思源黑体";
}

.hide {
  display: none;
}

ul, li, dl, dd {
  list-style-type: none;
}

a {
  text-decoration: none;
}

.clear {
  clear: both;
  height: 0;
  line-height: 0;
  overflow: hidden;
  font-size: 0;
}

input, textarea {
  border: 0px;
  width: 100%;
  background: none;
  outline: none;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #999;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #999;
}

/*
 *颜色变量;
 */
/*
 *字大小变量;
 */
.w1600 {
  width: 1600px;
  margin: 0 auto;
}

.w1060 {
  width: 1060px;
  margin: 0 auto;
}

.h_clear {
  zoom: 1;
}

.h_clear:before, .h_clear:after {
  content: "";
  display: table;
}

.h_clear:after {
  clear: both;
}

.h_tit1 {
  margin-bottom: 40px;
  font-size: 42px;
  color: #01c1c2;
  line-height: 55px;
  text-align: left;
}

.h_tit1 span {
  font-size: 24px;
  line-height: 30px;
}

.h_tit2 {
  padding-left: 40px;
  margin-left: -40px;
  margin-bottom: 20px;
  background: url(../images/h02.png) no-repeat left top 9px;
  font-size: 24px;
  color: #01c1c2;
  line-height: 27px;
  text-align: left;
}

.h_tit2no {
  padding-left: 40px;
  margin-left: -40px;
  margin-bottom: 20px;
  font-size: 24px;
  color: #01c1c2;
  line-height: 27px;
  text-align: left;
}

.h_tit3 {
  margin-bottom: 15px;
  font-size: 18px;
  color: #01c1c2;
  line-height: 20px;
  text-align: left;
}

.h_tit3on {
  padding-left: 40px;
  margin-left: -40px;
  margin-bottom: 20px;
  background: url(../images/h02.png) no-repeat left top 9px;
  font-size: 18px;
  color: #01c1c2;
  line-height: 20px;
  text-align: left;
}

.h_txt {
  margin-bottom: 30px;
  font-size: 14px;
  color: #3e3a39;
  line-height: 20px;
  text-align: left;
}

.h_txton {
  padding-left: 30px;
  margin-bottom: 20px;
  background: url(../images/h119.png) no-repeat left top 9px;
  font-size: 14px;
  color: #3e3a39;
  line-height: 20px;
  text-align: left;
}

.h_zhu {
  margin: 20px 0 40px;
  font-size: 12px;
  color: #3e3a39;
  line-height: 20px;
  text-align: left;
}

.bgwhite {
  background: white;
}

.bg0 {
  background: #f3f5f8;
}

.marT40 {
  margin-top: 40px;
}

.marT60 {
  margin-top: 60px;
}

html, body {
  width: 100%;
}

.h_wrapper {
  width: 1600px;
  position: relative;
  left: 50%;
  margin-left: -800px;
}

.h_header {
  width: 1600px;
  position: relative;
  left: 50%;
  margin-left: -800px;
}

.h_header .h_hTit {
  padding: 60px 0 15px;
  font-size: 14px;
  color: #3e3a39;
  line-height: 14px;
  text-align: center;
}

.h_content {
  width: 1600px;
  position: relative;
  left: 50%;
  margin-left: -800px;
}

.h_section {
  padding: 60px 0 20px;
  position: relative;
  zoom: 1;
}

.h_section:before, .h_section:after {
  content: "";
  display: table;
}

.h_section:after {
  clear: both;
}

.h_section .h_left {
  float: left;
  padding-left: 40px;
  width: 480px;
}

.h_section .h_right {
  float: right;
  padding-left: 40px;
  width: 480px;
}

.h_section .h_cell img {
  max-width: 490px;
  display: block;
  margin: 0 auto 40px;
}

.clearfix .h_txt {
  min-height: 60px;
}