@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:40px;
  line-height:40px;
  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:90px;
	display:block;
	height:24px;
	line-height:22px;
	background: #FF0057;
	background-size:16px auto;
	color:#fff;
	font-size:12px;
	border-radius:50px;
	margin-top:8px;
	margin-right:20px;
	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:200px;
	height:80px;
	
	
}
.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;
}


/*bannerbuy*/
.banner-box-hsy-buy{
	width:100%;
	height:380px;
	/*background:url(../images/bg-buy-hsy.jpg) no-repeat center;*/
	background-size:cover;
	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:36px;
	padding-top:100px;
}
.buy-content-hsy{
	width:900px;
	margin:40px auto;
}
.about-content{
	width:1200px;
	margin:10px auto;
}
/*aboutbanner*/
.banner-box-about{
	width:100%;
	height:300px;
	background-size:cover;
	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:36px;
}
.buy-text-biao{
	width:100%;
	border:1px solid #FF6725;
}
.buy-biao-jianbian{
	width:270px;
	height:344px;
	background: -webkit-linear-gradient(#FF8C5E, #FFB05A); 
    background: -o-linear-gradient(#FF8C5E, #FFB05A); 
    background: -moz-linear-gradient(#FF8C5E, #FFB05A);
    background: linear-gradient(#FF8C5E, #FFB05A);
	color:#fff;
}
.title-style-hsy{
	width:100%;
	font-size:28px;
	font-weight:700;
	text-align:center;
	margin-top:120px;
	margin-bottom:14px;
}
.buy-biao-jianbian ul{
	width:100%;
	text-align:center;
}
.buy-biao-jianbian ul li{
	display:inline-block;
	width:67px;
	height:26px;
	line-height:24px;
	border: 1px solid #FFFFFF;
    border-radius: 13px;
	text-align:center;
	margin:0 5px;
}
.buy-biao-list{
	width:620px;
	padding-left:20px;
	padding-top:4px;
	font-size:12px;
	line-height:22px;
	position:relative;
}
.buy-biao-list ul li{
	padding-left:18px;
	background:url(../images/suc-chenk-icon-h.png) no-repeat left center;
	background-size:9px auto;
}
.hsy-buy-jiage{
	font-size:14px;
	color: #FF6725;
	position:absolute;
	top:125px;
	right:40px;
	z-index:2;
}
.hsy-buy-jiage span{ font-size:40px; font-weight:700;}
a.btn-hsy-buy-li{
	display:block;
	width:130px;
	height:40px;
	text-align:center;
	line-height:38px;
	border: 1px solid #FF6725;
    border-radius: 20px;
	background:#fff;
	font-size: 16px;
	color:#FF6725;
	position:absolute;
	top:170px;
	right:60px;
	z-index:2;
}
a.btn-hsy-buy-li:hover{
	color:#fff;
	background:#FF6725;
}

.mid-style-hsy{
	width:100%;
	height:30px;
	line-height:30px;
	color: #FF6725;
	background: #FFEDE1;
	padding-left:300px;
}
.mid-style-hsy span{
	display:block;
	float:left;
}

.shouji-wp{
	width:100%;
	background: #FFFAF7;
    border: 1px solid #FFD09E;
}
.shouji-two{
	width:270px;
	height:166px;
	padding-top:50px;
	border-right: 2px solid #FFD09E;
	text-align:center;
}
.shichang-jiage{
	font-size: 12px;
    color: #999;
	position:absolute;
	top:95px;
	right:80px;
	z-index:2;
}

/*footer*/
footer{
	width:100%;
	min-width:1200px;
	padding:80px 0 50px;
	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;
}

.pay-nav{ width:1200px; margin:0 auto 40px auto; height:50px; border-bottom:1px solid #e6e6e6;}
.pay-nav ul li{
  float:left; width:110px; height:49px; line-height:50px; text-align:center;
  color:#8d8d8d; font-size:14px; border-bottom:2px solid #fff; font-weight:700;
}
.pay-nav ul li a{
  color:#8d8d8d;
}
.pay-nav ul li.active-pay-nav{ color:#ff4b47; border-bottom:2px solid #ff4b47;}
.pay-nav ul li.active-pay-nav a{ color:#ff4b47;}

.case-box{ width:1200px; margin:0 auto;}
.group-case{ width:100%; padding:20px 0; border-bottom:1px solid #ededed;}
.case-img{ width:200px; height:200px; margin-right:46px;}
.case-img img{ width:100%; height:100%;}
.case-conmpany{ }
.case-p1{ font-size:18px; color:#575559; font-weight:bold;}
.case-p2{ font-size:16px; color:#535353; padding:8px 0 16px;}
.group-case ul li{ list-style:inside; color:#999;}
.case-p3{ font-size:14px; color:#535353; font-weight:700;display: inline;}
.case-p4{ font-size:14px; color:#666; margin:6px 0 10px;}
.t-red{ color:#e50112;}
.gong-bule{ color:#17aec7;}
.hao-bule{ color:#3fc7e0;}
.y-bule{ color:#5BC2C5;}
.ke-bule{ color:#33B3EF;}
.title { font-size:24px; color:#333; text-align:center; margin-bottom:16px;}
.info{ text-align:center;}
.content{ margin:40px auto;}

.listpage {clear: both;text-align: center;}
.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }

.index_news{ width:1200px; margin:40px auto; background:#fff; } 
.listnews{ width:600px; float:left;}
.listnews h2{ font-size:20px; font-weight:bold; border-bottom:#ddd solid 1px; padding-bottom:10px; margin-bottom:15px; color:#f86e47; }
.listnews span{ float:right; font-size:12px; font-weight:normal;}
.listnews span a{ color:#666;}
.listnews span a:hover{ color:#F33;}
.listnews ul{padding:20px; margin-top:20px;}
.listnews ul li{ height:35px; line-height:35px;  background:url(../images/bullet_arrow.gif) no-repeat left center; text-indent:10px;}
.listnews ul li a{ color:#333; font-size:15px; font-weight:bold;}
.listnews ul li a:hover{ color:#F30;}
.listnews ul p{ margin-bottom:20px; font-size:12px; color:#999;}
.mt20{ margin-top:20px;}
footer a{ color:#fff;}