@charset "utf-8";

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

	@font-face {

    	font-family: SYHTl;

    	src:url(../font/lanting.ttf);

	}

	@font-face {

	    font-family: "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";

	    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: 192px; 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:120px; float: right; transition: margin 400ms; position: relative; left: 0;float: right; }



.nav li {height:1.8em;margin:0 0.8em;line-height: 1.8em; text-align: center; text-transform: uppercase; font-size: 20px; float: left; font-family: "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; position: relative;min-width:1em;; }

.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 #f0f0f0; z-index:9999997;    background-color: #FFF;  }

.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: 150px; 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}

.ind_til .wihte h4{ color:#000;}

.ind_til .gray{ color:#FF9800; font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}

.ind_til .gray h4{ color:#FF9800; }

.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:33%; 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:276px; height:276px; margin:0 auto;  display:block;  border-radius:100%; margin-bottom:5%;}

.ser_item  h3{font-weight:normal;font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; font-size:20px; text-transform:uppercase; margin-bottom:1%;}

.ser_item  span{ display:block; padding:2% 25px 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 #505050;  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 #505050;  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 #505050;  border:1px solid #505050;}



#indcase{ width:100%; 
    /*background:url(../images/casebg.png) center top no-repeat #ffffff;*/         background: #f7f7f7;
    max-height:902px; 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:902px; 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.png) center top no-repeat;*/ background: #F7F7F7;max-height:874px; overflow:hidden; }

.indnews{ width:1200px; margin:0 auto; overflow:hidden;padding-bottom:6%; padding-top:1%;}

.indnews_con{width:100%;margin:0 auto;overflow: hidden;}



#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 #838383; text-align:center; margin-right:10px; display:block; float:left;}

.ca_list a:hover{color:#838383;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%;overflow: hidden;}

#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:370px;overflow:hidden;}



.block {z-index:0; position:relative;margin:0px auto; width:100%;height: 100%;}

.block .box {max-width:280px;float: left; height:100%; 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:#616161; 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;display: block;margin:5px;}

.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:5% !important; margin-left:5%; text-align:center;height:140px;}

.featureBox .box a.bgcolorb img{ width:100%;vertical-align: middle;}

.featureBox .box a.bgcolorw img{ width:100%;}



.case_box_c{ padding:7% 5% 2% 6%; line-height:24px;}

.case_box_c h3{ font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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;}

.right_tel{color: #FFF;
    right: 100px;
    width: 120px;
    height: 81px;
    padding: 10px;
    overflow: hidden;
    line-height: 35px;
    background-color: #333;}

.design_box_c{ padding:3% 5% 2% 6%; line-height:24px;}

.design_box_c h3{ font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";font-size:19px;font-weight:normal;overflow:hidden;display:block;color:#666;height:45px;}

.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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; width:160px; height:50px; line-height:50px; border-radius:25px;margin:0 auto;text-align:center; display:block; }

.indmore a.black{  background:#5d5d5d; color:#aeaeae;  }

.indmore a.black:hover{  background:#464646; color:#fff;  }

.indmore a.mwihte{ border:1px solid #aeaeae; color:#aeaeae;  }

.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;/*border-bottom:3px solid #000000;*/ background: #FFF;}

.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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; }

.indabout_l_con{ padding:7% 10% 0 0;}

.indabout_l_con h5{ font-size:18px; font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; font-weight:normal; color:#333;}

.indabout_l_con span{ padding:7% 0 12%; display:block;}

.indabout_right{ width:50%; float:left; }

.indabout_right ul{ padding-top:17%; }

.indabout_right ul li{ float:left; width:31%; 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;*/background:#ffffff;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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}

.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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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:#424141; overflow:hidden;}

.foottop{ width:100%; margin:0 auto; background:#323232;}

.foottcon{ width:1200px; overflow:hidden; /*background:url(../images/foottbg.jpg) no-repeat left top #f0f0f0;*/ margin:0 auto;background: #323232;}

.foottleft{ width:50%; float:left;  padding-top:2.5%;}

.fttlleft{ width:50%; float:left; font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}

.fttlleft span{ font-size:1.7em; color:#FFF;}

.fttlleft h3{font-size:1.8em;font-weight:normal;margin-top:10px;margin-bottom:10px;line-height: 32px;color: #FFF;}

.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:left;margin-top:-10px;}

.fttlright span{ padding:10px 0 30px 0; margin:0; font-size:1.5em; display:block;color:#FFF;}

.foottright{ width:50%; float:left; padding-top:2.5%; padding-bottom:2.5%; color:#727272;}

.fttrtop{}

.fttrtop a{ font-size:1.6em; margin-right:28px; font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";     color: #FFF;}

.fttrtop a:hover{ text-decoration:underline;}

.fttctn{ padding-top:30px; font-size:1.2em;    color: #FFF;}

.link{ padding-top:30px; line-height:24px;}

.link p{ font-size:2em; font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; padding-bottom:10px;color: #FFF;}

.link a{ margin:0 10px 0 0;color:#FFF;}

.footbottom{ width:1200px; margin:0 auto; height:55px;    background: #424141;}

.footbleft{ float:left; line-height:20px; padding-top:20px; 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;}

.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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; }

.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-top:4%; line-height:29px; color:#5f5f5f; overflow:hidden;}

.pdtop{ padding-top:7%;}  

.mabout{ clear:both;}

.mabout h3{ font-size:3.7em; font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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:48%; 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:33%; float:left;}  

.mnews_r p{ line-height:20px;  overflow:hidden; color:#8c8c8c; display:block; height:80px; margin-bottom:15px; padding-top:7px;}

.mnews_d{ color:#a4a4a4; font-style: italic;}

.mnews_r h3{ font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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:4%; 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:36px; 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}

.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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}

.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:420px;*/ 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; font-size:20px; font-weight:normal;    height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}

.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%;border-bottom: 1px solid #e3e3e3;}

.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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";line-height:2em;font-weight:normal;}

.mdstxt h2{width:239px; height:85px; line-height:80px; text-align:center; margin:0 auto;font-size:2.5em; color:#fff; font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; font-weight:normal; color:#000; padding:2% 0 1%;}

.mdstxt p{ font-size:1.4em; font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; font-weight:normal; color:#535353;}

#yhtg01,#yhtg02{width: 50%;margin: 0 auto;}

@media screen and (max-width : 768px) {
    #yhtg01,#yhtg02{width: 90%;margin: 0 auto;}
}

.xcx_p{width: 80%;/*padding-top: 1rem;*/    margin: 0 auto;}

.mweb{ width:1200px; margin:0 auto; overflow:hidden;}

@media screen and (max-width : 1024px) {
    .mweb {width:100%;}
}

.mweb ul li{ width:25%; float:left; text-align:center; height:665px;}

.mweb ul li h5{ font-size:2.1em; font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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;padding: 0 22px;}

.mwebsite{ width:100%; margin:0 auto; clear: both; overflow:hidden; text-align:center; line-height:28px; font-size:1.2em;}

.mwebsite h2{ font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; font-size:3em;  padding-top:50px; color:#000; font-weight:normal;}

.mwebsite  p{ padding:1.5% 15px 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}

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:628px; background:url(../images/mphbg.png) center bottom no-repeat #fff; float:left; text-align:center; margin:0 1.6%; overflow:hidden;}

.mphone ul li h5{ font-size:2.2em; font-weight:normal; font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";  font-size:2.5em; color:#000; font-weight:normal;}


@media screen and (max-width : 768px) {
    .mseocon h3{ padding:1.4% 1% 1.1%;  display:block; max-width:300px;width:100%; border-radius:35px; border:1px solid #CCC; margin:2% auto; font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";  font-size:1.8em; 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; }

.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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}

.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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; font-size:2.5em; line-height:40px; color:#333; 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; font-weight:normal;}

.mjob h4{ font-size:3em; font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; font-size:5em; font-style: italic; color:#eee; font-weight:normal;}

.mptxt h3{padding:1.5em 0 1em;text-align: center; font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; 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:#333; 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;height: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:#333;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:72px;}

.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#333;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:#333;}

.wccodebox:hover .wccodepic{right: 100px;width: 120px;height: 250px;padding:10px;overflow: hidden;background-color:#333;}

.wccodepic{position: absolute;top: 0;right: -500%;/*transition: all 100ms linear;*/z-index: 0;width: 160px;height: 160px;overflow: hidden;}

.wccodepic img{width: 100%;margin-bottom: 10px;}

/*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:8em;overflow: hidden;}

.news_b_cb{overflow: hidden;clear: both;}

.mnews ul li a{display: block;width:61%;}

.mnews ul li a img{width:100%;height:240px;}

.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: '"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"';}

.app-develop li p{font-family: '"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"';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: '"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"';}

.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: '"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"';}

.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:'"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"'}

.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: 120px; }

	.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.9333rem;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:2em;}

	.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:3% 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:33%;}

	.ser_item h3{font-size:0.7em;}

	.ser_item i{background-size:50%;width:6em;height:6em;}

	.ser_item i:hover{background-size:50%;}

.mnews ul li{ width:98%; background:#fff;margin-right:2%; float:left; overflow:hidden; margin-bottom:2%;}

	.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;padding-top: 0px;}

	.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%;height: 413px;}

	.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: 1.8em;
    height: 3.3em;
    line-height: 3em;}

	.mdstxt h4{font-size: 2em;;}

	.mwebsite h2{font-size: 2em;;}

	.mcase ul li{width:98%;max-width: 100%;margin:1%;;}

	.mcase ul li a{width:100%;max-width:100%;}

	.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:10%;}

	.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 {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:#333; 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:#8b8b8b}

.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;}