@charset "utf-8";
body{ position: relative;}
body #preview {position:absolute;top:0;left:50%;width:100%; height: 100%; z-index:1;opacity:0.3; background: url(/b2b_advantage.jpg) no-repeat left top / 100% auto; pointer-events:none; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
body #preview{ max-height: 100%;}

/* CSS Document */

/*.header_fill{ height: 80px;}*/

.bs{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.trans{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.hide{ display: none;}
.warp{ margin: 0 auto;}
#header{ min-width: auto;}
#s_footer{ display: none;}
#s_global_bottom_box{ display: none;}
/*#header .nav li>a{ padding-bottom: 7px;}*/

.m_banner{ display: none;}
.banner{ display: flex; justify-content: center; align-items: center; width: 100%; height: 300px; background: url(/images/b2b_advantage/banner.jpg) no-repeat center;}
.banner .con{  width: 100%;}
.banner .con .title{ width: 100%; height: 70px; line-height: 70px; font-size: 40px; color: #fff; text-align: center;}
.banner .con .title span{ color: #0ed9a3; font-weight: bold;}
.banner .con .brief{ width: 100%; height: 52px; line-height: 52px; font-size: 23px; color: #fff; text-align: center;}

.index_item{ padding: 85px 0 100px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.index_item .item_title{ width: 100%; line-height: 65px; font-size: 46px; color: #333; text-align: center;}
.index_item:nth-child(odd) .item_title{ color: #fff;}

.table{ display: table; width: 100%; height: 100%;}
.table .table_cell{ display: table-cell; vertical-align: middle;}

.function .list{ margin: 49px auto 0; width: 1106px;}
.function .list .item{ margin-left: 2.8%; padding: 68px 0 74px; width: 31.2839%; background: #f2f9f8; -webkit-border-radius: 10px; border-radius: 10px;}
.function .list .item:first-child{ margin-left: 0;}
.function .list .item .img{ width: 100%; height: 114px;}
.function .list .item .title{ margin-top: 50px; width: 100%; line-height: 34px; font-size: 24px; color: #333; text-align: center;}

.explanation{ height: 784px; background: url(/images/b2b_advantage/mid_bg.png) no-repeat center #1bb48b;}
.explanation .list{ margin-top: 165px;}
.explanation .list .item{ margin-top: 64px; padding: 17px 19px; width: 410px; height: 94px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 45px; border-radius: 45px;}
.explanation .list .item:nth-child(-n+2){ margin-top: 0;}
.explanation .list .item .icon{ width: 53px; height: 60px;}
.explanation .list .item .icon .img{ display: inline-block; width: 100%; height: 53px; background: #1bb48b; text-align: center; -webkit-border-radius: 50%; border-radius: 50%;}
.explanation .list .item .txt{ padding-left: 18px; width: calc(100% - 70px); min-height: 60px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;}
.explanation .list .item .txt .table_cell{ line-height: 30px; font-size: 18px; color: #555; font-weight: bold;}

.help{ padding-bottom: 60px;}
.help .list{ margin-top: 117px;}
.help .list .item{ position: relative; margin-top: 115px; overflow: hidden;}
.help .list .item .img{ width: 50%;}
.help .list .item .txt{ position: absolute; left: 0; top: 0; padding-left: 50px; width: 50%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.help .list .item .txt .title{ width: 100%; line-height: 50px; font-size: 30px; color: #333; font-weight: bold;}
.help .list .item .txt .txt_list{ margin-top: 40px;}
.help .list .item .txt .txt_list .row .row_icon{ margin-top: 8px; width: 20px; height: 18px;}
.help .list .item .txt .txt_list .row .row_txt{ margin-left: 16px; width: calc(100% - 37px); line-height: 34px; font-size: 18px; color: #586069;}

.help .list .item:first-child{ margin-top: 0;}
.help .list .item:nth-child(even) .txt{ padding-left: 7%; left: inherit; right: 0;}

.demand{ position: relative; margin-bottom: 52px; padding: 127px 0 117px;}
.demand:before,
.demand:after{ display: block; content: ''; position: absolute;}
.demand:before{ left: -13.3333%; top: 0; width: 38%; height: 357px; background: url(/images/b2b_advantage/bot_item_before_img.png) no-repeat center / 100% auto;}
.demand:after{ right: -9.0833%; bottom: 0; width: 23.5%; height: 282px; background: url(/images/b2b_advantage/bot_item_after_img.png) no-repeat center / 100% auto;}
.demand .demand_in{ position: relative; width: 100%; height: 230px; background: #1bb48b; z-index: 1; -webkit-border-radius: 75px 0 75px 0; border-radius: 75px 0 75px 0;}
.demand .demand_in .txt{ width: 100%; line-height: 60px; font-size: 40px; color: #fff; text-align: center;}
.demand .demand_in .btn{ display: block; margin: 24px auto 0; width: 230px; line-height: 48px; background: #ffc600; font-size: 20px; color: #333; text-align: center; text-decoration: none; -webkit-border-radius: 25px; border-radius: 25px;}

@media screen and (max-width: 1440px){
	.demand{ width: 83.3333%; min-width: inherit;}
}
@media screen and (max-width: 1200px){
	#w1000 .wrap{ width: 98%; min-width: auto;}
	#w1000 .demand{ width: 83.3333%; min-width: inherit;}
	#header .nav{ margin-right: 0;}
	.function .list{ width: 98%;}
}
@media screen and (max-width: 991px){
	#header{ display: none;}
	.header_fill{ display: none;}
	#footer{ display: none;}
	#footer_alert{ display: none;}
	#s_footer{ display: block;}
	#s_global_bottom_box{ display: block;}
	.banner{ display: none;}
	.m_banner{ display: block; width: 100%;}

	#s_global_bottom_box{ width:100%; height:1rem; line-height:1rem; position:fixed; bottom:0; left:0; background:rgba(53,178,158,0.95); text-align:center; z-index:100;}
	#s_global_bottom_box a{ width:33%; height:100%; display:block; float:left; color:#fff; font-size:0.36rem; text-indent:0.3rem;}
	#s_global_bottom_box a:nth-child(1){ background:url(/mweb/images/global_bottom_tel.png) 0.45rem center no-repeat; background-size:auto 0.45rem;}
	#s_global_bottom_box a:nth-child(2){ background:url(/mweb/images/global_bottom_service.png) 0.1rem center no-repeat; background-size:auto 0.45rem;}
	#s_global_bottom_box a:nth-child(3){ background:url(/mweb/images/global_bottom_qiao.png) 0.1rem center no-repeat; background-size:auto 0.45rem;}

	#s_footer{ padding:0.2rem 0; background:#f7f7f7;}
	#s_footer .rows{ text-align:center; font-size:0.28rem; color:#6d6d6d; padding:0.03rem 0;}
	#s_footer .rows a{ font-size:0.28rem; color:#6d6d6d;}
	#s_footer_blank{ height:1rem;}
	.help .list .item .txt .title{ font-size: 25px;}
	.help .list .item .txt .txt_list .row .row_txt{ font-size: 14px;}
}

@media screen and (max-width: 870px){
	.explanation .list{ margin-top: 50px;}
	.explanation .list .item{ float: none; margin: 30px auto 0;}
	.explanation .list .item:nth-child(-n+2){ margin-top: 30px;}
	.explanation .list .item:first-child{ margin-top: 0;}
}

@media screen and (max-width: 750px){
	#w1000{ padding-bottom: 1rem;}
	.min{ min-width: auto;}
	.container{ padding:0 0.2rem;}

	#b2b_advantage .model_banner{ display: flex; align-items: center; padding-top: 0; height: 49.7333vw; background: url(/images/b2b_advantage/banner_bg.jpg) repeat-x top left / auto 100%;}
	#b2b_advantage .model_banner img{ width: 100%;}
	#b2b_advantage .model_banner .text{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;}
	#b2b_advantage .model_banner .text .title{ width: 100%; line-height: 9.3333vw; font-size: 25px; color: #333;}
	#b2b_advantage .model_banner .text .date{ margin-top: 3.6vw; width: 100%; line-height: 6.6667vw; font-size: 15px; color: #666;}

	#b2b_advantage .mobile_category{ margin-bottom: 13.3333vw;}

	.index_item{ padding: 13.3333vw 0;}
	/*.index_item.function{ padding-top: 0;}*/
	.index_item .item_title{ line-height: 8.6667vw; font-size: 6.1333vw;}

	.function .list .item{ float: none; margin: 6.6667vw auto 0; padding: 9.0667vw 0 9.8667vw; width: 80%;}
	.function .list .item:first-child{ margin-left: auto;}
	.function .list .item .title{ margin-top: 6.6667vw; line-height: 4.5333vw; font-size: .36rem;}
	.function .list .item .img img{ max-width: 80%; max-height: 80%;}
	
	.explanation{ height: auto; background: #1bb48b;}
	#w1000 .explanation .wrap{ margin-top: 30px; width: 92%;}
	.explanation .list .item{ padding: 2.2667vw 4.5333vw; width: 100%; height: 20vw; -webkit-border-radius: 10vw; border-radius: 10vw;}
	.explanation .list .item .txt .table_cell{ line-height: 6.0vw; font-size: 4vw;}
	.explanation .list .item .icon .img{ width: 42px; height: 42px;}
	.explanation .list .item .icon .img img{ max-width: 50%; max-height: 50%;}

	.help .list{ margin-top: 15.6vw;}
	.help .list .item{ margin-top: 15.3333vw;}
	.help .list .item .img{ float: none; margin: 0 auto; width: 92%;}
	.help .list .item .txt .txt_list .img{ float: left;}
	.help .list .item .img img{ max-width: 80%; max-height: 80%;}
	.help .list .item .txt{ position: static; float: none; margin: 6.6667vw auto 0; padding: 0; width: 92%;}
	.help .list .item .txt .title{ font-size: 6vw;/* text-align: center;*/}
	.help .list .item .txt .txt_list{ margin-top: 0;}
	.help .list .item .txt .txt_list .row{}
	.help .list .item .txt .txt_list .row .row_icon{ margin: 0; margin-top: 8px;}
	.help .list .item .txt .txt_list .row .row_icon img{ max-width: 100%; max-height: 100%;}
	.help .list .item .txt .txt_list .row .row_txt{ margin-left: 0; padding-left: 10px; width: calc(100% - 20px); font-size: 3.7333vw; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.help .list .item:nth-child(even) .txt{ padding-left: 0;}

	#w1000 .demand{ width: 92%;}
	.demand{ margin-bottom: 3.9333vw; padding: 0 0 10vw;}
	.demand:before,
	.demand:after{ display: none;}

	.demand .demand_in{ height: auto; -webkit-border-radius: 10.0vw 0 10.0vw 0; border-radius: 10.0vw 0 10.0vw 0;}
	.demand .demand_in .table .table_cell{ text-align: center; padding: 13.3333vw 0;}
	.demand .demand_in .txt{ line-height: 8.0vw; font-size: 5.3333vw;}
	.demand .demand_in .btn{ display: inline-block; margin-top: .2rem; padding: 0 .38rem; width: auto; height: 12.2667vw; line-height: 12.2667vw; font-weight: normal; font-size: 0.32rem; -webkit-border-radius: .08rem; border-radius: .08rem;}
}