@charset "utf-8";
*{margin:0;padding:0; border:0px;list-style-type:none; }  
table {border-collapse:collapse;border-spacing:0;}   
a:active{text-decoration:none;}
a:hover{text-decoration:none;}
a:link{text-decoration: none;}
a:visited{text-decoration:none;}
a{text-decoration: none; color: #333;}
ol,ul {list-style:none;}   
body {
	margin: 0px auto;
	padding: 0px;
	background-color: #ffffff; max-width:640px;width: 100%;
	/*font-family: 'Source Sans Pro', sans-serif; */
}
.cored{ color:#e84240;}
.boxhui{ background:#F4F4F4;}
.txtleft{ text-align:left !important;}
.left{float: left;display: inline-block;}
.right{float: right;display: inline-block;}

.main_tit .font15{ font-size:15px; margin: 0.5em 0em;}


#header{
	background-color: #3f8dbf;
	float: left;  
	width: 100%;
	height: 50px;
	color: rgba(255,255,255,1);
	line-height: 50px;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1;
}
#header a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	display: block;
	font-size: 15px;
}
#header-left{
	float: left;
	height: 50px;
}
#header-left:hover #header-left-icon{
	background-color: #3F8DBF;
}
#header-left:hover #header-left-text{
	background-color: #599BC8;
}
#header-left-icon{
	float: left;
	height: 50px;
	width: 50px;
	text-align: center;
	background-color: #35759F;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#header-left-icon a {
	font-size: 25px;
}

#header-left-text{
	float: left;
	height: 50px;
		-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#header-left-text a {
	padding-left: 20px;
	padding-right: 20px;
}
#header-right{
	float: right;
	height: 50px;
}
#header-right:hover #header-right-icon{
	background-color: #3F8DBF;
	}
#header-right:hover #header-right-text{
	background-color: #599BC8;
	}
#header-right-icon{
	float: right;
	height: 50px;
	width: 50px;
	text-align: center;
	background-color: #35759F;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#header-right-text{
	float: right;
	height: 50px;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#header-right-text a {
	padding-right: 20px;
	padding-left: 20px;
}

.wrapper-inner{
	margin-right: auto;
	margin-left: auto;
	 -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}




.mobile-inner{
	margin-right: auto;
	margin-left: auto;
	background-color: #fafafa;
	position: relative; z-index:999;
}

.mobile-inner p{
	color: #676767;
	line-height: 25px;
	font-size: 16px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	margin:0px;
}
.mobile-inner-header{
	background-color: rgba(255,255,255,1);
	width: 100%;
	height: 60px;
	top: 0px;
	left: 0px;
}
.mobile-inner-header img{ display:inline-block;
    margin-top: 0.4em;margin-left: 0.5em;
    max-width:70%;    max-height: 55px;}
.mobile-inner-header-icon{
	color: #ffffff;
	height: 60px;
	font-size:25px;
	text-align: center;
	float:right;
	width: 60px;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
	background-color: rgba(0,0,0,0.2);
	cursor: pointer;
}
.mobile-inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 2px; display:block; 
	background-color: rgba(0,0,0,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
	}
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
	}
	



	
.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}
.mobile-inner-header-icon-click span:nth-child(3)
{ display:none;}


@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	



@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
	    background-color: rgba(255,255,255,1);
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0px;
    padding-top: 3px;
    padding-bottom: 50px;
    display: none;
}



.mobile-inner-nav a{
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #555;
	border-bottom: solid 1px rgba(31, 31, 31, 0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.mobile-inner-nav a:hover{
	color: #666;
	border-bottom: solid 1px rgba(255,255,255,0.2);
}




.numb{font-size: 12px;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 0.2em;
    float: left; margin-top:10px; margin-left:5px;}

/*内容区*/
.main{ clear:both;}
/*.main1{background:#F43735;}*/
/*.main1,.main2{max-height:415px;}*/
.mainbox{ padding: 1em 1em 0em 1em;}
.main img{max-width: 100%;}
.main1{background: #DC2C2C;} 
.main1 img{ max-width: 100%;}
.main1_img{ margin-top:40px;}
.btn_p{text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;}
.btn_p a{display: inline-block;
    border: 1px solid #fff;
    padding: 0.3em 1em;
    border-radius: 2em; color:#fff;font-size: 14px;}
	
.main_tit{ text-align:center; margin:1.5em 0em;}	
.main_tit p{font-size: 28px;}
.main_tit span{ margin:0.5em 0em; display:block; color:#fff;}

/*首页-网站托管*/
.textleft{ text-align:left;}
.textright{ text-align:right;}
.main1,.main2,.main3,.main4,.main5,.main6,.main7,.main8,.main9,.main10,.main11,.main12,.main13,.main14,.main15,.main16{ overflow:hidden; position:relative;}

.main2bg{ background: url(../images/main2bg.png) top right no-repeat #be2829;
    height: 350px;
    background-size: contain;}
.ma1img{ position:absolute; bottom:00px;text-align:center;}
.ma1img img.ma11{ max-width:65%; }
.ma1img img.ma22{ max-width:100%; }
.ma1img img.ma33{ max-width:80%; }

.main7{ background:#db6e1e; color:#fff;}

/*首页-品牌推广*/
.tuig_box{text-align: center;
    margin-bottom: 1.5em;}
.tuig_box p{ margin:1em 0em;}
.main2 .btn_p{ position:relative; margin:1em 0em;}
.main2 .btn_p a{ color:#666; border:1px solid #666;}

.main3{ /*background: url(../images/main3bg.jpg) top right no-repeat; height:750px;color:#fff;*/  background-size: contain;/* background:#000;*/ }


.main22 {
    color: #fff;
    background-size: contain;
    background: #af2525; overflow: hidden;
}

/*SAAS模式*/
.main5{/*background: url(../images/main5bg.jpg) top right no-repeat;background-size: contain;
    height: 400px;*/
	color: #fff;
    width: 100%; background:#000;}
.features { overflow: hidden; margin: auto; width: 100%; margin:1em 0em;}
.features dl {width:33%; float: left;}
.features dt {font-size: 14px;}
.features dt span {    margin:0em;  font-size: 30px;
    display: inline-block;}
.features dd { font-size: 16px;}

/*高权重网站资源*/
.main6 {/*background: url(../images/main6bg.jpg) top right no-repeat;background-size: contain;*/ color:#fff;background: #122f7e;}
.main6 .main1_img{top: 50%;
    position: absolute; left:0px;}
.main7_tit{position:absolute; top:0px;}
.main8{/*background: url(../images/main7bg.jpg) top right no-repeat;background-size: contain;*/ background:#EFEFEF;}
.main8 .main1_img{top: 35%;
    position: absolute; left:0px;}
.main9{/*background: url(../images/main9bg.jpg) top right no-repeat;background-size: contain; height:380px;*/color:#fff; background:#271164;}
.main9 .main1_img{top:40%;
    position: absolute; left:0px;}
.main9_tit{position:absolute; top:0px;}
.main3_tit{position:absolute; top:0px; width:100%;}
.main1_tit{position:absolute; width:100%; bottom:35px;}
.main1_tit .hop1 {/*font-size: 1.62em;*/ color: #fff;position: relative;}
.main1_tit .hop2 {font-size: 1em;color: #fff;}
.main_tit p span {margin: auto;display: inline-block;color: #fff;}

.main10{ background: #000;}	
.main10bg{ background: url(../images/main10bg.jpg) top right no-repeat #000; height: 350px; background-size: contain; }
.main11{ background: #fff;}	
.main1 img{display: block;}
.main11bg{ background: url(../images/main11bg.jpg) top left no-repeat #0a2452; height: 350px; background-size: contain; }

.main12{ background: #be2829; color:#fff;}	
.main12bg{/* background: url(../images/main12bg.jpg) top left no-repeat #fff; height: 350px;*/ background-size: contain; }
.main13{/* background: url(../images/main13bg.jpg) top left no-repeat; min-height:760px;*/ color:#fff; background:#0171C3;}	
.main14{ /*background: url(../images/main14bg.jpg) top left no-repeat; min-height:760px;*/ color:#fff;}	
.main14_txt { position:absolute; top:0px; width: 100%; }
.main13_txt { position:absolute; top:0px;}
.main6_tit{ position:absolute; top:0px;}
.main5_tit{ position:absolute; top:0px;}
.main16{ background:#fff; color:#333;}
.main16bg {
    background: url(../images/main16bg.jpg) top right no-repeat;
    height: 350px;
    background-size: contain;
}


/*服务企业*/
.animg{padding: 0.5em 0em 0em;}

 /*客户代言-滚动*/
	 .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.swiper-slide img{ max-width:90%;}
	
	
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ right:0px;}
	

	
/*媒体报道*/
.newsList li{ border-bottom:1px solid #ddd; padding:1em 0em; text-align:center;}
.newsList li p{ padding:1em 0em; text-align:left;}
.newsList li p a{ color:#222;}
.newsList li  span{text-align:left; display:block;}
.newsList li  span a{color:#888;}
.newsList li img{ max-width:40%;}
	

/*底部信任状*/
.bt{ width: 100%;
    background:#e84240;}
.bt img{ max-width:100%;}

/*底部*/
.fotter{ background:#f5f5f5; padding:1em;overflow: hidden; font-size:0.9em;}
.botel{ background: url(../images/tel.png) no-repeat; font-size:1.8em; padding-left:45px; background-size: contain; color: #222;}
.banben{ text-align:center; color:#888;}
.banben a{ color:#555; margin:0em 0.5em; display:inline-block;}
.bottxt{ padding:0.5em 0em; border-top:1px solid #ddd; color:#888; margin-top:0.5em;}





/*托管页面*/
.tgbox{text-align:center;}
.tg1{ background:#F26B29;}
.tg2{ background:#1d1e22; text-align:right;}
.tg3{ background:#fff;}
/*.tg3 .tgbox{color:#222;}*/
.tg4{ background:#19a7d0;}
.tg5{ background:#a3b92d;}
.tg6{ background:#30495a;}
.tg7{ background:#e04e4e;}
.tg1,.tg2,.tg3,.tg4,.tg5,.tg6,.tg7{ min-height:350px;}
.tg7 img{ max-width:70%;margin:1em;}
.tg6 img{max-width:100%;}
.tg1 img{max-width:95%;margin:1em 0em;}
.tg4 img{margin:1em;max-width:95%;}
.tg3 img{max-width:80%;margin:1em;}
.tg5 img{max-width:100%; margin-top:1em;}
.tg2 img{ margin:1em 0em;}
.tg_tit{ font-size:28px; padding:1em 0em; text-align:center;}
.duibi img{ max-width:99%;}
.duibi{ text-align:center;}


/*推广页面*/
.tuig1{background: url(../images/tg_img/tgsver1bg.jpg) bottom center no-repeat;text-align: center; background-size:cover; color: #fff; min-height: 460px;}
.tuig2{ text-align:center; background: #fff;}
.tuig3{ background:#f17c45;}
.tuig3 .tgbox{color:#fff;}
.tuig4{ background:#cb1a1a;}
.tuig5{ position:relative; width: 100%;
    padding-top: 5em;
    background: url(../images/tuig5bg.jpg) top center no-repeat #ebf0f6;
    background-size: cover;}

.ma2img{bottom: 200px;}
.ma2img img.ma11{max-width: 90%;}

/*我们能为你做些什么*/
ul.menu-m{ overflow:hidden;}
ul.menu-m li{ border-bottom:1px solid #eceaea; overflow:hidden;  background:#fff; margin-bottom:10px;}
ul.menu-m li .m-img{ overflow:hidden; width:20%}
ul.menu-m li .m-img img{ width:100%;  max-width: 100%;  margin-top: 0.5em;}
ul.menu-m li .m-tex{width:77%;  background-size:1.2em;  margin-left: 2.5%; text-align: left; padding-bottom: 0.5em;}
ul.menu-m li .m-tex h3{ height: 30px;line-height: 30px;  font-size: 1em; overflow: hidden;  font-weight: normal;}
ul.menu-m li .m-tex dl{ overflow:hidden;}
ul.menu-m li .m-tex dl dd{ float:left;font-size:0.9em;line-height: 1.5em; color: #666;}
ul.menu-m li .m-tex dl dd.xian{ width:1px; height:10px; background:#cbcaca; margin:0 5px; position:relative; top:7px;}


.corhei{ color:#333;}
.tuig5txt{}
.tuig6{ position:relative; background:#fff;}
.tuig6txt{position: absolute;
    top: 0px;
    width: 100%;
    text-align: right;}
.tuig6txt .tg_tit{ text-align: right;}



/*b2b-滚动*/
	 .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.swiper-slide img{ max-width:90%;}
	
	
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ right:0px;}

/*网站托管+营销型网站*/
.wz_zs {color: #e80000;}


.main2{/* background:#f3f2f8;*/}
/*网站大图更新*/
.tuig3{background: #ffdf01; }
/*网站安全*/
.tuig7{ background: #00c76c; color: #fff;}

.tg8{ background: #e2604a; color: #fff;}

.qwtg_dj {
     padding:0.5em;
    font-size: 16px;
    background: #cb1a1a;
    color: #fff;
    display: inline-block;
    margin-top: 1em;
}
/*首页网总管3大服务*/
.homeser li{display: block; overflow: hidden; text-align: center; padding: 2em 0em;}
.homeser1{background: #0580cb; color: #fff;}
.homeser li img{margin: 1em;}
.homeser h1{ margin-bottom: 0.4em; font-size:2em;}
.hop1{font-size: 1.62em; color: #fff;position: relative;}
.hop2{font-size: 1em;color: #fff;}
.homeser1 .hop1{font-size: 1.6em; color: #fff;}

.wzttip a{font-size: 12px; color: #fff;border-radius: 20px; border: 1px solid #cacaca;padding: 5px 20px;display: inline-block;}
.homeser2{background: #fff;}
.homeser2 .wzttip a{ color: #222;}
.homeser2 .hop1{ font-size: 1.9em; color: #333;}
.homeser2 .hop2{ font-size: 1.15em;color: #333;}
.homeser3{background: #e60212;color: #fff;}
/*.homeser3 .hop1{font-size: 1.46em;}*/
.homeser3 .hop2{ font-size: 0.9em;}
/*在线QQ*/
.wzg_sjqq{ position: fixed; top: 50%; right: 0.2em; z-index: 999;}



/*首页banner菜单*/
.index_menul{font-size: 24px;width: 100%;text-align: center;margin-top: 20px;margin-bottom: 20px;overflow: hidden;}
.index_menul a{float: left;display:grid;align-items: center;width:25%;overflow-y:auto}
.index_menul a img{margin: 0 auto;display: block;width:70%; max-width:65%;}
.index_menul a text{text-align: center;margin-top:10px; display: block; font-size: 16px;}

.zixunn{margin: 0 auto;text-align: center;position: relative;}
.dianji{background-color:#dc2c2c;color: #FFF;font-size: 12pt;padding: 0 30pt;border-radius: 30px;position:absolute;top: 0;bottom: 0;left: 0;right: 0;width: 160px;height: 40px;margin:auto;margin-bottom: 40px; line-height: 40px}
.wzg_saas img{ display: block;}