@charset "utf-8";
@media only screen and (min-width: 740px){
	@font-face {
    	font-family: SYHTl;
    	src:url(../font/lanting.ttf);
	}
	@font-face {
	    font-family: SYHTt;
	    src:url(../font/lanting.ttf);
		font-weight:bold;
	}
}
* { margin: 0; padding: 0; list-style: none; outline: none; word-wrap: break-word; border:none; }
body {font-size: 12px; font-family: "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; color:#151515; background:#f7f7f7; font-weight:normal;}
.heart{max-width:1920px;margin:0 auto;font-size:50px;}
div{ }
body, html { overflow-x: hidden; -webkit-text-size-adjust: none; }
img { border: none; }
input { -webkit-appearance: none; }
ul,li{ padding:0; margin:0; list-style:none; list-style-type:none;}
a { text-decoration: none;color:#828282; transition:400ms; }
a:hover { text-decoration:none;color:#000;  }
a:active { outline: none;}
.w1200{ width:1200px; margin:0 auto; clear:both;}
.fb { font-weight: bold; }
b{ font-weight:normal}

::-moz-selection { background: #3e3e3e; color: #fff; text-shadow: none; }
::selection { background: #3e3e3e; color: #fff; text-shadow: none; }

.head { width: 100%; height: 80px;  background: url(../images/headBg.png) repeat;border-bottom: 1px solid #fff; position: fixed; left: 0; top: 0px; z-index: 10; transition: 400ms; }
#headShow { top: 0; }
.head .logo { /*width: 245px;*/ float: left; margin: 10px 0 0 30px; transition: 400ms; }
.head .logo img { width: 450px; margin: 0 8px 0 0; float: left; transition: 400ms; }
.head .logo .p1 { margin: 10px 0 0 0; font-size: 30px; color: #000; font-family: "fontlogo"; transition: 400ms; }
.head .logo .p2 { font-size: 14px; color: #000; font-family: "antoniolight"; transition: 400ms; }
.nav { margin-right:50px; float: right; transition: margin 400ms; position: relative; left: 0;float: right; }

.nav li {height:1.8em;margin:0 0.5em;line-height: 1.8em; text-align: center; text-transform: uppercase; font-size: 20px; float: left; font-family:"SYHTt"; position: relative;min-width: 4em;; }
.nav .tBox { width: 100%; height: 100%;overflow: hidden; }
.nav li a { width: 100%; height: 100%; color: #454545; }
.nav li .bg { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.4,1.2);-moz-transform: scale(1.4,1.2); transform: scale(1.4,1.2); transition: 400ms; width: 100%; height: 100%;border:1px solid #9d9d9d;border-radius: 0.9em;position: absolute; background-color:#fff;background-color:rgba(255,255,255,.5)}
.nav li .t1 { width: 100%; height: 100%;transition: 400ms;font-size:0.9em; transform: translate(0);}
.nav li .t2 { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; color: #454545; font-size:1em; transition: 400ms;transform: translate(0,-0.9em);}
.nav li:hover .bg, .nav .cur .bg { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1.2,1);-moz-transform: scale(1.2,1); transform: scale(1.2,1); }
.nav .cur .t1, .nav li:hover .t1 { top: -15px; opacity: 0; filter: alpha(opacity=0); }
.nav .cur .t2, .nav li:hover .t2 { top: 0; opacity: 1; filter: alpha(opacity=100); transform: translate(0,-1.7em);}
.navBtn { }
.navM { display: none; }
.navBtn2 { width: 24px; height: 18px; background: url(../images/navBtn.png) no-repeat center; float:right;margin-top:0.64em;margin-right:1em; transition: -webkit-transform 300ms,transform 300ms,top 400ms; }
.navShow { -webkit-transform: rotate(-90deg); }

.headFirst { background: url(../images/headBg.png) repeat; border-bottom: 1px solid #fff; z-index:9999997;  }
.headFirst .logo .p1 { color: #000; }
.headFirst .logo .p2 { color: #000; }
.headFirst .nav li a { color: #454545; }

.headFirst .nav li .t2 { color: #454545; }

.headFixed { height: 70px; }
.headFixed .logo { /*width: 200px;*/ margin: 15px 0 0 20px; }
.headFixed .logo img { width: 350px; margin: 0 5px 0 0; }
.headFixed .logo .p1 { margin: 0; font-size: 26px; }
.headFixed .logo .p2 { font-size: 13px; }
.headFixed .nav { margin-top: 20px; }
.headFixed .navBtn2 { top: 25px; }

#indservice{ width:100%; background:#fff; }
.indservice{width:1200px; margin:0 auto; overflow:hidden;padding-bottom:6%;}

.ind_til{ width:100%;  text-align:center; background:url(../images/ind_til_bg.png) center 85px no-repeat; margin-top:4%; margin-bottom:5%; height:100px; line-height:55px;}
.ind_til .wihte{ color:#828282; font-family:SYHTt;}
.ind_til .wihte h4{ color:#000;}
.ind_til .gray{ color:#9d9d9d; font-family:SYHTt;}
.ind_til .gray h4{ color:#ffffff; }
.ind_til h3{ font-weight:normal; font-size:50px; text-transform:uppercase; }
.ind_til h4{ font-weight:normal; font-size:25px;}

.ser_con{ width:100%; margin:0 auto;}
.ser_item{ width:25%; float:left; text-align:center; font-size:13px; line-height:26px;}
.ser_item a{ color:#505050 ; transition:400ms;}
.ser_item a:hover{ color:#bebebe ; }
.ser_item  i{ width:200px; height:200px; margin:0 auto;  display:block;  border-radius:100%; margin-bottom:5%;}
.ser_item  h3{font-weight:normal;font-family:SYHTt; font-size:20px; text-transform:uppercase; margin-bottom:1%;}
.ser_item  span{ display:block; padding:2% 8% 9%;}
.ser_item  b{ font-weight: normal;  width:15%; margin:0 auto; border-top:1px solid #c3c3c3; padding:3% 0 0; display:block;}

.ser_web  i{background:url(../images/web.png) center center no-repeat #fff; border:1px solid #eee; transition:400ms;}
.ser_web  i:hover{background:url(../images/web_w.png) center center no-repeat #ff9900;  border:1px solid #505050;}

.ser_phone  i{background:url(../images/phone.png) center center no-repeat #fff; border:1px solid #eee; transition:400ms;}
.ser_phone  i:hover{background:url(../images/phone_w.png) center center no-repeat #ff9900;  border:1px solid #505050;}

.ser_seo  i{background:url(../images/seo.png) center center no-repeat #fff; border:1px solid #eee; transition:400ms;}
.ser_seo  i:hover{background:url(../images/seo_w.png) center center no-repeat #ff9900;  border:1px solid #505050;}

.ser_seo1  i{background:url(../images/seo1.png) center center no-repeat #fff; border:1px solid #eee; transition:400ms;}
.ser_seo1  i:hover{background:url(../images/seo_w1.png) center center no-repeat #ff9900;  border:1px solid #505050;}

#indcase{ width:100%; background:url(../images/casebg.jpg) center top no-repeat; max-height:750px; overflow:hidden; }
.indcase{ width:1200px; margin:0 auto; overflow:hidden;padding-bottom:6%; padding-top:1%;}
.indcase_con{ width:100%; margin:0 auto;}

#inddesign{ width:100%; background:url(../images/designbg.jpg) center top no-repeat; max-height:750px; overflow:hidden; }
.inddesign{ width:1200px; margin:0 auto; overflow:hidden;padding-bottom:6%; padding-top:1%;}
.inddesign_con{ width:100%; margin:0 auto;}

#indnews{ width:100%; background:url(../images/newsbg.jpg) center top no-repeat; max-height:750px; overflow:hidden; }
.indnews{ width:1200px; margin:0 auto; overflow:hidden;padding-bottom:6%; padding-top:1%;}
.indnews_con{ width:100%; margin:0 auto;}

#feature {	width:100%;}
.ca_list{ float:left; max-width:1100px;margin-left:1%; height:50px;}
.ca_list a{ padding:6px 15px ;font-family:SYHTl;font-size:14px; color:#838383; border-radius:20px; border:1px solid #ff9900; text-align:center; margin-right:10px; display:block; float:left;}
.ca_list a:hover{color:#fff;border:1px solid #fff; }

.btn_scroll{ float:right; width:100px;height:50px; overflow:hidden; }
.btn_scroll a.prev { text-indent: -9999px; width: 36px; display: block; background: url(../images/left-ar.png) center top; float: left; height: 36px;  position:relative; overflow:hidden; margin-right:15px;}
.btn_scroll a.next { text-indent: -9999px;width: 36px; display: block; background: url(../images/right_ar.png) center top; float: left; height: 36px;   position:relative; overflow:hidden;}
.btn_scroll a.prev:hover {	background-position: center bottom; }
.btn_scroll a.next:hover {	background-position: center bottom;}

.btn_scroll a.prevd { text-indent: -9999px; width: 36px; display: block; background: url(../images/left-ar.png) center top; float: left; height: 36px;  position:relative; overflow:hidden; margin-right:15px;}
.btn_scroll a.nextd { text-indent: -9999px;width: 36px; display: block; background: url(../images/right_ar.png) center top; float: left; height: 36px;   position:relative; overflow:hidden;}
.btn_scroll a.prevd:hover {	background-position: center bottom; }
.btn_scroll a.nextd:hover {	background-position: center bottom;}

.btn_scroll a.prevn { text-indent: -9999px; width: 36px; display: block; background: url(../images/left-arn.png) center top; float: left; height: 36px;  position:relative; overflow:hidden; margin-right:15px;}
.btn_scroll a.nextn { text-indent: -9999px;width: 36px; display: block; background: url(../images/right_arn.png) center top; float: left; height: 36px;   position:relative; overflow:hidden;}
.btn_scroll a.prevn:hover {	background-position: center bottom; }
.btn_scroll a.nextn:hover {	background-position: center bottom;}


.indnews_list{ float:left; max-width:1100px;margin-left:1%; height:50px;}
.indnews_list a{ padding:8px 15px ;font-family:SYHTl;font-size:14px; color:#9f9f9f; border-radius:20px;  text-align:center; margin-right:5px; display:block; float:left;}
.indnews_list a:hover{color:#626262; background:#fff;}

#botton-scroll {z-index: 0; width:100%;  height: auto; margin-left:0px; padding:0; padding-top:2%;}
#botton-scroll1 {z-index: 0; width:100%;  height: auto; margin-left:0px; padding:0; padding-top:2%;} 
#botton-scroll2{z-index: 0; width:100%;  height: auto; margin-left:0px; padding:0; padding-top:2%;} 

.featureUL {position: relative;  list-style-type: none; margin: 0px; padding:0; text-align:left;  float: left;  width: 2800px; }
.featureBox {max-width:300px;  float:left; height:420px; overflow:hidden;}

.block {	z-index: 0;  position: relative;  margin: 0px auto;  width: 100%;   height: 100%;}
.block .box {max-width:280px;float: left;  overflow:hidden; display:block;margin-left:10px;}
.block .box a{ display:block; width:100%; height:100%; }

.featureBox .box a.bgcolorb{background:#434343; color:#a2a2a2;}
.featureBox .box a.bgcolorb:hover{background:#ff9900; color:#fff;}

.featureBox .box a.bgcolorw{background:#85848b;color:#f1f0f6; }
.featureBox .box a.bgcolorw:hover{background:#b1b0b9; color:#fff;}

.featureBox .box a.bgcolorn{background:#fff;color:#b6b6b6; }
.featureBox .box a.bgcolorn:hover{background:#fff; color:#000;}
.featureBox .box a.bgcolorn:hover h3{color:#000;}

.featureBox .box a.bgcolorn img{ width:86%;  margin-top:7% !important; margin-left:7%; text-align:center;}
.featureBox .box a.bgcolorb img{ width:100%;vertical-align: middle;}
.featureBox .box a.bgcolorw img{ width:100%;}

.case_box_c{ padding:7% 5% 5% 6%; line-height:24px;}
.case_box_c h3{ font-family:SYHTt; font-size:20px; font-weight:normal;}
.case_box_c span{ display:block; padding-top:3%;height:4em; overflow:hidden;}
.case_box_c b.case_b_l{ display:block; background:url(../images/line.png) left bottom no-repeat; padding:2% 0 3% 0;}
.case_box_c b.case_b_w{ display:block; background:url(../images/line2.jpg) -30px bottom no-repeat; padding:2% 0 3% 0;}

.design_box_c{ padding:3% 5% 5% 6%; line-height:24px;}
.design_box_c h3{ font-family:SYHTt; font-size:20px; font-weight:normal;}
.design_box_c span{ display:block; padding-top:3%;height:11.4%; overflow:hidden; line-height:20px;}
.design_box_c b.case_b_w{ display:block; background:url(../images/line2.jpg) -30px bottom no-repeat; padding:2% 0 3% 0;}

.news_box_c{ padding:7% 7% 6%; line-height:22px;}
.news_box_c h3{ font-family:SYHTt; font-size:14px; font-weight:normal;  overflow:hidden; display:block; color:#666;padding-bottom: 10px; }
.news_box_c span{ display:block; padding-top:5%; padding-bottom:10%; height:90px; overflow:hidden;}
.news_b_cb{ width:100%;} 
.news_b_cb .news_b_m{ padding:1%  4% ; float:left; text-align:center;  border:1px  solid #e3e3e3;}
.news_b_cb .news_b_d{  float:right; text-align:right;  color:#989898; padding:2%  0; font-style:italic;}

.indmore{ display:block; clear:both; width:100%; text-align:center; margin:4% 0 0 0;}
.indmore a{font-size:20px; font-family:SYHTt; width:160px; height:50px; line-height:50px; border-radius:25px;margin:0 auto;text-align:center; display:block; }
.indmore a.black{  background:#ff9900; color:#fff;  }
.indmore a.black:hover{  background:#464646; color:#fff;  }
.indmore a.mwihte{ border:1px solid #ff9900; color:#fff;  }
.indmore a.mwihte:hover{ background:rgba(69,69,69,0.5); color:#fff;   }
.indmore a.news_wm{ background:#fff; color:#5f5f5f;}
.indmore a.news_wm:hover{ background:#5a5a5a; color:#fff;}

#indabout{ width:100%; background:url(../images/aboutbg.jpg) center top no-repeat #f4f4f4; overflow:hidden; }
.indabout{ width:1200px; margin:0 auto; overflow:hidden;padding-bottom:6%; padding-top:1%;}
.indabout_con{ width:100%; margin:0 auto;}
.indabout_left{ width:48%;margin-left:2%; float:left; line-height:26px; color:#4d4d4d; }
.indabout_l_til{ padding:2% 3%; border:1px solid #bababa; border-radius:25px; width:40%; text-align:center; font-size:28px; font-family:SYHTt; }
.indabout_l_con{ padding:7% 10% 0 0;}
.indabout_l_con h5{ font-size:18px; font-family:SYHTt; font-weight:normal; color:#ff9900;}
.indabout_l_con span{ padding:7% 0 12%; display:block;}
.indabout_right{ width:50%; float:left; }
.indabout_right ul{ padding-top:8%; }
.indabout_right ul li{ float:left; width:100%; list-style:none; padding:0; margin-bottom:1%; margin-right:1.5%;}
.indabout_right ul li img{ width:auto ; height:auto; margin:0 ; padding:0;}
a.abmore{ display: inline-block;; padding-bottom:3%; font-size:14px; background:url(../images/line1.jpg) -50px bottom no-repeat; transition:1000;}
a.abmore:hover{background:url(../images/line1.jpg) 0 bottom  no-repeat;  }

#indfeed{ width:100%; background:url(../images/feedbg.jpg) center top no-repeat #fff; overflow:hidden; }
.indfeed{ width:1200px; margin:0 auto; overflow:hidden; }
.indfeed_con{ width:100%; margin:0 auto; overflow: hidden;clear: both;padding:5% 0;}
.indpd_top9{ padding-top:9%;}
.indpd_top4{ padding-top:4%;}
.indfeed_l_til{}
.indfeed_l_til h3{ font-size:2.5em; font-weight: normal; font-family:SYHTt;}
.indfeed_l_con{ padding-top:5%;}
.indfeed_l_con .input{ border:1px solid #d9d9d9;background:none; border-radius:25px; padding:1.7% 2%; font-family: microsoft yahei; width:87%; color:#999; margin-bottom:2%; text-align:left;}
.h35{ height:150px !important; background:none;}
.btn_send{border:1px solid #d9d9d9; border-radius:25px; padding:0.7% 4.5% 0.1%; font-family:SYHTt; font-size:2em; background:url(../images/btnbg.png) -180px top no-repeat; cursor:pointer;  color:#000;  text-align:center; transition:600ms;}
.btn_send:hover{background:url(../images/btnbg.png) 0 top no-repeat;color:#000; border:1px solid #d9d9d9;}

.h35::-webkit-scrollbar {
    width: 6px; 
}

/* 滚动�?*/
.h35::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 3px;
}
/* 滚动条滑�?*/
.h35::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(0,0,0,0.1); 
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
}
.h35::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.3); 
}
footer{ width:100%; margin:0 auto; background:#e7e6e6; overflow:hidden;}
.foottop{ width:100%; margin:0 auto; background:#f0f0f0;}
.foottcon{ width:1200px; overflow:hidden; background:url(../images/foottbg.jpg) no-repeat left top #f0f0f0; margin:0 auto;}
.foottleft{ width:50%; float:left;  padding-top:2.5%;}
.fttlleft{ width:50%; float:left; font-family:SYHTt;}
.fttlleft span{ font-size:1.7em; color:#727272;}
.fttlleft h3{font-size:3em;font-weight:normal;margin-top:10px;margin-bottom:10px;}
.ffwbq a{ width:34px; height:34px; border-radius:17px; text-indent:-9999px; display:block; margin-right:10px; float:left;}
.ffwbq a.ffwx{ background:url(../images/wxlog.png) center center no-repeat #e7e6e6;}
.ffwbq a.ffwx:hover{ background:url(../images/wxlog_w.png) center center no-repeat #32d300;}
.ffwbq a.ffwb{ background:url(../images/wblog.png) center center no-repeat #e7e6e6;}
.ffwbq a.ffwb:hover{ background:url(../images/wblog_w.png) center center no-repeat #e81919;}
.ffwbq a.ffqq{ background:url(../images/qqlog.png) center center no-repeat #e7e6e6;}
.ffwbq a.ffqq:hover{ background:url(../images/qqlog_w.png) center center no-repeat #1989e8;}
.fttlright{ width:45%; float:right;margin-top:-10px;}
.fttlright span{ padding:10px 0; margin:0; font-size:1em; display:block;color:#727272;}
.foottright{ width:50%; float:left; padding-top:2.5%; color:#727272;}
.fttrtop{}
.fttrtop a{ font-size:1.6em; margin-right:28px; font-family:SYHTt; }
.fttrtop a:hover{ text-decoration:underline;}
.fttctn{ padding-top:30px; font-size:1.2em;}
.link{ padding-top:30px; line-height:24px;}
.link p{ font-size:2em; font-family:SYHTt; padding-bottom:10px;}
.link a{ margin:0 10px 0 0;}
.footbottom{ width:1200px; margin:0 auto; height:0px;}
.footbleft{ float:left; line-height:20px; padding-top:25px; color:#6f6f6f;}
.footbright{ float:right;}
/*--------------main---------------*/
#content,.nb{ width:1200px; margin:0 auto; padding:0 0 3%; overflow:hidden;}
.mtitle{ width:100%; border-bottom:1px solid #e3e3e3; overflow:hidden; height:65px;}
.mtitleft{ float:left; width:80%}
.mtitleft a{  padding:0px 25px; height:46px; line-height:48px; margin-right:5px; margin-top:10px; display:block; border-radius:23px; color:#878787; font-size:1.5em; float:left; font-family:SYHTt; }
.mtitleft a:hover{ background:#e5e5e5; color:#000;}
.mtitleft a.mtitlhover{ background:#e5e5e5; color:#000;}
.mtitright{ float:right; padding-left:20px; background:url(../images/mradius.jpg) left center no-repeat; line-height:65px; color:#9b9b9b;}
.maincon{ width:100%; padding-bottom:2%; line-height:29px; color:#5f5f5f; overflow:hidden;}
.pdtop{ padding-top:7%;}  
.mabout{ clear:both;}
.mabout h3{ font-size:3.7em; font-family:syhtt; font-weight:normal; font-style:italic; color:#494949;}
.mabout_con{ width:100%; padding-top:5%; font-size:1.2em; }
.text_con{ width:45%; float:left;padding-right:5%;}
.text_con h4{font-family:syhtt; font-size:1.3em; font-weight:normal; color:#3e3e3e;}  
.text_img{ width:50%; float:left; text-align:center;}
.text_img img{ width:99%;}
.mdowa{ padding-top:8%; width:100%; clear:both;}
.mdowa h3{ font-size:3.2em; font-family:syhtt; font-weight:normal; font-style:italic; color:#494949; }
.mdowa_con{ width:100%;  font-size:1.2em; text-align:right; }
.mdowa_text_con{ width:50%; float:right;padding-left:0;}
.mdowa_text_con h4{font-family:syhtt; font-size:1.1em; font-weight:normal; color:#3e3e3e; padding-top:15%;}  
.mdowa_text_img{ width:50%; float:left; text-align:left;}
.mdowa_text_img img{ width:78.3%;}
.text_con ul{ padding-top:2%;}
.text_con ul li{ padding-left:20px; background:url(../images/marrow.jpg) left 6px no-repeat; margin-bottom:7%; padding-right:5%;}
.mnews{ width:1200px; margin:0 auto; overflow:hidden;}  
.mnews ul{ width:101%;}
.mnews ul li{ width:98%; background:#fff;margin-right:2%; float:left; overflow:hidden; margin-bottom:2%;}
.mnews ul li img{ width:61%; height:100%; float:left;}
.mnews_r{ padding:2% 3% 1% 3%; width:95%; float:left;}  
.mnews_r p{ line-height:20px;  overflow:hidden; color:#8c8c8c; display:block; height:30px; margin-bottom:15px; padding-top:7px;}
.mnews_d{ color:#a4a4a4; font-style: italic;}
.mnews_r h3{ font-family:syhtt; font-size:1.5em; height:45px; line-height:24px; padding-top:1.5%; display:block; overflow:hidden; font-weight:normal; }
.mnews_r h3 a{ color:#242424;}
.mnews_r h3 a:hover{ color:#8c8c8c;}
a.mmore{ padding-bottom:0%; background:url(../images/line1.jpg) -45px bottom no-repeat; width:35%; transition:400ms; display:block;}
a.mmore:hover{ padding-bottom:4%; background:url(../images/line1.jpg) 0 bottom no-repeat; width:35%;}
.page{ padding-top:2%; clear:both;}
.page  a{ width:66px; height:36px; background:#fff; line-height:36px; text-align:center; color:#a9a9a9; display:block; float:left; margin-right:8px; font-size:1.2em;}
.page  a:hover{background:#1276ca; color:#fff;}
.page  a.pageprev{background:url(../images/pagearrow_l.png) center center no-repeat #fff; text-indent:-9999px;}
.page  a.pageprev:hover{background:url(../images/pagearrow_lw.png) center center no-repeat #1276ca;}
.page  a.pagenext{background:url(../images/pagearrow_r.png) center center no-repeat #fff; text-indent:-9999px;}
.page  a.pagenext:hover{background:url(../images/pagearrow_rw.png) center center no-repeat #1276ca;}
.page  a.pagehover{background:#1276ca; color:#fff;}
.mainshow{ width:1150px; margin:0 auto; background:#fff; border-top:4px solid #ececec; padding:25px 25px 15px; overflow:hidden;}
.mainshow_til{ width:100%; padding-bottom:10px; border-bottom:1px solid #eeeded; overflow:hidden;}
.mstilleft{ float:left;}
.mstilleft h3{ font-family:syhtt; font-size:2.2em; color:#0C0C0C; font-weight:normal;}
.msdate{ color:#cecece; font-size:1.2em; display:block; float:left; padding-right:10px; font-family:syhtt;}
.mstilleft  a{ display:block; float:left; height:20px; width:50px; margin-top:5px; text-align:center; line-height:20px; border-radius:10px; }
.mstilleft  a:hover{ background:#e9e9e9; color:#000;}
.mstilmid{ float:left;margin-left:20px;margin-top:3px;}
.mstilmid a{ width:475px; height:32px; line-height:32px; padding-left:15px;  display:block; border:1px solid #CCC; border-radius:30px;background: url(../images/arrow2.png) 70px center no-repeat;}
.mstilmid a:hover{ background:url(../images/arrow2.png) 70px center no-repeat #fff; color:#000;}
.mstilright{ float:right;}
.mstilright img{ padding-right:3px; padding-top:2px;}
.mstilright b{ font-size:3em; font-family:syhtt;}
.mainshow_con{ width:95%; margin:0 auto; padding:3% 0;}
.mscon_con{ width:100%; padding-bottom:4%; border-bottom:1px dotted #d6d6d6; font-size:1.2em;}
.mscon_con img{ text-align:center; margin:0 auto !important; display:block;}
.msconother{ width:100%; padding-top:2%;}
.msconother ul li{ clear:both; height:25px; line-height:25px; margin-bottom:1%;}
.msconother ul li span{ display:block; border:1px solid #eee; padding:0 10px; text-align:center; border-radius:25px; float:left; margin-right:10px;}
.msconother ul li a{ display:block; float:left; line-height:28px; font-size:1.1em; }
.mcase{ width:100%;}
.mcase ul{ width:100%; padding-bottom:0; overflow:hidden;}
.mcase ul li{ max-width:300px; width:25%;float:left; height:320px; margin-bottom:2%;}
.mcase ul li a{ max-width:280px;width:93%; overflow:hidden; height:100%; background:#fff; display:block;}
.mcase_con{ padding:5% 5% 2% 6%; line-height:24px;}
.mcase_con h3{ font-family:SYHTt; font-size:20px; font-weight:normal;}
.mcase_con span{ display:block; padding-top:3%;height:11.4%; overflow:hidden;}
.mcase ul li a  b.mcmore{ display:block; background:url(../images/line1.jpg) -40px bottom no-repeat; padding:3% 0 3% 0;  transition:400ms;margin-bottom:1em; }
.mcase ul li a:hover  b.mcmore{background:url(../images/line1.jpg) -3px bottom no-repeat;}
.mcase ul li a img{ width:100%;}
.mdesign{ width:100%; overflow:hidden;}
.mdstxt{ width:100%; text-align:center; padding-bottom:4%; font-family:microsoft yahei;}
.mdstxt h3{ font-size:4.5em; text-transform:uppercase; color:#bcbcbc; font-family:syhtt;line-height:2em;font-weight:normal;}
.mdstxt h2{width:239px; height:85px; line-height:80px; text-align:center; margin:0 auto;font-size:4em; color:#fff; font-family:syhtt; font-weight:normal;}
.mdstxt h2.mdstil{  background:url(../images/teamtil.png) no-repeat; }
.mdstxt h2.mwebtil{  background:url(../images/webtil.png) no-repeat; }
.mdstxt h2.mphtil{  background:url(../images/phonetil.png) no-repeat; }
.mdstxt h2.mwxtil{  background:url(../images/wxtil.png) no-repeat; }
.mdstxt h2.mseotil{  background:url(../images/seotil.png) no-repeat; }
.mdstxt h4{ font-size:3em; font-family:syhtt; font-weight:normal; color:#000; padding:2% 0 1%;}
.mdstxt p{ font-size:1.4em; font-family:syhtt; font-weight:normal; color:#535353;}
.mweb{ width:100%; margin:0 auto; overflow:hidden;}
.mweb ul li{ width:25%; float:left; text-align:center; height:665px;}
.mweb ul li h5{ font-size:2.1em; font-family:syhtt; padding-top:210px; padding-bottom:15px; font-weight:normal; color:#000;}
.mweb ul li.mweb01{ background:url(../images/mweb01.png) center top no-repeat;}
.mweb ul li.mweb02{ background:url(../images/mweb02.png) center top no-repeat;}
.mweb ul li.mweb03{ background:url(../images/mweb03.png) center top no-repeat;}
.mweb ul li.mweb04{ background:url(../images/mweb04.png) center top no-repeat;}
.mweb ul li span{ line-height:24px !important; display:block; font-size:1.1em;}
.mwebsite{ width:100%; margin:0 auto; clear: both; overflow:hidden; text-align:center; line-height:28px; font-size:1.2em;}
.mwebsite h2{ font-family:syhtt; font-size:3em;  padding-top:50px; color:#000; font-weight:normal;}
.mwebsite  p{ padding:1.5% 0 2%;}
.mwebsite h4{padding:1.3% 2% 1%; display:inline-block; border-radius:35px;color:#fff; margin:0 auto;font-size:2em; font-weight:normal; font-family:syhtt;}
h4.mwebs1{  background:#87c9e8; }
h4.mwebs2{  background:#3bb9af; }
h4.mwebs3{  background:#5981d4; }
h4.mwebs4{  background:#d6bb81; }
h4.mwebsgrey{  background:#7e7e7e; }
.mphone{width:100%; margin:0 auto; overflow:hidden; clear:both; text-align:center;}
.mphone ul{ text-align:center; padding-bottom:5%; overflow:hidden;}
.mphone ul li{ max-width:360px;width:100%; min-height:358px; background:url(../images/mphbg.png) center bottom no-repeat #fff; float:left; text-align:center; margin:1.6%; overflow:hidden;}
.mphone ul li h5{ font-size:2.2em; font-weight:normal; font-family:syhtt; color:#000; padding:7% 0 1%; overflow:hidden; display:block;}
.mphone ul li span{ padding:2% 8% 6%; display:block; font-size:1.2em; color:#8c8c8c;}
.mphone ul li img{ width:100%;}
.phonebox{width:99%;text-align:center; margin:0 auto; overflow:hidden;}
.phonebox .w1{float:left;width:33%;height:180px;border-right:1px dotted #e0dede;border-bottom:1px dotted #e0dede;overflow:hidden;}
.phonebox .w2{float:left;width:33%;height:180px;border-right:1px dotted #e0dede;border-bottom:1px dotted #e0dede;overflow:hidden;}
.phonebox .w3{float:left;width:33%;height:180px;border-bottom:1px dotted #e0dede;overflow:hidden;}
.phonebox .w4{float:left;width:33%;height:180px;border-right:1px dotted #e0dede;overflow:hidden;}
.phonebox .w5{float:left;width:33%;height:180px;border-right:1px dotted #e0dede;overflow:hidden;}
.phonebox .w6{float:left;width:33%;height:180px;border:none;overflow:hidden;}
p.mwxh{ font-size:1.5em;}
.mseo{width:100%; margin:0 auto; overflow:hidden; clear:both; text-align:center;}
.mseocon h3{ padding:1.4% 1% 1.1%;  display:block; max-width:400px;width:100%; border-radius:35px; border:1px solid #CCC; margin:2% auto; font-family:syhtt;  font-size:2.5em; color:#000; font-weight:normal;}
.mseocon p{ font-size:1.2em; padding-bottom:3%;}
.team ul { width:100%; }
.team li { width: 306px; text-align: center; line-height: 28px; float: left; margin: 0 47px 35px; font-family: "微软雅黑"; min-height:470px;}
.team li a{ width: 100%; position: relative; cursor: pointer;display: block; }
.team .img { width: 100%; position: relative;cursor: pointer; overflow:hidden; }
.team .teamImg { width: 100%; border-radius:50%;  }
.team .teamBg { opacity: 0; filter: alpha(opacity=0); width: 100%; position: absolute; left: 0; top: 0; transition: 600ms; }
.team .img:hover .teamBg { opacity: 1; filter: alpha(opacity=100); }
.team .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.team .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.team .img:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.team .img:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.team .name { margin: 15px 0 0 0; font-size: 2em; color: #181818; font-family:syhtt; }
.team .til { font-size: 14px; color: #737373; line-height:24px; padding-top:2%; padding-bottom:5%; }
.team a.teammore{ width:70px; height:28px ; line-height:28px; text-align:center;  border-radius:14px; border:1px solid #cccccc; display:block; margin:0 auto; font-family:syhtt;}
.team a.teammore:hover{ background:#e0e0e0; border:1px solid #e0e0e0; color:#000;}
.mcontact{ width:100%; clear:both ; overflow:hidden;}
.mcntleft{ width:40%; padding:0 10% 0 0; float:left; overflow:hidden; }
	.mcntleft>img{width:100%;max-width:429px;}
.mcntleft h3{ font-family:syhtt; font-size:2.5em; line-height:40px; color:#ff9900; font-weight:normal;}
.mcntright{ width:50%; float:left;}
.map{ width:100%; clear:both;}
.map img{ width:100%; padding-top:5%;}
.mqq{ padding-top:5%;}
.mqq a{ width:155px; height:40px; display:block; float:left; line-height:20px;}
.mqq a i{ width:40px; height:40px; border-radius:20px; transition:400ms; display:block; float:left; margin-right:10px; }
.mqq a i.mqq1{ background:url(../images/qqlog_w.png) center center no-repeat #d8ce63;}
.mqq a i.mqq1:hover{ background:url(../images/qqlog_w.png) center center no-repeat #000;}
.mqq a i.mqq2{ background:url(../images/qqlog_w.png) center center no-repeat #63abd8;}
.mqq a i.mqq2:hover{ background:url(../images/qqlog_w.png) center center no-repeat #000;}
.mctncon{ clear:both; padding-top:6%; font-size:1.2em; line-height:28px; margin-left:2px;}
.mctncon br{border-bottom:1px solid #ccc;}
.mjob{ width:100%; text-align:center; padding-bottom:0; font-family:microsoft yahei;}
.mjob h3{ font-size:3.5em; text-transform:uppercase; color:#595959; font-family:syhtt; line-height:70px; font-weight:normal;}
.mjob h2{ width:239px; height:85px; line-height:80px; text-align:center; margin:0 auto;  font-size:4em; color:#fff; font-family:syhtt; font-weight:normal;}
.mjob h4{ font-size:3em; font-family:syhtt; font-weight:normal; color:#535353; line-height:80px;}
.mjob p.mjobtxt{ font-size:1.4em;  font-weight:normal; color:#7e7e7e; padding-bottom:0; padding-top:1%;}
.mjobem{ padding:1px 0; margin:0 auto; background:#1276ca; color:#fff; width:250px;}
.mjobran{ padding:4px 0; margin:30px auto 20px; background:#1276ca; color:#fff; width:300px; font-size:1.3em; clear:both;}
img.arrow1{ clear:both; display:block; margin:30px auto;}
img.arrow2{ clear:both; display:block; margin:0 auto;}
ul.mjoblist{ width:100%; padding:2% 0; overflow:hidden;}
ul.mjoblist li{ width:25%; float:left; text-align:left; line-height:22px; padding-bottom:20px;}
ul.mjoblist li img{ width:100%; height:42.6%;}
ul.mjoblist li .mjobbox{ background:#fff; margin:0 auto; width:240px; padding:20px; height:460px; overflow:hidden;}
ul.mjoblist li .mjobbox h3{ padding:10px 0; font-size:2em; margin:0; line-height:30px; font-weight:normal;}
.mjob_box_c .mjobcon{ padding-bottom:10px; display:block;}
.mprocess{ width:100%; margin:0 auto;}
.mpdot{ width:20px; height:20px; border-radius:10px; background:#eaeaea; margin:0 auto;}
.mptxt{ max-width:420px;width:100%; height:420px; text-align:left; border-radius:50%; border:1px solid #efefef; margin:0 auto; background:#fff; }
.mptxt h2{padding:1em 0 0;text-align:center;font-family:syhtt; font-size:5em; font-style: italic; color:#eee; font-weight:normal;}
.mptxt h3{padding:1.5em 0 1em;text-align: center; font-family:syhtt; font-size:2.2em; font-weight:normal;}
.mptxt p{text-align: center;}
#csdetail{ width:100%; padding-top:100px; overflow:hidden; padding-bottom:30px;max-width:1400px;margin:auto;}
.csshow_til{ width:1200px; margin:0 auto; padding-bottom:10px; overflow:hidden; position-:fixed; z-index:999; }
/*Big_Slide样式*/
#Big_Slide_box{width:100%; overflow:hidden; margin-top:0px; }
#Big_Slide{width:100%;position: relative; margin:0 auto !important;overflow: hidden;}
#Big_Slide .bd ul li{width:100%; height: auto;text-align:center;position: relative;overflow: hidden; text-align: center;}
#Big_Slide ul li img{width:100%;  max-width: 1100px;}
#Big_Slide_Last,#Big_Slide_Next{width:46px; height:131px; color:#ff9900; font-size:18px; position: relative;z-index:999; cursor:pointer; opacity:0.5;}
#Big_Slide_Last:hover,#Big_Slide_Next:hover{opacity:1;}
#Big_Slide_Last{margin-left:50px; background:url(../images/lastIco.png) no-repeat center top; float:left;}
#Big_Slide_Next{margin-right:50px; background:url(../images/nextIco.png) no-repeat center top; float:right;}
#Big_Slide_Tab{position: absolute; bottom:12px; height:1px; margin:0 auto; width:240px; display:none;}
#Big_Slide_Tab a{display:block; background:#000; float:left; height:1px; overflow:hidden; z-index:9999; }
#Big_Slide_Tab .TabOn{ background:#fff;} 
#Big_Slide .hd{position: absolute;width:100%;top:50%;margin-top:-65px;}
#Big_Slide .hd span{position: absolute;}
#Big_Slide .hd span.prev{left:0}
#Big_Slide .hd span.next{right:0}
#Big_Slide div.mask-opa{position: absolute;width:100%;top:0;}
#Big_Slide div.mask-opa i{display: block;position: absolute;width:1100px; height:750px; opacity:0.95;top:0px; z-index:99; }
/*
#Big_Slide div.mask-opa i.left{left:0;background:#fff;opacity:.9;;}
#Big_Slide div.mask-opa i.right{right: 0;background:#fff;opacity:.9;;}
*/
.csshowcon{ width:1100px; margin:0 auto; padding:30px 0 0 ; text-align:left; }
.csshowtxt{ line-height:26px;}
/*修正侧栏QQ*/
.mainqq{ float:left; padding-left:30px;}
.mainqq a{ width:135px; height:40px; border-radius:10px; background:#B54343; color:#fff; line-height:40px; text-align:center; display:block; font-size:16px;}
.mainqq a:hover{background:#BD7E7E;}
.floating_ck{position:fixed;right:7px;top:25%;z-index:9999;}
.floating_ck dl dd {position:relative;width:100px;height:100px;margin-top:3px;border-bottom:solid 1px #555666;text-align:center;cursor:pointer;}
.floating_ck dl dd a{width:100px; background-color:#777;background:url(../images/celan.png) no-repeat rgba(119,119,119,.8);display: block;}
.floating_ck dl dd a:hover{background-color:#ff9900;border-bottom:solid 1px #555666;}
.floating_ck dl dd.consult a{background-position: 26px -188px;}
.floating_ck dl dd.words a{background-position: 26px -88px;}
.floating_ck dl dd.qrcord a{background-position: 26px 18px;}
.floating_ck dd span{color:#fff;display:block;padding-top:70px; padding-bottom:10px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#ff9900;border-bottom:solid 1px #555666;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.mask{position: fixed;top: 0;left: 0;background-color:#000;opacity:.5;filter:alpha(opacity=50);width: 100%;z-index:9999998;display: none;}
.contcact-box{position: fixed;top:50%;left:50%;font-family: 'SYHTl';max-width: 400px;width:100%;margin-left:-200px;z-index:9999999;display: none;}
.contcact-box .top{padding:0 10px 0 22px;background-color:#eeeeee;position: relative;border-top-left-radius: 5px;border-top-right-radius: 5px;line-height: 45px;}
.contcact-box .top h3{font-size: 14px;color: #838383;display: inline-block;}
.contcact-box .top h3 span{font-size: 18px;font-family:'SYHTl';color:#666;}
.contcact-box .top .btn-close{float: right;background:url(../images/btn-close.png) no-repeat;display: block;width:15px;height: 15px;position: absolute;top:15px;right:18px;cursor: pointer;}
.contcact-box .center{padding:30px 32px 20px;background-color:#fff;}
.contcact-box .center ul li{overflow: hidden;clear: both;}
.contcact-box .center ul li.first input{display: inline-block;border-bottom:1px solid #7f7f7f;height: 39px;line-height: 39px;font-size: 16px;color:#666;float: left;width: 220px;;}
.contcact-box .center ul li.first a.contact-kf{display: inline-block;width:100px;height: 40px;line-height: 40px;color:#fff;background-color:#faae15;text-align: center;font-size: 18px;margin-left: 16px;border-radius:5px;float: left;}
.contcact-box .center ul li.second{margin-top:32px;font-size: 14px;;}
.contcact-box .center ul li.third .wechatbox{width: 140px;height: 140px;overflow: hidden;margin:0 auto;}
.contcact-box .center ul li.third .wechatbox img{width: 100%;}
.contcact-box .bottom{overflow: hidden;clear: both;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.contcact-box .bottom a{display:inline-block;width:50%;float: left;height: 100px;text-align: center;}
.contcact-box .bottom a span{font-size: 14px;;}
.contcact-box .bottom a i{display: block;background: url(../images/celan.png) no-repeat;;}
.contcact-box .bottom a i.icon-online{background-position: 0px -386px;width:48px;height: 40px;margin:16px auto 12px;}
.contcact-box .bottom a:hover  i.icon-online{background-position: 0px -107px;}
.contcact-box .bottom a  i.icon-qq{background-position: 0px -297px;width:40px;height: 44px;margin:13px auto 10px;}
.contcact-box .bottom a:hover i.icon-qq{background-position: 0px -458px;}
.contcact-box .bottom a:hover{background-color: #fbae15;color:#fff;}
.contcact-box .bottom a{background-color: #eee;color:#505050;}
.wccodebox{position: relative;}
.wccodebox a{display: block;position: absolute;top: 0;left: 0;width: 100%;z-index: 1;}
.wccodebox:hover{background-color:#ff9900;}
.wccodebox:hover .wccodepic{right: 100px;width: 160px;height: 160px;padding:10px;overflow: hidden;background-color:#ff9900;}
.wccodepic{position: absolute;top: 0;right: -500%;transition: all 500ms linear;z-index: 0;width: 160px;height: 160px;overflow: hidden;}
.wccodepic img{width: 100%;}
/*phone bottom code*/
.wecahtbox-phone{position: fixed;bottom:75px;background-color:#777;background-color:rgba(51,51,51,.7);color:#fff;padding:10px;text-align: center;display: none;}
.wecahtbox-phone .wc-phone{width: 150px;height: 150px;}
.wc-phone img{width: 100%;}
.wecahtbox-phone p{margin-top:10px;}
/*fenly*/

#botton-scroll div.tempWrap{margin:0 auto;}
.case_box_c div.yspan{height:4em;overflow: hidden;}
div.yspan p{text-align: justify;}
.design_box_c div.yspan{height:4em;overflow: hidden;}
.news_box_c div.yspan{height:26em;overflow: hidden;}
.news_b_cb{overflow: hidden;clear: both;}
.mnews ul li a{display: block;width:61%;}
.mnews ul li a img{width:100%;}
.phone-bottom{display: none;;}
.xlnav{font-size:32px;color:#fff;display: block;width:2em;height:2em;line-height: 2em;border-radius:100%;border:1px solid #f1f1f1;margin:0 auto 0.5em;}
/*以xia是企业邮箱css*/
.advantage_content{border-bottom:1px solid #DDDDDD;max-width:1200px;white-space:normal;}
.advantage_content .title{font-size:32px;color:#505558;}
.advantage_content .detail{font-size:14px;color:#939FA6;padding-top:10px;}
.advantage_content .left_words{max-width:500px;float:left;padding:100px 0px 0px 0px;}
.advantage_content .left_words>img{border-style:none;border-width:initial;width:410px;}
.special_scene>img{border-style:none;border-width:initial;max-width:433px;float:left;/*margin-right:240px;*/}
.admin_report img{border-style:none;border-width:initial;max-width:432px;}
.suppoet_mobile>img{border-style:none;border-width:initial;max-width:353px;float:left;/*margin-right:300px;*/}
.experience_10years .left_words img{border-style:none;border-width:initial;width:376px;}
.advantage_content .detail a{color:#2272A6;text-decoration:none;outline:none;cursor:pointer;}
.special_scene,.admin_report, .suppoet_mobile{padding:74px 0px;}
.advantage_content .right_words{padding:62px 0px 0px;/*height:220px;*/width:50%;float: right;}
.admin_report .left_words{max-width:450px;float:left;padding:53px 0px 0px 0px;}
.suppoet_mobile .right_words{padding:105px 0px 0px;/*height:245px;*/width:50%;float: right;}
.experience_10years{border:none;max-width:1200px;padding:74px 0;}
.experience_10years .left_words{max-width:500px;float:left;padding:71px 0px 0px 0px;}
.product_news_detail{overflow:hidden;max-width:1200px;}
.product_news_detail p.small_title{margin-top:0px;margin-bottom:25px;padding:0px 0px 12px;font-size:18px;line-height:1.5;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#D7E1E5;position:relative;}
.new_detail_content{border-radius:2px;}
.product_function_list{overflow:hidden;padding:0px 0px 10px;}
.product_function{background-color:#F5F7F8;float:left;width:40%;max-width:410px;height:90px;/*padding-left:50px;*/padding:0 4%;border:1px solid #D7E1E5;margin-right:-1px;margin-bottom:-1px;background-position:initial initial;background-repeat:initial initial;}
.product_function p.title{margin-top:18px;margin-bottom:2px;padding:0px;font-size:18px;line-height:1.5;color:#505558;}
.product_function p.title a{color:#505558;text-decoration:none;outline:none;cursor:pointer;}
.product_function p.text{margin-top:0px;margin-bottom:0px;padding:0px;font-size:14px;line-height:1.5;color:#939FA6;}
.product_news_detail{overflow:hidden;white-space:normal;widows:auto;margin-top:20px;max-width:1200px;}
.h3-style{white-space:normal;}
 span.span-two{font-size:32px;line-height:48px;background-color:#003399;color:#fff;}
.product_function_list{overflow:hidden;padding:0px 0px 10px;width:100%;}
.left-pic,.right-pic{overflow: hidden;clear: both;}
.left-pic img{float: left;width:100%;}
.right-pic img{float: right;width:100%;;}
.first-pic{max-width: 410px;;}
.sec-pic{max-width: 433px;}
.thir-pic{max-width: 432px;}
.four-pic{max-width:353px}
.fifth-pic{max-width:376px;}
/*以上是企业邮箱css*/

/*app page*/
.app-solve{background:url(../images/APP_bg_solve.jpg) no-repeat top center #f1f1f1;}
.app-develop{max-width: 1030px;margin:90px auto 105px;overflow: hidden;clear: both;}
.app-develop li{width:25% ;float: left;text-align: center;}
.app-develop li .nr{width: 4.27184rem;height: 6.8932rem;max-width:220px;max-height:355px;padding:2.25rem 0.33rem 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;vertical-align: middle;text-align: left;}
.app-develop li h3{font-size: 0.4rem;font-family: 'syhtt';}
.app-develop li p{font-family: 'syhtt';margin-top:0.4rem;line-height: 21px;}
.app-develop .ios{padding-top:1.16504rem;}
.app-develop .wechat{padding-top:1.16504rem;}
.app-develop .ios .nr{background:url(../images/APP_p1_1.png) no-repeat top center;background-size: 100%;}
.app-develop .android .nr{background:url(../images/APP_p1_2.png) no-repeat top center;background-size: 100%;}
.app-develop .wechat .nr{background:url(../images/APP_p1_3.png) no-repeat top center;background-size: 100%;}
.app-develop .webapp .nr{background:url(../images/APP_p1_4.png) no-repeat top center;background-size: 100%;}
.app-solve-ul{padding:0 5%;}
.app-solve-ul .nr{background-image:url(../images/APP_solve_bgw.png);width: 2.0835rem;height: 2.267rem;display: inline-block;background-size: 100%;text-align: center;background-repeat: no-repeat;}
.app-solve-ul .nr a{}
.app-solve-ul .nr .apptb{font-size: 0.9rem;display: block;height: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 2.267rem;margin-bottom:0.34rem;}
.app-solve-ul li{float: left;width: 20%;text-align: center;margin-bottom:0.75rem;}
.app-solve-ul .nr1 .apptb{color:#fe999b;}
.app-solve-ul .nr2 .apptb{color:#bda5f0;}
.app-solve-ul .nr3 .apptb{color:#74dec4;}
.app-solve-ul .nr4 .apptb{color:#b8dff8;}
.app-solve-ul .nr5 .apptb{color:#fdc576;}
.app-solve-ul .nr6 .apptb{color:#a1e276;}
.app-solve-ul .nr7 .apptb{color:#8bdff6;}
.app-solve-ul .nr8 .apptb{color:#e8d9a0;}
.app-solve-ul .nr9 .apptb{color:#fbbcc5;}
.app-solve-ul .nr10 .apptb{color:#fce180;}
.app-solve-ul .nr1:hover {background-image:url(../images/APP_solve_bgp.png);}
.app-solve-ul .nr2:hover {background-image:url(../images/APP_solve_bgp2.png);}
.app-solve-ul .nr3:hover {background-image:url(../images/APP_solve_bgp3.png);}
.app-solve-ul .nr4:hover {background-image:url(../images/APP_solve_bgp4.png);}
.app-solve-ul .nr5:hover {background-image:url(../images/APP_solve_bgp5.png);}
.app-solve-ul .nr6:hover {background-image:url(../images/APP_solve_bgp6.png);}
.app-solve-ul .nr7:hover {background-image:url(../images/APP_solve_bgp7.png);}
.app-solve-ul .nr8:hover {background-image:url(../images/APP_solve_bgp8.png);}
.app-solve-ul .nr9:hover {background-image:url(../images/APP_solve_bgp9.png);}
.app-solve-ul .nr10:hover {background-image:url(../images/APP_solve_bgp10.png);}
.app-solve-ul .nr:hover .apptb{color:#fff;}
.app-advantage{background:url(../images/APP_bg_deve.jpg) no-repeat top center;padding-bottom:165px}
.app-advantage .dev-adv-ul{margin-top:58px}
.app-advantage .dev-adv-ul li{width: 23%;float: left;padding:0 1%;text-align: left;}
.app-advantage .dev-adv-ul h3{background: url(../images/lang_yuan.png) no-repeat left center;padding-left: 30px;margin-bottom: 0.6rem;}
.app-advantage .dev-adv-ul h3 span{background: url(../images/lang.png) repeat-x bottom left;padding-bottom:8px;font-size: 24px;color:#14bbc1;font-family: 'SYHTl';}
.app-advantage .dev-adv-ul .word{padding:0 10%;}
.app-advantage .da2{margin-top:0.634rem;}
.app-advantage .da3{margin-top:1.268rem;}
.app-advantage .da4{margin-top:1.902rem;}
.app-case{background-color:#fff;padding-bottom:65px;}
.app-case .nb{overflow: visible;}
.app-case .featureBox{height: auto;text-align: center;}
.app-case .block .box{max-width: 280px;background-color:#f7f7f7;padding:10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;float: initial;display: inline-block;vertical-align: middle;margin-left: 0;}
.app-case .hd{position: absolute;top: 50%;width: 100%;}
.app-case .btn_scroll{float: initial;overflow: visible;}
.app-case .btn_scroll a.prev{position: absolute;left: -1rem;}
.app-case .btn_scroll a.next{position: absolute;right: -1rem;}
.app-case .btn_scroll a.prev:hover{background: url(../images/left-ar.png) center top;}
.app-case .btn_scroll a.next:hover{background: url(../images/right_ar.png) center top;}
.app-desi-deve{}

.app-process-parent{height: 740px;background-color:#fff;}
.app-process.app-container{padding-top:80px;}
.app-process.app-container>.nb{padding:0;height: 205px;}
.app-process *,.app-process{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.app-process h4.mwebsgrey{background-color:#fff;color:#3799da;}
.app-process.mwebsite p{color:#fff;padding:0;}
.app-process h5{font-size: 18px;font-family: 'syhtt';}
.app-process .app-word-des{/*display: none;*/}
.app-process{background:url(../images/app_process_bg.jpg) no-repeat top center #fff;height: 500px;position: relative;overflow: visible;}
.app-process .app-pro-con{position: relative;margin-top:46px;height: 330px;}
.app-process .app-pro-con .top{bottom:154px;position: absolute;padding:5px 127px 5px 0;}
.app-process .app-pro-con .bot{position: absolute;top:160px;padding-left: 127px;}
.app-process .line{position: absolute;width: 100%;left: 0;height: 4px;background:url(../images/app-process_line.jpg) repeat-x;top:165px;} 
.app-process .app-pro-con .apbox{width: 25%;float: left;position: relative;height: 160px;}
.app-process .water{width: 75px;height: 107px;padding:10px;display: inline-block;/*display: none;*/}
.app-process .single .water{background:url(../images/app_water_top.png) no-repeat;margin-bottom:10px;}
.app-process .water .niconfont{font-size: 34px;}
.app-process .water span{display: block;}
.app-process .single{color:#fff;position: absolute;width: 100%;bottom:-5px}
.app-process .single .niconfont{color:#fff;}
.app-process .num{font-size: 24px;font-family: 'syhtt';}
.app-process .niconfont{margin:10px;} 
.app-process .app-word-des .niconfont{font-size: 28px;color:#82bdde;vertical-align: middle;margin:5px 10px;}
.app-process .double .water{background:url(../images/app_water_bot.png) no-repeat;padding-top:25px;margin-top:10px;}
.app-process .double{color: #82bdde;}
.app-process .round{display: block;border:4px solid #bcdcee;width: 16px;height: 16px;margin:0 auto;border-radius: 50%;}
.app-process.app-container .mwebsgrey{margin-bottom:40px;}
.app-process .app-word-des{background-color:#f1f1f1;border-radius:60px;position: relative;padding:15px 10px;}
.app-process .top .app-word-des{box-shadow: 0 -4px 5px #ccc;}
.app-process .bot .app-word-des{/*position: absolute;*/box-shadow: 0 4px 5px #ccc;}
.app-process .app-word-des p{color:#787878;line-height: 18px;display: inline-block;width:calc(100% - 55px);vertical-align: middle;padding:0 10px;text-align: left;}
.app-process .app-word-des:after{content: "";position: absolute;width: 17px;height: 5px;left: 50%;margin-left: -8px;}
.app-process .bot .app-word-des:after{background: url(../images/icon_91.png) no-repeat center;top:-5px}
.app-process .top .app-word-des:after{background: url(../images/icon_92.png) no-repeat center;bottom:-5px}
.app-process .app-word{position: absolute;width: 100%;opacity:0;filter:alpha(opacity=0);}
.app-process .top .app-word{bottom:60px;}
.app-process .bot .app-word{top:60px;}
.app-process .app-pro-con .apbox:hover .water{display: none;}
.app-process .app-pro-con .top .apbox:hover .app-word{opacity:1;filter:alpha(opacity=100);bottom:55px;}
.app-process .app-pro-con .bot .apbox:hover .app-word{opacity:1;filter:alpha(opacity=100);top:55px;}
.app-container{padding-top:1.34rem}
.app-container .mwebsgrey{margin-bottom:0.6rem;}
.transition{transition: all 500ms linear;transition: all 500ms linear;transition: all 500ms linear;}
/*app animate*/
.app-process .app-pro-con .apbox .box-move{opacity: 0;}
.ymanimate .app-pro-con .apbox .round{-moz-transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
.ymanimate .app-pro-con .apbox1 .box-move{-webkit-animation:fadeInUp .8s linear forwards;-moz-animation:fadeInUp .8s linear forwards;-ms-animation:fadeInUp .8s linear forwards;animation:fadeInUp .8s linear forwards}
.ymanimate .app-pro-con .apbox1 .round{-webkit-animation:tobig .5s linear forwards;-moz-animation:tobig .5s linear forwards;-ms-animation:tobig .5s linear forwards;animation:tobig .5s linear forwards}

.ymanimate .app-pro-con .apbox2 .box-move{-webkit-animation:fadeInDown .8s 1.2s linear forwards;-moz-animation:fadeInDown .8s 1.2s linear forwards;-ms-animation:fadeInDown .8s 1.2s linear forwards;animation:fadeInDown .8s 1.2s linear forwards;}
.ymanimate .app-pro-con .apbox2 .round{-webkit-animation:tobig .8s 0.9s linear forwards;-moz-animation:tobig .8s 0.9s linear forwards;-ms-animation:tobig .8s 0.9s linear forwards;animation:tobig .8s 0.9s linear forwards;}

.ymanimate .app-pro-con .apbox3 .box-move{-webkit-animation:fadeInUp .8s 1.6s linear forwards;-moz-animation:fadeInUp .8s 1.6s linear forwards;-ms-animation:fadeInUp .8s 1.6s linear forwards;animation:fadeInUp .8s 1.6s linear forwards;}
.ymanimate .app-pro-con .apbox3 .round{-webkit-animation:tobig .8s 1.3s linear forwards;-moz-animation:tobig .8s 1.3s linear forwards;-ms-animation:tobig .8s 1.3s linear forwards;animation:tobig .8s 1.3s linear forwards;}

.ymanimate .app-pro-con .apbox4 .box-move{-webkit-animation:fadeInDown .8s 2s linear forwards;-moz-animation:fadeInDown .8s 2s linear forwards;-ms-animation:fadeInDown .8s 2s linear forwards;animation:fadeInDown .8s 2s linear forwards;}
.ymanimate .app-pro-con .apbox4 .round{-webkit-animation:tobig .8s 1.7s linear forwards;-moz-animation:tobig .8s 1.7s linear forwards;-ms-animation:tobig .8s 1.7s linear forwards;animation:tobig .8s 1.7s linear forwards;}

.ymanimate .app-pro-con .apbox5 .box-move{-webkit-animation:fadeInUp .8s 2.4s linear forwards;-moz-animation:fadeInUp .8s 2.4s linear forwards;-ms-animation:fadeInUp .8s 2.4s linear forwards;animation:fadeInUp .8s 2.4s linear forwards;}
.ymanimate .app-pro-con .apbox5 .round{-webkit-animation:tobig .8s 2.1s linear forwards;-moz-animation:tobig .8s 2.1s linear forwards;-ms-animation:tobig .8s 2.1s linear forwards;animation:tobig .8s 2.1s linear forwards;}

.ymanimate .app-pro-con .apbox6 .box-move{-webkit-animation:fadeInDown .8s 2.8s linear forwards;-moz-animation:fadeInDown .8s 2.8s linear forwards;-ms-animation:fadeInDown .8s 2.8s linear forwards;animation:fadeInDown .8s 2.8s linear forwards;}
.ymanimate .app-pro-con .apbox6 .round{-webkit-animation:tobig .8s 2.5s linear forwards;-moz-animation:tobig .8s 2.5s linear forwards;-ms-animation:tobig .8s 2.5s linear forwards;animation:tobig .8s 2.5s linear forwards;}

.ymanimate .app-pro-con .apbox7 .box-move{-webkit-animation:fadeInUp .8s 3.2s linear forwards;-moz-animation:fadeInUp .8s 3.2s linear forwards;-ms-animation:fadeInUp .8s 3.2s linear forwards;animation:fadeInUp .8s 3.2s linear forwards;}
.ymanimate .app-pro-con .apbox7 .round{-webkit-animation:tobig .8s 2.9s linear forwards;-moz-animation:tobig .8s 2.9s linear forwards;-ms-animation:tobig .8s 2.9s linear forwards;animation:tobig .8s 2.9s linear forwards;}

.ymanimate .app-pro-con .apbox8 .box-move{-webkit-animation:fadeInDown .8s 3.6s linear forwards;-moz-animation:fadeInDown .8s 3.6s linear forwards;-ms-animation:fadeInDown .8s 3.6s linear forwards;animation:fadeInDown .8s 3.6s linear forwards;}
.ymanimate .app-pro-con .apbox8 .round{-webkit-animation:tobig .8s 3.3s linear forwards;-moz-animation:tobig .8s 3.3s linear forwards;-ms-animation:tobig .8s 3.3s linear forwards;animation:tobig .8s 3.3s linear forwards;}


.ymanimate .line{-webkit-animation:belong 5s 0s linear forwards;-moz-animation:belong 5s 0s linear forwards;-ms-animation:belong 5s 0s linear forwards;animation:belong 5s 0s linear forwards;}
@-webkit-keyframes belong{0%{width:0px;}100%{width: 100%;}}
@-moz-keyframes belong{0%{width:0px;}100%{width: 100%;}}
@-ms-keyframes belong{0%{width:0px;}100%{width: 100%;}}
@keyframes belong{0%{width:0px;}100%{width: 100%;}}

@-webkit-keyframes tobig{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1)}}
@-moz-keyframes tobig{0%{-moz-transform:scale(0)}100%{-moz-transform:scale(1)}}
@-ms-keyframes tobig{0%{-ms-transform:scale(0)}100%{-ms-transform:scale(1)}}
@keyframes tobig{0%{transform:scale(0)}100%{transform:scale(1)}}

/*app*/
/*service page*/
.service{background:url(../images/serbg.jpg) no-repeat 0 80px}
.service .service_box{width:48%;float: left;color:#fff;padding:3.8% 4.3%;border-radius:20px;overflow: hidden;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.service .middle{width:4%;float: left;}
.service .service_box h3{font-size: 30px;margin-bottom:22px;font-family:'syhtt'}
.service .service_box .round{width:39.5%;float: left;margin-top:30px;}
.service .service_box .word-txt{width:60.5%;float: left;}
.service .service_box .word-txt a{display: block;color:#fff;border:1px solid #fff;height: 38px;line-height: 38px;width:118px;text-align: center;margin-top:24px;border-radius:5px;}
.service .service_box .word-txt a:hover{box-shadow: 0 0 5px #fff;}
.service .service_box i{display: block;width:150px;height: 150px;border-radius:100%;}
.service .service_box i.icon-design{background:url(../images/service_design.png)  #75cfed no-repeat center center;}
.service .service_box i.icon-kf{background:url(../images/service_kf.png)  #e5cd99 no-repeat center center;}
.service .service_lside{background-color:#53c3e9;}
.service .service_rside{background-color:#dfc17f;}
.ser-ul {padding:0 10%;overflow: hidden;clear: both;padding-top:66px;padding-bottom:40px;}
.ser-ul li{width:26.6%;float: left;}
.ser-ul li span.iconspan{display: block;width:50px;height: 44px;float: left;margin-right: 15px;}
.ser-ul li span.light{background:url(../images/light.png) no-repeat center center;}
.ser-ul li span.star{background:url(../images/star.png) no-repeat center center;}
.ser-ul li span.jiekou{background:url(../images/service_jk.png) no-repeat center center;}
.ser-ul li h3{font-size: 16px;color:#323232;}
.ser-ul li  p{font-size: 14px;color:#828282;}
.ser-ul li.middle{width:10.1%;background:url(../images/line-italic.png) no-repeat top center;min-height: 44px;}
.ser-ul li .word .iconspan{display: none;}
/*app*/



@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.indservice,.indcase,.inddesign,.indnews,.indfeed,.indabout,#content,.foottcon,.footbottom,.indnews,#content,.mnews,.nb{max-width:1200px;width: 100%;}
	.indabout_right ul li img{width:100%;}	
	.nav{margin: 0 2.4em 0 0;}
	.mstilmid{}
	.mstilmid a{max-width:475px;width:100%;}
	.app-case .btn_scroll{float: right;}
	.app-case .nb{overflow: visible;}
	.app-case .hd{position: initial;width: auto;}
	.app-case .btn_scroll{float: right;overflow: hidden;width: 100px;}
	.app-case .btn_scroll a.prev{position: relative;left: initial;}
	.app-case .btn_scroll a.next{position: relative;right: initial;}
	.app-case .btn_scroll a.prev:hover{background: url(../images/left-ar.png) center top;}
	.app-case .btn_scroll a.next:hover{background: url(../images/right_ar.png) center top;}
	.app-desi-deve{padding-left:10px;padding-right: 10px;}
}
@media only screen and  (max-width: 1200px) {
	.team li{width:30%;margin:2% 1.5%;}
	.team .name{margin-top:1em;height:2.4em;}
	.team .til{height:7em;}
	.csshowcon{max-width:1100px;width:96%;margin:0 auto;text-align: justify;}
	.csshow_til{max-width:1200px;width:96%;margin:0 2%;}
}
@media only screen and  (max-width: 1150px) {
	.mainshow{max-width:1150px;width:100%;}
	.mainshow{padding:0;}
	.maincon{margin:1%;width:98%;}
}
@media only screen and (min-width: 100px) and (max-width: 1100px) {
	#Big_Slide .bd ul li{width: 100%;}
	.foottop,.floating_ck{display: none;}
	.heart{font-size:40px;}
}
@media screen and (max-width:1050px) {
	.head { height: 56px; }
	.nav{margin:0 1em 0 0;}
	.navBtn2{margin:0.4em 0.5em 0 0;}
	.head .logo { margin: 10px 0 0 20px; }
	.head .logo img { width: 150px; }
	.head .logo .p1 { font-size: 16px; margin: 3px 0 0 0; }
	.head .logo .p2 { font-size: 12px; }
	.head { height: 56px; background: #fff;background: rgba(255,255,255,0.95); border-bottom: 1px solid #ededed; }
	.head .logo { margin: 10px 0 0 20px; }
	.head .logo img { width: 300px; }
	.head .logo .p1 { font-size: 16px; margin: 3px 0 0 0; color: #2a2a2a; }
	.head .logo .p2 { font-size: 12px; color: #acacac; }
	.navM { display: none; width: 100%; height: 300px; overflow: hidden; overflow-y: scroll; background: #fff;background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 56px; }
	.navMbox { width: 100%; position: fixed;top:30%;}
	.navM ul { width: 100%; padding: 25px 0;  overflow: hidden; }
	.navM li { padding: 0 0 0 0;text-align: center; display:block;}
	.navM li a { width: 100%; height: 100%; display: inline-block; color: #6b6b6b; font-size: 20px; margin-top:10%;}
	.navM li a:hover { color: #000; }
	/*导航样式淡出效果改版*/
	.navM ul {max-width:640px;margin:0 auto;}
	.navM li{width:33.33%;float: left;text-align: center;margin:3% 0;}
	.navM li div.nav-name{}
	.navM li a{color:#fff;font-weight: normal;}
	.navM li a:hover{text-shadow: 0 0 #fff;color:#fff;}
	/*end*/
	/*app*/
	.app-process{height: 9.5238rem;}
	.app-process.app-container{padding-top:1.5238rem;}
	.app-process.app-container>.nb{height: 3.905rem;}
	.app-process .app-pro-con{height: 6.2857rem;}
	.app-process .app-pro-con{margin-top:0.876rem}
	.app-process .line{top:3.14285rem}
	.app-process .app-pro-con .top{bottom:2.9ff9900rem;padding:5px 2.419rem 5px 0;overflow: visible;}
	.app-process .app-pro-con .apbox{height: 3.04761rem;}
	.app-process .top .app-word{bottom:1.0476rem;}
	.app-process .app-pro-con .bot{padding-left:2.4191rem;top:3.04762rem;overflow: visible;}
	.app-process-parent{height: 14.0953rem;}
	.app-develop{margin:1.7062rem auto 1.9905rem;}
	.app-case{padding-bottom:1.2323rem;}
	.app-advantage{padding-bottom:3.14285rem}
	.app-advantage .dev-adv-ul{margin-top:1.0476rem;}
}
@media only screen and (min-width: 100px) and (max-width: 992px) {
	.ser_item i{width:228px;height:228px;}
	.mcase_con h3{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
	.mcase_con span{height:6em;}
	.mainqq{display: none;;}
	.mstilleft,.msdate,.mstilmid,.mstilright{float: initial;text-align: center;}
	.mstilmid a{background-position: 16px 50%;max-width:475px;width:96%;margin:0 auto;}
	.mstilmid{width:96%;margin:1em auto;}
	#indnews,#inddesign,#indcase{height: auto;;}
	#indnews{background-image:none;}
	#indfeed{background: #fff;;}
	.featureBox{height:auto}
	.design_box_c,.case_box_c{padding-bottom:7%;}
	.case_box_c h3{height:3em;}
	.news_box_c h3{font-size: 1.2em;;}
	.left_words{width:50%;}
	.right-pic img, .left-pic img{width:40%;;}
	.suppoet_mobile .right_words,.admin_report .left_words,.advantage_content .right_words,.experience_10years .left_words{padding:0}
	.special_scene,.admin_report, .suppoet_mobile{padding:10% 0;}
	.heart{font-size:45px;}
	.nav li{font-size:18px;}
	.headFirst .nav li .bg{background-image:none;border:1px solid #ccc;border-radius:3em;}
	/*app*/
	.app-desi-deve .service .service_box{padding:3% 2%;}
	.service .middle{width: 2%;}
	.service .service_box{width: 49%;}
	
	.app-process .water{width: 1.5123rem;height: 2.1573rem;padding:0.2rem}
	.app-process .single .water,.app-process .double .water{background-size: 100%;}
	.app-process .water .niconfont{font-size: 0.7rem;}
	.app-process .niconfont{margin:0.2rem;}
	.app-process .num{font-size: 0.5rem;line-height: 0.5rem;}
	.app-process .double .water{padding-top:0.5rem;margin-top:0.2rem;}
	.app-process h5{font-size: 14px;}
}
@media only screen and (min-width: 100px) and (max-width: 840px) {
	.ser_item a{font-size: 13px;;}
	.ser_item i{width:13em;height:13em;}
	.ind_til h3{font-size: 36px;;}
	.ser_item h3{font-size:16px;}
	.ser_item span{font-size:11px;}
	.ser_item b{width:17%}
	a.abmore{display: inline-block;}
	.mnews_r{width:90%;margin:5%;padding:0;}
	.mnews ul li a{width:90%;margin:5% 5% 0;}
	.mnews_r p{height:3em;}
	.mnews_r h3 a{display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.mdstxt h4{line-height:initial;}
	.fttlright,.fttlleft,.foottleft{display: none;}
	.foottright,.footbottom{width:96%;margin:0 2%;}
	.fttrtop a{font-size:1.4em;}
	.fttctn{margin-top:1em;}
	/*#Big_Slide .hd{display: none;;}*/
	.team li { width: 36%; margin: 0 7% 5% 7%; min-height: auto;}
	.mcase ul li{width:33.3%;}
	.design_box_c h3,.case_box_c h3,.news_box_c h3{font-size:1.2em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.heart{font-size:30px;}
	.nav{margin:0 1em 0 0;}
	.nav li{font-size:16px;}
	/*app*/
	.service .service_rside .round{background-color:#e5cd99;}
	.service .service_lside .round{background-color:#75cfed;}
	.service .service_box .round{width: 2.5rem;height: 2.5rem;border-radius: 50%;}
	.app-desi-deve .service .service_box i{background-color:transparent;background-size: 100%;border-radius: initial;margin:0 auto;}
	.app-desi-deve .service .service_box i.icon-kf{width: 1.8rem;height: 1.34rem;margin-top:0.58rem;}
	.app-desi-deve .service .service_box i.icon-design{width: 1.5rem;height: 1.5rem;margin-top:0.5rem;}
	.service .service_box .word-txt{float: right;}
	.ser-ul{padding-left:0;padding-right: 0;}
	.ser-ul li{width: 30.6%;}
	.ser-ul li.middle{width: 3.1%;}
	
	.app-process .app-pro-con .top{bottom:2.88rem;overflow: visible;}
	.app-process .app-pro-con .bot{overflow: visible;}
	.app-develop li h3{font-size: 15px;}
}
@media only screen and (min-width: 100px) and (max-width: 740px) {
	.ser_item a{font-size:12px;}
	.ser_item span,.ser_item b,.team li a,.team .teamBg,.team .i5,.team .i6{display: none;}
	.phone-bottom{}
	.phone-bottom .phone-nr{position: fixed;left: 0;bottom: 0;width:100%;display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: -webkit-flex;display: flex;}
	.phone-bottom .phone-nr li{ -webkit-box-flex: 1;-moz-box-flex: 1;width:25%;-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align: center;height:4em;padding:0.8em 0;background:#777777;}
	.phone-bottom .phone-nr li i{color:#fff;display: block;}
	.phone-bottom .phone-nr li a{display: block;color:#fff;}
	.phone-bottom{margin-top:4em;display: block;}
	.indcase,.inddesign,.indnews{padding-top:10%}
	#indabout{padding-top:10%;}
	.mtitright{display: none;;}
	.mtitleft a{padding:0 1em;}
	.mtitleft{font-size:10px;}
	.heart{font-size:14px;}
	.nav li{font-size:15px;width:4.1em;}
	
	.app-advantage .dev-adv-ul li{width: 48%;margin:0.55rem 0 0.82rem;}
	.app-advantage .dev-adv-ul li:nth-child(odd){clear: both;}
	
}
@media screen and (max-width:680px) {
	.navBtn { width: 24px; height: 18px; background: url(../images/navBtn.png) no-repeat center; position: absolute; right: 15px; top: 20px; transition: 300ms; }
	.navShow { -webkit-transform: rotate(-90deg); }
	.nav, .navBtn2 { display: none !important; }
	.indabout_left,.indabout_right{width:90%;margin:0 5%;}
	.ca_list,.indnews_list,.team a.teammore{display: none;;}
	.team .name{font-size:1.5em;height:3em;overflow: hidden;}
	/*#nybanner #slides img{-webkit-transform: scale(2,2) translate(17px.0);-moz-transform: scale(2,2) translate(17px,0);-ms-transform: scale(2,2) translate(17px,0);transform: scale(2,2) translate(17px,0px);margin-top:27px;}*/
	.banner{margin-top:56px;}
	/*nybanner*/
	#nybanner{margin-top:56px;}
	.slidesjs-pagination{display: none;;}
	.mtitleft a{padding:0.8em 0.5em;height:auto;line-height: initial;}
	.product_function{height:auto;}
	.product_function p.text{height:5.5em;}
	.btn_scroll{width:98%;margin:0 1%;}
	.btn_scroll a.next{float: right;}
	.app-case .btn_scroll{width:98%;margin:0 1%;}
	.app-case .btn_scroll a.next{float: right;}
	#Big_Slide .hd span{width: 23px;height: 65px;background-size: 100%;}
	#Big_Slide .hd{margin-top:-32px;}
}
@media screen and (max-width:540px) {
	#nybanner{margin-top:56px;}
	/*app*/
	.app-develop{padding:10px;}
	.app-develop li{width: 50%;margin-bottom:10px;}
	.app-develop li .nr{width: 8.14814rem;height: 13.14814rem;padding:5rem 0.74074rem 0;}
	.app-develop .ios,.app-develop .wechat{padding-top:0;}
	.app-solve-ul{padding:0;}
	.app-solve-ul .nr{width: 3.4rem;height: 3.7rem;}
	.app-solve-ul .nr .apptb{line-height: 3.7rem;font-size: 1.3rem;}
	.service .service_box{width: 100%;}
	.service .service_box .round{width: 5.55rem;height: 5.55rem;}
	.app-desi-deve .service .service_box i.icon-kf{width: 4.037rem;height: 3rem;margin-top:1.275rem;}
	.app-desi-deve .service .service_box i.icon-design{width: 3.37rem;height: 3.37rem;margin-top:1.09rem;}
	.ser-ul li span.iconspan{width: 1.2rem;/*height: 1.63rem;*/background-size: 100%;}
	.ser-ul li h3{font-size: 15px;}
	.ser-ul li  p{font-size: 12px;}
	.app-process .app-pro-con .apbox:hover .app-word{display: none;}
	.app-process .app-pro-con .apbox:hover .water{display: inline-block;}
	
	.app-process{height: 300px;}
	.app-process-parent{height: 430px;}
	.app-process .app-pro-con .top{bottom:33px;}
	.app-process .app-pro-con .bot{top:122px;}
	.app-process .line{top:127px}
	.app-process .single .niconfont{margin-top:0;}
	.app-process .water{width: 40px;height: 58px;}
	.app-process.app-container>.nb{height: 116px;;}
	.app-process.app-container{padding-top:30px;}
	.app-process .app-pro-con .top{height: 92px;}
	.app-process .app-pro-con .bot{height: 98px;}
	.app-process .app-pro-con{height: 169px;margin-top:25px;}
	.app-process .app-pro-con .apbox{height: 82px;}
	.app-process.app-container .mwebsgrey{margin-bottom:20px;}
	
}
@media only screen and (min-width: 100px) and (max-width: 480px) {
	.ser_item a{font-size:18px;}
	.ser_item{width:50%;}
	.ser_item h3{font-size:0.7em;}
	.ser_item i{background-size:50%;width:6em;height:6em;}
	.ser_item i:hover{background-size:50%;}

	.foottleft,.foottright{width:90%;margin:0 5%;}
	.fttlleft{font-size:8px;}
	.fttrtop{font-size:10px;}
	.fttrtop a{margin-right:1em;}
	.footbleft,.footbright{width:100%;text-align: center;}
	.team li{width:45%;margin:2%}
	.mphone ul li{float: initial;margin:3em auto;}
	.indabout_right ul li{margin-right:2.3%}
	.indabout_l_con{padding-right:0;text-align: justify;}
	.indabout_l_til{display: inline;}
	.indabout_left{text-align: left;}
	.mstilright b{font-size: 2em;;}
	.mcntright,.mcntleft{width:90%;margin:5%;}
	.indfeed_l_con .input{width:95%;}
	.team .name{min-height: 1.4em;font-size: 1.4em;;}
	.team .til{min-height: 5em;;}
	.team .name{white-space:nowrap}
	.mdstxt h3{font-size: 2em;;}
	.mweb ul li{width:50%;}
	.mwebsite h4{display: inline-block;font-size: 1.5em;;}
	.mwebsite h2{line-height: initial;}
	.mdstxt{width:96%;margin:0 2%}
	.mdstxt h2.mwebtil{background-size: 80%;background-position: center top;; }
	.mdstxt h2{font-size: 2.5em;height: 2.3em;line-height:2.3em;}
	.mdstxt h4{font-size: 2em;;}
	.mwebsite h2{font-size: 2em;;}
	.mcase ul li{width:48%;max-width: 300px;margin:1%;;}
	.mcase ul li a{width:100%;max-width:280px;}
	.mcase ul li a img{height: auto;}
	.mcase ul li a{display: inline-block;}
	.mcase_con{text-align: left;}
	.mcase_con span{height:4em;}
	.text_con,.mdowa_text_con{width:98%;margin:0 1%;padding: 0;;}
	.text_img,.mdowa_text_img{width:100%;}
	.mdowa_text_img{text-align: center;}
	.mdowa_con{text-align: justify;}
	.mdowa h3,.mabout h3{line-height: initial;}
	.text_con ul li{text-align: justify;}
	.mainshow_til{padding:3% 0;}
	.mstilleft{font-size: 10px;;}
	.indcase,.inddesign{padding-top:20%;}
	.mweb ul li span{line-height: initial;}
	.mtitleft{font-size: 8px;;}
	
	.mcase ul li{height: auto;;}
	.left_words,.advantage_content .right_words{width:90%;margin:5%;}
	.right-pic img, .left-pic img{width:90%;margin:0 5%;;}
	.experience_10years{padding:5% 0;}
	.advantage_content .left_words{padding-top:5%;}
	.contcact-box .center ul li.first input{width:160px;}
	/*app*/
	.ser-ul li .iconpic{display: none;}
	.ser-ul li .word .iconspan{float: initial;width: 22px;height: 34px;display: inline-block;vertical-align: middle;margin-right: 8px;}
}
@media only screen and (min-width: 100px) and (max-width: 360px) {
	.team li{width:86%;margin:7%}
	.msconother{margin-top:4%;}
	.msconother ul li{margin-bottom: 4%;}
	.mcntleft>img{width:100%;}
	.mweb ul li{width:100%;}
	.mcase ul li{width:90%;margin:5%;text-align: center;}
	.mcase ul li a{width:100%;max-width:280px;}
	.mstilright{float: left;}
	.msconother ul li a{width:70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;;}
	.indcase,.inddesign{padding-top:30%;}
	.mnews ul li{width:100%;}	
	.mtitle{height: auto;padding-bottom:10px;}	
}
@media only screen and (min-width: 100px) and (max-width: 320px) {
	.ser_item{width:90%;margin:5%;}
	.team li{width:90%;margin:5%}
	.mstilright b{font-size: 1em;;}
}
/*small banner style*/
#slides,#indslides {position:relative; width:100%;}
#slides img,#indslides img{display: block;left: 0;}
.slidesjs-container {}
.slidesjs-navigation {}
.slidesjs-navigation a {width:46px; height:76px; display:block; position:absolute; text-decoration:none;color:#ff9900; z-index:98; margin-top:-38px;}
.slidesjs-previous {background:url(../images/img/banner_left.png) no-repeat; left:0; top:50%;}
.slidesjs-next {background:url(../images/img/banner_right.png) no-repeat; right:0; top:50%;}
.slidesjs-navigation a:hover {color:#C00}
.slidesjs-pagination { position:absolute; left:50%;margin-left:-25px;bottom:5%; z-index:1000;overflow:hidden;background-color:#fff;opacity:.5;filter:alpha(opacity=50);padding:4px;-moz-border-radius: 10px;-webkit-border-radius: 10px;;border-radius:10px;}
.slidesjs-pagination li {float:left;display:block; list-style:none; width:14px; height:14px; overflow:hidden; float:left; margin-left:4px; margin-right:4px;border-radius:100%;}
.slidesjs-pagination li a {display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;background-color:#ff9900}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background-color:#000;}
.slidesjs-pagination li a:hover {background-color:#000;}

/*修改首页滚涂*/
.touchslidebegin .bd{overflow:hidden;position: relative;clear: both;}
#contact-cen{color:#faae15;font-size: 20px;;}


#tips{font-size: 12px;color: #CC0000;padding-top:10px;clear: both;}
.clear{clear: both;zoom: 1;}

.foottcon .foottleft .fttlright img{max-width:180px;padding-bottom:10px;}