blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0;max-width: 100%;max-height: 100%;}
ul,dl,li,dt,dd{list-style:none;}
body{font-size:12px;font-family:"微软雅黑";}
/* a{text-decoration:none;transition: all 0.3s ;} */
a:hover{ text-decoration:none;}
a:active{ text-decoration:none;}
a:visited{ text-decoration:none;}
.clear{clear: both;: ;width: 100%;height: 1px;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;}
textarea{resize:none; overflow:hidden;}
.z-row{width: 100%;clear: both;margin: 0 auto;}
.float-left{float: left;}
.float-right{float: right;}
.overflow{ overflow:hidden}
.display-block{ display:block}
.tx-l{ text-align:left}
.tx-c{ text-align:center}
.tx-r{ text-align:right}
html,body{ background:#fff}
ul, ol{ margin:0}
a{ cursor:pointer}
*{ margin:0; padding:0}
.text-overflow{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

.ub {
  display: -webkit-box !important;
  display: box !important;
}

.ub-ver {
  -webkit-box-orient: vertical;
  box-orient: vertical;
}

.ub-f1 {
  position: relative;
  -webkit-box-flex: 1;
  box-flex: 1;
}

.ub-f2 {
  position: relative;
  -webkit-box-flex: 2;
  box-flex: 2;
}

.ub-f3 {
  position: relative;
  -webkit-box-flex: 3;
  box-flex: 3;
}

.ub-f4 {
  position: relative;
  -webkit-box-flex: 4;
  box-flex: 4;
}
.ub-pc {
  -webkit-box-pack: center;
}

.ub-ac {
  -webkit-box-align: center;
}

.tx-c {
  text-align: center;
}

.tx-l {
  text-align: left;
}

.tx-r {
  text-align: right;
}


/* ============================= animate ============================= */
@-webkit-keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-moz-keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-ms-keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-webkit-keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}
@-moz-keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}
@-ms-keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}
@keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}


/* ============================= 响应式 CSS ============================= */

/*头部样式2*/

.top{
	height:80px;
	width:100%;
	background:#FFF}
.top1{
	position:relative;
	height:80px;
	overflow:hidden}
.top2{
	float:right;
	overflow:hidden}
.top_logo{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0}
.top_nav{
	float:left;
	overflow:hidden}
.top_nav1{
	font-size:16px;
	color:#333333;
	line-height:80px;
	float:left;
	width:80px;
	text-align:center;
	margin-left:10px}
.top_nav1 a{
	color:#333333;
	display:block}
.top_nav1.active{
	color:#FFF;
	background:url(../images/navbg.png)}
.top_nav1:hover{
	background:url(../images/navbg.png)}
.top_nav1:hover a{
	color:#FFF}
.top_nav1.active a{
	color:#FFF}
.top_event{
	float:right;
	overflow:hidden}
.top_event1{
	float:right;
	width:64px;
	height:32px;
	text-align:center;
	line-height:32px;
	font-size:14px;
	color:#36bb81;
	border:1px solid #36bb81;
	margin-left:15px;
	border-radius:3px;
	margin-top:24px}
.top_event1.top_active{
	color:#FFF;
	background:#36bb81}
.top_event1 a{
	color:#36bb81;
	display:block}  
.top_event1.top_active a{
	color:#FFF}
.top_event1:hover a{
	color:#FFF;
	background:#36bb81}
.top_active:hover a{
	color:#FFF;
	background:#19de88;}


/*底部*/
.bottom{background:#2d3237;padding-top:80px}
.bottom_ewm{text-align:center}
.bottom_ewm img{display:block;margin:0 auto}
.bottom_ewm2{margin-top:11px !important;margin-bottom:11px !important}
.bottom_ewm .desc{color:#666666;font-size:12px; margin-top:15px}
.bottom_1{
	font-size:14px;
	color:#cccccc;
	height:48px;}
.bottom_2{
	line-height:30px;
	font-size:12px;
	color:#999999;}
.bottom_2 a{color:#999999;}
.bottom_2 a:hover{text-decoration:none;color:#cccccc}
.mt20{margin:0}
.bottomCopy{
	border-top:1px solid #373c41;
	height:70px;
	text-align:center;
	line-height:70px;
	font-size:12px;
	color:#666666;
	margin-top:44px}
	


.frame-btn-biger {height:38px !important;line-height:36px !important;padding:0px 12px !important;}
.frame-btn-biger .iconfont {height:38px !important;font-size:16px !important;}
.frame-btn {height:30px;border:#dddddd 1px solid;border-radius:3px;background:#FFF;color:#333;padding:0px 8px;display:inline-block;line-height:28px;font-size:14px;position:relative;margin-right:5px; vertical-align:top;cursor:pointer;} 

.frame-btn.ajax-loading {cursor:not-allowed;}
.frame-btn.ajax-loading:before {content:"";background:url(../images/loading.gif) no-repeat;width:20px;height:20px;display:inline-block;background-size:20px; vertical-align:middle;line-height:20px;padding-right:5px;}

.frame-btn-biger.ajax-loading:before {content:"";background:url(../images/loading.gif) no-repeat;width:28px;height:28px;display:inline-block;background-size:28px; vertical-align:middle;line-height:28px;padding-right:5px;}

.frame-btn:hover {background:#fafafa;}
.frame-btn .iconfont {color:#333 !important;display:inline-block;height:30px;font-size:14px;margin-right:3px;}
.frame-btn .frame-btn-tip {position:absolute;left:42px;top:-1px;color:#fff;background:#000;height:32px;line-height:32px;padding:0px 10px;;z-index:1000;display:none;word-break:keep-all;border-radius:3px;margin-left:0px;}
.frame-btn .frame-btn-tip:before {position:absolute;left:-5px;display:inline-block;width:5px;height:8px;content:url(/public/frame/images/other.icon/arrow-left-black.png);}
.frame-btn:hover .frame-btn-tip {display:block;}

/*分页*/
.frame-pager {
  margin: 20px 5px; 
}
.frame-pager .pager {
  text-align: right;
}
.frame-pager .pager .frame-btn {
  min-width: 0;
  margin-left: 4px;
  border-color: #e7e7eb;
  position:relative;
}
.frame-pager .pager .btn:hover {
  background:#e6e7ec;
  border-color:#dadbe0;
}
.frame-pager .pager .page-first,
.frame-pager .pager .page-last,
.frame-pager .pager .page-go {
  padding: 0 20px;
  color: #222222;
}
.frame-pager .pager .frame-btn .arrow {
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -3px;
  overflow: hidden;
}
.frame-pager .pager .page-prev, .page-next {
  position: relative;
  padding: 0 14px;
}
.frame-pager .pager .page-prev .arrow {
  border-color: transparent #919191 transparent transparent;
  border-style: dashed solid dashed dashed;
  border-width: 6px 6px 6px 0;
}
.frame-pager .pager .page-next .arrow {
  border-color: transparent transparent transparent #919191;
  border-style: dashed dashed dashed solid;
  border-width: 6px 0 6px 6px;
}
.frame-pager .pager input {
  width: 55px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e7e7eb;
  text-align: center;
  vertical-align: middle;
  outline: 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}




/*在线对话*/
.consult_contact{
  position: fixed;
  top: 42%;
  right: 0;
  width: 120px;
  margin: auto;
  cursor: pointer;
  z-index: 99;
}
.consult_wrap{
  position: relative;
  width: 110px;
  height: 110px;
  margin: auto;
  margin-top: 5px;
}
.consult_wrap .tip{
  position: absolute;
  right: 95px;
  top: 45px;
  display: none;
  width: 150px;
  height: 24px;
  border-radius: 3px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  background: #3091f2;
  color: #fff;
  -webkit-transition: display 1s ease;
  transition: display 1s ease;
}
.consult_wrap .tip:after{
  position: absolute;
  right: -8px;
  top: 50%;
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #3091f2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.consult_contact img{
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  -webkit-transform: translate3d(-50%,-50%,0);
          transform: translate3d(-50%,-50%,0);
}
.consult_contact .staff_img{
  z-index: 999;
  border-radius: 100%;
}
@keyframes ballRotate {
  0%{
    transform: rotate(0);
  }
  100%{
    transform: rotate(360deg);
  }
}
.consult_contact  .ball{
  top: 20px;
  width: auto;
  transform-origin: 0 38px;
  animation: ballRotate 2.5s infinite linear;
  z-index: 9999;
}
@keyframes bg2Animation {
  0%{
    opacity: 0;
  }
  50%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}
.consult_contact .bg-2{
  animation: bg2Animation 2.5s infinite linear;
}
.consult_contact:hover .tip{
  display: block;
}

.contact_line_btn {
  position: relative;
  top: -25px;
}
.contact_line {
  width: 2px;
  height: 50px;
  background: #3091f2;
  margin: auto;
}
.contact_btn {
  display: block;
  margin: auto;
  width: 100px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background: #3091f2;
  border-radius: 24px;
}
.contact_btn:hover, .contact_btn:link {
  color: #fff;
}

.contact_group_btn {
  margin-top: 30px;
}
.group_btn_box {
  position: relative;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, .25);
  margin: auto;
  margin-bottom: 10px;
}
.group_btn_box:hover {
  background: rgba(0, 0, 0, .5);
}
.group_btn_box > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.contact_group_btn > div:last-child {
  margin-bottom: 5px;
}

.hover_txt_box {
  display: none;
  /*display: flex;*/
  align-items: center;
  position: absolute;
  top: 0;
  right: 65px;
  width: 154px;
  line-height: 60px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.phone_txt {
  width: 145px;
  background: rgba(0, 0, 0, .5);
}
.wx_code_box {
  position: relative;
  width: 146px;
  height: 146px;
  background: rgba(0, 0, 0, .5);
}
.wx_code_box .wx_code {
  display: block;
  width: 126px;
  height: 126px;
  margin: auto;
}
.hover_txt_box .arrow {
  display: block;
  width: 0px;
  height: 0px;
  border: 7px solid;
  border-color: transparent transparent transparent rgba(0, 0, 0, .5);
}
.wx_arrow {
  position: relative;
  top: -40px;
}
.class_qidian_wpa{
	opacity:0 !important;
	right: 0 !important;
	top: 0 !important;
	margin-top: 0 !important;
	opacity: 0 !important;
	position: absolute !important;
	height: 50px !important;
	width:50px !important}
	
	
	
.ajax-loading {cursor:not-allowed;}
.ajax-loading:before {content:"";background:url(../images/loading.gif) no-repeat;width:20px;height:20px;display:inline-block;background-size:20px; vertical-align:middle;line-height:20px;padding-right:5px;}