@charset "UTF-8";
html{font-size:62.5%;font-family:'microsoft yahei',tahoma,arial,'hiragino sans gb','Simsun',sans-serif} 
*{margin:0;padding:0}
body{line-height:1.333;font-size:12px}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif}
li{list-style:none}
a:link,a:visited{text-decoration:none}
.redword {
    color: red;
}
.xifen {
    color: orange;
    border-bottom: 1px solid orange;
    text-align: center;
    padding-bottom: 3px;
    margin: 0px auto 5px;
    font-size: 18px;    clear: both;
}

.hamdata_top {
	background-color: #1a2531;
}

.hamdata_top{font-family: "microsoft yahei"; color:#97a5b5;zoom:1; overflow:hidden; padding:5px 0px;}
.hamdata_top_center{ width:1100px; margin:0px auto; font-size:13px;}
.hamdata_top_left{ float:left; height:21px;}
.hamdata_top_left a {
   
    padding: 3px;
    display: inline-block;
    margin-bottom: 3px;
    color: #8ea0b4;
}
.hamdata_top_right{ float:right;}


.hamdata_head_center{width:960px; margin:0px auto;}
.hamdata_head_logo{ width:134px; height:96px; float:left;padding-top: 12px;}
.hamdata_head_nav{ float:right; padding-top:60px;}

.head-v3{position:relative;z-index:100;min-width:1100px}
.head-v3 .navigation-inner{margin:0 auto;width:1100px;position:relative}
.navigation-up{height:120px;background:#27303f;background-image: url(/images/201710/headbg.jpg);	background-repeat: repeat-x;	background-position: center center;}
.navigation-up .navigation-v3{float:left;_margin-left:10px}
.navigation-up .navigation-v3 ul{float:left;    margin-left: 238px;    margin-top: 50px;}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff}
.navigation-up .navigation-v3 .nav-up-selected{background:#344157}
/*.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#202833}
*/.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0 15px;color:#fff;display:inline-block;height:60px;font-family:"microsoft yahei"}

.navigation-down{position:absolute;top:110px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#344157;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px 80px 25px 0}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#61789e;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#fff;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#60aff6}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}

.navigation-down-inner .lilist li  a {
    color: white;
}
.navigation-down-inner .lilist li  a:hover {
	color: #f97307;
	text-decoration: underline;
}
.navigation-down-inner .lilist li {
    float: left;
    line-height: 40px;
    margin-right: 40px;
    width: 235px;
}
.navigation-down-inner {
    width: 1100px!important;
    padding: 30px 0px 30px 0px;
    zoom: 1;
    overflow: hidden;
}
.navigation-v3 h2 span{
float:right; margin-left:3px;
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */
}

.newbanner{
	background-image: url(2018_banner.jpg);
	width:100%;
	height:371px;
	background-repeat: no-repeat;
	background-position: center top;
}
#newBridge,#nb_icon_wrap,.nb-icon-inner-wrap {
    display: none!important;
}
.hamdata_main_serice{ width:1100px; margin:20px auto;}
.hamdata_main_serice_websitebuiding{ background-color:#e0dede; zoom:1; overflow:hidden;}
.websitebuiding_l{ width:437px; height:271px; float:left;margin: 90px 0px 0px 50px;}
.websitebuiding_r{ width:510px;float:right;      margin: 40px 20px;    text-align: center; }
.websitebuiding_r h1{
	font-family: "microsoft yahei";
	font-size: 46px;
	font-style: normal;
	line-height: 59px;
	font-weight: bold;
	font-variant: normal;
}
.webtx{ text-align:center; font-size:20px;    margin-top: 5px;}
.txdz{ color:#1527db;}.txbx{ color:#21ec30;}.txjg{ color:#e8c000;}.txlh{ color:#fe0a04;}
.showxx {
    padding: 15px 0px;
    font-family: "microsoft yahei";
    font-size: 23px;
    text-align: center;
        margin: 40px auto 90px;
}
.showxx a{ background-color: #f75507; color:#FFFFFF; padding:10px; border-radius:5px;}
.showxx a:hover{ color:#CCCCCC;}
.websitebuiding_intro{ margin:30px 120px; border-bottom:1px solid #9c9a9a;}
.websitebuiding_intro span {    position: relative;
    background-color: #e0dede;
    padding: 10px;
   left: 10px; color:#666666;
    top: 5px;
}
.websitebuiding_introlist li{     float: left;
    border: 1px solid #2f81a9;
    padding: 5px;
    margin-right: 10px;
    width: 80px;
    text-align: center;
    margin-bottom: 10px;}
.websitebuiding_introlist li:hover{ background-color:#57AFE3}
.websitebuiding_introlist li a:hover{ color:#FFFFFF;}
.hamdata_main_serice_webmarketing{ zoom:1; overflow:hidden;    margin: 20px 0px;}
.hamdata_main_serice_webmarketing li{ float:left; margin-right:28px;}
.hamdata_main_serice_webmarketing ul{ width:1128px;}
.hanshu_advantage {
    width: 1100px;
    margin: 0px auto;
    text-align: center;
}

span.advantage {
    font-size: 20px;    font-weight: bolder;
    color: orange;position: relative;
    top: 12px;
    background-color: white;
    padding: 0px 20px;
}
.hanshu_advantage_title{    border-bottom: 1px solid #999999;
    margin: 40px auto 30px;
    width: 500px;}
span.advantage font {
    color: rgb(197, 187, 187);
    font-size: 14px;
}.advmain {
     margin-top: 20px;
  zoom: 1;
  overflow: hidden;
  margin-bottom: 20px;
}

.advmain_left,.advmain_right {
    float: left;
    width: 525px;
    text-align: left;
    color: gray;
    font-size: 13px;
}
.advmain_right{ float:right;}
.V_cate {
    margin-bottom: 25px;
  text-align: justify;
  line-height: 20px;
}
.V_cate span{  float: left;
  margin-right: 4px;
  display: block;
  background-repeat: no-repeat;
 background-image: url(/images/201710/indexicon.png);
}
.V_cate strong {
    font-size: 16px;
    color: #545151;
}.V_a {
   width: 44px;
  height: 43px;
  background-position: -13px -341px;
}.V_b {
   width: 44px;
  height: 45px;
  background-position: -13px -286px;
}.V_c {
   width: 44px;
  height: 43px;
  background-position: -13px -394px;
}
.V_d {
   width: 44px;
  height: 43px;
  background-position: -13px -180px;
}.V_e {
   width: 44px;
  height: 43px;
  background-position: -13px -233px;
}.V_f {
   width: 44px;
  height: 43px;
 background-image: url(/images/201710/indexicon.png);
  background-position: -13px -126px;
}
.hamdata_service_promise {
    width: 1100px;
    margin: 0px auto;
}
.anli_more {
    margin: 30px 0px;
    text-align: center;
    width: 1100px;
}
.anli_more a {
    background-color: rgb(6, 106, 255);
    color: #FFFFFF;
    text-align: center;
    border-radius: 6px;
    padding: 0px 12px;
    height: 30px;
    margin-right: 10px;
    margin-right: 5px;
    font-size: 13px;
    line-height: 30px;
    display: inline-block;
    margin-bottom: 10px;
}
.anli_more a:hover,.morebtn{background-color:#2F99F9!important; color:#fff!important;}
	.anlicate {
	  display: inline-block;
	  width: 230px;
	  -webkit-box-sizing: padding-box;
	  box-sizing: padding-box;margin-right: 56px;margin-bottom: 40px;
	}
.anlicate span{ float:right;}
.anlicate div{ background-color:#CCCCCC;    line-height: 28px;
    padding: 0px 4px;}
	img {
	  border: none;
	}
	.anlilist{width:1100px;
	 overflow:hidden;text-align: left;}
	.effects {
	width:1200px;
	
	}
[class^='imghvr-'],
[class*=' imghvr-'] {
  position: relative;
  display: inline-block;
  margin: 0px;
  max-width: 230px;
  background-color: rgba(1, 87, 155, 0.75);
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);height:165px; overflow:hidden;
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {
  vertical-align: top;
  max-width: 100%;
}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
  background-color: inherit;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
[class^='imghvr-'] h3,
[class*=' imghvr-'] h3,
[class^='imghvr-'] p,
[class*=' imghvr-'] p {
  margin: 0;
  padding: 0;
  color: #fff;
}
[class^='imghvr-'] a,
[class*=' imghvr-'] a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

/* imghvr-push-*
   ----------------------------- */
[class^='imghvr-push-']:hover figcaption,
[class*=' imghvr-push-']:hover figcaption {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* imghvr-push-down
   ----------------------------- */
.imghvr-push-down figcaption {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.imghvr-push-down:hover > img {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
figure.imghvr-push-down p {
    line-height: 18px;
    font-size: 13px;
}
figure.imghvr-push-down h3 {
    font-size: 15px;
}
.hamdata_footer {
    background-color: #0e3669;
    padding: 40px 0px 0px;    font-family: "microsoft yahei";

}
.hamdata_footer_c{
    width: 1100px;
    margin: 0px auto; height:110px;
}
.hamdata_bottom_c {
    width: 1100px;
    margin: 0px auto;
}
.hamdata_footer_c{ padding-bottom:40px;}
.hamdata_footer_c_l {
    float: left;
    color: #dad6d6;
    line-height: 25px;
}
.hamdata_bottom_logo {
    float: left;
    border-right: 1px solid #b1aeae;
    padding-right: 20px;
    margin-right: 30px;height: 105px;
    margin-top: 10px;
}span.telshow {
    font-family: "microsoft yahei";
    font-size: 36px;
    font-style: oblique;
    line-height: 59px;
    font-weight: bold;
    font-variant: normal;
    color: #FF9800;
}
.hamdata_footer_c_r{    
    float: right;margin: 30px;
    padding: 20px;    width: 100px;
    height: 10px; cursor:pointer;
    background-color: #9e9e9e;}
.hamdata_bottom{ background-color:#021833; color:#dad6d6; line-height:30px;}
.branch_wz{ height:1px;}
.showbranch { display:none;
     background-color: #d6d6d6;
    width: 380px;
    padding: 20px;
    line-height: 20px;
    position: relative;
      left: -445px;
    top: -225px;
}
.flink {
border: 1PX solid #E4E4E4;
text-align: left;
padding: 20px;
margin-bottom: 20px;
color: black;
}
.flink a {
color: gray;
margin-right: 10px;
}
.flink a:hover {
color: black;
}