﻿
/* CSS Document */
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;}
p{padding:0;margin:0;}
iframe,img {border: none;margin: 0px; vertical-align:middle;}
input,button,select,textarea{outline:none}
img{ max-width:100%; vertical-align:middle;}
img a {border: none;margin: 0px;}
body { font: 12px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;padding:0;margin:0;}

.hj{overflow:hidden; clear:both; height:5px;}
.hj2{overflow:hidden; clear:both; height:10px;}
.hj3{overflow:hidden; clear:both; height:30px;}
.adv1 img{ width:100%;}
/* 首页开始 */
@media screen and (min-width:375px){.tit,.text1 {font-size: 18px; line-height:30px;}}
@media screen and (min-width: 410px){.tit,.text1 {font-size: 20px;line-height:32px;}}
@media screen and (min-width: 480px){.tit,.text1 {font-size: 24px; line-height:36px;}}
@media screen and (min-width: 640px) {.tit,.text1 {font-size: 26px; line-height:40px;}}

.tit1{overflow:hidden; clear:both; font-size:16px; padding:5px; border-bottom:1px solid #ddd;}
.more1{ float:right;}
.nr1{overflow:hidden; clear:both;}
.nr1 li{ float:left; width:33.3%; text-align:center; font-size:14px;}
.nr1 li a{ padding:8% 0; display:block; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.nr1 li span{ display:block; padding-top:8%;}
.nr1 li img{ width:50%; max-width:82px;}
.text1{ text-align:center; padding:5% 0;}
.bg2{background:url(../image/bg21.jpg) no-repeat top; background-size:100% auto;}
.tit2{ text-align:center; padding-top:10%;}
.tit2 img{ width:30%;}
.nr2{overflow:hidden; clear:both; padding:8% 0;}
.nr2 li{ float:left; width:25%; text-align:center;}
.nr2 li p{ padding-top:5%; font-size:14px; color:#FFF;}
.nr2 li img{ width:65%; max-width:90px;}
.nr3{ padding:0 5%;overflow:hidden; clear:both; position:relative; text-align:center;}
.nr3 img{ width:100%;}
.left{ position:absolute; left:10px; top:30%; width:3%;}
.right{ position:absolute; right:10px; top:30%; width:3%;}
.nr4{overflow:hidden; clear:both; padding:5px 1%;}
.nr4 li{ float:left; width:45%; padding:2%; text-align:center;}
.nr4 li a{ display:block;}
.nr4 li a img{ width:100%; height:190px;}
 .nr4 li span{ display:block;  font-size:15px; line-height:30px;height:30px; overflow:hidden;}
.nr5{overflow:hidden; clear:both; background:#f5f5f5;}
.nr5 ul{overflow:hidden; clear:both; padding:1% 2%;}
.nr5 ul li{ float:left; width:48%; padding:1%;}
.nr5 ul li img{ width:100%;}

.foot{overflow:hidden; clear:both; position:fixed; bottom:0px; left:0; height:38px;}
.foot li{ float:left; width:33.33%}
.foot li img{ width:100%;}
/* 首页结束 */
/* 联系我们开始 */
.bg3{ background:#efeff4; padding:3%;}
.mm1{ background:#FFF;overflow:hidden; clear:both;}
.nr6_p1 img{ width:100%;}
.nr6_p1{ padding-bottom:8px; color:#999;}
.nr6_p2{ border:1px solid #ddd; border-radius:5px;background:url(../image/bg31.jpg) repeat-x; background-size:auto 100%; line-height:24px; width:100%;font-family:"微软雅黑"; font-size:14px; margin:0;}
.nr6_p3{ border:1px solid #ddd; border-radius:5px;background:url(../image/bg31.jpg) repeat-x; line-height:24px; width:98%;font-family:"微软雅黑"; font-size:14px; margin:0;}
.nr6_p4{ border: none;background:#d6001d; line-height:32px; font-size:18px; color:#FFF;width:100%; font-family:"微软雅黑";}
.nr6_p5{ border-bottom:1px solid #ddd; text-align:left;margin:0; padding-bottom:5px;}
.nr6_p6{ font-size:16px; line-height:24px;}
.nr6_p6 li{ padding:5px 0px;}
.nr6_p6_p{ font-size:12px; color:#999;}
/* 联系我们结束 */
/* 新闻中心开始 */
@media screen and (min-width:320px){html .tit3{font-size: 12px; line-height:24px;}}
@media screen and (min-width:360px){html .tit3{font-size: 14px; line-height:26px;}}
@media screen and (min-width:385px){html .tit3{font-size: 16px; line-height:28px;}}
@media screen and (min-width: 414px){html .tit3{font-size: 18px; line-height:30px;}}
@media screen and (min-width: 480px){html .tit3{font-size: 21px; line-height:36px;}}
@media screen and (min-width: 640px) {html .tit3{font-size: 28px; line-height:44px;}}
.nr7{overflow:hidden; clear:both; padding:5px 0px;}
.nr7 li{ border-bottom:1px solid #ddd; padding:5px 10px;}
.nr7 li p{background:url(../image/tub11.jpg) no-repeat right; line-height:20px; font-size:14px; background-size:auto 30px; overflow:hidden; height:40px; padding-right:12px; color:#888;}
.nr7 li a{ display:block; font-size:16px; line-height:24px;height:24px; overflow:hidden;}

/* 新闻中心结束 */
/* 最新建站开始 */
.tit4{overflow:hidden; clear:both; border-bottom:1px solid #eee;}
.tit4 li{ float:left; width:46%; text-align:right; padding:5px 3% 5px 0;}
.tit4 li span{ float:left; display:block; padding-left:5%;}
.nr8{overflow:hidden; clear:both; padding:5px 1%; background:#eee;}
.nr8 li{ float:left; width:48%; padding:1%; line-height:24px; color:#777;}
.nr8 li a{ display:block;}
.nr8 li a span{ display:block; font-size:14px; height:24px; overflow:hidden;}
.nr8 li p{ background:#FFF; border:1px solid #ddd; border-radius:8px; padding:5px;}

/* 最新建站结束 */
/* 建站套餐开始 */
.nr9{overflow:hidden; clear:both;}
.nr9 li{ padding:10px 5px; line-height:24px; color:#777;background:url(../image/bg41.jpg) no-repeat center bottom; background-size:100% auto; padding-bottom:15px; font-size:14px;}
.nr9_p1{ padding:5px 0px;}
.nr9_p1 img,.nr9_p2 img{ width:100%;}
.nr9_p2{ text-align:center;}
.nr9_p3{ color:#888; line-height:30px;}
.nr9_p0{ color:#e78523; font-weight:bold; font-size:16px;}
.nr9_p4{ color:#1667c2; font-weight:bold; font-size:16px; line-height:30px;}
.tit5{ text-align:center; padding:10px 0px; font-size:16px; line-height:28px;}
.tit5 p{ font-weight:bold;  color:#0795d7; font-size:20px;}
.nr10{overflow:hidden; clear:both; padding:1%;}
.nr10 li{ float:left; text-align:center; width:44%; padding:1%; margin:2%;box-shadow:0 0 5px #ccc; font-size:14px; border-radius:5px;}
.nr10 li a{ display:block; padding-bottom:8px;}
.nr10 li a span{ display:block;}
.nr10 li a img{ width:40%;}
/* 建站套餐结束 */
.neirong{overflow:hidden; clear:both; padding:5px 5px; text-align:left; line-height:150%}
.neirong  h2{ text-align:center; font-size:16px; font-weight:bold ; line-height:30px; height:60px;}

.neirong  img{ max-width:400px;}


.km1{ padding:2%; background:#eee;}
.km2{ background:#fff;}
.kt1{ overflow:hidden; clear:both;}
.kt1 li{ float:left; width:50%; font-size:14px; line-height:20px; text-align:center; padding:5px 0px 10px 0px;background:url(../image/kt1.jpg) repeat-x; background-size: auto 100%;}
.kt1 li img{ height:18px;}
.kt1 .active{background:url(../image/kt2.jpg) no-repeat top center; background-size: auto 100%;color:#fff;}
.none {display:none;}
.kt2{ overflow:hidden; clear:both; text-align:center; padding:0 5px; line-height:24px;}
.kt2 p{background:url(../image/kt3.jpg) no-repeat bottom center; background-size: 100% auto; font-size:18px; padding:5px 0px; line-height:30px;}
.knr1{ padding:1%; overflow:hidden; clear:both;}
.knr1 li{ float:left; width:48%; padding:1%;}
.knr1_p0{ padding:1%; border:1px solid #e0e0e0;}
.knr1_p1{ text-align:center; border-bottom:1px solid #CCC; padding:5px 0px;}
.knr1_p1 p{ font-size:18px;}
.knr1_p2{ color:#666; text-align:center; height:35px;}
.knr1_p2 span{ color:#ff8500; font-size:28px; line-height:35px;}
.knr1_p3{ padding-top:4%;}
.knr1_p3 p{ font-weight:bold;}
.knr1_p4{ display:block; width:50%; margin:10px auto; background:#2086ee; color:#FFF; font-size:16px; padding:3% 0; text-align:center;}

.knr2{ overflow:hidden; clear:both; position:relative; padding:5px 4%;}
.kleft{ position:absolute; left:0; top:45%; display:block; width:4%;}
.kright{ position:absolute;right:0; top:45%; display:block; width:4%;}
.knr2 ul{ overflow:hidden; clear:both;}
.knr2 li{ float:left; width:46%; padding:2%;}
.knr2_p1{ border:1px solid #ddd; padding:5% 1%; text-align:center; color:#666;}
.knr2_p2{ padding:1% 0;}
.knr2_p2 span{ display:block; font-size:16px; color:#444;}
.knr2_p3{ padding:8% 0;}
.knr2_p5{ text-align:center; padding:5% 0;}
.knr2_p5 a{ border:1px solid #f6677b; border-radius:5px; padding:0% 5% 1% 5%; color:#c90103; font-size:14px;}
.knr3{ overflow:hidden; clear:both;}
.knr3 li{ float:left; width:48%; padding:2% 1%;}
.knr3_p1{ float:left; width:30%; max-height:84px; overflow:hidden;}
.knr3_p2{ float:right; width:66%; max-height:84px; line-height:20px; overflow:hidden;}
.knr3_p2 p{ font-size:16px; line-height:24px;}



.qm1{ padding:1%;overflow:hidden; clear:both;}
.qtt0{ background:#249cfd; color:#FFF; font-size:16px; line-height:20px;height:20px; padding:2%; margin-bottom:1%;overflow:hidden; clear:both;}
.qtt0 img{ height:100%; margin-right:5px;}
.qtt1{ color:#FFF; border-radius:5px;font-size:16px; line-height:20px;height:20px; padding:2%; margin-bottom:1%;overflow:hidden; clear:both;}
.qtit1{ background:#249cfd;/*域名服务解决方案*/}
.qtit2{ background:#93cc41;/*百度推广解决方案*/}
.qtit3{ background:#f39801;/*APP解决方案*/}
.qtit4{ background:#24c91b;/*品牌解决方案*/}
.qtit5{ background:#a2a2ba;/*平台解决方案*/}
.qtit6{ background:#516ff5;/*企业解决方案*/}
.qtit7{ background:#f9ad01;/*商城解决方案*/}
.qtit8{ background:#f54748;/*手机解决方案*/}
.qtit9{ background:#4972f1;/*营销解决方案*/}
.qtit10{ background:#e97a29;/*微网站解决方案*/}

/*域名服务解决方案*/
.qnr1{overflow:hidden; clear:both; padding:5px 0;background:url(../image/qbg1.jpg) no-repeat center; background-size:auto 100%;}
.qnr1_p2{ overflow:hidden; clear:both;}
.qnr1_p2 li{ float:left; width:31.3%; padding:1%;}
.qnr1_p2 li p{ border:1px solid #ddd; text-align:center;}
.qnr1_p2 li p span{ display:block;}
.qnr1_p2 li p img{ padding:6% 0; width:50%;}
.qnr1_p3{ text-align:center; padding:2% 0;}
.qnr1_p3 p{ color:#1483dc; font-size:20px;}
.qnr3{ background:url(../image/qbg2.jpg) no-repeat right center #f5f5f5; background-size:40% auto; margin-top:1%; border-radius:5px; padding:1%; padding-right:35%;}
.qnr2 p,.qnr3 p{ font-size:14px;}
.qnr3_p1{ text-align:center;}
.qnr3_p1 span{ display: block; font-size:16px;}
.qnr3_p2{ padding:8px 0;}
/*百度推广解决方案*/
.qnr4{overflow:hidden; clear:both; padding:5px 0;}
.qnr5{overflow:hidden; clear:both; padding-top:2%;}
.qnr5 li{ float:left; width:48%; padding:1%;}
.qnr5_p1{ border:1px solid #ddd; padding:1%; text-align:center;}
.qnr5_p2{ background:url(../image/qbg3.jpg) no-repeat center bottom; background-size:100% 1px; line-height:24px;}
.qnr5_p2 span{ display:block; font-weight:bold; font-size:20px;}
.qnr5_p3{ height:60px; line-height:20px; padding-top:5px;}


/*营销解决方案*/
.qnr6{ overflow:hidden; clear:both; padding:1%;}
.qnr6 li{ padding:0% 4%; padding-top:50px;}
.qnr6_p1{ text-align:center;}
.qnr6_p1 img{ position:relative; margin-top:-40px; height:80px;}
.qnr6_p2{ border:1px solid #ddd; padding:5px; padding-top:0;}
.qnr6_p2 p{ text-align:center; font-size:14px; line-height:28px;}

/*微网站解决方案*/
.qnr7,.qnr9{ overflow:hidden; clear:both;}
.qnr7 li,.qnr9 li{ float:left; padding:1% 2%; width:46%;text-align:center; }
.qnr7 li img{ max-width:60%;}
.qnr7 li p{ max-height:96px; height:96px; overflow:hidden; text-align:left;}
.qnr7 li p span{ display:block; font-size:16px; text-align:center; line-height:24px;}
.qnr9 li img{ width:100%;}
.qnr9_p2{ text-align:left; padding:3%;}
.qnr9_p2 span{ display:block; font-size:16px; font-weight:bold;}
.qnr9_p2 p{ height:72px; overflow:hidden;}

.qnr8{ overflow:hidden; clear:both; position:relative; padding:5px 4%;}
.kleft{ position:absolute; left:0; top:45%; display:block; width:4%;}
.kright{ position:absolute;right:0; top:45%; display:block; width:4%;}
.qnr8 ul{ overflow:hidden; clear:both;}
.qnr8 li{ float:left; width:46%; padding:2%;}
.qnr8_p1{ border:1px solid #ddd; padding:5% 2%; color:#666;}
.qnr8_p2{ text-align:center;}
.qnr8_p2 img{ max-width:60%;}
.qnr8_p3{ font-size:14px; padding:5px 0px;}
.qnr8_p3 span{ display:block; font-size:16px;}
.qnr8_p5{ display:block; text-align:center; font-size:14px; color:#2277da; border:1px solid #2277da; border-radius:3px; margin-top:5px; line-height:28px;}

/*品牌解决方案*/
.qnr10{ overflow:hidden; clear:both;}
.qnr10 li{ float:left; width:31.3%; padding:1%; text-align:center;}
.qnr10_p1{ max-height:66px;}
.qnr10_p1 img{height:60px;}
.qnr10_p2{ font-size:14px; padding-top:5px;}
.qnr10_p3{ text-align:left; overflow:hidden; line-height:18px; height:36px; font-size:12px;}
.qnr11{ overflow:hidden; clear:both;}
.qnr11 li{background:url(../image/qtub1.jpg) no-repeat top left; padding-left:20px; line-height:20px;}
.none {display:none;}
.qtt2{ overflow:hidden; clear:both;}

.qtt2 li{ float:left; width:48%; margin:1%; text-align:center; border-radius:5px; line-height:30px; font-size:16px;}
.qtt2 .active{background:#359930;color:#fff}
.qtt2 .normal{background:#f3f3f3;color:#666}
.qnr12{ overflow:hidden; clear:both; padding:1%;}
.qnr12 li{background:url(../image/qtub2.jpg) no-repeat left; background-size:20px auto; padding-left:20px; line-height:20px; font-size:14px; color:#188a12;}


