@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("/assets/img/sonschn/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;}
/*#header .nav li>a{ padding-bottom: 7px;}*/

.solution_menu{ margin-top: 96px; width: 100%; height: 58px; background: #e5eaef;}
.solution_menu .wrap{ height: 100%;}
.solution_menu .menu_list{ display: flex; height: 100%; justify-content: space-between;}
.solution_menu .menu_list .m_item{ position: relative; display: block; height: 100%; line-height: 58px; font-size: 16px; color: #464646; text-decoration: none;}
.solution_menu .menu_list .m_item.cur{ color: #333; font-weight: bold;}
.solution_menu .menu_list .m_item.cur:before{ display: block; content: ''; position: absolute; left: 50%; top: 100%; width: 29px; height: 13px; background: url("/assets/img/sonschn/m_before_icon.png") no-repeat center / 100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.m_banner{ display: none;}
#s_footer{ display: none;}
#s_global_bottom_box{ display: none;}

.banner{ display: flex; justify-content: center; align-items: center; width: 100%; height: 300px; background: url("/assets/img/sonschn/banner.jpg") no-repeat center;}
.banner .con{  width: 100%;}
.banner .con .title{ width: 100%; height: 70px; line-height: 70px; font-size: 39px; 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;}

.scroll_btn_list{ width: 100%; height: 137px; overflow: hidden;}
.scroll_btn_list .list_mid{ width: 100%; height: 136px; border-bottom: 1px solid #e6e6e6;}
.scroll_btn_list .list_mid .list_in{ display: flex; justify-content: space-around; align-items: center; margin: 0 auto; width: 1200px; height: 100%;}
.scroll_btn_list .list_mid .list_in .btn_item a{ display: block;}
.scroll_btn_list .list_mid .list_in .btn_item a.img{ display: flex; justify-content: center; align-items: center; height: 45px;}
.scroll_btn_list .list_mid .list_in .btn_item a.title{ margin-top: 16px; width: 100%; height: 24px; line-height: 24px; font-size: 14px; color: #000;}
.scroll_btn_list .list_mid.fixed{ position: fixed; left: 0; top: 0; width: 100%; height: 80px; background: #fff; border-bottom: 1px solid #e6e6e6; z-index: 1;}
/*.scroll_btn_list .list_mid.fixed .btn_item a.title{ display: none;}*/
.scroll_btn_list .list_mid.fixed .btn_item{ display: flex; justify-content: center; align-items: center;}
.scroll_btn_list .list_mid.fixed .btn_item a.title{ margin: 0 0 0 0.6667vw;}
	
#paypal .banner .text .text_table .text_table_cell{ padding-top: 55px;}
#paypal .paypal_con{ width: 100%;}
#paypal .paypal_con .list{ width: 100%;}
#paypal .paypal_con .list .item{ width: 100%; height: 452px;}
#paypal .paypal_con .list .item:nth-child(2n){ background: #f9f9f9;}
#paypal .paypal_con .list .item .item_in{ margin: 0 auto; width: 1200px; height: 100%;}
#paypal .paypal_con .list .item .item_in .text{ width: 50%; height: 100%;}
#paypal .paypal_con .list .item .item_in .text.fl{ padding: 0 0 0 60px;}
#paypal .paypal_con .list .item .item_in .text.fr{ padding: 0 55px 0 90px;}
#paypal .paypal_con .list .item .item_in .text .text_table{ display: table; width: 100%; height: 100%;}
#paypal .paypal_con .list .item .item_in .text .text_table .text_table_cell{ display: table-cell; vertical-align: middle;}
/*#paypal .paypal_con .list .item:nth-child(3) .item_in .text .text_table .text_table_cell{ padding-bottom: 90px;}*/
#paypal .paypal_con .list .item .item_in .text .text_table .text_table_cell .title{ width: 100%; line-height: 26px; font-size: 30px; color: #0bba91;}
#paypal .paypal_con .list .item .item_in .text .text_table .text_table_cell .brief_item{ margin-top: 12px; width: 100%;}
#paypal .paypal_con .list .item .item_in .text .text_table .text_table_cell .brief_item span{ display: block; position: relative; padding-left: 26px; width: 100%; line-height: 36px; font-size: 16px; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box;}
#paypal .paypal_con .list .item .item_in .text .text_table .text_table_cell .brief_item span:before{ display: block; content: ''; position: absolute; left: 0; top: 18px; width: 12px; height: 12px; background: url("/assets/img/sonschn/hook_icon.png") no-repeat center #0bba91; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 50%; border-radius: 50%;}
/*.paypal_con .list .item .item_in .text .m_brief{ display: none;}*/
#paypal .paypal_con .list .item .item_in .text .text_table .text_table_cell .brief{ margin-top: 20px; width: 100%; line-height: 30px; font-size: 16px; color: #555;}
#paypal .paypal_con .list .item .item_in .text .text_table .text_table_cell .solution_btn{ margin: 30px 0 0;}
#paypal .paypal_con .list .item .item_in .img{ width: 50%; height: 100%;}

#product .banner .text .text_table .text_table_cell .text_title{ font-size: 40px;}
#product .pro_item{ padding: 70px 0 80px; width: 100%;}
#product .pro_item:nth-child(odd){ background: #f6fafd;}
#product .pro_item .title{ width: 100%; height: 60px; line-height: 60px; font-size: 40px; color: #0bba91; text-align: center;}
#product .pro_item .list{ display: flex; margin-top: 68px; width: 100%; justify-content: center;}
#product .pro_item .list .item{ margin-left: 131px; padding-bottom: 27px; width: 231px; border: 1px solid #0bba91; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0;}
#product .pro_item .list .item:first-child{ margin-left: 0;}
#product .pro_item .list .item .icon{ width: 100%; height: 228px; text-align: center;}
#product .pro_item .list .item .i_title{ width: 100%; line-height: 30px; font-size: 20px; color: #333; font-weight: bold; text-align: center;}
#product .pro_item.mid .img{ margin-top: 60px;}
#product .pro_item.mid .m_img{ display: none;}

#product .pro_item.bot .list{ justify-content: space-between;}
#product .pro_item.bot .list .item{ position: relative; margin-left: 4.5%; padding-bottom: 0; width: 259px; height: 300px; border: 1px solid #0bba91; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0;}
#product .pro_item.bot .list .item:first-child{ margin-left: 0;}
#product .pro_item.bot .list .item .img{ position: relative;}
#product .pro_item.bot .list .item .i_title{ position: absolute; left: 0; bottom: 0; padding-bottom: 18px; color: #fff; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));}

#message .banner .text .text_table .text_table_cell .text_title{ font-size: 40px;}
#message .list{ margin-top: 114px; padding-bottom: 10px; width: 100%; text-align: center;}
#message .list .item{ display: inline-block; position: relative; margin: 0 0 90px 93px; padding-top: 62px; width: 335px; height: 390px; border: 1px solid #19be97; vertical-align: top; -webkit-border-radius: 30px 0 30px 0; border-radius: 30px 0 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
#message .list .item:first-child{ margin-left: 0;}
#message .list .item:nth-child(4){ margin-left: 0;}
#message .list .item .img{ position: absolute; top: -57px; left: 50%; width: 119px; height: 119px; border: 1px solid #10bb93; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#message .list .item .title{ width: 100%; height: 38px; line-height: 38px; font-size: 22px; color: #333; font-weight: bold; text-align: center;}
#message .list .item .brief{ margin-top: 30px; padding: 0 26px; width: 100%; max-height: 240px; line-height: 30px; font-size: 16px; color: #333; text-align: left; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;}

#paypal.social .banner .text .text_table .text_table_cell{ padding-top: inherit;}
#paypal.social .banner .text .text_table .text_table_cell .text_title{ font-size: 40px;}
#paypal.social .banner .text .text_table .text_table_cell .text_title img{ display: inline-block; vertical-align: bottom;}
#paypal.social .paypal_con .list .item .item_in .text .text_table .text_table_cell .title{ height: auto;}
#paypal.social .paypal_con .list .item .item_in .text.fl{ padding: 0;}
#paypal.social .paypal_con .list .item .item_in .text.fl .text_table .text_table_cell{ padding-left: 10px; padding-right: 95px;}
#paypal.social .paypal_con .list .item .item_in .text .text_table .text_table_cell .brief_item span{ height: auto;}
#paypal.social .paypal_con .list .item .item_in .text .text_table .text_table_cell .brief_item span:before{ top: 18px;}

.page_list{ width: 100%;}
.page_list .page_item{ padding: 100px 0 55px; width: 100%;/* height: 510px;*/}
.page_list .page_item .page_item_in{ margin: 0 auto; width: 1200px; height: 100%;}
.page_list .page_item .page_item_in .txt{ display: table; width: calc(100% - 53.3333%); height: 100%;}
.page_list .page_item .page_item_in .txt .txt_in{ display: table-cell; vertical-align: middle; padding: 0 16% 0 25px;}
.page_list .page_item .page_item_in .txt .txt_in .title{ width: 100%; height: 62px; line-height: 62px; font-size: 24px; color: #333;}
.page_list .page_item .page_item_in .txt .txt_in .title .big{ display: inline-block; margin-right: 6px; font-size: 36px; color: #2fb497; font-weight: bold;}
.page_list .page_item .page_item_in .txt .txt_in .brief{ margin-top: 14px; max-height: 90px; line-height: 30px; font-size: 16px; color: #555; overflow: hidden;}
.page_list .page_item .page_item_in .item_img{ width: 53.3333%; height: 100%;}
.page_list .page_item .page_item_in .txt.fr .txt_in .title .big{ margin-right: 0; margin-left: 6px;}
.page_list .page_item .page_item_in .txt.fr .txt_in{ padding: 0 25px 0 12.9167%;}
.page_list .page_item:first-child{ padding: 74px 0;}
.page_list .page_item:nth-child(even){ background: #f9f9f9;}
.page_list .item_btn{ display: block; margin: 37px auto 57px; width: 311px; height: 69px; line-height: 56px; background: url("/assets/img/sonschn/more_btn_bg.png") no-repeat center; font-size: 30px; color: #fff; text-align: center; text-decoration: none;}

.btn_con{ width: 100%; height: 298px; background: url("/assets/img/sonschn/bot_bg.jpg") no-repeat center;}
.btn_con .btn_table{ display: table; width: 100%; height: 100%;}
.btn_con .btn_table_cell{ display: table-cell; vertical-align: middle;}
.btn_con .text{ width: 100%; height: 60px; line-height: 60px; font-size: 40px; color: #333; text-align: center;}
.solution_btn{ display: block; margin: 30px auto; width: 180px; height: 50px; line-height: 50px; color:#fff; font-size: 22px; background:#0db083; border-radius:3px; text-align: center; text-decoration: none !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.solution_btn:hover{ background:#fece2e; color:#333;}

.global_title{ width: 100%; height: 67px; line-height: 67px; font-size: 50px; color: #000; text-align: center;}
.global_brief{ width: 100%; height: 45px; line-height: 40px; font-size: 26px; color: #586069; text-align: center;}
#advantage{ width: 100%;}
#advantage .build{ margin-top: 88px; width: 1200px; overflow: hidden;}
#advantage .build .build_list{ width: 100%;}
#advantage .build .build_list .build_item{ position: relative; margin: 40px 0;}
#advantage .build .build_list .build_item:first-child{ margin-top: 70px;}
#advantage .build .build_list .build_item:nth-child(2){ margin-top: 77px;}
#advantage .build .build_list .build_item:nth-child(3){ margin-top: 100px;}
#advantage .build .build_list .build_item:nth-child(4){ margin-top: 100px;}
#advantage .build .build_list .build_item:nth-child(4) img{ max-width: 80%;}
#advantage .build .build_list .build_item .video{ position: relative; padding: 27px 50px 0; width: 525px; height: 328px;}
#advantage .build .build_list .build_item .video:before{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 50px; height: 131px; background: url("/assets/img/sonschn/build_item_left_icon.png") no-repeat center;}
#advantage .build .build_list .build_item .video:after{ display: block; content: ''; position: absolute; right: 0; top: 0; width: 39px; height: 124px; background: url("/assets/img/sonschn/build_item_right_icon.png") no-repeat center;}
#advantage .build .build_list .build_item .video .video_con{ width: 100%; height: 100%; -webkit-box-shadow: 0 6px 43px rgba(32, 33, 34, 0.25); box-shadow: 0 6px 43px rgba(32, 33, 34, 0.25); -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; overflow: hidden;}
#advantage .build .build_list .build_item .video .video_con .video_title{ display: flex; align-items: center; width: 100%; height: 34px; background: #e4e5e9;}
#advantage .build .build_list .build_item .video .video_con .video_title .icon_list{ display: flex; justify-content: space-between; margin-left: 14px; width: 40px;}
#advantage .build .build_list .build_item .video .video_con .video_title .icon_list .icon{ display: block; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%;}
#advantage .build .build_list .build_item .video .video_con .video_title .icon_list .icon:first-child{ background: #f22013;}
#advantage .build .build_list .build_item .video .video_con .video_title .icon_list .icon:nth-child(2){ background: #f98f00;}
#advantage .build .build_list .build_item .video .video_con .video_title .icon_list .icon:nth-child(3){ background: #5ed718;}
#advantage .build .build_list .build_item .video .video_con video{ width: 100%; height: calc(100% - 34px);}
#advantage .build .build_list .build_item .txt{ position: absolute; top: 0; left: 0; margin-right: 34px; height: 100%;/* padding: 0 0 32px 30px; width: 532px;*/ -webkit-box-sizing: border-box; box-sizing: border-box;}
#advantage .build .build_list .build_item .txt .txt_table{ display: table; width: 100%; height: 100%;}
#advantage .build .build_list .build_item .txt .txt_table .txt_table_cell{ display: table-cell; vertical-align: middle;}
#advantage .build .build_list .build_item .txt .txt_title{ width: 100%; line-height: 50px; font-size: 32px; color: #000;}
#advantage .build .build_list .build_item .txt .txt_item_list{ margin-top: 17px; width: 100%;}
#advantage .build .build_list .build_item .txt .txt_item_list .txt_item{ padding-left: 34px; width: 100%; line-height: 33px; background: url("/assets/img/sonschn/txt_icon1.png") no-repeat left 11px / 17px 11px; font-size: 18px; color: #586069; -webkit-box-sizing: border-box; box-sizing: border-box;}
/*#advantage .build .build_list .build_item .txt:before{ display: block; content: ''; position: absolute; left: 0; top: 30px; width: 31px; height: 44px; background: url(../images/advantage/txt_left_icon.png) no-repeat center;}*/
#advantage .build .build_list .build_item .txt .txt_in{ padding: 24px 35px 24px 48px; width: 100%; height: 100%; line-height: 34px; border: 1px solid #0bba91; font-size: 18px; color: #252525; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 2px rgba(4, 23, 70, 0.1); box-shadow: 0 1px 2px rgba(4, 23, 70, 0.1);}
#advantage .build .build_list .build_item .txt .icon_list{ display: flex; justify-content: center; align-items: center; position: absolute; right: 0; bottom: 0;}
#advantage .build .build_list .build_item .txt .icon_list .icon{ margin-left: 16px;}

#advantage .build .build_list .build_item.other_item{ flex-direction: row;}
#advantage .build .build_list .build_item.other_item .txt{ left: inherit; right: 0; padding: 0 30px 32px 0; margin: 0 0 0 34px;}
#advantage .build .build_list .build_item.other_item .txt:before{ left: inherit; right: 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
#advantage .build .build_list .build_item.other_item .txt .icon_list{ right: 30px;}

#advantage .support{ margin: 116px 0 99px; overflow: hidden;}
#advantage .support .global_title{ position: relative; padding-top: 54px;}
#advantage .support .global_title:before{ display: block; content: ''; position: absolute; left: 50%; top: 0; width: 235px; height: 1px; background: #e6e6e6; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#advantage .support .list{ margin-top: 38px; width: 100%;}
#advantage .support .list .item{ margin-top: 30px; width: 100%;}
#advantage .support .list .item .item_in{ margin: 0 auto; width: 1200px;}
#advantage .support .list .item .item_in .img_list{ position: relative; width: 100%; height: 619px;}
#advantage .support .list .item .item_in .img_list .img{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s;}
#advantage .support .list .item .item_in .img_list .img.cur{ opacity: 1;}
#advantage .support .list .item .item_in .btn_list{ margin-top: 7px; width: 100%; height: 47px; text-align: center;}
#advantage .support .list .item .item_in .btn_list .btn{ position: relative; display: inline-block; margin: 0 32px; padding: 0 9px; height: 100%; line-height: 47px; font-size: 18px; color: #252525;}
#advantage .support .list .item .item_in .btn_list .btn:before{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #0bba91; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0;}
#advantage .support .list .item .item_in .btn_list .btn.cur:before{ opacity: 1;}
#advantage .support .list .item .item_in embed{ width: 100%; height: 466px;}
#advantage .support .list .item .item_in .msg{ display: flex; justify-content: center; align-items: center; width: 100%;}
#advantage .support .list .item .item_in .msg .msg_mid{ position: relative; padding-bottom: 32px;}
#advantage .support .list .item .item_in .msg .msg_mid .icon_list{ display: flex; justify-content: center; align-items: center; position: absolute; right: 0; bottom: 0; height: 23px;}
#advantage .support .list .item .item_in .msg .msg_mid .icon_list .icon{ margin-left: 16px; width: 23px;}
#advantage .support .list .item .item_in .msg .msg_mid .icon_list .icon:nth-child(2){ width: 24px;}
#advantage .support .list .item .item_in .msg .msg_in{ padding: 27px 30px; border: 1px solid #0bba91; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#advantage .support .list .item .item_in .msg .msg_in .title{ font-size: 18px; color: #252525;}
#advantage .support .list .item .item_in .msg .msg_in .row_list{ margin-top: 20px; width: 100%;}
#advantage .support .list .item .item_in .msg .msg_in .row_list .row{ margin-bottom: 20px; width: 100%; line-height: 21px; font-size: 18px; color: #252525;}
#advantage .support .list .item .item_in .msg .msg_in .row_list .row .num{ display: block; margin-right: 16px; width: 21px; height: 21px; line-height: 21px; background: #0074ff; font-size: 18px; color: #fff; text-align: center; -webkit-border-radius: 2px; border-radius: 2px;}

#advantage .support .list .item:first-child{ background: url("/assets/img/sonschn/support_item_bg0.png") no-repeat top center;}
#advantage .support .list .item:nth-child(2){ margin-top: 193px; background: url("/assets/img/sonschn/support_item_bg1.png") no-repeat top center;}
/*#advantage .support .list .item:nth-child(3){ margin-top: 100px;}*/
/*#advantage .support .list .item:first-child .msg{ margin-top: 7px;}*/
#advantage .support .list .item:nth-child(2) .msg{ margin-top: 119px;}
#advantage .support .list .item:nth-child(3) .msg{ margin-top: 60px;}
#advantage .support .list .item:first-child .msg .msg_in{ padding: 33px 30px;}

#advantage .step_con{/* margin-top: 177px;*/ overflow: hidden;}
#advantage .step_con .global_title{ position: relative; padding-top: 54px;}
#advantage .step_con .global_title:before{ display: block; content: ''; position: absolute; left: 50%; top: 0; width: 235px; height: 1px; background: #e6e6e6; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#advantage .step_con .step_list{ display: flex; justify-content: space-between; padding: 49px 0 70px;}
#advantage .step_con .step_list .parting{ display: block; position: relative; width: 52px;}
#advantage .step_con .step_list .parting .con{ display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#advantage .step_con .step_list .parting .con:before{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 10px; height: 100%; background: #e1e1e1; -webkit-border-radius: 50%; border-radius: 50%; box-shadow: 19px 0 0 #e1e1e1;}
#advantage .step_con .step_list .parting .con:after{ display: block; content: ''; position: absolute; right: 0; top: 0; width: 10px; height: 100%; background: #e1e1e1; -webkit-border-radius: 50%; border-radius: 50%;}
#advantage .step_con .step_list .step_item{ margin: 0 1%; padding-top: 100px; width: 33%; background: url("/assets/img/sonschn/step_icon0.png") no-repeat center top;}
#advantage .step_con .step_list .step_item:nth-child(3){ background: url("/assets/img/sonschn/step_icon1.png") no-repeat center top;}
#advantage .step_con .step_list .step_item:nth-child(5){ background: url("/assets/img/sonschn/step_icon2.png") no-repeat center top;}
#advantage .step_con .step_list .step_item .img{ width: 100%; height: 215px;}
#advantage .step_con .step_list .step_item .text{ margin-top: 18px; width: 100%; line-height: 32px; font-size: 18px; color: #333; text-align: center;}

#advantage .advantage_con{/* margin-bottom: 35px;*/ width: 100%; overflow: hidden;}
#advantage .advantage_con .global_title{ position: relative; line-height: 57px; padding-top: 56px; font-size: 49px; color: #2a2a2a;}
#advantage .advantage_con .advantage{ padding: 0 0 30px; width: 100%; background: url("/assets/img/sonschn/advantage_bg.png") no-repeat center;}
#advantage .advantage_con .advantage .title{ width: 100%; height: 58px; line-height: 58px; font-size: 40px;/* color: #0bba91;*/ text-align: center;}
#advantage .advantage_con .advantage .global_title{ padding-top: 70px; font-size: 42px;}
#advantage .advantage_con .advantage .btn_list{ margin-top: 37px; width: 100%; height: 50px; line-height: 50px; text-align: center;}
#advantage .advantage_con .advantage .btn_list .btn_item{ display: inline-block; position: relative; margin-left: 118px; font-size: 26px; color: #333; text-decoration: none;}
#advantage .advantage_con .advantage .btn_list .btn_item:before{ position: absolute; content: ''; left: 50%; bottom: 0; width: 100%; height: 3px; background: #0bba91; opacity: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; transition: all 0.3s;}
#advantage .advantage_con .advantage .btn_list .btn_item:first-child{ margin-left: 0;}
#advantage .advantage_con .advantage .btn_list .btn_item.cur:before,
#advantage .advantage_con .advantage .btn_list .btn_item:hover:before{ color: #333; opacity: 1;}
#advantage .advantage_con .advantage .con_list{ width: 100%;}
#advantage .advantage_con .advantage .con_list .con_item .img{/* margin-top: 12px;*/ width: 100%; text-align: center;}
#advantage .advantage_con .advantage .con_list .con_item .m_img{ display: none;}
#advantage .advantage_con .advantage .con_list .con_item .m_brief,
#advantage .advantage_con .advantage .con_list .con_item .brief{ margin-top: 12px; width: 100%; height: 90px; line-height: 30px; font-size: 16px; color: #333; text-align: center;}
#advantage .advantage_con .advantage .con_list .con_item .m_brief{ display: none;}
.advantage .bx-wrapper{ margin: 0 auto; margin-top: 30px;}
.advantage .bx-wrapper .bx-controls{ display: none;}

#marketing{ overflow: hidden;}
#resource{ margin-top: 0;}
#resource .global_title{ position: relative; padding-top: 53px;}
#resource .global_title:before{ display: block; content: ''; position: absolute; left: 50%; top: 0; width: 235px; height: 1px; background: #e6e6e6; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#resource .menu_list{ margin-top: 95px;}
#resource .item.big.first, 
#resource .item.live.first{ margin-left: 0;}
#resource .item.big, 
#resource .item.live{ width: 30.3333%; margin-left: 4%;}

#marketing .marketing_list{ position: relative; margin-top: 60px; height: 612px;}
#marketing .marketing_list .item_box{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.5s; transition: all 0.5s;}
#marketing .marketing_list .item_box.cur{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
#marketing .marketing_list .item{ border: 0;}
#marketing .marketing_list .item .item_in{ width: 100%; height: 100%; border: 1px solid #ededed; -webkit-transition: all 0.2s; transition: all 0.2s;}
#marketing .marketing_list .item:hover{ margin-top: 0;}
#marketing .marketing_list .item:hover .item_in{ -webkit-transform: translateY(-10px); transform: translateY(-10px);}

@media screen and (max-width: 1240px){
	.scroll_btn_list .list_mid .list_in{ width: 98%;}
	#advantage .build{ width: 98%;}
	#advantage .support .list .item .item_in{ width: 98%;}
	#marketing{ width: 98%;}
	#resource .menu_list{ width: 98%;}
}
@media screen and (max-width: 1117px){
	#w1000 .wrap{ width: 98%; min-width: auto;}
	#header .nav{ margin-right: 0;}
	.build_item .img{ width: 60%;}
}
@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("/assets/img/sonschn/global_bottom_tel.png") 0.45rem center no-repeat; background-size:auto 0.45rem;}
	#s_global_bottom_box a:nth-child(2){ background:url("/assets/img/sonschn/global_bottom_service.png") 0.1rem center no-repeat; background-size:auto 0.45rem;}
	#s_global_bottom_box a:nth-child(3){ background:url("/assets/img/sonschn/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;}
}

@media screen and (max-width: 768px){

	#w1000{ padding-bottom: 1rem;}
	#w1000 .wrap{ margin:0 auto; width:100%; min-width: inherit;}
	.min{ min-width: auto;}
	.container{ padding:0 0.2rem;}

	.banner{ width: 100%; height: 140px; background-size: auto 100%;}
	.banner .text .text_table .text_table_cell .text_title{ font-size: 0.38rem;}

	.global_title{ height: 8.9333vw; line-height: 8.9333vw; font-size: 6.6667vw;}
	.global_brief{ height: 6.0vw; line-height: 6.0vw; font-size: 4.0vw;}

	#resource .global_brief{ margin-top: 21px;}
	
	/*#advantage{  margin-bottom: 5.6vw;}*/
	.advantage .bx-wrapper{ width: 92vw;}
	#advantage .build{ margin: 8.0vw auto; width: 92vw;}

	#advantage .model_banner{ display: flex; align-items: center; padding-top: 0; height: 49.7333vw; background: url("/assets/img/sonschn/banner_bg.jpg") repeat-x top left / auto 100%;}
	#advantage .model_banner img{ width: 100%;}
	#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;}
	#advantage .model_banner .text .title{ width: 100%; line-height: 9.3333vw; font-size: 25px; color: #333;}
	#advantage .model_banner .text .date{ margin-top: 3.6vw; width: 100%; line-height: 6.6667vw; font-size: 15px; color: #666;}

	#advantage .build .build_list .build_item{ margin: 0;}
	#advantage .build .build_list .build_item:first-child{ margin-top: inherit;}
	#advantage .build .build_list .build_item:nth-child(2){ margin-top: inherit;}
	#advantage .build .build_list .build_item:nth-child(3){ margin-top: inherit;}
	#advantage .build .build_list .build_item:nth-child(4){ margin-top: inherit;}
	#advantage .build .build_list .build_item{ padding: 5.3333vw 0;}
	/*#advantage .build .build_list .build_item:nth-child(4) img{ max-width: 80%;}*/
	#advantage .build .build_list .build_item .img{ width: 100%;}
	#advantage .build .build_list .build_item .video{ width: 100%; height: 52.7333vw; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#advantage .build .build_list .build_item .txt{ position: static; margin: 6.6667vw auto 0; padding: 0; width: 100%;}
	#advantage .build .build_list .build_item .txt:before{ top: 4.0vw; width: 4.1333vw; height: 5.8667vw; background-size: 100%;}
	#advantage .build .build_list .build_item .txt .txt_in{ padding: 3.2vw 4.6667vw 3.2vw 6.4vw; line-height: 6.6667vw; font-size: 3.7333vw;}
	#advantage .build .build_list .build_item .txt .txt_title{ margin-bottom: 2.6667vw; font-size: 5.5vw; text-align: center;}
	#advantage .build .build_list .build_item .txt .txt_item_list{ margin-top: 0;}
	#advantage .build .build_list .build_item .txt .txt_item_list .txt_item{ font-size: 4vw;}
	#advantage .build .build_list .build_item.other_item .txt{ position: static; margin: 6.6667vw auto 0; padding: 0; width: 100%}

	#advantage .build .build_list .build_item:nth-child(even){ justify-content: center; flex-direction: column;}
	#advantage .build .build_list .build_item:nth-child(even) .txt{ margin: 6.6667vw auto 0; padding: 0 4.0vw 32px 0;}
	#advantage .build .build_list .build_item:nth-child(even) .txt .txt_in{ padding: 3.2vw 4.6667vw 3.2vw 6.4vw;}

	#advantage .build .build_list .build_item:first-child{ padding-top: 9.3333vw;}
	#advantage .build .build_list .build_item:nth-child(2){ padding-top: 10vw;}
	#advantage .build .build_list .build_item:nth-child(3){ padding-top: 0;}
	#advantage .build .build_list .build_item:nth-child(4){ padding-top: 10.1333vw;}

	#advantage .build .build_list .build_item:last-child .txt{ padding-bottom: 0;}

	#advantage .support{ margin: 0 0 13.6vw;}
	#advantage .support .global_title{ padding-top: 7.2vw;}
	#advantage .support .list{ margin-top: 8.8vw;}
	#advantage .support .list .item .item_in{ width: 92vw;}
	#advantage .support .list .item .item_in .msg .msg_in{ padding: 3.6vw 4.0vw;}
	#advantage .support .list .item .item_in .msg .msg_in .title{ font-size: 3.7333vw;}
	#advantage .support .list .item .item_in .msg .msg_in .row_list .row{ margin-bottom: 2.6667vw; line-height: 4.0vw; font-size: 3.7333vw;}
	#advantage .support .list .item .item_in .msg .msg_in .row_list .row .num{ margin-right: 2.1333vw; width: 4.0vw; height: 4.0vw; line-height: 4.0vw; font-size: 3.2vw;}
	#advantage .support .list .item .item_in .msg .msg_in .row_list .row .txt{ width: calc(100% - 6.1333vw); }

	#advantage .support .list .item .item_in .img_list{ position: relative; width: 100%; height: 53.7333vw;}

	#advantage .support .list .item .item_in .btn_list{ margin-top: 9.2vw; height: 6.2667vw;}
	#advantage .support .list .item .item_in .btn_list .btn{ margin: 0 3.2667vw; padding: 0 1.2vw; line-height: 6.2667vw; font-size: 3.7333vw;}
	#advantage .support .list .item .item_in .btn_list .btn:before{ height: 0.5333vw;}

	#WorldMap{ height: 62.1333vw !important;}
	#advantage .support .list .item:first-child{ background: url("/assets/img/sonschn/support_item_bg0.png") no-repeat center top -46.6667vw / auto 100%;}
	#advantage .support .list .item:first-child .msg .msg_in{ padding: 4.4vw 4.0vw;}
	#advantage .support .list .item:nth-child(2){ margin-top: 15.8667vw; background: url("/assets/img/sonschn/support_item_bg1.png") no-repeat center -12.6667vw / auto 100%;}
	#advantage .support .list .item:nth-child(2) .msg{ margin-top: 10vw;}
	#advantage .support .list .item:nth-child(3){ margin-top: 10vw;}
	#advantage .support .list .item:nth-child(3) .msg{ margin-top: 10vw;}

	/*#advantage .step_con{ margin-top: 5.6vw;}*/
	/*#advantage .step_con .global_title{ margin-top: 7.2vw;}*/
	#advantage .step_con .step_list{ display: block; padding: 10vw 0 12.5333vw;}
	#advantage .step_con .step_list .step_item{ margin-top: 0.5rem; margin-left: 0; padding-top: 1.3rem; width: 100%; background-size: 10% auto;}
	#advantage .step_con .step_list .step_item:first-child{ margin-top: 0;}
	#advantage .step_con .step_list .step_item .img img{ max-width: inherit; max-height: inherit;}
	#advantage .step_con .step_list .step_item .text{ margin: 0 auto; width: 88%; line-height: 0.5rem; font-size: 0.32rem;}

	#advantage .step_con .step_list .parting{ display: block; margin: 0.3rem auto; width: 10px; height: 52px;}
	#advantage .step_con .step_list .parting .con{ position: inherit; left: inherit; top: inherit; width: 100%; height: 100%; -webkit-transform: translateY(0); transform: translateY(0);}
	#advantage .step_con .step_list .parting .con:before,
	#advantage .step_con .step_list .parting .con:after{ width: 100%; height: 10px;}
	#advantage .step_con .step_list .parting .con:before{ box-shadow: 0 21px 0 #e1e1e1;}
	#advantage .step_con .step_list .parting .con:after{ top: inherit; bottom: 0;}

	#advantage .advantage_con .global_title{ padding-top: 10vw; line-height: 7.6vw; font-size: 6.6667vw;}
	#advantage .advantage_con .advantage{ margin: 0 auto; width: 100%; background: url("/assets/img/sonschn/advantage_bg.png") no-repeat center / auto 100%;}
	#advantage .advantage_con .advantage .global_title{ padding-top: 7.2vw; font-size: 6.6667vw;}
	#advantage .advantage_con .advantage .btn_list{ margin-top: 4.9333vw; height: 9.6667vw; line-height: 9.6667vw; white-space: nowrap; overflow-x: auto;}
	#advantage .advantage_con .advantage .btn_list .btn_item{ margin-left: 6.6667vw; font-size: 16px;}

	/*#resource{ margin-top: 4.6667vw;}*/
	#resource .global_title{ padding-top: 5.8667vw;}

	#resource .menu_list{ display: grid; grid-gap: 2.8vw 2.8vw;  grid-template-columns: repeat(3, 28.8vw); margin-top: 8vw; padding: 0; width: 100%; height: auto; background: none;}
	#resource .menu_list a{ padding: 0; width: auto; height: 10.1333vw; line-height: 10.1333vw; background: #f3f3f3; font-size: 13px;}
	#resource .menu_list a.cur{ background: #0db083; color: #fff;}
	#resource .marketing_list{ padding-top: 8.0vw; height: 129.6vw;}
	#resource .marketing_list .item_box{ display: grid; grid-gap: 9.7333vw 6.6667vw; grid-template-columns: repeat(2, 42.6667vw); width: 100%; height: auto;}
	#resource .marketing_list .item_box .item .item_in{ border: 0;}
	#resource .marketing_list .item_box .item.big, 
	#resource .marketing_list .item_box .item.live{ margin: 0; width: 100%;}
	#resource .marketing_list .item_box .item.big .img{ height: auto;}
	#resource .marketing_list .item_box .item.big .video_name{ display: block; margin-top: 3.3333vw; padding: 0; width: 100%; height: auto; line-height: 6.1333vw; text-align: left; white-space: inherit; text-overflow: inherit; overflow: inherit; box-sizing: border-box;}
	#resource .marketing_list .item_box .item.big .video_name a{ font-size: 14px; color: #222;}

	#marketing{ width: 92vw;}
	#marketing .marketing_list .item .item_in{ box-sizing: border-box;}

	/*#resource{ margin-bottom: 10.5333vw;}*/
	#resource .blank100{ height: 0;}
	
	#marketing .marketing_list .item .item_in{ box-sizing: border-box;}
	#marketing .marketing_list .item:hover .item_in{ -webkit-transform: translateY(0); transform: translateY(0);}

	.video_box{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000000;}
	.video_box .video_play{ position: absolute; left: 50%; top: 50%; width: 90%; height: 50vh; background: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

	.video_box .cloce{ display: block; position: absolute; top: 6.6667vw; left: 5.3333vw; width: 14.4vw; height: 11.2vw; background: url("/assets/img/sonschn/close_btn.png") no-repeat center #131313 / 4.8vw 4.8vw; border-radius: 2.6667vw; z-index: 1000001;}
}

@media screen and (max-width: 608px){
	#resource .item{ border: 0;}
	#resource .item.big, 
	#resource .item.live{ margin: 0 0 6.6667vw 0; width: 100%;}
	#resource .item.big .video_name{ padding: 0; text-align: center;}
	#resource .marketing_list{ margin-top: 60px; padding-top: 8.0vw;/* height: 1631px;*/}
	.scroll_btn_list .list_mid .btn_item{ flex-direction: column;}
	.scroll_btn_list .list_mid .btn_item a.title{ display: block; font-size: 3vw !important;}
}