@charset "utf-8";
/* CSS Document */

/* ---------成功案例------------- */
.b_case{width:100%; min-width:1200px; height:444px; background-position:center center; background-repeat:no-repeat;}
.case_con{width:100%; min-width:1200px; background:url(../images/case_sj.jpeg) repeat; height:auto; padding:18px 0 60px 0;}
.slideTxtBox{ width:1200px; }
.slideTxtBox .hd{ height:106px;position:relative; }
.red{ background:#ed318a;}
.purple{ background:#5c40c8; }
.green1{ background:#00be8b;}
.yellow{ background:#ff8933;}
.red_bg{ background:url(../images/case_icon.png)  0  0  no-repeat;}
.purple_bg{background:url(../images/case_icon.png)  0 -60px  no-repeat;}
.green_bg{ background:url(../images/case_icon.png)  0 -120px  no-repeat;}
.yellow_bg{ background:url(../images/case_icon.png)  0 -180px  no-repeat;}
.slideTxtBox .hd ul{ float:left;  position:absolute;height:106px;width:1200px;}
.slideTxtBox .hd ul li{ float:left; cursor:pointer;width:400px; height:105px;}
.slideTxtBox .hd ul li .case_icon{height:65px; padding-top:32px; padding-left:178px; display:block;}
.slideTxtBox .hd ul li .case_icon h2{ font-size:26px; color:#fff; padding:0px 0 5px 0 ;}
.slideTxtBox .hd ul li .case_icon p{ font-size:14px; color:#fff;}
.slideTxtBox .hd ul li.on{height:73px; }
.slideTxtBox .bd{ margin-top:18px;}


/* ---------电商系统-B2C------------- */
.b_dianshang{width:100%; min-width:1200px; height:444px; background-position:center center; background-repeat:repeat-x;}
.green1_bg{ background:url(../images/dianshang_icon.png)  0 0px  no-repeat;}
.yellow1_bg{ background:url(../images/dianshang_icon.png)  0 -60px  no-repeat;}
.b2c{width:1200px; overflow:hidden;}
.pingtai{ background:#fff;width:1120px; padding:50px 40px 0;}
.xitong_h2{ font-size:26px; color:#333; font-weight:bold; text-align:center;}
.xitong_h3{ text-align:center; color:#777; font-size:16px; margin-top:15px;}
.pt_button{width:1200px; text-align:center;  margin:20px  0 0px 0; padding-bottom:40px; height:64px; position:relative;}
.btn01:hover {
background-color: #328bd7; color:#fff;
}

.btn01 { position:absolute;top:0;right:50%; margin-right:50px; 
padding: 15px 55px 0 33px;
width: 163px;
height: 54px;
font-size: 19px;
font-family: "Microsoft YaHei",SimSun;
color: #fff;
background: #57b1fd url(../images/3.gif) no-repeat 198px 12px;
display: block; 
}
.btn02 {
padding: 15px 28px 0 33px; position:absolute;top:0;left:50%; margin-left:-30px;
width: 190px;
height: 54px;
font-size: 19px;
font-family: "Microsoft YaHei",SimSun;
color: #fff;
background: #9998fe url(../images/4.gif) no-repeat 208px 12px;
display: block;
float:left;
}
.btn02:hover {
background-color: #6969d7; color:#fff;
}
.btn01 span {
font-size: 12px;
display: block; line-height:20px;
}
.btn02 span {
font-size: 12px; line-height:20px;
display: block;
}
.youshi_nr{width:1120px; overflow:hidden; padding:40px 0 10px 0;border-top:1px dotted #c8c8c8;}
.youshi_c{width:1160px;}
.youshi_nr dl {
float: left;
width: 275px;
line-height: 18px;
position: relative;
margin: 0 65px 25px 0;
padding-left: 45px;
}
.youshi_nr dl dt {
height: 36px;
line-height: 36px;
font-size: 14px;
color: #0074c2;
}
.youshi_nr dl dt .bg01 {
background: url(../images/11.gif) no-repeat left top;}
.youshi_nr dl dt .bg02 {
background: url(../images/12.gif) no-repeat left top;}
.youshi_nr dl dt .bg03 {
background: url(../images/13.gif) no-repeat left top;}
.youshi_nr dl dt .bg04 {
background: url(../images/14.gif) no-repeat left top;}
.youshi_nr dl dt .bg05 {
background: url(../images/15.gif) no-repeat left top;}
.youshi_nr dl dt strong {
width: 38px;
height: 38px;
line-height: 38px;
position: absolute;
top: 10px;
left: 0;
text-align: center;
font-size: 22px;
color: #fff;
overflow: hidden;
}
.mb28{ margin-bottom:28px;}
.process_c{width:1120px; border-top:1px dotted #c8c8c8; margin-top:40px; padding:40px 0 60px 0; text-align:center;}
.xt_server{width:1120px;border-top:1px dotted #c8c8c8; margin-top:40px;padding:40px 0 60px 0;}
.xt_server .box {
float: left;
width: 545px;
margin: 0 10px 20px 0; overflow:hidden;
}
.blue h4 {
background-color: #1f77ba;
}
.xt_server .box h4 {
height: 50px;
line-height: 50px;
text-align: center;
font-size: 18px;
font-weight: normal;
color: #fff;}
.xt_server .box ul {
float: left;width: 545px;}
.pingtai .xt_server .blue ul li {
background-color: #d2eefd;}
.pingtai .xt_server .box ul li {
float: left;
width: 181.6px;
height: 40px;
line-height: 40px;
position: relative;
margin: -1px 0 0 -1px;
text-align: center;
overflow: hidden;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
display: inline; color:#333;}
.xt_server .zi h4 {
background-color: #9f77b3;}
.pingtai .xt_server .zi ul li {
background-color: #e7ddec;}
.orange h4 {
background-color: #ee681f;}
.pingtai .xt_server .orange ul li {
background-color: #fce6cd;}
.green h4 {
background-color: #51ac4d;}
.pingtai .xt_server  .green ul li {
background-color: #cbf7c9;}
.zi2 h4 {
background-color: #991990;}
.pingtai .xt_server .zi2 ul li {
background-color: #e3bfe0;}
.pingtai .xt_server  .blue2 h4 {
background-color: #32afcf;}
.pingtai .xt_server .blue2 ul li {
background-color: #d2eefd;}
.pingtai .xt_server .zi3 h4 {
background-color: #9170d3;}
.pingtai .xt_server .zi3 ul li {
background-color: #d3c6ed;}



.slideTxtBox .xt_server .tables {
background: url(../images/table_bg.gif) repeat-y left top;
}
.slideTxtBox .xt_server .tables th {
height: 50px;
font-size: 18px;
font-weight: normal;
padding: 0 12px;
color: #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #e8e8e8;
}
.slideTxtBox .xt_server .tables td {
line-height: 20px;
padding: 12px;
text-align: center;
border-bottom: 1px solid #fff;
}
.slideTxtBox .xt_server .tables .no {
width: 20px;
height: 20px;
margin: 0 auto;
text-indent: -99em;
background: url(../images/close.png) no-repeat left top;
overflow: hidden;
display: block;
}
.slideTxtBox .xt_server .tables .yes {
width: 20px;
height: 20px;
margin: 0 auto;
text-indent: -99em;
background: url(../images/yes.png) no-repeat left top;
overflow: hidden;
display: block;
}
.slideTxtBox .xt_server .tables strong {
font-size: 18px;
font-weight: normal;
display: block;
width: 176px;
margin: 0 auto;
text-align: center;
}

.tables p {
text-align: left;
width: 284px;}
.tables ul, .tables p {
text-align: left;
width: 284px;
}
.tables ul li {
text-align: left;
}



/* ---------电商系统-O2O------------- */
.O2O{ background:#fff;}
.O2O_con{width:1120px; padding:50px  40px 70px;}
.o1_img{width:1120px; height:495px; background:url(../images/o1.png) no-repeat; position:relative;}
.o20_des{ position:absolute; left:135px;width:565px;}
.t1{top:-10px;}
.o20_des h2{ font-size:28px; font-weight:bold; margin-bottom:16px; height:30px; line-height:30px;}
.blue1{ color:#246eaf;}
.o20_des p{ line-height:22px; color:#6e6e6e; font-size:14px;}
.bor{ border-bottom:1px solid #d6d6d6;}
.o2_img{width:1120px; height:612px; background:url(../images/o2.png) no-repeat; position:relative;}
.t2{top:40px;}
.o3_img{width:1120px; height:543px; background:url(../images/o3.png) no-repeat;}
.o4_img{width:1120px; height:514px; background:url(../images/o4.png) no-repeat; position:relative;}
.o5_img{width:1120px; height:675px; background:url(../images/o5.png) no-repeat; position:relative;}
.o6_img{width:1120px; height:553px; background:url(../images/o6.png) no-repeat; position:relative;}
.o7_img{width:1120px; height:563px; background:url(../images/o7.png) no-repeat; position:relative;}
.o8_img{width:1120px; height:655px; background:url(../images/o8.png) no-repeat; position:relative;}
.o9_img{width:1120px; height:634px; background:url(../images/o9.png) no-repeat; position:relative;}
.o10_img{width:1120px; height:677px; background:url(../images/o10.png) no-repeat; position:relative;}
.o11_img{width:1120px; height:677px; background:url(../images/o11.png) no-repeat; position:relative;}
.o12_img{width:1120px; height:676px; background:url(../images/o12.png) no-repeat; position:relative;}
.o13_img{width:1120px; height:507px; background:url(../images/o13.png) no-repeat; position:relative;}
.o14_img{width:1120px; height:687px; background:url(../images/o14.png) no-repeat; position:relative;}
.o15_img{width:1120px; height:600px; background:url(../images/o15.png) no-repeat; position:relative;}
.t2{top:40px;}
.cheng1{ color:#da484c;}
.blue2{ color:#93b3d7;}
.lan1{ color:#46aab7;}
.purple2{ color:#7e0070}
.blue3{ color:#4692b6;}
.green3{ color:#1ca161;}
.cheng3{ color:#fb7643;}
.green4{ color:#46b6a2;}
.cheng4{ color:#fc501b;}
.o13{ color:#4f81bd;}
.oo{ color:#95b3d7;}
.xianxia{ position:absolute;top:340px; left:-85px; font-size:14px; color:#666; line-height:25px;width:250px;}
.xianshang{position:absolute;top:340px; left:705px; font-size:14px; color:#666; line-height:25px;width:250px;}



/* ----------结算系统------------- */
.jiesuan{ background:#fff;width:1200px;}
.jiesuan_con{width:1120px; padding:30px 40px 65px;}
.jiesuan_tit{width:1120px; height:215px; background:#f6f6f6; overflow:hidden;margin-bottom:35px;}
.js_tit{ border-bottom:1px solid #e2e2e2;width:1060px; margin:0 30px; text-align:center; padding-top:28px;margin-bottom:20px; }
.js_tit h2{ color:#00ccae; font-size:24px; padding-left:38px; background:url(../images/jiesuan_icon.jpg) 460px  3px no-repeat;height:35px; line-height:35px; padding-bottom:10px; }
.jiesuan_tit p{ text-align:center; line-height:30px; color:#8e8e8e; font-size:14px;}

.js1{width:1120px; height:475px; position:relative;}
.dashed_top{border-top:1px dotted #c8c8c8;}
.dashed{ border-bottom:1px dotted #c8c8c8;}

.js1_des{ position:absolute;top:120px; left:45px;}
.js_h2{ font-size:31px; font-weight:bold; margin-bottom:28px; height:32px; line-height:32px;}
.js1_color{ color:#ff500b;}
.js_p{ font-size:13px; line-height:24px; color:#777;}
.js1_img{ position:absolute;top:42px;right:0;}
.js_w1{width:480px;}

.js2{ width:1120px; height:485px;position:relative;}
.js2_des{ position:absolute;top:185px; left:605px;}
.js2_color{ color:#6ca561;}
.js2_img{position:absolute;top:85px;left:0;}

.js3{width:1120px; height:490px;position:relative;}
.js3_des{ position:absolute;top:185px; left:605px;}
.js3_color{ color:#4b90c4;}
.js3_img{ position:absolute;top:115px;right:0;}

.js4{width:1120px; height:455px;position:relative;}
.js4_des{ position:absolute;top:150px; left:605px;}
.js4_color{ color:#fd5887;}
.js4_img{ position:absolute;top:90px;left:0;}

.js5{width:1120px; height:460px;position:relative;}
.js5_color{ color:#2d87f6;}
.js5_img{ position:absolute;top:82px;right:0;}
.js_member1{width:1200px;}
.js_member1 .js_m1{ margin:105px 0 70px 0;}



/* ---------行业方案------------- */
.solution_banner{width:100%;  min-width:1200px; height:444px; background-position:center center; background-repeat:repeat-x;}
.internet_banner{width:100%;  min-width:1200px; height:472px; background-position:center center; background-repeat:repeat-x; position: relative;}
.solution_con{width:100%; min-width:1200px; background:url(../images/case_sj.jpeg) repeat; padding-bottom:60px;}
.solution_c{ background:#fff;width:1200px; padding-bottom:40px; }
.solution_tit{ text-align:center;  padding:25px 0 55px 0;}
.solution_tit h2{ font-size:28px; color:#333; line-height:50px; height:50px;}
.solution_tit .bottom_x{width:42px; height:1px; background:#333;margin:8px auto 10px;}
.solution_tit p{ color:#818181; line-height:24px; font-size:14px;}

.solution_ul{ padding:0 40px;width:1120px; overflow:hidden;}
.solution_ul .grid{width:1200px; overflow:hidden;}
.grid li {
height:200px;
width:300px;
margin:0 60px 40px 20px;
position:relative;
z-index:0;
font-size:14px;
*display:inline;
*zoom:1;
*float:left;
}
.grid li h3 {
font-size: 20px;
font-weight: normal;
height: 135px;
line-height: 28px;
}
.grid li h3 a {
display: block;
height: 185px;
z-index: 100;
position: absolute;
width: 300px;
text-align: center;
top: 0;
left: 0;
}
.grid li h3 img {
border-radius: 43px;
height: 86px;
width: 86px;
}
.grid li h3 span {
display: block;
_padding-top: 7px; font-size:18px; color:#333; margin-top:15px;
}
.grid li p {
font-size: 14px;
text-align: center;
color: #8f8f8f;
line-height: 24px;
z-index: 10;
}

.resources{width:1120px;margin:0 40px;height:50px; border-bottom:1px solid #e5e5e5; margin-top:50px; padding-bottom:3px;}
.resources h2{line-height:50px;padding-left:25px; background:url(../images/resources.jpg) 10px center no-repeat; font-size:20px; color:#333; font-weight:bold; }

.picScroll-left{ width:1160px; margin:25px 20px 0px;overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ position:absolute;display:block;  width:19px; height:33px;overflow:hidden;cursor:pointer; background:url(../images/left-r.png) no-repeat;}
.picScroll-left .hd .prev{ background-position:0 0px; top:190px; left:0;}
.picScroll-left .hd .next{ background-position:0 -63px;top:190px; right:0;  }

.picScroll-left .bd{width:1110px; margin-left:25px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width:340px; margin:0 15px;float:left; _display:inline; overflow:hidden;}

.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:340px; height:217px; display:block; }

.picScroll-left .bd ul li .title{ width:300px ; height:207px; padding:20px;color:#fff; position:relative;}
.s_sanjiao{ position:absolute;top:-24px;left:27px;width:28px; height:24px; background:url(../images/s_sanjiao.png) 0 0 no-repeat;}
.picScroll-left .bd ul li .title p{ height:140px; line-height:28px; overflow:hidden;}
.tit_bg1{ background:#b1d971;}
.tit_bg2{ background:#1abc9c;}
.tit_bg3{ background:#3498db;}
.tit_bg1 .s_sanjiao{ background:url(../images/s_sanjiao.png) 0 0 no-repeat;}
.tit_bg2 .s_sanjiao{ background:url(../images/s_sanjiao.png) 0 -62px no-repeat;}
.tit_bg3 .s_sanjiao{ background:url(../images/s_sanjiao.png) 0 -119px no-repeat;}
.picScroll-left .bd ul li .title  h2{ font-size:20px; }

.s_xian{width:42px; height:1px; background:#fff; margin:25px 0 20px ; }

.solution_xian{width:1140px; margin:30px 30px 0px;height:10px; background:#e5e5e5; position:relative;}
.sx_left{ position:relative;width:340px; height:10px; background:#b3b3b3;}


/* ---------行业方案-详情------------- */
.jiadian{padding:40px 0px 0 ; margin:0 30px;width:1140px; height:92px; border-bottom:5px solid #e5e5e5; position:relative;}
.jiadian_tit{height:68px; position:relative;}
.jiadian_tit h2{ font-size:32px; color:#222; margin-left:480px; height:40px; line-height:40px;}
.jiadian_tit .jiadian_ico{ position:absolute;  top:0; left:390px; z-index:2; width:62px; height:62px; overflow:hidden;}
.jiadian_tit .jiadian_ico img{width:62px; height:62px;}
.jiadian_tit .jiadian_x{width:38px; height:1px; background:#7f7f7f; margin:5px 0  5px 470px;margin-left:480px; }
.jiadian_tit h3{ color:#9a9a9a; font-size:14px;margin-left:480px;text-transform:uppercase;}
.share{ position:absolute;top:80px;right:10px;width:150px; color:#797979; height:28px; line-height:28px;}
.share .share_p{width:50px;float:left;}
.shareBox{float:left;}

.jiadian_left{ position:absolute;top:45px;left:0;}
.jiadian_left .jd_back{ display:block; float:left;width:57px; height:60px; background:#c9c9c9; text-align:center; color:#fff;}
.jiadian_left .jd_back span{ display:block;width:57px;height:36px; background:url(../images/icon2.png) 19px 8px  no-repeat;}
.jiadian_left .jd_list{ position:relative;display:block; float:left;width:57px; height:60px; background:#e9e9e9; margin-left:1px; display:inline;}
.jiadian_left .jd_list:hover{ background:#0093b6;}
.jiadian_left .jd_list span{display:block; margin:20px  0  0px 13px;width:32px; height:20px; background:url(../images/icon2.png) 0 -73px  no-repeat;}
.jd_content{ display:none;width:474px; overflow:hidden;background:#0facd2; position:absolute; z-index:999;left:0;top:60px;
-moz-box-shadow:  4px 4px 4px  #e7e7e7;
-webkit-box-shadow: 4px 4px 4px  #e7e7e7;
box-shadow: 4px 4px 4px  #e7e7e7;}
.jd_list ul{width:474px; padding:10px 0;overflow:hidden;}
.jd_list ul li{ float:left;width:190px;padding-left:10px; border-bottom:1px solid #0facd2; margin-left:15px;}
.jd_list ul li a{ display:block;font-size:14px; color:#fff; line-height:42px; }
.jd_content ul li:hover{border-bottom:1px solid #fff;}
.jd_content ul li:hover a {font-weight:bold;}
.jd_list ul li a i{ margin-right:9px; width:26px; height:26px; overflow:hidden;}
.jd_list ul li a i img{ width:26px; height:26px;}



.sl_con{width:1140px;margin:0 30px;overflow:hidden;}
.sl_con1{width:1140px;height:994px; background:url(../images/des1.png) center 50px  no-repeat; border-bottom:1px dotted #c8c8c8; text-align:center; }
.sl_con1 h2{ padding-top:585px; font-size:27px; color:#349f8f; line-height:38px;}
.sl_con1 p{ margin-top:15px;font-size:13px; line-height:25px; color:#797979;}
.sl_con2{ width:1140px;height:820px; background:url(../images/des2.png) center 15px no-repeat;text-align:center; }
.sl_con2 h2{ padding-top:635px; font-size:27px; color:#ff6101; line-height:38px;}
.sl_con2 p{ margin-top:15px;font-size:13px; line-height:25px; color:#797979;}

.other{padding:20px 50px;width:1100px; background:#fff;}
.other_tit{widht:1100px; height:40px; line-height:40px; background:url(../images/fangan.jpg) center center repeat-x; text-align:center;}
.other_tit h2{width:130px; background:#fff; color:#838383; font-size:19px; text-align:center; margin-left:485px; font-weight:bold;}
.other_con{width:1100px; overflow:hidden; height:133px; margin-top:5px;}
.other_item1{ display:block;float:left;width:545px;background:#b1d971;height:133px; position:relative;}
.other_sj{width:27px; height:33px;  position:absolute;top:48px;left:283px; z-index:2;}
.sj1{background:url(../images/icon2.png) 0 -208px no-repeat;}
.sj2{background:url(../images/icon2.png) 0 -277px no-repeat;}
.other_img{position:absolute;top:0px;right:0px;width:260px; height:133px;}
.img1{ background:url(../images/fangan1.jpg) 0 0 no-repeat;}
.img2{ background:url(../images/fangan2.jpg) 0 0 no-repeat;}
.other_icon{position:absolute;left:27px;bottom:17px;width:34px; height:36px; background:url(../images/icon2.png) 0 -152px no-repeat;}
.other_des{position:absolute;top:25px;left:27px;}
.other_des h2{ font-size:19px; color:#fff;}
.other_des p{ font-size:14px; color:#fff; font-weight:bold; margin-top:5px;}
.other_item2{ float:right;width:545px;background:#37c4a8;height:133px; position:relative;}

/* ---------移动电商------------- */
.kehuduan_b{width: 100%;height: 444px; background-position:center center; background-repeat:no-repeat;}

.slideTxtBox1{ width:1200px; background:#fff;}
.slideTxtBox1 .hd{ height:106px;position:relative;}
.app0{ background:#ff5038;}
.app1{ background:#05879f; }
.app2{ background:#4e34aa;}
.app3{ background:#4CAF50;}
.app0_bg{ background:url(../images/app_icon.png) 50px 30px no-repeat;}
.app1_bg{background:url(../images/app_icon.png) 50px -40px no-repeat;}
.app2_bg{ background:url(../images/app_icon.png) 36px -110px no-repeat;}
.app3_bg{ background:url(../images/icon_xcx.png) 50px 30px no-repeat;}
.slideTxtBox1 .hd ul{ float:left;  position:absolute;height:106px;width:1200px;}
.slideTxtBox1 .hd ul li{ float:left; cursor:pointer;width:280px;height:105px;}
.slideTxtBox1 .hd ul li .case_icon{ height:65px; padding-top:32px; padding-left:100px; display:block;}
.slideTxtBox1 .hd ul li .case_icon h2{ font-size:20px; color:#fff; padding:0px 0 5px 0 ;}
.slideTxtBox1 .hd ul li .case_icon p{ font-size:14px; color:#fff;}
.slideTxtBox1 .hd ul li.on{height:73px; }
.slideTxtBox1 .bd{ padding:18px 0 0;}
.slideTxtBox1 .hd ul li.app2{
    width: 360px;
}
.slideTxtBox1 .hd ul li.app2 .case_icon{
    padding-left:90px;
}

.app1_con{ margin-top:20px; background:#fff; padding:0 40px;width:1120px;}
.app1_tit{ padding:50px 0  20px 0; margin-bottom:30px; border-bottom:1px dotted #c8c8c8;}
.app1_tit h2{ font-size:26px; font-weight:bold;text-align:center;}
.app1_tit .app_cheng{ color:#ff720b;}
.app1_tit  p span{ font-size:18px; line-height:30px;}
.app1_tit p{ text-align:center; font-size:16px; color:#777; margin-top:15px;}
.server_table tr td{ border-bottom:1px solid #fff;border-right:1px solid #fff; text-align:center; padding:18px; line-height:21px;}
.server_table tr .s_cheng{background:#e96454;width:93px; color:#fff; font-size:18px; font-weight:bold; line-height:22px;}
.s1{ background:#b17c81;width:232px; }
.s2{ background:#7474c1;width:232px; }
.s3{ background:#00b3e3;width:232px; }
.s4{ background:#e41e93;width:325px; }
.s5{ background:#f7d5d8;}
.s6{ background:#d5d5ff;}
.s7{ background:#b9ecfa;}
.s8{ background:#f9cce7;}
.s9{ background:#62a70f;}
.s10{ background:#1f77ba;}
.s11{ background:#f69f2f;}
.s12{ background:#d7eac1;}
.s13{ background:#cae4f7;}
.s14{ background:#e1e1e1;}
.s15{ background:#ffe4c1;}
.server_table .s_tit td{ height:40px; line-height:40px; text-align:center;font-size:14px;color:#fff;  padding:0;}
.server_table tr td span{display:block; margin:0 auto;width:22px; height:16px;}
.server_table  .app_purple{  background:url(../images/app_icon.png) 0 -207px no-repeat; }
.server_table  .app_blue{background:url(../images/app_icon.png) 0 -246px no-repeat;}

.client tr td{ border-bottom:1px solid #fff;border-right:1px solid #fff;  }
.c1{ background:#78159b; font-size:16px;color:#fff;text-align:center; height:45px; line-height:45px;}
.c2{ background:#ee4c8b;font-size:14px;color:#fff;text-align:center;  height:52px; line-height:52px;width:234px;}
.client tr .c3{ background:#ffa8ca; padding-left:30px;}
.c4{ background:#bb1e06;font-size:14px;color:#fff;text-align:center; height:52px; line-height:52px; }
.client tr .c5{ background:#ffa489; padding-left:30px;}
.c6{ background:#b63681;font-size:14px;color:#fff;text-align:center;  height:52px; line-height:52px;}
.client tr  .c7{ background:#ffc7e8; padding-left:30px;}
.c8{ background:#f1a619;font-size:14px;color:#fff;text-align:center; height:52px; line-height:52px; }
.client tr  .c9{ background:#f7e5c3; padding-left:30px;}
.c10{ background:#5243aa;font-size:14px;color:#fff;text-align:center; height:52px; line-height:52px; }
.client tr  .c11{ background:#d6cfff; padding-left:30px;}
.c12{ background:#0aaede;font-size:14px;color:#fff;text-align:center;  height:52px; line-height:52px;}
.client tr  .c13{ background:#9be8ff; padding-left:30px;}
.c14{ background:#88910f;font-size:14px;color:#fff;text-align:center;  height:52px; line-height:52px;}
.client tr  .c15{ background:#ecf0b4; padding-left:30px;}
.dianshang  tr td{ border-bottom:1px solid #fff;border-right:1px solid #fff;}
.dianshang tr td{ line-height:37px; height:37px; }
.dianshang .ds_tr{line-height:40px; height:40px;color:#fff; font-size:14px;text-align:center;}
.dianshang .d3{width:236px;}
.d1{ background:#1b97cb;}
.d2{ background:#ff4e00;}
.d3{ background:#9dd1ef;text-align:center;}
.d4{ background:#ffc1ae; padding-left:30px;}
.app_img{width:680px; height:551px; margin:0 auto;  }
.app_img img{width:680px; height:451px;margin:20px 0 100px 0;}
.cp1{ height:358px; position:relative; overflow:hidden;}
.cp1_left{ position:absolute;top:110px;left:85px;}
.cp1_left .cp_h2{ font-size:25px; color:#ff500b; height:26px; line-height:26px;}
.cp1_left .cp_h3{ font-size:31px; color:#ff500b;margin:10px 0 12px 0;line-height:32px; height:32px;font-weight:bold;}
.cp_p{ font-size:13px; color:#777;width:400px;}
.cp1_right{ position:absolute;top:0;right:112px;}

.cp2{height:287px; position:relative; overflow:hidden;}
.cp2_left{ position:absolute;top:70px;right:40px;}
.cp2_left .cp_h2{ font-size:33px; color:#18b29b; height:33px; line-height:33px;}
.cp2_left .cp_h2 span{ font-size:24px;}
.cp2_left .cp_h3{ font-size:31px; color:#18b29b; margin:10px 0 12px 0; line-height:32px; height:32px;font-weight:bold;}
.cp2_right{ position:absolute;top:0;left:205px;}

.cp3{height:324px; position:relative; overflow:hidden;}
.cp3_left{ position:absolute;top:70px;left:85px;}
.cp3_left .cp_h2{ font-size:30px; color:#1289d8;height:30px; line-height:30px;}
.cp3_left .cp_h3{ font-size:31px; color:#1289d8; margin:10px 0 12px 0; line-height:32px; height:32px;font-weight:bold;}
.cp3_right{ position:absolute;top:0;right:145px;}

.cp4{height:297px; position:relative; overflow:hidden;}
.cp4_left{ position:absolute;top:70px;right:40px;}
.cp4_left .cp_h2{ font-size:30px; color:#569f00;height:30px; line-height:30px;}
.cp4_left .cp_h3{ font-size:31px; color:#569f00; margin:10px 0 12px 0; line-height:32px; height:32px;font-weight:bold;}
.cp4_right{ position:absolute;top:0;left:137px;}

.cp5{height:342px; position:relative; overflow:hidden;}
.cp5_left{ position:absolute;top:70px;left:85px;}
.cp5_left .cp_h2{ font-size:30px; color:#dd4e4d;height:30px; line-height:30px;}
.cp5_left .cp_h3{ font-size:31px; color:#dd4e4d; margin:10px 0 12px 0; line-height:32px; height:32px;font-weight:bold;}
.cp5_right{ position:absolute;top:0;right:190px;}

.cp6{height:332px; position:relative; overflow:hidden;}
.cp6_left{ position:absolute;top:70px;right:40px;}
.cp6_left .cp_h2{ font-size:30px; color:#5c84c8;height:30px; line-height:30px;}
.cp6_left .cp_h3{ font-size:31px; color:#5c84c8; margin:10px 0 12px 0; line-height:32px; height:32px;font-weight:bold;}
.cp6_right{ position:absolute;top:0;left:137px;}

.cp7{height:296px; position:relative; overflow:hidden;}
.cp7_left{ position:absolute;top:70px;left:85px;}
.cp7_left .cp_h3{ font-size:28px; color:#257b8c;margin:10px 0 12px 0; line-height:32px; height:32px;font-weight:bold;}
.cp7_right{ position:absolute;top:0;right:150px;}


.cp8{height:342px; position:relative; overflow:hidden;}
.cp8_left{ position:absolute;top:70px;right:85px;}
.cp8_left .cp_h2{ font-size:30px; color:#569f00;height:30px; line-height:30px;}
.cp8_left .cp_h3{ font-size:31px; color:#569f00; margin:10px 0 12px 0;  line-height:32px; height:32px;font-weight:bold;}
.cp8_right{ position:absolute;top:0;left:113px;}


.cp9{height:296px; position:relative; overflow:hidden; margin-bottom:40px;}
.cp9_left{ position:absolute;top:70px;left:85px;}
.cp9_left .cp_h2{ font-size:23px; color:#e2565c;margin:10px 0 12px 0;  line-height:32px; height:32px;}
.cp9_left .cp_h2 strong{ font-size:30px;}
.cp9_right{ position:absolute;top:0;right:150px;}

.wx_buy tr td{ border-bottom:1px solid #fff;border-right:1px solid #fff;}
.wx_buy_tit td{ height:39px; line-height:39px; font-size:14px; color:#fff; text-align:center;}
.b1{ background:#1f77ba;width:85px;}
.b2{ background:#659c02;width:100px;}
.b3{ background:#e974ab;width:120px;}
.b4{ background:#d45c39;width:90px;}
.b5{ background:#ccc0d9; font-size:16px; font-weight:bold;}
.b6{ background:#cae6fb; text-align:center;  height:113px;}
.b7{ background:#e3f3c5;text-align:center;  height:113px;}
.b8{ background:#f8d6e6;text-align:center; height:113px;}
.b9{ background:#fcd3c7;text-align:center; height:113px;}
.b10{ background:#e5dfec; padding-left:20px; height:113px;}
.wx_buy tr td span{ display:block;width:22px; height:15px; margin:0 auto;}
.wx_buy tr td .buy1{ background:url(../images/buy_icon.png)  0 0 no-repeat;}
.wx_buy tr td .buy2{ background:url(../images/buy_icon.png)  0 -50px no-repeat;}

.buy_des tr td{border-bottom:1px solid #fff; border-right:1px solid #fff;}
.buy_des_tit td{ height:41px; line-height:41px; font-size:15px; font-weight:bold;color:#fff; text-align:center;}

.de1{ background:#7f72e9;}
.de2{ background:#f4be49;}
.de3{ background:#f4436d;}
.de4{ background:#37b0c9;}
.de5{ background:#2c9a42;}

.de6{ background:#dcd9f6;}
.de7{ background:#f3e6c9;}
.de8{ background:#ffd8e1;}
.de9{ background:#dbf8fe;}
.de10{ background:#dcf5e1;}


.de11{ background:#d79ed8;}
.de12{ background:#19988b;}
.de13{ background:#0071ce;}
.de14{ background:#e79e6d;}
.de15{ background:#ff6000;}

.de16{ background:#f8def8;}
.de17{ background:#c0f5f0;}
.de18{ background:#cbe7fd;}
.de19{ background:#ffefe5;}
.de20{ background:#ffebdf;}

.buy_des_con td{ height:117px;width:130px; font-size:13px; line-height:21px; padding-left:42px;}
.xingxiang{width:813px; height:316px; margin:0 auto;}
.xingxiang img{width:813px; height:191px; overflow:hidden; margin:55px  0 70px 0;}
.buy_liucheng{width:667px; height:822px; margin:0 auto;}
.buy_liucheng img{width:667px; height:662px;overflow:hidden; margin:35px 0 125px 0; }

.pages{width:1116px;padding-right:42px;overflow:hidden;margin-top:20px;padding-bottom:20px;}
.pages ul{float:right;}
.pages li{font-size:14px; float:left; margin-left:10px; height:30px; line-height:30px;background-color:#fff;border:1px solid #e5e5e5;}

.pages li.pager-nolink a{color: #ddd;}

.pages li select{padding:0;border:none; height:29px; line-height:30px; margin:0;}
.pages li a{display:block;padding:0px 12px;}
.pages li a:hover{ color:#fb7900;}
.pages li.pager-nolink a:hover{ color:#ddd;}
.pages li .pageinfo{padding:0px 12px;}
.pages li.pager-current{background-color:#fb7900;border-color:#fb7900;}
.pages li.pager-current a{color:#fff;}
.context{width:1100px;margin:20px 50px;}
.context ul{overflow:hidden;}
.context ul li.prepage{float:left;}
.context ul li.nextpage{float:right;}

.slideTxtBox5{ width:1200px;}
.slideTxtBox5 .hd{ height:106px;position:relative; }
.slideTxtBox5 .hd ul{ float:left;  position:absolute;height:106px;width:1200px;}
.slideTxtBox5 .hd ul li{ float:left; cursor:pointer;width:300px;height:105px;}
.slideTxtBox5 .hd ul li.item0{ background:#ed318a;}
.slideTxtBox5 .hd ul li.item1{ background:#5c40c8;}
.slideTxtBox5 .hd ul li.item2{ background:#00be8b;}
.slideTxtBox5 .hd ul li.item3{ background:#ff8933;}
.slideTxtBox5 .hd ul li .case_icon{ height:74px; padding-top:32px; padding-left:88px; display:block; overflow:hidden;}
.slideTxtBox5 .hd ul li.item0 .case_icon{background:url(../images/icon_10.png) 30px center no-repeat;}
.slideTxtBox5 .hd ul li.item1 .case_icon{background:url(../images/icon_11.png) 30px center no-repeat;}
.slideTxtBox5 .hd ul li.item2 .case_icon{background:url(../images/icon_12.png) 30px center no-repeat;}
.slideTxtBox5 .hd ul li.item3 .case_icon{background:url(../images/icon_13.png) 30px center no-repeat;}
.slideTxtBox5 .hd ul li .case_icon h2{ font-size:26px; color:#fff; padding:0px 0 10px 0 ;}
.slideTxtBox5 .hd ul li .case_icon p{ font-size:14px; color:#fff;}
.slideTxtBox5 .hd ul li.on{height:73px;}
.slideTxtBox5 .bd{ margin-top:18px;}

.slideTxtBox2{ width:1200px;}
.slideTxtBox2 .hd{ height:106px;position:relative; }
.slideTxtBox2 .hd ul{ float:left;  position:absolute;height:106px;width:1200px;}
.slideTxtBox2 .hd ul li{ float:left; cursor:pointer;width:200px;height:106px;}
.slideTxtBox2 .hd ul li.item0{ background:#ed318a;}
.slideTxtBox2 .hd ul li.item1{ background:#5c40c8;}
.slideTxtBox2 .hd ul li.item2{ background:#00be8b;}
.slideTxtBox2 .hd ul li.item3{ background:#ff8933;}
.slideTxtBox2 .hd ul li.item4{ background:#72c408;}
.slideTxtBox2 .hd ul li.item5{ background:#288de3;}

.slideTxtBox2 .hd ul li .case_icon{
	display:block;
	overflow:hidden;
	padding:13px 10px;
}
.slideTxtBox2 .hd ul li .case_icon span{
	display:block;
	height:50px;
	overflow:hidden;
	text-align:center;
}
.slideTxtBox2 .hd ul li .case_icon span img{
	width:50px;
	height:50px;
}
.slideTxtBox2 .hd ul li .case_icon h2{
	font-size:18px;
	height:24px;
	line-height:24px;
	text-align:center;
	margin-top:5px;
	overflow:hidden;
	color:#fff;
}

.slideTxtBox2 .bd{ margin-top:18px;}

.slideTxtBox3{width:1200px;}
.slideTxtBox3 .hd{height:138px;position:relative; overflow: hidden;}
.slideTxtBox3 .hd ul{float:left;width:1200px;}
.slideTxtBox3 .hd ul li{float:left;}
.slideTxtBox3 .hd ul li.item0{background-color:#00a0c6;}
.slideTxtBox3 .hd ul li.item1{background-color:#4e34aa;}
.slideTxtBox3 .hd ul li.item2{background-color:#CB6443;}
.slideTxtBox3 .hd ul li.item3{background-color:#4CAF50;}
.slideTxtBox3 .hd ul li a{width:300px;height:120px;padding-top:18px;text-align:center;display:block;}
.slideTxtBox3 .hd ul li a strong{height:45px;line-height:45px;text-align:center;font-size:20px;color:#fff;display:block;}
.slideTxtBox3 .hd ul li strong{font-weight:normal;display:block;}
.slideTxtBox3 .bd{ margin-top:20px; background:#fff; padding:30px;}
.slideTxtBox3 .bd .lm_title{font-size:23px; display:block; color:#333; line-height:30PX; padding-left:18px; overflow: hidden;}
.slideTxtBox3 .bd .lm_title span{font-size:18px;font-weight:normal;color:#999;display:block;}
.slideTxtBox3 .bd .case_ul{ width: 1164px; overflow:hidden;}
.slideTxtBox3 .bd .case_ul li{float:left;width:230px;height:300px;position:relative;margin:25px 24px 15px 21px;padding:7px;overflow:hidden;border:1px solid #bcbcbc;}
.slideTxtBox3 .bd .case_ul li:hover{ background:#00bcf2;}
.slideTxtBox3 .bd .case_ul li img{width:230px;height:300px;}
.slideTxtBox3 .bd .case_ul li strong{width:244px;height:34px;line-height:34px;position:absolute;bottom:0;left:0;text-align:center;font-size:14px;font-weight:normal;color:#fff;background:url(../images/hei_bg.png) repeat left top;overflow:hidden;}

.new_cace_title{
    padding-left: 18px;
    margin-top: 20px;
}
.new_cace_title a{
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    padding-left:10px;
    border-left:5px solid #00bcf2;
}
.new_cace_list ul{ width: 1164px; overflow:hidden;}
.new_cace_list ul li{float:left;width:230px;height:300px;position:relative;margin:10px 24px 15px 21px;padding:7px;overflow:hidden;border:1px solid #bcbcbc;}
.new_cace_list ul li:hover{ background:#00bcf2;}
.new_cace_list ul li img{width:230px;height:300px;}
.new_cace_list ul li strong{width:244px;height:34px;line-height:34px;position:absolute;bottom:0;left:0;text-align:center;font-size:14px;font-weight:normal;color:#fff;background:url(../images/hei_bg.png) repeat left top;overflow:hidden;}
.new_mobile_cace_list{
    overflow: hidden;
}


.CaseLm{
	background:#fff;
	overflow:hidden;
}
.CaseLm a dl{
	width:244px;
	height:455px;
	margin:15px 21px 10px 23px;
	float:left;
	position:relative;
	overflow:hidden;
	border:solid 1px #d0d0d0;
}
.CaseLm a:hover dl{
	border:solid 1px #4cbcd7;}
.CaseLm a dl em{
	width:215px;
	height:215px;
	overflow:hidden;
	display:none;
	top:70px;
	left:15px;
	position:absolute;
	z-index:10;
	background:url(../images/be_jing.png) no-repeat 0 0;}
.CaseLm a dl em img{
	width:104px;
	height:104px;
	display:block;
	margin:34px 54px 0px 57px;}
.CaseLm a dl em code{
	margin-top:10px;
	line-height:25px;
	font-size:14px;
	display:block;
	text-align:center;
	color:#FFF;
	font-weight:bold;}
.CaseLm a:hover dl em{
	display:block;}
.CaseLm a dl dt{
	width:234px;
	padding:10px 0 0 10px;
	overflow:hidden;}
.CaseLm a dl dt img{
	width:125px;
	height:220px;
	overflow:hidden;
	padding:54px 49px 61px 51px;
	background:url(../images/mobile_case_bg.jpg) no-repeat 0 0;
	}
.CaseLm a dl dd{
	width:214px;
	margin:0 auto;
	overflow:hidden;}
.CaseLm a dl dd strong{
	width:214px;
	height:30px;
	line-height:30px;
	padding-top:15px;
	display:block;
	font-size:16px;
	color:#000;
	overflow:hidden;}
.CaseLm a dl dd p{
	width:214px;
	padding-top:5px;
	height:40px;
	line-height:20px;
	overflow:hidden;}
.CaseLm a dl dd font{
	width:214px;
	height:15px;
	display:block;
	color:#f75802;
	padding-top:10px;
	line-height:15px;
	overflow:hidden;}
.slideTxtBox3 h2 .more{float:right;width:73px;height:28px;line-height:28px;text-align:center;font-size:14px;font-weight:normal;color:#fff;background-color:#00ccae; margin-top:6px;}
.slideTxtBox3 .more:hover{background-color:#007fbe;text-decoration:none;}



/*发表留言*/
#LeaveMessage{width:1120px; margin-top:20px;position:relative;padding:25px 0 45px;background-color:#fff;overflow:hidden;}
#LeaveMessage h3{margin-bottom:24px;font-size:24px;border-bottom:2px solid #ccc; padding-bottom:0px;}
#LeaveMessage h3 b{ border-bottom:2px solid #009f75; display:block; position:relative; top:2px; width:194px; padding-bottom:15px;}
#LeaveMessage h3 b i{ font-style:normal; font-size:18px; color:#999; font-weight:normal;line-height:18px; margin-top:10px; display:inline-block; *display:inline; *zoom:1;}
#LeaveMessage .form .text{width:205px;height:28px;line-height:28px;margin-right:35px;padding:0 6px;font-size:14px;font-family:"Microsoft YaHei";color:#999;border:1px solid #ccc;}
#LeaveMessage .form textarea{width:823px;height:100px;padding:6px;font-size:14px;font-family:"Microsoft YaHei";color:#999;overflow:auto;border:1px solid #ccc;}
#LeaveMessage .form .btn_send{float:left;width:82px;height:32px; line-height:32px; margin:18px 0 0 55px; cursor:pointer;font-size:16px;font-family:"Microsoft YaHei";font-weight:bold;color:#fff;background-color:#00be8b;border:0; clear:both;}
#LeaveMessage dl{ overflow:hidden; float:left;}
#LeaveMessage dl dt{ width:45px; text-align:right; height:30px; line-height:30px; overflow:hidden;font-size:14px; color:#888; float:left;}
#LeaveMessage dl dd{ overflow:hidden; float:left; margin-left:10px;}
#LeaveMessage dl.textarea{ width:1120px; margin-top:24px;}
#LeaveMessage dl.code{ margin-top:24px;}
#LeaveMessage dl.code .text{ width:80px; margin-right:10px;}

.slideTxtBox4 .hd ul li.item0 .case_icon {background: url(../images/icon_27.jpg) 30px center no-repeat;}
.slideTxtBox4 .hd ul li.item1 .case_icon {background: url(../images/icon_28.jpg) 30px center no-repeat;}
.slideTxtBox4 .hd ul li.item2 .case_icon {background: url(../images/icon_29.jpg) 30px center no-repeat;}
.slideTxtBox4 .hd ul li.item3 .case_icon {background: url(../images/icon_30.jpg) 30px center no-repeat;}