/* CSS Document */

/*.wrap { width: 1100px; margin: 0 auto; }*/
.crumbs { padding-top: 20px; font-size: 12px; position: relative; z-index: 2; height: 20px; line-height: 20px; }
#main .b2cmobile-block01 { position: relative; z-index: 1; }
.platform-wrap .title-top {  width: 1100px;margin: 0 auto;}
.platform-wrap .title-top .title-con { text-align: center; margin: 50px auto 13px; }
.platform-wrap .title-top .title-con h1 { color: #3f3f3f; font-size: 32px; font-weight: bold; }
.platform-wrap .title-top .title-con h1 span { color: #ce0500; }
.platform-wrap .title-top .title-con p { margin-top: 10px; font-size: 14px; color: #999999; padding-top: 0; }
.platform-wrap .title-top p {  font-size: 12px; color: #999999; text-align: center; width: 880px; margin: 0 auto; margin-top: 0px; }
.platform-wrap .title-top p {  font-size: 14px; color: #999999; text-align: center; width: 880px; margin: 0 auto; margin-bottom: 20px;}
/*.display-case-main {
    background-color: #f5f5f5;
}*/
#main .b2cmobile-block01 { position: relative; z-index: 1; width: 1100px; margin: 0 auto; margin-bottom: 30px;}
#main .b2cmobile-block01 .block01-img { width: 553px; height: 221px; margin: 0 auto; }
#main .b2cmobile-block01 .block01-bg { background: #ffffff; /*width: 1920px;*/ height: 500px; overflow: hidden; float: left; position: absolute; left: -369px; top: -80px; z-index: -1; }
#main .b2cmobile-block01.o2omobile-blockl01 { height: 935px; }
#main .b2cmobile-block01.o2omobile-blockl01 .title-top.o2otitle { margin-bottom: 20px; }
#main .b2cmobile-block01.o2omobile-blockl01 .title-top.o2otitle .title-con { margin-top: 80px; }
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model { width: 1100px; height: 390px; margin: 0 auto; }
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li { width: 338px; height: 388px; border: 1px solid #e5e5e5; float: left; margin-right: 40px; }
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .img { width: 338px; height: 236px; border-bottom: 1px solid #e5e5e5; }
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word { width: 300px; height: 124px; margin: 0 auto; padding-top: 11px; }
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word h3 { height: 30px; line-height: 30px; font-size: 20px; }
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word .p1 { height: 20px; line-height: 20px; font-size: 12px; color: #999; }
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word .p2 { height: 40px; line-height: 20px; font-size: 12px; color: #999; padding-top: 13px; }
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word .ow_case { height: 22px; line-height: 22px; }
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word .ow_case span { color: #ce0500; }
#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li.last { margin-right: 0px; }
#main .b2cmobile-block01.o2omobile-blockl01 .block01-bg { height: 1016px; }
#main .b2cmobile-block02 { padding-top: 50px; /*! width: 1100px; */ margin: 0 auto; background: #f5f5f5;}
#main .b2cmobile-block02 .blcok02title { text-align: center; font-size: 22px; height: 38px; line-height: 38px; color: #999; background: url(../images/b2c-icon-bg3.png) center no-repeat; width: 1100px;margin: 0 auto;margin-top: 30px;}
#main .b2cmobile-block02 .blcok02title span { color: #ce0500; }
#main .b2cmobile-block02 .b2b2c { font-size: 20px; }
#main .b2cmobile-block02 .block02-content { width: 1100px; height: 800px; margin-top: 32px; position: relative; margin: 0 auto;margin-top: 20px;}
#main .b2cmobile-block02 .block02-content .block02-img { width: 371px; height: 779px; position: absolute; top: 0; left: 380px; background: url("../images/b2c-fn-bg.png") no-repeat; }
#main .b2cmobile-block02 .block02-content .block02-img img { padding-top: 70px; padding-left: 2px; display: none; }
#main .b2cmobile-block02 .block02-content .block02-img .fadein { display: block; }
#main .b2cmobile-block02 .block02-content ul { padding-top: 45px; }
#main .b2cmobile-block02 .block02-content li { height: 145px; width: 50%; float: left; }
#main .b2cmobile-block02 .block02-content li .libox { width: 325px; position: relative; background: url("../images/b2c-icon-bg2.png") right top no-repeat; cursor: pointer; }
#main .b2cmobile-block02 .block02-content li .libox .icon { width: 42px; height: 42px; position: absolute; top: 9px; right: 9px; }
#main .b2cmobile-block02 .block02-content li .libox .title { width: 245px; text-align: right; font-size: 18px; line-height: 28px; }
#main .b2cmobile-block02 .block02-content li .libox .describe { width: 245px; text-align: right; font-size: 12px; color: #777; line-height: 20px; padding-top: 5px; }

#main .b2cmobile-block02 .block02-content li .libox:hover, #main .b2cmobile-block02 .block02-content li .active { background: url("../images/b2c-icon-bg1.png") right top no-repeat; }

#main .b2cmobile-block02 .block02-content li .libox:hover .title, #main .b2cmobile-block02 .block02-content li .active .title { color: #ce0500; }

#main .b2cmobile-block02 .block02-content li .libox.right { float: right; background-position: left top; }

#main .b2cmobile-block02 .block02-content li .libox.right .icon { width: 42px; height: 42px; position: absolute; top: 9px; left: 9px; }

#main .b2cmobile-block02 .block02-content li .libox.right .title { float: right; text-align: left; font-size: 18px; }

#main .b2cmobile-block02 .block02-content li .libox.right .describe { float: right; text-align: left; font-size: 12px; color: #777; }

#main .b2cmobile-block02 .block02-content.b2b-block02 li { margin-top: 75px; float: right; }

#main .b2cmobile-block02 .block02-content.b2b-block02 li.first { float: left !important; margin-top: 115px; }

#main .b2cmobile-block02 .block02-content.b2b-block02 li.left { float: left; }

#main .b2cmobile-block02 .block02-content.block02-b2b2c li { margin-top: 75px; }

#main .b2cmobile-block02 .block02-content02 { padding: 60px 0; width: 1100px;margin: 0 auto;}

#main .b2cmobile-block02 .block02-content02 .shop-slide { display: none; }

#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-navigation { width: 32px; height: 32px; margin-top: 28px; }

#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-previous { float: left; margin-left: 560px; background: #ccc url(../images/case-prev.png) center center no-repeat; }

#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-previous:hover { background: #fe7000 url(./images/case-prev.png) center center no-repeat; }

#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-next { float: left; background: #ccc url(../images/case-next.png) center center no-repeat; }

#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-next:hover { background: #fe7000 url(../images/case-next.png) center center no-repeat; }

#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-pagination { margin: 6px 0 0; float: right; list-style: none; }

#main .b2cmobile-block02 .block02-content02 .navbar { overflow: hidden; }


.b2cmobile-block03 { width: 100%; height: 896px; position: relative; z-index: 1; padding-top: 50px; }

.b2cmobile-block03 .title-top {  }

.b2cmobile-block03 .block03-title { height: 30px; line-height: 30px; text-align: center; color: #666; font-size: 20px;margin-bottom: 20px;}

.b2cmobile-block03 .block03-title span { color: #fe7100; }

.b2cmobile-block03 .block03ul { width: 840px; height: 134px; margin: 0 auto; padding: 0 20px; border-bottom: 1px dotted #ccc; }

.b2cmobile-block03 .block03ul li { height: 115px; width: 80px; padding-top: 12px; float: left; margin: 0 43px; }

.b2cmobile-block03 .block03ul li .img { width: 100%; height: 80px; }

.b2cmobile-block03 .block03ul li .word { width: 100%; height: 34px; line-height: 34px; text-align: center; font-size: 16px; }

.b2cmobile-block03 .asp_net { width: 1000px; margin: 0 auto; padding-top: 36px; height: 290px; }

.b2cmobile-block03 .asp_net .left { width: 360px; float: left; }

.b2cmobile-block03 .asp_net .right { width: 550px; float: right; margin-right: 3px; padding-top: 33px; font-size: 14px; color: #666; line-height: 25px; }

.b2cmobile-block03 .asp_net .right .title { font-size: 14px; height: 25px; line-height: 25px; font-size: 18px; color: #3f3f3f; }

.b2cmobile-block03 .asp_net .right p { text-indent: 24px; margin: 24px 0; }

.b2cmobile-block03 .asp_netul { width: 1080px; height: 193px; margin: 0 auto; clear: both; }

.b2cmobile-block03 .asp_netul li { width: 200px; height: 193px; float: left; margin-right: 20px; }

.b2cmobile-block03 .asp_netul li .img { width: 200px; height: 150px; }

.b2cmobile-block03 .asp_netul li .img img { border: 1px solid #e6e5e6; }

.b2cmobile-block03 .asp_netul li .word { height: 43px; line-height: 43px; text-align: center; font-size: 14px; }

.b2cmobile-block03 .asp_netul li.last { margin: 0; }

.b2cmobile-block03 .block03-bg { background: #ffffff; /*width: 1920px;*/ height: 946px; overflow: hidden; float: left; position: absolute; left: -369px; top: 0; z-index: -1; }

.b2cmobile-block04 { /*! width: 968px; */ height: 909px; margin: 0 auto; padding-top: 50px; background: #f5f5f5;overflow: hidden;}

.b2cmobile-block04 .block04-title { height: 30px; line-height: 30px; text-align: center; color: #666; font-size: 18px;}

.b2cmobile-block04 .block04-title span { color: #fe7100; }

.b2cmobile-block04 .asp_net { width: 1100px; margin: 0 auto; padding-top: 36px; height: 325px; }

.b2cmobile-block04 .asp_net .left { width: 360px; float: left; }

.b2cmobile-block04 .asp_net .right { width: 550px; float: right; margin-right: 3px; font-size: 14px; color: #666; line-height: 25px; }

.b2cmobile-block04 .asp_net .right .title { font-size: 14px; height: 25px; line-height: 25px; font-size: 18px; color: #3f3f3f; }
.b2cmobile-block04 .asp_net .right p { margin: 24px 0; }
.b2cmobile-block04 .asp_net.change .right { width: 300px; float: right; }
.b2cmobile-block04 .asp_net.change .left { width: 650px; float: left; margin-right: 3px; font-size: 14px; color: #666; line-height: 25px; }
.b2cmobile-block04 .asp_net.change .left .title { font-size: 14px; height: 25px; line-height: 25px; font-size: 18px; color: #3f3f3f; }

.b2cmobile-block04 .asp_net.change .left p { margin: 24px 0; }

.b2cmobile-block04 .asp_net.change .left b { color: #333; font-weight: bold; }

.platform-wrap .title-top .title-con { text-align: center; margin: 50px auto 13px; }
.platform-wrap .title-top .title-con h2 { color: #3f3f3f; font-size: 32px; font-weight: bold; }
.platform-wrap .title-top .title-con p { margin-top: 10px; font-size: 14px; color: #999999; padding-top: 0; }