html {
	font-size:62.5%;
	font-family:'helvetica neue', 'hiragino sans gb', \5FAE\8F6F\96C5\9ED1, 'microsoft yahei', 'Simsun', tahoma, arial
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr {
	margin:0;
	padding:0
}
body {
	line-height:1.333;
	font-size:12px;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-family:arial, 'hiragino sans gb', 'microsoft yahei', 'Simsun'
}
input, textarea, select, button {
	font-size:12px;
	font-weight:normal
}
button, select, input {
	box-sizing:content-box
}
/*清除属性*/	
	*{padding: 0;margin: 0;font-size: 12px;color:#000}
	a{text-decoration: none;}
	ul{list-style: none}
	.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
	clear: both;
}
	body{background-color: #e0ecf7;overflow-x: hidden}
/*头部*/
	/*顶端*/
	.ding{width: 100%;line-height: 30px;background-color: #2b3442;}
	.ding>div{width: 1200px;margin: 0 auto;}
	.ding p{float: left;color: #fff}
	.ding .xiangyou{float: right; color:#fff;}
	
#topnavbar{width:100%;/*background:url(../images/bg_nav.jpg);*/ background:#000;top:0;left:0;z-index:999;display:none;_top:expression(this.scrollTop=document.documentElement.scrollTop);}
.top0{ width:auto;margin:0 auto;  background:#fff;}
.top0_w{ width:1200px; height:30px; line-height:30px;margin:0 auto; color:#000; font-size:12px; }
.top0_r{ float:right; padding-left:15px;}
.top0_l{ float:left; padding-right:15px;}
.top0_l a{ color:#000;}
.top0_l a:hover{ color:#F40016;}
.head-menu {
	
	z-index:100;
	background:#000
}
.head-menu .navigation-up {
	height:60px
}
.head-menu .navigation-inner {
	position:relative;
	max-width:1200px;
	margin:0 auto
}
.head-menu .navigation-up .navigation-v3 {
	float: right
}
.head-menu .navigation-up .logo-area {
	float:left;margin-top: 10px;
}
.head-menu .navigation-up .logo-area h1 {
	display:inline-block;
	vertical-align:middle
}
.head-menu .navigation-up .logo-area img {
	display:inline-block;
	vertical-align:middle;
	margin:0 10px
}

.head-menu .navigation-up .navigation-v3 .nav-up-menu {
	font-size:0
}
.head-menu .navigation-up .navigation-v3 .nav-up-menu li {
	font-size:16px;
	color:#fff;
	display:inline-block;
	position:relative
}
.head-menu .navigation-up .navigation-v3 li h2 {
	font-weight:normal;
	padding:0;
	margin:0;
	
}
.head-menu .navigation-up .navigation-v3 li h2 a {
	padding:0 26px;
	color:#fff;
	display:inline-block;
	line-height:60px;
transition:.2s ease background;
font-size:16px;
}
.head-menu .navigation-up .navigation-v3 .nav-up-selected, .head-menu .navigation-up .navigation-v3 li h2 a:hover {
	background:#0082CB
}
.head-menu .navigation-up .navigation-v3 .nav-up-selected h2 a, .head-menu .navigation-up .navigation-v3 li h2 a:hover {
	color:#fff
}

	/*导航*/
	.navbackground_color{width: 100%;background-color: #222222}
	.nav_logo{width: 1200px;margin: 0 auto;}
	.logo{float: left;margin-top: 10px}
	.logo img{display: block;}
	.nav{float: right;}
	.nav li{float: left}
	.nav a{display: block;color: #fff;line-height: 60px;padding: 0 15px;}
	/*广告区*/
/* 轮播动画 */
.banner { width:100%; height:500px;}
.banner{height: 500px;overflow: hidden;position: relative; margin:0px; padding:0px; width:100%;  /*margin-top:90px;*/} 
.banner_bNav {width:1919px;margin:auto;z-index:1;height: 500px;}
.banner .bNav{top:450px; left: 900px;position:relative;z-index: 7;width:210px;}
.banner .bNav li { float:left; width:14px; display:inline; height:14px; padding:0; border:0 none; background-color:#fff; line-height:18px; text-align:center; font-weight:bold; color:#1A89B9; font-size:14px; font-weight:500; margin-right:10px; cursor:pointer;border-radius:11px;-webkit-border-radius:11px;-o-border-radius:11px;-ms-border-radius:11px;-moz-border-radius:11px; }
.banner .bNav li#now{background-color:#1A89B9;color:#fff;}
.banner .bk {position:absolute;width:100%;margin: 0 auto;}
.banner .bk .bbg { margin: 0 auto;width:1919px;}
.bbg img{ display:block;width:1919px; height:500px; position:absolute; left:50%; margin-left:-960px;}
.bann_bg { background:url("../images/banner_3.jpg"); height:500px}
.bann { background:url("../images/hengbj.jpg"); height:230px}
	/*购买流程*/
	.index_buy{width: 1200px;margin: 0 auto;padding-bottom: 50px;background-color: #fff;}
	.buy_flow{width: 1200px;background-color: #000}
	.buy_flow li{font-size: 24px;font-weight: bold;color: #fff;float: left;width: 399px;line-height: 120px;text-align: center;border-right: 1px solid #fff;background-color: #000;cursor: pointer;}
	
	.agency{position: relative;}
	.flow_img1{float: left;width: 300px;margin-left: 40px;}
	.flow_img1 img{display: block;margin-top: 30px;}
	.agency_explain{float: left;width: 560px;margin-left: 20px;}
	.agency_explain h1{font-size: 18px;font-weight: bold;margin-top: 40px; margin-bottom:20px;}
	.agency_explain p{line-height: 30px; font-size:16px;}
	.buy_more{width: 100px; background-color: #e84242;color: #fff;position: absolute;line-height: 30px;border-radius: 10px;text-align: center;right:50px;bottom: 50px;cursor: pointer;}
	.buy_more:hover{background-color:red}
	.problrm_solution{width: 1060px;margin: 0 auto;line-height: 30px;margin-top: 60px;}
	.problrm_solution h1{font-size: 24px;color: red}
	.problrm_solution h2{font-size: 18px;color: #2F2F2F;margin-top: 10px;}
	.problrm_solution p{color:#585858}
	/*选择华为云*/
	.select_huawei{margin-top: 80px}
	.select_title{width: 724px;margin: 0 auto;position: relative}
	.select_title h1{font-size: 24px;color: #373636;width: 250px;text-align: center;margin: 0 auto;position: relative;bottom: 26px}
	.bg_img{width: 1920px;height: 700px;margin: 0 auto;position: relative}
	.bg_img img{display: block}
	.select_we{width: 1920px;height: 700px;background-color: rgba(0,0,0,0.8);position: absolute;left: 0;top: 0;}
	.select_we ul{width: 1200px;height: 420px;margin: 0 auto;margin-top: 140px;}
	.select_we li{width: 220px;height: 420px;background-color: #fff;float: left;margin: 10px; cursor: default;}
	.select_we li img{margin-left: 70px;margin-top: 100px;}
	.select_we li h1{font-size: 24px;text-align: center;margin-top: 50px;}
	.select_we h2{font-size: 18px;text-align: center;}
	.select_we h3{margin-top: 20px;color: red;}
	.select_we p{line-height: 24px;color: #555555;}
	.hide_1,.hide_2,.hide_3,.hide_4,.hide_5{width: 190px;margin: 0 auto;margin-top: 30px;}
	.anquan:hover .show_1{display: none;}
	.anquan:hover .hide_1{display: block;}
	.fuwu:hover .show_2{display: none;}
	.fuwu:hover .hide_2{display: block;}
	.jishu:hover .show_3{display: none;}
	.jishu:hover .hide_3{display: block;}
	.jingyan:hover .show_4{display: none;}
	.jingyan:hover .hide_4{display: block;}
	.jiage:hover .show_5{display: none;}
	.jiage:hover .hide_5{display: block;}
	/*新闻中心*/
	.newscenter{width: 1200px;margin: 0 auto;margin-top: 80px;}
	.newslist{width: 1200px;margin: 0 auto;background-color: #fff;padding: 50px 0}
	.riqi{width: 100px;height: 100px;border: 1px solid #3b3b3b;}
	.news_block{width: 1120px;margin: 0 auto;border-bottom: 1px dashed #949191;padding-bottom: 20px;margin-top: 50px;background-color: #fff}
	.riqi{float: left;text-align: center;margin-left: 10px;}
	.riqi .yue{font-size: 18px;font-weight: bold;margin-top: 30px}
	.riqi .nian{margin-top: 20px;}
	.news_neirong{width: 700px;float: left;margin-left: 90px}
	.lan{font-size: 18px;cursor: pointer;}
	.news_neirong p{line-height: 28px;margin-top: 10px;color: #272827;cursor: pointer}
	.news_more{width: 100px;height: 30px;border: 1px solid #949292;clear: both; float: right;text-align: center;line-height: 30px;margin-right: 10px;cursor: pointer;}
	
	.news_neirong:hover .lan{color: #0A56CB} 
	.news_more:hover{border: 1px solid red;background-color: red;color: #fff;}
	
	
	/*产品中心*/
	.product_center{width: 1200px;margin: 0 auto;margin-top: 80px;}
	.product_bgcolor{background-color: #fff;padding: 0 60px;padding-top: 50px;padding-bottom: 50px;}
	.product_bgcolor li{float: left;width: 270px;margin:0 45px;height: 150px;cursor: pointer;}
	.product p{width: 250px;color: #666666;margin-top: 10px;line-height: 20px;text-align: justify}
	.weilei{width: 250px;line-height: 26px;padding-top: 2px;}
	
	.product_bgcolor li:hover .weilei{color: red;border-top: 2px solid red;padding-top: 0;}
	/*底部*/
	.footer{width: 1920px;margin: 0 auto;background-color: #222222; padding-top:80px;}
	.footer_nav{width: 800px;margin: 0 auto;padding: 20px 0;}
	.footer_nav li{float: left}
	.footer_nav li a{display: block;color: #fff;padding: 0 40px;border-right: 1px solid #fff;cursor: pointer}
    .footer_nav li a:hover{color: red}
	.dibu{width: 1200px;margin: 0 auto;line-height: 60px;}
	.copy{text-align:center; color: #fff; }
	.copy>span{font-family:arial;color: #fff;}
	.beian{float: right;color: #fff}
	
/*------ service start ------*/  
/*grid styles for AUI2.0 -- start */
.AGrid-row:before,
.AGrid-row:after {
    content: " ";
    display: table;
    line-height: 0;
}
.AGrid-row:after {
    clear: both;
}
.AGrid-row {
    *zoom: 1;
    clear: both;
}
/*间隔20px的栅格*/
.AGrid-row.no-gap,
.gap .AGrid-row.no-gap {
    margin: 0;
}
.AGrid-row.no-gap [class^=col-],
.gap .AGrid-row.no-gap [class^=col-] {
    padding: 0;
}
.AGrid-row.gap,
.no-gap .AGrid-row.gap {
    margin: -10px;
}
.AGrid-row.gap [class^=col-],
.no-gap .AGrid-row.gap [class^=col-] {
    padding: 10px;

}
@media (max-width: 799px) {
    .AGrid-row.gap,
    .no-gap .AGrid-row.gap {
        margin: -5px;
    }
    .AGrid-row.gap [class^=col-],
    .no-gap .AGrid-row.gap [class^=col-] {
        padding: 5px;

    }
}
.col-mb-1, .col-mb-2, .col-mb-3, .col-mb-4, .col-mb-5, .col-mb-6, .col-mb-7, .col-mb-8, .col-mb-9, .col-mb-10, .col-mb-11, .col-mb-12,
.col-pd-1, .col-pd-2, .col-pd-3, .col-pd-4, .col-pd-5, .col-pd-6, .col-pd-7, .col-pd-8, .col-pd-9, .col-pd-10, .col-pd-11, .col-pd-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position: relative; }
.col-mb-1, .col-mb-2, .col-mb-3, .col-mb-4, .col-mb-5, .col-mb-6, .col-mb-7, .col-mb-8, .col-mb-9, .col-mb-10, .col-mb-11, .col-mb-12 { float: left; }
.col-mb-1 { width: 8.33333333%; }
.col-mb-2 { width: 16.66666667%; }
.col-mb-3 { width: 25%; }
.col-mb-4 { width: 33.33333333%; }
.col-mb-5 { width: 41.66666667%; }
.col-mb-6 { width: 50%; }
.col-mb-7 { width: 58.33333333%; }
.col-mb-8 { width: 66.66666667%; }
.col-mb-9 { width: 75%; }
.col-mb-10 { width: 83.33333333%; }
.col-mb-11 { width: 91.66666667%; }
.col-mb-12 { width: 100%; }
@media (min-width: 768px) {
    .col-pd-1, .col-pd-2, .col-pd-3, .col-pd-4, .col-pd-5, .col-pd-6, .col-pd-7, .col-pd-8, .col-pd-9, .col-pd-10, .col-pd-11, .col-pd-12 { float: left; }
    .col-pd-1 { width: 8.33333333%; }
    .col-pd-2 { width: 16.66666667%; }
    .col-pd-3 { width: 25%; }
    .col-pd-4 { width: 33.33333333%; }
    .col-pd-5 { width: 41.66666667%; }
    .col-pd-6 { width: 50%; }
    .col-pd-7 { width: 58.33333333%; }
    .col-pd-8 { width: 66.66666667%; }
    .col-pd-9 { width: 75%; }
    .col-pd-10 { width: 83.33333333%; }
    .col-pd-11 { width: 91.66666667%; }
    .col-pd-12 { width: 100%; }
}

@media (min-width: 1280px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
    .col-md-1 { width: 8.33333333%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-6 { width: 50%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-9 { width: 75%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-12 { width: 100%; }
}
.content-block {
    max-width: 1200px;
    clear: both;
    margin:0 auto; 
    padding: 50px 10px ;

    /* transition: padding .3s ease-out; */
}


.service-area {
    margin-top:110px;
    background: #222;
    height: 30px;
} 
.service-area .content-block{ 
    position: relative;
    padding:0px; 
    border-bottom: 1px solid #2b2b2b;
    max-width: 1180px;
}  
.service-boxes .tile {  
    text-align: center; 
    color:#999;
    padding: 28px 15px;
    font-size: 12px;
    transition:  background-color .3s ease;
} 
.service-boxes .tile:hover{
    background-color:#292929;
    background-color: hsla(0,0%,100%,.03);    
}
.service-boxes .aui-tile{
    text-align: center;
    border:0 none; 
} 
.icons-services{
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: top;
  background: url(../images/icons-services.png) 0 0 no-repeat; 
  
}
.icons-services.ser-complain {
  background-position: -144px 0;
}
.icons-services.ser-pay {
  background-position: -108px 0;
}
.icons-services.ser-record {
  background-position: -72px 0;
}
.icons-services.ser-support {
  background-position: 0 0;
}
.icons-services.ser-unsub {
  background-position: -36px 0;
}
.icons-services.ser-vip {
  background-position: -180px 0;
} 
 
.service-boxes .figure{  
    float: left; 
    padding-right: 15px;
}  
.service-boxes .name{  
     text-align: left;
}  
.ser-list-2 .name{
    font-size: 18px;
    line-height: 60px;   
}
.service-boxes .strong-text{
    font-size: 16px;
    line-height: 1.2;
    color: #ccc; 
    display: inline-block;
}
.serve-expert{
    position: absolute;
    top: 10px;
    right: -120px;
    width: 240px;
} 
.serve-expert .exp-text{
    margin-bottom:20px;
    line-height: 1; 
    font-size: 18px; 
    display: inline-block;
}
.serve-expert .em-text{
    font-size: 42px;
    margin-top: 10px;
}
.serve-expert .expert-img{
    position: absolute;
    bottom: -30px;
    right: 0;
}
.service-area h3{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/*------ service end ------*/
.w1040{width: 1040px;margin:auto;overflow: hidden;}
#place{width: 100%;margin:auto;border-bottom:2px #ddd solid;font-size: 12px;color:#666;height: 40px;line-height: 40px;background: #eee;}
#place span{padding-left:20px;background: url(../images/icons.png) -206px -25px no-repeat;display: block;}
#place a{color: #666;}
.pageContent{background:#f2f2f2;padding:10px 0;margin-top:20px;overflow:hidden;}
.diywin{width:1003px;margin:10px auto;overflow:hidden; font-family:"Microsoft YaHei";}
.diywin h2{ font-size:40px; color:#333; text-align:center; line-height:72px; height:72px; }
.diywin h3{ font-size:16px; color:#333; text-align:center; font-weight:normal; margin-bottom:20px; width:900px;margin:0 auto; line-height:32px;}
.diywin h3 em{ color:#ff5b00; font-size:18px;}
.diystylerec{width:1003px;list-style:none;margin:0 0 0 10px;padding:0 0 10px 0;overflow:hidden;}
.diystylerec li{width:300px;height:267px;float:left;border:7px solid #e4e4e4;margin:30px 20px 0 0;box-shadow:5px 5px 10px #ccc;}
.diystylerec li img{width:300px;height:233px;display:block;}
.diystylerec li h5{width:100%;height:32px;line-height:32px;margin:0;padding:0px; text-align:center; font-size:14px;font-weight:normal;color:#fff;background:#ff7300;overflow:hidden; font-family:"Microsoft YaHei";}
.diystylerec li:hover{box-shadow:5px 5px 10px #999;}
.diystylerec li:hover img{opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);}

/* online */
#online_qq_tab a,.onlineMenu h3,.onlineMenu li.tli,.newpage{background:url(../images/float_s.gif) no-repeat;}
#onlineService,.onlineMenu,.btmbg{background:url(../images/float_bg.gif) no-repeat;}

#online_qq_layer{z-index:9999;position:fixed;right:0px;top:30%;margin:0 0 0 0;}
*html,*html body{background-image:url(about:blank);background-attachment:fixed;}
*html #online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop));}

#online_qq_tab{width:28px;float:left;margin:120px 0 0 0;position:relative;z-index:9;}
#online_qq_tab a{display:block;height:118px;line-height:999em;overflow:hidden;}
#online_qq_tab a#floatShow{background-position:-30px -374px;}
#online_qq_tab a#floatHide{background-position:0 -374px;}

#onlineService{display:inline;margin-left:-1px;float:left;width:130px;display:none;background-position:0 0;padding:5px 0 0 0;}
.onlineMenu{background-position:-262px 0;background-repeat:repeat-y;padding:0 15px;}
.onlineMenu h3{height:34px;line-height:999em;overflow:hidden;border-bottom:solid 1px #ACE5F9;}
.onlineMenu h3.tQQ{background-position:0 10px;}
.onlineMenu h3.tele{background-position:0 -47px;}
.onlineMenu li{height:30px;line-height:30px;text-align:center;}

.onlineMenu li.tli{padding:0 0 0 20px;font-size:12px;text-align:left;}
.onlineMenu li.tli1{padding:0 0 0 20px;font-size:12px;text-align:left;}
.onlineMenu li.zixun{background-position:0px -131px;padding:0 0 0 25px;}
.onlineMenu li.zixun1{ background: none repeat scroll 0 0 #00A0E9; color: #FFFFFF;padding:0 0 0 25px;}

.onlineMenu li.fufei{background-position:0px -190px;}
.onlineMenu li.phone{background-position:0px -244px;}
.onlineMenu li a.newpage{display:block;height:36px;line-height:999em;overflow:hidden;background-position:5px -100px;}
.onlineMenu li img{margin:8px 0 0 0;}
.onlineMenu li.last{border:0;}

.wyzx{padding:8px 0 0 5px;height:57px;overflow:hidden;background:url(webZx_bg.jpg) no-repeat;}

.tliH1{padding:0 0 0 20px;font-size:14px;text-align:left;}
.zixunH1{ background: none repeat scroll 0 0 #00A0E9; color: #FFFFFF;}


.btmbg{height:12px;overflow:hidden;background-position:-131px 0;}

.wpaqq {display:block;height: 24px;clear:both;}


.littt{height:25px;line-height:25px;text-align:center;}
.line{border-top:1px dashed #ccc;}

.clear{margin:0px;padding:0px;clear:both}
.top0_wx{float: right;position: relative;width: 32px;height: 28px}
			.top0_wx img{display: block;}
			.weixin{position: absolute;display: none}
			.top0_wx:hover .weixin{display: block}
.huawei_banner{background: url(../images/hwbanner.jpg) no-repeat;height: 500px;}