@charset "UTF-8";
body { font-family: Microsoft YaHei;font-size: 12px;}
a{
	color: #19a6db;
}
a:hover{text-decoration: none;color: #27bcf4;}

.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f20 {font-size: 20px;}
.f24 {font-size: 24px;}
.fb {font-weight: bold;}
.fn {font-weight: normal;}

.lh30 {height: 30px;line-height: 30px;}
.lh150 {line-height: 150%;}
.lh180 {line-height: 180%;}
.lh200 {line-height: 200%;}

.unl {text-decoration: underline;}
.no_unl {text-decoration: none;}

.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}

.zoom {zoom: 1;}
.vm {vertical-align: center;}
.bc {margin-left: auto;margin-right: auto;}
.pf {position: fixed;}
.pr {position: relative;}
.pa {position: absolute;}

.m10 {margin: 10px;}
.m15 {margin: 15px;}
.m30 {margin: 30px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb50 {margin-bottom: 50px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml50 {margin-left: 50px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr50 {margin-right: 50px;}

.pd-tb20{padding:20px 0;}
.pd-lr20{padding: 0 20px;}
.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p30 {padding: 30px;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt50 {padding-top: 50px;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb50 {padding-bottom: 50px;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl50 {padding-left: 50px;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}
.pr50 {padding-right: 50px;}
/*  */
.full-img{
	width:100%;
	height:100%;
}
/*  */
.text-white {
	color:#fff;
}
/* bg 背景 */
.hiti-bg{
	 background-color:#fefefe;
	 /* background-image:url("cite/images/index-bg.png") */
}
.bg-check{
	background-image:url("http://www.hitisoft.com/cite/images/index-bg.png")
}
.bg-head{
	height:180px;
	background:url("http://www.hitisoft.com/cite/images/bg-v.png") center -20px no-repeat;
}
.bg-contact{
	height:200px;
	background: url("http://www.hitisoft.com/cite/images/contact_bg.png") center bottom no-repeat;
}
.bg-cta{
	height:300px;
	color:#fff;
	   position: relative;
	background: url("http://www.hitisoft.com/cite/images/cta_bg.jpg") center bottom no-repeat;
	
}
.bg-wms{
	height:300px;
	color:#fff;
	   position: relative;
	background: url("http://www.hitisoft.com/cite/images/cta_bg.jpg") center bottom no-repeat;
	
}
.bg-prod{
	height:300px;
	   position: relative;
	color:#fff;
	background: url("http://www.hitisoft.com/cite/images/wallpaper5.jpg") center center no-repeat;
}
.bg-gray{
		
	 background-color:#f8f8f8;
}
.bg-blue{
	 background: none repeat scroll 0 0 #1a8fb4;
	 color:#fff;
}
/* --bg结束 --  */

/* button */
.btn-white{
   background: repeat scroll 0 0 transparent;
    border: 1px solid #fff;
    color: #fff;
    background-color:#f4b800;'
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white{
  background: none repeat scroll 0 0 #fff;
    border: 1px solid #fff;
    color: #7191a8;
     transition: all 200ms ease-out 50ms;
}

.btn-blue{
   background: none repeat scroll 0 0 transparent;
    border: 1px solid #1a8fb4;
    color: #1a8fb4;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue.focus,
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue{
  background: none repeat scroll 0 0 #1a8fb4;
    border: 1px solid #1a8fb4;
    color: #fff;
      transition: all 200ms ease-out 50ms;
}
/* button end */
/* ht -- icon -----*/
[class^="ht-icon-"],
[class*=" ht-icon-"]  {
    background-image: url("http://www.hitisoft.com/cite/images/idx-btm.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    margin: 0;
    vertical-align: middle;
    width: 32px;
}
.ht-icon-weibo {
    background-position: 0 -221px;
}
.ht-icon-weixin {
    background-position: -52px -221px;
    position: relative;
}
.ht-icon-qqweibo {
    background-position: -104px -221px;
}
.ht-icon-qzone {
    background-position: -156px -221px;
}
.ht-icon-weibo:hover {
    background-position: 0 -262px;
}
.ht-icon-weixin:hover {
    background-position: -52px -262px;
}
.ht-icon-qqweibo:hover {
    background-position: -104px -262px;
}
.ht-icon-qzone:hover {
    background-position: -156px -262px;
}
.ht-icon-weixin i {
    background: url("http://www.hitisoft.com/cite/images/idx-btm.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    top: 35px;
    display: none;
    height: 210px;
    left: -72px;
    position: absolute;
    width: 176px;
}
.ht-icon-weixin:hover i {
    display: block;
}
/*-ht-icon end-*/