@charset "utf-8";
/* CSS Document */
/*商家系统*/
.sells{ background:url("../images/bg.png")/*tpa=http://m.javamalls.com/images/bg.png*/ no-repeat; width:100%; height:500px;min-width:1200px;}

.sells1{ background:url("../images/details_banner1.png")/*tpa=http://m.javamalls.com/images/details_banner1.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.sells2{ background:url("../images/details_banner2.png")/*tpa=http://m.javamalls.com/images/details_banner2.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.sells3{ background:url("../images/details_banner3.png")/*tpa=http://m.javamalls.com/images/details_banner3.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.sells4{ background:url("../images/details_banner4.png")/*tpa=http://m.javamalls.com/images/details_banner4.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.sells5{ background:url("../images/details_banner9.png")/*tpa=http://m.javamalls.com/images/details_banner9.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.sells6{ background:url("../images/details_banner6.png")/*tpa=http://m.javamalls.com/images/details_banner6.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.sells7{ background:url("../images/details_banner7.png")/*tpa=http://m.javamalls.com/images/details_banner7.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.sells8{ background:url("../images/details_banner8.png")/*tpa=http://m.javamalls.com/images/details_banner8.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.sells9{ background:url("../images/details_banner10.png")/*tpa=http://m.javamalls.com/images/details_banner10.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.sells10{ background:url("../images/details_banner11.png")/*tpa=http://m.javamalls.com/images/details_banner11.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.sells11{ background:url("../images/details_banner12.png")/*tpa=http://m.javamalls.com/images/details_banner12.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}


.product_bg{ background:url("../images/list_bg.png")/*tpa=http://m.javamalls.com/images/list_bg.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.product_bg .p1{ padding-bottom:20px !important; padding-top:140px !important;}

.about_bg{ background:url("../images/about_bg.png")/*tpa=http://m.javamalls.com/images/about_bg.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.about_bg .p1{ padding-bottom:20px !important; padding-top:140px !important;}

.zixun_bg{ background:url("../images/zixun_bg.png")/*tpa=http://m.javamalls.com/images/zixun_bg.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.zixun_bg .p1{ padding-bottom:20px !important; padding-top:140px !important;}

.solutions_bg{ background:url("../images/list1_bg.png")/*tpa=http://m.javamalls.com/images/list1_bg.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.solutions_bg .p1{ padding-bottom:20px !important; padding-top:140px !important;}

.postage_bg{ background:url("../images/postage2.png")/*tpa=http://m.javamalls.com/images/postage2.png*/ no-repeat center; width:100%; height:400px;min-width:1200px;}
.postage_bg .p1{ padding-bottom:20px !important; padding-top:140px !important;}

.sells p{ text-align:center;}
.sells p.p1{ padding-top:146px; padding-bottom:20px; font: bold 44px/60px Microsoft YaHei;}
.sells p.p2{ width:840px; margin:0 auto; line-height:40px; padding-bottom:75px;}
.sells p.p3{ line-height:35px;}
.sells p.pa2{ padding-bottom:46px; font-size:20px;}
.sells p.pb2{ width:910px;}
.sells p.p3 a:hover{border-bottom: 1px solid #fff;}
/*左右布局*/
.sells_lr{ background:#009899; height:400px; min-width:1200px;}
.sells_lr1{ background:url("../images/bg_b2b.png")/*tpa=http://m.javamalls.com/images/bg_b2b.png*/ no-repeat center; height:400px;min-width:1200px;}
.sells_lr3{ background:#306cac; height:400px; min-width:1200px;}
.sells_lr4{ background:url("../images/bg_b2b2b.png")/*tpa=http://m.javamalls.com/images/bg_b2b2b.png*/ no-repeat center; height:400px;min-width:1200px;}
.sells_lr2{ background:url("../images/pro_bg.png")/*tpa=http://m.javamalls.com/images/pro_bg.png*/ center; background-repeat:repeat-x repeat-y; height:400px;}
.sells_lr a.a1{ color:#fff; padding:6px 20px; border:1px solid #fff; display:inline-block; margin-top:50px;}
.sells_lr h2{ font-size:36px; padding-bottom:20px; padding-top:90px; font-weight:bold;}
.sells_lr p.p1{ line-height:40px; font-size:22px !important;}
.sells_lr p.pa1{ line-height:32px; font-size:20px !important;}
.sells_lr p.p2{ margin-top:30px;}
.sells_lr p.p2 a{ color:#fff; line-height:30px;}
.sells_lr p.p2 a.a2{ color:#999;}
.sells_lr img{ margin-top:40px;}

.sells_xinlingshou{ background:url("../images/bg_xinlingshou.png")/*tpa=http://m.javamalls.com/images/bg_xinlingshou.png*/ no-repeat center; height:400px;min-width:1200px;}
.sells_dinghuo{ background:url("../images/bg_dinghuo.png")/*tpa=http://m.javamalls.com/images/bg_dinghuo.png*/ no-repeat center; height:400px;min-width:1200px;}
.o2o_b2c{ background:url("../images/bg_o2ob2c.jpg")/*tpa=http://m.javamalls.com/images/bg_o2ob2c.jpg*/ no-repeat center; height:400px; min-width:1200px;}
.b2c{ background:url("../images/b2b/banner_b2b.png")/*tpa=http://m.javamalls.com/images/b2b/banner_b2b.png*/ no-repeat center; height:400px; min-width:1200px;}
.order{ background:url("../images/yunservice/banner_bg.png")/*tpa=http://m.javamalls.com/images/yunservice/banner_bg.png*/ no-repeat center; height:400px; min-width:1200px;}


.chahang_tabel{ padding-bottom:20px; font-size:18px; color:#999;}
.chahang_tabel table{ border-collapse:collapse; width:96%; margin:0 auto; }
.chahang_tabel table tr td{ border:2px solid #eee; text-align:center; line-height:80px;}

.chahang_tabel table tr td label{ text-decoration:line-through; font-size:16px; padding-right:10px; color:#999;}

.chahang_tabel table tr td.td1{ text-align:left; text-indent:25px; border-left:none;}
.chahang_tabel table tr td.td2{ border-right:none;}
.chahang_tabel table tr td.td3{}
.chahang_tabel table tr td.td4{ color:#ed711f; font-size:30px;}
.chahang_tabel table tr td.td4 span{ font-size:18px; padding-left:4px;}


/*code*/
.code_con{ text-align:left;    padding: 0 15px 0 15px;}
.code_fl{    float: left;
    width: 224px;
    border-right: 1px solid #eee;
    padding: 50px 24px 0 0;
    height: 1120px;}

.code_flsearch{    width: 100%;
    height: 30px;
    position: relative;}
.code_flsearch input{    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    border-radius: 20px;
    font-size: 12px;
    text-indent: 10px;
    padding-right: 30px;
    display: block;
    box-sizing: border-box;}
.code_flsearch img{position: absolute;
    top: 6px;
    right: 10px;
    width: 17px;
    height: 17px;}
.template-sort{    
    margin: 30px 0 35px 0;}
.sort_p1{    font-size: 14px;
    color: #323232;
    margin-bottom: 15px;}
.sort_a span{    float: left;
    }
.sort_a span a{padding: 5px 10px; display:inline-block;
    font-size: 12px;
    color: #333333;
    border-radius: 20px;
    margin-right: 6px;
    cursor: pointer; }
.sort_b span{margin-bottom:10px;    width: 33.3%;
    float: left;
    overflow: hidden;}

.sort_a span a.active_sort,.sort_a span a:hover{ background:#cb0008; color:#f3f3f3;}


.code_fr{  float:left; width:950px; margin-top:20px; }
.sm-search-box{    padding: 30px 0 20px; }
.sm-search{    width: 63%;
    float: left;
    padding: 0 100px 0 20px;
    overflow: hidden;
    position: relative;}
.sm-search .search-input{    display: block;
    width: 100%;
    height: 41px;
    padding: 0 0 0 10px;
    line-height: 41px;
    float: left;
    border: 2px solid #cb0008;
    border-right: none;
    border-radius: 0;
    font-size: 16px;}
.sm-search a{    display: block;
    width: 100px;
    height: 45px;
    float: left;
    position: absolute;
    right: 0;
    top: 0;
    background: #cb0008;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;}
.fr_conimg{overflow: hidden;
    margin: 0 0 0 20px;}

.fr_dlcon{ margin-left:20px;}
.fr_dlcon dl{ padding:30px 0; border-bottom:1px solid #eee;  margin-top:10px;}
.fr_dlcon dl dt{ float:left; width:32%; cursor:pointer;}
.fr_dlcon dl dt img{ width:100%;}
.fr_dlcon dl dd{ float:left; width:60%; margin-left:3%; }
.fr_dlcon dl dd.dd1{ font-size:16px; margin-bottom:10px; font-weight:600; cursor:pointer;}

.fr_dlcon dl dd.dd1:hover{ color:#cb0008;}
.fr_dlcon dl dd.dda1:hover{ color:#323232; cursor:auto;}
.fr_dlcon dl dd.dd2{ font-size:14px; line-height:20px; color:#888; margin-bottom:14px;}
.fr_dlcon dl dd.dd3{ color:#666; font-size:12px; margin-bottom:10px;}
.fr_dlcon dl dd.dd3 span{ width:43%; display:inline-block; line-height:20px;}
.fr_dlcon dl dd.dd3 label{ color:#999;}
.fr_dlcon dl dd.dd3 label.label_yuyu{ color:#666;}
.fr_dlcon dl dd.dd4{ font-size:12px;}
.fr_dlcon dl dd.dd4 span{ padding-right:14px;}
.fr_dlcon dl dd.dd4 span label{display:inline-block;}
.fr_dlcon dl dd.dd4 span label img{ padding-right:6px;}
.fr_dlcon dl dd.dd5{ margin-top:16px; font-size:14px;}
.fr_dlcon dl dd.dd5 a{ display:inline-block; text-align:right;color:#cb0008; border:1px solid #cb0008; font-size:12px; padding:4px 10px; margin-right:20px;}
.fr_dlcon dl dd.dd5 a:hover{ background:#cb0008; color:#fff;}
.fr_dlcon dl dd.dd5 p .price_a label{color:#cb0008;}
.fr_dlcon dl dd.dd5 p .span_price{ font-size:20px; }
.fr_dlcon dl dd.dd5 p .y_price{ text-decoration:line-through; padding-left:6px;}

/*code详情*/
.code_con{ text-align:left;    padding: 0 15px 0 15px;}
.code_cona{}
.code_details_fl{ float:left; width:950px; margin-top:20px; }

.code_flsearch{    width: 100%;
    height: 30px;
    position: relative;}
.code_flsearch input{    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    border-radius: 20px;
    font-size: 12px;
    text-indent: 10px;
    padding-right: 30px;
    display: block;
    box-sizing: border-box;}
.code_flsearch img{position: absolute;
    top: 6px;
    right: 10px;
    width: 17px;
    height: 17px;}
.template-sort{    
    margin: 30px 0 35px 0;}
.sort_p1{    font-size: 14px;
    color: #323232;
    margin-bottom: 15px;}
.sort_a span{    float: left;
    }
.sort_a span a{padding: 5px 10px; display:inline-block;
    font-size: 12px;
    color: #333333;
    border-radius: 20px;
    margin-right: 6px;
    cursor: pointer; }
.sort_b span{margin-bottom:10px;    width: 33.3%;
    float: left;
    overflow: hidden;}

.sort_a span a.active_sort,.sort_a span a:hover{ background:#cb0008; color:#f3f3f3;}
.fl_dlcon dl{ cursor:auto;}



.code_details_fr{  

  float: left;
    width: 224px;
    padding: 50px 0 0 0;
    height: 600px;



}
.code_details_fr img{ width:90%;}

.fl_dlcon dl dt{ float:left; width:20%; height:160px; cursor:auto;}


.jieshao_fl{ width:56%; margin-right:4%;}
.jieshao_fr{ width:40%;}
.jieshao_fr img{ width:100%;}
.Culture1{ width:40%;}
.Culture2{ width:60%;}

/*o2o+b2c*/
.top_o2o .p_title{ color:#448aca;}
.top_o2o .subtitle_italic{ margin-top:40px;  font-size:14px; color:#7ccec0; line-height:26px;}
.top_o2o .introduction_p{ color:#666; font-size:14px; line-height:26px; margin-top:20px;}
.b2clist{ margin-top:30px;}

.upgrade_opinion{ padding:80px 0 100px 0;}
.upgrade_opinion p{ font-size:14px; line-height:26px; color:#7ccec0; margin-top:40px;}

.case_example h2{color: #448aca;}
.case_example p{ font-size:14px; color:#9295aa; line-height:26px; margin-top:40px; }
.case_example img{ margin-top:30px;}

/*未来是HTML5的时代-*/
.bottom_html5 { width:100%; text-align:center;}
.bottom_html5 .list_dl{ width:33.3%;}
.bottom_html5 .list_dlchannel{ width:25%;}



.bottom_html5 .list_dlchannel .dd1{ margin-top:0 !important; font-weight:500;}
.bottom_html5 .list_dlchannel .dd1:hover{ color:#323232 !important;}
.bottom_html5 dl{ width:96%; margin:0 auto; float:left;border-right:1px solid #ddd;  margin-bottom:50px;}
.bottom_html5 dl.dl_btno{ margin-bottom:0;}
.bottom_html5 dl.border_no{ border-right:none;}
.bottom_html5 dl dt{ float:left; width:40%;
transition: all .2s linear;
 -webkit-transition: all .2s linear;
	 -moz-transition: all .2s linear;
	  -ms-transition: all .2s linear;
	   -o-transition: all .2s linear;
}
.bottom_html5 dl dt:hover{transform: translate3d(0,-2px,0);
-webkit-transform: translate3d(0,-2px,0);
	-moz-transform: translate3d(0,-2px,0);
	-ms-transform: translate3d(0,-2px,0);
	-o-transform: translate3d(0,-2px,0);

}
.bottom_html5 dl dt img{ width:66%;}
.bottom_html5 dl dd{ float:left; width:55%; margin-left:5%; text-align:left;}
.bottom_html5 dl dd.dd1{ font-size:16px; font-weight:bold;line-height:30px; margin-top:10px;}
.bottom_html5 dl dd.dd2{ font-size:14px; line-height:20px; width:53%;  color:#999; margin-top:8px;}
.bottom_html5 dl dd.dd_color{ color:#c6c4c4;}
.bottom_html5 dl.no{ border-right:none;}
.bottom_html5 dl dd.dd1:hover{ color:#28a5d8;}
.bottom_html5 dl.border_no dd.dd1:hover{ color:#fff;}



.bottom_html5 .list_dlchannel_srv{ width:50%;}
.bottom_html5 .list_dlchannel_srv dl dt{ width:22%;}
.bottom_html5 .list_dlchannel_srv dl dt img{ width:110px; height:110px;}
.bottom_html5 .list_dlchannel_srv dl dd.dd1{ line-height:34px;}
.bottom_html5 .list_dlchannel_srv dl dd.dd2{ width:70%; margin-top:3px;}

.get_started1{width:1000px; margin:0 auto; padding-top:30px;}
.get_started1 dl{ width:250px;  text-align:center; cursor:pointer;}
.get_started1 dl dt img{ width:100px; height:100px;}
.get_started1 dl.dl_scale dt img{
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}
.get_started1 dl.dl_scale dt img:hover{

	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.get_started1 dl dd{  width:240px; margin:0 auto; margin-bottom:10px; margin-top:40px; font-size:12px; cursor:pointer;}
.get_started1 dl dd:hover{ color:#28a5d8;}
.get_started1 dl dd.dda{ cursor:auto; font-size:16px; cursor:pointer;}
.fun_con .use_pro3{width:16.8%; padding:0 1.6%;height:auto;}
.fun_con .use_pro3 img{width:80px !important;height:80px !important;}
.fun_con .use_pro3 .p2{color:#323232 !important;font-weight:normal !important;}
/*订货*/
.order_why{width:1000px;margin:0 auto;}
.order_why h4{font-size:30px;margin-bottom:20px;}
.order_why img{float:left;width:306px;}
.order_why .text{float:left;width:620px;margin-left:60px;margin-top:100px;}
.order_why .text p{font-size:18px;color:#666;line-height:34px;}

.order_bg1{background:url("../images/yunservice/order_bg1.jpg")/*tpa=http://m.javamalls.com/images/yunservice/order_bg1.jpg*/ no-repeat center;color:#fff;}
.bg_order{background:url("../images/yunservice/bg_order2.png")/*tpa=http://m.javamalls.com/images/yunservice/bg_order2.png*/ no-repeat center;min-width: 1200px;}