@charset "utf-8";
/* CSS Document */
#banner{ display:none}

/* ===================
 * 首页头部区域相关样式
 * =================== */


/* 站标与导航 */
.header-layout { background-color: #FAFAFA; width: 100%; height: 70px; position: relative; z-index: 9; box-shadow: 0 1px 0 rgba(0,0,0,0.05); }
.header { width: 1200px; height: 70px; margin-left: -600px; position: absolute; z-index: 3; top: 0; left: 50%; }
.header .logo { font-size: 0; line-height: -9999px; background: url(../images/header_logo.png) no-repeat 0 0; text-indent: -9999px; width: 320px; height: 50px; float: left; margin: 10px 0; overflow: hidden; }
.header-speace,
#pagination { height: 0 !important; display: none !important; visibility: hidden;}
.main-nav { font-size: 0; *word-spacing:-1px/*IE6、7*/; white-space: nowrap; width: 800px; height: 70px; float: right; position: relative; }
.main-nav-menu li { font-size: 12px; vertical-align: top; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/; *zoom:1/*IE7*/;}
.main-nav-menu a { font: normal 16px/30px "微软雅黑"; color: #7C8289; display: block; text-align: center; height: 30px; padding: 20px 19px 20px 20px; border-style: solid; border-width: 0 1px; border-color: transparent; position: relative; z-index: 2; }
.main-nav-menu a:hover,
.main-nav-menu a.now { color: #353F49 !important; text-decoration: none !important; background-color: #FFF !important; border-color: #EEE; }
.main-nav-menu li.current a { font-weight: 600; color: #353F49; background-color: #FFF !important; border-color: #EEE; }
.main-nav-menu li.current span { padding-bottom: 3px; border-bottom: solid 3px #353F49; }
.main-nav-box { background-color: #FFF; width: 780px; height: 0; position: absolute; z-index: 1; left: 0; top: 69px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; box-shadow: 0 4px 0 rgba(0,0,0,0.25); }
.main-nav-box .cont { display: none; position: relative; font-size: 0; *word-spacing:-1px/*IE6、7*/;
border: solid 1px #EEE; overflow: hidden; }
.main-nav-box .cont a{float: left;}
.main-nav-box .cont dl { font-size: 12px; vertical-align: top; letter-spacing: normal; white-space: normal; display: inline-block; *display: inline/*IE7*/; width: 130px; padding: 7px; margin: 10px 0 10px -1px; border-left: dotted 1px #CCC; *zoom:1/*IE7*/;
}
.main-nav-box .cont dt { font-size: 14px; font-weight: 600; line-height: 26px; }
.main-nav-box .cont dt { color: #000; }
.main-nav-box .cont dd { height: 36px; overflow: hidden;}
.main-nav-box .cont a { text-decoration: none; }
.main-nav-box .cont a dt { color: #242c3b; }
.main-nav-box .cont a dd { color: #777777; }
.banner-layout { width: 100%; min-height: 120px; }
.banner-layout h1 { font-size: 16px; color: #FFF; line-height: 20px; text-shadow: 1px 1px 0 rgba(0,0,0,0.05);}
.banner-layout h3 { font-size: 32px; color: #FFF; line-height: 40px; font-weight: 600; text-shadow: 4px 4px 0 rgba(0,0,0,0.05);}
.banner-mall { background-color: #EC576B; }
.banner-c2c { background-color: #FF7F00; }
.banner-cms { background-color: #3B9DE6; }
.banner-circle { background-color: #9FC74D;}
.banner-microshop { background-color: #4A4787;}
.banner-im { background-color: #DD7EB7;}
.banner-mall .banner,
.banner-c2c .banner,
.banner-cms .banner,
.banner-circle .banner,
.banner-microshop .banner,
.banner-im .banner { background: url(../images/web/banner.png) bottom no-repeat; width: 1100px; height: 230px; padding: 70px 50px 20px; margin: 0 auto;}

/*wap banner*/
.banner-wap { background: #FE612C url(../images/app/wap_bg.jpg) no-repeat 50% 50%; background-size: cover;}
.banner-wap .banner { width: 1200px; height: 500px; margin: 0 auto; position: relative; z-index: 1;}
.banner-wap .model-pic { background: url(../images/app/wap_model.png) no-repeat 0 0; width: 425px; height: 310px; position: absolute; z-index: 1; top: 140px; right: 100px;}
.banner-wap .texts { color: #FFF; text-align: center; white-space: nowrap; display: block; position: absolute; z-index: 1; top: 170px; left: 90px;}
.banner-wap .texts h2 { font-size: 36px; font-weight: 600; line-height: 40px; margin-bottom: 10px;}
.banner-wap .texts h4 { font-size: 20px; line-height: 24px;}
.banner-wap .texts span { background: url(../images/app/wap_code.gif) no-repeat 0 0; display: inline-block; width: 100px; height: 100px; margin: 20px auto 10px auto;}
.banner-wap .texts h6 { font-size: 11px; line-height: 20px;}
/*微信 banner*/
.banner-weichat { background: #97C556 url(../images/app/weichat_bg.jpg) no-repeat 50% 50%; background-size: cover;}
.banner-weichat .banner { width: 1200px; height: 500px; margin: 0 auto; position: relative; z-index: 1;}
.banner-weichat .model-pic { /*background: url(../images/app/weichat_model.png) no-repeat 0 0;*/ width: 1110px; height: 285px; position: absolute; z-index: 1; top: 150px; left: 45px;}
/*助手 banner*/
.banner-client { background: #4990E2 url(../images/app/client_bg.jpg) no-repeat 50% 50%; background-size: cover;}
.banner-client .banner { width: 1200px; height: 500px; margin: 0 auto; position: relative; z-index: 1;}
.banner-client .model-pic { /*background: url(../images/app/client_model.png) no-repeat 0 0;*/ width: 760px; height: 240px; position: absolute; z-index: 1; top: 160px; left: 150px;}
.banner-client .btn { font-size: 32px; line-height: 60px; font-weight: lighter; color: #000; text-decoration: none; background-color: #FFD24D; text-align: center; width: 160px; height: 60px; border-radius: 6px; position: absolute; z-index: 2; top:280px; left: 400px;}
/*服务 banner*/
.banner-service { background-color: #91D3D9;}
.banner-service .banner { background: url(../images/service/service_banner.png) no-repeat 0 0; width: 1200px; height: 360px; margin: 0 auto; position: relative; z-index: 1;}
.banner-service .text { color: #27394C; text-align: center; width: 600px; margin-left: -300px; position: absolute; z-index: 1; top: 60px; left: 50%;}
.banner-service .text h2 { font-size: 48px; font-weight: 600; line-height: 50px; margin-bottom: 20px;}
.banner-service .text h4 { font-size: 18px; font-weight: lighter; line-height: 28px;}
.banner-service .btn { font-size: 20px; line-height: 40px; font-weight: lighter; color: #FFF; text-decoration: none; background-color: #EF6A54; text-align: center; width: 160px; height: 40px; border-radius: 6px; position: absolute; z-index: 2; top: 200px; left: 520px;}
/*汽车行业*/
.banner-automotive { background: url(../images/solution/automotive_banner.jpg) repeat-x 50% 0;}
.banner-automotive .banner { width: 1200px; height: 360px; margin: 0 auto; position: relative; z-index: 1; top:100px;}
.banner-automotive .banner h2 { font-size: 48px; font-weight: 600; line-height: 50px; color: #394C51; position: absolute; z-index: 1; left: 80px; top: 60px;}
.banner-automotive .banner h3 { font-size: 32px; font-weight: lighter; line-height: 32px; color: #FFF; background-color: #F96260; display: block; height: 32px; padding: 4px 16px; position: absolute; z-index: 1; left: 180px; top: 120px;}
.banner-automotive .banner p { font-size: 14px; line-height: 24px; color: #515F61; width: 400px; position: absolute; z-index: 1; left: 80px; top: 180px;}
/*综合百货行业*/
.banner-department { background: url(../images/solution/department_banner_bg.png) repeat-x 50% 0;}
.banner-department .banner { width: 1200px; height: 360px; margin: 0 auto; position: relative; z-index: 2;}
.banner-department .banner .pic { background: url(../images/solution/department_banner_pic.png) no-repeat 0 0; width: 680px; height: 560px; position: absolute; z-index: 1; top: 47px; right: 0px;}
.banner-department .banner h2 { font-size: 48px; font-weight: 600; line-height: 50px; color: #733907; position: absolute; z-index: 1; left: 80px; top: 60px;}
.banner-department .banner h3 { font-size: 32px; font-weight: lighter; line-height: 28px; color: #FEF143; background-color: #F47528; display: block; height: 28px; padding: 4px 16px; position: absolute; z-index: 1; left: 180px; top: 120px;}
.banner-department .banner p { font-size: 16px; line-height: 24px; color: #733907; width: 400px; position: absolute; z-index: 1; left: 80px; top: 180px;}
/*跨境零售*/
.banner-crossborder { background: url(../images/solution/cross_banner.jpg) repeat-x 50% 0;}
.banner-crossborder .banner { width: 1200px; height: 360px; margin: 0 auto; position: relative; z-index: 2;}
.banner-crossborder .banner h2 { font-size: 48px; font-weight: 600; line-height: 50px; color: #07B0DE; position: absolute; z-index: 1; left: 80px; top: 60px;}
.banner-crossborder .banner h3 { font-size: 32px; font-weight: lighter; line-height: 28px; color: #FFF; background-color: #FF5C53; display: block; height: 28px; padding: 4px 16px; position: absolute; z-index: 1; left: 280px; top: 70px;}
.banner-crossborder .banner p { font-size: 14px; line-height: 24px; color: #F1E3E2; width: 500px; position: absolute; z-index: 1; left: 80px; top: 140px;}
/*母婴行业*/
.banner-maternal {background: url(../images/solution/mab_banner.jpg) repeat-x 52.5% 0;}
.banner-maternal .banner { width: 1200px; height: 360px; margin: 0 auto; position: relative; z-index: 2; top:110px;}
.banner-maternal .banner h2 { font-size: 48px; font-weight: 600; line-height: 50px; color: #394c51; position: absolute; z-index: 1; left: 80px; top: 70px;}
.banner-maternal .banner h3 { font-size: 32px; font-weight: lighter; line-height: 28px; color: #FFF; background-color: #FF5C53; display: block; height: 28px; padding: 4px 16px; position: absolute; z-index: 1; left: 200px; top: 80px;}
.banner-maternal .banner p { font-size: 14px; line-height: 24px; color: #394c51; width: 500px; position: absolute; z-index: 1; left: 80px; top: 140px;}
/*社区o2o*/
.banner-o2o {background: url(../images/solution/o2o_banner.jpg) repeat-x 50% 0;}
.banner-o2o .banner { width: 1200px; height: 360px; margin: 0 auto; position: relative; z-index: 2;top:0px;}
.banner-o2o .banner h2 { font-size: 48px; font-weight: 600; line-height: 50px; color: #fff; position: absolute; z-index: 1; left: 80px; top: 80px;}
.banner-o2o .banner h3 { font-size: 32px; font-weight: lighter; line-height: 28px; color: #FFF; background-color: #FF5C53; display: block; height: 28px; padding: 4px 16px; position: absolute; z-index: 1; left:320px; top: 90px;}
.banner-o2o .banner p { font-size: 14px; line-height: 24px; color: #fff; width: 500px; position: absolute; z-index: 1; left: 80px; top: 180px;}
/*电视购物*/
.banner-tv {background: url(../images/solution/banner-tv.jpg) repeat-x 51% 0;}
.banner-tv .banner { width: 1200px; height: 360px; margin: 0 auto; position: relative; z-index: 2;}
.banner-tv .banner h2 { font-size: 48px; font-weight: 600; line-height: 50px; color: #ffc42f; position: absolute; z-index: 1; left: 80px; top: 100px;}
.banner-tv .banner h3 { font-size: 32px; font-weight: lighter; line-height: 28px; color: #FFF; background-color: #FF5C53; display: block; height: 28px; padding: 4px 16px; position: absolute; z-index: 1; left: 280px; top: 110px;}
.banner-tv .banner p { font-size: 14px; line-height: 24px; color: #fff; width: 500px; position: absolute; z-index: 1; left: 80px; top: 180px;}
/*医药电商*/
.banner-yiyao {background: url(../images/solution/yiyao_banner.jpg) repeat-x 53% 0;}
.banner-yiyao .banner { width: 1200px; height: 360px; margin: 0 auto; position: relative; z-index: 2; top:0px; left:20px;}
.banner-yiyao .banner h2 { font-size: 48px; font-weight: 600; line-height: 50px; color: #fff; position: absolute; z-index: 1; left: 110px; top: 80px;}
.banner-yiyao .banner h3 { font-size: 32px; font-weight: lighter; line-height: 28px; color: #FFF; background-color: #FF5C53; display: block; height: 28px; padding: 4px 16px; position: absolute; z-index: 1; left: 220px; top: 90px;}
.banner-yiyao .banner p { font-size: 14px; line-height: 24px; color: #354654; width: 400px; position: absolute; z-index: 1; left: 120px; top: 156px;}
/*工业品*/
.banner-gyp {background: url(../images/solution/gyp_banner.jpg) repeat-x 50% 0;}
.banner-gyp .banner { width: 1200px; height: 360px; margin: 0 auto; position: relative; z-index: 2;}
/*.banner-yiyao .banner h2 { font-size: 48px; font-weight: 600; line-height: 50px; color: #fff; position: absolute; z-index: 1; left: 110px; top: 80px;}
.banner-yiyao .banner h3 { font-size: 32px; font-weight: lighter; line-height: 28px; color: #FFF; background-color: #FF5C53; display: block; height: 28px; padding: 4px 16px; position: absolute; z-index: 1; left: 310px; top: 90px;}
.banner-yiyao .banner p { font-size: 14px; line-height: 24px; color: #354654; width: 400px; position: absolute; z-index: 1; left: 120px; top: 156px;}*/





/*学院 banner*/
.banner-college { background: url(../images/college/college_banner_bg.png) repeat-x 0 0;}
.banner-college .banner { background: url(../images/college/college_banner.png) no-repeat 0 0; width: 1200px; height: 260px; margin: 0 auto;}

/*关于 banner*/
.banner-about { background: url(../images/about/about_banner_bg.jpg) no-repeat 50% -40px; background-size: cover;}
.banner-about .banner { background: url(../images/about/about_banner.png) no-repeat 0 -20px; width: 1200px; height: 200px; margin: 0 auto;}


/* ===================
 * 首页主体内容对应样式
 * =================== */
.main-layout { width: 100%; }
.wrapper-1100 { width: 1100px; margin: 0 auto;}

.classify-nav { background-color: #F5F5F5; width: 100%; /*height: 60px;*/height: 0px; border-bottom: solid 1px #E9EAEB; position: relative; z-index: 99; }
.classify-nav .college-logo a { background: url(../images/dsxy.png) no-repeat 0 0; display: block; width: 150px; height: 60px; margin-left: -600px; position: absolute; z-index: 1; top: 0; left: 50%; }
.classify-nav .nav-menu { font-size: 0; *word-spacing:-1px/*IE6、7*/; margin-left: -580px; position: absolute; top: 21px; left: 50%; }
.classify-nav .nav-menu li { vertical-align: middle; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/; *zoom:1/*IE7*/; margin-right: 5px; }
.classify-nav .nav-menu li a { font-size: 14px; line-height: 20px; color: #555; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#19000000', endColorstr='#19000000'); background: rgba(0,0,0,0.1); display: block; height: 20px; padding: 10px 20px; text-decoration: none; }
.classify-nav .nav-menu li a:hover { color: #242C3A; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#0C000000', endColorstr='#0C000000');
background: rgba(0,0,0,0.05); }
.classify-nav .nav-menu li a.current { color: #242C3A; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF');background:rgba(255,255,255,1); display: block; padding: 9px 19px; border: solid 1px #E6E6E6; border-bottom-color: #FFF;}
.classify-nav .quick-url { font-size: 0; *word-spacing:-1px/*IE6、7*/; margin-right: -600px; display: block; white-space: nowrap; position: absolute; z-index: 2; top: 30px; right: 50%; }
.classify-nav .quick-url a,
.classify-nav .quick-url i { font-size: 12px; color: #0765D1; vertical-align: middle; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/; *zoom:1/*IE7*/;}
.classify-nav .quick-url i { background-color: #0765D1; width: 1px; height: 10px; margin-left: 10px; margin-right: 10px; }

/*产品页内定位侧导航*/
.page-nav { margin-left: -580px; list-style-type: none;  position: absolute; left: 50%; top: 90px; z-index: 1; opacity: 1;}
.page-nav li { margin-bottom: 2px; }
.page-nav a { font-size: 12px; color: #242C3B; background-color: #E9EAEB; display: block; width: 100px; height: 20px; padding: 5px 0; text-align: center; background-color: #E9EAEB; text-decoration: none; }
.page-nav .current a { color: #FFF;}
#mall .page-nav .current a { background-color: #EC576B;}
#c2c .page-nav .current a { background-color: #ff7f00;}
#cms .page-nav .current a { background-color: #3B9DE6;}
#circle .page-nav .current a { background-color: #9FC74D;}
#microshop .page-nav .current a { background-color: #4A4787;}
#im .page-nav .current a { color: #DD7EB7; background-color: #DD7EB7;}
#java .page-nav .current a { color: #fff; background-color: #692754;}
#o2o .page-nav .current a { color: #fff; background-color: #8AA3CD;}
#im .page-nav .current a { color: #fff; background-color: #DD7EB7;}
#b2b .page-nav .current a { color: #fff; background-color: #6D9163;}
/* 商城产品介绍内容段落 */
.main-layout section { background-color: #FFF; width: 100%; min-height: 300px; border-bottom: solid 1px #E7E7E7; position: relative; z-index: 1; }
.main-layout section.even { background-color: #FAFAFA;}
.main-layout section.even02 { background-color: #ffe9e9;}
.main-layout section .page-location { position: absolute; z-index: 1; top: -30px; left: 0; right: 0; }
.main-layout section div.wrap { width: 1000px; margin: 0 auto; padding: 50px 20px 40px 180px; }
.main-layout section div.wrap2 { width: 1000px; margin: 0 auto; padding: 50px 0 0 0;}
.main-layout section.guestbook div.wrap { width: 900px; margin: 0 auto; padding: 50px 0;}
.main-layout section .title { padding: 0 0 20px 0; }
.main-layout section .title h2 { font-size:28px; line-height: 40px; font-weight: lighter; color: #38a3db; text-align: center; margin-bottom: 8px;border-bottom: 1px solid #eeedee;
    padding:20px 0; }
.main-layout section .title h4 { font-size: 14px; line-height: 20px; font-weight: lighter; color: #343f48; text-align: center; }
.main-layout section .content-info {}
.main-layout section .content-flow { width: 1000px; height: 760px; position: relative;}
.main-layout section .content .crossfade {}
.main-layout section .font16 { font-size: 16px; line-height: 150%; } 
.main-layout section .font16 p { text-indent: 32px; margin-bottom: 24px; }
.main-layout section .b2b2c-pic { background: url(../images/b2b2c_pic00.png) no-repeat 0 0; display: inline-block; width: 200px; height: 250px; vertical-align: top; margin-top: -50px;}
/*块区域介绍形式*/
.main-layout section .block-wap { width: 1200px; margin: 0 auto; position: relative; z-index: 1;}
.main-layout section .block-wap .pic,
.main-layout section .block-wap .texts { display: block; position: absolute; z-index: 1;}
.main-layout section .block-wap .texts h3 { font-size: 32px; color: #333; line-height: 50px; margin-bottom: 10px;}
.main-layout section .block-wap .texts h3 strong { font-size: 44px; font-weight: normal; color: #F16529}
.main-layout section .block-wap .texts h4 { font-size: 20px; font-weight: lighter; color: #777; line-height: 180%;}
/*Wap特征*/
.main-layout section .block-wap.wap01 { height: 500px;}
.main-layout section .block-wap.wap01 .pic { /*background: url(../images/app/wap_pic01.png) no-repeat 0 0;*/ width: 450px; height: 400px; top: 50px; left: 100px;}
.main-layout section .block-wap.wap01 .texts { width: 500px; top: 120px; right: 50px;}
.main-layout section .block-wap.wap02 { height: 520px;}
.main-layout section .block-wap.wap02 .pic { /*background: url(../images/app/wap_pic02.png) no-repeat 0 0;*/ width: 524px; height: 415px; top: 50px; right: 30px;}
.main-layout section .block-wap.wap02 .texts { width: 500px; top: 140px; left: 50px;}
.main-layout section .block-wap.wap03 { height: 640px;}
.main-layout section .block-wap.wap03 .pic { /*background: url(../images/app/wap_pic03.png) no-repeat 0 0; */width: 1080px; height: 350px; top: 240px; left: 60px;}
.main-layout section .block-wap.wap03 .texts { text-align: center; width: 1000px; top: 60px; left: 100px;}
.main-layout section .block-wap.wap04 { height: 780px;}
.main-layout section .block-wap.wap04 .pic { /*background: url(../images/app/wap_pic04.jpg) no-repeat 0 0;*/ width: 1096px; height: 542px; top: 180px; left: 52px;}
.main-layout section .block-wap.wap04 .texts { text-align: center; width: 1000px; top: 60px; left: 100px;}
/*微信特征*/
.main-layout section .block-wap.weichat01 { height: 400px;}
.main-layout section .block-wap.weichat01 .pic { /*background: url(../images/app/weichat_pic01.png) no-repeat 0 0;*/ width: 326px; height: 258px; top: 60px; left: 150px;}
.main-layout section .block-wap.weichat01 .texts { width: 500px; top: 90px; right: 50px;}
.main-layout section .block-wap.weichat01 .texts h3 strong { color: #78B241;}
.main-layout section .block-wap.weichat02 { height: 440px;}
.main-layout section .block-wap.weichat02 .pic { /*background: url(../images/app/weichat_pic02.png) no-repeat 0 0; */width: 320px; height: 320px; top: 60px; right: 100px;}
.main-layout section .block-wap.weichat02 .texts { width: 500px; top: 130px; left: 150px;}
.main-layout section .block-wap.weichat02 .texts h3 strong { color: #78B241;}
.main-layout section .block-wap.weichat03 { height: 420px;}
.main-layout section .block-wap.weichat03 .pic { /*background: url(../images/app/weichat_pic03.png) no-repeat 0 0;*/ width: 386px; height: 327px; top: 50px; left: 150px;}
.main-layout section .block-wap.weichat03 .texts { width: 500px; top: 100px; right: 50px;}
.main-layout section .block-wap.weichat03 .texts h3 strong { color: #78B241;}
.main-layout section .block-wap.weichat04 { height: 400px;}
.main-layout section .block-wap.weichat04 .pic { /*background: url(../images/app/weichat_pic04.png) no-repeat 0 0;*/ width: 430px; height: 248px; top: 70px; right: 50px;}
.main-layout section .block-wap.weichat04 .texts { width: 500px; top: 100px; left: 100px;}
.main-layout section .block-wap.weichat04 .texts h3 strong { color: #78B241;}
.main-layout section .block-wap.weichat05 { height: 400px;}
.main-layout section .block-wap.weichat05 .pic { /*background: url(../images/app/weichat_pic05.png) no-repeat 0 0;*/ width: 464px; height: 280px; top: 60px; left: 80px;}
.main-layout section .block-wap.weichat05 .texts { width: 520px; top: 110px; right: 50px;}
.main-layout section .block-wap.weichat05 .texts h3 strong { color: #78B241;}
.main-layout section .block-wap.weichat06 { height: 460px;}
.main-layout section .block-wap.weichat06 .pic { /*background: url(../images/app/weichat_pic06.png) no-repeat 0 0;*/ width: 426px; height: 367px; top: 40px; right: 50px;}
.main-layout section .block-wap.weichat06 .texts { width: 500px; top: 100px; left: 100px;}
.main-layout section .block-wap.weichat06 .texts h3 strong { color: #78B241;}
/*助手特征*/
.main-layout section .block-wap.client01 { height: 440px;}
.main-layout section .block-wap.client01 .pic { /*background: url(../images/app/client_pic01.png) no-repeat 0 0; */width: 403px; height: 320px; top: 60px; right: 70px;}
.main-layout section .block-wap.client01 .texts { width: 500px; top: 100px; left: 80px;}
.main-layout section .block-wap.client01 .texts h3 strong { color: #4990E2;}
.main-layout section .block-wap.client02 { height: 440px;}
.main-layout section .block-wap.client02 .pic { /*background: url(../images/app/client_pic02.png) no-repeat 0 0; */width: 414px; height: 320px; top: 50px; left: 80px;}
.main-layout section .block-wap.client02 .texts { width: 510px; top: 120px; right: 70px;}
.main-layout section .block-wap.client02 .texts h3 strong { color: #4990E2;}
.main-layout section .block-wap.client03 { height: 500px;}
.main-layout section .block-wap.client03 .pic { /*background: url(../images/app/client_pic03.png) no-repeat 0 0;*/ width: 448px; height: 400px; top: 40px; right: 50px;}
.main-layout section .block-wap.client03 .texts { width: 550px; top: 100px; left: 50px;}
.main-layout section .block-wap.client03 .texts h3 strong { color: #4990E2;}
.main-layout section .block-wap.client04 { height: 440px;}
.main-layout section .block-wap.client04 .pic { /*background: url(../images/app/client_pic04.png) no-repeat 0 0;*/ width: 593px; height: 255px; top: 100px; left: 10px;}
.main-layout section .block-wap.client04 .texts { width: 480px; top: 130px; right: 50px;}
.main-layout section .block-wap.client04 .texts h3 strong { color: #4990E2;}


/* 商城产品UI */
.ui-tabs { width: 1000px; text-align: center; }
.ui-tabs .tabs-nav li { display: inline-block; *display: inline; *zoom: 1; margin-right: 10px; }
.ui-tabs .tabs-nav li a { line-height: 20px; font-size: 16px; display: block; height: 20px; padding: 10px 30px; background: #fAfAfA; text-decoration: none; color: #99A1A7; border-radius: 20px; }
.ui-tabs .tabs-nav li a:hover { background: #e9eaeb; } 
.ui-tabs .tabs-nav li.active a,
.ui-tabs .tabs-nav li.active a:hover { background-color: #006BDC; color: #FFF;}
#mall .ui-tabs .tabs-nav li.active a,
#mall .ui-tabs .tabs-nav li.active a:hover { background-color: #EC576B;}
#c2c .ui-tabs .tabs-nav li.active a,
#c2c .ui-tabs .tabs-nav li.active a:hover { background-color: #FF7F00;}
#cms .ui-tabs .tabs-nav li.active a,
#cms .ui-tabs .tabs-nav li.active a:hover { background-color: #3B9DE6;}
#circle .ui-tabs .tabs-nav li.active a,
#circle .ui-tabs .tabs-nav li.active a:hover { background-color: #9FC74D;}
#microshop .ui-tabs .tabs-nav li.active a,
#microshop .ui-tabs .tabs-nav li.active a:hover { background-color: #4A4787;}
#im .ui-tabs .tabs-nav li.active a,
#im .ui-tabs .tabs-nav li.active a:hover { color: #684002; background-color: #FAD232;}
#java .ui-tabs .tabs-nav li.active a,
#java .ui-tabs .tabs-nav li.active a:hover { background-color: #692754;}
#o2o .ui-tabs .tabs-nav li.active a,
#o2o .ui-tabs .tabs-nav li.active a:hover { background-color: #8AA3CD;}
#im .ui-tabs .tabs-nav li.active a,
#im .ui-tabs .tabs-nav li.active a:hover { background-color: #DD7EB7;}
.ui-tabs .tabs-container { overflow: hidden; position: relative; height: 261px!important; }
.ui-tabs .tabs-content { display: block; top: 0!important; left: 0; right: 0; position: relative;}
.ui-tabs .tabs-content .arrow { background: url('../images/arrows.png') no-repeat; width: 24px; height: 36px; opacity: 0.5; text-indent: -999px; overflow: hidden; cursor: pointer; display: none; position: absolute; top: 50%; left: 50%; margin-left: -448px; margin-top: -100px; }
.ui-tabs .tabs-content .arrow:hover { opacity: 1; }
.ui-tabs .tabs-content .arrow.next { margin-left: 420px; background-position: top right; }
.ui-tabs .tabs-content .carousel { filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#0C000000', endColorstr='#0C000000');background:rgba(0,0,0,0.05); margin-top: 150px; text-align: center; height: 60px; border-style: solid; border-color: #FFF; border-width: 1px 1px 0 1px; border-radius: 5px 5px 0 0; opacity: 0; -moz-transition: 0.4s opacity; -webkit-transition: 0.4s opacity; transition: 0.4s opacity; box-shadow:  0 -2px 5px rgba(0,0,0,0.1); }
.ui-tabs .tabs-content .carousel.active { opacity: 1; }
.ui-tabs .tabs-content .carousel li { display: none; list-style: none; width: 150px; height: 150px; margin: -82px 18px 0; position: relative; -moz-transition: 0.4s all; -webkit-transition: 0.4s all; transition: 0.4s all; }
.ui-tabs .tabs-content .carousel li span { font-size: 1em; display: block; text-align: center; position: absolute; z-index: 2; left: 0; bottom: 20px; right: 0; text-shadow: 1px 1px  0 rgba(255,255,255,1)}
.ui-tabs .tabs-content .carousel li.visible { display: inline-block; *display: inline; *zoom: 1; }
.ui-tabs .tabs-content .carousel li a { display: block;}
.ui-tabs .tabs-content .carousel li a img { border: none;  border-radius: 10px 10px 5px 5px; box-shadow: 0 1px 1px rgba(0,0,0,0.4); }
.ui-tabs .tabs-content .carousel li img { background-color: #FFF; display: block; width: auto; height: auto; max-width: 96%; max-height: 96%; padding: 2%; position: relative; z-index: 10; box-shadow: 0 -3px 4px rgba(0,0,0,0.15); }
.ui-tabs .tabs-content .carousel li:after { content: ''; background: url('../images/cradle.png') no-repeat top center; background-size: contain; bottom: 4%; content: ""; height: 50px; left: -6.5%; position: absolute; right: -6.5%; width: auto; z-index: 1; }
.ui-tabs .tabs-content .carousel li:hover { width: 222px; height: 197px; margin-top: -152px; }
.ui-tabs .tabs-content .carousel li:hover span { font-size: 1.1em; bottom: 15px;}
/* 商城产品功能 */
.function-list { color: #242C3B; width: 1000px; padding-bottom: 20px; overflow: hidden; }
.function-list ul { font-size: 0; *word-spacing:-1px/*IE6、7*/; width: 1002px; margin-top: -1px; margin-left: -2px; }
.function-list ul li { font-size: 12px; vertical-align: top; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/;
width: 450px; padding: 25px; border-style: dashed; border-width: 1px 0 0 1px; border-color: #EEE; *zoom:1/*IE7*/; position: relative;}
.function-list ul li sub { animation: 0.4s ease 0s normal none 1 running orangeOut; background-color: #FAFAFA; height: 100%; opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; }
.function-list ul li:hover sub { animation: 0.2s ease 0s normal none 1 running orangeIn; opacity: 1; }
@keyframes orangeIn { 0% { opacity: 0; transform: scale(0.8);} 100% { opacity: 1; transform: scale(1);} }
@keyframes orangeOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.8); }}
.function-list .block-name { font-size: 20px; color: #000000; text-align: center; width: 80px; float: left; }
.function-list .block-name span { background: url(../images/web/mall_function_pic.png) no-repeat; display: block; width: 60px; height: 80px; margin: 5px 10px; }
#mall .function-list .block-name span.store { background-position: 0 0; }
#mall .function-list .block-name span.product { background-position: -70px 0; }
#mall .function-list .block-name span.user { background-position: -140px 0; }
#mall .function-list .block-name span.trade { background-position: -210px 0; }
#mall .function-list .block-name span.sale { background-position: -280px 0; }
#mall .function-list .block-name span.operate { background-position: -350px 0; }
#c2c .function-list ul li { font-size: 12px; vertical-align: top; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/; width: 149px; padding: 25px; border-style: dashed; border-width: 1px 0 0 1px; border-color: #EEE; *zoom:1/*IE7*/; position: relative;}
#c2c .function-list .pic { background: url(../images/web/mall_function_pic.png) no-repeat; width: 80px; height: 80px; margin: 0 auto;}
#c2c .function-list .cf01 .pic { background-position: 0px -400px;}
#c2c .function-list .cf02 .pic { background-position: -80px -400px;}
#c2c .function-list .cf03 .pic { background-position: -160px -400px;}
#c2c .function-list .cf04 .pic { background-position: -240px -400px;}
#c2c .function-list .cf05 .pic { background-position: -320px -400px;}
#c2c .function-list .cf06 .pic { background-position: 0px -480px;}
#c2c .function-list .cf07 .pic { background-position: -80px -480px;}
#c2c .function-list .cf08 .pic { background-position: -160px -480px;}
#c2c .function-list .cf09 .pic { background-position: -240px -480px;}
#c2c .function-list .cf10 .pic { background-position: -320px -480px;}
#c2c .function-list .cf11 .pic { background-position: 0px -560px;}
#c2c .function-list .cf12 .pic { background-position: -80px -560px;}
#c2c .function-list .cf13 .pic { background-position: -160px -560px;}
#c2c .function-list .cf14 .pic { background-position: -240px -560px;}
#c2c .function-list .cf15 .pic { background-position: -320px -560px;}
#c2c .function-list .cf16 .pic { background-position: 0px -640px;}

#c2c .function-list h4 { font-size: 16px; line-height: 20px; text-align: center; margin-bottom: 10px;}
#c2c .function-list p { font-size: 12px; line-height: 18px; color: #777;}
#cms .function-list .block-name span.article { background-position: 0 -80px; }
#cms .function-list .block-name span.pictorial { background-position: -70px -80px; }
#cms .function-list .block-name span.special { background-position: -140px -80px; }
#cms .function-list .block-name span.manage { background-position: -210px -80px; }
#circle .function-list .block-name span.circle { background-position: 0 -160px; }
#circle .function-list .block-name span.crew { background-position: -70px -160px; }
#circle .function-list .block-name span.theme { background-position: -140px -160px; }
#circle .function-list .block-name span.manage { background-position: -210px -160px; }
#microshop .function-list .block-name span.goods { background-position: 0 -240px; }
#microshop .function-list .block-name span.personal { background-position: -70px -240px; }
#microshop .function-list .block-name span.store { background-position: -140px -240px; }
#microshop .function-list .block-name span.homepage { background-position: -210px -240px; }
#im .function-list .block-name span.message { background-position: 0 -320px; }
#im .function-list .block-name span.data { background-position: -70px -320px; }
.function-list dl { font-size: 0; *word-spacing:-1px/*IE6、7*/;
width: 350px; float: right; }
.function-list dl dt { font-size: 13px; line-height: 22px; color: #333; display: block; margin-bottom: 20px; }
.function-list dl dd { font-size: 12px; line-height: 20px; color: #666; background-color: #F7F7F7; text-align: center; display: inline-block; width: 100px; height: 20px; padding: 4px; margin-right: 6px; margin-bottom: 6px; border-radius: 13px; *float:left}
.function-list ul li:hover dl dd { background: #B2BCC4; color: #FFF;}
.function-list dl dd i { font-size: 12px; color: #999; }

/* 应用类产品功能 */
.function-app-list { color: #242C3B; width: 1000px; padding-bottom: 20px; overflow: hidden; }
.function-app-list ul { font-size: 0; *word-spacing:-1px/*IE6、7*/; width: 1002px; margin-top: -1px; margin-left: -2px; }
.function-app-list ul li { font-size: 12px; vertical-align: top; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/;
width: 450px; padding: 25px; border-style: dashed; border-width: 1px 0 0 1px; border-color: #EEE; *zoom:1/*IE7*/; position: relative;}
.function-app-list ul li sub { animation: 0.4s ease 0s normal none 1 running orangeOut; background-color: #FFFFFF; height: 100%; opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; }
.function-app-list ul li:hover sub { animation: 0.2s ease 0s normal none 1 running orangeIn; opacity: 1; }
@keyframes orangeIn { 0% { opacity: 0; transform: scale(0.8);} 100% { opacity: 1; transform: scale(1);} }
@keyframes orangeOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.8); }}
.function-app-list .block-ico { background: url(../images/app/app_function_pic.png) no-repeat; display: block; width: 80px; height: 80px; float: left; margin-top: 5px;}
.function-app-list .block-ico.homepage { background-position: 0 0;}
.function-app-list .block-ico.goods { background-position: -80px 0;}
.function-app-list .block-ico.scode { background-position: -160px 0;}
.function-app-list .block-ico.store { background-position: -400px 0;}
.function-app-list .block-ico.order { background-position: -320px 0;}
.function-app-list .block-ico.im { background-position: -480px 0;}
.function-app-list .block-ico.logistics { background-position: -560px 0;}
.function-app-list .block-ico.pay { background-position: -240px 0;}

.function-app-list dl { font-size: 0; *word-spacing:-1px/*IE6、7*/; width: 340px; float: right; }
.function-app-list dl dt { font-size: 18px; line-height: 20px; color: #333; display: block; margin-bottom: 10px; }
.function-app-list dl dd { font-size: 12px; line-height: 20px; color: #666; }


.guestbook-form { font-size: 0; *word-spacing:-1px/*IE6、7*/;}
.guestbook-form label { font-size: 0; vertical-align: top; *word-spacing:-1px/*IE6、7*/; display: inline-block; *display: inline/*IE7*/; width: 50%; margin-bottom: 10px; *zoom:1/*IE7*/;}
.guestbook-form label strong { font-size: 14px; font-weight: normal; line-height: 30px; text-align: center; width: 50px; vertical-align: top; display: inline-block; *display: inline;
 *zoom: 1;}
.guestbook-form .input-txt { font-size: 14px; display: inline-block; *display: inline;
 width: 210px;  padding: 2px 9px; border: solid 1px #D9D9D9; border-radius: 3px; *zoom: 1;}
.guestbook-form .input-textarea { font-size: 14px; width: 800px; height: 90px; padding: 4px 9px; border: solid 1px #D9D9D9; border-radius: 3px; }
.guestbook-form .button-submit { font-size: 16px; color: #FFF; line-height: 20px; background-color: #006CD8; text-align: center; display: block; width: 100px; height: 20px; padding: 10px 0; margin-left: 60px; border-radius: 3px; }
.guestbook-form img { display: inline-block; vertical-align: top; margin: 4px 8px 0 8px; }
.guestbook-form .btn { font-size: 14px; color: #555; line-height: 20px; background-color: #F5F5F5; display: inline-block; padding: 6px 10px; border: solid 1px #CCC; border-radius: 5px; }
.guestbook-form .btn:hover { text-decoration: none; background-color: #FFF; }
.guestbook-form label.error { color: #EC576B; font-size: 14px; line-height: 30px; vertical-align: top; margin-left: 10px; display: inline-block; width: auto; }
.guestbook-list { overflow: hidden; }
.guestbook-list dl { margin-top: 15px; }
.guestbook-list dl i { margin-right: 8px; }
.guestbook-list dl time { font-family: tahoma; font-size: 12px; color: #91969D; }
.guestbook-list dt { background-color: #FFF; display: block; padding: 20px; overflow: hidden; }
.guestbook-list dt span { color: #006CD8; width: 100px; float: left; }
.guestbook-list dt time { float: right; }
.guestbook-list dt p { color: #343f48; width: 740px; float: left; }
.guestbook-list dd { background-color: #F4F4F5; display: block; padding: 20px; position: relative; z-index: 1; }
.guestbook-list dd em { font-size: 0; line-height: 0; height: 0; display: block; border-style: dashed dashed solid dashed; border-color: transparent transparent #F4F4F5 transparent; border-width: 8px; width: 0; position: absolute; z-index: 1; top: -16px; left: 80px; }
.guestbook-list dd span { color: #F68360; }
.guestbook-list dd p { color: #FF6D3B; padding: 10px; }

.mobile-slideshow { width: 100%; height:700px; position: relative; z-index: 1;}
#android.mobile-slideshow { background: #016540 url(../images/app/android_bg.jpg) no-repeat 50% 0 ; background-size:cover;}
#android .mobile-model { background: url(../images/app/android_model.png) no-repeat 0 0; width: 316px; height: 586px; position: absolute; z-index: 1; top:60px; left: 50%; margin-left: -258px;}
#android .mobile-app-thumb { width: 240px; height: 410px; position: absolute; z-index: 2; top: 150px; left: 50%; margin-left: -220px;}

#ios.mobile-slideshow { background: #26112E url(../images/app/ios_bg.jpg) no-repeat 50% 0 ; background-size:cover;}
#ios .mobile-model { background: url(../images/app/ios_model.png) no-repeat 0 0; width: 583px; height: 634px; position: absolute; z-index: 1; bottom: 0px; left: 50%; margin-left: -470px;}
#ios .mobile-app-thumb { width: 240px; height: 410px; position: absolute; z-index: 2; top: 174px; left: 50%; margin-left: -219px;}
.app-info {filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FFFFFFF', endColorstr='#7FFFFFFF');background:rgba(255,255,255,0.5); width: 300px; padding: 20px; margin: -195px 0 0 140px; border: solid 1px #FFF; border-radius: 5px; position: absolute; z-index: 1; top: 50%; left: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.10);}
.app-info h4 { font-weight: 600; font-size: 18px; line-height: 24px; color: #000; margin-bottom:20px;}
.app-info h3 { font-weight: 600; font-size: 26px; line-height: 30px; color: #000;}
.app-info p { margin: 10px 0;}
.app-info .download { background-color: #000000; vertical-align: top; display: inline-block; *display: inline; padding: 6px 12px; border-radius: 5px; *zoom:1; cursor: pointer;}
#android .app-info .download { background-color: #01A367;}
#android .app-info .download-tab { background-color: #01A367;}
.app-info .download i { font-size: 40px; line-height: 50px; color: #FFF; vertical-align: top; margin-right: 10px;}
.app-info .download dl { display: inline-block; vertical-align: top;}
.app-info .download dt { font-size: 20px; line-height: 24px; color: #FFF; margin-bottom: 4px;}
.app-info .download dd { font-size: 12px; line-height: 18px; color: #FFF;}
.app-info .qcode { background: url(../images/app/ios_code.gif) no-repeat 0 0; vertical-align: top; display: inline-block; width: 60px; height: 60px;}
#android .app-info .qcode { background: url(../images/app/android_code.gif) no-repeat 0 0;}


.technical-list {}
.technical-list ul {}
.technical-list li { display: block; padding: 20px 30px; overflow: hidden;}
.technical-list li i { background: url(../images/web/mall_tech_pic.png) no-repeat; width: 80px; height: 80px; float: left;}
.technical-list li i.pic01 { background-position: 0 0;}
.technical-list li i.pic02 { background-position: -80px 0;}
.technical-list li i.pic03 { background-position: -160px 0;}
.technical-list li i.pic04 { background-position: -240px 0;}
.technical-list li i.pic05 { background-position: -320px 0;}
.technical-list li i.pic06 { background-position: -400px 0;}
.technical-list dl {line-height: 20px; float: left; width: 820px; margin: 10px 0 0 40px;}
.technical-list dl dt { font-size: 18px;  color: #EC576B; margin-bottom: 10px;}
.technical-list dl dd { font-size: 14px; }

.runtime { padding-top: 20px; border-top: dashed 1px #E6E6E6; margin: 30px 0 50px 0; overflow: hidden;}
.runtime dl { float: left;}
.runtime dt { font-size: 14px; line-height: 20px; background-color: #FFF;}
.runtime dd { font-size: 12px; line-height: 20px; padding-left: 10px; margin-top: 5px;}
.runtime .down { float: left; padding-left: 36px;}
.runtime .down a { background-color: #6FB012; display: block; padding: 15px 20px; margin-top: 50px; border-radius: 6px; /*box-shadow: 3px 3px 0 rgba(0,0,0,0.1);*/ float:left; margin-right:20px}
.runtime .down a h3 { font-size: 24px; line-height: 20px; color: #FFF; margin-bottom: 4px;}
.runtime .down a h3 i { font-size: 24px;}
.runtime .down a h5 { font-size: 12px; line-height: 20px; color: #FFF;}

.article-list { overflow: hidden;}
.article-list dl { width: 470px; float: left; margin: 0 10px;  border: solid 1px #E7E7E7;}
.article-list dl dt { font-size: 18px; color: #000; line-height: 20px; background-color: #F7F7F7; height: 20px; padding: 10px 0 10px 20px; border-bottom: solid 1px #E7E7E7;}
.article-list dl dd { padding: 10px 10px 10px 20px;}
.article-list li { font-size: 14px; line-height: 30px; height: 30px; }
.article-list li a { color: #555; display: block; max-width: 350px; height: 30px; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.article-list li a:hover { color: #006bdc;}
.article-list li time { display: block; float: right; color: #999;}


.mobile-internet { font-size: 0; *word-spacing:-1px/*IE6、7*/; padding: 10px 0 30px 0;}
.mobile-internet li { text-align: center; vertical-align: top; *word-spacing:-1px/*IE6、7*/; display: inline-block; *display: inline/*IE7*/; width: 25%; *zoom:1/*IE7*/ }
.mobile-internet dl { width: 170px; padding: 0; margin: 0 auto;}
.mobile-internet dt { font-size: 24px; font-weight: 100; line-height: 28px; color: #000; margin: 15px 0 5px 0;}
.mobile-internet dd { font-size: 12px; line-height: 20px; color: #777;}
@-webkit-keyframes icon-animate {
	from { background-position: center top; }
	  to { background-position: center -9400px; } }

@-moz-keyframes icon-animate {
	from { background-position: center top; }
	  to { background-position: center -9400px; } }

@keyframes icon-animate {
	from { background-position: center top; }
	  to { background-position: center -9400px; } }

.icon { vertical-align: top; width: 200px; height: 200px; border-radius: 50%; display: inline-block; background-size: 200px 9600px; background-position: center top; background-repeat: no-repeat; background-color: #FAFAFA; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); cursor: pointer; }
.icon:hover { -webkit-animation: icon-animate 1.7s steps(47) infinite; -moz-animation: icon-animate 1.7s steps(47) infinite; animation: icon-animate 1.7s steps(47) infinite; }
.icon.chat { background-image: url(../images/app/chat.png); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {		    .icon.chat { background-image: url("../images/app/chat@2x.png"); } }
.icon.phone { background-image: url(../images/app/phone.png); }
	@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {    .icon.phone { background-image: url("../images/app/phone@2x.png"); } }
.icon.search { background-image: url(../images/app/search.png); background }
	@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {    .icon.search { background-image: url("../images/app/search@2x.png"); } }
.icon.map { background-image: url(../images/app/map.png); }
	@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {    .icon.map { background-image: url("../images/app/map@2x.png"); } }

/*服务内容*/
.service-content .tabs-container { width: 1100px; margin: 20px auto; overflow: hidden; position: relative; z-index: 1;}
.service-content .tabs-nav { font-size: 0; *word-spacing:-1px/*IE6、7*/;  background: none repeat scroll 0 0 rgba(250, 250, 250, 0.9); width: 100%; height: 40px; padding-top: 20px; border-bottom: 1px solid #e9eaeb; position: relative; z-index: 99;}
.service-content .tabs-nav li { vertical-align: top; *word-spacing:-1px/*IE6、7*/; display: inline-block; *display: inline/*IE7*/; *zoom:1/*IE7*/; position: absolute; z-index: 1; bottom: -1px;}
.service-content .tabs-nav li.first { left: 50%; margin-left: -500px;}
.service-content .tabs-nav li.second { left: 50%; margin-left: -350px;}
.service-content .tabs-nav li.third { left: 50%; margin-left: -220px;}
.service-content .tabs-nav li a { font-size: 14px; color: #555; text-decoration: none; line-height: 20px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); display: block; height: 20px; padding: 10px 20px;}
.service-content .tabs-nav li a.tabulous_active { background-color: #FFF !important;}
.service-table { width: 1099px; border-left: solid 1px #E7E7E7; border-top: solid 1px #E7E7E7;}
.service-table thead td { font-size: 18px; line-height: 24px; color: #000; background-color: #F5F5F5; text-align: center; padding: 16px 8px; border-bottom: solid 1px #E7E7E7; border-right: solid 1px #E7E7E7;}
.service-table tbody th,
.service-table tbody td { font-size: 14px; line-height: 20px; color: #777; background-color: #FFF; text-align: center; padding: 16px 8px; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #E7E7E7;}
.service-table tbody td.yes i { color: #59B200;}
.service-table tbody td.no i { color: #FF5C26;}
.service-table tbody td.paid i { color: #FFB973;}
.service-table tbody td.time i { color: #3B9DE6;}
.service-table tbody th.classes { background-color: #FBFBFB; padding: 16px 8px 10px 24px; }
.service-table tbody th.classes h3 { font-size: 14px; color: #333; font-weight: 600;}
.service-table tbody th { color: #333; text-align: left; padding-left: 24px;}
.service-table tbody tr.alt th,
.service-table tbody tr.alt td  { background: #FFF;}
.service-table tbody tr.over th,
.service-table tbody tr.over td { background: #FAFAFA; color: #000;}
/*服务名词解释*/
.service-explain { background-color: #FFF9E6; width: 1058px; padding: 20px; margin: 0 auto; border: dashed 1px #F5E4D2;}
.service-explain h5 { font-size: 16px; line-height: 20px; color: #6C4001; height: 20px;}
.service-explain ul { margin: 10px 0 0 0;}
.service-explain li { font-size: 12px; line-height: 24px; color: #965A01;}
.service-explain li strong { }
/*服务购买须知*/
.service-notice { margin-top: 20px;}
.service-tabs {}
.service-tabs .tabs-nav { font-size: 0; *word-spacing:-1px/*IE6、7*/; border-bottom: solid 1px #EEE;}
.service-tabs .tabs-nav li { font-size: 18px; color: #FFF; vertical-align: top; *word-spacing:-1px/*IE6、7*/; display: inline-block; *display: inline/*IE7*/; margin-bottom: -1px; *zoom:1/*IE7*/}
.service-tabs .tabs-nav li a { color: #999; line-height: 20px; text-align: center; display: block; height: 20px; padding: 0px 30px 15px 10px ;}
.service-tabs .tabs-nav li a:hover { color: #555; text-decoration: none;}
.service-tabs .tabs-nav li.active { background: url(../images/tab_arrow.gif) no-repeat 40px bottom;}
.service-tabs .tabs-nav li.active a { font-size: 20px; color: #000;}
.service-tabs .tabs-content { padding: 15px;}
.service-tabs .tabs-content h4 { font-size: 14px; color: #555; font-weight: 600;}
.service-tabs .tabs-content ol,
.service-tabs .tabs-content ul { border-bottom: dashed 1px #E7E7E7; padding: 10px 0 15px 0; margin-bottom: 15px;}

.service-tabs .tabs-content li { font-size: 12px; line-height: 24px; color: #777;}
.service-tabs .tabs-content p { font-size: 12px; line-height: 24px; color: #777; text-indent: 24px; margin-bottom: 15px;}

/* ===========
 *   解决方案
 * =========== */
/*汽车*/
#automotive section.block01 .wrap { width: 1200px; padding: 50px 0 40px 0; margin: 0 auto;}
#automotive section.block01 .title p { font-size: 18px; line-height: 150%; width: 650px; margin: 40px auto; color: #666;}
#automotive .automotive-pic01 { /*background: url(../images/solution/automotive_pic01.png) no-repeat 0 0;*/ width: 1200px; height: 450px;}
#automotive section.block02 { background: url(../images/solution/automotive_block02_bg.jpg) no-repeat 50% 50%; background-size: cover;}
#automotive section.block02 .wrap { background: url(../images/solution/automotive_pic02.png) no-repeat 0 0; width: 1200px; height: 600px; padding: 0; position: relative; z-index: 1;}
#automotive section.block02 .content { font-size: 14px; line-height: 24px; color: #FFF; width: 480px; position: absolute; z-index: 1; top: 240px; left: 70px;}
#automotive section.block03 .wrap { width: 1200px; padding: 50px 0 50px 0; margin: 0 auto;}
#automotive section.block03 .pic {/* background: url(../images/solution/automotive_pic03.gif) no-repeat 0 0; */width: 1200px; height: 480px;}
#automotive section.block03 ul { width: 1000px; margin: 0 auto;}
#automotive section.block03 li { font-size: 16px; line-height: 24px; background-color: #F5F5F5; padding: 12px 0 12px 100px; margin-bottom: 12px; border-radius: 28px; position: relative; z-index: 1; overflow: hidden;}
#automotive section.block03 li i { font-family: Arial; font-style: italic; font-size: 72px; color: #FFF; line-height: 80px; font-weight: 600; position: absolute; z-index: 1; top: -15px; left: 30px;}
#automotive section.block04 { background-color: #F5F5F5;}
#automotive section.block04 .wrap { width: 1200px; padding: 50px 0 50px 0; margin: 0 auto;}
#automotive section.block04 .step {/* background: url(../images/solution/automotive_pic04_step.png) no-repeat 0 0;*/ width: 1200px; height: 200px; margin-bottom: 20px;}
#automotive section.block04 ul { font-size: 0; *word-spacing:-1px/*IE6、7*/;}
#automotive section.block04 li { font-size: 14px; line-height: 24px; background-color: #FFF; vertical-align: top; *word-spacing:-1px/*IE6、7*/; text-align: center; display: inline-block; *display: inline/*IE7*/; width: 156px; height: 120px; margin: 0 5px 10px 5px; border-radius: 8px; *zoom:1/*IE7*/; animation: 0.4s ease 0s normal none 1 running orangeOut;}
#automotive section.block04 li:hover { animation: 0.2s ease 0s normal none 1 running orangeIn; color: #FFF; background-color: #333; opacity: 1; }
@keyframes orangeIn { 
	0% { opacity: .8; transform: scale(0.8);}
	100% { opacity: 1; transform: scale(1);}
}
@keyframes orangeOut { 
	0% { opacity: 1; transform: scale(1);}
	100% { opacity: .8; transform: scale(0.8);}
}
#automotive section.block04 li span { background: url(../images/solution/automotive_pic04_icon.png) no-repeat; display: block; width: 80px; height: 80px; margin: 0 auto;}
#automotive section.block04 .pic01 { background-position: 0 0;}
#automotive section.block04 .pic02 { background-position: -80px 0;}
#automotive section.block04 .pic03 { background-position: -160px 0;}
#automotive section.block04 .pic04 { background-position: -240px 0;}
#automotive section.block04 .pic05 { background-position: -320px 0;}
#automotive section.block04 .pic06 { background-position: -400px 0;}
#automotive section.block04 .pic07 { background-position: -480px 0;}
#automotive section.block04 .pic08 { background-position: 0 -80px;}
#automotive section.block04 .pic09 { background-position: -80px -80px;}
#automotive section.block04 .pic10 { background-position: -160px -80px;}
#automotive section.block04 .pic11 { background-position: -240px -80px;}
#automotive section.block04 .pic12 { background-position: -320px -80px;}
#automotive section.block04 .pic13 { background-position: -400px -80px;}
#automotive section.block04 .pic14 { background-position: -480px -80px;}
#automotive section.block04 .pic15 { background-position: 0 -160px;}
#automotive section.block04 .pic16 { background-position: -80px -160px;}
#automotive section.block04 .pic17 { background-position: -160px -160px;}
#automotive section.block04 .pic18 { background-position: -240px -160px;}
#automotive section.block04 .pic19 { background-position: -320px -160px;}
#automotive section.block04 .pic20 { background-position: -400px -160px;}
#automotive section.block04 .pic21 { background-position: -480px -160px;}
#automotive section.block04 .pic22 { background-position: 0 -240px;}
#automotive section.block04 .pic23 { background-position: -80px -240px;}
#automotive section.block04 .pic24 { background-position: -160px -240px;}
#automotive section.block04 .pic25 { background-position: -240px -240px;}
#automotive section.block04 .pic26 { background-position: -320px -240px;}
#automotive section.block04 .pic27 { background-position: -400px -240px;}
#automotive section.block04 .pic28 { background-position: -480px -240px;}

#automotive section.block05 { background: url(../images/solution/automotive_block05_bg.jpg) no-repeat 50% 50%; background-size: cover;}
#automotive section.block05 .wrap { background: url(../images/solution/automotive_pic05.png) no-repeat 0 50px; width: 1200px; height: 600px; padding: 40px 0 10px 0; }

/*综合百货*/
#department section.block01 { background: #FFF url(../images/solution/department_banner_bg.png) no-repeat 50% -360px;}
#department section.block01 .wrap { width: 1200px; height: 500px; padding: 0; margin: 0 auto; position: relative; z-index: 1;}
#department section.block01 .wrap .content { /*background: url(../images/solution/department_block01_con.gif) no-repeat 0 0;*/ width: 1200px; height: 350px; position: absolute; z-index: 1; top: 100px; left: 0;}
#department section .title h5 { font-size: 13px; line-height: 18px; font-weight: lighter; color: #343f48; text-align: center; width: 380px; margin: 0 auto; }
#department section.block02 { background: url(../images/solution/department_block03_bg.jpg) no-repeat 50% 50%; background-size: cover;}
#department section.block02 .wrap { padding: 50px 0 30px 0;}
#department section.block02 .content {/* background: url(../images/solution/department_block03_pic.png) no-repeat 0 0;*/ width: 1100px; height: 510px;}
#department section.block03 .wrap { width: 1200px; padding: 50px 0 10px 0; margin: 0 auto;}
#department section.block03 .content { /*background: url(../images/solution/department_block04_pic.gif) no-repeat 0 0;*/ width: 1200px; height: 520px;}
#department section.block04 .wrap { width: 1100px; padding: 50px 0 40px 0; margin: 0 auto;}
#department section.block04 .content {/* background: url(../images/solution/department_block05_pic.gif) no-repeat 0 0; */width: 1100px; height: 600px;}
#department section.block05 .wrap { width: 1200px; margin: 0 auto; padding: 50px 0 0 0;}
#department section.block05 .content { /*background: url(../images/solution/department_block02_con.png) no-repeat 0 0;*/ width: 1200px; height: 850px; margin: 20px 0 50px 0}

/*跨境电商*/
#crossborder section.block01 .wrap { width: 1200px; padding: 50px 0 20px 0; margin: 0 auto;}
#crossborder section.block01 .wrap .content { /*background: url(../images/solution/cross_block01_con.gif) no-repeat 0 0;*/ width: 1200px; height: 600px;}
#crossborder section .title h5 { font-size: 14px; line-height: 20px; font-weight: lighter; color: #343f48; text-align: center; width: 960px; margin: 0 auto; }
#crossborder section.block02 .wrap { width: 1200px; text-align: center; padding: 40px 0; margin: 0 auto;}
#crossborder section.block02 .title { padding: 0;}
#crossborder section.block02 .title p { font-size: 16px; line-height: 150%; width: 900px; margin: 40px auto; text-align: left;}
#crossborder section.block02 .pic { /*background: url(../images/solution/cross_block02_pic.png) no-repeat 0 0; */width: 1050px; height: 631px; margin-left: 50px;}
#crossborder section.block02 .table { width: 1100px; margin: 0 auto; border-top: solid 4px #FFF; border-left: solid 4px #FFF; margin-top: 40px; box-shadow: 4px 4px 0 rgba(0,0,0,0.1);}
#crossborder section.block02 .table th { font-size: 16px; font-weight: 600; line-height: 24px; color: #FFF; background-color: #00B487; text-align: center; padding: 8px 10px; border-right: solid 4px #FFF; border-bottom: solid 4px #FFF; }
#crossborder section.block02 .table td { font-size: 14px; line-height: 20px; color: #555; background-color: #F5F5F5; text-align: left; padding: 10px 20px; border-right: solid 4px #FFF; border-bottom: solid 4px #FFF;}
#crossborder section.block03 .wrap { width: 1200px; padding: 50px 0 50px 0; margin: 0 auto;}
#crossborder section.block03 .wrap .content {font-size: 0; *word-spacing:-1px/*IE6、7*/;}
#crossborder section.block03 .pic { /*background: url(../images/solution/cross_block03_pic.gif) no-repeat 0 0;*/ width: 1200px; height: 400px;}
#crossborder section.block03 .wrap .content {font-size: 0; *word-spacing:-1px/*IE6、7*/;}
#crossborder section.block03 dl { background-color: #FAFAFA; vertical-align: top; text-align: center; *word-spacing:-1px/*IE6、7*/; display: inline-block; *display: inline/*IE7*/;  *zoom:1/*IE7*/; width: 400px; padding: 15px 30px; margin-top: 40px; margin-left: 100px; border-radius: 10px;}
#crossborder section.block03 dl dt { font-size: 24px; font-weight: lighter; line-height: 30px; margin-bottom: 10px;}
#crossborder section.block03 dl dd { font-size: 14px; line-height: 20px; color: #777; text-align: left; margin-bottom: 8px;}
#crossborder section.block03 dl dd p { font-size: 14px; line-height: 20px; margin-top: 10px;}
#crossborder section.block04 .pic{ width:100%; height:565px;background:#4b5959 url(../images/solution/cross_block04.jpg) no-repeat center top;}
#crossborder section.block04 .pic .title { font-size: 30px;padding-bottom: 30px;padding-top:50px; color:#FFF; text-align:center; }
#crossborder section.block05{ width:100%; background-color:#f2f2f2;}
#crossborder section.block05 .wrap { margin: 0 auto; padding:0px; }
#crossborder section.block05 .wrap .content img{ vertical-align:middle;}

/*母婴行业*/
#maternal section.block01 .wrap { width: 1200px; padding: 50px 0 20px 0; margin: 0 auto;}
#maternal section.block01 .wrap .f-title{display:block; font-size: 18px; line-height: 30px; font-weight: lighter; color: #6a6a6a; text-align: center; margin-bottom: 8px;}
#maternal section.block01 .wrap .content { background: url(../images/solution/maternal01.jpg) no-repeat 0 0; width: 1200px; height:763px;}
#maternal section.block02 .wrap { width: 1200px; text-align: center; padding: 40px 0; margin: 0 auto;}
#maternal section.block02 .title { padding: 0;}
#maternal section.block02 .title p { font-size: 16px; line-height: 160%; width: 900px; margin: 40px auto;}
#maternal section.block02 .wrap .content{ background: url(../images/solution/maternal02.gif) no-repeat 0 0; width: 1200px; height: 750px;}
#maternal section.block03 .wrap .content{ background: url(../images/solution/maternal03.jpg) no-repeat 0 0; width: 1200px; height: 616px;}
#maternal section.block03 .wrap { width: 1200px; text-align: center; padding: 40px 0; margin: 0 auto;}
#maternal section.block05 .wrap .content{/* background: url(../images/solution/maternal04.jpg) no-repeat 0 0;*/ width: 1200px; height: 369px;}
#maternal section.block05 .wrap { width: 1200px; text-align: center; padding:0; margin: 0 auto;}
#maternal section.block04 .pic{ width:100%; height:329px;background:url(../images/solution/maternal05.jpg) no-repeat center top;}
#maternal section.block04 h2 { font-size: 30px;padding-bottom: 30px;padding-top:50px; color:#fff; text-align:center; }
#maternal section.block04 .pic p {  color: #fff;font-size: 18px;line-height: 40px;margin: 30px auto;width: 900px; }

/*社区o2o*/
#sq_o2o section.block01 .wrap { width: 1200px; padding: 50px 0 20px 0; margin: 0 auto;}
#sq_o2o section.block01 .wrap .content {/* background: url(../images/solution/o2o1.gif) no-repeat 0 0;*/ width: 1200px; height: 710px;}
#sq_o2o section.block02 .wrap { width: 1200px; text-align: center; padding: 40px 0; margin: 0 auto;}
#sq_o2o section.block02 .title { padding: 0;}
#sq_o2o section.block02 .wrap .content{ /*background: url(../images/solution/o2o2.gif) no-repeat 0 0;*/ width: 1200px; height: 500px;}
#sq_o2o section.block03 .wrap { width: 1200px; padding: 50px 0 50px 0; margin: 0 auto;}
#sq_o2o section.block03 .title { padding: 0; color: #fff;}
#sq_o2o section.block03 .title p { font-size: 18px; line-height: 150%; width: 650px; margin: 40px auto; color: #FFF;}
#sq_o2o section.block03 .wrap .content{ /*background: url(../images/solution/o2o3.png) no-repeat 0 0;*/ width: 1200px; height: 730px;}
#sq_o2o section.block03 .pic { background: url(../images/solution/o2o-second-img.png) no-repeat 50% 0; width: 100%; height: 127px;position:absolute; bottom:0px; z-index: -5;}
#sq_o2o section.block04 .wrap01 { width: 100%; margin: 0 auto;}
#sq_o2o section.block04 .wrap01 .content{ /*background: url(../images/solution/o2o5.jpg) no-repeat center top; */width: 100%; height: 436px;}
#sq_o2o section.block05 .wrap { width: 1200px; padding: 50px 0 20px 0; margin: 0 auto;}
#sq_o2o section.block05 .title { padding: 0; color: #fff;}
#sq_o2o section.block05 .title p { font-size: 18px; line-height: 150%; width: 650px; margin: 40px auto; color: #666;}
#sq_o2o .s5_1{padding-top: 30px;}
#sq_o2o .s5box{width: 239px;height: 260px;float: left;color: #7e7e7e;text-align: center;border-left: 1px dotted #d2d2d2;border-top: 1px dotted #d2d2d2;}
#sq_o2o .s5_1 .s5box{border-top:none;}
#sq_o2o .s5boximg {padding: 25px 70px 10px 70px;width: 98px;height: 98px;}
#sq_o2o .s5box{transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;}
#sq_o2o .s5box:hover{background: #fff;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;}
#sq_o2o .s5box img {width: 100%;height: 100%;}
#sq_o2o .s5box h1{font-size: 16px;line-height: 35px;font-style: normal;font-weight: 600;}
#sq_o2o .s5box h2{font-size: 13px;line-height: 20px;font-style: normal;font-weight: 500;text-align: left;padding: 0 20px;}
#sq_o2o .gx{background-image: url(../images/solution/gx.png);background-position: center;width: 100%;height: 100%;}
/*电视购物*/
#dsgw_tv section.block01 .wrap { width: 1200px; padding: 50px 0 20px 0; margin: 0 auto;}
#dsgw_tv section.block01 .title { padding: 0; color: #fff;}
#dsgw_tv section.block01 .title p { font-size: 18px; line-height: 150%; width: 950px; margin: 40px auto; color: #666;}
#dsgw_tv section.block01 .wrap .content {/* background: url(../images/solution/dsgw1.gif) no-repeat 0 0;*/ width: 1200px; height: 1130px;}
#dsgw_tv section.block02 .wrap { width: 1200px; padding: 50px 0 20px 0; margin: 0 auto;}
#dsgw_tv section.block02 .title { padding: 0; color: #fff;}
#dsgw_tv section.block02 .title p { font-size: 18px; line-height: 150%; width: 570px; margin: 40px auto; color: #666;}
#dsgw_tv section.block02 .wrap .content { /*background: url(../images/solution/dsgw2.gif) no-repeat 0 0;*/ width: 1200px; height: 550px;}
#dsgw_tv section.block03 .pic{ /*background: url(../images/solution/dsgw3.jpg) no-repeat center top;*/ width: 100%; height: 436px; background-position: center top;}
/*医药电商*/
#yyds_yiyao section.block01 .wrap { width: 1200px; padding: 50px 0 20px 0; margin: 0 auto;}
#yyds_yiyao section.block01 .wrap .content {/* background: url(../images/solution/yiyao1.gif) no-repeat 0 0;*/ width: 1200px; height: 530px;}
#yyds_yiyao section.block02 .wrap { width: 1200px; padding: 50px 0 20px 0; margin: 0 auto;}
#yyds_yiyao section.block02 .title { padding: 0;}
#yyds_yiyao section.block02 .title h2{color: #fff;}
#yyds_yiyao section.block02 .wrap .content {/* background: url(../images/solution/yiyao2.gif) no-repeat 0 0; */width: 1200px; height: 370px;}
#yyds_yiyao section.block03 .wrap { width: 1200px; padding: 50px 0 20px 0; margin: 0 auto;}
#yyds_yiyao section.block03 .title { padding: 0; color: #fff;}
#yyds_yiyao section.block03 .title p { font-size: 14px; line-height: 150%; width: 950px; margin:20px auto 40px; color: #666;}
#yyds_yiyao section.block01 .title p { font-size: 14px; line-height: 150%; width: 950px; margin: 20px auto 40px; color: #666;}

#yyds_yiyao section.block03 .wrap .content {/* background: url(../images/solution/yiyao3.gif) no-repeat 0 0; */width: 1200px; height: 460px;}
#yyds_yiyao section.block04 .wrap { width: 1200px; padding: 50px 0 20px 0; margin: 0 auto;}
#yyds_yiyao section.block04 .title { padding: 0;}
#yyds_yiyao section.block04 .wrap .content { /*background: url(../images/solution/yiyao4.gif) no-repeat 0 0;*/ width: 1200px; height: 430px;}
#yyds_yiyao section.block05 .wrap { width: 1200px; padding: 50px 0 20px 0; margin: 0 auto;}
#yyds_yiyao section.block05 .title { padding: 0; color: #fff;}
#yyds_yiyao section.block05 .title p { font-size: 18px; line-height: 150%; width: 950px; margin: 40px auto; color: #666;}
#yyds_yiyao section.block05 .wrap .content {/* background: url(../images/solution/yiyao5.gif) no-repeat 0 0; */width: 1200px; height: 850px;}
/*工业品*/
#gyp_gyp section.block02 .wrap { width: 1200px; padding: 50px 0 20px 0; margin: 0 auto;}
#gyp_gyp section.block02 .title { padding: 0; color: #fff;}
#gyp_gyp section.block02 .title p { font-size: 18px; line-height: 150%; width: 950px; margin: 40px auto; color: #666;}
#gyp_gyp section.block02 .wrap .content {/* background: url(../images/solution/gyp2.jpg) no-repeat 0 0;*/ width: 1200px; height: 585px;}
#gyp_gyp section.block03 .wrap { width: 1200px; padding: 50px 0 20px 0; margin: 0 auto;}
#gyp_gyp section.block03 .title { padding: 0; color: #fff;}
#gyp_gyp section.block03 .wrap .content { /*background: url(../images/solution/gyp3.jpg) no-repeat 0 0;*/ width: 1200px; height: 1150px;}
#gyp_gyp section.block04 .wrap { width: 1200px; padding: 50px 0 20px 0; margin: 0 auto;}
#gyp_gyp section.block04 .title { padding: 0; color: #fff;}
#gyp_gyp section.block04 .title p { font-size: 18px; line-height: 150%; width: 550px; margin: 40px auto; color: #666;}
#gyp_gyp .s5_1{padding-top: 30px;}
#gyp_gyp .s5box{width: 239px;height: 260px;float: left;color: #7e7e7e;text-align: center;border-left: 1px dotted #d2d2d2;border-top: 1px dotted #d2d2d2;}
#gyp_gyp .s5_1 .s5box{border-top:none;}
#gyp_gyp .s5boximg {padding: 16px 70px 10px 70px;width: 98px;height: 98px;}
#gyp_gyp .s5box{transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;}
#gyp_gyp .s5box:hover{background: #fff;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;}
#gyp_gyp .s5box img {width: 100%;height: 100%;}
#gyp_gyp .s5box h1{font-size: 16px;line-height: 35px;font-style: normal;font-weight: 600;}
#gyp_gyp .s5box h2{font-size: 13px;line-height: 20px;font-style: normal;font-weight: 500;text-align: left;padding: 0 20px;}
#gyp_gyp .gx{background-image: url(../images/solution/gx.png);background-position: center;width: 100%;height: 100%;}

/* ===========
 *   关于对应
 * =========== */
#aboutus { background-color: #FBFBFB;}
#aboutus .classify-nav { height: 0;}
#aboutus .page-nav { margin-left: -540px; top: 60px;}
#aboutus .page-nav li { width: 50px; height: 50px; margin-bottom: 10px;}
#aboutus .page-nav li a { background: url(../images/about/aboutus_nav.png) no-repeat; display: block; width: 50px; height: 50px; padding: 0;}
#aboutus .page-nav li a.company { background-position: 0 0;}
#aboutus .page-nav li a.case { background-position: -50px 0;}
#aboutus .page-nav li a.job { background-position: -100px 0;}
#aboutus .page-nav li a.contact { background-position: -150px 0;}
#aboutus .page-nav li a.law { background-position: -200px 0;}
#aboutus .page-nav li.current a.company { background-position: 0 -50px;}
#aboutus .page-nav li.current a.case { background-position: -50px -50px;}
#aboutus .page-nav li.current a.job { background-position: -100px -50px;}
#aboutus .page-nav li.current a.contact { background-position: -150px -50px;}
#aboutus .page-nav li.current a.law { background-position: -200px -50px;}

#aboutus section { background-color: transparent !important; vertical-align: top; min-height: auto; width: 1200px; padding: 0; margin: 0 auto; border: none 0; position: relative; z-index:1; overflow: hidden; }
#aboutus section .page-location { background-color: #AAA; width: 9px; height: 9px; border-radius: 100%; position: absolute; z-index: 1; top: 70px; left: 146px;}
#aboutus .container { border-left: dashed 1px #E7E7E7; padding: 20px 10px 0 50px; margin: 0 0 0 150px;}
#aboutus .title { padding: 40px 0 0; margin: 0;}
#aboutus .title h3 { font-size: 32px; line-height: 32px; color: #35495C; height: 32px; margin-bottom: 4px;}
#aboutus .title h4 { font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size: 16px; line-height: 20px; color: #AAA; text-align: left; height: 20px;}
#aboutus .content { padding: 20px 0 30px 0; border-bottom: solid 1px #E7E7E7;}
#aboutus .content p { font-size: 14px; line-height: 180%; text-indent: 28px; margin-bottom: 20px;}
#aboutus .case-wall { font-size: 0; *word-spacing:-1px/*IE6、7*/;}
#aboutus .case-wall li { background-color: #FFF; vertical-align: top; text-align: center; *word-spacing:-1px/*IE6、7*/; display: inline-block; *display: inline/*IE7*/; width: 24%; margin-right: 1%; margin-bottom: 1%; *zoom:1/*IE7*/; position: relative; z-index: 1;}
#aboutus .job-tabs {}
#aboutus .job-tabs .tabs-content { padding: 0;}
#aboutus .job-tabs .tabs-content dl { padding: 0 15px;}
#aboutus .job-tabs .tabs-content dt { display: block; height: 20px; margin-top: 10px; font-size: 14px; line-height: 20px; color: #000;}
#aboutus .job-tabs .tabs-content dd { line-height: 24px; padding: 0 0 0 10px; color: #777;}
#aboutus .hr-note { font-size: 12px !important; color: #965A01 !important; background-color: #FFF9E6; text-indent: 0 !important; padding: 20px; margin: 15px auto 0 auto; border: dashed 1px #F5E4D2;}
#aboutus .contact-info { background-color: #F5F5F5; display: block; padding: 20px 0 15px 20px;}
#aboutus .contact-info h3 { font-size: 24px; font-weight: 600; line-height: 38px; display: block; margin-bottom: 4px;}
#aboutus .contact-info span { font-size: 18px; line-height: 24px;}
#aboutus .contact-info span a { color: #3F63A5; margin-left: 24px;}
#aboutus .contact-info span i { font-size: 18px; vertical-align: middle;}
#aboutus .contact-detail { font-size: 0; *word-spacing:-1px/*IE6、7*/; overflow: hidden;}
#aboutus .contact-detail dl { vertical-align: top; *word-spacing:-1px/*IE6、7*/; display: inline-block; *display: inline/*IE7*/; width: 207px; min-height: 100px; padding: 30px 20px 0 20px; margin-top: -1px; margin-left: -1px;border-top: dashed 1px #E7E7E7; border-left: dashed 1px #E7E7E7; *zoom:1/*IE7*/;}
#aboutus .contact-detail dt { font-size: 14px; color: #999; line-height: 20px; margin-bottom: 10px;}
#aboutus .contact-detail dd { font-size: 20px; color: #555;}
#aboutus .contact-detail dd i { font-size: 18px; color: #999;}
#aboutus .contact-detail dd a { color: #3F63A5;}
#aboutus .law dl { font-size: 14px; line-height: 180%; margin-bottom: 20px;}
#aboutus .law dt { font-size: 14px; color: #000; font-weight: 600;}
#aboutus .law dd { font-size: 12px; color: #777;}


#aboutus .tabs-nav { font-size: 0; *word-spacing:-1px/*IE6、7*/; border-bottom: solid 1px #EEE;}
#aboutus .tabs-nav li { font-size: 15px; color: #FFF; vertical-align: top; *word-spacing:-1px/*IE6、7*/; display: inline-block; *display: inline/*IE7*/; margin-bottom: -1px; *zoom:1/*IE7*/}
#aboutus .tabs-nav li a { color: #999; line-height: 20px; text-align: center; display: block; height: 20px; padding: 0px 20px 15px 13px ;}
#aboutus .tabs-nav li a:hover { color: #555; text-decoration: none;}
#aboutus .tabs-nav li.active { background: url(../images/tab_arrow.gif) no-repeat 40px bottom;}
#aboutus .tabs-nav li.active a { font-size: 15px; color: #000;}
#aboutus .tabs-container { position: relative; z-index: 1;}


/* ===================
 * 电商学院-文章部分对应
 * =================== */
.college-container { width: 1200px; margin: 0 auto; }
.college-container .left-layout { width: 72%; float: left; margin: 0 3% 0 0; }
.college-container .article-bignews { font-size: 0; *word-spacing:-1px/*IE6、7*/;
white-space: nowrap; display: block; padding: 20px 10px; border-bottom: solid 2px #EEE; overflow: hidden; }
.college-container .article-bignews .first { display: block; margin-bottom: 10px; overflow: hidden; }
.college-container .article-bignews .first dt { font-size: 20px; font-weight: 600; line-height: 24px; height: 24px; padding: 0 0 10px 0; }
.college-container .article-bignews .first dt a { color: #353f49; }
.college-container .article-bignews .first dd.intro { font-size: 14px; line-height: 20px; white-space: normal; padding: 0 0 10px 0; }
.college-container .article-bignews .first dd.intro a { color: #91969D }
.college-container .article-bignews .second {
*word-spacing:-1px/*IE6、7*/; vertical-align: top; display: inline-block; *display: inline;
width: 415px; margin-right: 20px; *zoom: 1;
position: relative; z-index: 1; }
.college-container .article-bignews .second dl {
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#BF000000', endColorstr='#BF000000'); background: rgba(0,0,0,0.75); position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; }
.college-container .article-bignews .second dt { font-size: 14px; color: #FFF; line-height: 20px; display: block; padding: 5px 10px; }
.college-container .article-bignews .second dt a { color: #FFF; }
.college-container .article-list { display: block; }
.college-container .article-digest { font-size: 0; *word-spacing:-1px/*IE6、7*/; display: block; padding: 20px 10px; border-bottom: solid 2px #EEE; }
.college-container .article-cover { vertical-align: top; *word-spacing:-1px/*IE6、7*/; display: inline-block; *display: inline/*IE7*/; width: 250px; margin-right: 20px; *zoom:1/*IE7*/;}
.college-container .article-digest dl { vertical-align: top; *word-spacing:-1px/*IE6、7*/; display: inline-block; *display: inline/*IE7*/; width: 540px; float: none; border: none 0; *zoom:1/*IE7*/; position: relative; z-index: 1; }
.college-container .article-digest dl dt.title { font-size: 18px; font-weight: 600; line-height: 20px; background-color: transparent; height: auto; padding: 0; margin: 45px 0 15px 0; border: none 0;}
.college-container .article-digest dl dt.title a { color: #333; }
.college-container .article-digest dl dt.title a:hover { color: #0765d1;} 
.college-container .article-digest dl dd.note { font-size: 12px; line-height: 20px; color: #FFF; background-color: #C8CCCF; padding: 4px 10px; border-bottom: solid 2px #91969D; position: absolute; z-index: 1; top: 0; left: 0; }
.college-container .article-digest dl dd.note a { color: #FFF; }
.college-container .article-digest dl dd.intro { font-size: 14px; line-height: 20px; padding: 0;}
.college-container .article-digest dl a dd.intro { color: #999; }
.college-container .right-side { width: 25%; float: right; margin: 0; }
.article-detail { padding: 20px; }
.article-detail h1 { font-size: 24px; font-weight: normal; line-height: 30px; color: #000; margin-bottom: 10px; }
.article-detail .relevant { font-size: 0; *word-spacing:-1px/*IE6、7*/; background-color: #C8CCCF; display: inline-block; padding: 4px 10px; border-bottom: solid 2px #91969D; }
.article-detail .relevant span { font-size: 12px; line-height: 20px; color: #FFF; vertical-align: top; *word-spacing:-1px/*IE6、7*/;
display: inline-block; *display: inline/*IE7*/; margin-right: 6px; *zoom:1/*IE7*/ }
.article-detail .handle { line-height: 20px; color: #999; margin: 10px 0; }
.article-detail .handle a { color: #555; text-decoration: underline; }
.article-detail .handle span,
.article-detail .handle span div { display: inline-block; *display: inline;
vertical-align: middle; }
.article-detail .desc,
.article-detail .content { font-size: 16px; line-height: 200%; }
.article-detail .content { padding-bottom: 20px; border-bottom: dashed 1px #EEE; }
.article-detail .desc { margin: 20px 0; }
.article-detail .content p { margin: 20px 0 0 0; }
.article-detail .content img { max-width: 800px;}
.toolbar_item { display: none;}
.college-container .prev_next { font-size: 14px; display: block; overflow: hidden; }
.college-container .prev_next a { color: #555; }
.college-container .prev_next .left { text-align: left; float: left; width: 50%; }
.college-container .prev_next .right { text-align: right; float: right; width: 50%; }
.college-container .right-side .title { font-size: 20px; line-height: 30px; font-weight: lighter; height: 30px; margin-bottom: 8px;}
.college-container .right-side a .title { color: #333;}
.college-container .right-side ul { }
.college-container .right-side li { font-size: 14px; font-weight: 600; line-height: 20px; background: url(../images/college_artlist_img.gif) no-repeat 0 5px; display: block; padding: 0 0 0 16px; margin-bottom: 5px; }
.college-container .right-side li a { color: #4B5D71;}
.college-container .sohucs { margin-top: 20px; }

/* ===================
 * Saas专题页
 * =================== */
 .clear{ clear:both;}
.left{ float:left !important}
.right{ float:right !important}

.block{ display:block;}
.mid{ width:1200px; display:block; margin:0 auto; padding:0; max-width:1200px}
.gray{border: 1px solid #999 !important;background-color: #999 !important;}

#top_banner{width:100%;}
.banner1{height:480px;background:url(../images/saas/top_banner.jpg) center no-repeat;}
.banner2{height:540px;background:url(../images/saas/top_banner2.jpg) center no-repeat;}
@media screen and (min-height:900px){.banner1{height:620px;background:url(../images/saas/top_banner.jpg) center no-repeat;}.banner2{height:620px;background:url(../images/saas/top_banner2.jpg) center no-repeat;}}
#top_banner h1{ font-size:40px ; color:#fff; text-align:left; font-weight:lighter;padding-top:120px}
#top_banner h2{ font-size:24px; color:#fff; font-weight:lighter; padding:10px 0px 30px}
#top_banner .more{ width:178px; height:36px; border:#fff solid 1px;border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-border-radius:20px; font-size:15px; text-align:center; line-height:36px; color:#fff;}

#top_banner .more:hover{ background-color:#fff;border:#fff solid 1px; color:#808080}
.info{width:100%;height:180px; padding-top:40px;background:#fafafa;}
.info .infomation{ width:320px; height:136px; float:left; padding-left:58px; border-left:#d9d9d9 solid 1px; margin-left:58px}
.info .infomation:first-child{ padding-left:0; border-left:none; margin-left:0}
.info .infomation h1 i{ display:block; float:left; height:24px; background:url(../images/saas/icon-1.png) no-repeat;  margin-top:4px}
.info .infomation h1 span{ font-size:23px; color:#1d95d4; display:block; float:left; margin-left:10px}
.info .infomation p{ color:#666; font-size:12px; line-height:22px; text-align:justify; padding-top:10px;}
#div1{width:100%; padding-top:60px;background:#fff;}
#div1 .title{ font-size:32px; color:#1d95d4; font-weight:normal; text-align:center;}
#div1 .product{ margin-top:38px}
#div1 .product li{ width:318px; min-height:378px; background-color:#fafafa; border:#fafafa solid 1px; float:left; margin-left:20px}
#div1 .product li:first-child{ margin-left:0}
#div1 .product li:hover{background-color:#fff; border:#1d95d4 solid 1px;}
#div1 .product .pro_title{ width:188px; margin:20px auto 14px}
#div1 .product .pro_title i{ background:url(../images/saas/products.png) center no-repeat; width:51px; height:37px; display:block; float:left}
#div1 .product .pro_title h1{ font-size:24px; color:#1d95d4; float:left; margin-left:14px; line-height:48px}
#div1 .product p{ text-indent:64px;font-size:12px; color:#808080;}
#div1 .product h2{ color:#f5a40d; font-size:30px; font-family:Helvetica; font-weight:bold; text-align:center; margin:28px auto; width:180px; border-top:#d9d9d9 solid 1px; padding-top:26px}
#div1 .product h2 span{ font-size:16px; color:#808080; font-weight:normal; padding-left:4px}
#div1 .product .more{ width:178px; height:34px; background-color:#f5a40d; border:#f5a40d solid 1px; color:#fff;border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-border-radius:20px; margin:0 auto; text-align:center; font-size:18px; line-height:31px}
#div1 .product .more:hover{ background:none; color:#f5a40d}
#div1 .product .data{font-size:16px; width:180px; margin:19px auto 0px}
#div1 .product .data dt{ margin:10px 0px 8px 12px; color:#000;width:84px}
#div1 .product .data dt:nth-child(odd){ margin-left:0}
#div1 .product .data dt span{ font-weight:bold; color:#f5a40d;}

#div2{width:100%;height:400px;background:url(../images/saas/saas_03.jpg) center no-repeat; background-color:#f5f5f5;}
#div2 h1{ font-size:24px; color:#1d95d4; padding:50px 0px 40px}
#div2 .help span{ background:url(../images/saas/help.jpg) center no-repeat; width:52px; height:241px; margin-right:20px}
#div2 .help p{ width:560px; text-align:justify; color:#4c4c4c; font-size:12px; display:block; padding:10px 0px 38px; height:54px}
#div2 .help p:first-child{ padding-bottom:20px}

.nc-login-form{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);width:260px;padding:20px 30px;}
.nc-login-form dl{ margin:0px 0px 16px;}
.nc-login-form dl dt{ color:#fff; line-height: 24px; font-size:13px; font-weight:normal}
.nc-login-form .forget{ color:#fff; font-size:14px; line-height:36px;}
.nc-login-form dl dd input{width:260px; height:36px;border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; border:none; text-indent:6px; font-size:14px; color:#000;opacity:0.9;-webkit-opacity:0.9; -moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);}
.nc-login-form .submit-div input{ width:258px; height:36px;border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-border-radius:20px; border:#fff solid 1px; margin:10px 0px;background:none; color:#fff;cursor:pointer;font-size:14px;}
.nc-login-form .submit-div input:hover{ background-color:#fff; color:#666; }
.nc-login-form .zhuce{color:#fff; font-size:14px; text-align:center; display:block; margin:10px 0px 2px}

#sms_text{ color:#fff; font-size:13px; text-align:justify}
.nc-login-form .clause-div dd,.nc-login-form .clause-div dd a{ color:#fff; font-size:14px;}
.nc-login-form .clause-div dd a:hover{ text-decoration:underline}
.nc-login-form .submit-div .submit2,.nc-login-form .submit-div .reset{ width:118px}
.nc-login-form .submit-div .reset{ float:right}
.nc-login-form .submit-div .reset:hover{ background-color:#666; color:#fff; border:#666 solid 1px}
label.error{ position:absolute; color:#fff; font-size:12px; position:absolute; top:0px;left:440px; width:auto;border-radius: 2px; background:#F78A8C;padding:10px; display:block;}

.step{ width:600px; margin:0 auto}
.step span{font-weight:bold; font-size:16px; text-align:center; display:block; width:240px; margin:0px 30px; float:left; padding:20px 0px 16px;}
.step span a{ color:#fff}
.step .check{ border-bottom:#fff solid 2px; color:#fff;background:url(../images/saas/check.png) bottom no-repeat;}

.nc-register-form{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);width:900px;padding:20px; min-height:200px; margin:0 auto}
.nc-register-form dl{ margin:0px 0px 18px; height:36px;position: relative;}
.nc-register-form dl dt{ color:#fff; font-size:13px; font-weight:normal;float: left;width: 60px;line-height: 36px;}
.nc-register-form dl dd{ float:left;  }
.nc-register-form .forget{ color:#fff; font-size:12px; line-height:36px;}
.nc-register-form dl dd input{width:370px; height:36px;border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; border:none; text-indent:6px; font-size:14px; color:#000;opacity:0.9;-webkit-opacity:0.9; -moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);}

.nc-register-form dl dd select{width:280px; height:36px;border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; border:none; text-indent:6px; font-size:14px; color:#000;opacity:0.9;-webkit-opacity:0.9; -moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);}


.nc-register-form dl dd input.text02{width:280px; height:36px;border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; border:none; text-indent:6px; font-size:14px; color:#000;opacity:0.9;-webkit-opacity:0.9; -moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);}


.nc-register-form .mobile-phone{ border:#fff solid 1px;border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-border-radius:20px; height:34px; min-width:140px; text-align:center; font-size:14px; color:#fff; line-height:34px; padding:0px 24px}
.nc-register-form .mobile-phone:hover{ background-color:#fff; color:#333}
.nc-register-form .next-step{border:#fff solid 1px;border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-border-radius:20px; height:34px; width:440px; text-align:center; font-size:14px; color:#fff; line-height:32px; margin:20px auto; cursor:pointer;}
.nc-register-form .next-step:hover{ background-color:#fff; color:#333}
.nc-register-form .clause-div dd,.nc-register-form .clause-div dd a{ color:#fff; font-size:14px;}
.nc-register-form .clause-div dd a:hover{ text-decoration:underline}
.nc-register-form .denglu{color:#fff; font-size:14px; text-align:center; display:block; margin:10px 0px 2px}
.success{ font-size:20px; text-align:center; color:#fff; margin-top:60px}
.success a{ color:#fff}
.success a:hover{ text-decoration:underline;}
.code-div .makecode { display: block;}
.code-div .makecode img { height: 36px; display: block;}


.tip {position: fixed;top:0;bottom: 0;text-align: center;z-index:9999;background:rgba(0,0,0,.4); width:100%; height:100%;}
.tip:after {content:"";display:inline-block;vertical-align: middle;height:100%;width:0;}
.content_error span{ color:#000; text-align:left; font-size:14px; padding-bottom:10px; border-bottom:#ccc solid 1px}
.content_error span i{ width:14px; height:14px; background:url(../images/saas/close.png) center no-repeat; padding-top:6px}
.content_error{display:inline-block; *display:inline;*zoom:1;vertical-align: middle;position:relative;background-color:#fff; width:290px; max-width:300px; min-height:132px; padding:10px 18px; border-radius:8px;-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;}
.content_error h1{ font-size:18px; color:#000; font-weight:normal; margin-top:20px}
.content_error .close i{ width:100%; height:28px;border-radius:6px;-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px; background-color:#1D95D4; color:#fff; font-size:14px; text-align:center; font-style:normal; display:block; line-height:26px; margin-top:20px; border:#1D95D4 solid 1px; cursor:pointer;}
.content_error .close i:hover{ background:none; color:#1D95D4}

#top_banner2{width:100%;height:200px;background:url(../images/saas/top_banner.jpg) center no-repeat;}
#top_banner2 h1{ font-size:40px ; color:#fff; text-align:left; font-weight:lighter;padding-top:120px}
#top_banner2 h2{ font-size:24px; color:#fff; font-weight:lighter; padding:10px 0px 30px}
#top_banner2 .more{ width:178px; height:36px; border:#fff solid 1px;border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-border-radius:20px; font-size:15px; text-align:center; line-height:34px; color:#fff}
#top_banner2 .more:hover{ background-color:#fff;border:#fff solid 1px; color:#808080}

.content_pro,.content_buy,.content_info{display:inline-block;width:1030px;}
.content_pro{padding:0px 20px 10px;}
.content_buy,.content_info{padding:20px 20px 0px}
.content_pro h1{ font-size:18px}
.content_pro dl{ padding-bottom:16px;}
.content_pro dl dt{ font-size:16px; line-height:28px}
.content_pro dl dd{ font-size:16px;font-weight:bold;color:#F5A40D; border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;}
.content_pro dl dd p{ font-size:14px; font-weight:lighter; color:#666; padding-top:10px; line-height:26px}
.content_pro dl dt,.content_pro dl dd{ display:block; float:left; line-height:24px}
.content_pro .time dd{ border:#F5A40D solid 1px; font-size:14px; text-align:center; padding:0px 20px; margin-right:10px; cursor:pointer}
.content_pro .time .point{ background-color:#F5A40D; color:#fff}
.content_pro h1{ margin-bottom:16px; font-weight:400;}
.content_pro .y_peizhi{margin-left:64px}
.content_pro .y_peizhi dl{ float:left;margin-right:27px}
.content_pro .y_peizhi dd{ border:#F5A40D solid 1px; background-color:#F5A40D; color:#fff;font-size:14px; text-align:center; width:60px}
.content_pro .r_peizhi dl{ float:left;margin-right:32px; width:174px}
.content_pro .r_peizhi dt{ width:112px; text-align:right;}
.content_pro .r_peizhi dd{ border:#F5A40D solid 1px; background-color:#F5A40D; color:#fff;font-size:14px; text-align:center; width:60px;}
.content_pro .display{ width:1000px; display:inline-block}
.price{margin:20px 0px 0px; display:block; width:300px;}
.price dt{ font-weight:400; color:#666; font-size:18px !important; display:block; float:left;}
.price dd{font-size:30px !important;font-weight:bold !important;color:#FF0004 !important;display:block;line-height:24px; margin-left:2px}
.price dd span{ color:#666; font-size:16px; position:absolute; line-height:28px}
.content_pro h4{ font-size:13px; line-height:26px}
.content_info .more,.content_pro .more{ width:150px; height:38px; background-color:#FF0004; border:#FF0004 solid 1px; color:#fff;border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px; margin:6px auto 0px; text-align:center; font-size:18px; line-height:38px}
.content_info .more:hover,.content_pro .more:hover{ background:none; color:#FF0004}

.content_buy{ padding-top:0}
.content_buy dl{ margin-bottom:10px}
.content_buy dl dt,.content_info dl dt{font-weight: bolder;font-size:16px;}
.content_buy dl dd{ padding:10px 14px; border:#ccc solid 1px; float:left; background:url(../images/saas/nonghang.png) right bottom no-repeat #fff; margin:14px 0px 0px 16px; color:#666; line-height:28px; font-size:14px;width:97%; font-weight:normal}
.content_buy dl dd span{font-size:22px; font-weight:400; color:#000}
.content_buy dl dd i{font-weight:bolder; color:#000; font-style:normal}
.m_0{ margin-left:0px !important}

.content_info{padding-bottom:40px !important}
.content_info dl{ padding-bottom:14px}
.content_info .pay_info dd{ font-size:14px; line-height:26px; margin:16px 0px}
.content_info .pay_info dd input{font-size: 14px;display: inline-block;line-height: 28px;width: 210px;height: 28px;padding: 2px 9px;border: 1px solid #D9D9D9;border-radius: 3px; margin-left:10px}
#pay_note{font-size: 14px;width: 800px;height: 90px;padding: 4px 9px;border: 1px solid #D9D9D9;border-radius: 3px; margin-left:10px}
.content_info .pay_info .upload{ background-color:#EDEDED; border:none; color:#333; min-width:166px; width:auto; text-shadow:none}

.login{ position:relative; top:26%;}
.register{ position:relative; top:22%;}


#saas{background:none; border:none; width:310px; margin:0 auto; display:block}
#saas li{ position: relative !important; float:left; margin:0px 20px; display: block;}
#saas li,#saas li a{ border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-border-radius:20px; background:#fff}
#saas li a{ padding:10px 36px !important}
#saas li a.tabulous_active{ background:#f5a40d !important; color:#fff !important}

/*msg*/
.msgpage { width: 100%;}
.msgbox { background-color: #FFF; width: 480px; height: 200px; margin: 0 0 0 -240px; border: solid 1px #E7E7E7; border-radius: 5px; position: absolute; z-index: 1; top: 30%; left: 50%; }
.msgbox .pic { background: url(../images/msg.png) no-repeat 0 0; width: 90px; height: 90px; position: absolute; z-index: 1; top: 30px; left: 40px; }
.msgbox .con { position: absolute; z-index: 1; top: 30px; left: 140px; }
.msgbox .con h4 { font-size: 24px; font-weight: lighter; color: #3BAEDA; line-height: 40px; margin-top: 10px;}
.msgbox .con h5 { font-size: 16px; font-weight: lighter; color: #656D78; line-height: 20px; margin-top: 10px;}
.msgbox .scon { font-size: 12px; color: #999; position: absolute; z-index: 1; top: 65px; left: 140px; }
.msgbox .button { position: absolute; z-index: 1; top: 90px; left: 140px; }
.msgbox .powerby { font-size: 12px; font-family: Tahoma; font-weight: 100; color: #AAB2BD; position: absolute; z-index: 1; right: 10px; bottom: 10px; }




/*找回密码*/
.fp-nav-list{
	padding: 10px;
	border-radius: 2px; font-size:18px; 
	background:#ff8300;
	border: 1px solid #ff8300;color:#ffffff;
	position: relative;
	width:170px;
	margin-left:80px;
	margin-top: 20px; margin-bottom:30px;
	text-align:center; float:left;
}

.fp-nav-list:before {
	position: absolute;
	display: inline-block;
	border-top:12px solid transparent;
	border-left: 12px solid #ff8300;
	border-bottom: 12px solid transparent;
	right: -12px;
	top: 8px;
	content: '';
}  

.fp-nav-list02{
	padding: 10px;
	border-radius: 2px;
	font-size:18px; 
	background: #ffffff;
	border: 1px solid #ffffff;color:#2a2a2a;
	position: relative;
	width: 170px;
	margin-left:80px;
	margin-top: 20px;
	text-align:center;
	float:left;
}

.fp-nav-list02:before {
	position: absolute;
	display: inline-block;
	border-top:12px solid transparent;
	border-left: 12px solid #ffffff;
	border-bottom: 12px solid transparent;
	right: -12px;
	top: 8px;
	content: '';
} 	


/*
.speech-bubble:after {
position: absolute;
display: inline-block;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid red;
left: -10px;
top: 20px;
content: '';
}
*/
.successs {
	padding: 80px 0 60px;
	text-align: center; 
	color:#FFFFFF;
}

.successs h3{ font-size:30px; }
.successs h3 i{font-size:40px; margin-right:20px;}


/*sp-book*/
.sp-title{width: 1200px;margin: 50px auto; }
.sp-title h2{ color: #343f48;display: block;font-size: 28px;line-height: 40px;text-align: center; margin-bottom:20px}
.sp-title h4{ color: #343f48;display: block;font-size: 14px;font-weight: lighter;line-height: 24px;margin: 0 auto;text-align: center;width: 1200px;}


/*招募页面*/
.cooperation-1{ }
.cooperation-1 h1{background:url(../image/zm01.jpg); width:1200px; height:120px; font-size:28px; text-align:center; color:#FFFFFF; line-height:120px;}
.cooperation-1 h2{ font-size:18px; color:#3f3f3f;text-align:center; margin-bottom:30px;}
.cooperation-bottom a{display:block; width:342px; height:70px; display:block;}
.go{ background:url(../image/btn.png);width:185px; height:61px; display:block; position:relative; left:510px; top:550px;}
.cooperation-bottom{background:url(../image/cooperation_04.jpg) center center;
    display: block;
    height: 500px;
    margin: 0 auto;
    width: 100%; position:relative; }
	
	.coo-box{ width:1000px; margin:0 auto 10px;  }
	.coo-box ul{  font-size: 0; margin-bottom:100px;}	
.coo-box li {
    display: inline-block;
    font-size: 12px;
    letter-spacing: normal;
    vertical-align: top;
    width: 25%;
}
.coo-box li .pic {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 201px;
    margin: 40px auto 15px;
    width: 201px;
}

.coo-box dl {
    margin: 0 auto;
    text-align: center;
    width: 252px;
}

.coo-box dl dt {
    color: #242c3b;
    font-size:18px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}

.coof-title{ padding:20px 0; }
.coof-title h1{ color:#fff; font-size:30px; text-align:center; font-weight:bolder; margin:30px 0px 15px; display:block;}
.coof-title h2{ color:#fff; font-size:20px; text-align:center;  }