@charset "utf-8";
/* CSS Document */
html{ font-size:62.5%;}
body{ padding:0px; margin:0px auto; font-size:1.2em; line-height: 23px; font-family: Microsoft YaHei,arial,'宋体'; color:#585858;
width:100%;min-width:320px; 
max-width:640px; 
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制内容的可选择性*/
-webkit-user-select: none;  
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;  
}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px;}
.ul,.ul li{ list-style: none; margin: 0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:1em; font-style:normal; color:#585858; font-family:Microsoft YaHei; border-radius:0; -webkit-border-radius:0; outline:none; -moz-outline:none;}
img,object{ border:none; border:0; overflow:hidden; vertical-align:top; max-width: 100%;}
a{ color:#585858; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
.hide{ display:none;} /*设置影藏属性*/

/*手动设置间距*/
.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

@media screen and (min-width:480px){
   body{ font-size: 1.4em;}
}
@media screen and (min-width:540px){
   body{ font-size: 1.6em;}
}

/*页面框架内容*/
.Contain{ width:100%; min-width:320px; max-width:640px; margin:0 auto;}
.singlepage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}

/*top & bottom*/
.header{ background: #fff; position: fixed; top: 0; z-index: 50; width: 100%;min-width:320px; max-width:640px; margin:0 auto;}
.header .a-back{ display: none; width: 12%; float: left;}
.logo{ width: 39.06%; display: block; margin: 0 auto;}
.home .logo { float: left;}
.nav-btn,.btn-close{ width: 12.18%; float: right; cursor: pointer;}


.copyright{ width:100%; overflow:hidden; margin:0 auto; position:relative;}
.copyright_nr{  overflow:hidden; margin:0 auto; margin-top:14px;}
.copyright_nr2{ overflow:hidden; margin:0 auto; position:absolute; z-index:4; bottom:30px; text-align:center; width:100%;}
.copyright_nr img{ width:100%; position:absolute; z-index:2; bottom:0px;}
.copyright_zi1 { width:100%; overflow:hidden; margin:0 auto; font-size:14px; color:#fff;text-align:center; margin-top:18px;}
.copyright_zi1 a{ color:#fff}
.copyright_zi2{ width:100%;  overflow:hidden; margin:0 auto; font-size:14px; color:#fff;text-align:center; margin-top:6px; padding-left:4px; line-height:24px; }


.footer{ overflow: hidden; position: fixed; margin:0 auto;bottom: 0; z-index: 3; width: 100%;min-width:320px; 
max-width:640px; }
.footer a{ display: block; width: 50%;  text-align: center; color: #fff; font-size: 1.16em; padding: 2% 0;}
.footer a img{ width: 14%; max-width: 47px;}
.footer a.tel{ background: #1497df; float: left;}
.footer a.contact{ background: #1be6f4; float: right;}
.footer a span{ padding-left: 5px;}

.logo-white,.nav-btn-white,.btn-close{ display: none;}

.header-fixed{ background: rgba(0,0,0,0.8);}

.mainnav{ width:100%; position: fixed; z-index: 20; right: -100%; overflow-y: scroll;}
.nav-open{ transition: all 1s; right: 0; opacity: 1;
-webkit-animation: nav 1s;
   -moz-animation: nav 1s;
        animation: nav 1s;
}
.mainnav li{ border-bottom: 1px solid #484949;}

.mainnav li:last-child{ border-bottom: 0 none;}

.mainnav li a { display: block; background: #4f4f4f; text-align: center; color: #fff; padding: 10px 0; font-size: 1.16em;}
.mainnav li.on{ border-bottom: 0 none;}
.mainnav li.on a{ background: #1497df; color: #fff; font-weight: bold;}
.nav-bg{ background: rgba(0,0,0,0.6); position: fixed; left: 0%; top: 0; width: 100%; height: 100%; z-index: 5; display: none;}

@-webkit-keyframes nav{
	0%{ transform: rotateX(-34%); opacity: 0; }
	100%{ transform: rotateX(0); opacity: 1;}
}
@-moz-keyframes nav{
	0%{ transform: rotateX(-34%); opacity: 0; }
	100%{ transform: rotateX(0); opacity: 1;}
}
@keyframes nav{
	0%{ transform: rotateX(-34%); opacity: 0; }
	100%{ transform: rotateX(0); opacity: 1;}
}

@media screen and (min-width:480px ) {
	.footer a{ font-size: 1.14em; line-height: 35px;}
	
	.mainnav li a{ padding: 15px 0;}
}
@media screen and (min-width:540px){
	.mainnav li a{ padding: 20px 0;}
}
@media screen and (min-width:640px ) {
	.footer a{ font-size: 1.42em; line-height: 46px; max-height: 80px;}
	
	.mainnav li a{ padding: 25px 0;}
}
/*top & bottom*/

/*内页二级菜单导航*/
.menubox{ background: #F2F1EF; padding: 3% 0;}
.menubox ul{ margin: 0 auto; line-height: 32px; overflow: hidden; border: 1px solid #1497df; border-radius: 16px;}
.menubox li{ float: left;}
.menubox li a{ display: block; text-align: center; background: #fff;}
.menubox li:first-child a{ border-top-left-radius: 16px; border-bottom-left-radius: 16px;}
.menubox li:last-child a{ border-top-right-radius: 16px; border-bottom-right-radius: 16px;}
.menubox li.onmenu a{ background: #1497df; color: #fff;}

.menu-design ul{ width: 44%;}
.menu-design li{ width: 50%;}

.menu-advantage ul{ width: 98%;}
.menu-advantage li{ width: 20%;}

.menu-servicts ul{ width: 98%;}
.menu-servicts li{ width:16.6%;}

.menu-technology ul{ width: 98%;}
.menu-technology li{ width: 20%;}

.menu-anout ul{ width: 80%;}
.menu-anout li{ width: 25%;}

.menu-case ul{ width: 90%;}
.menu-case li{ width: 25%;}
.menu-case li{ float: left; width: 26%;}
.menu-case li:last-child{ width: 22%;}
.menu-case li a{ display: block; position: relative; padding-right: 10px; text-align: center; background: #fff;}
.menu-case li em{ position: absolute; right: 5px; top: 15px; width: 0; height: 0; line-height: 0; font-size: 0; border-style: solid dashed dashed dashed; border-width: 4px; border-color: #ACA8A3 transparent transparent transparent;}
.menu-case li.onmenu em{ border-color: #fff transparent transparent transparent;}
.menu-case li:last-child a{ background: url(../images/ico_3.png) no-repeat 15% center #fff; padding-left: 35%; background-size: 25%; cursor: pointer;}

@media screen and (min-width: 480px) {
	menu-case li:last-child span{ background-size:20%;}
}
@media  screen and (min-width: 540px) {
	.menubox ul{ border-width: 2px;}
	
	.menu-case ul{ line-height: 50px; border-radius: 25px;}
	.menu-case li span{ font-size: 1.27em;}
	.menu-case li em{ border-width: 6px; top: 24px;}
}
/*二级菜单*/

/*Pages*/
.Pages{ padding: 3% 0 10%; line-height:18px; zoom:1; overflow:hidden; text-align: center;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px;}
/*.Pages .p_cur{ float:left;}*/
.Pages .p_cur b{ color:#FF9600;}
/*.Pages .p_count{ float:left;}*/
.Pages .p_count b{ color:#FF9600;}
/*.Pages .p_total { float:left;}*/
.Pages .p_total b{ color:#FF9600;}
/*.Pages .p_page{ float:right;}*/
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{}
.Pages .p_page em a.a_cur{ color:#fff; background:#1497df;}
.Pages .p_page b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none; background:url(page_goto.jpg) no-repeat;}

.Pages .p_page a{ border: 1px solid #EAEAEA; background: #fff; padding:0px 7px;}
.Pages .p_page .a_first,
.Pages .p_page .a_prev,
.Pages .p_page .a_next,
.Pages .p_page .a_end{ margin: 0 1px;}

.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{ display: none;}

@media screen and (min-width: 480px) {
	.Pages .p_page a{ padding: 2px 7px;}
}
@media screen and (min-width: 540px) {
	.Pages .p_page a{ padding: 4px 9px;}
}
/*Pages*/

/*Banner*/
.homeban{ position: relative;}
/*.homeban .list li{ float: left;}*/
.homeban .tab{ height: 10px; position: absolute; left: 50%; bottom: 7px;}
.homeban .tab li{ float: left; padding: 0 5px;}
.homeban .tab li span{ background: #fff; width: 10px; height: 10px; border-radius: 5px; display: block; cursor: pointer; border: 1px solid transparent;}
.homeban .tab li.on span{ background:#1497df;}


@media screen and (min-width:540px) and (max-width:640px){
   .homeban .tab{ height: 18px;}
   .homeban .tab li span{ width: 18px; height: 18px; border-radius: 9px;}
}
/*Banner*/


/*首页*/
.homebox .ti{ background: #1497df; color: #fff; height: 40px; line-height: 40px; position: relative;}
.homebox .ti span{ display: block; background: url(../images/nav_on_bg.png) no-repeat top center;  background-size:contain ; width: 50%; margin: 0 auto; text-align: center; font-size: 1.33em;}
.homebox .ti a{ position: absolute; right: 10px; top: 0; color: #fff;}
.homebox .ti em{ font-style: normal; font-family: '宋体';}

.homebox .contbox{ padding: 0 3.12%;}

@media screen and (min-width:480px){
	.homebox .ti{ height: 50px; line-height: 50px;}
	.homebox .ti span{ font-size: 1.42em;}
	
	.home-service .contbox li span{ font-size: 1.14em; padding-top: 8px;}
}
@media screen and (min-width:540px){
	.homebox .ti{ height: 70px; line-height: 70px;}
	.homebox .ti span{ font-size: 1.71em;}
}
@media screen and (min-width:640px){
	.home-service .contbox li span{ font-size: 1.42em;}
}

/*服务领域*/
.home-service .contbox{ padding-bottom: 10%;}
.home-service .contbox li{ width: 33.33%; float: left; text-align: center; padding: 10% 0 0;}
.home-service .contbox li a{ display: block; width: 62%; margin: 0 auto;}
.home-service .contbox li span{ display: block;font-weight:700;}


/*经典案例*/

.home-case .contbox{ position:relative; padding:0px 0px;}
.home-case .are-case,
.home-case .industry-case{ width:100%; position:absolute; left:0; top:62px; background:rgba(255,150,0,0.8); padding:5% 0; display:none;}
.home-case .are-case li,
.home-case .industry-case li{ float:left; line-height:2;}
.home-case .are-case li{ width:20%; text-align:center;}
.home-case .industry-case li{ width:31.3333%; padding:0 1%;}

.home-case .are-case li a,
.home-case .industry-case li a{ font-size:14px; color:#fff; border-top:1px dotted #FFCF8A; padding-top:1%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.home-case .are-case li.other a,
.home-case .industry-case li.other a{ cursor:pointer;}

.case-listbox li{ float: left; padding: 10px 1%; width: 48%; text-align: center;}
.case-listbox li span{ padding-top: 8px; display: block; font-weight:700;}
.case-listbox li img{ width:100%;}




@media screen and (min-width:480px){


    .home-case .are-case,
	.home-case .industry-case{ top:65px;}
    .home-case .are-case li,
	.home-case .industry-case li{ line-height:2.4;}
    .home-case .are-case li a,
	.home-case .industry-case li a{ padding-top:5%; font-size:16px;}
}
@media screen and (min-width:540px){

    .home-case .are-case,
	.home-case .industry-case{ top:90px;}
    .home-case .are-case li a,
	.home-case .industry-case li a{ font-size:22px;}
	
	.home-case .case-listbox li span{ line-height: 35px; font-size: 1.14em; padding-top: 12px;}
}

/*网站建设*/
.home-website .contbox{ padding: 0; position: relative;}
.home-website .contbox li{ width: 35%; float: left; position: relative; z-index: 2; text-align:center; padding: 6% 0;}
.home-website .contbox li img{ width: 46%;}
.home-website .contbox li .title{ font-size: 1.16em;}
.home-website .contbox li a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;}

.home-website .contbox li:nth-child(1),
.home-website .contbox li:nth-child(3){ padding-right:15%;}

.home-website .contbox li:nth-child(2),
.home-website .contbox li:nth-child(4){ padding-left:15%;}

.home-website .contbox li:nth-child(1),
.home-website .contbox li:nth-child(2) { border-bottom:2px solid #e4e4e3;}

.home-website .contbox li:nth-child(1) a,
.home-website .contbox li:nth-child(3) a{ border-right:2px solid #e4e4e3;}

.home-website .contbox .floatbox{ position: absolute; left: 50%; top: 50%; z-index: 3; background: #fff; width: 130px; height: 110px; border-radius: 80px; margin-left: -80px; margin-top: -80px; border: 2px solid #e4e4e3; text-align: center; padding: 25px 15px;}
.home-website .contbox .floatbox .title{ font-size: 1.16em; padding:5% 0;}
.home-website .contbox .floatbox img{ width: 70%;}

@media screen and (min-width:480px ) {
	.home-website .contbox .floatbox{ width: 140px; height: 140px; border-radius: 100px; margin-left: -100px; margin-top: -100px; padding: 30px;}
	.home-website .contbox .floatbox .title{ font-size: 1.42em;}

    .home-website .contbox li img{ width:60%;}
}
@media screen and (min-width:540px ) {
	.home-website .contbox .floatbox{ width: 180px; height: 160px; border-radius: 130px; margin-left: -130px; margin-top: -130px; padding: 50px 40px;}
	.home-website .contbox .floatbox .title{ font-size: 1.42em;}

    .home-website .contbox .floatbox img{ width:80%;}
}
/*首页*/


/*珞珈学子新闻*/
.news-list{ padding: 4% 3.1% 0;}
.news-list li{ padding: 4% 0; border-bottom: 1px solid #E5E5E5;}
.news-list li a{ display: block; width: 100%; height: 100%;}
.news-list li time{ width: 18%; float: left; color: #fff; background: #AFAAA5; text-align: center;}
.news-list li time b{ font-size: 1.5em; display: block; padding: 8px 0;}
.news-list li time span{ display: block; background: #817F79;}
.news-list li .info{ width: 77%; float: right;}
.news-list li .info .title{ font-size: 1.16em; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-list li .info .title span{ color: #FF8D00;}
.news-list li .info .txt{ line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-indent: 2em;}
.news-list li:nth-child(4){}

.news-list li.litop{ position: relative; padding: 0; margin-bottom: 4.6%; border: 0 none;}
.news-list li.litop .ti{ position: absolute; left: 0; bottom: 0; width: 93.2%; padding: 0 3.4%; line-height: 40px; background: rgba(0,0,0,0.5); color: #fff;}
.news-list li.litop time{ background: none; float: right; width: 26%; text-align: right;}
.news-list li.litop span{ float: left; display: block; width: 60%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.news-info{ padding: 3.1% 3.1% 5.9%;}
.news-info .ti{ font-weight: bold; text-align: center; padding: 2.8% 2.8% 1%; font-size: 1.33em;}
.news-info .time{ text-align: center; padding: 1% 0 1.5%; display: block;}
.news-info .conttxt{ padding: 2.8% 0 5.9%; border-top: 1px solid #E7E6E3; border-bottom: 1px solid #E7E6E3;}
.news-info .conttxt .p{ text-indent: 2em; padding-top: 3.9%;}
.news-info .conttxt .img{ text-align: center;}
.news-info .conttxt .title{ font-weight: bold; padding-top: 2.8%;}

.news-info .next-box{ padding-top: 3%;}
.news-info .next-box .prev,
.news-info .next-box .next{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-info .next-box span{ font-weight: bold; padding-right: 1%;}

/*.news-recommend{ padding: 0 2.8% 5%;}
.news-recommend .ti{ font-weight: bold; font-size: 1.16em; padding-bottom: 2%;}
.news-recommend .list{ background: #F7F7F6; padding: 1.8%;}
.news-recommend li{ border-bottom: 1px dotted #E7E6E3; padding: 1.5%; overflow: hidden;}
.news-recommend li time{ float: right; width: 80px; text-align: right;}
.news-recommend li a{ width: 64%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/dot_6.png) no-repeat left center; padding-left: 10px;}
*/
@media screen and (min-width: 480px) {
	.news-list li time{ width: 16%;}
	.news-list li time b{ padding: 10px 0;}
	
	.news-list li .info{ width: 79%;}
	
	.news-recommend .list{ padding-bottom: 3%;}
}
@media screen and (min-width: 540px) {
	.news-list li time b{ padding: 12px 0;}
	.news-list li time span{ padding: 3px 0;}
}
@media screen and (min-width: 640px) {
	.news-list li time{ width: 13%;}
	.news-list li time b{ padding: 15px 0; line-height: 1; font-size: 2.5em;}
	.news-list li time span{ padding: 5px 0;}
	
	.news-list li .info{ width: 82%;}
	.news-list li .info .txt{ padding-top: 4%;}
}


/*------关于我们------*/
.wrap {overflow: hidden;padding: 0 5%;}
.p1 .con01 img{display: block; max-width:100%;margin: 0 auto 5%;}
.p1 .con02{margin-bottom: 10%; line-height:2;}
.p1 .con03{margin-bottom: 10%;}
.p1 .con03 li{float: left;width: 30%;margin: 0 1.5%;text-align: center; list-style:none;}
.p1 .con03 li img{ max-width:100%;margin-bottom: 10%;}
.p1 .con03 li h4{color: #0056ad;margin-bottom: 5%;}
.p1 .con03 li p{color: #3c97ee;text-transform: uppercase;}
.p1 .con04{margin-bottom: 10%; line-height:2;}
.p1 .con05{margin-bottom: 10%;text-align: center;}
.p1 .con05 img{ max-width:60%;}
.p1 .line{width: 10%;margin-bottom: 5%;height: 2px;background: #00a5df;}

.whyTitle{ width:96%; background:#0ba9f3; color:#fff; padding:0 2%; margin-bottom:0px;}
.whyTitle span{ font-family:"微软雅黑"; font-size:1.4em; display:block; float:left; width:100%;text-align:center;}
.whyTitle label{ display:block; float:right; font-size:0.8em; line-height:3em; height:3em;}
.whyBox{ width:100%; padding:10px 0px;}
.whyBox ul li{ width:30%; padding:0 1.5%; list-style:none; float:left;}
.whyBox ul li b{ display:block; float:left;width:100%; color:#0ba9f3;font-size:1.6em;line-height:1em;height:1em;padding:0px 0px; margin:0px 0px;}
.whyBox ul li span{ display:block; float:left; width:100%; line-height:2em;}


/*----联系我们-----*/
.contact2{ background: #fff;word-wrap: break-word;word-break: break-all;line-height: 2;font-size: 1.4rem;padding: 3.1% 3.1% 5.9%;}
.contact2 img {max-width: 100%;}
.contact2 p{ display:block; margin:0px 0px; padding:0px 0px;}



/*网站优势*/
.advantage{ padding: 2.1% 0 5%;}
.advantage .img{ padding: 0 3.12%;}
.advantage ul{ padding-top: 2%;}
.advantage li{ padding: 2.5% 3.12% 2.5% 15%; background-size: auto 35px; background-position: 3.12% 20%; background-repeat: no-repeat;}
.advantage li .ti{ font-size: 1.16em; color: #1497df; font-weight: bold;}
.advantage li dl{ overflow: auto;}
.advantage li dd{ float: left; background: url(../images/dot_5.png) no-repeat left center; padding-left: 10px; width: calc(50% - 10px);}

.advantage li:nth-child(even){ background-color: #F2F1EF;}
.advantage li:nth-child(4) dd{ float: none; width: auto;}

.advantage li:nth-child(1){ background-image: url(../images/advantage_index_1.png);}
.advantage li:nth-child(2){ background-image: url(../images/advantage_index_2.png);}
.advantage li:nth-child(3){ background-image: url(../images/advantage_index_3.png);}
.advantage li:nth-child(4){ background-image: url(../images/advantage_index_4.png);}
.advantage li:nth-child(5){ background-image: url(../images/advantage_index_5.png);}
.advantage li:nth-child(6){ background-image: url(../images/advantage_index_6.png);}
.advantage li:nth-child(7){ background-image: url(../images/advantage_index_7.png);}
.advantage li:nth-child(8){ background-image: url(../images/advantage_index_8.png);}
.advantage li:nth-child(9){ background-image: url(../images/advantage_index_9.png);}

@media screen and (min-width: 480px) {
	.advantage li{ background-size: auto 50px;}
}
@media screen and (min-width: 540px) {
	.advantage li{ padding-left: 13%;}
}
@media screen and (min-width: 640px) {
	.advantage li{ padding-left: 12%;}
}

/*--改版优势---*/

.revision{ padding: 2.1% 0 5%;}
.revision ul{ padding-top: 2%;}
.revision li{ padding: 2.5% 8% 2.5% 15%; background-size: auto 35px; background-position: 3.12% 10px; background-repeat: no-repeat;}
.revision li .ti{ font-size: 1.16em; color: #1497df; font-weight: bold;}
.revision li .info{ overflow: hidden; padding: 2% 0;}
.revision li .img{ width:40%;}
.revision li .p{text-indent: 2em;}

.revision li:nth-child(odd) .img{ float: left; margin-right: 5%;}
.revision li:nth-child(even) .img{ float: right; margin-left: 5%;}

.revision li:nth-child(even){ background-color: #F2F1EF;}
.revision li:nth-child(1){ background-image: url(../images/advantage_index_1.png);}
.revision li:nth-child(2){ background-image: url(../images/advantage_index_2.png);}
.revision li:nth-child(3){ background-image: url(../images/advantage_index_3.png);}
.revision li:nth-child(4){ background-image: url(../images/advantage_index_4.png);}
.revision li:nth-child(5){ background-image: url(../images/advantage_index_5.png);}

@media screen and (min-width: 480px) {
	.revision li{ background-size: auto 48px;}
}
@media screen and (min-width: 540px) {
	.revision li{ background-size: auto 50px; padding-left: 14%;}
}
@media screen and (min-width: 640px) {
	.revision li{ padding-left: 12%; line-height: 1.5;}
}


/*------设计优势------*/
.design-info{ padding: 4.68% 3.12%; background: url(../images/design_bg.jpg) no-repeat top center; background-size: 100% auto; line-height: 18px;}
.design-info .floor .h1{ font-size: 1.16em; padding-bottom: 2%;}
.design-info .floor .p{ text-indent: 2em;}

.design-info .floor1{ padding-bottom: 15%;}
.design-info .floor1 .p{ padding-bottom: 3%;}

.design-info .floor2 .contbox{ background: url(../images/design_bg2.png) no-repeat left center; background-size: contain; position: relative; margin-top: -10%;}
.design-info .floor2 li{ position: absolute; width: 36%; line-height: 1.2;}
.design-info .floor2 li:nth-child(1){ left: 6%; top: 12%;}
.design-info .floor2 li:nth-child(2){ right: 2%; top: 6%;}
.design-info .floor2 li:nth-child(3){ left: 2%; bottom: 6%;}
.design-info .floor2 li:nth-child(4){ right: 4%; bottom: 6%;}

.design-info .floor3{ position: relative; margin-top: -8%; padding-bottom: 8%;}


@media screen and (min-width: 480px) {
	.design-info .floor2 li:nth-child(1){ top: 15%;}
	.design-info .floor2 li:nth-child(2){ top: 8%;}
	.design-info .floor2 li:nth-child(3){ bottom: 15%;}
	.design-info .floor2 li:nth-child(4){ bottom: 17%;}
	
	.design-info .floor2 li{ line-height: 1.5;}
	.design-info .floor4 .p{ line-height: 1.5;}
}
@media screen and (min-width: 640px) {
	.design-info .floor .h1{ font-size: 1.25em;}
	
	.design-info .floor2 li{ font-size: 1.25em; line-height: 1.2;}
	
	.design-info .floor2 li:nth-child(2){ top: 12%;}
	.design-info .floor2 li:nth-child(4){ bottom: 12%;}

}


/*--------手机网站优势---*/
.tech-mobile .p{ padding: 2.3% 6.25%; text-indent: 2em;}
.tech-mobile .ti{ padding: 5% 6.25%; color: #FF8D00; font-size: 1.33em;}
.tech-mobile li{ padding: 3.5% 6.25% 5.1%; text-align: center;}
.tech-mobile li span{ display: block; color: #24558B; line-height: 40px; text-align: left; background-position: left center; background-repeat: no-repeat; background-size: auto 100%; padding-left: 15%; margin-bottom: 2%;}
.tech-mobile li img{ width: 62.8%;}

.tech-mobile li:nth-child(odd){ background: #F2F1EF;}
.tech-mobile li:nth-child(1) span{ background-image: url(../images/advantage_index_1.png);}
.tech-mobile li:nth-child(2) span{ background-image: url(../images/advantage_index_2.png);}
.tech-mobile li:nth-child(3) span{ background-image: url(../images/advantage_index_3.png);}

@media screen and (min-width: 480px) {
	.tech-mobile li span{ line-height: 50px; padding-left: 13%;}
}
@media screen and (min-width: 540px) {
	.tech-mobile li span{ line-height: 60px; font-size: 1.25em; padding-left: 13%;}
}


/*------技术开发优势----*/

.tech-ezeip .ti{ padding: 10% 6.25% 5% 6.25%; color: #FF8D00; font-size: 1.33em;}
.tech-ezeip .p{ padding: 0 6.25%; text-indent: 2em;}
.tech-ezeip .p:nth-child(2){ padding-top: 5%;}

.tech-ezeip li{ padding: 3.4% 6.25%; overflow: hidden;}
.tech-ezeip li:nth-child(odd){ background: #F2F1EF;}
.tech-ezeip li img{ width: 19.21%;}
.tech-ezeip li span{ display: block; width: 68%; line-height: 53px; color: #1497df;}

.tech-ezeip li:nth-child(odd) img{ float: left;}
.tech-ezeip li:nth-child(odd) span{ float: right;}

.tech-ezeip li:nth-child(even) img{ float: right;}
.tech-ezeip li:nth-child(even) span{ float: left; text-align: right;}

@media screen and (min-width: 480px) {
	.tech-ezeip li span{ line-height: 80px; width: 70%;}
}
@media screen and (min-width: 540px) {
	.tech-ezeip li span{ line-height: 90px;}
}
@media screen and (min-width: 640px) {
	.tech-ezeip li span{ line-height: 107px;}
}




/*服务范围*/
.service-website .tab{ width: 98%; margin: 0 auto; overflow: hidden; padding: 15px 0 5px 0;}
.service-website .tab li{ float: left; width: 25%;}
.service-website .tab li a{ background: #f9f9f9; border: 1px solid #dddddd; border-left:0 none; display: block; text-align: center; line-height: 30px; font-size: 1.16em; position:relative;}
.service-website .tab li:first-child a{ border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-left: 1px solid #dddddd;}
.service-website .tab li:last-child a{ border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
.service-website .tab li.on a{ background: #fff; color: #000;}




@media screen and (min-width:480px){
	.service-website .tab li a{ line-height: 34px;}
	.service-website .tab li:first-child a{ border-top-left-radius: 17px; border-bottom-left-radius: 17px;}
	.service-website .tab li:last-child a{ border-top-right-radius: 17px; border-bottom-right-radius: 17px;}
    .service-website .tab li span{ top:16px;}

 
}
@media screen and (min-width:540px){
	.service-website .tab{ padding: 18px 0 8px;}
	.service-website .tab li a{ line-height: 52px;}
	.service-website .tab li:first-child a{ border-top-left-radius: 26px; border-bottom-left-radius: 26px;}
	.service-website .tab li:last-child a{ border-top-right-radius: 26px; border-bottom-right-radius: 26px;}
    .service-website .tab li span{ top:25px; margin-left:5px;}

}


/*--------服务范围   网站建设------*/

.contMain{ width:98%; padding:18px 0px 8px;}
.contMain .contBox{ width:100%;}
.contMain .contBox .contTit{ width:100%;}
.contMain .contBox .contTit .names {width: 100px;height: 100px; margin:0 auto;padding:65px 65px;text-align: center;border: 2px solid #1497df;border-radius: 50%}
.contMain .contBox .contTit .names h4 {font-size: 1.8em;padding-bottom: 5px;color: #1497df; margin:0px 0px;}
.contMain .contBox .contTit .names p{ margin:0px 0px; font-size:0.8em;}
.contMain .contBox .contTit .names .img {padding-top: 10px}



.contBox table {table-layout: fixed}
.contBox table td, .contBox table th {line-height: 22px;padding: 8px;border-bottom: 1px solid #ddd}
.contBox table td strong {color: #ce2424;}

/*-----服务范围  手机网站-------*/
.service-mobile{ width:96%; padding:0px 0px 8px; margin:0 2%;}
.sjwzTxt1{ width:100%;font-family:"微软雅黑";}
.sjwzTxt1 h3{font-size:1.7em;}
.sjwzTxt1 h3 span{ font-size:1.9em; color:#f08300;}
.sjwzTxt1 p{  overflow:hidden;font-size: 1em;color: #2e2e2e;}
.sjwzTxt1 p em{ font-style:italic; font-size:1.7em; color:#f08300; font-weight:bold;}
.sjwzTxt1 span{ font-size:1.2em; color:#f08300;}

.excellent_title{ width:98%; padding:3px 1%;background: #e5e5e5;font-family: "微软雅黑";font-size:1em;color: #444;}
.excellent_title span{font-size: 1.2em;font-weight: bold;color: #0aa9f3;}

.excellent{ width:100%; float:left;}
.excellent UL {border-bottom: 1px dotted #dddddd;display: block;}
.excellent UL LI {display: block;float: left; width:100%;}
.excellent P {display: block; line-height:1em; line-height:1.5em;}
.excellent .name {color: #f08300;font-family: "微软雅黑";font-size: 24px;text-align: left; margin:0px 0px; padding:0px 0px;}
.excellent .nameEN {color: #999999;font-size: 14px;font-family: Arial, Helvetica, sans-serif;margin:0px 0px; padding:0px 0px;}
.excellent .list-wrap .img {width:100%;}
.excellent .list-wrap .text {width:100%;padding:10px 0px 0px 0px;color: #454545;}


/*-----服务范围  邮箱-------*/

.service-email{ width:96%; padding:0px 0px 8px; margin:0 2%;}

.email table tr th{ color:#fff;}
.email table tr td{ background:#fff;}
.email table tr td label{ color:#f00;}

.priceList_inner{width:964px;margin:0 auto;}
.priceList_inner h4{width:100%;height:40px;display:block;text-align:center;font-size:40px;color:#f00;font-weight:bold;}
.priceList_cont{width:813px;height:229px;margin:0 auto;margin-top:28px;_margin-top:14px;background:#fff; border:solid 1px #d9d9d9;}
.priceList_ul{width:100%;height:190px;margin:0px;padding:0px;}
.priceList_ul li{width:100%;height:37px;_height:32px;border-bottom:1px #d9d9d9 dashed;}
.priceList_liBg{background:#ff9c00;border-bottom:0px;}
.t1{width:100px;height:36px;_height:32px;display:block;float:left;color:#fff;text-align:center;line-height:320%;_line-height:260%;}
.t2{color:#505050;height:36px;_height:32px;}
.t3{color:#d3232a;}
.priceList_cont .bottom{width:100%;height:38px;background:#f2f1f1;display:block;text-align:center;line-height:340%;}
.priceList_inner .button{width:210px;height:40px;background:#ff9c00;border-radius:4px;margin:0 auto;margin-top:55px;display:block;border:1px #bf131a solid;color:#fefefe;font-size:16px;line-height:240%;text-align:center;}
.priceList_inner .button:hover{ text-decoration:underline;}

.email ul li{ list-style:none;}

.email1{ width:100%x; float:left; border-bottom:dashed 1px #d8d8d8; padding-bottom:10px;}
.email1 .email1_img{ width:100%; }
.email1 .email1_img img{ display:block; margin:0 auto;width:60%}
.email1 .email1_txt{ width:100%;float:left;}

.email1 .email1_txt h4{width:100%;display:block;font-size:1.4em;font-weight:bold;color:#f00; margin:0px 0px;}
.email1 .email1_txt h3{width:100%;display:block;font-size:1em;font-weight:bold;color:#505050; margin:0px 0px;}
.email1 .email1_txt p{width:100%;display:block;color:#505050;}

/*-----服务范围   400电话------*/
.service-tel{ width:98%; padding:18px 0px 28px;}
.telDiv1{ width:100%;}
.telDiv1 h2{ display:block; float:left; margin:0px 0px; text-align:center; width:100%;padding:0px 0px; text-align:center;  color:#f00; font-size:1.4em;}
.telDiv1 p{ display:block; float:left;}

.telDiv2{ width:100%; float:left; padding:18px 0px 8px; border-bottom:solid 1px #ccc;}
.telDiv2 .telImg{ width:100%;}
.telDiv2 .telImg img{ width:80%; display:block; margin:0 auto;}
.telDiv2 .telTxt{ width:100%; float:left;}
.telDiv2 .telTxt h2{display:block; float:left; margin:0px 0px; text-align:center; width:100%;padding:0px 0px; text-align:center;  color:#f00; font-size:1.4em;}
.telDiv2 .telTxt  p{ display:block; float:left;}
/*-------服务范围  微信网站---------*/


.wwz1{ width:100%;padding-top:10px;float:left;}
.wwz1 img{ width:80%; display:block; margin:0 auto;}
.wwz1 h1{ color:#000; font-family:"微软雅黑"; display:block; float:left; text-align:right;}
.wwz1 h2{ color:#000; font-family:"微软雅黑"; font-size:1.4em; display:block;float:left;}
.wwz1 span{color:#000; font-family:"微软雅黑"; font-size:1em; display:block;float:left;}

.wwz2{ width:100%; float:left; background:url(../images/service_img15.jpg) top center no-repeat; padding-top:10px; margin-top:20px;}
.wwz2 span{ width:100%; display:block;float:left; text-align:center;font-size:1.2em;font-family:"微软雅黑"; color:#000;}
.wwz2 span label{color:#ff0000; font-size:1.4px;}

.wwz3{ width:100%; display:block; float:left;}
.wwz3 ul { width:100%; display:block;  border-bottom:dashed 1px #c6c6c6; float:left; padding:10px 0px;}
.wwz3 ul li{ width:25%;display:block; float:left; background:url(../images/line1.jpg) right center no-repeat;}
.wwz3 ul li .wwz3Img{ width:100%;}
.wwz3 ul li .wwz3Img img{ width:80%; display:block; margin:0 auto;}
.wwz3 ul li .wwz3Txt{ width:100%; display:block; float:left; text-align:center;}
.wwz3 ul li .wwz3Txt h2{ font-size:1.2em;}
.wwz3 ul li .wwz3Txt span{}