@charset "UTF-8";
/* CSS Document */

/*commmon*/
body, dl, dd, h1, h2, h3, h4, h5, h6, p, ol, ul, form { margin:0;padding:0;}
a { text-decoration: none; cursor: pointer;}
a:hover, a:active, a:visited, a:link{ text-decoration: none; cursor:pointer;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
*:focus{outline:none;}
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

i{ font-style:normal}
ul li{ list-style:none;}
input { outline: none;}
img { border: 0 none; display:block;}

html{ height:100%; min-height:100%;}
body{ 
    color: #333;
	font-size: 14px; 
	font-weight:normal;
	font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
	width:100%;
	min-width:1200px;
	height:100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.fr{ float:right;}
.fl{ float:left;}
.clearfloat:after{ display:block; content:''; clear: both;}

.fz28{ font-size: 28px;}
.fz24{ font-size: 24px;}
.fz20{ font-size: 20px;}
.fz18{ font-size: 18px;}
.fz16{ font-size: 16px;}
.fz14{ font-size: 14px;}
.fz12{ font-size: 14px;}


/*header*/
/*----------top-bar*/
.top-bar{ 
  width:100%; 
  min-width:1200px; 
  height:34px;
  line-height:34px;
  background:#3a3a3a;
}
.top-bar-mid{ 
   width:1200px; 
   margin:0 auto; 
   height:34px;
}
.text-top-tcloud{ color:#ccc;}
.text-top-tcloud span{ color:#fff;}
.top-bar-mid ul li{ float:left;}

.clearfloat  .drop-down-icon{
	display: inline-block;
    margin-top: 13px;
    margin-left: 10px;
    width: 0;
    height: 0;
    border-color: #d5d5d5 transparent transparent;
    border-style: solid dashed;
    border-width: 5px 5px 0;
    font-size: 0;
	 -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
}

.service-text{
  padding-left:22px; 
  background:url(../images/service-top.png) no-repeat left center; 
  background-size:16px auto;
  color:#ccc;
  font-size:12px;
}
.btn-bg{
	width:70px;
	height:24px;
	line-height:22px;
	background: #FF0057;
	background-size:16px auto;
	color:#fff;
	font-size:12px;
	border-radius:50px;
	margin-top:6px;
	text-align:center;
	font-weight:700;
}

.btn-bg1{
	width:70px;
	height:24px;
	line-height:22px;
	background-size:16px auto;
	color:#fff;
	font-size:12px;
	border-radius:50px;
	margin-top:6px;
	text-align:center;
	font-weight:700;
}
/*-------下拉菜单*/
.head-pop{ 
   width: 110px;
   background:#fff; 
   position:absolute; 
   top:35px;
   left:-13px; 
   z-index:400;           
   border-radius:3px; padding:10px;
   -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
   -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
   box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
   font-size:14px;
}
.land-icon{ 
	width:40px; 
	height:18px;
	position:absolute; 
	top:-6px; 
	left:16px;
	z-index:410;
}
div.head-pop ul li{float: none;}
div.head-pop ul li a{ display:block; width:90px;height:30px;line-height:30px;color:#333; text-align:left; padding-left:6px;}
div.head-pop ul li a:hover{ background:#eaeaea;}

/*-------top-nav*/
.top-nav{
	width:100%; 
	min-width:1200px; 
	height:80px; 
	line-height:80px;
	background:#fff; 
	font-size:16px;
	border:1px solid #e5e5e5;
}
.top-nav-mid{ 
    width:1200px; 
	margin:0 auto;
}
.logo-account{
	width:300px;
	height:80px;
	background:url(../images/logo-chanjet.png) no-repeat left 0px;
	background-size:300px auto;
}
.top-nav-mid ul li{ float:left;}
.nav-list{ margin-left:36px;}
.nav-list a{
	display:block;
	color:#333;
}
.top-nav-mid ul .active-nav-top a, .nav-list a:hover{
	color:#0aa4cb;
}


/*banner*/
.hsy-banner{
	width:100%;
	min-width:1200px;
	height:296px;
	background:url(../images/bannernew.png) no-repeat center;
	background-size:cover;
}
/*buybox*/
.buy-box{
	width:901px;
	margin:50px auto;
	position:relative;
}

.bzBug{
	position: absolute;
	right: 53px;
	top: 205px;
	display: block;
	width: 130px;
	height: 40px;
	color: #FF6725;
	border: 1px solid #FF6725;
	line-height:38px;
	text-align: center;
	border-radius: 50px;
	font-size: 16px;
}

.bzBug:hover{
	background: #FF6725;
	color: #fff;
}

/*footer*/
footer{
	width:100%;
	min-width:1200px;

	background:#312F38;
	color:#ccc;
	text-align:center;
}
.text-box-fot{
	width:100%;
	min-width:1200px;
	background:#35333E;
	padding:60px 0;
	margin-bottom:40px;
}
.mid-text-box{
	width:1200px;
	margin:0 auto;
}
.mid-text-box .fl{
	height:24px;
	line-height:24px;
	border-left:10px solid #F46360;
	text-align:left;
}
.mid-text-box .fl a{
	color:#96959a;
	display:inline-block;
	margin:0 20px;
}


.bottomBtnBox{
	width:50%;
	float:left;
	
}
.bottomBtnBox img{
	width:70%;
	cursor:pointer;
}
.bottomBtnBox  .consult{
	margin: 60px auto;
}
.bottomBtnBox  .freeUse{
	margin: 60px auto;
}