body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div {
  margin: 0;
  padding: 0;
  border: 0;
}
select{

	width: auto;
	padding: 0 2%;
	margin: 0;

}

option{

	text-align:center;

}
body {
  background: #fff;
  color: #333;
  /* font-size: 0.12rem; */
  /* margin-top: 0.5rem; */
  /* font-family: "Microsoft YaHei"; */
  font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu 
}

ul,
ol {
  list-style-type: none;
}
select,
input,
img,
select {
  vertical-align: middle;
}

a {
  text-decoration: none;
}

a:link {
  /* color: #009; */
}
a:visited {
  /* color: #800080; */
}
a:hover,
a:active,
a:focus {
  /* color: #c00; */
  text-decoration: none;
}
input{  
    background:none;  
    outline:none;  
    border:none;
    padding: 0;
}
input:focus{   
    /* border:none; */
}
.hide{display: none;}
.dib{display: inline-block;}
.fl{float: left;}
.fr{float: right;}
.pa{position: absolute;}
.pr{position: relative;}
.tac{text-align: center;}
/*清除浮动代码*/
.clearfix:after{
  display:block;
  clear:both;
  content:"";
  visibility:hidden;
  height:0}
.clearfix{zoom:1}
.poi{cursor:pointer}
.w1200{width: 1200px;margin: 0 auto;}
input::-webkit-input-placeholder{color:#999;}
input::-moz-placeholder{color:#999;}/* Mozilla Firefox 19+ */
input:-moz-placeholder{color:#999;}/* Mozilla Firefox 4 to 18 */
input:-ms-input-placeholder{color:#999;}/* Internet Explorer 10-11 */
.h-left {
	position: fixed;
	bottom: 10px;
	left: 4px;
	width: 140px;
	height: 564px;
	/* background: #eeeeee; */
	z-index: 9999999;
	display: none;
}


.h-left-a {
	text-align: center;
	top: 0;
	left: 0;
	width: 140px;
	height: 113px;
	z-index: 999;
	/* margin: 10px auto; */
}


.h-left-a img {
	width: 100%;
	height: 100%;
	/* display: block; */
}


.h-left-z {
	background: url('../img/left-bgc.png')no-repeat;
	background-size: 100% 407px;
	background-position: center 0;
	width: 140px;
	height: 467px;
	text-align: center;
	z-index: 99;
	padding-top: 20px;
	box-sizing: border-box;
	margin: 0 auto;
}
.hl-item{
	position: relative;
	height: 60px;
	width: 120px;
	margin: 0 auto 8px;
	padding-top: 6px;
	box-sizing: border-box;
}
.hl-item-text{
	height: 24px;
	text-indent: 10px;
	text-align: left;
	/* display: inline-block; */
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	/* font-weight: 700; */
	/* line-height: 1.6; */
}
.hl-img{position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}
/* .hl-item-text1{padding-top: 10px;} */
.hi-1{
	background-color: #55BD97;
	background-image: url('../img/hl-1.png');
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
}
.hi-1:hover{
	background-color: #33b887;
}
.hi-2{
	background-color: #F79A20;
	background-image: url('../img/hl-2.png');
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
}
.hi-2:hover{
	background-color: #f08e0e;
}
.hi-3{
	background-color: #377BFA;
	background-image: url('../img/hl-3.png');
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
}
.hi-3:hover{
	background-color: #1e6bfa;
}
.hi-4{
	background-color: #7B37FA;
	background-image: url('../img/hl-4.png');
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
}
.hi-4:hover{
	background-color: #6c22f5;
}
.hi-5{
	background-color: #FC6577;
	background-image: url('../img/hl-5.png');
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
}
.hi-5:hover{
	background-color: #fa4d62;
}
.hi-6{
	/* height: 60px; */
	background-color: #E04A4A;
	background-image: url('../img/hl-6.png');
	background-repeat: no-repeat;
	background-position-x: 84px;
	background-position-y: center;
}
.hi-6:hover{
	background-color: #e02828;
}
.hi-7{
	height: 100px;
	background: #4CB7CB;
}
.hi-7{padding-top: 10px;box-sizing: border-box;}
/* .hi-7 img{height: ;} */
.hi-7 .hl-item-text{text-align: center;line-height: 2.4;text-indent: 0;}
/* .hi-6 .hl-item-text1{padding-top: 15px;} */



.h-left-i {
	width: 60px;
	height: 60px;
	margin: 10px auto 0;
}

.h-left-i img {
	width: 100%;
	display: block;
}

.h-left-j {
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #fff;
}

.h-right {
	position: fixed;
	bottom: 40%;
	right: 10px;
	width: 172px;
	height: 304px;
	z-index: 9999999;
	background: #387DFF;
	display: none;
}


.nav-input input:focus::-webkit-input-placeholder {color: transparent;}
.nav-input input:focus:-moz-placeholder {color: transparent;}
.nav-input input:focus::-moz-placeholder {color: transparent;}
.nav-input input:focus:-ms-input-placeholder {color: transparent;}
.h-right .com-opt{color: #333;}
.h-right .form{height: 294px;width: 162px;margin: auto;background: #EBF2FF;margin-top: 5px;padding-top: 5px;box-sizing: border-box;}
.right-form-1{font-size: 18px;text-align: center;}
.right-form-1 span{color: #387DFF;font-size: 20px;}
.right-form-2{font-size: 18px;text-align: center;margin-top:4px;}
.right-form-3{width: 162px;margin: 8px auto;height: 1px;background: #ccc;}
.right-form-3 .line{height: 3px;width: 88px;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #FFA200;}
.right-xing{color: #FFC766;font-size: 16px;margin-right: -4px;}
.right-text{font-size: 14px;}
.right-input{height: 24px;width: 112px;border: 1px solid #ccc;box-sizing: border-box;background: #fff;line-height: 24px;text-indent: 4px;border-radius: 4px;vertical-align: top;}
.right-form-4{text-align: center;height: 26px;line-height: 26px;margin-bottom: 4px;}
.right-input::-webkit-input-placeholder {color: #ccc;}
.right-form-4 .right-opt{height: 23px;border: 1px solid #ccc;box-sizing: border-box;width: 86px;border-radius: 4px;font-size: 14px;vertical-align: top;}
.opt-box{background: #fff;height: 23px;border-radius: 4px;}
.right-form-5{text-align: center;margin-bottom: 12px;}
.right-form-5 button{height: 26px;width: 150px;border: none;padding: 0;text-align: center;line-height: 26px;background: #FF9000;color: #fff;border-radius: 4px;font-size: 18px;}

/* .footer-input input{border: 1px solid #ccc;} */
.close-box{height: 22px;width: 22px;text-align: center;}
.close-img{height: 26px;width: 26px;border-radius: 50%;position: absolute;}
.h-right .close-box{right: 0;top: -40px;height: 32px;width: 32px;}
.h-left .close-box{right:30px;top: -30px;border-radius: 50%;}
/* .close-box img{width: 50%;height: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);} */

.color1{color: #EC4D4D;}

/* 弹窗 */
.model-box{display: none;}
.model-box{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .8);z-index: 99999999;}
.model{position: fixed;height: 530px;width: 790px; left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;z-index: 99999;border-radius: 5px;}
.model-right img{width: 300px;height: 100%;}
.color2{color:#334AD0;}
.model-title{font-size: 24px;text-align: center;line-height: 2.2;padding-top: 12px;}
.model-left{width: 490px;padding:0 0 0 30px;box-sizing: border-box;}
.model .radio-label label{width: 100px;height: 30px;line-height: 30px;font-size: 14px;margin: 6px 6px 10px 0;}
.model .cyc-title{font-size: 16px;line-height: 20px;margin-top: 4px;}
.model .form-input input{width: 430px;height: 40px;line-height: 38px;border: 1px solid #ccc;box-sizing: border-box;text-align: center;margin-top: 10px;}
.model .form-submit-class button{height: 40px;width: 430px;line-height: 40px;background: #EC4C4C;margin-top: 14px;}
.close{position: fixed;top: 10px;right: 10px;}
.close img{width: 24px;height: 24px;}
.com-opt{color: #333!important;}


.banner-text-box{right: 25px;top: 0;width: 304px;background: rgba(0, 0, 0, .7);height: 100%;padding-top: 10px;box-sizing: border-box;}
/* .banner-text img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} */
.banner-text-img{width: 40%;}
/* .bf-box{height: 100%;top: 0;left: 50%;transform: translateX(-50%);width: 1200px;margin: 0 auto;} */
.btb-title{height: 50px;width: 90%;border-bottom:1px dashed #FCC020;margin: 0 auto;display: flex;position: relative;}
.btb-title div:first-child{align-self: center;font-size: 18px;color: #FCC020;border-left: 2px solid #FCC020;padding-left: 10px;}
.btb-title div:last-child{align-self: center;font-size: 16px;position: absolute;right: 0;color: #fff;}
.btb-title div:last-child:hover{color: #FCC020;}
.btb-item-box{width: 90%;margin: 10px auto;}
.btb-item-box .btb-item:hover{color: #fcc020;}
.btb-item-box .btb-item2:hover{color: #fcc020;}
.btb-item{color: #fff;font-size: 16px;height: 36px;line-height: 36px;}
.btb-item:nth-child(odd){width: 144px;}
.btb-item2{color: #fff;font-size: 16px;height: 36px;line-height: 36px;}