/* ====================
     公共样式
==================== */
body { background: #fff; font-size: 12px; font: 12px Arial, "microsoft yahei", "微软雅黑E\8F6F\96C5\9ED1"; margin: 0; padding: 0; color: #717171; min-width:1200px;}
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p { margin: 0; padding: 0; border: none; list-style-type: none;}
em, i, u { font-style: normal;}
input, select, textarea {font-family: inherit;font-size: inherit;font-weight: inherit;}
a{ color: #717171; text-decoration: none;}
a:hover{ color:#ec5051;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after,.content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.w1200{ width:1200px; margin:auto;}
.relative{ position:relative;}
.icon{ background:url(./images/ecsc_icon.png) no-repeat;}
.mt90{ margin-top:90px;}
.mb90{ margin-bottom:90px;}
.mt50{ margin-top:50px;}
.mb50{ margin-bottom:50px;}
.pt90{ padding-top:90px;}
.pb90{ padding-bottom:90px;}
.pt50{ padding-top:50px;}
.pb50{ padding-bottom:50px;}
.ftx01{ color:#2378d4;}
.ftx02{ color:#b74506 !important;}
.ftx03{ color:#ec5051;}
a.ftx03:hover{ text-decoration:underline;}
.clear{ clear:both;}
.box{ text-align:center; position:relative;}
.t-al-l{ text-align:left;}
.t-al-r{ text-align:right;}
.button{ text-align:center; width:100%; margin-bottom:90px;/*opacity:0;filter: alpha(opacity=0);position:relative; top:140px;*/}
.btn{ height:48px; line-height:48px; border:1px solid #ec5051; padding:0 20px; border-radius:4px; display:inline-block; font-size:20px; color:#ec5051;}
.btn:hover{ background-color:#fbeded;}
.btn_red{ background:#ec5051; color:#fff;}
.btn_red:hover{ background:#dc3536; color:#fff;}
.btn_white{ background:#fff; color:#ec5051; border-color:#fff;}
.btn_white:hover{ background:#fee4e4; border-color:#fee4e4;}
.btn_blue{ background:#1997f4; color:#fff; border-color:#1997f4;}
.btn_blue:hover{ background:#078DF1;border-color:#078DF1; color:#fff;}
.disabled,.disabled:hover{ background:#b0b0b0; border-color:#b0b0b0; color:#fff;}
.gray{ color:#CACACA;}
.white{ color:#FFF;}
.font25{ font-size:25px;}
.font29{ font-size:29px;}
.jqfb{ font-size:20px; text-align:center; margin:100px 0 50px;}
.rmb{ margin: -2px 10px 0 0;display: inline-block; *display: inline; *zoom:1;width: 27px;height: 27px;vertical-align: middle;}

.xuanzhuan0{
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-webkit-transition:1s ease;
	-moz-transition:1s ease;
	-o-transition:1s ease;
	transition:1s ease;
}
.xuanzhuan180{
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-webkit-transition:1s ease;
	-moz-transition:1s ease;
	-o-transition:1s ease;
	transition:1s ease;
}

.index_pc{ display:block;}
.index_mobile{ display:none;}


/*导航区域*/
.header{ width:100%; height:80px; background-color:#333;}
.ecsc_logo{ float:left; padding:18px 35px 0 30px;}
.header_nav{ float:left; height:80px; line-height:80px; position:relative;}
.header_nav li{ float:left; height:80px; line-height:80px; width:100px; position:relative; z-index:100;}
.header_nav li a{ color:#fff;display:block; font-size:14px; text-align:center;}
.header_nav li.current a,.header_nav li:hover a{ color:#ffd92a;}
.header_nav li i{width:14px; height:8px; display:inline-block;*display:inline; *zoom:1; background-position: -274px -9px; margin:0 0 2px 3px;}
.header_nav li.current i,.header_nav li:hover i{ background-position:-274px -43px;}
.wrap-line{ height:80px; background:#2f2f2f;}

.hidden-box{ position:absolute; width:1920px; z-index:20; display:none; min-width:1200px;}
.hidden-box .con{ width:1200px; margin:0 auto; position:relative; padding-bottom:47px;}
.hidden-box .con .lists{ margin-left:10px; overflow:hidden;}
.hidden-box .con .list{ float:left; width:120px; height:auto; margin-right:75px;}
.hidden-box .con .list.last{ margin-right:0;}
.hidden-box .con .list1{ width:140px;}
.hidden-box .con .list1 .green{ display:block; text-align:center; font-size:14px;line-height: 40px;font-weight: bold; color:#329342;}
.hidden-box .con .list1 .img{ width:110px; margin:0 auto;}
.hidden-box .con .list .tit{ color:#333; font-size:14px; font-weight:bold; text-align:center; line-height:20px; padding:25px 0 10px;}
.hidden-box .con .list .img{ padding:5px; border-radius:3px; background:#fff; height:73px;}
.hidden-box .back{ position:absolute; width:100%; left:0; height:185px; background:#fff; opacity:0.9;}

.header_nav li .con a{ padding:0;}
.header_nav li .con a:hover .tit{ color:#ffd92a;}
.header_nav li .con a:hover .img{ background:#ffd92a;}

.dsc_ys{ display:block; float:left; width:114px; height:30px; background:url(./images/dsc_ys.png) no-repeat; margin:25px 0 0 20px;}
/*导航区域end*/

/**首页区域**/
.banner{ width:100%; height:628px; position:relative; padding-bottom:36px; overflow:hidden;}
.banner1{ background:url(./images/banner_bg.png) center center no-repeat; width:100%; height:628px; opacity:0; position:absolute;filter: alpha(opacity=0);}
.banner_1200{ width:1200px; height:628px; margin:0 auto; position:relative; top:0; z-index:15;}
.plat{ overflow:hidden; position:absolute; left:406px; top:439px; opacity:0;}
.banner_tp{ position:absolute; width:715px; height:180px; top:360px; left:612px; opacity:0;filter: alpha(opacity=0);}
.banner_top{ width:615px; height:315px; position:relative; left:288px; top:110px; float:left;opacity:0;filter: alpha(opacity=0);}
.banner_txt{ width:615px; height:235px; position:absolute;}
.banner_hand{ width:66px; height:270px; position:absolute;left:458px; top:50px;}
.banner_mascot{ width:188px; height:122px; position:absolute;top:-49px; left:15px;}
.banner_btn,.banner_btn a{ background:url(./images/banner_btn.png) no-repeat;}
.banner_btn{ width:248px; height:50px; background-position:0 5px; position:absolute; bottom:10px; left:480px;}
.banner_btn a{ display:block; width:160px; height:50px; background-position:0 -63px; text-align:center; font-size:20px; color:#fff; line-height:50px; margin:0 43px; padding:0; border:0;}
.banner_btn a:hover{ background-position:0 -130px;}
.banner_1200 .banner_btn{opacity:0;filter: alpha(opacity=0);}

.ecsc_desc{ width:100%; height:630px; background:url(./images/banner_bg_red.png) center center no-repeat; position:relative; margin-top:-62px;}
.ecsc_data{ padding:60px 0 0 0; overflow:hidden; position:relative; top:-60px;opacity:0;filter: alpha(opacity=0);}
.ecsc_data .item{ color:#fdc72c; float:left; height:50px; line-height:50px;width:250px; padding:20px 0;}
.ecsc_data .item em{ font-size:30px; margin-right:8px;}
.ecsc_data .item span{ font-size:12px; position:relative; top:-2px;}
.down_num{ margin-left:130px;}
.inst_num{ margin-left:156px;}
.update_num{ margin-left:164px;}

.ecsc_hb{ width:1200px; height:464px; background:url(./images/what_ecsc.png) no-repeat; position:relative;}
.video{ width:460px; height:270px; float:left; padding:80px 0 0 120px;}
.video a{ display:block;}
.introduce{ width:450px; height:230px; float:left; padding:85px 0 0 60px;;}
.introduce .title{ width:236px; height:50px; margin:10px 0 0 95px;}
.introduce .info{ font-size:16px; color:#fff; line-height:32px; padding:13px 10px 0 5px;}
.tanshu1{ width:195px; height:136px; position:absolute; right:8px; bottom:14px;}

.temp{ width:100%; overflow:hidden;}
.temp .title{ text-align:center; padding-top:60px;}
.temp .title h3{ font-size:36px; font-weight:bold; color:#333; height:36px; line-height:36px;padding-bottom: 20px;}
.temp .title h2{ font-size: 48px;height: 48px;line-height: 48px;font-weight:bold; color:#333;}
.temp .title span{ font-size:16px; display:block; margin-top:10px; line-height:30px;}
.temp .content{ width:100%; margin-top:50px;}
.temp_2 .content{ position:relative}
.temp_1 ul{ width:1270px; overflow:hidden;}
.temp_1 li{ width:184px; float:left; text-align:center; margin:0 70px 50px 0;position:relative;cursor:pointer;}
.temp_1 li .desc{ width:100%; text-align:center; margin-top:33px;}
.temp_1 li .desc h4{ font-size:20px; height:20px; line-height:20px; color:#333; font-weight:normal;}
.temp_1 li .desc span{ font-size:14px; line-height:22px; display:block; margin-top:8px;}

.f-icon{ width:130px; height:130px; display:inline-block; background:url(./images/f-icon.png) no-repeat;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
.temp_1 li:hover .f-icon{ -webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s;}
.f-icon1{ background-position: 0 0;}
.f-icon2{ background-position: 0 -131px;}
.f-icon3{ background-position: 0 -262px;}
.f-icon4{ background-position: 0 -393px;}
.f-icon5{ background-position: 0 -524px;}
.f-icon6{ background-position: -138px 0;}
.f-icon7{ background-position: -138px -131px;}
.f-icon8{ background-position: -138px -262px;}
.f-icon9{ background-position: -138px -393px;}
.f-icon10{ background-position: -138px -524px;}

.temp_2{ background-color:#ffd92a;}
.temp_2 .title h3,.temp_2 .title span{ color:#b74506;}

.slide{ width:1058px; padding:0 70px; overflow:hidden; position:relative;}
.slide_warp{ width:1058px; height:396px; overflow:hidden;}
.slide ul{ width:1092px;}
.slide li{ float:left; width:238px; margin-right:35px;}
.slide_con{ width:238px; height:396px; overflow:hidden; position:relative;}
.slide_con .slide_top{ width:238px; height:245px;}
.slide_con .slide_bot{ width:236px; height:auto; border:1px solid #dcdcdc; position:absolute; padding-bottom:24px; bottom:0; background:#fff;}
.slide_con .seller_logo{ width:100%; height:60px; text-align:center; padding-top:9px;}
.slide_con .seller_logo a{ display:block;}
.slide_con .info{ padding:10px 20px 0; line-height:23px; font-size:14px; height:46px; overflow:hidden;}
.prev,.next{ width:40px; height:60px; position:absolute; display:inline-block; background:url(./images/ecsc_icon.png) no-repeat; top:174px;}
.prev{ left:0; background-position:0 0;}
.next{ right:0; background-position:-46px 0;}
.prev:hover{ background-position:0 -70px;}
.next:hover{ right:0; background-position:-46px -70px;}

.help{ background-color:#ffd92a;}
.help_warp{ padding:90px 0 62px; overflow:hidden;}
.help_warp .title{ font-size:24px; height:24px; line-height:24px; color:#b74506; font-weight:bold; padding-left:25px; padding-bottom:14px; border-bottom:1px solid #e9ac1f; position:relative;}
.help_warp .title .icon{ display:inline-block; width:20px; height:20px; position:absolute; top:2px; left:0;}
.help_warp .tit h3{ font-size:16px; color:#333;font-weight:normal; margin-top:20px; position:relative;}
.help_warp .tit h3 a{ color:#333;}
.help_warp .tit h3 a:hover{ color:#ec5051;}
.help_warp .tit h3 .new{ position:absolute; width:36px; height:16px; background:url(./images/new.png) no-repeat; display:block; top:4px; left:181px;}
.help_warp .tit .time{ margin-top:5px;}
.help_warp .con{ margin-top:25px;}
.help_warp .con li{ font-size:14px; margin-bottom:8px; overflow:hidden; height:18px;white-space: nowrap;text-overflow: ellipsis;}
.help_warp .con li a{ display:block;}
.help_warp .con .li_l{ float:left; width:100%; height:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.help_warp .con .li_r{ float:right;}
.help_l,.help_c{ float:left; width:335px; margin-right:100px;}
.help_l .title .icon{ background-position:-272px -68px;}
.help_c .title .icon{ background-position:-272px -96px;}
.help_r .title .icon{ background-position:-272px -130px;}
.help_c{ margin-right:94px;}
.help_r{ width:336px; float:left;}
.help_r .warp{ width:334px; height:152px; background:url(./images/manual.png) no-repeat; margin-top:25px; position:relative;}
.help_r .warp .item{ font-size:16px; color:#333; width:145px; float:right; margin:24px 22px 0 0; line-height:22px;}
.help_r .warp .btn2{ width:97px; height:44px; line-height:28px; text-align:center; background:url(./images/btn2.png) no-repeat;color:#fff; font-size:14px; position:absolute; right:69px; bottom:14px;}
.help_r .warp .btn2:hover{ background-position:0 -54px;}

/*
	电商系统
	概述篇
*/
.summary_banner{ height:670px; background:url(./images/summary_banner.jpg) center center no-repeat; position:relative; overflow:hidden;}
.summary_banner li{ height:670px; width:auto; position:relative; overflow:hidden;}
.summary_top{ width:720px; height:auto; position:absolute; left:50%; margin-left:-360px; top:-60px; opacity:0;filter:alpha(opacity=0);}
.summary_top .txt{ width:720px; height:112px;}
.summary_top .banner_btn{ position:static; background:none; width:160px; margin:35px auto 0;}
.summary_top .banner_btn a{ margin:0;}
.summary_bottom{ height:348px; position:relative; top:285px; width:1780px; margin:0 auto; overflow:hidden;}
.summary_left{ position:absolute; left:-745px; top:30px; z-index:9;opacity:0;filter:alpha(opacity=0);}
.summary_con{ position:absolute; left:480px; z-index:10;opacity:0;filter:alpha(opacity=0); top:338px;}
.summary_right{ position:absolute; right:-745px; top:30px; z-index:9;opacity:0;filter:alpha(opacity=0);}
.summary_banner .hd{ height: 15px;width: 1200px; position:absolute; left:50%; bottom:25px; margin-left:-600px; z-index:99;}
.summary_banner .hd ul{ float:left; position:relative; left:50%;}
.summary_banner .hd li{ width:14px; height:14px; display:inline-block; background:#fff; text-indent:-9999px; border-radius:50%; margin-right:10px; cursor:pointer;}
.summary_banner .hd li.on{ background:#ec5051;}

.summary2 .summary_top{ width:560px; margin-left:-280px;}
.summary2 .banner_btn{ position:absolute; margin:0; left:50%; margin-left:-80px; top:178px; z-index:10;}
.summary2 .summary_bottom2{ width:1200px; margin:0 auto;  position: relative;top: 285px;}

.summary3 .w1200{ height:670px; background:url(./images/baikuang_bg.png) 34px -250px no-repeat;}
.summary3 .summary_top{ width:570px; height:284px; top:35px !important; margin-left:-285px;}
.summary3 .banner_btn{ position:absolute; margin:0; left:50%; margin-left:-80px; top:300px; z-index:10;}
.summary3 .summary_bottom3{ width:927px; margin:0 auto; position:relative; top:408px;}
 
 


.summary_temp1{ width:100%; height:704px; background:url(./images/summary_temp1.jpg) no-repeat;}
.jiazi{ position:absolute; left:-88px; top:211px;}
.video_items{ position:relative; height:704px;}
.video_item{ position:absolute;}
.video_item1{ width:170px; height:190px; left:-4px; top:176px;}
.video_item2{ width:210px; height:160px; left:176px; top:123px;}
.video_item3{ width:210px; height:160px; left:424px; top:260px;}
.video_item4{ width:210px; height:160px; left:661px; top:207px;}
.video_item5{ width:166px; height:192px; left:851px; top:-59px;}
.video_item6{ width:254px; height:234px; left:939px; top:253px;}
.video_item .icon{ width:44px; height:44px; display:block; position:absolute; background-position: -102px -254px;}
.video_item1 .icon{ top:55px; left:62px;}
.video_item2 .icon,.video_item3 .icon,.video_item4 .icon{ top:37px; left:81px;}
.video_item5 .icon{ top:55px; left:59px;}
.video_item6 .icon{ top:87px; left:94px;}

.video_item:hover .icon{ background-position:-156px -254px;}

.summary_temp2{ height:620px; background:url(./images/summary_temp2.jpg) no-repeat;}
.summary_temp2 .title h3,.summary_temp2 .title span{ color:#b74506;}
.summary_temp2 .title span{ font-weight:600;}
.summary_temp2 .item_l{ width:413px; float:left; margin-top:44px;}
.summary_temp2 .item_r{ width:413px; float:right; margin-top:44px;}
.summary_temp2 .item_c{ width:324px; float:left; margin-left:24px;}
.summary_temp2 .item{ width:104px; float:left; margin-right:50px;}
.summary_temp2 .item.last{ margin-right:0;}
.summary_temp2 .item i{ width:104px; height:104px; display:block; background:url(./images/g-icon.png) no-repeat;}
.summary_temp2 .item .tit{ width:84px; height:25px; line-height:25px; text-align:center; color:#fff; background:#f98717; font-size:16px; margin:16px auto 0;}
.summary_temp2 .button{ margin:20px 0 0 0;}
.summary_temp2 .button .btn{ background:#ec5051; color:#fff;}
.summary_temp2 .button .btn:hover{ background:#dc3536;}
.summary_temp2 .item1 i{ background-position:0 0;}
.summary_temp2 .item2 i{ background-position:0 -105px;}
.summary_temp2 .item3 i{ background-position:0 -210px;}
.summary_temp2 .item4 i{ background-position:-116px 0;}
.summary_temp2 .item5 i{ background-position:-116px -105px;}
.summary_temp2 .item6 i{ background-position:-116px -210px;}

.summary_temp2_2{ height:803px; background:url(./images/summary_temp2_2.jpg) no-repeat;}
.summary_temp2_2 .title{ padding-top:145px;}
.summary_temp2_2 .title h3,.summary_temp2_2 .title span{color: #b74506;}
.summary_temp2_2 .item_r{ float:left;}
.summary_temp2_2 .item_c{ float:left;}
.summary_temp2_2 .item_l{ float:left;}
.summary_temp2_2 .jdt{ text-align:center; margin-top:28px; float:left; width:100%;}
.summary_temp2_2 .jdt span{ font-size:16px; color:#b74506; display:block; margin-top:14px;}

.summary_temp3 { height:682px; background:#fbf8eb;}
.summary_temp3 .w1200{ height:682px;}
.summary_temp3 .title{ float:left; width:515px; text-align:left; top:0; left:-515px;}
/*.summary_temp3 .title span{ line-height:30px;}*/
.summary_temp3 .content{ float:left; position:absolute; bottom:0; right:-84px;}

.summary_temp4{ background:#ffd92a; height:699px;}
.summary_temp4 .w1200{ height:699px;}
.summary_temp4 .title h3,.summary_temp4 .title span{ color:#b74506;}
.summary_temp4 .content{ position:absolute;}

.summary_temp5{ background:#fbf8eb; height:1106px;}
.summary_temp5 .w1200,.summary_temp5 .content{ height:1106px; margin-top:0;}
.summary_temp5 .title { width:520px; float:right; margin-top:50px; top:0; right:-652px;}
.summary_temp5 .title .tit_top{ width:390px; float:left; text-align:left;}
.summary_temp5 .title .tit_bot{ width:450px; float:left; text-align:left; margin-top:340px; margin-left:32px;}
/*.summary_temp5 .title span{ line-height:30px;}*/
.summary_temp5 .content .img{ position:absolute; bottom:0; left:50px;}

.summary_temp6{ height:618px; background:#3d4c56;}
.summary_temp6 .title{ float:left; width:500px; text-align:left; margin-top:130px;}
.summary_temp6 .title h3{ color:#fff;}
.summary_temp6 .title span{ color:#fff; line-height:30px;}
.summary_temp6 .img{ float:right; margin-top:90px; position:relative; right:0px;}

.summary_temp7{ height:388px; background:#fbf8eb;}
.summary_temp7 .title{ top:0;}
.summary_temp7 .title h3{ margin-bottom:30px;}
.summary_temp7 .title p{ color:#505050; font-size:20px; line-height:35px;}
.summary_temp7 .title p a{ color:#ec5051;}
.summary_temp7 .title p a:hover{ color:#dc3536;}
.summary_temp7 .button{ margin-bottom:0; margin-top:40px;}
.summary_temp7 .button .btn{ background:#ec5051; color:#fff;}
.summary_temp7 .button .btn:hover{ background:#dc3536;}

/*
	电商系统
	商家入驻篇
*/
.seller .temp .img{ position:relative;}
.seller_temp1{ height:742px; background:url(./images/seller_temp1_bg.jpg) no-repeat;}
.seller_temp2{ height:652px; background:#ffd92a;}
.seller_temp2 .img{width:1220px; height:318px;}
.seller_temp3{ height:711px; background:#fbf8eb;}
.seller_temp4{ height:701px; background:#ffd92a;}
.seller_temp5{ height:659px; background:#fbf8eb;}
.seller_temp6{ height:760px; background:#9c5e2c;}
.seller_temp6 .title h3,.seller_temp6 .title span{ color:#fff;}
.seller_temp7{ height:706px; background:#fbf8eb;}
.seller_temp7 .img{ margin-left:180px;}
.seller_temp8{ height:604px; background:#ffd92a;}
.seller_temp8 .img{ margin-left:150px;}
.seller_temp9{ height:668px; background:#fbf8eb;}
.seller_temp9 .img{ margin-left:150px;}
.seller_temp10{ background:#ffd92a; height:638px;}
.seller_slide{ width:1068px; padding:0 65px; position:relative;}
.seller_slide_wrap{ width:1068px; height:310px; overflow:hidden;}
.seller_slide ul{ width:1100px;}
.seller_slide li{ float:left; margin-right:30px; width:245px; height:310px; position:relative;}
.seller_slide .prev{ background-position:0 -153px; top:128px;}
.seller_slide .next{ background-position:-52px -153px;top:128px;}
.seller_temp11{ background:#ffd92a; height:535px;}
.seller_temp11 .w1200{ height:535px;}
.seller_temp11 .title{ float:left; width:552px; text-align:left; padding-top:70px; margin-left:5px; top:0; left:-300px;}
.seller_temp11 .title span{ line-height:25px;}
.seller .seller_temp11 .img{ position:absolute; bottom:74px; right:70px;}

/*
	电商系统
	多区域多仓库篇
*/
.warehouse_temp1{ height:593px; background:url(./images/warehouse_temp1_bg.jpg) no-repeat;}
.warehouse_temp1 .w1200{ height:593px;}
.warehouse_temp1 .conent{}
.location{ height:342px; width:100%; position:relative;}
.location .position{ position:absolute; width:45px; height:65px;top:205px;}
.location .position1{ left:0;}
.location .position2{ left:126px;}
.location .position3{ right:131px;}
.location .position4{ right:0;}
.location .che{ position:absolute; left:237px; top:-11px;}

.warehouse_temp2{ height:680px; background:#ffd92a;}
.warehouse_temp2 .title{ width:480px; text-align:left; float:left; margin-top:135px; top:0; left:-480px;}
.warehouse_temp2 .title h3{ height:96px; line-height:48px;}
.warehouse_temp2 .img{ margin-top:90px;}

.warehouse_temp3{ height:595px; background:url(./images/warehouse_temp3_bg.jpg) no-repeat;}
.warehouse_temp3 .title{ float:right; text-align:left; padding-top:160px; top:0; right:-480px;}
.warehouse_temp3 .img{ position:relative;}

.warehouse_temp4{ height:724px; background:#fbf8eb;}
.warehouse_temp4 .title{ float:left; width:520px; text-align:left; padding-top:150px; top:0; left:-510px;}
.warehouse_temp4 .img{ position:relative; right:78px; margin-top:90px;}

.warehouse_temp5{ background:#ffd92a; height:713px;}
.warehouse_temp5 .img{ margin-top:40px; position:relative; bottom:0;}

.warehouse_temp6{ height:723px; background:url(./images/warehouse_temp6_bg.jpg) no-repeat;}
.warehouse_temp6 .content{ margin-top:105px;}
.warehouse_temp6 .img1{ position:relative; left:115px; margin-top:88px;}
.warehouse_temp6 .img2{ position:relative; right:55px;}

/*
	电商系统
	视觉盛宴篇
*/
.visualFeast_temp1,.visualFeast_temp1 .w1200{ height:1180px; background:#fbf8eb;}
.visual_warp{ width:1033px; height:863px; background:url(./images/visualFeast_temp1.jpg) no-repeat; position:absolute; left:83px; overflow:hidden; z-index:10; bottom:70px;}
.visual_warp .img_over{ width:936px; height:552px; overflow:hidden; float:left; margin:36px 0 0 43px;}
.visual_warp .scroll{ float:left; margin:40px 0 0 1px; position:relative; width:10px; height:544px;}
.visual_warp .scroll p{ width:10px; height:113px; background:url(./images/ecsc_icon.png) -227px -186px no-repeat; position:absolute; top:0; left:-20px; cursor:pointer; padding:0 20px;}

.visualFeast_temp2,.visualFeast_temp2 .w1200{ height:678px; background:#fbf8eb;}
.visualFeast_temp2 .title{ padding-top:20px;}
.visualFeast_temp2 .title .fl{ margin-left:176px;}
.visualFeast_temp2 .title .fr{ margin-right:178px;}
.visualFeast_temp2 .img{ margin:20px auto 0; width:1137px; height:462px; position:absolute; bottom:92px;}

.visualFeast_temp3,.visualFeast_temp3 .w1200{ height:700px; background:#ffd92a;}
.visualFeast_temp3 .title{ position:relative; z-index:9; width:385px; text-align:left; top:0; right:0px;}
.visualFeast_temp3 .img{ position:absolute; top:70px; left:0px;}

.visualFeast_temp4,.visualFeast_temp4 .w1200{ height:700px; background:#ffc52a;}
.visualFeast_temp4 .title{ position:relative; z-index:9; width:350px; text-align:left; top:0; left:0px;}
.visualFeast_temp4 .img{ position:absolute; top:85px; right:-68px;}

.visualFeast_temp5,.visualFeast_temp5 .w1200{ height:700px; background:#fbf8eb;}
.visualFeast_temp5 .img{ position:absolute; bottom:0px;}

.visualFeast_temp6,.visualFeast_temp6 .w1200{ height:624px; background:#ffd92a;}
.visualFeast_temp6 .title{ text-align:left; padding-top:110px; top:0; left:30px;}
.visualFeast_temp6 .title h3{ height:96px; line-height:48px;}
.visualFeast_temp6 .title .tit_img{ margin-top:48px;}
.visualFeast_temp6 .img{ margin-top:88px;}

.visualFeast_temp7,.visualFeast_temp7 .w1200{ height:700px; background:#fbf8eb;}
.visualFeast_temp7 .img{ position:absolute; bottom:0px; margin-left:100px;}

.visualFeast_temp8,.visualFeast_temp8 .w1200{ height:770px; background:#fbf8eb;}
.visualFeast_temp8 .title { opacity:1;}
.visualFeast_temp8 .title .fl{ width:600px;}
.visualFeast_temp8 .title .fr{ position:relative; right:30px;}
.visualFeast_temp8 .img{ width:1138px; height:452px; position:absolute; bottom:60px; left:31px;}

.visualFeast_temp9,.visualFeast_temp9 .w1200{ height:980px; background:#ffd92a;}
.visualFeast_temp9 .img{ position:absolute; bottom:55px;}

.visualFeast_temp10,.visualFeast_temp10 .w1200{ height:960px; background:#ffd92a;}
.visualFeast_temp10 .title{ padding-top:50px;}
.visualFeast_temp10 .img{ position:absolute; left:-30px; bottom:90px;}

.visualFeast_temp11,.visualFeast_temp11 .w1200{ height:714px; background:#fbf8eb;}
.visualFeast_temp11 .visual_slide{ width:975px; margin-top:42px; padding:0 113px 0 112px; overflow:hidden; position:absolute; bottom:0px;}
.visualFeast_temp11 .visual_slide .prev{ background-position: -93px 0;}
.visualFeast_temp11 .visual_slide .next{ background-position: -140px 0;}

.visualFeast_temp12,.visualFeast_temp12 .w1200{ height:790px; background:#fbf8eb;}
.visualFeast_temp12 .img{ position:absolute; bottom:80px; left:136px;}

.visualFeast_temp13 img{ margin-top:30px;}

.visualFeast_btns{ width:100%; height:200px; background:#ffd92a;}
.visualFeast_btns .w1200{ height:200px;}
.visualFeast_btns .w1200 .btn{ margin-top:50px; background: #ec5051;color: #fff;}
.visualFeast_btns .w1200 .btn:hover{ background: #dc3536;}

.floor{ width:90px; height:auto;  position:fixed; right:-90px;z-index:99;}
.floor .item{ width:90px; height:30px; line-height:30px; background:#fff; font-size:14px; color:#565656; text-align:center; float:left; margin-bottom:8px; border-radius:5px;box-shadow: 2px 2px 2px #ccc;-webkit-box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc;}
.floor .item.current,.floor .item:hover{ background:#ec5051; color:#fff;box-shadow: 1px 1px 1px #999;-webkit-box-shadow: 1px 1px 1px #999; -moz-box-shadow: 1px 1px 1px #999; cursor:pointer;}
.floor .up{ width:90px; height:30px; line-height:30px; background:#bcbcbc; position:relative; float:left; border-radius:5px; box-shadow: 1px 1px 1px #999;-webkit-box-shadow: 1px 1px 1px #999; -moz-box-shadow: 1px 1px 1px #999; cursor:pointer;}
.floor .up i{ width:26px; height:16px; display:block; position:absolute; background-position:-231px -5px; top:7px; left:32px;}

/*
	电商系统
	强大后台篇
*/
.feature_temp1{ height:1850px; background:url(./images/feature_temp1_bg.png) #fbf8eb no-repeat;}
.feature_temp1 .w1200{ height:1850px;}
.feature_temp1 .img{ width:1004px; height:571px; position:relative; margin-left:120px; margin-top:50px;}
.feature_warp{ margin-top:90px; overflow:hidden;}
.feature_warp_fl{ float:left; width:600px; height:auto;}
.feature_warp .item.first{ margin-top:0;}
.feature_warp .item{ float:left; margin-top:50px;}
.feature_warp_fr .item{ padding-left:30px; width:570px;}
.feature_warp .item i{ width:108px; height:108px; display:block; float:left; background:url(./images/feature_icon.png) no-repeat;}
.feature_warp .item .desc{ float:left; margin-left:25px; width:435px;}
.feature_warp .item .desc h4{ font-size:20px; color:#333; line-height:20px;}
.feature_warp .item .desc span{ margin-top:10px; display:block; font-size:14px; line-height:25px; height:106px; overflow:hidden;}
.feature_warp_fl .item1 i{ background-position:0 0;}
.feature_warp_fl .item3 i{ background-position:-245px 0;}
.feature_warp_fl .item5 i{ background-position:-122px -122px;}
.feature_warp_fl .item7 i{ background-position:0px -245px;}
.feature_warp_fl .item9 i{ background-position:-245px -245px;}
.feature_warp_fr .item2 i{ background-position:-122px 0;}
.feature_warp_fr .item4 i{ background-position:0px -122px;}
.feature_warp_fr .item6 i{ background-position:-245px -122px;}
.feature_warp_fr .item8 i{ background-position:-122px -245px;}
.feature_warp_fr .item10 i{ background-position:0px -369px;}

.feature_temp2{ height:820px; background:url(./images/feature_temp2_bg.jpg) no-repeat;}
.feature_temp2 .w1200{ height:820px;}
.feature_temp2 .img{ position:absolute; bottom:10px; left:53px;}

.fature_temp3{ background:#fbf8eb; height:1220px;}
.fature_temp3 .feature_warp_fl .item1 i{ background-position:-367px 0;}
.fature_temp3 .feature_warp_fl .item3 i{ background-position:-612px 0;}
.fature_temp3 .feature_warp_fl .item5 i{ background-position:-490px -122px;}
.fature_temp3 .feature_warp_fl .item7 i{ background-position:-367px -245px;}
.fature_temp3 .feature_warp_fl .item9 i{ background-position:-612px -245px;}
.fature_temp3 .feature_warp_fl .item11 i{ background-position:-490px -369px;}
.fature_temp3 .feature_warp_fr .item2 i{ background-position:-490px 0;}
.fature_temp3 .feature_warp_fr .item4 i{ background-position:-367px -122px;}
.fature_temp3 .feature_warp_fr .item6 i{ background-position:-612px -122px;}
.fature_temp3 .feature_warp_fr .item8 i{ background-position:-490px -245px;}
.fature_temp3 .feature_warp_fr .item10 i{ background-position:-367px -369px;}
.fature_temp3 .feature_warp_fr .item12 i{ background-position:-612px -369px;}

/*
	电商系统
	产品优势篇
*/
.chooseUs_temp1,.chooseUs_temp1 w1200{ height:586px; background:#fbf8eb;}
.chooseUs_temp1 .temp1,.chooseUs_temp1 .temp2{ float:left; width:200px; height:222px; margin-right:20px; margin-top:25px;}
.chooseUs_temp1 .temp4,.chooseUs_temp1 .temp5{ float:left; width:200px; height:222px; margin-left:30px; margin-top:25px;}
.chooseUs_temp1 .temp3{ float:left; width:254px; height:254px; margin-left:36px; margin-right:10px;}

.chooseUs_temp2{ height:485px; background:#ffd92a; overflow:visible;}
.chooseUs_temp2 .content{ position:relative; bottom:0;}
.chooseUs_temp2 .address{ position:absolute; left:530px; top:30px;}
.chooseUs_temp2 .address span{ font-size:16px; color:#000; line-height:20px;}
.chooseUs_temp2 .address h1{ font-size:30px; color:#000; line-height:40px;}

.chooseUs_temp3{ height:530px; background:#fbf8eb; padding-top:90px;}

#chooseUs{ position:relative;}
/*.chooseUs_temp4{ background:url(./images/chooseUs_temp4_bg.png) center center repeat-y;}*/
.chooseUs_temp4 .items{ float:left;}
.chooseUs_temp4 .item{ margin-top:45px; font-size:18px; float:left;}
.chooseUs_temp4 .item_left,.chooseUs_temp4 .item_right{ float:left; width:500px; background:#fff; min-height:130px; position:relative;}
.chooseUs_temp4 .item_left span,.chooseUs_temp4 .item_right span{ display:block; padding:20px 25px 10px 20px; line-height:30px;}
.chooseUs_temp4 .item_right{ float:right; background:#959595;}
.chooseUs_temp4 .item_right span{ color:#fff;}
.chooseUs_temp4 .item_con{ float:left; width:200px; min-height:130px;}
.chooseUs_temp4 .item_con .con_wrap{ width:200px; height:60px; background:#f98717; margin-top:35px;}
.chooseUs_temp4 .item_con .con_wrap .num{ width:34px; height:34px; display:block; border-radius:50%; background:#fff; text-align:center; line-height:34px; color:#f98717; font-size:24px; font-family:Arial, Helvetica, sans-serif; margin:13px 0 0 19px; float:left;}
.chooseUs_temp4 .item_con .con_wrap span{ float:left; font-size:30px; font-weight:bold; line-height:60px; color:#fff; margin-left:5px;}
.chooseUs_temp4 .item_left i{ width:89px; height:65px; display:block; position:absolute; background:url(./images/wanshen.png) no-repeat; top:-34px; left:-24px;}
.chooseUs_temp4 .item.first{ margin-top:0;}
.chooseUs_temp4 .desc{ margin:30px auto 100px; width:545px; height:75px; overflow:hidden;}
.body_left,.body_right{ width:50%; position:absolute; top:0; bottom:0; z-index:0;}
.body_left{ background:#ffd92a;}
.body_right{ background:#c8c8c8; right:0;}

/*
	电商系统
	商业授权篇
*/
.empower_temp1{ height:695px; background:#fbf8eb;}
.empower_temp1 .wrap{ position:relative; height:325px;}
.empower_temp1 .wrap .left{ width:553px; height:294px; background:url(./images/empower_temp1_left.png) no-repeat; float:left;}
.empower_temp1 .wrap .right{ width:494px; height:294px; background:url(./images/empower_temp1_right.png) no-repeat; float:right;}
.empower_temp1 .wrap .tit{ font-size:24px; font-weight:bold;height:37px; line-height:37px; border:1px solid #fff; width:194px; text-align:center; margin:40px auto 20px; color:#fff;}
.empower_temp1 .wrap span{ padding:0 42px 0 38px; display:block; font-size:16px; color:#fff; line-height:30px;}
.empower_temp1 .wrap .left .tit{ color:#ffd92a; border:1px solid #ffd92a; width:160px;}
.empower_temp1 .wrap .left span{ padding:0 50px 0 60px;}
.empower_temp1 .wanshen{ width:90px; height:90px; display:block; position:absolute; left:463px; top:235px;}
.empower_temp1 .pk{ width:236px; height:192px; display:block; position:absolute; left:514px; top:31px;}
.empower_temp1 .botton{ margin:20px 0 0 550px; float:left;}
.empower_temp1 .botton .btn { background: #ec5051;color: #fff;}
.empower_temp1 .botton .btn:hover{ background: #dc3536;}

.empower_temp2{ height:580px; background:#ffd92a;}
.empower_temp2 .title{ text-align:left; margin-left:474px;}
.empower_temp2 .items{ overflow:hidden;}
.empower_temp2 .item{ float:left; width:600px; height:128px; margin-right:14px; margin-bottom:50px;}
.empower_temp2 .item.right{ margin-right:0; width:586px;}
.empower_temp2 .item i{ width:128px; height:128px; display:block; background:url(./images/empower_item_icon.png) no-repeat; float:left;}
.empower_temp2 .item .desc{ float:left; margin-left:16px; width:442px;}
.empower_temp2 .item .desc .tit{ height:38px; line-height:38px; font-size:20px; color:#fff; padding:0 14px; background:#f98717; float:left;}
.empower_temp2 .item .desc span{ float:left; font-size:14px; color:#333; line-height:24px; margin-top:18px;}

.empower_temp2 .item1 i{ background-position:0 0;}
.empower_temp2 .item2 i{ background-position:-135px 0;}
.empower_temp2 .item3 i{ background-position:0 -135px;}
.empower_temp2 .item4 i{ background-position:-135px -135px;}

.empower_temp3{ height:205px; background:#515151;}
.empower_temp3 .search{ width:716px; margin:78px auto 0;}
.empower_temp3 .search .input{ width:584px; height:50px; background:#fff;float:left;}
.empower_temp3 .search .input input{ border:0; font-size:18px; width:570px; height:26px; line-height:26px; padding:12px 0 12px 14px;}
.empower_temp3 .search .but{ float:left; width:132px; background:#ec5051; height:50px; position:relative;}
.empower_temp3 .search .but input{ border:0; background:#ec5051; width:132px; height:50px; line-height:50px; font-size:18px; color:#fff; cursor:pointer; outline:0; margin-top:1px; padding:0 0 0 35px;}
.empower_temp3 .search .but .icon{ width:20px; height:20px; display:block; position:absolute; background-position:-272px -166px; left:20px; top:15px;}

.empower_temp4{ background:#fbf8eb; padding-bottom:100px;}
.empower_temp4 .table{ width:1180px; height:auto; background:#fff; padding:10px;}
.empower_temp4 .table .tr{ width:100%; overflow:hidden;}
.empower_temp4 .table .th,.empower_temp4 .table .td{ width:226px; background:#f2f2f2; float:left; margin-right:11px; text-align:center;}
.empower_temp4 .table .first{ width:230px;}
.empower_temp4 .table .last{ margin-right:0;}
.empower_temp4 .table .th{ height:135px; background:url(./images/price_icon.png) no-repeat;}
.empower_temp4 .table .th h2{ font-size:24px; height:30px; line-height:30px; margin-top:42px;}
.empower_temp4 .table .th .price{ font-size:24px; color:#fff; font-weight:bold; text-align:center; height:30px; line-height:30px; margin-top:15px;}
.empower_temp4 .table .th span{ font-size:18px; color:#fff; font-weight:bold; height:20px; line-height:20px; display:block; text-align:center; margin-top:41px;}
.empower_temp4 .table .td{ height:48px; line-height:48px; font-size:16px; position:relative;}
.empower_temp4 .table .td .icon{ background:url(./images/price_icon.png) no-repeat; width:30px; height:24px; display:block; position:absolute; left:98px; top:12px;}
.empower_temp4 .table .td .error{ background-position: -388px 2px;}
.empower_temp4 .table .td .ok{ background-position: -449px 1px;}
.empower_temp4 .table .not .td{ background:#fff;}
.empower_temp4 .table .th.not_bg{ background:#f2f2f2;}
.empower_temp4 .table .th.th_bg1{ background-position:0 0;}
.empower_temp4 .table .th.th_bg2{ background-position:0 -145px;}
.empower_temp4 .table .th.th_bg3{ background-position:0 -290px;}
.empower_temp4 .table .th.th_bg4{ background-position:0 -435px;}
.empower_temp4 .botton{ margin:30px 0; text-align:center;}

.other_list{ overflow:hidden; margin-top:40px;}
.other_list .item{ width:270px; float:left; margin-right:40px;}
.other_list .last{ margin-right:0;}
.other_list .item a{ display:block; text-align:center; font-size:16px; margin-top:10px; color:#ec5051;}
.other_list .item a:hover{ color:#dc3536;}
.other_list .item span{ text-align:center; font-size:16px; margin-top:10px; display:block;}
.other_price{ font-size:16px; text-align:center; margin-top:15px;}
.other_price em{ color:#ec5051; font-weight:bold;}

/*
	移动应用
	多商户微商城
*/
.weshop .main{ width:100%; height:auto; position:relative; background:#fbf8eb;}
.upcoming{ width:1200px; margin:0 auto; height:597px; padding-bottom:138px; background:url(./images/phone_Bg.png) no-repeat; position:relative;}
.upcoming .img{ top:80px; left:190px; width:821px; height:396px; position:absolute;}
.weshop .main .upcoming{ background-position:0 -90px;}
.service_con .upcoming{ height:675px; padding-bottom:50px;}
/*
	移动应用
	多商户APP篇
*/
.app_banner{ height:670px; background:url(./images/app_banner_bg.jpg) center center no-repeat; position:relative;}
.app_banner_silde{ width:100%; overflow:hidden;}
.app_banner_silde li{ float:left; width:100%;}
.app_banner_silde .banner_width{ width:1200px; height:524px; margin:95px auto 0;}
.banner_width .img{ width:600px; height:500px; float:left;}
.banner_width .words{ float:right; margin-top:45px;}
.banner_width .words .w_top h3{ font-weight:normal; color:#592214; margin-top:10px;}
.banner_width .words .w_bot{ margin-top:60px; overflow:hidden;}
.banner_width .words .w_bot .price{ float:left; color:#ec5051; font-size:30px; font-weight:bold; height:48px; line-height:48px; margin-left:80px;}
.banner_width .words .w_bot .btn{ float:left; background:#ec5051; border:0; color:#fff; margin-left:30px;}
.banner_width .words .w_bot .btn:hover{ background:#dc3536;}
.app_banner_silde .hd{ height:15px; width:1200px; margin:0 auto;}
.app_banner_silde .hd ul{ float:left; position:relative; left:50%;}
.app_banner_silde .hd li{ width:14px; height:14px; display:inline-block; background:#fff; text-indent:-9999px; border-radius:50%; margin-right:10px; cursor:pointer;}
.app_banner_silde .hd li.on{ background:#ec5051;}

.app_temp1{ background:#fbf8eb;}
.app_temp1 .title{ float:right; margin:0 120px 40px 0;}
.app_temp1 .box{ width:100%; position:relative; overflow:hidden;}
.app_temp1 .box ul{ position:absolute; top:60px; right:60px;}
.app_temp1 .box li{ width: 650px;height: 60px;overflow: hidden;border-radius: 10px;text-align: center;line-height: 60px;color: #fff;margin-bottom: 20px;}
.app_temp1 .box li .fl{ float: left;font-size: 40px;width: 60px;font-family: "Arial";}
.app_temp1 .box li .fr{ float: right;font-size: 24px;width: 570px;text-align: left;padding-left: 20px;}
.app_temp1 .box li.one .fl{ background-color:#f6a400;}
.app_temp1 .box li.one .fr{ background-color:#ffc000;}
.app_temp1 .box li.two .fl{ background-color:#435563;}
.app_temp1 .box li.two .fr{ background-color:#667581;}
.app_temp1 .box li.three .fl{ background-color:#50bf9f;}
.app_temp1 .box li.three .fr{ background-color:#72dbbd;}
.app_temp1 .box li.four .fl{ background-color:#4fb1d3;}
.app_temp1 .box li.four .fr{ background-color:#69caec;}
.app_temp1 .box .r-b{ width: 912px;height: 78px;line-height: 78px;text-align: center;color: #fff;font-size: 40px;background-color: #ff7c80;border-radius: 15px;position: absolute;right: 0;top: 380px;}

.app_temp2{ background:#ffd82a;}
.app_temp2 .top-radius{ width: 1050px;height: 160px;margin: 0 auto;background-color: #f98717;color: #fff;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;}
.app_temp2 .top-radius p{ font-size: 16px;padding: 30px 55px;text-align: left;line-height: 30px;}
.app_temp2 .title{ margin-bottom:50px; padding-top:50px;}
.app_temp2 .title h3{ height:96px; line-height:48px;}
.app_temp2 .box{ padding-bottom:160px;}
.app_temp2 .img{ position: absolute;left: 50%;margin-left: -960px;bottom: 0;}

.app_temp3{ height:805px; padding-bottom:8px; background:#fbf8eb}
.app_temp3 .title{ padding:50px 0;}
.app_temp3 .title .up{ color:#f98717;font-size: 48px; line-height: 70px;}
.app_temp3 .title .bt{ position:relative; margin-left:30px; display:inline-block; margin-top:0;}
.app_temp3 .title .bt strong{ width: 430px;font-size: 48px;line-height: 80px;text-align: center;color: #fff;position: absolute; font-weight:normal;}
.app_temp3 .title .bt img{ vertical-align:middle;}
.app_temp3 .img{width: 948px;height: 571px; margin-left:102px; position:relative; z-index:10;}
.app_temp3 .bottom{width: 100%;height: 280px;background-color: #ffd82a;border-bottom: 5px solid #f98717;position: absolute;left: 0;bottom: 0;}

.app_temp4{ background:#fbf8eb; padding-bottom:80px;}
.app_temp4 .title{ padding-bottom:60px;}
.app_temp4 .box{ text-align:center; position:relative;}
.app_temp4 .box p{ position: absolute;font-size: 18px;color: #fff;text-align: left;line-height: 30px;}
.app_temp4 .box .p1{ left: 110px;top: 102px;}
.app_temp4 .box .p2{ right: 107px; top: 102px;}
.app_temp4 .box .p3{ color: #333;bottom: 15px;left: 580px;}

.app_temp5{ background:#474e5d; padding-bottom: 200px; overflow:visible;}
.app_temp5 .title h3{ color:#fff;}
.app_temp5 .title-down{font-size: 24px;color: #fff;text-align: center;width: 830px;height: 60px;line-height: 60px;background-color: #119fde;border-radius: 10px;margin: 35px auto 50px;}
.app_temp5 .box .row{height: 150px;width: 1125px;position: relative;margin: 0 auto 50px;}
.app_temp5 .box .row div{position: absolute;top: 0;}
.app_temp5 .box .row .relative{position: relative;height: 100%;}
.app_temp5 .box .row.r-l .relative div{width: 120px;height:70px;padding-top: 25px;text-align: center;top: 15px;right: 0;}
.app_temp5 .box .row.r-r .relative div{width: 120px;height:70px;padding-top: 25px;text-align: center;top: 15px;left: 0;}
.app_temp5 .box .row.r-l .l{width: 135px;height: 150px;left: 0;top:0;background: url(./images/sec_5.png) no-repeat center;}
.app_temp5 .box .row.r-l .r{width: 1010px;height: 105px;background-color: #fff;top: 0; right: 0;border-radius: 10px;}
.app_temp5 .box .row p{font-size: 16px;text-align: left;}
.app_temp5 .box .row p.up{color: #333;padding-left: 50px;padding-top: 18px;line-height: 35px;}
.app_temp5 .box .row p.down{color: #888;position: absolute;right: 50px;bottom: 20px;}
.app_temp5 .box .row.r-r .r{width: 135px;height: 150px;right: 0;top:0;background: url(./images/sec_5-4.png) no-repeat center;}
.app_temp5 .box .row.r-r .l{width: 1010px;height: 105px;background-color: #fff;top: 0; left: 0;border-radius: 10px;}
.app_temp5 .bottom-round{width: 840px;height: 400px;position: absolute;left: 50%;margin-left: -420px;}
.app_temp5 .bottom-round .relative{position: relative;width: 100%;height: 100%;text-align: center;}
.app_temp5 .bottom-round .img1{left: 0;top: 50%;margin-top:-86px;position: absolute;}
.app_temp5 .bottom-round .img3{right: 3px;top: 50%;margin-top:-86px;position: absolute;}
.app_temp5 .bottom-round .text{position: absolute;}
.app_temp5 .bottom-round .text p.up{font-size: 24px;line-height: 40px;}
.app_temp5 .bottom-round .text p.down{font-size: 18px;line-height: 30px;}
.app_temp5 .bottom-round .text-l{left: -90px;bottom: 10px;}
.app_temp5 .bottom-round .text-m{left: 378px;bottom: 142px;}
.app_temp5 .bottom-round .text-r{right: -70px;bottom: 10px;}
.app_temp5 .bottom-round .text-l .up{color: #ea6868;}
.app_temp5 .bottom-round .text-m .up{color: #5ca3e1;}
.app_temp5 .bottom-round .text-r .up{color: #36d68e;}

.app_temp6{ background-color: #fbf8eb;padding-bottom: 80px;padding-top:200px; overflow:visible;}
.app_temp6 .title{padding-bottom: 60px;}
.app_temp6 .box{position: relative;}
.app_temp6 .box p.up{font-size: 20px;padding-bottom: 15px; color:#333; font-weight:bold;}
.app_temp6 .box p.down{font-size: 16px;line-height: 30px;}
.b2b2c .t-al-l{text-align: left;}
.b2b2c .t-al-r{text-align: right;}
.app_temp6 .box div{position: absolute;}
.app_temp6 .box .text-l-t{left: 55px;top: 70px;}
.app_temp6 .box .text-l-b{left: 15px;bottom: 50px;}
.app_temp6 .box .text-r-t{right: 45px;top: 70px;}
.app_temp6 .box .text-r-b{right: 55px;bottom: 50px;}
.app_temp6 .box .p{font-size: 100px;color: #fff;font-weight: bold; position: absolute; height:132px; line-height:132px;}
.app_temp6 .box .p-l-t{left: 460px;top: 60px;}
.app_temp6 .box .p-l-b{left: 460px;bottom: 70px;}
.app_temp6 .box .p-r-t{right: 455px;top: 60px;}
.app_temp6 .box .p-r-b{right: 455px;bottom: 70px;}
.app_temp6 .b-p{font-size:24px; color: #fff;background-color: #37b6e9;width:400px; border-radius: 10px; margin: 45px auto; height:50px; line-height:50px; text-align: center;}
.app_temp6 ul{width:1200px; overflow:hidden;}
.app_temp6 ul li{float:left; width:200px; margin-right:50px;}
.app_temp6 ul li.last{margin-right:0;}
.app_temp6 ul li .wrap{ height:200px;width:100%;background-image:url(./images/sec_6-1.png);}
.app_temp6 ul li.one .wrap{ background-position: center top; }
.app_temp6 ul li.two .wrap{ background-position: center 860px; }
.app_temp6 ul li.three .wrap{ background-position: center 640px; }
.app_temp6 ul li.four .wrap{ background-position: center 420px; }
.app_temp6 ul li.last .wrap{ background-position: center 200px; }
.app_temp6 ul li .up{font-size:24px;padding: 20px 0 10px; text-align:center; color:#333;}
.app_temp6 ul li .down{font-size:16px; line-height:30px; color:#555; text-align:center;}

.app_temp7{ background:url(./images/sec_7_bg.jpg) center center no-repeat; height:597px;}
.app_temp7 .fl{ padding-top: 48px;padding-left: 50px;}
.app_temp7 .fr{ padding-left:75px; float:left;}
.app_temp7 .fr .title{ text-align:left;}
.app_temp7 .fr .title span{ margin:40px 0 30px;}

.app_temp8{ background-color: #fbf8eb;}
.app_temp8 .box{padding: 60px 0 100px;}
.app_temp8 .box ul{position: absolute;top: 40px;}
.app_temp8 .box ul li{padding-top: 80px}
.app_temp8 .box ul.left{text-align: right;left: 45px;}
.app_temp8 .box ul.left li.one{margin-right: -50px;margin-top: 1px;}
.app_temp8 .box ul.left li.two{;margin-top: 10px;}
.app_temp8 .box ul.left li.three{margin-right: -50px;margin-top: -25px;}
.app_temp8 .box ul.right{text-align: left;right: 0px;}
.app_temp8 .box ul.right li.one{margin-left: -50px;}
.app_temp8 .box ul.right li.two{margin-top: 15px;}
.app_temp8 .box ul.right li.three{margin-top: -25px;margin-left: -50px;}
.app_temp8 .box ul li p.up{font-size: 24px;color: #f98717;line-height: 40px; font-weight:bold;}
.app_temp8 .box ul li p.down{font-size: 16px;line-height: 30px; color:#333;}
.app_temp8 .box a.learn-more-a{display: block; width: 210px;height: 60px;line-height: 60px;text-align: center;color: #fff;background-color: #ec5051;border-radius: 5px; font-size: 22px; position: absolute;left: 515px;bottom:70px;}
.app_temp8 .box a.learn-more-a:hover{ background:#dc3536;}

.app_temp9{ background:#ffd82a;}
.app_temp9 img{ margin:30px 0 78px;}

.app_temp10{ height:720px; background:url(./images/sec_10_bg.jpg) center center no-repeat;}
.app_temp10 .fr{ padding-top: 60px; width: 570px;background: url(./images/sec_10_1.png)no-repeat center 230px;}
.app_temp10 .fr .title{ text-align:left; color:#fff; margin-bottom:35px;}
.app_temp10 .fr .title h3{ color:#fff;}
.app_temp10 .fr .title h5{ padding-top:80px; font-size:24px; font-weight:normal;}

.app_temp11{ background:#fbf8eb;}
.app_temp11 .fl{ margin-left:-157px; margin-top:70px;}
.app_temp11 .fr{ width:590px;}
.app_temp11 .fr .title{ text-align:left; padding-top:100px;}
.app_temp11 .fr .title span{ margin-top:40px; color:#333;}

.app_temp12{ background:#ffd82a; height:720px; overflow:visible;}
.app_temp12 img{ margin-top:50px;}

.app_temp13{ padding:123px 0 100px; background:#fbf8eb;}
.app_temp13 ul{width:1174px ;overflow: hidden;margin: 0 auto;padding-top: 100px;position: relative;}
.app_temp13 ul li{float: left; width: 360px;position: relative; margin-right: 47px;background: url(./images/sec_13.png) no-repeat center top;}
.app_temp13 ul li.last{margin-right: 0;}
.app_temp13 ul li .box-wrap{width: 358px;height: 240px;background-color: #fff;margin-top: 65px;text-align: center;border:1px solid #ddd;border-top:none;position: relative;}
.app_temp13 ul li .box-wrap p.up{font-size: 24px;padding-top: 15px; color:#333;}
.app_temp13 ul li .box-wrap p.middle{font-size: 14px;color: #888;line-height: 25px;padding-bottom: 15px;}
.app_temp13 ul li .box-wrap p.desc{font-size: 14px;line-height: 23px;padding: 0 28px; color:#333;}
.app_temp13 ul li .yuan{width: 100px;height: 100px;text-align: center;position: absolute;left: 50%;margin-left: -50px;top:-50px;}
.app_temp13 .botton{ text-align:center; margin-top:50px;}

.app_temp14{ background:#ffd829; height:275px;}
.app_temp14 .fl{ margin:60px 0 0 34px;}
.app_temp14 .fl img{ float:left;}
.app_temp14 .fl h3{ float:left; font-size:24px; margin:35px 0 0 20px; line-height:35px;}
.app_temp14 .fr{ float:right; margin:32px 45px 0 0;}

.app_temp15{ background:#fbf7eb; height:625px;}
.app_temp15 .content{ background:#fff; padding:12px; width:1176px;}
.app_temp15 .content .tm1{ float:left; height:368px;background:#f3f3f3;}
.app_temp15 .content .tm2{ float:left; width:351px;}
.app_temp15 .content .tm2 .top{ background:#dcf2ff; padding:28px 0 20px 30px;}
.app_temp15 .content .tm2 .top h3{ font-size:24px; color:#1b6c9a; font-weight:normal; margin-bottom:20px;}
.app_temp15 .content .tm2 .top .tem1,.app_temp15 .content .tm2 .top .tem2,.app_temp15 .content .tm2 .top .tem3{ font-size:16px; color:#333; position:relative; line-height:35px; padding-left:30px;}
.app_temp15 .content .tm2 .top .tem1 i{ display:block; position:absolute; width:12px; height:24px; background:url(./images/tem1.jpg) no-repeat; left:2px; top:6px;}
.app_temp15 .content .tm2 .top .tem2 i{ display:block; position:absolute; width:18px; height:20px; background:url(./images/tem2.png) no-repeat; left:0; top:8px;}
.app_temp15 .content .tm2 .top .tem3 i{ display:block; position:absolute; width:18px; height:15px; background:url(./images/tem3.png) no-repeat; left:0; top:10px;}
.app_temp15 .content .tm2 .bottom{ width:351px; height:154px; background:#eefcd6; position:relative; padding-top:10px;}
.app_temp15 .content .tm2 .bottom i{ width:69px; height:71px; background:url(./images/tem4.png) no-repeat; position:absolute; top:0; left:0;}
.app_temp15 .content .tm2 .bottom p{ padding-left:97px; line-height:30px; font-size:14px; color:#333;}
.app_temp15 .content .tm2 .bottom p.red{ color:#ec5051;}
.app_temp15 .content .tm2 .bottom p b{ margin-right:7px;}
.app_temp15 .content .tm2 .bottom p b img{ vertical-align:middle;}
.app_temp15 .content .tm3{ float:left; height:340px; padding:28px 28px 0 26px; width:292px; background:#f3f3f3;}
.app_temp15 .content .tm3 h3{ font-size:24px; color:#333; font-weight:normal;}
.app_temp15 .content .tm3 .p1{ font-size:18px; color:#ec5051; line-height:30px; margin-top:25px;}
.app_temp15 .content .tm3 .p2{ font-size:18px; color:#333; padding-left:38px; background:url(./images/gou.png) no-repeat; height:30px; margin-top:8px;}
.app_temp15 .content .tm3 span{ font-size:16px; color:#888; display:block; margin:15px 0 0 5px;}
.app_temp15 .bottom_bg{ height:102px; background:#ffd829; text-align:center; line-height:102px;}
.app_temp15 .bottom_bg .cr{ width:360px; margin:0 auto; overflow:hidden;}
.app_temp15 .bottom_bg span{ display: block; float:left; font-size:48px; color:#ec5051; font-weight:bold;}
.app_temp15 .bottom_bg .botton{ float:left; margin:27px 0 0 24px;}

.app_temp15 ul{ width: 1200px;margin: 0 auto;background: #ddd;}
.app_temp15 ul li{ width:25%; display:inline-block; font-size:14px; float:left; cursor:pointer; box-sizing: border-box;text-align: left; color:#fff;height: 40px;background: #bbb;border-left: #ddd 1px solid;line-height: 40px;padding-left: 65px;}
.app_temp15 ul.text li{ background: #333;height: 80px;line-height: 30px;border: none;padding-left: 38px;}
.app_temp15 ul.text li.active{ background: #42b8f1;}
.app_temp15 ul.text li span{ font-size: 24px;margin-top: 12px;display: inline-block;}
.app_temp15 ul.text li.last3{ position:relative; padding-left:75px;}
.app_temp15 ul.text li.last3 img{ position: absolute;top: 15px;left: 15px;max-width: 100%;}
.app_temp15 ul.text li.last3.active{ background: #ff2f2f;}
.app_temp15 .tab-con{position: relative;font-size: 14px; overflow:hidden; height:184px;}
.app_temp15 .tab-con table{ border-collapse: collapse;border-spacing: 0;}
.app_temp15 .tab{ margin-top:30px;}
.app_temp15 .tab,
.app_temp15 .tab-con table tr,
.app_temp15 .tab-con table td{border: #ddd 1px solid; background:#fff;}
.app_temp15 .tab-con table td{color:#aaa;width: 25%;padding-left: 38px;height: 60px;line-height: 60px;position: relative;}
.app_temp15 .tab-con table td:nth-child(odd){background: #fff;border-left: none;}
.app_temp15 .tab-con table td>div{height: 18px;width: 18px;background: #aaa;border-radius: 50%;position: relative;top:4px;margin-right: 10px;display: inline-block;}
.app_temp15 .tab-con table td>div>i{display: block;height: 1px;width: 10px;position: absolute;top: 50%;left: 50%;margin-left: -26%;margin-top: -2%;background: #fff;}
.app_temp15 .tab-con table td.green{color: #333;}
.app_temp15 .tab-con table td.green>div{}
.app_temp15 .tab-con table td.green>div img{width: 100%;max-width: 100%;}


.app_temp15 .tab-con .app_table {position: absolute;width: 1200px;height: 100%;transform: translate3d( -100%,0,0);-webkit-transform: translate3d(-100%,0,0);transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;visibility: none;}
.app_temp15 .tab-con .show{ position: absolute;left: 0;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;visibility: visible;}
.app_temp15 .tab-con>a{display: block;width: 180px;height: 60px;line-height: 60px;background: #ff2f2f;text-align: center;font-size: 24px;color: #fff;border-radius: 8px;margin: 40px auto 0;}

/*
	移动应用
	ECJia掌柜
*/
.shopkeeper_temp1{ background:#fbf8eb;}
.shopkeeper_temp1 .r-box{ margin:50px 100px 0 0;}
.shopkeeper_temp1 .title{padding-top: 110px; text-align:left;}
.shopkeeper_temp1 .l-box{width: 490px;text-align: left;margin-left:25px;}
.shopkeeper_temp1 .ewm-box{overflow: hidden;width: 350px;margin: 30px 0;text-align: center;}
.shopkeeper_temp1 .ewm-box p{font-size: 18px;margin-top: 10px;}
.shopkeeper_temp1 .l-box p.red-text{font-size: 18px;color: #dc3720;}
.shopkeeper_temp1 .l-box p.tel{font-size: 18px;margin-top: 10px;}

.shopkeeper_temp2{ height: 650px;position: relative;overflow: hidden;}
.shopkeeper_temp2 .locations{ position: absolute;height: inherit;}
.shopkeeper_temp2 .locations .clcyimage{ height: inherit;position: relative;width: 1920px;}
.shopkeeper_temp2 .locations .clcyimage li{width: 1920px;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);}
.shopkeeper_temp2 .locations .clcyimage li:nth-of-type(1){opacity: 1;filter: alpha(opacity=100);}
.shopkeeper_temp2 .black-box{width: 579px;height: 232px;background: url(./images/shop_index_k.png) no-repeat center; position: absolute;right: 50px;top: 50%;margin-top: -115px;color: #fff; margin-right:200px;}
.shopkeeper_temp2 .up{width: 300px;text-align: center;display: none;position: absolute;left: 50%;margin-left: -150px;top: 35px;}
.shopkeeper_temp2 .down{font-size: 24px;line-height: 50px;padding-top: 110px; text-align:center;}
.shopkeeper_temp2 .line{border-top: 1px solid #858687;position: absolute;left: 0;top: 70px;}
.shopkeeper_temp2 .up.show{display: block;}
.shopkeeper_temp2 .click-point{width: 70px;height: 10px;overflow: hidden;margin: 20px auto 0;}
.shopkeeper_temp2 .click-point li{float: left;width: 10px;height: inherit;margin-right: 10px;border-radius: 50%;background-color: #868180;cursor: pointer;}
.shopkeeper_temp2 .click-point li.last{margin-right: 0;}
.shopkeeper_temp2 .click-point li.active{background-color: #ededed;}

.shopkeeper_temp3{ background:#fbf8eb; height:900px; overflow:visible;}
.shopkeeper_temp3 .img-box{ width:100%; padding-top:125px; margin-left:10px;}
.shopkeeper_temp3 .title{ width: 485px;position: absolute;right: 0;top: 20px; text-align:left;}
.shopkeeper_temp3 .title span{ margin-top:30px;}
.shopkeeper_temp3 .img{ position: absolute;right: 0px;bottom: -390px;}

.shopkeeper_temp4{ height:765px; background:url(./images/sk_sec_4_bg.png) center top no-repeat;}
.shopkeeper_temp4 .title{ color: #b74506;text-align: left;padding: 100px 0 76px;}
.shopkeeper_temp4 .title ul{overflow: hidden;margin-top: 30px;}
.shopkeeper_temp4 .title li{float: left;font-size: 24px;margin-right: 20px; color:#b74506;}

.shopkeeper_temp5{ height:960px; background:#fbf8eb;}
.shopkeeper_temp5 .title{ padding:70px 0 50px;}
.shopkeeper_temp5 .text-box{ text-align: right;position: absolute;right: 68px;}
.shopkeeper_temp5 .text-box-up { bottom: 330px;}
.shopkeeper_temp5 .text-box .up { font-size: 36px;color: #d94045;line-height: 50px;margin-bottom: 30px;}
.shopkeeper_temp5 .text-box .down{ font-size: 18px;line-height: 35px;}
.shopkeeper_temp5 .text-box-down { bottom: 132px;}

.shopkeeper_temp6{ background:#ffd92a; height:650px; overflow:visible; position:relative; z-index:10;}
.shopkeeper_temp6 .box{ margin-top:30px;}

.shopkeeper_temp7{ padding-top:365px; background:#fbf8eb; height:542px;overflow:visible; position:relative; z-index:9;}
.shopkeeper_temp7 .img{ float:left;}
.shopkeeper_temp7 .fr{ width:367px;}
.shopkeeper_temp7 .fr .title{ text-align:left; padding-top:170px;}
.shopkeeper_temp7 .fr .title span{ line-height:35px;}

.shopkeeper_temp8 { overflow:visible; background:#fbf8eb;}
.shopkeeper_temp8 .orgBg{ width:100%; height:535px; background:#f98717; position:absolute; top:0;}
.shopkeeper_temp8 .w1200{ padding-top:220px;}
.shopkeeper_temp8 .title { padding-top:110px;}
.shopkeeper_temp8 .title h3{ color:#fff;}
.shopkeeper_temp8 .box{ margin-top:42px;}
.shopkeeper_temp8 .text{ position:absolute;}
.shopkeeper_temp8 .text-desc{ font-size:18px;text-align: left;line-height: 35px; color:#333;}
.shopkeeper_temp8 .text-title{ font-size: 24px;color: #ec5051;text-align: left;}
.shopkeeper_temp8 .text1{ top:165px; right:38px;}
.shopkeeper_temp8 .text2{ top:294px; right:54px;}
.shopkeeper_temp8 .text3{ top:482px; left:0px;}
.shopkeeper_temp8 .text4{ top:546px; left:0px;}
.shopkeeper_temp8 .text5{ top:820px; right:210px;}
.shopkeeper_temp8 .text6{ top:876px; right:7px;}
.shopkeeper_temp8 .text7{ top:1068px; left:0px;}
.shopkeeper_temp8 .text8{ top:1154px; left:190px;}
.shopkeeper_temp8 .text9{ top:1424px; right:210px;}
.shopkeeper_temp8 .text10{ top:1490px; right:8px;}

.shopkeeper_temp9{ background:#fbf8eb;}
.shopkeeper_temp9 .box{ margin-top:75px;}
.shopkeeper_temp9 .box p{ font-size:24px; color:#333;}
.shopkeeper_temp9 .box .p-l{ position:absolute; top:-9px;left:115px;}
.shopkeeper_temp9 .box .p-c{ position:absolute; top:-9px;left:462px;}
.shopkeeper_temp9 .box .p-r{ position:absolute; top:-9px;left:787px;}

.shopkeeper_temp10{ height:650px; background:url(./images/sk_sec_10_1_bg.jpg) no-repeat center top; overflow:visible;}
.shopkeeper_temp10 .w1200{ height:650px;}
.shopkeeper_temp10 .title{ padding-top:200px; float:left; margin-left:545px;}
.shopkeeper_temp10 img{ position: absolute;left: 55px;bottom:-252px;}
.shopkeeper_temp10 p.box{ position: absolute;border-radius: 10px;font-size: 24px;color: #fff;width: 300px;height: 70px;line-height: 70px;text-align: center;}
.shopkeeper_temp10 p.box-up{ background-color: #99b2e3;top: 308px;left: 550px;}
.shopkeeper_temp10 p.box-down{ background-color: #eebd73;top: 445px;left: 640px;}

.shopkeeper_temp11{ height:435px; background:#fbf8eb;overflow:visible;}
.shopkeeper_temp11 .title{ float:left; padding-top:320px;}
.shopkeeper_temp11 img{ margin-top:60px; position:absolute; right:0;}

.shopkeeper_temp12{ background:#ffd92a; height:830px; overflow:visible;}
.shopkeeper_temp12 .w1200{ height:830px;}
.shopkeeper_temp12 .title{ position:absolute; width:260px; text-align:left; bottom:90px; right:130px;}
.shopkeeper_temp12 .box{ position: absolute;height: 70px;border-radius: 10px;line-height: 70px;font-size: 30px;text-align: center;color: #fff;}
.shopkeeper_temp12 .box-up{ background-color: #de4645;width: 360px;top: 100px;left: 35px;}
.shopkeeper_temp12 .box-down{ background-color: #86ca6c;width: 380px;top: 195px;left: 290px;}
.shopkeeper_temp12 img{ position:absolute; bottom:-440px; left:0; z-index:9;}

.shopkeeper_temp13,.shopkeeper_temp13 .w1200{ height:1027px; background:#fbf8eb; overflow:visible;}
.shopkeeper_temp13 img{ position:absolute; right:0; bottom:-260px; z-index:9;}
.shopkeeper_temp13 .title{ position:absolute; bottom:115px; text-align:left; left:153px;}
.shopkeeper_temp13 .h3_2{ margin-top:30px;}

.shopkeeper_temp14{ height:300px; background:#ffd92a;}
.shopkeeper_temp14 .botton{ float:left; margin:100px 0 0 400px;}
/*
	移动应用
	ECJia收银台
*/
.cashdesk_temp1{background-color: #f6f6f6;padding-bottom: 80px;}
.cashdesk_temp1 ul{width: 1120px;margin: 60px auto 0;text-align: center;}
.cashdesk_temp1 ul li{float: left;width: 268px;height: 368px;padding: 15px;border: 3px solid #ddd;margin-right: 104px;position: relative;background-color: #fff;}
.cashdesk_temp1 ul li.last{margin-right: 0;}
.cashdesk_temp1 ul li .l-img{position: absolute;left: -47px;top: 205px;}
.cashdesk_temp1 ul li .t{font-size: 30px;padding: 10px 0 8px; color:#333;}
.cashdesk_temp1 ul li .b{font-size: 14px;line-height: 25px;}

.cashdesk_temp2{background-color: #ffd92a;}
.cashdesk_temp2 .w1200{position: relative;height: 780px;}
.cashdesk_temp2 .bg{width: 1210px;height: 480px;background: url(./images/cashdesk_index_2_bg.png) no-repeat center;position: absolute;bottom: 0;left: 0;z-index: 1;}
.cashdesk_temp2 .img-box{width: 817px;height: 486px;background: url(./images/cashdesk_index_2.png) no-repeat center;position: absolute;left:175px; top:210px;z-index: 2;}
.cashdesk_temp2 .img-box .relative{ height:444px;}
.cashdesk_temp2 .img-box p{position: absolute;font-size: 16px;line-height: 26px; background:#f98717; color:#fff; padding:0 10px;}
.cashdesk_temp2 .img-box .c{color: #fff;left: 257px;top: 186px; background:none; font-size:30px; font-weight:bold; text-align:center; line-height:50px;}
.cashdesk_temp2 .img-box .l-t{left: 235px;top: 0px;}
.cashdesk_temp2 .img-box .r-t{right: 18px;top:82px;}
.cashdesk_temp2 .img-box .l-b{left: 120px;top: 393px;}
.cashdesk_temp2 .img-box .r-b{right: 103px;top: 374px;}

.cashdesk_temp3{ height: 890px; text-align:center; overflow:visible;}
.cashdesk_temp3 .title{ padding-top:100px;}
.cashdesk_temp3 .img{width: 811px;height: 463px;background: url(./images/cashdesk_index_3-1.png) no-repeat center;position: absolute;left: 50%;margin-left: -405px;top: 230px;z-index: 2;}
.cashdesk_temp3 .img .relative { position: relative;width: 100%;height: 100%;}
.cashdesk_temp3_bg{ width:1050px; height:650px; background:url(./images/cashdesk_index_3_bg.png) no-repeat; position:absolute; top:96px; left:72px;}
.cashdesk_temp3 .circle1,
.cashdesk_temp3 .circle2,
.cashdesk_temp3 .circle3 {
	position: absolute;
	border: 1px solid #ccc;
	border-radius: 50%;
	bottom: -700px;
	height: 760px;
	left: 50%;
	margin-left: -360px;
	opacity: 0.3;
	width: 760px;
	z-index: 0;
}
.cashdesk_temp3 .circle1 {
	animation-delay: 1s;
	animation-direction: normal;
	animation-duration: 3s;
	animation-fill-mode: none;
	animation-iteration-count: infinite;
	animation-name: circle;
	animation-play-state: initial;
	animation-timing-function: ease-in;
}
.cashdesk_temp3 .circle2 {
	animation-delay: 1.5s;
	animation-direction: normal;
	animation-duration: 3s;
	animation-fill-mode: none;
	animation-iteration-count: infinite;
	animation-name: circle;
	animation-play-state: initial;
	animation-timing-function: ease-in;
}
.cashdesk_temp3 .circle3 {
	animation-delay: 2s;
	animation-direction: normal;
	animation-duration: 3s;
	animation-fill-mode: none;
	animation-iteration-count: infinite;
	animation-name: circle;
	animation-play-state: initial;
	animation-timing-function: ease-in;
}
@keyframes circle {
	0% {
		opacity: 1;
		transform: scale(0.4);
		visibility: visible;
	}
	50% {
		opacity: 0;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(1.5);
	}
}
.cashdesk_temp3 .yuan li{
	opacity: 0;
	transform: translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) rotate(180deg) scale(1);
	transition: opacity 0.6s ease-out 0s, transform 0.6s ease-out 0s;
}
.cashdesk_temp3 .yuan li:nth-of-type(1){
	left: 0;
	top: 0;
}
.cashdesk_temp3 .yuan li:nth-of-type(2){
	top: 0;
}
.cashdesk_temp3 .yuan li:nth-of-type(3){
	top: 0;
	right: 0;
}
.cashdesk_temp3 .yuan.active li {
	opacity: 1;
	transform: translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) rotate(0deg) scale(1);
	transition: opacity 0.6s ease-out 0.7s, transform 0.6s ease-out 0.7s;
}
.cashdesk_temp3 li{
	width: 605px;
	height: 605px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -302px;
	margin-top: -302px;
}

.cashdesk_temp3 .yuan.active{
	width: 100%;
	height: 100%;
	position: relative;
	animation: 1.2s ease-in-out 2.5s alternate none infinite running slide-tr;
	transform: translateX(0px) translateY(-6px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) rotate(0deg) scale(1);
	-webkit-animation:slide-tr 1.2s ease-in-out 2.5s infinite alternate none;
	-moz-animation:slide-tr 1.2s ease-in-out 2.5s infinite alternate none;
	-ms-animation:slide-tr 1.2s ease-in-out 2.5s infinite alternate none;
	-o-animation:slide-tr 1.2s ease-in-out 2.5s infinite alternate none;
	animation:slide-tr 1.2s ease-in-out 2.5s infinite alternate none;
}
@-webkit-keyframes slide-tr{
	0%{-webkit-transform:translate(0,-6px)}
	100%{-webkit-transform:translate(0,0)}
}
@-moz-keyframes slide-tr{
	0%{-moz-transform:translate(0,-6px)}
	100%{-moz-transform:translate(0,0)}
}
@-ms-keyframes slide-tr{
	0%{-ms-transform:translate(0,-6px)}
	100%{-ms-transform:translate(0,0)}
}
@-o-keyframes slide-tr{
	0%{-o-transform:translate(0,-6px)}
	100%{-o-transform:translate(0,0)}
}
@keyframes slide-tr{
	0%{transform:translate(0,-6px)}
	100%{transform:translate(0,0)}
}
.cashdesk_temp3 .yuan .r{
	border-radius: 50%;
	color: #fff;
	position: absolute;
}
.cashdesk_temp3 .green{
	width: 97px;
	height: 97px;
	background-color: #f8a33e;
	right: 198px;
	top: 380px;
}
.cashdesk_temp3 .green p{
	font-size: 18px;
	line-height: 30px;
	padding-top: 33px;
}
.cashdesk_temp3 .red{
	width: 148px;
	height: 148px;
	background-color: #f24a4b;
	left: 50%;
	margin-left: -200px;
	bottom: 190px;
}
.cashdesk_temp3 .red p{
	font-size: 24px;
	line-height: 35px;
	padding-top: 39px;
}
.cashdesk_temp3 .blue{
	width: 125px;
	height: 125px;
	background-color: #ef60f4;
	right: 25px;
	bottom: 180px;
}
.cashdesk_temp3 .blue p{
	font-size: 20px;
	line-height: 30px;
	padding-top: 32px;
}
.cashdesk_temp3 .yellow{
	width: 130px;
	height: 130px;
	background-color: #eddd2d;
	left: -84px;
	bottom: 200px;
}
.cashdesk_temp3 .yellow p{
	font-size: 24px;
	line-height: 35px;
	padding-top: 47px;
}
.cashdesk_temp3 .dark-blue{
	width: 107px;
	height: 107px;
	background-color: #42c1f6;
	left: 100px;
	bottom: 40px;
}
.cashdesk_temp3 .dark-blue p{
	font-size: 18px;
	line-height: 30px;
	padding-top: 38px;
}
.cashdesk_temp3 .dark-green{
	width: 170px;
	height: 170px;
	background-color: #6b85f7;
	right: -60px;
	bottom: 115px;
}
.cashdesk_temp3 .dark-green p{
	font-size: 28px;
	line-height: 40px;
	padding-top: 45px;
}

.cashdesk_temp4{ background-color: #ffd92a;padding-bottom: 80px; overflow:visible;}
.cashdesk_temp4 ul{width: 100%;overflow: hidden;margin-top: 50px;}
.cashdesk_temp4 ul li{float: left;width: 230px;margin-right: 92px;text-align: left;}
.cashdesk_temp4 ul li .k{width: 100%;height: 230px;border-radius: 5px;position: relative;text-align: center; background:#fff;}
.cashdesk_temp4 ul li.last{width: 232px;margin-right: 0;}
.cashdesk_temp4 ul li .k img{margin-top: 50px;}
.cashdesk_temp4 ul li .k p{width:100%;font-size: 24px;color: #f98717;position: absolute;bottom: 50px;}
.cashdesk_temp4 ul li .b{font-size: 20px;margin: 20px 0 5px 0; font-weight:bold; color:#333;}
.cashdesk_temp4 ul li .s{font-size: 16px;}

.cashdesk_temp5{background-color: #fbf8eb;padding-bottom: 120px;}
.cashdesk_temp5 .img-box{width: 100%;height: 500px;position: relative;margin-top: 60px;}
.cashdesk_temp5 .img-box img{position: absolute;left: 50%;margin-left: -250px;top: 50%;margin-top: -250px;}
.cashdesk_temp5 .img-box .l-box{width: 330px;position: absolute;}
.cashdesk_temp5 .img-box .l-box.l{text-align: right;}
.cashdesk_temp5 .img-box .l-box.r{text-align: left;}
.cashdesk_temp5 .img-box .t{font-size: 24px;padding-bottom: 10px;border-bottom: 1px dashed #bbb;margin-bottom: 10px;position: relative;}
.cashdesk_temp5 .img-box .t span{width: 18px;height: 18px;border-radius: 50%;bottom: -9px;display: block;position: absolute;}
.cashdesk_temp5 .img-box .l-t{font-size: 18px;line-height: 35px;color: #f56867;}
.cashdesk_temp5 .l .t span{left: -9px;}
.cashdesk_temp5 .r .t span{right: -9px;}
.cashdesk_temp5 .img-box .desc{font-size: 18px;line-height: 35px;}
.cashdesk_temp5 .l-t-box{top: 40px;left: 0;}
.cashdesk_temp5 .l-t-box .t{color: #9ecc16;border-color: #9ecc16;}
.cashdesk_temp5 .l-t-box .t span{background-color: #9ecc16; }
.cashdesk_temp5 .r-t-box{top: 40px;right: 0;}
.cashdesk_temp5 .r-t-box .t{color: #3ab0dc;border-color: #3ab0dc;}
.cashdesk_temp5 .r-t-box .t span{background-color: #3ab0dc; }
.cashdesk_temp5 .l-b-box{bottom: -40px;left: 0;}
.cashdesk_temp5 .l-b-box .t{color: #5f8be9;border-color: #5f8be9;}
.cashdesk_temp5 .l-b-box .t span{background-color: #5f8be9; }
.cashdesk_temp5 .r-b-box{bottom: -40px;right: 0;}
.cashdesk_temp5 .r-b-box .t{color: #f56867;border-color: #f56867;}
.cashdesk_temp5 .r-b-box .t span{background-color: #f56867; }
.cashdesk_temp5 .xuanzhuan0{
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-webkit-transition:1s ease;
	-moz-transition:1s ease;
	-o-transition:1s ease;
	transition:1s ease;
}
.cashdesk_temp5 .xuanzhuan180{
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-webkit-transition:1s ease;
	-moz-transition:1s ease;
	-o-transition:1s ease;
	transition:1s ease;
}

.cashdesk_temp6{background-color: #c3ab8d;padding-bottom: 80px;}
.cashdesk_temp6 .title,.cashdesk_temp6 .title h3{ color:#fff;}
.cashdesk_temp6 .img{width: 1234px;height: 365px;margin: 60px auto 0;position: relative;}
.cashdesk_temp6 .img .l{width: 416px;height: 358px;background: url(./images/cashdesk_index_4-1.png) no-repeat center;position: absolute;left: 50%;margin-left: -183px;top: 0;z-index: 1;}
.cashdesk_temp6 .img .c{width: 508px;height: 358px;background: url(./images/cashdesk_index_4-2.png) no-repeat center;position: absolute;left: 50%;margin-left: -220px;top: 0;z-index: 2;}
.cashdesk_temp6 .img .r{width: 367px;height: 358px;background: url(./images/cashdesk_index_4-3.png) no-repeat center;position: absolute;left: 50%;margin-left: -183px;top: 0;z-index: 1;}
.cashdesk_temp6 .img.active .l{
	left: 0;
	margin-left: 0;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
}
.cashdesk_temp6 .img.active .r{
	left: 100%;
	margin-left: -367px;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
}

.cashdesk_temp7{ background:#fbf8eb; padding-bottom:80px;}
.cashdesk_temp7 .img{ width: 1352px;height: 755px;margin: 0px auto; background:url(./images/cashdesk_temp7_bg.png) no-repeat center bottom;position: relative;}


.cashdesk_temp8{ background-color: #ffd92a;padding: 80px 0; height:1228px;}
.cashdesk_temp8 .w1200{ height:1388px;}
.cashdesk_temp8 .title{text-align: left; position:absolute;}
.cashdesk_temp8 .title .down{padding-bottom: 10px;}
.cashdesk_temp8 .title .btn{ margin-top:40px;}
.cashdesk_temp8 .t .l-box{width: 742px;height: 655px;position: relative;background: url(./images/cashdesk_index_6-1.png) no-repeat center;position: relative;}
.cashdesk_temp8 .t .l-box p{font-size: 16px;position: absolute; background:#f98717; padding:0 10px; color:#fff; height:25px; line-height:25px;}
.cashdesk_temp8 .t .l-box .p1{left: 380px;top: 35px;}
.cashdesk_temp8 .t .l-box .p2{left: 560px;top: 145px;}
.cashdesk_temp8 .t .l-box .p3{right: 10px;top: 325px;}
.cashdesk_temp8 .t .l-box .p4{right: 150px;bottom: 105px;}
.cashdesk_temp8 .t .l-box .p5{right: 350px;bottom: 20px;}
.cashdesk_temp8 .b{ position: relative;padding: 100px 0 50px; height:546px;}
.cashdesk_temp8 .b .r-box{ width: 666px;height: 504px;background: url(./images/cashdesk_index_6-2.png) no-repeat;position: absolute;right: 0; top:0;}
.cashdesk_temp8 .t .title{ top:110px; right:50px; width:325px;}
.cashdesk_temp8 .t .title h3{ height:90px; line-height:45px;}
.cashdesk_temp8 .b .title{ left:0;}
.cashdesk_temp8 .white{ font-size:22px; color:#dc3536; margin-top:10px;}
.cashdesk_temp8 .white:hover{ text-decoration:underline;}
.cashdesk_temp8 .botton{ margin-top:50px; text-align:right;}

/*
	资源区
*/
.resource_banner{ height:590px; width:100%; background:url(./images/resource_banner.jpg) center top no-repeat;}
.resource_temp1{ background:#fbf8eb; padding-bottom:90px;}
.resource_temp1 .box{ margin-top:50px;}
.resource_temp1 .box ul{ overflow:hidden;}
.resource_temp1 .box li{ float:left; width:370px; height:auto; margin-right:45px;}
.resource_temp1 .box .last{ margin-right:0;}
.resource_temp1 .box .desc{ width:100%; height:150px; background:#fff;}
.resource_temp1 .box .desc h3{ font-size:24px; color:#333; height:24px; line-height:24px; padding-top:20px;}
.resource_temp1 .box .desc span{ font-size:14px; padding-top:10px; display:block;}
.resource_temp1 .box .desc p{ display:block; padding-top:18px; height:30px; line-height:30px;}
.resource_temp1 .box .desc .price{ display:inline-block; color:#ec5051; padding:0; font-size:16px; margin-right:6px;}
.resource_temp1 .box .desc .btn3{ display:inline-block; height:30px; padding-left:34px; width:80px; color:#fff; font-size:14px; background:url(./images/dn.jpg) #ec5051 left top no-repeat;}
.resource_temp1 .box .desc .btn3:hover{ background-color:#dc3536;}
.resource_temp1 .box .lose h3,.resource_temp1 .box .lose span{ color:#b8b8b8;}
.resource_temp1 .box .desc .btn3.disabled{ background:#aaa; padding:0; cursor:default;}
.resource_temp1 .box .desc .price.disa{ color:#aaa;}

.resource_temp2{ background:#ffd92a; padding-bottom:90px;}
.resource_temp2 .box{ margin-top:50px;}
.resource_temp2 .box ul{ overflow:hidden;}
.resource_temp2 .box li{ float:left; width:205px; height:auto; margin-right:43px;}
.resource_temp2 .box .last{ margin-right:0;}
.resource_temp2 .box .img{ width:205px; height:215px; background:url(./images/resource_temp2_icon.png) no-repeat;}
.resource_temp2 .box .desc{ width:100%; height:140px; background:#fff;}
.resource_temp2 .box .desc .tit{ height:40px; line-height:40px; background:#b57ce5; color:#fff; font-size:20px; font-weight:bold;}
.resource_temp2 .box .desc span{ font-size:14px; padding-top:18px; display:block;}
.resource_temp2 .box .desc .price{ color:#ec5051;font-size:16px; margin-top:5px;} 
.resource_temp2 .box .desc .more{ color:#ec5051; padding:5px 0; display:block;}
.resource_temp2 .box .desc .more:hover{ color:#dc3536;}
.resource_temp2 .box .item1 .img{ background-position:0 1px;}
.resource_temp2 .box .item2 .img{ background-position:0 -225px;}
.resource_temp2 .box .item3 .img{ background-position:0 -450px;}
.resource_temp2 .box .item4 .img{ background-position:0 -675px;}
.resource_temp2 .box .item5 .img{ background-position:0 -900px;}
.resource_temp2 .box .item1 .tit{ background:#b57ce5;}
.resource_temp2 .box .item2 .tit{ background:#e666bd;}
.resource_temp2 .box .item3 .tit{ background:#e95e5f;}
.resource_temp2 .box .item4 .tit{ background:#48d296;}
.resource_temp2 .box .item5 .tit{ background:#45c9e9;}  

.resource_temp3{ background:#fbf8eb; padding-bottom:90px;}
.resource_temp3 .box{ margin-top:50px;}
.resource_temp3 .btn{ margin-top:40px;}

/*
	服务支持
*/
.service_banner{ width:100%; height:593px; background:url(./images/service_banner.jpg) center top no-repeat;}
.service_tabs{ width:100%; height:80px; background:#ec5051;}
.service_tabs ul{ float:left; width:1200px;}
.service_tabs ul li{ width:240px; height:80px; line-height:80px; font-size:20px; color:#fff; float:left; text-align:center; position:relative; cursor:pointer;}
.service_tabs ul li.current,.service_tabs ul li:hover{ background:#dc3536;}
.service_tabs ul li.current i{width:0px;height:0px;border-top:10px solid #dc3536;border-left:15px solid transparent;border-right:15px solid transparent; position:absolute; top:80px; left:105px;}

.service_con{ width:1200px; margin:48px auto 100px;}
.service_con table{  border-collapse: collapse; font-size:16px; background:#fff; width:100%;}
.service_con table td,.service_con table th{ border:1px solid #dcdcdc; height:45px; line-height:45px; text-align:center;}
.service_con table th{ height:58px; line-height:58px; font-size:20px; font-weight:bold; color:#333; background:#ffefef; border-top:2px solid #ec5051;}
.service_con table .th1{ width:400px;}
.service_con table .td3{ width:165px;}
.service_con table .th3{ width:628px;}
.service_con table .td1{ width:68px;}
.service_con table .td1 span{ width:20px; display:block; line-height:20px; padding:0 24px; font-size:20px; color:#333;}
.service_con table .td2{ text-align:left; padding-left:30px; color:#333;}
.service_con table .td4{ text-align:left; padding-left:50px; padding-right:10px;}
.service_con table td .icon{ width:27px; height:25px; display:block; float:left; background-position:0 0; margin-left:65px;}
.service_con table td .icon.ok{ background-position:-9px -264px;}
.service_con table td .icon.error{ background-position:-54px -265px;}

.service_con table td .row1{ display:inline-block; *display:inline; *zoom:1; padding:20px 0; text-align:center;}
.service_con table td .row2{ line-height:35px;}
/*
	更新
*/
.update_banner{ height:590px; width:100%; background:url(./images/update_banner.jpg) center top no-repeat;}
.update_banner .w1200{ height:590px;}
.update_quency{ font-size:24px; color:#fff; position:absolute; height:38px; line-height:38px; top:285px; left:390px;}
.update_quency span{ display:inline-block; *display:inline; *zoom:1; width:38px; height:38px; border-radius:2px; background:#fff; color:#ec5051; font-size:30px; font-weight:bold; text-align:center; margin-right:6px; font-family:"Arial";}
.update_banner .items{ width:1200px; height:88px; position:absolute; bottom:0;}
.update_banner .item{ float:left; width:396px; margin-right:6px; height:88px; background:#ffbe2e; color:#fff;}
.update_banner .last{ margin-right:0;}
.update_banner .item:hover{ background:#f98717;}
.update_banner .item a{ color:#fff; display:block; height:88px;}
.update_banner .item .f_l{ float:left; margin:28px 0 0 38px;}
.update_banner .item .f_r{ float:left; margin:24px 0 0 16px;}
.update_banner .item .up{ font-size:24px;}

.updata_temp{ background:#fbf8eb; padding-bottom:90px;}
.updata_temp .box{ overflow:hidden; margin-top:20px;}
.updata_temp .box .item{ position:relative; float:left;}
.updata_temp .box .item .row{ height:1px; display:block; width:34px; background:#9f5106; position:absolute; left:124px; top:54px;}
.updata_temp .box .item .lie{ width:12px; height:12px; display:block; position:absolute; background:url(./images/lie.png) no-repeat; top:50px; left:153px;}
.updata_temp .box .item .time{ width:124px; height:44px; line-height:44px; margin-right:34px; color:#fff; font-size:24px; border-radius:4px; background:#9f5106; text-align:center; float:left; margin-top:32px;}
.updata_temp .box .item .desc{ width:1007px; height:auto; float:left; padding-left:32px; border-left:2px solid #9f5106; padding-top:30px;}
.updata_temp .box .item .desc .tit{ height:50px; line-height:56px;font-size:24px; font-weight:bold; color:#ffd92a; text-align:left;background:url(./images/update_desc_tit.png) 0 0 no-repeat; padding-left:38px;}
.updata_temp .box .item .desc .con{ height:auto; background:url(./images/update_desc_con.png) 0 0 repeat-y;padding-left:38px;}
.updata_temp .box .item .desc .bot{ height:10px; background:url(./images/update_desc_but.png) no-repeat;padding-left:38px;}
.updata_temp .box .item .desc p{ font-size:16px; color:#fff; line-height:30px; text-align:left; width:850px;}
.updata_temp .box .year .time{ background:#f98717;margin-top:30px;}
.updata_temp .box .year .desc{ min-height:60px;}
.updata_temp .box .year .row{ top:54px;}
.updata_temp .box .year .lie{ top:48px;}
.updata_temp .box .year.frist .desc{ min-height:30px;}
.updata_temp .box .year.frist .lie{ background-position:0 -13px;}
.updata_temp .box .last { margin-left:158px;}
.updata_temp .box .last .lie{ background-position:0 -13px; left:-5px;}
.updata_temp .box .last .row{ width:2px; height:50px; background:#fff; left:0; top:0;}

/*
	教程
*/
.course_banner{ background:url(./images/course_banner.jpg) center top no-repeat; height:593px;}
.course_main{ background:#62e298; overflow:hidden; padding-bottom:50px;}
.course_main .item{ margin-bottom:50px; position:relative;}
.course_main .item .quiz{ width:45px; height:36px; position:absolute; top:14px; left:2px;}
.course_main .item .answer{ width:142px; height:110px; position:absolute; right:5px; top:50px;}
.course_main .item .item_content{ width:970px; margin:0 158px 0 72px; position:relative;}
.course_main .item .item_content .title{ height:58px; line-height:58px; background:url(./images/course_title.png) center top no-repeat; padding-left:38px; font-size:24px; color:#fffc2a; position:relative; z-index:9;}
.course_main .item .item_content .con{ width:950px; background:#a1eec1; border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin-left:10px; margin-top:-5px; position:relative; z-index:8;}
.course_main .item .item_content .con span{ display:block; padding:20px 0 30px 30px; width:850px; font-size:16px; line-height:28px;}
.course_main .item .item_content .con span a:hover{ text-decoration:underline;}
.course_main .item .item_content .jiantou{ width:10px; height:18px; background:url(./images/course_icon.png) no-repeat; position:absolute; top:70px; right:0;}
.bottom_course{ width:230px; height:240px; position:absolute; bottom:-30px; left:-160px;}

/*
	下载
*/
.download_content{ width:100%; height:auto; background:url(./images/download_bg.jpg) repeat; padding:0 0 40px;}
.download_content .warpper{ width:1200px; height:815px; background:url(./images/download_agr_bg.png) no-repeat; margin-top:-60px;}
.download_content .scrollBody{ width:1066px; height:485px; position:relative; top:218px; left:85px; float:left; font-size:14px; color:#333;}
.download_content .scrollBody .all-list{ width:1028px; height:485px; float:left; padding-left:2px; overflow:hidden;}
.download_content .scrollBody p{ line-height:30px;}
.download_content .scrollBody .title{ font-weight:bold; color:#000;}
.download_content .scrollBody .scroll{ width:12px; height:484px; position:relative; background:#f5f1df; float:right; margin-right:2px;}
.download_content .scrollBody .scroll #down{ position:absolute; width:10px; height:113px; background:url(./images/scroll_down.png) 32px 0 no-repeat;top:5px; left:-31px;padding: 0 30px; cursor:pointer;}
.download_content .button{ margin-top:50px;}
.download_content .button .btn_white{ margin-left:20px;}

#error,#invitation{ display:none;}
.agr_prompt .icon{ background:url(./images/prompt_icon.png) 0 0 no-repeat; width:130px; height:130px; display:block; float:left; margin:52px 0 0 76px;}
.agr_prompt .warp{ float:left; margin:52px 0 0 30px;}
.agr_prompt .warp .title{ font-size:30px; color:#666;}
.agr_prompt .warp .span{ font-size:16px; margin-top:5px;}
.agr_prompt .tit{ text-align:center; font-size:16px; color:#333; padding-top:30px;}
.agr_prompt .huoqu{ color:#1e85e4; text-align:center; display:block; margin-top:10px;}
.agr_prompt .huoqu:hover{ color:#ec5051;}
.agr_prompt form{ padding:0 52px;}
.agr_prompt .yqm{ height:24px; line-height:24px; padding:5px 0 5px 10px; border:1px solid #d2d2d2; width:315px; margin-top:20px;}
.agr_prompt .text_error{ display:block; margin-top:8px; color:#ec5051; display:none;}
.agr_prompt .span2{ font-size:16px; text-align:center;}

/*
	大商创wap
*/
.dsc_content{width: 100%;height: auto;background:#FBF8EB;padding: 0 0 40px;}
.sj_box{ position:relative; padding:75px 0 80px 160px; overflow:hidden;}
.sj_box .demo_img_sj{ float:left;}
.sj_box .title{ margin:115px 0 0 190px; float:left;}
.sj_box .title h3{ font-size:36px; font-weight:bold; color:#b74506;}
.sj_box .miao{ float:left; width:580px; margin:45px 0 0 10px;}
.sj_box .miao .demo_img_x{ float:left;}
.sj_box .miao .miaoshu{ float:left; font-size:18px; color:#b74506;line-height: 32px;margin: -6px 0 0 5px;}
.sj_box .wap_ewm{ float:left; margin:142px 0 0 200px; text-align:center;}
.sj_box .wap_ewm p{ font-size:14px; color:#b74506; margin:15px 0;}
.sj_content{ position:absolute; width:320px; height:548px; top:153px; left:179px; overflow:hidden;}
.sj_content .sjslideBox{ width:100%;height: 548px;overflow: hidden;position: relative; cursor:pointer;}
.sj_content .sjslideBox .bd{position: relative;overflow: hidden;height: 100%;z-index: 0;}
.sjslideBox .bd li{ float:left; overflow:auto; height:548px; width:320px;}
.sjslideBox .bd .prev,.sjslideBox .bd .next{ width:31px; height:42px; position:absolute; top:50%; margin-top:-21px; background:url(./images/wap_pn.png) 0 0 no-repeat;}
.sjslideBox .bd .prev{ left:8px; background-position:0 0;}
.sjslideBox .bd .next{ right:8px; background-position:-32px 0;}
.sjslideBox .bd .prev:hover{ background-position:-64px 0;}
.sjslideBox .bd .next:hover{ background-position:-96px 0;}

/* Track */
::-webkit-scrollbar{width:0px;} 
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #eee;}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#ddd;  -webkit-box-shadow:inset 0 0 6px #ddd;}
::-webkit-scrollbar-thumb:window-inactive{background:#ddd;}


/*底部*/
.footer{ width:100%; height:270px; background:url(./images/footer.png) no-repeat; margin-top:-10px;}
.footer_warp{ text-align:center; padding-top:54px; position:relative;}
.dsc_wap{ position:absolute; right:0; top:65px;}
.subnav{ line-height:30px;font-size:14px; margin-top:20px;}
.subnav a{ margin-right:25px;}
.copyright,.address{ line-height:20px;}
.suspension-mobile{ display:none;}
.shengming{ position:fixed; top:50%; left:50%; margin-left:-382px; margin-top:-254px; z-index:99998; opacity:0; display:none;}
.shengming .close{ width:70px; height:38px; display:block; position:absolute; right:53px; top:165px;z-index:99999;}

/*多商户微商城*/
.pt40{padding-top: 40px;}
.bg-comm{background: #f6f9f7;}
.main .mt-200{margin-top: 200px;}
.meaning-content{width:100%; height:613px;background:url(./images/meaning_bg.png) no-repeat;}
.meaning-content .img{position: relative;}
.meaning-content .img img{margin: 0 auto;margin-top:-136px;}
.meaning-content .img img:first-of-type{margin-right: 35px;}
.meaning-content .img img:last-of-type{margin-left: 17px;}
.meaning-circle{position:absolute;display:inline-block; background:url(./images/circle.png) no-repeat;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
/*.meaning-circle:hover{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s;}*/
.meaning-circle:hover{-webkit-animation: bounce-up 1s linear infinite;animation: bounce-up 1s linear infinite;}
@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(10px);
    }
}
@keyframes bounce-down {
    25% {
        transform: translateY(-10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
}
.animate-bounce-down{
    -webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-down 1.5s linear infinite;
}
@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-10px);
    }
}
@keyframes bounce-up {
    25% {
        transform: translateY(10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-10px);
    }
}
.comm-circle{width: 37px;height: 37px;background-position: -272px 0;}
.leftcir1{left: 11px;top: 315px;}
.leftcir2{left: 295px;top: 485px;}
.leftcir3{left: 355px;top: 340px;}
.leftcir4{left: 98px;top: 328px;width: 70px;height: 70px;background-position: -119px 0;}
.leftcir5{left: 205px;top: 114px;width: 67px;height: 67px;background-position: -197px 0;}
.leftcir6{left: 225px;top: 228px;width: 111px;height: 111px;background-position: 0 0;}
.rightcir1{right: 55px;top: 164px;}
.rightcir2{right: 140px;top: 398px;}
.rightcir3{right: 293px;top: 453px;}
.rightcir4{right: 377px;top: 339px;}
.rightcir5{right: 74px;top: 258px;width: 70px;height: 70px;background-position: -511px 0;}
.rightcir6{right: 158px;top: 97px;width: 67px;height: 67px;background-position: -436px 0;}
.rightcir7{right: 256px;top: 217px;width: 111px;height: 111px;background-position: -317px 0;}


.ml-140{margin-left: 140px;}
.design-box .sj_box{padding-bottom: 0;}
.design-box .wap_ewm{margin: 50px 0 0 200px;}
.design-box .miao .miaoshu,.design-box .title h3{color: #ea5150;}
.design-box .wap_ewm p{color: #808080;}
.design-box .sj_content{top: 145px;height: 555px;left: 175px;}
.design-box .sjslideBox{width: 100%;height: 555px;}
.design-box .bd li{width: 100%;height: 555px;}
.wx-icon{ width:138px; height:138px; display:inline-block; background:url(./images/wxicon.png) no-repeat;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
.temp_1 li:hover .wx-icon{ -webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s;}
.wx-icon1{ background-position: 0 0;}
.wx-icon2{ background-position: -144px 0;}
.wx-icon3{ background-position: -288px 0;}
.wx-icon4{ background-position: -432px 0;}
.wx-icon5{ background-position: -576px 0;}
.wx-icon6{ background-position: 0 -144px;}
.wx-icon7{ background-position: -144px -144px;}
.wx-icon8{ background-position: -288px -144px;}
.wx-icon9{ background-position: -432px -144px;}
.wx-icon10{ background-position: -576px -144px;}
.temp_4{background-color: #474d5d;}
.temp_4 .title h3,.temp_4 .title span{color: #fff;}
.temp_4 .img img{display: block;margin: 0 auto;}
.temp_4 .tit{color: #f3ede9;font-size:20px;}
.temp_4 .img{position: relative;}
.temp_4 .tit{position: absolute;top: 90px;width: 225px;}
.temp_4 .tit1{left: 105px;top: 435px;}
.temp_4 .tit2{left: 115px;top: 225px;}
.temp_4 .tit3{top:10px;left:570px;}
.temp_4 .tit4{left: 865px;top: 240px;}
.temp_4 .tit5{left:865px;top: 450px;}
.ad-icon{ width:71px; height:71px; display:inline-block; background:url(./images/advance.png) no-repeat;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
.temp_1 li:hover .ad-icon{ -webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s;}
.ad-icon1{ background-position: 0 0;}
.ad-icon2{ background-position: -76px 0;}
.ad-icon3{ background-position: -151px 0;}
.temp_5 ul{width: 100%;}
.temp_5 li{ width:400px; float:left; text-align:center;position:relative;cursor:pointer;margin: 0 0 40px 0;}
.slide_bottom{background: #fff;padding: 30px 25px;}
.slide_bottom h4{color: #373737;font-size:26px;margin-bottom: 20px;}
.slide_bottom span{color: #646464;font-size:15px;line-height: 22px;}
.slide_hover{width: 380px;height: 380px;background: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;display: none;}
.slide_hover img{display: block;margin: 0 auto;vertical-align: middle;padding-top: 110px;}
.slide_con:hover .slide_hover{display: block;}

.join-slide{ width:100%; padding:0; overflow:hidden; position:relative;}
.join-slide .slide_warp{ width:1200px; height:530px; overflow:hidden;}
.join-slide ul{ width:1200px;}
.join-slide li{ float:left; width:380px; margin-right:35px;}
.join-slide .slide_con{ width:380px; height:auto; overflow:hidden; position:relative;}
.join-slide .slide_top img{width: 100%;height: 100%;}
.join-slide .slide_con .slide_top{ width:380px; height:380px;}

.join-slide .prev,.join-slide .next{margin:0 auto;width:32px; height:32px;line-height:32px;position: relative;background: none;color: #fff;border-radius: 5px;border: 1px solid #fff;text-align: center;top: 200px;left: auto;font-size: 26px;}
.join-slide .prev{margin-right: 10px;}
.join-slide .prevStop,.join-slide .nextStop{opacity:0.8;filter:Alpha(opacity=80);}

.bg-yellow{height: 320px;width: 100%;background: #ffda00;margin-top: -150px;text-align: center;}
.temp_6{position: relative;}
.temp_6 .table{width: 720px;margin-top: 150px;float: left;margin-right: 115px;}
.temp_6 .msg{width: 715px;height: 70px;line-height: 70px;background: #ec5151;color: #fff;padding-left: 25px;font-size: 22px;float: left;}
.temp_6 .table .th{background: url(./images/price_table.png) no-repeat;}
.temp_6 .table .th.th_bg2{background-position:-228px 0;}
.temp_1 ul{ width:1270px;overflow:hidden;zoom:100%;*padding-bottom:50px;_padding-bottom:50px;}
.temp_6 .button{ float:left; margin-top:50px; margin-left:308px; width:auto;text-align: left;}

/*多端演示站*/
.m_banner{ width:100%; height:617px; background:url(./images/multiport_banner.jpg) center center no-repeat;}
.m_content{ height:683px; width:100%; background:url(./images/m_content_bg.jpg) center center no-repeat;}
.m_warp{ width:966px; margin:0 auto;}
.m_warp .title{ width:880px; margin:0 auto; padding-top:20px;}
.m_warp .items{ width:100%; margin-top:20px;}
.m_warp .items .item{ width:210px; height:62px; background:url(./images/m_item_bg.png) no-repeat; float:left; margin:0 0 30px 42px; position:relative;}
.m_warp .items .item a{ display:block; width:210px; height:82px;}
.m_warp .items .item i{ width:40px; height:40px; background:url(./images/m_icon.png) no-repeat; display:block; float:left; margin:8px 0 0 18px;}
.m_warp .items .item span{ font-size:16px; color:#ffe117; margin-left:32px; float:left; line-height:58px;}
.m_warp .items .item:hover{ background-position:0 -63px;}
.m_warp .items .item1 i{ background-position:0 10px;}
.m_warp .items .item2 i{ background-position:0 -24px;}
.m_warp .items .item3 i{ background-position:4px -59px;}
.m_warp .items .item4 i{ background-position:2px -94px;}
.m_warp .items .item5 i{ background-position:2px -132px;}
.m_warp .items .item6 i{ background-position:2px -173px;}
.m_warp .items .item7 i{ background-position:2px -212px;}

.m_warp .items .item1{ margin-left:0;}
.m_warp .items .item5{ margin-left:127px;}
.m_warp .items .item8{ margin-left:187px; width:298px; background:url(./images/m_item_bg_2.png) no-repeat;}
.m_warp .items .item9{ width:298px; background:url(./images/m_item_bg_2.png) no-repeat; margin-left:25px;}
.m_warp .items .item8 em,.m_warp .items .item9 em{ height:33px; width:97px; text-align:center; border-radius:4px; background:#da2a0a; color:#fff; font-size:16px; line-height:33px; display:block; margin:13px 0 0 23px; float:left;}
.m_warp .items .item8 span,.m_warp .items .item9 span{ margin-left:13px;}
.m_warp .items .item8 a,.m_warp .items .item9 a{ width:298px;}
.m_warp .items .item8:hover,.m_warp .items .item9:hover{ background-position:0 -63px;}

.sm_code{width:210px; height:210px; border-radius:10px; background:#fff; box-shadow:rgb(102, 102, 102) 0px 2px 5px; position:relative;z-index:10; display:none;}
.sm_code b{width: 0px;height: 0px;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 10px solid #fff;font-size: 0px;line-height: 0px;position:absolute; top:-10px; left:93px;}
.sm_code .img{ padding:17px; float:left; width:176px;}
.sm_code img{ width:176px; height:176px;}
.curr .sm_code{ display:block;}
.m_warp .item5 .sm_code{ width:600px; height:230px; margin-left:-200px;}
.m_warp .item5 .sm_code b{ left:288px;}
.m_warp .item5 .sm_code strong,.m_warp .item6 .sm_code strong{ text-align:center;line-height: 30px;font-size: 14px;font-weight: normal; display:block;}

.m_warp .item6 .sm_code{ width:405px; height:230px; margin-left:-100px;}
.m_warp .item6 .sm_code b{ left:188px;}
.m_warp .item8 .sm_code,.m_warp .item9 .sm_code{ margin-left:40px; margin-right:0;}

.bigdata_banner{ width:100%; height:718px; background:url(./images/bigdata_banner.jpg) center center no-repeat;}
.bigdata_banner .list{ float:left; margin:148px 0 0 100px;}
.bigdata_banner .list .d_title{ font-size:82px; font-weight:bold; color:#fff; border-bottom:2px solid #fff;}
.bigdata_banner .list .x_title{ font-size:41px; font-weight:bold; color:#fff; margin-top:5px;}
.bigdata_banner .list .desc{ width:200px; height:52px; line-height:52px; padding:0 15px; font-size:20px; color:#ec5051; margin-top:30px; position:relative; font-weight:bold;}
.bigdata_banner .list .desc i{ width:200px; height:52px;padding:0 5px;background:#fff;opacity:0.3; position:absolute; left:0; top:0;}
.bigdata_banner .list .desc span{ position:relative; z-index:9;}

.bigdata_temp1{ background:#F2F2F2; height:498px;}
.bigdata_temp1 .title{ float:right; width:470px; text-align:left;}
.bigdata_temp1 .img{ float:left;}

.bigdata_temp2{ height:580px;}
.bigdata_temp2 .content{ overflow:hidden;}
.bigdata_temp2 .content .item{ float:left; width:303px;}
.bigdata_temp2 .content .item .icons{ width:125px; height:125px; margin-left:85px;}
.bigdata_temp2 .content .item .tit{ font-size:20px; font-weight:bold; color:#000; text-align:center; margin-top:30px;}
.bigdata_temp2 .content .item .desc{ font-size:16px; color:#666; line-height:30px; margin-top:20px;}
.bigdata_temp2 .content .item_c,.bigdata_temp2 .content .item_r{ margin-left:145px;}

.bigdata_temp3{ height:550px; background:#1997f4;}
.bigdata_temp3 .w1200{ height:550px; background:url(./images/bigdata_temp3.png) no-repeat;}
.bigdata_temp3 .title{ float:left; width:476px; float:left; text-align:left; color:#fff; padding-top:135px;}
.bigdata_temp3 .title h3{ color:#fff;}
.bigdata_temp3 .title span{ margin-top:45px;}
.bigdata_temp3 .title p{ margin-top:10px;}

.bigdata_temp4{ background:#ebf4fc; height:845px;}
.bigdata_temp4 .w1200{ height:845px; background:url(./images/bigdata_temp4.jpg) no-repeat;}

.bigdata_temp5{ height:616px; background:#fff;}
.bigdata_temp5 table,.bigdata_temp6 table{ width:100%;border:1px solid #99d1fa;border-collapse: collapse;border-spacing: 0;}
.bigdata_temp5 table th,.bigdata_temp5 table td,.bigdata_temp6 table th,.bigdata_temp6 table td{ border-bottom:1px solid #99d1fa;border-right:1px solid #99d1fa;vertical-align:middle;}
.bigdata_temp5 table th{ height:48px; text-align:center; background:#dceefd; font-size:14px; font-weight:normal;}
.bigdata_temp5 table td{ height:98px; text-align:center; font-size:16px;}
.bigdata_temp5 table td.desc{ text-align:left; padding:0 35px 0 45px; line-height:30px;}
.bigdata_temp5 table td strong{ color:#1997f4;}

.bigdata_temp6{ height:560px; background:url(./images/bigdata_temp6_bg.jpg) no-repeat;}
.bigdata_temp6 .title em{ color:#1997f4;}
.bigdata_temp6 table td{ height:56px; text-align:center; font-size:16px; background:#fff; }
.bigdata_temp6 table th{ height:58px; text-align:center; font-weight:bold; color:#1997f4; font-size:18px; background:#dceefd;}
.bigdata_temp6 table .left{ text-align:left; padding-left:65px;}
.bigdata_temp7{ background:#fff; padding-bottom:80px;}
.bigdata_temp7 .price{ font-size:36px; color:#1997f4; text-align:center; margin-top:90px;}
.bigdata_temp7 .blue_btn{ text-align:center; margin-top:30px;}
.bigdata_temp7 .blue_btn a{ display:block; width:372px; height:80px; line-height:80px; border-radius:5px; color:#fff; font-size:20px; background:#1997f4; margin:0 auto;}
.bigdata_temp7 .blue_btn a:hover{ background:#0886e3;}

.table_con table{ border-collapse: collapse;font-size: 16px;background: #fff;width: 100%;}
.table_con table td,.table_con table th{ border: 1px solid #99d1fa;min-height: 45px; line-height:25px;text-align: center; padding:10px 0;}
.table_con table th{ height:37px; text-align:center; font-weight:bold; color:#1997f4; font-size:18px; background:#dceefd;vertical-align:middle;}
.table_con table td{ text-align: left;padding:10px 20px;}
.table_con table td.last{ text-align:center;}
.table_con table td .btn{ height:45px; line-height:45px;}
.table_zy{ line-height:20px; font-size:16px; color:#F00; padding-bottom:10px;}

.emp_content{ font-size:18px; line-height:50px; text-align:center; padding:45px 0;}
.green{ color:#2FBC5E;}
.red{ color:#F00;}
.org{ color:#F90;}
.tishi{ font-size: 14px;color: #F00;margin: 20px 0; text-align:center;}

.cashdesk_temp1-1{ width:100%; height:700px; background:url(./images/video_bg.jpg) no-repeat;}
.cashdesk_temp1-1 .cashdesk_video{width: 540px;height: 353px;margin: 70px auto 0 40px;border: 10px solid #f98717;border-radius: 10px;float: left;}
.cashdesk_temp1-1 .cashdesk_video p{ padding-top: 50px;font-size: 24px; text-align:center;}	


@media screen and (max-width:1199px){
	.header{ width:1215px;}
	.dsc_ys{ display:none;}
}
@media (min-width: 1200px) and (max-width:1350px) {
	.ecsc_logo{ padding-left:15px;}
	.dsc_ys{ display:none;}
}

/*手机版*/

@media (max-width: 1024px) {
	html{ height:100%; font-size:18px;}
	body{ margin:0; padding:0; border:0; font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti; font-size:1rem; color:#555; background:#fff; width:100%; min-width:inherit;}
	h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{ margin:0; border:0; padding:0;}
	input,button{ margin:0;font-size:0.6rem;vertical-align:middle;}
	table{border-collapse:collapse;border-spacing:0;}
	ul,li,dt,dd ,span{list-style-type:none;}
	.clear{ margin:0px; padding:0px; line-height:0px; font-size:0px; clear:both; visibility: hidden; border:0;}
	em{ font-style:normal;}
	a{color:#555; text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */}
	a:hover{ color:#e84028; border:0;}
	
	.index_pc{ display:none;}
	.suspension,.suspension-mobile{ display:none;}
	.index_mobile{ display:block;}
	.header_warp{ width:100%; position:relative; z-index:9999999;}
	.index_mobile .header{ width:100%; height:auto; background:#333; overflow:hidden;}
	.index_mobile .header .sj_logo{ float:left;}
	.index_mobile .header .reorder{ float:right;}
	.index_mobile .header .sj_logo img{ width:13rem; padding:1.4rem 1.3rem;}
	.index_mobile .header .reorder img{ width:2.5rem; padding: 1.3rem;}
	.mobile_ys{ display:inline-block; background:#ec5051; color:#fff; padding:0.3rem 0.5rem; border-radius:5px; margin:1.5rem 0 0 8rem;}
	.mobile_ys:hover,.mobile_ys:visited{ color:#fff;}
	.js_nav{ position:fixed; width:100%; height:auto;background:#444444; display:none; z-index:99999;}
	.js_nav .item{ height:4rem; line-height:4rem; -moz-transition: height 0.2s ease-out;-webkit-transition: height 0.2s ease-out;-o-transition: height 0.2s ease-out;transition: height 0.2s ease-out;}
	.js_nav .item a,.js_nav .item span{ color:#fff; font-size:0.9rem; display:block; padding-left:1.5rem;}
	.js_nav .item.drop-down .icon{ float:right; font-size:1.5rem; padding:1.2rem 1.5rem;}
	.js_nav .item.drop-down ul{ height:0; overflow:hidden;-moz-transition: height 0.2s ease-out;-webkit-transition: height 0.2s ease-out;-o-transition: height 0.2s ease-out;transition: height 0.2s ease-out;}
	.js_nav .item.drop-down ul li{ background:#666666;}
	.js_nav .item.drop-down.active{ height:24rem;}
	.js_nav .item.drop-down.active ul{ height:20rem;}
	.js_nav .item a:active,.js_nav .item.current a{ background:#333333; color:#f3eb0a;}

	.content{ width:100%; height:auto; overflow:hidden;}
	.content .sj_img{ width:100%;}
	.sj_banner{ overflow:hidden; position:relative;}
	.sj_banner .banner_img{ width:100%;}
	.sj_banner .sj_btn{ position:absolute; bottom:0.4rem; left:50%; margin-left:-6.5rem;}
	.sj_banner .sj_btn img{ width:13rem;}
	
	.section{ width:100%; position:relative;}
	.section img{ width:100%;}
	.section.yellow_bg{ background:#ffd92a;}
	.section_1{ background:#d24041; margin-top:-1px;}
	.section_1 .ecsc_data{ padding:0; opacity:1; top:0; text-align:center;}
	.section_1 .ecsc_data .item{ padding:0;line-height:4rem; height:4rem; width:auto; margin:0; float:none; display:inline-block;}
	.section_1 .ecsc_data .inst_num{ margin:0 0.5rem;}
	.section_1 .ecsc_data .item em{ font-size:2rem; margin-right:0.2rem;}
	
	.sj_title{ padding-top:2rem; text-align:center;}
	.sj_title h3{ font-size:2rem; color:#000;}
	.sj_title p{ font-size:1.3rem; margin:0.5rem 0.8rem 0; line-height:2rem;}
	.sj_title .c_brown{ color:#b74506;}
	
	.section_2 .items{ position:relative; overflow:hidden;}
	.section_2 .item{ width:50%; text-align:center; display:inline-block; margin-top:20px; float:left;}
	
	.sj_f_icon{ width:130px; height:130px; display:inline-block; background: url(./images/mobile/sj_f_icon.png) no-repeat;}
	.sj_f_icon_1{ background-position: 0 0;}
	.sj_f_icon_2{ background-position: -150px 0px;}
	.sj_f_icon_3{ background-position: 0 -138px;}
	.sj_f_icon_4{ background-position: -150px -137px;}
	.sj_f_icon_5{ background-position: -2px -274px;}
	.sj_f_icon_6{ background-position: -150px -275px;}
	.sj_f_icon_7{ background-position: 0 -415px;}
	.sj_f_icon_8{ background-position: -150px -415px;}
	.sj_f_icon_9{ background-position: 0 -550px;}
	.sj_f_icon_10{ background-position: -150px -550px;}
	
	.section_2 .item .desc{ padding:0 20px;}
	.section_2 .item .desc .tit{ font-size:1.3rem; font-weight:bold; line-height:2rem; margin-top:10px;}
	.section_2 .item .desc span{ display:block; line-height:1.5rem;}
	
	.section_3{ margin-top:20px;}
	.section_3 img{ margin:3.5rem 0 1.8rem;}
	
	.section_4{ margin-bottom:3rem; overflow:hidden;}
	.section_4 li{ width:42%; float:left; margin:10px 3% 10px 4.9%;}
	.section_4 li.warp_right{ margin:10px 4.9% 10px 3%;}
	.section_4 li .slide_con{ width:100%; height:auto;}
	.section_4 li .slide_con .slide_top{ width:100%; height:auto;}
	.section_4 li .slide_con .slide_bot{ width:auto; position:static; padding-bottom:10px;}
	.section_4 li .slide_con .seller_logo{ padding-top:9px; height:auto;}
	.section_4 li .slide_con .seller_logo img{ width:80%;}
	.section_4 li .slide_con .info{ font-size:1.3rem; line-height:2rem; padding-top:5px; height:auto;}
	
	.sj_footer{ width:100%; background:url(./images/mobile/footer_bg.png) repeat-x; text-align:center;}
	.sj_footer .footer_logo{ padding:4rem 0 1.5rem;}
	.sj_footer .footer_logo img{ width:50%;}
	.sj_footer p{ color:#fff;}
	.sj_footer p.tel{ line-height:15px; color:#ffd92a; padding:2rem 0;}
	.sj_footer p.tel i{ vertical-align:middle; margin-right:5px;}
	.sj_footer p.tel img{ width:1rem;}
	.sj_footer_bq{ height:4rem; line-height:4rem; background:#000; color:#fff; text-align:center; margin-top:-1px;}
	
	/*大数据*/
	.section_bigdata_1{ background-color:#f2f2f2; position:relative;}
	.section_bigdata_1 .img{ margin-top:3rem;}
	
	.section_bigdata_2{ padding-bottom:2rem;}
	.section_bigdata_2 .items{ overflow:hidden; position:relative; width:90%; margin:0 auto;}
	.section_bigdata_2 .item{ width:32%; margin-right:2%; float:left; text-align:center; margin-top:1.5rem;}
	.section_bigdata_2 .item_last{ margin-right:0;}
	.section_bigdata_2 .item .tit{ font-size:1.3rem; font-weight:bold; margin-top:1rem;}
	.section_bigdata_2 .item .desc{ font-size:1.3rem; margin-top:1rem; text-align:left;}
	
	.section_bigdata_3{ background:#1997f4; position:relative;}
	.section_bigdata_3 .sj_title h3{ color:#fff;}
	.section_bigdata_3 .sj_title p{ color:#fff; text-align:left; margin-top:1rem;}
	.section_bigdata_3 .img{ padding:2rem 0 1rem;}
	
	.section_bigdata_4{ position:relative; background:#ebf4fc;}
	.section_bigdata_4 .sj_title{ position:absolute; z-index:999; padding-top:1.5rem}

	.section_bigdata_5{ margin-bottom:2rem;}
	.bigdata_table{ border: 2px solid #99d1fa;border-collapse: collapse;border-spacing: 0; margin:2rem auto 0;}
	.bigdata_table th,.bigdata_table td{ border-bottom: 1px solid #99d1fa;border-right: 1px solid #99d1fa;vertical-align:middle;}
	.bigdata_table th{ background:#dceefd; height:4rem;}
	.bigdata_table td{ text-align:center; line-height:2rem; padding:1rem;}
	.bigdata_table td.desc{ text-align:left;}
	.bigdata_table td img{ width:3rem;}
	
	.section_bigdata_6{ background:url(./images/mobile/section_bigdata_6_bg.jpg) center center no-repeat; padding-bottom:3rem}
	.section_bigdata_6 .sj_title h3 em,.section_bigdata_6 .bigdata_table th{ color:#1997f4;}
	
	.section_bigdata_7{ margin-bottom:3rem; overflow:hidden;}
	.section_bigdata_7 .bigdata_table td{ padding:0.5rem; text-align:left;}
	.section_bigdata_7 .bigdata_table .first{ font-weight:bold;}
	
	/*资源区*/
	.section_resource_1{ background:#fbf8eb;}
	.section_resource_1 .warp{ width:80%; margin:2rem auto 0; padding-bottom:2rem;}
	.section_resource_1 .warp li{ text-align:center; margin-bottom:1rem; overflow:hidden;}
	.section_resource_1 .warp .desc{ background:#fff;}
	.section_resource_1 .warp .desc h3{ font-size:1.8rem; color:#000; padding-top:1rem;}
	.section_resource_1 .warp .desc .ms{ font-size:1rem; margin-top:0.5rem; display:block;}
	.section_resource_1 .warp .desc .price{ font-size:2rem; color:#ec5051; display:block; padding:1rem 0;}
	.section_resource_1 .warp .last{ background:#fff; margin-bottom:0;}
	.section_resource_1 .warp .last .img{ float:left; width:50%;}
	.section_resource_1 .warp .last .desc{ float:left; width:50%;}
	.section_resource_1 .warp .last .desc h3{ color:#b8b8b8; padding-top:2rem;}
	.section_resource_1 .warp .last .desc span{ font-size:1.3rem; color:#b8b8b8; padding:1rem 1rem 1rem 0; display:block; line-height:1.5rem;}
	
	.section_resource_2 .box{ overflow:hidden; position:relative; width:90%; margin:2rem auto 0; padding-bottom:2rem;}
	.section_resource_2 .box li{ width:49%; margin-right:2%; float:left; margin-bottom:2%;}
	.section_resource_2 .box li.item2,.section_resource_2 .box li.item4{ margin-right:0;}
	.section_resource_2 .box li .desc{ background:#fff;}
	.section_resource_2 .box li .desc .tit{ height:3rem; line-height:3rem; color:#fff; text-align:center; font-weight:bold; font-size:1.3rem;}
	.section_resource_2 .box li.item1 .desc .tit{ background:#b57ce5;}
	.section_resource_2 .box li.item2 .desc .tit{ background:#e666bd;}
	.section_resource_2 .box li.item3 .desc .tit{ background:#e95e5f;}
	.section_resource_2 .box li.item4 .desc .tit{ background:#48d296;}
	.section_resource_2 .box li.item5 .desc .tit{ background:#45c9e9;}
	.section_resource_2 .box li span{ font-size:1.2rem; margin-top:1rem; display:block;}
	.section_resource_2 .box li .price{ font-size:1.3rem; color:#ec5051; padding:0.5rem 0 1rem;}
	.section_resource_2 .box li.last{ margin:0 auto; float:none;}
	
	.section_resource_3{ background:#fbf8eb; padding-bottom:4rem;}
	
	/*电商系统*/
	.sj_commerce_banner{ position:relative;}
	.sj_commerce_banner .sj_btn img{ width:10rem; position:absolute; top:6.5rem; left:50%; margin-left:-4.5rem;}
	
	.section_commerce_1{ position:relative;}
	.section_commerce_1 .sj_title{ position:absolute; z-index:99999;}
	
	.section_commerce_2 { position:relative; background:#fbf8eb;}
	.section_commerce_2 .warp{ width:80%; margin:0 auto;}
	.section_commerce_2 .warp li{ margin-top:1rem;}
	
	.section_commerce_3 .img{ width:95%; margin:0 auto; padding:2rem 0;}
	
	.section_commerce_4 .items{ width:95%; margin:2rem auto; overflow:hidden; background:#fbf8eb;}
	.section_commerce_4 .item{ width:49%; margin:0 2% 2% 0; float:left; background:#ffd92a;}
	.section_commerce_4 .item_right{ margin-right:0;}
	.section_commerce_4 .item span{ display:block; padding:1rem 2rem 0; height:5rem; line-height:2rem; font-size:1.3rem; color:#b74506; font-weight:bold;}
	.section_commerce_4 .item.frist span{ height:6rem; line-height:6rem; padding:0 2rem;}
	
	.section_commerce_5{ background:#fbf8eb;}
	.section_commerce_5 .sj_title{ text-align:left; width:95%; margin:0 auto;}
	.section_commerce_5 .sj_title p{ margin-left:0;}
	.section_commerce_5 .img{ margin-top:-2rem;}
	
	.section_commerce_6 .img{ padding:2rem 0 3rem;}
	
	.section_commerce_7{ background:#fbf8eb; position:relative;}
	.section_commerce_7 .img{ padding-top:2rem;}
	.section_commerce_7 .sj_title{ text-align:right;position:absolute; top:0; right:2rem; overflow:hidden;}
	.section_commerce_7 .sj_title .p1{ width:60%; float:right;}
	.section_commerce_7 .sj_title .p2{ width:70%; float:right; margin-top:10rem;}
	.section_commerce_7 .sj_title p{ text-align:left; margin-left:0;margin-right:0;}
	.section_commerce_7 .sj_title .p2 p{ background:#fff; padding:0.4rem 0.2rem 0.4rem 1rem; border-radius:3px;}
	
	.section_commerce_8{ background:#3d4c56;}
	.section_commerce_8 .sj_title h3,.section_commerce_8 .sj_title p{ color:#fff;}
	.section_commerce_8 .img{ margin:1rem 0;}
	
	@media only screen and (max-width: 310px) and (min-width: 300px) {html {font-size: 9px}}
	@media only screen and (max-width: 320px) and (min-width: 310px) {html {font-size: 9px}.section_1 .ecsc_data .inst_num{ margin: 0 0.4rem;} .section_2 .item{ height:236px;}}
	@media only screen and (max-width: 360px) and (min-width: 320px) {html {font-size: 9px}}
	@media only screen and (max-width: 360px) and (min-width: 350px) {html {font-size: 10px}}
	@media only screen and (max-width: 480px) and (min-width: 360px) {html {font-size: 10px}}
	@media only screen and (max-width: 480px) and (min-width: 470px) {html {font-size: 13.33333px}}
	@media only screen and (max-width: 560px) and (min-width: 480px) {html {font-size: 13.33333px}}
	@media only screen and (max-width: 570px) and (min-width: 560px) {html {font-size: 15.83333px}}
	@media only screen and (max-width: 640px) and (min-width: 570px) {html {font-size: 15.83333px}}
	@media only screen and (max-width: 640px) and (min-width: 630px) {html {font-size: 17.77778px}}
	@media only screen and (max-width: 710px) and (min-width: 640px) {html {font-size: 17.77778px}}
	@media only screen and (max-width: 1023px) and (min-width: 768px) {.section_1 .ecsc_data .inst_num{ margin:0 5rem;}.section_4 li{ margin:20px 3% 10px 4.9%;}.section_4 li.warp_right{ margin:20px 4.9% 10px 3%;}}
}


/* 主图按钮 */
.bigdata_banner .tjpage{
	padding-top: 410px;
}
.tjorder{
	display: block;
	width: 280px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background: #ff0000;
	text-align: center;
	font-size: 30px;
	border-radius: 5px;
	margin: 0 auto;
}
.tjorder:hover{
	background: #b50404;color: #fff;
}