html,body,p,h1,h2,h3,h4,h5,h6,form,input,textarea,select,button,fieldset,legend,img,ul,ol,li,dl,dt,dd,th,td,pre,blockquote{margin:0;padding:0}
html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{background: #fff;color:#000;}
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body {font-size: 1.4rem;/*1.4 × 10px = 14px */}
h1 { font-size: 2.4rem;/*2.4 × 10px = 24px*/}
body,button,input,select,textarea,h2,h3,h4,h5,h6{font:1.4rem 'Microsoft Yahei', '微软雅黑', '宋体';-webkit-font-smoothing: antialiased;}
img,fieldset{border:0;vertical-align:middle}
input{padding:0;margin:0;outline:none;}
a{text-decoration:none;color:#4c4c4c;}
a:hover{text-decoration:none;}
ul,li,ol{list-style:none}
img{max-width:100%;}
.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;zoom:1;}
.fl{float:left;}.fr{float:right;}
/*reset样式重置*/
.allbg{ max-width:640px; margin:0 auto; background:#fff;}
.bottomBlank{ width:100%; height:8rem; overflow:hidden; clear:both;}
.hide{ display:none !important;}
.show{ display:block !important;}
/*--top--*/
.topWrap{
width:100%;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#d8d9db));
background:-webkit-linear-gradient(#fefefe, #d8d9db);
background:-moz-linear-gradient(#fefefe, #d8d9db);
background:-ms-linear-gradient(#fefefe, #d8d9db);
background:-o-linear-gradient(#fefefe, #d8d9db);
background:linear-gradient(#fefefe, #d8d9db);
}
.top{ width:92.187%; margin:0 auto; overflow:hidden;}
.top .logo{ width:40%; float:left;}
.top .tel{width:10%; float:right; display:block;-webkit-tap-highlight-color:rgba(0,0,0,0); padding-top:3rem;}
/* banner */
.banner img {width: 100%;}
/*底部菜单*/
.menwrap{position:fixed;bottom:0;width:100%;height:80px; max-width:640px; margin:0 auto;z-index: 90000; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfe), to(#f5f5f7));
background:-webkit-linear-gradient(#fcfcfe, #f5f5f7);
background:-moz-linear-gradient(#fcfcfe, #f5f5f7);
background:-ms-linear-gradient(#fcfcfe, #f5f5f7);
background:-o-linear-gradient(#fcfcfe, #f5f5f7);
background:linear-gradient(#fcfcfe, #f5f5f7); border-top:#ededed solid 1px;}
.expan2{float:left;width:33%;height:80px;background: url(../images/ft_tb1.png) no-repeat 30% center ;cursor:pointer; color:#46494d; font-size:2.2rem;}
.expan2 a{ display:block;width:50%;height:80px; color:#46494d; padding-left:50%; line-height:80px;}
.expan3{width:33%;height:80px;float:right; background:url(../images/ft_tb3.png) no-repeat 30% center;font-size:2.2rem;}
.expan3 a{ color:#46494d; width:50%; height:80px; display:block; padding-left:50%;line-height:80px;}
.btn3{position:relative;z-index:9000;bottom:0;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box; float:left; width:33%; background:url(../images/ft_tb2.png) no-repeat 30% center;}
.menu{position:relative;float:left;width:100%;height:80px;line-height:80px;box-sizing:border-box;-webkit-box-sizing:border-box; cursor:pointer}
.menu:last-child{border-right:none;}
.new-sub{position:absolute;bottom:95px;z-index:9000;width:96%;box-sizing:border-box;-webkit-box-sizing:border-box;display:none;border-radius:5px;-webkit-border-radius:5px; padding:10px;border:1px solid #c7c7c7;background:#fafafa;}
.margin10{margin:0 10px}
.new-sub li.pipe0{float:none;box-sizing:border-box;-webkit-box-sizing:border-box;}
.new-sub li.pipe1{float:none;box-sizing:border-box;-webkit-box-sizing:border-box;border-top:1px solid #c7c7c7;}
.new-sub li.icon{position:absolute;bottom:-16px;}
.new-sub li a{display:block;height:40px;line-height:40px;text-align:left;color:#333;border:none;text-align:center;font-size:16px; text-decoration:none;}
.bt-name{font-size:2.2rem;color:#46494d; padding-left:30%;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout:none;}
.bt-name a{display:block;font-size:16px;color:#46494d;}
/*--首页服务项目--*/
.tab-service{ width:100%;margin:0 auto; border-top:#dddddd solid 1px; margin-top:1rem; clear:both;overflow:hidden;}
.tab-service .tab-service-con ul{ margin:0; padding:0; list-style:none;}
.tab-service .tab-service-con li{float:left;width:50%;display:table; text-align:center;}
.tab-service .tab-service-con li a{display:table-cell;width:100%;vertical-align:middle;text-algin:center;font-size:2.6rem;text-align:center;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd; padding:4rem 0;}
.tab-service .tab-service-con li .img{max-width:104px;width:60%; margin:0 auto; margin-bottom:2rem;}
.tab-service .tab-service-con li .img img{ width:100%;}
.brnone{ border-right:none!important;}
/*--首页案例展示--*/
.m_gloab_title{color:#0136af; width:92.187%; margin:0 auto; line-height:1.5; padding:1.2rem 0;}
.m_gloab_title h1{ color:#0136af; font-size:2.8rem;}
.m_gloab_title .more{ float:right; color:#848383; font-size:2.4rem;line-height:1.8; }
.m_hcase{width:92.187%;margin:0 auto; padding-bottom:10px; overflow:hidden;}
.m_hcase ul{margin:0;padding:0;list-style:none;}
.m_hcase ul li{width:47.5%;margin-bottom:2rem; border-bottom:#ddd solid 1px;}
.m_hcase ul li a{ display:block; width:100%}
.m_hcase ul li .pic{ width:100%; clear:both;}
.m_hcase ul li .pic img{ width:100%; display:block; max-width:280px; max-height:239px; min-height:239px;}
.m_hcase ul li .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;height:40px; color:#0d0b0c;line-height:1.8; font-size:2.4rem; padding-top:6px;}
.m_hcase ul li .views{color:#999999;line-height:1.8; font-size:1.8rem; padding-bottom:0.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.m_hcase ul li .views span{ float:right;}
.m_htel{ width:92.187%; margin:0 auto; padding:2rem 0; background:#2e85e6 url(../images/tb_tel2.jpg) no-repeat 18.6% center; color:#fff; text-align:center; font-size:2.6rem; margin-bottom:0.5rem;}
/*--建站套餐--*/
.m_htaocan{ width:100%;margin:0 auto; border-top:#dddddd solid 1px; clear:both;overflow:hidden; margin-bottom:1.5rem;}
.m_htaocan .tab-taocan-con ul{ margin:0; padding:0; list-style:none;}
.m_htaocan .tab-taocan-con li{float:left;width:50%;display:table;}
.m_htaocan .tab-taocan-con li a{display:table-cell;width:100%;vertical-align:middle;font-size:2.6rem;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd; padding:2.7rem 0;}
.m_htaocan .tab-taocan-con li .img{width:38%; float:left; margin-left:27px; margin-right:20px;}
.m_htaocan .tab-taocan-con li .img img{ width:100%;}
.m_htaocan .tab-taocan-con li .right{ float:left; text-align:left; padding-top:1.3rem;}
.m_htaocan .tab-taocan-con li .right span{ font-size:2.9rem; font-weight:bold; color:#000;}
.mhadvert1{ width:100%; clear:both; overflow:hidden; margin-bottom:1rem;}
.mhadvert1 img{ width:100%;}
/*--新闻资讯--*/
.m_news{width:92.187%; margin:0 auto; }
.m_news ul{margin:0; padding:0; list-style:none;}
.m_news ul li{border-bottom:#bebebe dashed 1px; height:2.0em; line-height:2.0em; font-size:2.2rem; color:#545454; padding:0.2em 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;background:url(../images/news_more.jpg) no-repeat right center;}
.m_news ul li a{display:block; width:90%; color:#545454; height:36px;}
.m_news ul li:last-child{border-bottom:none;}
/*--内页banner--*/
.subbanner{ width:100%; clear:both; overflow:hidden;}
.subbanner img{ width:100%;}
/*--内页关于我们--*/
.m_sub_title{ width:100%;background:url(../images/nvabg.jpg) repeat-x left top; text-align:center; text-transform:uppercase; color:#979797; font-size:1.8rem; line-height:1.5; padding-top:3rem;padding-bottom:3rem;}
.m_sub_title h1{ width:100%; font-size:2.8rem; color:#000; background:url(../images/subtit.png) no-repeat center center;line-height:1.5}
.m_aboutInfo{ width:92.187%; margin:0 auto;font-size:1.8rem; line-height:2;}
.m_aboutInfo img{ width:100%;}
/*--售后维护--*/
.m_sub_service{ width:100%; margin:0 auto; margin-bottom:1.5rem;}
.m_sub_service img{ width:100%;}
/*---新闻资讯--*/
.m_sub_newsTab{ width:100%; background:url(../images/newsTba.jpg) repeat-x left bottom; text-align:center; padding-bottom:9px;}
.m_sub_newsTab a{ display:inline-block; text-align:center; width:26%; font-size:2.0rem; padding:5px 0; margin:0 5px; color:#464545;background:#f7f7f7;-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari 和 Chrome */border-radius: 5px; color:#fff; border:#c2c2c2 solid 1px; color:#000;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f7f7f7));
background:-webkit-linear-gradient(#ffffff, #f7f7f7);
background:-moz-linear-gradient(#ffffff, #f7f7f7);
background:-ms-linear-gradient(#ffffff, #f7f7f7);
background:-o-linear-gradient(#ffffff, #f7f7f7);
background:linear-gradient(#ffffff, #f7f7f7);}
.m_sub_newsTab a:hover{background:#ed8104; color:#fff; border:#c4550e solid 1px;}
.m_sub_newsTab a.current{background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f09103), to(#e86307));
background:-webkit-linear-gradient(#f09103, #e86307);
background:-moz-linear-gradient(#f09103, #e86307);
background:-ms-linear-gradient(#f09103, #e86307);
background:-o-linear-gradient(#f09103, #e86307);
background:linear-gradient(#f09103, #e86307);-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari 和 Chrome */border-radius: 5px; color:#fff; border:#c4550e solid 1px;}
.w20{ width:16%!important; font-size:1.7rem!important; }
/*--三级页面 面包导航--*/
.m_sub_menu{ width:100%; background:url(../images/nvabg.jpg) repeat-x left top;overflow:hidden;color:#1e1d1d; padding-top:2rem; padding-bottom:3rem; font-size:1.8rem;}
.m_sub_menu ul{ width:92.187%; margin:0 auto;color:#1e1d1d;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.m_sub_menu a{color:#1e1d1d;}
/*--案例展示 详情--*/
.m_caseDe_tit{ color:#545252; font-size:3.2rem; text-align:center; width:92.187%; margin:0 auto;}
.m_caseDe_remind{width:92.187%; margin:0 auto; color:#acacac; font-size:14px; line-height:22px; padding-top:5px;}
.m_caseDe_shares{ margin:0; padding:0; padding-left:3px;}
.m_caseDe_link{ width:92.187%; margin:0 auto; background:#f5f5f5;margin-top:20px; padding:5px 0;}
.m_caseDe_link .bdsharebuttonbox{ padding-left:3px;}
.m_caseDe_link .wantdo{ width:22.3%; float:right; color:#e80e0d;display:block; text-align:center; line-height:1.8; background:url(../images/url.jpg) no-repeat left center; padding-left:0px;}
.m_caseDe_link .wantdo:hover{color:#ff0000;}
.m_caseDe_info{ width:92.187%; margin:0 auto;font-size:1.5rem; color:#535353; line-height:2em; padding-top:25px;}
.m_caseDe_info img{ width:100%;}
/*--新闻资讯 详情--*/
.newsde{width:92.187%;margin:0 auto;}
.newsde-tit{color:#1c1b1b;font-size:2.4rem;;text-align:center;width:100%;line-height:1.6;padding-top:15px;}
.newsde-views{text-align:center;padding:6px 0 6px 0; color:#8b8a8a; border-bottom:#dcdcdc solid 1px;}
.newsde-keyws{padding:2px 0 10px 0;color:#8b8a8a;}
.newsde-share{clear:both;overflow:hidden;padding:10px 0 15px 0;}
.newsde-page{line-height:2;clear:both;}
.newscont{ line-height:2; font-size:1.8rem; width:100%; padding-top:1rem;}
.newscont img{width:100%;}
/*--售后服务--*/
.pt1rem{ padding-top:1rem;}
/*---内页建站套餐--*/
.swiper-container{ width:100%;margin:0 auto; border-top:#dddddd solid 1px; clear:both;overflow:hidden; margin-bottom:1.5rem;}
.swiper-container .swiper-wrapper .swiper-slide{float:left;width:33.3333%;display:table; text-align:center; margin-bottom:15px;}
.swiper-container .swiper-wrapper .swiper-slide a{display:table-cell;width:100%;vertical-align:middle;font-size:1.8rem;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd; padding:2.0rem 0;}
.swiper-container .swiper-wrapper .swiper-slide .img{width:30%; float:left; margin-left:17px; margin-right:10px; }
.swiper-container .swiper-wrapper .swiper-slide .img img{ width:100%;}
.swiper-container .swiper-wrapper .swiper-slide .right{ float:left; text-align:center; padding-top:0.3rem;}
.swiper-container .swiper-wrapper .swiper-slide .right span{ font-size:2.4rem; font-weight:bold; color:#000;}
/*--常见问题--*/
.m_sub_cjwt{ width:92.187%; margin:0 auto; padding-top:2rem;}
.m_sub_cjwt dl{ margin:0 auto; padding:0; margin-bottom:20px;}
.m_sub_cjwt dl dt{ width:87.2%; padding-left:12.8%; padding-top:10px; padding-bottom:10px; padding-right:10px; background:#f4f4f4 url(../images/wen.jpg) no-repeat 3% center; font-size:1.8rem; line-height:2;}
.m_sub_cjwt dl dd{ width:87.2%; padding-left:12.8%; padding-top:10px; padding-bottom:10px; padding-right:10px; background: url(../images/da.jpg) no-repeat 4.5% center; font-size:1.8rem; line-height:2;}
/*返回顶部*/
#gotop{display:none;position:fixed;z-index:777;width: 3rem;height: 5rem;right:1px;bottom:80px;background:url(../images/top.png) no-repeat;cursor:pointer;background-size: 100%}
#back_top{width: 3rem;height: 3rem;position: fixed;right: 3%;bottom: 120px;display: none;z-index: 999;background: url(../images/top.png) no-repeat;background-size: 100%}
@media only screen and (max-width: 799px) {
.new-sub{ width:90% !important;}
.class-list{ line-height:32px;padding:4px;width:80px;}
}
@media only screen and (max-width: 639px) {
.top .tel{padding-top:2rem;}
.new-sub{ width:90% !important;}
.pageNext{font-size:1.0em;}
.class-list{ line-height:32px;padding:3px;font-size:14px;}
.expan2{background-size:22px auto;font-size:1.6rem;}
.expan3{background-size:22px auto;font-size:1.6rem;}
.btn3{background-size:22px auto;font-size:1.6rem;}
.bt-name{font-size:1.6rem;}
.bt-name a{font-size:1.6rem;}
.new-sub{bottom:65px;z-index:9000;}
.bottomBlank{ width:100%; height:5rem; overflow:hidden; clear:both;}
.tab-service .tab-service-con li a{font-size:1.7rem; padding:2rem 0;}
.tab-service .tab-service-con li .img{max-width:104px;width:26%; margin:0 auto; margin-bottom:1rem;}
.tab-service .tab-service-con li .img img{ width:100%;}
.m_gloab_title{padding:1rem 0;}
.m_gloab_title h1{font-size:1.8rem;}
.m_gloab_title .more{font-size:1.4rem;line-height:2.3;}
.m_hcase ul li .title{font-size:1.8rem; height:24px; line-height:1.5;}
.m_hcase ul li .views{font-size:1.5rem;}
.m_hcase ul li .pic img{max-width:153px; max-height:112px; min-height:112px;}
.m_htel{padding:1rem 0; background:#2e85e6 url(../images/tb_tel2.jpg) no-repeat 13.6% center; background-size:7px auto; font-size:1.8rem;}
.m_htaocan .tab-taocan-con li a{font-size:1.5rem;padding:2.0rem 0;}
.m_htaocan .tab-taocan-con li .img{width:32%; float:left; margin-left:15px; margin-right:10px;}
.m_htaocan .tab-taocan-con li .img img{ width:100%;}
.m_htaocan .tab-taocan-con li .right{ float:left; text-align:left; padding-top:0.4rem;}
.m_htaocan .tab-taocan-con li .right span{ font-size:1.8rem; font-weight:bold; color:#000;}
.m_news ul li{font-size:1.6rem; background-size:15px auto;}
.m_sub_title{font-size:1.3rem; line-height:1.3; padding-top:2rem; padding-bottom:1.5rem;}
.m_sub_title h1{ font-size:1.8rem;background-size:50% auto;line-height:1.3}
.m_aboutInfo{ font-size:1.4rem; line-height:1.8;}
.m_sub_newsTab a{ font-size:1.6rem;}
.m_sub_menu{ font-size:1.5rem; padding-bottom:2rem;}
.m_caseDe_tit{font-size:18px;}
.m_caseDe_remind{font-size:12px; line-height:18px;}
.m_caseDe_link{margin-top:10px; padding:5px 0;}
.m_caseDe_link .bdsharebuttonbox{ padding-left:3px;}
.m_caseDe_link .wantdo{ width:22.3%; line-height:1.9; background-size:15px auto; padding-left:10px;}
.m_caseDe_info{font-size:0.95em; line-height:1.9;padding-top:8px;}
.newsde-tit{font-size:1.8rem;line-height:1.6;}
.newsde-keyws{padding:2px 0 10px 0;}
.newsde-page{line-height:2;}
.newscont{ line-height:1.8; font-size:1.4rem;}
.w20{ width:17%!important; font-size:1.4rem!important; margin:0 3px!important; }
.swiper-container .swiper-wrapper .swiper-slide{margin-bottom:10px;}
.swiper-container .swiper-wrapper .swiper-slide a{font-size:1.3rem;padding:1.0rem 0;}
.swiper-container .swiper-wrapper .swiper-slide .img{width:28%; float:left; margin-left:10px; margin-right:6px; }
.swiper-container .swiper-wrapper .swiper-slide .right{ float:left; text-align:center; padding-top:0rem;}
.swiper-container .swiper-wrapper .swiper-slide .right span{ font-size:1.4rem;}
.m_sub_cjwt dl dt{ width:90.2%; padding-left:9.8%; padding-right:5px; background:#f4f4f4 url(../images/wen.jpg) no-repeat 1% center; background-size:25px auto; font-size:1.4rem; line-height:1.5;}
.m_sub_cjwt dl dd{ width:90.2%; padding-left:9.8%; padding-right:5px; background: url(../images/da.jpg) no-repeat 2.1% center; background-size:20px auto; font-size:1.4rem; line-height:1.6;}
}
@media only screen and (max-width: 439px) {
.new-sub{ width:96% !important;bottom:55px;}
.margin10{margin:0 2px !important}
.new-sub li a{font-size:14px;height:35px;line-height:30px;}
.menu{ height:40px !important;line-height:40px !important;}
.expan2{width:33%;height:40px;}
.expan2 a{height:40px; line-height:40px;}
.expan3{height:40px;}
.expan3 a{height:40px; line-height:40px;}
.menwrap{height:40px;}
.class-list{ line-height:32px;padding:3px;font-size:14px;}
.class-listWrap .title{ line-height:2.3em;}
.w20{ width:17%!important; font-size:1.3rem!important; margin:0 3px!important; }
}
@media only screen and (max-width: 339px) {
.top .tel{padding-top:1.3rem;}
.new-sub{ width:96% !important;bottom:55px;}
.margin10{margin:0 2px !important}
.new-sub li a{font-size:12px;}
.menu{ height:40px !important;line-height:40px !important;}
.expan2{height:40px;}
.expan2 a{height:40px; line-height:40px;}
.expan3{height:40px;}
.expan3 a{height:40px; line-height:40px;}
.m_htaocan .tab-taocan-con li .right span{ font-size:1.6rem;}
.swiper-container .swiper-wrapper .swiper-slide a{font-size:0.8rem;padding:0.8rem 0;}
.swiper-container .swiper-wrapper .swiper-slide .img{width:28%; float:left; margin-left:8px; margin-right:4px; }
.swiper-container .swiper-wrapper .swiper-slide .right span{ font-size:1.1rem;}
}