@charset "utf-8"; /*载入字体*/ @font-face { font-family: "HelveticaNeueLTProThEx"; src: url("/assets/img/sonschn/HelveticaNeueLTProThEx.woff2") format("woff2"), url("/assets/img/sonschn/HelveticaNeueLTProThEx.woff2.woff") format("woff"), url("/assets/img/sonschn/HelveticaNeueLTProThEx.woff2.ttf") format("truetype"), url("/assets/img/sonschn/HelveticaNeueLTProThEx.woff2.eot") format("embedded-opentype"); } /* 涟漪特效代码 */ @-webkit-keyframes anim-out{ 0%{ opacity: 0.5;} 100%{ transform: scale(3); opacity: 0;} } @-moz-keyframes anim-out{ 0%{ opacity: 0.5;} 100%{ transform: scale(3); opacity: 0;} } @-ms-keyframes anim-out{ 0%{ opacity: 0.5;} 100%{ transform: scale(3); opacity: 0;} } @keyframes anim-out{ 0%{ opacity: 0.5;} 100%{ transform: scale(3); opacity: 0;} } /* 按钮动画 */ /*.btn_trans .btn_a{ -moz-animation: anim-out 1.5s infinite; -webkit-animation: anim-out 1.5s infinite; animation: anim-out 1.5s infinite;}*/ /* .anim{ -moz-animation: anim-out .75s; -webkit-animation: anim-out .75s; animation: anim-out .75s;} .anim2{ -moz-animation: anim-out2 .75s; -webkit-animation: anim-out2 .75s; animation: anim-out2 .75s;} .anim, .anim2{ -moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%; z-index: 1} .anim:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 3px; -moz-animation: anim-out-pseudo .75s; -webkit-animation: anim-out-pseudo .75s; animation: anim-out-pseudo .75s;} .anim2:after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 3px; -moz-animation: anim-out-pseudo2 .75s; -webkit-animation: anim-out-pseudo2 .75s; animation: anim-out-pseudo2 .75s;} .anim, .anim:after{ animation-iteration-count: infinite; animation-duration: 1.8s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .anim2, .anim2:after{ animation-iteration-count: infinite; animation-duration: 2.3s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} */ @-webkit-keyframes anim-out { 0%{ transform: scale(.9);} 50%{ transform: scale(1.05);} 100%{ transform: scale(.9);} } @-moz-keyframes anim-out { 0%{ transform: scale(.9);} 50%{ transform: scale(1.05);} 100%{ transform: scale(.9);} } @-ms-keyframes anim-out { 0%{ transform: scale(.9);} 50%{ transform: scale(1.05);} 100%{ transform: scale(.9);} } @keyframes anim-out { 0%{ transform: scale(.9);} 50%{ transform: scale(1.05);} 100%{ transform: scale(.9);} } /*general*/ .wrap{ margin:0 auto; width:1200px; min-width: 1200px;} #w1000 .wrap{ width:1000px; min-width: 1000px;} .min{ min-width:1000px;} .fl{ float:left;} .fr{ float:right;} .tc{ text-align:center;} .icons{ position:relative;} .icons i{ position:absolute; display:inline-block;} .delay{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .hide{ display: none;} .delay1{ -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} .delay2{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .t{ font-size:26px;} .st{ font-size:18px; color:#535353;} .page{ min-height:500px;} .txC{ text-align:center;} /** 专题页菜单 **/ #menu_hd{position: fixed;right: 130px;top: 50%;display: none;} #menu_hd li{width: 14px;height: 14px;border:1px solid #9c9c9c; cursor: pointer; border-radius: 8px;margin-bottom: 12px;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #menu_hd li.cur{height: 26px;background: #9c9c9c;} /*在线客服*/ #global_qq_service{ width:70px; padding:10px; position:fixed; left:15px; top:190px; z-index:999; background:#fff; border:1px solid #48bdaa; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;} #global_qq_service .title{ font-size:16px; font-weight:bold; color:#1da189; text-align:center;} #global_qq_service .qq_item .qq_img{ /*width:44px; height:44px;*/ width:60px; height:60px; margin:0 auto; cursor:pointer; text-align: center;} #global_qq_service .qq_item .qq_img img{ border-radius:50%; vertical-align: middle;} #global_qq_service .qq_item .qq_img span{ display:inline-block; height: 100%; vertical-align: middle;} #global_qq_service .qq_item .qq_name{ font-size:14px; color:#888787; height:25px; line-height:25px; overflow:hidden; text-align:center; cursor:pointer;} #global_qq_service a{ text-decoration:none; margin-top:10px; display:block;} /* 双11 start */ /* #global_qq_service{width: 154px;background: url(../images/global_qq_service_11.png)no-repeat center center;border: 0;padding: 0 20px 17px 11px;box-sizing: border-box;} #global_qq_service .title{margin-top: 50px;color: #fff601;font-size: 22px;} #global_qq_service .qq_item .qq_name{color: #fff;} #global_qq_service .qq_item .qq_img{position: relative;} #global_qq_service .qq_item .qq_img:after{content: '';border-radius: 150px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #fff;z-index: -1;margin-top: 3px;width: 100%;height: 100%;} .header_11_cnt{position: relative;} .header_11_day{position: absolute;left: 54%;font-size: 40;color: #fffc00;top: 50%;transform: translate(-50%,-50%);font-weight: bold;} #w1000 .header_11_day{font-size: 26px;} */ /* 双11 end */ /*在线客服第二种样式*/ /* #global_qq_service{ width:81px; padding:10px; position:fixed; left:35px; top:220px; z-index:999; background:#fff; border:1px solid #ff45fb; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;} #global_qq_service .title{ position: absolute;left: -9px;top: -43px;width: 120px;height: 43px;line-height: 43px;background: url(../images/global_qq_service_top.png) no-repeat center center;font-size:0px; color: white; text-align:center;} #global_qq_service .qq_item .qq_img{ width:60px; height:60px; margin:0 auto;border-radius: 32px;overflow: hidden;text-align: center;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;padding: 1px;border:1px solid transparent;} #global_qq_service .qq_item .qq_img img{width: 60px;height: 60px;border-radius: 30px;} #global_qq_service .qq_item:hover .qq_img{border:1px solid #ff45fb;} #global_qq_service .qq_item .qq_name{ font-size:14px; color:#888787; height:25px; line-height:25px; overflow:hidden; text-align:center;} #global_qq_service a{ text-decoration:none; margin-top:10px; display:block;} */ #in_banner{ height: 400px; background: url("/assets/img/banner_bg.png") repeat-x left top;} #banner .global_subbanner, #in_banner .global_subbanner{ padding-top: 170px; width:100%; height: 100%; text-align:center; -webkit-box-sizing: border-box; box-sizing: border-box;} #banner .global_subbanner .title, #in_banner .global_subbanner .title{ height: 61px; line-height: 61px; font-size:42px; color:#333;} #banner .global_subbanner .intro, #in_banner .global_subbanner .intro{ margin-top: 20px; height: 41px; line-height: 41px; font-size:24px; color:#555;} #banner .global_subbanner .intro #customer, #in_banner .global_subbanner .intro #customer{ height: 41px; line-height: 41px; font-size: 24px;color: #0db083;display: inline-block;vertical-align: top;} #banner .global_subbanner .intro a, #in_banner .global_subbanner .intro a{ color: #0db083; text-decoration: none;} .subbanner_fir{ width:100%; height:230px; background:#f3f3f3;} .subbanner_fir .wrap{ height:100%; background:url("/assets/img/sonschn/subbanner_fir.png") 90% bottom no-repeat;} .subbanner_fir .title{ font-size:28px; color:#414141; margin-left:100px; padding-top:65px;} .subbanner_fir .intro{ font-size:18px; color:#646464; margin-left:100px; margin-top:5px;} .subbanner_fir .intro span{ color:#1da189;} .global_item_fir{ width:366px; height:274px; float:left; margin-left:51px; margin-bottom:35px; position:relative;} .global_item_fir_nor{ margin-left:0;} .global_item_fir .global_item_fir_abs{ position:absolute; left:0; top:0; -webkit-transition: all 0.3s; transition: all 0.3s;} .global_item_fir:hover .global_item_fir_abs{ top: -10px;} .global_item_fir .global_item_fir_abs .type{position: absolute;width: 49px;height: 49px;right: -10px;top: -10px;text-align: center;line-height: 49px;font-size: 18px;color: white;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;background: #00bda0;} .global_item_fir .img{ border:1px solid #f5f5f5; width:364px; height:219px;} .global_item_fir h3{ text-align:center; margin-top:15px;} .global_item_fir h3 a{ font-size:14px; height:20px; line-height:20px; overflow:hidden; display:block; opacity:0;} .global_item_fir:hover h3 a{ color:#48bdaa; text-decoration:none;} .global_item_fir:hover h3 a{ opacity:1;} .global_item_sec{ width:366px; height:320px; float:left; position:relative; margin-left:50px; margin-bottom:50px;} .global_item_sec_nor{ margin-left:0;} .global_item_sec .global_item_sec_abs{ position:absolute; left:0; top:0;transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;} .global_item_sec .img{ width:364px; height:219px; border:1px solid #eee; position:relative;} .global_item_sec .img .play{ width:100%; height:100%; position:absolute; left:0; top:0;} .global_item_sec .img .play i{ width:54px; height:54px; position:absolute; display:block; left:50%; margin-left:-27px; top:50%; margin-top:-27px; background:url("/assets/img/sonschn/icons.png") no-repeat; background-position:-188px -82px;} .global_item_sec .box{ padding: 0 15px;} .global_item_sec .box a{ display: block; margin-top: 16px; width: 100%; font-size: 14px; color: #414141; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .global_item_sec a{ text-decoration: none;} .global_item_sec h3{ height:20px; line-height:20px; overflow:hidden;} .global_item_sec h3 a{ font-size:14px; color:#414141;} .global_item_sec h3 span{ height:18px; line-height:18px; padding:0 10px; display:inline-block; background:#48bdaa; margin-left:10px; color:#fff;} .global_item_sec h3 i{ right:9px; top:-23px; color:#10b084; font-size:14px; font-style:normal; text-align:center;} .global_item_sec h3 i em{ font-style:normal; width:46px; width:46px; line-height:46px; display:inline-block; background:#f2f2f2; color:#10b084; border-radius:23px; margin-left:3px;} .global_item_sec h3 i em.nor{ background:#0bba91; color:#fff;} .global_item_sec .intro{ margin-top: 6px; width: 100%; height: 22px; line-height: 22px; text-align: center;} .global_item_sec .intro .ova{width: 334px;height: 18px;color:#999;line-height: 18px;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;} .global_item_sec .intro .brief{ width: 100%; height: 44px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .global_item_sec .intro span{ font-size: 14px; color: #91999b;} .global_item_sec:hover .global_item_sec_abs{margin-top: -10px;} .global_item_sec .video_img{height: 206px;} .global_item_sec .video_box{padding: 7px 15px;} .global_item_sec .video_box h3{font-size: 14px;height: 30px;line-height: 30px;} .global_item_sec .video_box .intro{height: 27px;} .global_phone_fir{ width:225px; height:452px; background:url("/assets/img/sonschn/phone_bg_small.png") no-repeat; float:left; margin:0 80px; margin-bottom:40px; cursor:pointer;} .global_phone_fir .contents{ width:200px; height:372px; margin-left:13px; margin-top:32px; position:relative;} .global_phone_fir .contents .img{ width:100%; height:100%;} .global_phone_fir .contents .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background:url("/assets/img/sonschn/mask.png"); display:none;} .global_phone_fir .contents .mask a{ width:100%; height:100%; display:block; text-decoration:none;} .global_phone_fir .contents .mask h3{ font-size:14px; color:#fff; padding-top:145px; text-align:center;} .global_phone_fir .contents .mask h3 i{ width:40px; height:40px; left:50%; margin-left:-20px; bottom:-60px; background:url("/assets/img/sonschn/icons.png") no-repeat; background-position:-125px -89px;} .global_phone_fir:hover .contents .mask{ display:block;} .model_banner{ display: none;} .mobile_category{ display: none;} .global_category{ height: 81px; position:relative;} .global_category .global_category_abs{ width:100%; height: calc(100% - 1px); border-bottom: 1px solid #d9d9d9; text-align:center; font-size: 0;} .global_category .global_category_box{ width: 100%; height: 100%;} .global_category .global_category_abs a{ position: relative;display:inline-block; color:#333;padding:0 38px; margin:0 15px; height: calc(100% + 1px); line-height: 80px; font-size:18px; text-decoration:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .global_category .global_category_abs a:before{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #0bb183; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .global_category .global_category_abs a:hover{ color:#0db083;} /*.global_category .global_category_abs a:hover:before{ opacity: 1;}*/ .global_category .global_category_abs a.cur{ color:#0db083;} .global_category .global_category_abs a.cur:before{ opacity: 1;} .global_right_ad .row_box{ border:1px solid #e6e6e6; padding:15px;} .global_right_ad .row_box .img{ width:60px; height:60px; float:left;} .global_right_ad .row_box .sina i{ width:50px; height:41px; left:5px; top:10px; background:url("/assets/img/sonschn/icons.png") no-repeat; background-position:-365px -85px;} .global_right_ad .row_box .con{ margin-left:15px; float:left;} .global_right_ad .row_box .con .title{ font-size:16px; padding-top:7px;} .global_right_ad .row_box .con .intro{ color:#7e7d7d; margin-top:7px;} .global_right_ad .row_box a{ color:#333; text-decoration:none;} .global_right_ad .wechat{ border:1px solid #e6e6e6;} .global_right_ad .wechat .w_title{ font-size:16px; margin-left:15px; padding-top:15px;} .global_right_ad .wechat .img{ width:110px; height:110px; margin:0 auto; margin-top:25px;} .global_right_ad .wechat .w_sao{ font-size:16px; margin-top:10px;} .global_right_ad .wechat .w_more{ font-size:14px; color:#00bd9f; margin-top:5px; margin-bottom:20px;} .global_right_ad .info_title{ font-size:16px; margin-bottom:6px; padding-bottom:6px; border-bottom:1px solid #e6e6e6; text-align:center;} .global_right_ad .info_item li{ height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .global_right_ad .info_item li:hover a{ color:#1ca18b; text-decoration:underline;} .global_bottom_ad { width:100%; height:145px; background:#37ae8e;}/*background:#48bdaa url(../images/new/global_bottom_ad.jpg) no-repeat center center;*/ .global_bottom_ad .ad_table{ display: table; width: 100%; height: 100%;} .global_bottom_ad .ad_table .ad_table_cell{ display: table-cell; vertical-align: middle;} .global_bottom_ad span{ height:46px; line-height:46px; display:inline-block; color:#fff; font-size:34px;} .global_bottom_ad a{ width:240px; height:47px; line-height:47px; margin-left:90px; text-decoration:none; display:inline-block; background:#fff; font-size:18px; color:#111; vertical-align:top; -webkit-border-radius: 23px; border-radius: 23px;} .global_crumb{ height:25px; line-height:25px; overflow:hidden; font-size:14px; padding:15px 0;} .global_crumb *{ font-size:14px;} .global_crumb a:hover{ text-decoration:none; color:#0cba92;} #phone_demo{ width:372px; height:757px; position:fixed; top:50%; left:50%; margin-left:-186px; margin-top:-379px; background:url("/assets/img/sonschn/phone_bg_big.png")/*phone_bg_big.png*/ no-repeat; display:none; z-index:10001;} #phone_demo i{ width:35px; height:35px; right:-40px; top:0; background:url("/assets/img/sonschn/icons.png") no-repeat; background-position:-254px -35px; cursor:pointer;} #phone_demo iframe{ width:337px; height:575px; margin-left:19px; margin-top:91px; float:left; border:0; background:url("/assets/img/sonschn/loading.gif")/*loading.gif*/ center no-repeat;;} #video_demo{ width:900px; height:482px; padding:20px; position:fixed; left:50%; top:50%; margin-left:-470px; margin-top:-261px; background:#fff; display:none; z-index:10001;} #video_demo i{ width:35px; height:35px; right:-50px; top:-40px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-254px -35px; cursor:pointer;} #video_apply{ width:572px; height:180px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-87px; text-align:center; background:#ededed; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;} #video_apply .v_a_title{ font-size:24px; margin-top:7px;} #video_apply .v_a_input{ width:230px; height:45px; margin:0 3px; line-height:45px; border:0; outline:none; font-size:14px; color:#9a9a9a; text-indent:15px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #video_apply .v_a_submit{ width:471px; height:47px; line-height:47px; font-weight:bold; display:block; margin:0 auto; border:0; background:#00bd9f; font-size:18px; color:#fff; cursor:pointer; margin-top:13px; outline:none; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #video_apply i{ width:35px; height:35px; right:-70px; top:-65px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-254px -35px; cursor:pointer;} #video_success{ width:572px; height:180px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-87px; text-align:center; background:#ededed; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;} #video_success .v_s_sign{ width:75px; height:75px; margin:0 auto;} #video_success .v_s_sign i{ width:75px; height:75px; left:0; top:0; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-525px -283px;} #video_success .v_s_title{ font-size:24px; margin-top:30px;} #video_success .v_s_tips{ font-size:16px; color:#646464; margin-top:10px} #video_success i{ width:35px; height:35px; right:-70px; top:-58px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-254px -35px; cursor:pointer;} #global_login{ width:572px; height:311px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-177px; text-align:center; background:#ededed; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;} #global_login .login_sign{ width:85px; height:85px; position:absolute; left:50%; margin-left:-42px; top:-60px; background:url("/assets/img/sonschn/login_sign.png")/*login_sign.png*/ no-repeat;} #global_login .login_subtitle{ font-size:16px; color:#646464; padding-top:25px;} #global_login .login_title{ font-size:22px; color:#00bd9f; margin-top:7px;} #global_login .login_line{ height:1px; background:#d9d9d9; margin:25px 0;} #global_login .login_tips{ font-size:16px;} #global_login .login_input{ width:471px; height:45px; line-height:45px; border:0; outline:none; font-size:14px; color:#9a9a9a; text-indent:15px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #global_login .login_submit{ width:471px; height:47px; line-height:47px; display:block; margin:0 auto; border:0; background:#00bd9f; font-size:16px; color:#fff; cursor:pointer; margin-top:13px; outline:none; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #global_login i{ width:35px; height:35px; right:-70px; top:-65px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-254px -35px; cursor:pointer;} #global_login .get_pwd{float: right;height: 27px;line-height: 27px;padding-left: 32px;background: url("/assets/img/sonschn/icon_ask.png")/*icon_ask.png*/ no-repeat left center;font-size: 16px;color: #40b78c;margin:15px 50px 15px 0;} #global_lightboxs{ width:910px; height:670px; position:fixed; left:50%; top:50%; margin-left:-455px; margin-top:-345px; background:#fff; z-index:10001; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:none;} #global_lightboxs i{ width:35px; height:35px; right:-50px; top:-40px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-254px -35px; cursor:pointer;} #global_lightboxs_con{ background:url("/assets/img/sonschn/loading.gif")/*loading.gif*/ center no-repeat;} #global_lightboxs_con .global_lightboxs_img .img{ width:807px; height:535px; margin:0 auto; padding-top:30px;} #global_lightboxs_con .global_lightboxs_img .left_btn{ width:25px; height:47px; display:block; position:absolute; left:13px; top:275px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-368px -297px;} #global_lightboxs_con .global_lightboxs_img .right_btn{ width:25px; height:47px; display:block; position:absolute; right:13px; top:275px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-443px -297px;} #global_lightboxs_con .global_lightboxs_tab{ width:767px; height:50px; position:relative; overflow:hidden; margin:0 auto; margin-top:15px;} #global_lightboxs_con .global_lightboxs_tab ul{ width:10000px; height:50px; position:absolute; left:0; top:0;} #global_lightboxs_con .global_lightboxs_tab li{ width:70px; height:46px; float:left; margin-right:25px; border:2px solid #fff;} #global_lightboxs_con .global_lightboxs_tab li.cur{ border:2px solid #00bd9f;} #sys_demo{ width:900px; height:600px; padding:20px; background:#fff; position:fixed; left:50%; top:50%; margin-left:-470px; margin-top:-320px; z-index:10001; display:none;} #sys_demo i{ width:35px; height:35px; right:-50px; top:-40px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-254px -35px; cursor:pointer;} #sys_demo .sys_img{ width:680px; height:600px; background:url("/assets/img/sonschn/loading.gif")/*loading.gif*/ center no-repeat; text-align:center;} #sys_demo .sys_img img{ vertical-align:middle;} #sys_demo .sys_img span{ height:100%; display:inline-block; vertical-align:middle;} #sys_demo .sys_cate{ width:200px;} #sys_demo .sys_cate .switch{ display:none;} #sys_demo .sys_cate .switch_cur{ display:block;} #sys_demo .sys_cate dt{ height:36px; line-height:36px; overflow:hidden; border:1px solid #dfdfdf;} #sys_demo .sys_cate dt a{ font-size:16px; text-indent:60px; display:inline-block; width:100%; height:100%; text-decoration:none;} #sys_demo .sys_cate dt i{ width:25px; height:25px; left:23px; top:5px; background-repeat:no-repeat; background-size:auto 50px;} #sys_demo .sys_cate dl:hover dt a{ background:#48bdaa; color:#fff;} #sys_demo .sys_cate dl.cur dt a{ background:#48bdaa; color:#fff;} #sys_demo .sys_cate dl dd{ display:none;} #sys_demo .sys_cate ul{ padding:10px 0;} #sys_demo .sys_cate li{ height:30px; line-height:30px; overflow:hidden; text-indent:60px;} #sys_demo .sys_cate li a{ color:#535353; font-size:14px;} #sys_demo .sys_cate li i{ width:3px; height:3px; left:45px; top:13px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-465px -162px;} #sys_demo .sys_cate li:hover a{ color:#1da198; text-decoration:none;} #sys_demo .sys_cate li:hover i{ background-position:-497px -162px;} #sys_demo .sys_cate li.cur a{ color:#1da198;} #sys_demo .sys_cate li.cur i{ background-position:-497px -162px;} /*header*/ #header_mask{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9; background:url("/assets/img/sonschn/mask_index.png")/*mask_index.png*/; display:none !important;} #header{ width:100%; position:fixed; top:0; left:0; z-index:10;} body.black_banner #header{background: #fff;} #header.abs{ background: #fff; border-bottom: 1px solid #f1f1f1;} #header .wrap{ height:96px;} #header .wrap.header_abs{height: 60px;} .header_fill{height: 97px;} .header_fill.header_11{height: 166.38px;} #header .logo{ height:56px;margin: 20px 0;} #header .bot{margin-top: 23px;} #header .tel{ overflow: hidden; font-size:24px; color:#3cb794; height:50px; line-height:50px;margin-left: 30px; padding-left:35px;white-space: nowrap; position:relative; overflow:hidden;font-weight: bold;} #header .tel i{ width:24px; height:24px; left:0; top:13px; background:url("/assets/img/sonschn/icon_tel.png")/*icon_tel.png*/ no-repeat; } /*#header .tel:hover{width: 162px;padding-left: 40px;}*/ #header .nav{float: left;height: 50px;margin-right: 100px;} #header .nav li{ float:left; position:relative;margin-right: 54px;} #header .nav li:first-child{ padding-right: 0; margin-right: 72px;} #header .nav li:nth-child(5){ padding-right: 0; margin-right: 72px;} #header .nav li:nth-child(6){ margin-right: 0;} #header .nav li:first-child a{ padding-right: 0;} /*#header .nav li:nth-child(5) a{ padding-right: 0;}*/ #header .nav li.clear{ clear:both;} #header .nav li>a{ height:50px; line-height:50px; font-size:16px; display:inline-block; padding:0 16px 0 0;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #header .nav li>a.sec i{ width:9px; height:6px; right:0; top:calc(45% + 1px); background:url(/assets/img/sonschn/icon_head_arrow.png) no-repeat; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #header .nav li:hover>a{ color:#0db083; text-decoration:none;} #header .nav li:hover>a i{ transform: rotate(180deg);} #header .nav li>a.cur{ color:#0db083; text-decoration:none;} #header .nav li dl{ padding-left: 25px !important; padding-right: 25px !important; position:fixed; margin-left: -25px; background:#fff; padding:0;height: 0;overflow: hidden;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s; -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;} #header .nav li dd{ height: 40px; line-height:40px; overflow:hidden;} #header .nav li dd a{ font-size: 14px; color: #222; text-decoration: none; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;} #header .nav li dd a:hover{ color: #0db083;} #header .member{ margin-top:10px;} #header .member a{ height:34px; line-height:34px; display:block; font-size:14px; text-align:center; border-radius:3px; text-decoration:none; float:left;} #header .member a.register{ width:88px; background:#0bba91; border:1px solid #0bba91; color:#fff; margin-left:0px;} #header .member a.login{ width:68px; color:#333; border:1px solid #ccc; margin-left:10px;} #header .header_abs .logo{height: 36px;margin: 12px 0;} #header .header_abs .bot{margin-top: 15px;} #header .header_abs .tel{height: 30px;line-height: 30px;} #header .header_abs .tel i{top: 3px;} #header .header_abs .nav{height: 30px;} #header .header_abs .nav li>a{height: 30px;line-height: 30px;/*padding-bottom: 15px;*/} #header .header_abs .member{ margin-top: -2px;} /*footer*/ #footer{ background:#273037;} #footer .top{ padding-top:50px; padding-bottom:45px;} #footer .top .links{margin-top:34px;} #footer .top .links span{ color: #fff; font-size: 16px; margin-right:10px;} #footer .top .links a{ color: #fff; font-size: 14px; margin:0 5px;} #footer .info{ max-width:350px; margin-left:10px;text-align: right;} #footer .info .tel{ display: inline-block;font-size:30px; color:#32cab3; font-family:"Arial"; padding-left:40px;} #footer .info .tel i{ left:0; top:0; width:32px; height:33px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-43px -37px;} #footer .info .rows{ font-size:14px; color:#a8adb0; line-height:25px; padding:3px 0;} #footer .menu dl{ float:left; width:130px; margin-right:20px;} #footer .menu dl dt{ padding-bottom: 15px;font-size:16px;color: white;} #footer .menu dl dd{ height:20px; line-height:20px; overflow:hidden; margin-top:10px;} #footer .menu dl dd a{ font-size:14px; color:#a8adb0;} #footer .menu dl dd a:hover{color: #33cbb4;text-decoration: none;} #footer .qrcode{ margin-top: 25px;margin-right:10px; width:110px;} #footer .bot{ border-top:1px solid #3a4249; padding-top:22px; padding-bottom:10px; line-height:25px;} #footer .copyright{ font-size:14px; color:#a8adb0;} #footer .copyright a{ margin-left:10px; color:#a8adb0;} #footer .copyright .links{ margin-left:0; font-size:12px;} #footer .record a{ color:#939393; margin-left:20px; padding-left:25px;} #footer .record i{ width:18px; height:20px; left:0; top:-2px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:0 -155px;} #footer .contents .tel{ font-size:16px; color:#fff; background:url("/assets/img/sonschn/icon_kefu.png")/*icon_kefu.png*/ left center no-repeat; padding-left:55px; line-height:27px;} #footer .contents .tel span{ font-size:22px; color:#0cba92; font-family:"Arial";} #footer .contents .code{ width:90px; height:90px; margin-left:55px; margin-top:15px; opacity:0.8;} #footer .bottom{ border-top:1px solid #363e45; padding:30px 0; text-align:center;} #footer .bottom .rows{ line-height:30px;} #footer .bottom *{ color:#818487; font-size:14px;} #footer_alert{ width:100%; height:58px; position:fixed; left:0; bottom:-100px; background:#e9e9e9; background:rgba(233,233,233,0.9); z-index:999;} #footer_alert .wrap{ position:relative; height:100%;} #footer_alert .img{ width:96px; height:66px; position:absolute; left:240px; bottom:7px;} #footer_alert .txt{ font-size:24px; color:#535353; line-height:58px; margin-left:380px; float:left;} #footer_alert .txt span{ font-family:"Arial"; font-size:32px; color:#3eb3a0; margin:0 10px; vertical-align:bottom;} #footer_alert .btn{ width:166px; height:38px; line-height:38px; font-size:16px; color:#fff; float:right; margin-right:200px; margin-top:11px; background:#48bdaa; display:inline-block; text-decoration:none; text-indent:50px; -moz-border-radius:19px; -ms-border-radius:19px; -o-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;} #footer_alert .btn i{ width:27px; height:22px; left:15px; top:7px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-37px -3px;} #footer_alert .close{ width:25px; height:25px; float:right; cursor:pointer; margin-right:10px; margin-top:17px;} #footer_alert .close i{ width:25px; height:25px; left:0; top:0; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-456px -398px;} /*enroll*/ #footer_alert .enroll_btn{ width:166px; height:38px; line-height:38px; font-size:20px; color:#fff; float:right; margin-right:145px; margin-top:11px; background:#0db083; display:inline-block; text-decoration:none; text-indent:60px; -moz-border-radius:19px; -ms-border-radius:19px; -o-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;} #footer_alert .enroll_btn i{ width:27px; height:22px; left:22px; top:7px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-37px -3px;} #footer_alert .enroll_title_txt{ font-size:24px; color:#555; float:left; line-height:60px; margin-left:40px;} #footer_alert .enroll_img{ float:left; margin-left:35px;} #footer_alert .enroll_tips_txt{ float:left; font-size:18px; color:#555; line-height:60px; margin-left:10px;} /*index*/ #in_banner{ position: relative;} #in_banner .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .cate_list{ width: 100%;} #banner{ position:relative;} #banner img{ display:block; margin:0 auto;} /* #banner .btn{ display: block; margin-top: 25px; width: 180px; height: 50px; line-height: 50px; color:#fff; font-size: 22px; background:#0daf82; border-radius:3px; text-align:center; text-decoration:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} #banner .btn:hover{ background:#fece2e; color:#333;} */ .freebuild .btn{ display: block; position: relative; margin-top: 25px; width: 180px; height: 50px; line-height: 50px;} .freebuild .btn.center{ margin: 25px auto 0;} .freebuild .btn .btn_a{ display: block; position: relative; color:#fff; font-size: 20px; background:#0db083; z-index: 2; text-align:center; text-decoration:none; border-radius:3px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} #banner .tab{ width:100%; position:absolute; left:0; bottom:15px; text-align:center;} #banner .tab a{ width:35px; height:4px; background:url("/assets/img/sonschn/banner_tab.png")/*new/banner_tab.png*/ no-repeat; display:inline-block; margin:0 5px;} #banner .tab a.cur{ background:url("/assets/img/sonschn/banner_tab_cur.png")/*new/banner_tab_cur.png*/ no-repeat;} #banner .item{ width:100%;} #banner .list{ position: absolute; left:0; top: 0; width:100%; height: 100%;} #banner .list .wrap{ height: 100%;} #banner .list .wrap .txt_table{ display: table; width: 100%; height: 100%;} #banner .list .wrap .txt_table .txt_table_cell{ display: table-cell; vertical-align: middle; padding-left: 10px;} #banner .list .title{ width: 100%; height: 76px; line-height: 76px; font-size: 54px; color: #222;} #banner .list .brief{ width: 100%; height: 75px; line-height: 75px; font-size: 54px; color: #0db083;} #banner .list .brief2{ width: 100%; height: 62px; line-height: 62px; font-size: 26px; color: #555;} /*#banner .list .brief{ font-size:24px; color:#555;}*/ #banner .list.style_0 .brief .li{ font-size:20px; color:#555;} /*#banner .list .title{ font-size:52px; color:#222; margin-top:15px; margin-bottom:60px;}*/ #banner .list.style_0 .title{margin-bottom: 40px;} #banner .list.style_0 .brief{line-height: 40px;} #banner .list.style_0 .brief .li{} #banner .list.style_0 .brief .li span{display: inline-block;vertical-align: middle;width: 7px;height: 7px;background: #0cba92;border-radius: 5px;margin-right: 13px;} #banner .list .subtitle{ font-size:42px; color:#222; margin-top:15px; margin-bottom:60px; line-height:65px;} #banner .list .tips{ font-size:22px; color:#0db083; margin-top:12px;} #w1000 #header .member{ /*margin-top:10px;*/margin-left: 0px;} #w1000 #banner .list{ top:80px;} /*#banner .list .login_form{width: 320px;padding:45px 40px;background: rgba(0,0,0,.75);} #banner .list .login_form .form_title{font-size: 26px;color: #fff;margin-bottom: 35px;} #banner .list .login_form .form_title{}*/ #banner .login_form_outer{ width: 96%;max-width:1200px; position:absolute; left:0;right: 0; top:110px;margin:auto;height: 0;} #banner .login_box{ width:400px; height:420px;background: rgba(0,0,0,.5); border-radius:6px; box-sizing:border-box; padding:40px; } #banner .login_box h2{ font-size:26px;color: #fff; text-align:center; margin-bottom:30px;} #banner .login_box .input input{ width:100%; height:45px; line-height:45px; border:none; box-sizing:border-box; border-radius:3px; text-indent:45px; font-size:14px;} #banner .login_box .input .user{ background:#fff url("/assets/img/sonschn/icon_login_user.png")/*icon_login_user.png*/ 12px center no-repeat} #banner .login_box .input .password{ background:#fff url("/assets/img/sonschn/icon_login_password.png")/*icon_login_password.png*/ 12px center no-repeat;} #banner .login_box .submit{ width:100%; height:47px; line-height:47px; background:#0cba92; cursor:pointer; text-align:center; color:#fff; font-size:18px; border:0; display:block; letter-spacing:5px; border-radius:3px; margin-top:55px;} #banner .login_box .submit.loading{ background:url("/assets/img/sonschn/login_loading.gif")/*login_loading.gif*/ #0cba92 center no-repeat; text-indent:10000px;} #banner .login_box .tips{ text-align:center; font-size:16px; color:#fff;} #banner .login_box .tips a{ color:#fff;} #banner .login_box .reg{ width:100%; height:47px; line-height:47px; cursor:pointer; text-align:center; color:#fff; font-size:18px; border:1px solid #fff; display:block; letter-spacing:5px; border-radius:3px; text-decoration:none; box-sizing:border-box;} #banner .login_box .submit:hover{ box-shadow:0 0 20px 0 #0a9a79 inset;} #banner .login_box .reg:hover{ border:1px solid #0cb790;} #banner .login_box .member_list{ height: 248px; overflow:hidden;} #banner .login_box .member_list .member_item{ height: 50px; line-height: 50px; border: 1px solid #dedede; border-radius: 5px; padding-left: 55px; cursor: pointer; margin-bottom: 10px; background-color: #fff; background-repeat: no-repeat; background-image: url("/assets/img/sonschn/icon_login_domain.png")/*icon_login_domain.png*/; background-position: 15px center; overflow: hidden; padding-right: 20px;} #banner .login_box .member_list .member_item a{ font-size: 18px; color: #666; text-decoration: none; display: block; overflow: hidden;} #banner .login_box .member_list .member_item:hover{ border: 1px solid #0db083;} @media (max-width: 1680px){ #banner .list{ top:150px;} #banner .list .title{ font-size:40px;} #banner .login_form_outer{top: 70px;} } @media (max-width: 1440px){ #banner .list{ top:120px;} #banner .list .wrap{ box-sizing:border-box; padding-left:20px;} #banner .login_form_outer{top: 30px;} } /*index*/ #banner_sec{ position:relative;} #banner_sec img{ display:block; /*margin:0 auto;*/ margin-left: 40%;width: 60%;} #banner_sec .btn{ display: block; position: relative; width: 180px; height: 50px; line-height: 50px;} #banner_sec .btn .btn_a{ display: block; position: relative; color:#fff; font-size: 24px; background:#0db083; z-index: 2; text-align:center; text-decoration:none; border-radius: 25px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} /* #banner_sec .btn .btn_a:hover{ background:#fece2e; color:#333;} */ #banner_sec .tab{ width:100%; position:absolute; left:0; bottom:15px; text-align:center;} #banner_sec .tab a{ width:35px; height:4px; background:url("/assets/img/sonschn/banner_tab.png")/*new/banner_tab.png*/ no-repeat; display:inline-block; margin:0 5px;} #banner_sec .tab a.cur{ background:url("/assets/img/sonschn/banner_tab_cur.png")/*new/banner_tab_cur.png*/ no-repeat;} #banner_sec .item{ width:100%;} #banner_sec .list{ position: absolute; left:0; top: 0; width:100%; height: 100%;} #banner_sec .list .wrap{ height: 100%;} #banner_sec .list .wrap .txt_table{ display: table; width: 100%; height: 100%;} #banner_sec .list .wrap .txt_table .txt_table_cell{ display: table-cell; vertical-align: middle;} #banner_sec .list .two_img{display: block;margin-top: 2.6vw;} #banner_sec .list .two_img .img,#banner_sec .list .two_img span{display: inline-block;vertical-align: middle;} #banner_sec .list .two_img span{font-size: 26px;color: #333333;padding: 0 16px;} #banner_sec .list .two_img .img{height: 38px;} #banner_sec .list .two_img .img:first-child{height: 27px;} #banner_sec .list .two_img .img img{display: inline-block;vertical-align: middle;max-height: 100%;max-width: 100%;} #banner_sec .list .two_img .img em{display: inline-block;vertical-align: middle;height: 100%;} #banner_sec .list .title{ width: 100%; line-height: 70px; font-size: 46px; color: #333; font-weight: bold;} #banner_sec .list .brief{ margin-top: 24px; width: 100%; line-height: 32px; font-size: 22px; color: #333;} #banner_sec .list .brief span{ font-size: 26px; color: #0db083;} #banner_sec .list .brief .green{color: #0db083;} #banner_sec .list .brief2{ margin-top: 16px; width: 100%; height: 49px; line-height: 49px; font-size: 30px; color: #666;} /*#banner_sec .list .brief{ font-size:24px; color:#555;}*/ #banner_sec .list.style_0 .brief .li{ font-size:20px; color:#555;} /*#banner_sec .list .title{ font-size:52px; color:#222; margin-top:15px; margin-bottom:60px;}*/ #banner_sec .list.style_0 .title{margin-bottom: 40px;} #banner_sec .list.style_0 .brief{line-height: 40px;} #banner_sec .list.style_0 .brief .li{} #banner_sec .list.style_0 .brief .li span{display: inline-block;vertical-align: middle;width: 7px;height: 7px;background: #0cba92;border-radius: 5px;margin-right: 13px;} #banner_sec .list .subtitle{ font-size:42px; color:#222; margin-top:15px; margin-bottom:60px; line-height:65px;} #banner_sec .list .tips{ font-size:22px; color:#0db083; margin-top:12px;} #w1000 #header .member{ /*margin-top:10px;*/margin-left: 0px;} /*#w1000 #banner_sec .list{ top:80px;}*/ #w1000 #banner_sec .list{ top: 0;} /*#banner_sec .list .login_form{width: 320px;padding:45px 40px;background: rgba(0,0,0,.75);} #banner_sec .list .login_form .form_title{font-size: 26px;color: #fff;margin-bottom: 35px;} #banner_sec .list .login_form .form_title{}*/ #banner_sec .login_form_outer{ width: 96%;max-width:1200px; position:absolute; left:0;right: 0; top:110px;margin:auto;height: 0;} #banner_sec .login_box{ width:400px; height:420px;background: rgba(0,0,0,.5); border-radius:6px; box-sizing:border-box; padding:40px; } #banner_sec .login_box h2{ font-size:26px;color: #fff; text-align:center; margin-bottom:30px;} #banner_sec .login_box .input input{ width:100%; height:45px; line-height:45px; border:none; box-sizing:border-box; border-radius:3px; text-indent:45px; font-size:14px;} #banner_sec .login_box .input .user{ background:#fff url("/assets/img/sonschn/icon_login_user.png")/*icon_login_user.png*/ 12px center no-repeat} #banner_sec .login_box .input .password{ background:#fff url("/assets/img/sonschn/icon_login_password.png")/*icon_login_password.png*/ 12px center no-repeat;} #banner_sec .login_box .submit{ width:100%; height:47px; line-height:47px; background:#0cba92; cursor:pointer; text-align:center; color:#fff; font-size:18px; border:0; display:block; letter-spacing:5px; border-radius:3px; margin-top:55px;} #banner_sec .login_box .submit.loading{ background:url("/assets/img/sonschn/login_loading.gif")/*login_loading.gif*/ #0cba92 center no-repeat; text-indent:10000px;} #banner_sec .login_box .tips{ text-align:center; font-size:16px; color:#fff;} #banner_sec .login_box .tips a{ color:#fff;} #banner_sec .login_box .reg{ width:100%; height:47px; line-height:47px; cursor:pointer; text-align:center; color:#fff; font-size:18px; border:1px solid #fff; display:block; letter-spacing:5px; border-radius:3px; text-decoration:none; box-sizing:border-box;} #banner_sec .login_box .submit:hover{ box-shadow:0 0 20px 0 #0a9a79 inset;} #banner_sec .login_box .reg:hover{ border:1px solid #0cb790;} #banner_sec .login_box .member_list{ height: 248px; overflow:hidden;} #banner_sec .login_box .member_list .member_item{ height: 50px; line-height: 50px; border: 1px solid #dedede; border-radius: 5px; padding-left: 55px; cursor: pointer; margin-bottom: 10px; background-color: #fff; background-repeat: no-repeat; background-image: url("/assets/img/sonschn/icon_login_domain.png")/*icon_login_domain.png*/; background-position: 15px center; overflow: hidden; padding-right: 20px;} #banner_sec .login_box .member_list .member_item a{ font-size: 18px; color: #666; text-decoration: none; display: block; overflow: hidden;} #banner_sec .login_box .member_list .member_item:hover{ border: 1px solid #0db083;} @media (max-width: 1680px){ /*#banner_sec .list{ top:150px;}*/ #banner_sec .list{ top: 0;} #banner_sec .list .title{ font-size:40px;} #banner_sec .login_form_outer{top: 70px;} } @media (max-width: 1440px){ /*#banner_sec .list{ top:120px;}*/ #banner_sec .list{ top: 0;} #banner_sec .list .wrap{ box-sizing:border-box; padding-left:20px;} #banner_sec .login_form_outer{top: 30px;} } .index_item{ padding: 0 0 77px;} .index_item .item_title{ width: 100%; line-height: 60px; font-size: 40px; color: #333; text-align: center;} .index_item.index0 .list{ margin-top: 70px; width: 100%;} .index_item.index0 .list .item{ margin-top: 95px; width: 50%; padding: 0 70px; -webkit-box-sizing: border-box; box-sizing: border-box;} .index_item.index0 .list .item .img{ width: 100%;} .index_item.index0 .list .item .con{ margin-top: 30px; width: 100%;} .index_item.index0 .list .item .con .title{ width: 100%; line-height: 46px; font-size: 26px; color: #333; font-weight: bold; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;} .index_item.index0 .list .item .con .brief{ margin-top: 11px; width: 100%; line-height: 28px; font-size: 14px; color: #333;} .index_item.index0 .list .item .con .btn{ display: flex; justify-content: start; align-items:center; margin-top: 20px; line-height: 28px; font-size: 18px; color: #0db083; text-decoration: none;} .index_item.index0 .list .item .con .btn img{ margin-left: 11px; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;} .index_item.index0 .list .item:nth-child(-n+2){ margin-top: 0;} .index_item.index0 .list .item:hover .con .btn img{ margin-left: 21px;} .index_item.index0 .list .item:hover .con .title{ color: #0db083;} .index_item.index1{ padding-top: 70px 0 80px; background: #f5f5f5;} .index_item.index1 .list{ display: flex; justify-content: space-between; position: relative; margin-top: 50px; width: 100%; height: 315px;} .index_item.index1 .list:before{ display: block; content: ''; position: absolute; bottom: -23px; left: -161px; width: 277px; height: 108px; background: url("/assets/img/index1_before.png") no-repeat center;} .index_item.index1 .list:after{ display: block; content: ''; position: absolute; top: -92px; right: -58px; width: 108px; height: 277px; background: url("/assets/img/index1_after.png") no-repeat center;} .index_item.index1 .list .item{ position: relative; padding: 36px; width: 277px; height: 100%; background: #fff; z-index: 1; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .index_item.index1 .list .item .icon{ display: flex; justify-content: center; align-items: flex-end; width: 100%; height: 118px;} .index_item.index1 .list .item .title{ margin-top: 40px; line-height: 35px; font-size: 22px; color: #333; text-align: center;} .index_item.index2 .brief{ margin-top: 36px; height: 36px; text-align: center;} .index_item.index2 .brief .text{ display: flex; justify-content: center; height: 36px; text-align: center;} .index_item.index2 .brief .text .video_btn{ display: inline-block;} .index_item.index2 .brief .text .img{ position: relative; width: 36px; height: 100%;} .index_item.index2 .brief .text .img img{ position: relative; z-index: 3;} .index_item.index2 .brief .text .txt{ display: inline-block; padding-left: 20px; height: 100%; line-height: 36px; font-size: 20px; color: #0db083;} .index_item.index2 .brief .text .img:before{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0db083; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out 3s ease-out infinite; animation: anim-out 3s ease-out infinite; z-index: 1;} .index_item.index2 .brief .text .img:after{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0db083; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out 3s 1s ease-out infinite; animation: anim-out 3s 1s ease-out infinite; z-index: 2;} .index_item.index2 .brief .text .img .before2{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0db083; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out 3s 2s ease-out infinite; animation: anim-out 3s 2s ease-out infinite; z-index: 1;} .index_item.index2 .list{ margin-top: 52px; padding: 0 11px; width: 100%; text-align: center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .index_item.index2 .list .item{ display: inline-block; margin: 40px 10px 0 0; width: 224px; height: 100px;} .index_item.index2 .list .item:nth-child(-n+5){ margin-top: 0;} .index_item.index2 .list .item:nth-child(5){ margin-right: 0;} .index_item.index2 .list .item:last-child{ margin-right: 0;} .index_item.index2 .list .item .icon{ position: relative; width: 100%; height: 100%; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;} .index_item.index2 .list .item .icon span{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} /*.index_item.index2 .list .item .icon span.img1{ opacity: 0; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;} .index_item.index2 .list .item .icon:hover span.img1{ opacity: 1;}*/ .index_item.index2 .list .item .icon span.img1{ -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .index_item.index2 .list .item .icon:hover span.img1{ -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .index_item.index3{ padding-top: 0;} .index_item.index3 .t{ height: 38px;line-height: 38px; padding-top: 78px; border-top: 1px solid #f0f0f0; font-size: 40px; color: #333;} .index_item.index3 .item{ display: flex; justify-content: space-between; align-items: center; margin-top: 70px;font-size: 0;} .index_item.index3 .item .list{ position: relative; width: 240px; display:inline-block; color:#fff; font-size:18px;vertical-align: top;} .index_item.index3 .item .firt{ display: flex; justify-content: center; align-items: start; height: 59px;font-size: 40px;color: #0db083;} .index_item.index3 .item .firt strong{font-weight: bold;position: relative;} .index_item.index3 .item .firt strong span{ position: relative; top: 30px; opacity: 0; font-weight: bold;} .index_item.index3 .item .firt em{ margin: 10px 0 0 10px; font-size: 16px;font-style: normal;} .index_item.index3 .item .sect{ display: inline-block; margin: 7px 0 0 -30px; height: 25px; line-height: 25px; font-size: 16px; color: #333;} .index_item.index3 .item .list:nth-child(4) .sect, .index_item.index3 .item .list:nth-child(5) .sect{ margin-left: -15px;} /*.index_item.index4{ border-bottom: 1px solid #f0f0f0;} .index_item.index4 .list{ margin-top: 52px; padding: 0 5px; width: 100%; text-align: center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .index_item.index4 .list .item{ display: inline-block; margin: 40px 6px 0 0; width: 190px; height: 100px;} .index_item.index4 .list .item:nth-child(-n+6){ margin-top: 0;} .index_item.index4 .list .item:nth-child(6n){ margin-right: 0;} .index_item.index4 .list .item:last-child{ margin-right: 0;} .index_item.index4 .list .item .icon{ position: relative; width: 100%; height: 100%; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;} .index_item.index4 .list .item .icon span{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .index_item.index4 .list .item .icon span.img1{ opacity: 0; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;} .index_item.index4 .list .item .icon:hover span.img1{ opacity: 1;}*/ .index_item.index4{ width: 100%; height: 529px; background: url(/assets/img/index4_bg.jpg) no-repeat center; border-bottom: 1px solid #f0f0f0; box-sizing: border-box;} .index_item.index4 .item_title{ line-height: 70px;} .index_item.index4 .list{ position: relative; margin-top: 58px; width: 100%; text-align: center; box-sizing: border-box;} .index_item.index4 .list .swiper-container{ display: flex; justify-content: center; align-items: center; box-sizing: border-box;} .index_item.index4 .list .item{ display: inline-block; margin: 20px 50px 0; width: 98px;} .index_item.index4 .list .item:first-child{ margin-left: 0;} .index_item.index4 .list .item:nth-child(6n){ margin-right: 0;} .index_item.index4 .list .item:nth-child(7n){ margin-left: 0;} .index_item.index4 .list .item:last-child{ margin-right: 0;} .index_item.index4 .list .item:nth-child(-n+6){ margin-top: 0;} /*.index_item.index4 .list .item:nth-child(6n){ margin-right: 0;}*/ /*.index_item.index4 .list .item:last-child{ margin-right: 0;}*/ .index_item.index4 .list .item .icon{ position: relative; width: 100%; height: 98px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;} .index_item.index4 .list .item .icon span{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 10px 10px rgba(0, 0, 0, .1);overflow: hidden;background: #fff;border: 3px solid #F5F5F5;} .index_item.index4 .list .item .title{ margin-top: 21px; line-height: 27px; font-size: 18px; color: #333;} .index_item.index4 .list .swiper-pagination{ bottom: -50px; width: 100%;} .index_item.index4 .list .swiper-pagination-clickable .swiper-pagination-bullet{ margin: 0 5px; width: 12px; height: 12px; outline: 0;} .index_item.index4 .list .swiper-pagination-bullet{ background: #bebebe; opacity: 1;} .index_item.index4 .list .swiper-pagination-bullet-active{ background: #37ae8e;} /* .index_item.index4 .list .item .icon span.img1{ opacity: 0; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;} .index_item.index4 .list .item .icon:hover span.img1{ opacity: 1;} */ .story{ margin: 0 auto; padding: 66px 0 80px; width: 1180px;} .story .title{ width: 100%; line-height: 66px; font-size: 40px; color: #333; text-align: center;} .story .list{ margin-top: 53px; width: 100%;} .story .list .item{ width: 570px; height: 550px; border: 1px solid #d8e0de; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s; transition: all 0.5s;} .story .list .item:hover{ box-shadow: 0 0 20px 0 #c1e3dd; border: 1px solid #0db083;} .story .list .item .img{ width: 100%; height: 235px;} .story .list .item .i_title{ width: 100%; height: 57px; line-height: 57px; font-size: 28px; color: #333; text-align: center;} .story .list .item .i_brief{ margin: 0 auto; width: 430px; margin-top: 18px;} .story .list .item .i_brief .row{ position: relative; margin-top: 8px; padding-left: 15px; width: 100%; line-height: 32px; font-size: 18px; color: #555; -webkit-box-sizing: border-box; box-sizing: border-box;} .story .list .item:first-child .i_brief .row{ margin-top: 16px;} .story .list .item .i_brief .row:first-child{ margin-top: 0;} .story .list .item .i_brief .row:before{ display: block; content: ''; position: absolute; left: 0; top: 11px; width: 6px; height: 6px; background: #0db083; -webkit-border-radius: 50%; border-radius: 50%;} .story .list .item .i_brief .btn{ display: block; margin: 32px auto 0; width: 180px; height: 48px; line-height: 44px; border: 2px solid #0db083; font-size: 18px; color: #0db083; text-align: center; text-decoration: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s;} .story .list .item:hover .i_brief .btn{ background: #0db083; color: #fff;} .seller{ margin-bottom: 336px; padding: 40px 0 344px; width: 100%; background: #f5f5f5;} .seller .wrap{ position: relative;} .seller .title{ width: 100%; height: 83px; border-bottom: 3px solid #d0d0d0; text-align: center;} .seller .title .t_item{ display: inline-block; position: relative; margin: 0 25px; padding: 0 8px; height: 100%; line-height: 83px; font-size: 24px; color: #666; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s;} .seller .title .t_item:before{ display: block; content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 6px; background: #0cba92; opacity: 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s;} .seller .title .t_item:hover{ color: #0db083;} .seller .title .t_item.cur{ color: #0db083;} .seller .title .t_item.cur:before{ opacity: 1;} .seller .list{ position: absolute; top: 136px; width: 100%; min-width: 1200px; height: 630px; overflow: hidden;} .seller .list .con{ display: none; position: absolute; left: 0; top: 0; width: 100%;} .seller .list .con .c_title{ width: 100%; height: 58px; line-height: 58px; font-size: 40px; color: #333; text-align: center;} .seller .list .con .content{ position: relative; margin-top: 40px; padding: 55px; width: 100%; background: #fff; border: 1px solid #d8e0de; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;} .seller .list .con .content .left{ width: 610px;} .seller .list .con .content .left .img{ position: relative; width: 100%;} .seller .list .con .content .left .img .video_btn{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .seller .list .con .content .left .img .video_btn .video_btn_icon{ display: block; position: absolute; left: 50%; top: 50%; margin: -38px 0 0 -38px; width: 76px; height: 76px; background: url("/assets/img/sonschn/play_icon.png")/*play_icon.png*/ no-repeat center; -webkit-border-radius: 50%; border-radius: 50%;} .seller .list .con .content .left .l_title{ margin-top: 20px; width: 100%; height: 36px; line-height: 36px; font-size: 16px; color: #666; text-align: center;-webkit-transition: all 0.3s;transition: all 0.3s;} .seller .list .con .content .right{ width: 397px;} .seller .list .con .content .right .row{ margin-top: 32px; width: 100%; height: 52px;} .seller .list .con .content .right .row:first-child{ margin-top: 0;} .seller .list .con .content .right .row .icon{ width: 52px; height: 52px; border: 2px solid #ececec; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;} .seller .list .con .content .right .row .text{ padding-left: 20px; width: calc(100% - 52px); height: 100%; line-height: 52px; font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;} .seller .list .con.cur{ display: block;} /*.seller .list .con.cur .left:hover{-webkit-transform: translateY(-10px); transform: translateY(-10px);}*/ .seller .list .con .content .left:hover .l_title{color: #0db083;} /* .seller{ margin-bottom: 336px; padding: 40px 0 344px; width: 100%; background: #f5f5f5;} .seller .wrap{ position: relative;} .seller .title{ width: 100%; height: 83px; border-bottom: 3px solid #d0d0d0; text-align: center;} .seller .title .t_item{ display: inline-block; position: relative; margin: 0 25px; padding: 0 8px; height: 100%; line-height: 83px; font-size: 24px; color: #666; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s;} .seller .title .t_item:before{ display: block; content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 6px; background: #0cba92; opacity: 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s;} .seller .title .t_item:hover{ color: #0db083;} .seller .title .t_item.cur{ color: #0db083;} .seller .title .t_item.cur:before{ opacity: 1;} .seller .list{ position: absolute; top: 136px; left: 50%; width: 100%; height: 630px; overflow: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .seller .list .con{ position: absolute; left: 0; top: 0; width: 100%;} .seller .list .con .c_title{ width: 100%; height: 58px; line-height: 58px; font-size: 40px; color: #333; text-align: center; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateX(-150%); transform: translateX(-150%);} .seller .list .con .content{ position: relative; margin-top: 40px; padding: 55px; width: 100%; background: #fff; border: 1px solid #d8e0de; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;} .seller .list .con .content .left{ width: 610px; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateX(-150%); transform: translateX(-150%);} .seller .list .con .content .left .img{ position: relative; width: 100%;} .seller .list .con .content .left .img .video_btn{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .seller .list .con .content .left .img .video_btn .video_btn_icon{ display: block; position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; background: url(/images/play_icon.png) no-repeat center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .seller .list .con .content .left .l_title{ margin-top: 20px; width: 100%; height: 36px; line-height: 36px; font-size: 16px; color: #666; text-align: center;-webkit-transition: all 0.3s;transition: all 0.3s;} .seller .list .con .content .right{ width: 397px; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateX(-150%); transform: translateX(-150%);} .seller .list .con .content .right .row{ display: flex; margin-top: 32px; width: 100%; height: 52px;} .seller .list .con .content .right .row:first-child{ margin-top: 0;} .seller .list .con .content .right .row .icon{ width: 52px; height: 52px; border: 2px solid #ececec; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;} .seller .list .con .content .right .row .text{ padding-left: 20px; width: calc(100% - 52px); height: 100%; line-height: 52px; font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;} .seller .list .con.cur .c_title{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} .seller .list .con.cur .content{ z-index: 1;} .seller .list .con.cur .content .left{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} .seller .list .con.cur .content .right{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} .seller .list .con.cur .left:hover{-webkit-transform: translateY(-10px); transform: translateY(-10px);} .seller .list .con .content .left:hover .l_title{color: #0db083;} */ .video_outer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100;} .video_outer .video_con{ position: absolute; left: 50%; top: 50%; margin: -241px 0 0 -450px; padding: 20px; width: 900px; height: 482px; background: #fff;} .video_outer .video_con video{ width: 100%; height: 100%;} .video_outer .video_con embed{ width: 100%; height: 100%;} .video_outer .video_con i{ position: absolute; width:35px; height:35px; right:-50px; top:-40px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-254px -35px; cursor:pointer;} .video_outer.cur{ display: block;} /* .video_outer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.5s; transition: all 0.5s;} .video_outer .video_con{ position: absolute; left: 50%; top: 50%; padding: 20px; width: 900px; height: 482px; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .video_outer .video_con video{ width: 100%; height: 100%;} .video_outer .video_con embed{ width: 100%; height: 100%;} .video_outer .video_con i{ position: absolute; width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;} .video_outer.cur{ -webkit-transform: translateY(0); transform: translateY(0);} */ #int .type .item{ display:block; text-decoration:none; width:570px; height:320px; border:1px solid #ddd; border-radius:5px; padding-top:45px; box-sizing:border-box;} #int .type .item .title{ font-size:26px; color:#111; text-align:center;} #int .type .item .subtitle{ font-size:22px; color:#111; text-align:center; margin-top:5px;} #int .type .item .brief{ font-size:16px; text-align:center; color:#555; line-height:30px; margin-top:25px;} #int .type .item .btn{ width:138px; height:41px; line-height:41px; color:#0db083; text-align:center; border:2px solid #0db083; margin:0 auto; font-size:16px; margin-top:30px; border-radius:3px;} #int .type .item:hover{ box-shadow:0 0 20px 0 #c1e3dd; border:1px solid #0db083;} #int .type .item:hover .btn{ background:#0db083; color:#fff;} #w1000 #int .type .item{ width:480px; padding-top:20px; height:270px;} #int .advantage .title{ height: 38px; line-height: 35px; font-size:40px; color:#333; text-align:center;} #int .advantage .subtitle{ font-size:16px; color:#999; text-align:center;} #int .advantage .story{ text-align:center;} #int .advantage .story .video{ font-size:16px; color:#0db083; text-decoration:none; padding-left:35px; display:inline-block; line-height:30px;} #int .advantage .story span{border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;} #int .advantage .story i{ width:30px; height:30px; left:0; top:0; background:#0db083; border-radius:50%; animation:suofang 3s infinite;} #int .advantage .story i:before{ content:''; width: 0;height: 0;position: absolute; top: 0; right: 10px; margin:auto; bottom: 0; border-width: 5px 0 5px 8px; border-color: transparent;border-left-color: #fff; border-style: solid;} @keyframes suofang{ 0%{ transform: scale(0.7,0.7);} 50%{ transform: scale(1,1);} 100%{ transform: scale(0.7,0.7);} } #int .amount{ height:210px; background:#37ae8d;} #int .amount .item{ width:300px; height:90px; float:left; border-left:1px solid #4bb699; margin-top:60px; padding-left:90px; box-sizing:border-box;} #int .amount .item .num{ font-size:40px; color:#fff;} #int .amount .item .num strong{ font-weight:normal; font-family:"HelveticaNeueLTProThEx";} #int .amount .item .num i{ right:-25px; top:0; font-size:16px; font-style:normal;} #int .amount .item .num .img{ display: block; margin-left: 3px; height: 48px;} #int .amount .item:nth-child(4) .num i{ right: -40px;} #int .amount .item .num #knowledge i{ right: -50px;} #int .amount .item .num #knowledge font{ height: 48px; margin-left: 2px;} #int .amount .item .title{ font-size:16px; color:#fff; margin-top:15px;} #int .amount .icons{ display: inline-block; font-weight: normal; font-family: "HelveticaNeueLTProThEx";} #w1000 #int .amount .item{ width:250px; padding-left:75px;} #inm .case{ padding-top: 78px;} #inm .case .title{ font-size:30px;} #inm .case .title span{ font-family:"Arial";} #inm .case .title h2{ height: 60px; line-height: 60px; font-size:40px; color: #333;} #inm .case .cate_title{ margin-top: 40px; width: 100%; height: 59px; border: 1px solid #e9ecef; border-left: 0; border-right: 0;} #inm .case .cate_title .cate_list{ margin-left: 10px; width: auto; height: 100%; text-align: center;} #inm .case .cate_title .cate_list .cate_con{ margin: 0 auto; width: auto; height: 100%; overflow: hidden; -webkit-border-radius: 24px; border-radius: 24px; -webkit-box-sizing: border-box; box-sizing: border-box;} #inm .case .cate_title .cate_list .cate_con .cate_item{ display: inline-block; margin-left: 50px; width: auto; height: 100%; line-height: 59px; font-size: 16px; color: #333; text-align: center; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s;} #inm .case .cate_title .cate_list .cate_con .cate_item:first-child{ margin-left: 0;} /*#inm .case .cate_title .cate_list .cate_con .cate_item:first-child{ border-right: 1px solid #0db083;}*/ #inm .case .cate_title .cate_list .cate_con .cate_item:hover{ color: #0db083;} #inm .case .category{ height: 100%;} #inm .case .category a{padding:0 21px; height: 100%; line-height: 59px; overflow:hidden; text-align:center; display:inline-block; font-size:16px; color:#333; margin:0 5px;vertical-align: top; -webkit-transition: all 0.3s; transition: all 0.3s;} #inm .case .category span{display: inline-block;height: 30px;line-height: 30px;font-size: 14px;vertical-align: top;color: #ebebeb;} #inm .case .category a:hover{ color: #0db083; text-decoration:none;} #inm .case .btn a{ width:280px; height: 57px; line-height: 56px; border:2px solid #0db083; background: #0db083; color:#fff; display:inline-block; border-radius:3px; font-size:18px; text-decoration:none;} #inm .case .btn a:hover{ background: #48bdaa;} #inm .course{ padding-top:60px; padding-bottom:75px; background:#f8f9f9;} #inm .course .title{ font-size:30px;} #inm .course .title h2{font-size:40px;} #inm .course .subtitle{ color:#999; font-size:18px;} #inm .course .item{ margin:0 10px;} #inm .course .box{ width:570px; height:200px; padding-left:300px; box-sizing:border-box; padding-top:40px;} #inm .course .box .name{ font-size:24px;} #inm .course .box .brief{ font-size:16px; margin-top:10px; margin-bottom:20px;} #inm .course .nor .box .name{ margin-top:10px; margin-bottom:20px;} #inm .course .nor .box .brief{ margin:0;} #inm .course .box .btn{ font-size:14px; display:inline-block; width:98px; height:26px; line-height:26px; border-style:solid; border-width:1px; text-align:center; border-radius:3px; text-decoration:none; font-weight:bold;} #inm .course .box.b1{ background:url("/assets/img/sonschn/course1.jpg")/*new/course1.jpg*/ no-repeat; background-size:100%;} #inm .course .box.b1 *{ color:#4f78c2;} #inm .course .box.b2{ background:url("/assets/img/sonschn/course2.jpg")/*new/course2.jpg*/ no-repeat; background-size:100%;} #inm .course .box.b2 *{ color:#5f6682;} #inm .course .box.b3{ background:url("/assets/img/sonschn/course3.jpg")/*new/course3.jpg*/ no-repeat; background-size:100%;} #inm .course .box.b3 *{ color:#219999;} #inm .course .box.b4{ background:url("/assets/img/sonschn/course4.jpg")/*new/course4.jpg*/ no-repeat; background-size:100%;} #inm .course .box.b4 *{ color:#b89a73;} #inm .resource{ padding-top: 30px; width: 100%;} #inm .resource .title{ height: 58px; line-height: 58px; font-size:30px;} #inm .resource .title h2{font-size:40px;} #inm .resource .list{ margin-top: 32px; padding-bottom: 63px; width: 100%; border-bottom: 1px solid #eee;} #inm .resource .list .item{ display: block; margin-left: 6.25%; width: 29.1667%; text-decoration: none;} #inm .resource .list .item:first-child{ margin-left: 0;} #inm .resource .list .item .img{ position: relative; top: 0; width: 100%; height: 264px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} #inm .resource .list .item .title{ margin-top: 30px; width: 100%; height: 42px; line-height: 42px; font-size: 24px; color: #222; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} #inm .resource .list .item:hover .img{ top: -10px;} #inm .resource .list .item:hover .title{ color: #0db083;} #inm .resource .list .item .brief{ margin-top: 13px; height: 52px; line-height: 26px; font-size: 14px; color: #666; text-align: center; overflow: hidden;} #inm .resource .list .item .btn{ margin-top: 24px; width: 100%; height: 30px; line-height: 30px; text-align: center;} #inm .resource .list .item .btn .btn_a{ display: inline-block; padding-right: 22px; background: url("/assets/img/sonschn/resource_btn_icon.png")/*resource_btn_icon.png*/ no-repeat center right; font-size: 16px; color: #0db083; text-decoration: none;} #w1000 #inm .course .box{ width:480px; height:168px; padding-left:240px;} #inm .classroom{ padding: 60px 0 70px; width: 100%; background: #f5f5f5;} #inm .classroom .classroom_in{ margin: 0 auto; width: 1180px; -webkit-box-sizing: border-box; box-sizing: border-box;} #inm .classroom .title{ width: 100%; height: 59px; line-height: 59px; font-size: 40px; color: #333; text-align: center;} #inm .classroom .list{ display: flex; justify-content: space-between; margin-top: 59px;} #inm .classroom .list .item{ width: 366px;/* border: 1px solid #d8e0de;*/ background: #fff; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; transform: translateY(0); -webkit-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px;} #inm .classroom .list .item .img{ display: block; width: 100%; height: 228px;} #inm .classroom .list .item .con{ padding: 14px 14px 20px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} #inm .classroom .list .item .con .name{ display: block; width: 100%; height: 52px; line-height: 26px; font-size: 16px; color: #333; text-decoration: none; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all 0.3s; transition: all 0.3s;} #inm .classroom .list .item .con .info{ margin-top: 7px; width: 100%; height: 15px;} #inm .classroom .list .item .con .info .view{ padding-left: 23px; height: 100%; line-height: 15px; background: url("/assets/img/sonschn/view_icon.png")/*n_website/view_icon.png*/ no-repeat left center; font-size: 14px; color: #555;} #inm .classroom .list .item .con .info .time{ height: 100%; line-height: 15px; font-size: 15px; color: #bbb;} #inm .classroom .list .item .con .info .clear{ clear: both;} #inm .classroom .mode_btn{ display: block; margin: 60px auto 0; width: 280px; height: 57px; line-height: 53px; border: 2px solid #0db083; font-size: 18px; color: #0db083; text-align: center; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.3s; transition: all 0.3s;} #inm .classroom .list .item:hover{ transform: translateY(-10px);} #inm .classroom .list .item:hover .name{ color: #0db083;} #inm .classroom .mode_btn:hover{ background: #0db083; color: #fff;} .new_top{} .new_top .h2{ font-size:40px; margin-bottom:35px;} .new_top .litem{width: 27.8%;float: left;margin-left: 7.1%;padding:0 0.4%;} .new_top .litem .title{display: block;position: relative;height: 64px;line-height: 64px;border-bottom: 1px solid #f0f0f0;background: url("/assets/img/sonschn/icon_ind_new_0.png")/*icon_ind_new_0.png*/ no-repeat left center;font-size: 22px;color: #111;padding-left: 45px;text-decoration: none;} .new_top .litem .title:before{position: absolute;right: 0;top: 0;bottom: 0;width: 8px;margin:auto;background: url("/assets/img/sonschn/icon_ind_new_4.png")/*icon_ind_new_4.png*/ no-repeat left center;content: '';} .new_top .litem .title1{background-image: url("/assets/img/sonschn/icon_ind_new_1.png")/*icon_ind_new_1.png*/;} .new_top .litem .title2{background-image: url("/assets/img/sonschn/icon_ind_new_2.png")/*icon_ind_new_2.png*/;} .new_top .litem ul{ padding-top:5px;} .new_top .litem li{ margin-top:20px;} .new_top .litem .name{display: block;height: 22px;line-height: 22px;font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; text-decoration:none;} .new_top .litem .name:hover{ color:#0db083;} .new_top .litem .name img{display: inline-block;margin-left: 2px;} .new_top .litem .date{height: 20px;line-height: 20px; font-size: 12px;color: #bbb;} #inb .t{height: 64px;line-height: 64px;text-align: center;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eee;} #inb .more{display: inline-block;padding-right: 23px;background: url("/assets/img/sonschn/more_arr.png")/*more_arr.png*/ no-repeat right center;font-size:14px; color:#48bdaa;} _#inb h3{ height:20px; line-height:20px;margin-bottom:20px; position:relative;} _#inb h3 img{display: inline-block;vertical-align: top;margin-top: 4px;margin-left: 5px;} _#inb h3 a{ display: inline-block;height:20px; line-height:20px; overflow:hidden;font-size:14px; color:#545454;} #inb h3 span.fr{ color:#bbbbbb; font-size:14px;} #inb h3 i{ width:3px; height:3px; position:absolute; left:0; top:9px; display:block; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-465px -162px;} #inb h3:hover a{ text-decoration:none; color:#48bdaa;} #inb .news{ width:560px;} #inb .news .module_ico{height: 130px;background: url("/assets/img/sonschn/news_ico0.png")/*news_ico0.png*/ no-repeat center center;} #inb .news .item{ margin-bottom:20px;} #inb .news .item .img{ width:195px; height:100px;} #inb .news .item .list{ width:295px;} #inb .news .item .con{ width:340px;} #inb .news .item .con h2{ height:25px; line-height:25px; overflow:hidden;} #inb .news .item .con h2 a{ font-size:16px; color:#535353; font-weight:bold;} #inb .news .item .con h2 a:hover{ color:#48bdaa; text-decoration:none;} #inb .news .item .con .intro{ font-size:14px; color:#888; height:25px; line-height:25px; overflow:hidden; margin-top:5px;} #inb .news .item .con .date{ font-size:14px; color:#bbbbbb; margin-top:25px;} #inb .system{ width:560px;} #inb .system .module_ico{height: 130px;background: url("/assets/img/sonschn/news_ico1.png")/*news_ico1.png*/ no-repeat center center;} #inb .partner{ position:relative; border-top:1px solid #ededed;margin-bottom: 35px;} #inb .partner .title{ position:absolute; left:10px; top:55px; font-size:26px; color:#373737;} #inb .partner .title a{display: inline-block;padding-right: 23px;margin-top: 15px;background: url("/assets/img/sonschn/more_arr.png")/*more_arr.png*/ no-repeat right center;font-size:14px; color:#32cab3;} #inb .partner .container{ height:100px; padding-top:50px; padding-bottom:30px; overflow:hidden; padding-left:195px;} #inb .partner .item{ float:left; margin-right:75px;} #inb .partner .item a{ display:block; color:#333;} #inb .partner .item img{ display:block;filter: grayscale(100%);-moz-filter: grayscale(100%);-webkit-filter: grayscale(100%);filter:gray; margin:0 auto;} #inb .partner .item span{ display:block; text-align:center; padding-top:20px; font-size:14px; color:#999;} #inb .partner .paypal_partner a{ text-decoration:none;padding-top: 5px;} #inb .partner .paypal_partner i{ font-style:normal; color:#999; text-decoration:underline;} #inb .partner .paypal_partner span{padding-top: 23px;} #inb .hottag{ position:relative; border-top:1px solid #ededed;} #inb .hottag .title{ position:absolute; left:10px; top:55px; font-size:26px; color:#373737;} #inb .hottag .container{ /*height:100px;*/ min-height:100px; padding:30px 0; overflow:hidden; padding-left:150px;} #inb .hottag .item{ float:left; margin-left:40px;} #inb .hottag .item a{ display:block; color:#333;} #inb .hottag .item img{ display:block;} #inb .hottag .item span{ display:block; text-align:center; padding-top:10px;} #inb .hottag .paypal_partner a{ text-decoration:none;} #inb .hottag .paypal_partner i{ font-style:normal; color:#48bdaa;} #inb .hottag .tag{ padding:10px 20px; border:1px solid #ededed; display:inline-block; font-size:14px; border-radius:100px; color:#333; margin-right:20px; margin-top:25px;} /*instance*/ #instance .wrap{ position:relative;} #instance .category_blank{ height:170px;} #instance .category_none_blank{ height:90px;} #instance .menu .instance_tag{ width: 100%; height: 80px; border-bottom: 1px solid #d9d9d9;} #instance .menu .instance_tag .list{ padding: 0 20px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} #instance .menu .instance_tag a{ display: inline-block; position: relative; padding: 0 47px; height: 100%; line-height: 80px; font-size: 18px; color: #333;text-decoration: none;} #instance .menu .instance_tag a:before{ display: block; content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; background: #0db083; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;} #instance .menu .instance_tag a.cur{ color: #0db083;} #instance .menu .instance_tag a.cur:before{ opacity: 1;} #instance .menu .instance_tag a.icons{ padding-right:45px;} #instance .menu .instance_tag a.icons i{ width:30px; height:30px; right:5px; top:0px; background:url("/assets/img/sonschn/instance.gif")/*instance.gif*/ no-repeat center center;} #instance .menu .instance_tag a:hover{ color: #0db083;} #instance .menu{ width:100%;} /*#instance .menu .instance_tag a:hover:before{ opacity: 1;}*/ #instance .menu .instance_category{ margin-top: 30px; width: 100%;} #instance .menu .instance_category .list{ padding: 0 11px; height: 33px; -webkit-box-sizing: border-box; box-sizing: border-box;} #instance .menu .instance_category .list a{ display: inline-block; padding: 0 14px; height: 100%; line-height: 33px; font-size: 14px; color: #555; text-decoration: none; -webkit-border-radius: 17px; border-radius: 17px; -webkit-transition: all 0.3s; transition: all 0.3s;} #instance .menu .instance_category .list a.cur{ background: #0db083; color: #fff;} #instance .menu .instance_category .list a:hover{ background: #0db083; color: #fff;} #instance .container{ margin-top: 59px; width: 100%;} #instance .item{ width:540px; border:1px solid #e8e8e8; padding:20px; height:400px; float:left; margin-left:35px; margin-bottom:35px;} #instance .item_nor{ margin-left:0;} #instance .item .top .img{ width:257px; height:155px;} #instance .item .top .con{ width:260px;} #instance .item .top .con h3{ height:25px; line-height:25px; overflow:hidden;} #instance .item .top .con h3 a{ font-size:16px; color:#1da189;} #instance .item .top .con .url{ font-family:"Arial"; color:#646464; height:20px; line-height:20px; overflow:hidden; margin-top:5px;} #instance .item .top .con .item_line{ height:1px; background:#eee; margin:10px 0;} #instance .item .top .con .rows{ font-size:14px; margin-bottom:7px;} #instance .item .top .intro{ font-size:14px; color:#646464; margin-top:15px;} #instance .item .bot{ position:relative; margin-top:15px;} #instance .item .bot .abs{ width:540px; padding:0 20px; position:absolute; left:-21px; top:0; background:#fff; border:1px solid #e8e8e8; border-top:0; border-bottom:0; cursor:pointer;} #instance .item .bot .con{ padding:5px 0; height:155px; overflow:hidden; min-height:155px;} #instance .item .bot .con_cur{ height:auto;} #instance .item .bot .title{ height:34px; line-height:34px; font-size:14px; border-top:1px solid #eee; border-bottom:1px solid #eee;} #instance .item .bot .rows{ font-family:"Arial"; color:#535353; height:20px; line-height:20px; overflow:hidden; margin-top:5px;} #instance .item .bot .rows span{ margin-right:25px;} #instance .item .bot .btn{ width:100%; height:20px; position:absolute; left:-1px; bottom:-20px; border:1px solid #e8e8e8; border-top:0; background:#f5f5f5;} #instance .item .bot .btn i{ width:16px; height:8px; left:50%; margin-left:-8px; top:50%; margin-top:-4px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-371px -424px;} #instance .item .bot .btn_cur i{ background-position:-371px -392px;} /*about*/ #about .content{} #about .content .top_item{ display: flex; justify-content: space-between; align-items: center; margin-top: 80px; padding: 0 30px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} #about .content .top_item .con{ display: flex; justify-content: center; align-items: center;} #about .content .title{/* width:470px;*/ line-height:48px; font-size:28px; color: #333;} #about .content .intro{ margin-top: 18px; width: 590px;/* padding-right: 20px;*/line-height: 32px; font-size:16px; color:#444;} #about .content .top_item:first-child .con .intro{ width: 595px;} #about .content .img_box{ position: relative;width:448px; height:283px;} #about .content .img{ width:448px; height:283px;} #about .content .img img{width: 100%;height: 100%;} #about .content .img i{ width: 44px; height: 30px; border: 2px solid #fff; left: 20px; bottom: 20px; background:url("/assets/img/sonschn/about_play_icon.png")/*about_play_icon.png*/ no-repeat center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 14px; -ms-border-radius: 14px; border-radius: 14px;} #about .technology{ width:100%; height:420px; background:url("/assets/img/sonschn/about_technology.jpg")/*about_technology.jpg*/ top center no-repeat;} #about .technology .t{ color:white; font-size: 28px; height: 38px;line-height: 38px; padding-top:90px;} #about .technology .item{margin-top: 70px;font-size: 0;} #about .technology .item .list{position: relative;width:212px; height:125px; display:inline-block; color:#fff; font-size:18px; margin:0 12px;vertical-align: top;} #about .technology .item .list:before{content:'';position: absolute;left: 0;right: 0;bottom: 0;height: 11px;border:1px solid #6d6f6e;border-top: none;} #about .technology .item .firt{height: 59px;line-height: 59px;font-size: 50px;color: #01bea2;} #about .technology .item .firt strong{font-weight: normal;position: relative;} #about .technology .item .firt strong span{position: relative;top: 30px;opacity: 0;} #about .technology .item .firt em{font-size: 16px;font-style: normal;} #about .technology .item .sect{height: 43px;line-height: 43px;font-size: 16px;color: white;} #about .progress_s0 .t span{color: #2ca594;} #about .progress_s0 .contents{ width:1149px; height:550px; background:url("/assets/img/sonschn/about_progress_big_s0.png")/*about_progress_big_s0.png*/ no-repeat center; position:relative;} #about .progress_s0 .contents .item{ position:absolute; font-size:14px; color:#444; left:-50px; top:-50px;} #about .progress_s0 .contents .item span{ font-size:22px; color:#2ca594;display: block;margin-bottom: 20px;} #about .progress_s0 .contents .item.down span{margin-bottom: 0;margin-top: 20px;} #about .progress_s0 .contents .flag{position: absolute;top: 191px;left: 39px;} #about .progress_s0 .contents .flag_hide{display: none;} #about .progress_s0 .contents .flag1{left: 39px;} #about .progress_s0 .contents .flag2{left: 200px;} #about .progress_s0 .contents .flag3{left: 359px;} #about .progress_s0 .contents .flag4{left: 520px;} #about .progress_s0 .contents .flag5{left: 679px;} #about .progress_s0 .contents .flag6{left: 840px;} #about .progress_s0 .contents .flag7{left: 999px;} #about .progress_s0 .contents .flag8{left: 999px;top: 340px;} #about .progress_s0 .contents .flag9{left: 840px;top: 340px;} #about .progress_s0 .contents .flag10{left: 679px;top: 340px;} #about .progress_s0 .contents .flag11{left: 520px;top: 340px;} #about .progress_s0 .contents .flag12{left: 359px;top: 340px;} #about .progress_s0 .contents .flag13{left: 200px;top: 340px;} #about .progress_s0 .contents .flag_90{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);} #about .progress_s0 .contents .flag_180{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);} #about .progress_s0 .contents .move{animation:mymove_s0 8s linear;-webkit-animation:mymove_s0 8s linear;} @keyframes mymove_s0{ 8%{left: 200px;top:191px;} 16%{left: 359px;top:191px;} 24%{left: 520px;top:191px;} 32%{left: 679px;top:191px;} 40%{left: 840px;top: 191px;} 48%{left: 999px;top: 191px;}/*turn star*/ 52%{left: 1100px;top: 191px;} 53%{left: 1115px;top: 195px;}/*corner*/ 55%{left: 1138px;top: 220px;} 58%{left: 1138px;top: 310px;} 59%{left: 1128px;top: 326px;}/*corner*/ 61%{left: 1100px;top: 340px;} 65%{left: 999px;top: 340px;}/*turn end*/ 72%{left: 840px;top: 340px;} 79%{left: 679px;top: 340px;} 86%{left: 520px;top: 340px;} 93%{left: 359px;top: 340px;} 100%{left: 200px;top: 340px;} } #about .progress_s0 .contents .i0{ left:67px; top:7px;} #about .progress_s0 .contents .i1{ left:230px; top:37px;} #about .progress_s0 .contents .i2{ left:389px; top:8px;} #about .progress_s0 .contents .i3{ left:547px; top:36px;} #about .progress_s0 .contents .i4{ left:710px; top:7px;} #about .progress_s0 .contents .i5-1{ left:870px; top:36px;} #about .progress_s0 .contents .i5-2{ left:1028px; top:8px;} #about .progress_s0 .contents .i6{ left:881px; top:409px;} #about .progress_s0 .contents .i7{ left:719px; top:419px;} #about .progress_s0 .contents .i8{ left:560px; top:404px;} #about .progress_s0 .contents .i9{ left:401px; top:457px;} #about .progress_s0 .contents .i10{ left:240px; top:427px;} #about .progress_s0 .contents .i11{ left:79px; top:400px;} #about .mission{ width:100%; height:420px; background:url("/assets/img/sonschn/about_mission.jpg")/*about_mission.jpg*/ top center no-repeat;} #about .mission .miss_box{width: 990px;height: 271px;margin: 74px auto 0;border-top: 1px solid #646464;border-bottom: 1px solid #646464;} #about .mission .left{float: left;width: 180px;padding-top: 45px;text-align: center;} #about .mission .right{ position: relative; float: left; margin-left: 50px; padding: 77px 0 0 50px;text-align: left;} #about .mission .right:before{ display: block; content: ''; position: absolute; top: 55px; left: 0; width: 22px; height: 19px; background: url("/assets/img/sonschn/mission_icon.png")/*mission_icon.png*/ no-repeat center / 100% 100%;} #about .mission .right .firt{height: 66px;line-height: 66px;font-size: 28px;color: white;} #about .mission .right .sect{ line-height: 42px;font-size: 22px;color: white;} #about .news .item{ width:355px; float:left; margin-left:55px;} #about .news .nor{ margin-left:10px;} #about .news .item .img{ width:355px; height:180px;} #about .news .item .box{ padding:15px; border:1px solid #ededed; border-top:0;} #about .news .item .date{ font-family:"Arial"; font-size:14px; color:#a0a0a0;} #about .news .item h3{ height:25px; line-height:25px; overflow:hidden; margin-top:5px; margin-bottom:15px;} #about .news .item h3 a{ font-size:16px; color:#202020;} #about .news .item .intro{ font-size:14px; color:#616161; height:50px; line-height:25px; overflow:hidden;} #about .news .item:hover .box{ background:#f8f8f8;} #about .news .item:hover h3 a{ color:#00bd9f;} #about .news .btn a{ width:254px; height:44px; line-height:44px; border:1px solid #00bd9f; color:#00bd9f; display:inline-block; font-size:16px; text-decoration:none; -moz-border-radius:22px; -ms-border-radius:22px; -o-border-radius:22px; -webkit-border-radius:22px; border-radius:22px;} /*partner*/ #partner{} #partner .title{ margin-top: 100px; height: 44px;line-height: 44px;font-size: 26px;color: #0db083;text-align: center;} #partner .sectitle{height: 30px;line-height: 30px;font-size: 14px;color: #444;text-align: center;} #partner .par_box{padding-top: 60px;padding-bottom: 50px;} #partner .par_box .item{display: block;position: relative;float: left;width: 215px;height: 130px;margin: 0 11px 30px;border:1px solid #e8e8e8;background: no-repeat center center;overflow: hidden;} #partner .par_box .item .name{position: absolute;bottom: -38px;left: 0;width: 100%;height: 38px;line-height: 38px;background: #53c3a7;color: #fff;font-size: 14px;text-align: center;-moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;} /*news*/ #info .info_list{ margin-top: 60px;} #info .top_title{margin-top: 38px;line-height: 59px;overflow: hidden;text-indent: 5px;text-align: center;font-size: 36px;color: #333;} #info .item{float: left; width: 353px; margin-left: 56px; margin-bottom: 39px; border:1px solid #ededed;} #info .first{margin-left: 10px;} #info .item .img{ height:179px;text-align: center;} #info .item .con{ padding:15px 12px 25px; } #info .item .all{ width:100%;} #info .item .con h3{ height:30px; line-height:30px;} #info .item .con h3 a{display: block; height:30px; line-height:30px; overflow:hidden;-moz-text-overflow: ellipsis ;-webkit-text-overflow: ellipsis ;text-overflow: ellipsis ;white-space: nowrap;font-size:16px; color:#222222;} #info .item .con .date{ font-size:14px; color:#bbbbbb; font-family:"Arial"; line-height: 22px;} #info .item .con .intro{ font-size:14px; color:#999999; line-height:22px; height:66px; overflow:hidden;} #info .item:hover{ margin-top: -10px;} #info .item:hover h3 a{ color:#00bd9f;} #info .more{display: block;width: 264px;height: 52px;line-height: 52px;margin:auto;text-align: center;font-size: 14px;color: #888;background: #f1f1f1;text-decoration: none;} #info .more span{display: inline-block;font-size: 18px;font-weight: bold;margin-left: 3px;margin-top: -4px;vertical-align: middle;} #info_detail .wrap{ margin-top: 100px;} #info_detail .cate_list{ margin-top: 0;} #info_detail .contents{ width:890px;line-height: 30px;font-size: 16px;} #info_detail .contents .p{line-height: 30px;font-size: 16px;text-indent: 2em;} #info_detail .ad{ width:275px;} #info_detail h1{ font-size:26px; color:#202020; text-align:center;} #info_detail .param{ display: flex;flex-direction: row;justify-content: center;align-items: center;height:36px; line-height:36px; padding:10px 0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc} #info_detail .param *{ font-size:14px; color:#747373;} #info_detail .param .date{ margin-left:40px;} #info_detail .param .view{ margin-left:40px;} /*#info_detail .param .author{ margin-left:100px;}*/ #info_detail .param .bdsharebuttonbox{ margin-left:20px; margin-top:8px; float:left;} #info_detail .add_share{text-align: center;padding-bottom: 35px;} #info_detail .add_share .good_out{display: flex;flex-direction: row;justify-content: center;} #info_detail .add_share .good_out .good{display: inline-block;min-width: 70px;height: 35px;line-height: 35px;border-radius: 5px;background: url(https://www.sonschn.com/images/thumbs_up.png) no-repeat 15px center #1a1a1a;background-size: 20px 20px;padding-left: 45px;color: white;text-align: left;} #info_detail .add_share .share{display: inline-block;float: right;padding-top: 1.5px;} #info_detail .near{ border-top:1px solid #e5e5e5; padding:15px 0;} #info_detail .near .row{ font-size:14px; color:#37b084; float:left; width:50%; height:25px;} #info_detail .near .row a{ color:#535353;} #info_detail .related_news{} #info_detail .related_news .related_news_title{ font-size: 20px; height:49px; line-height: 49px; border-bottom:1px solid #ededee;} #info_detail .related_news .related_news_list{} #info_detail .related_news .related_news_list .related_news_item{ overflow: hidden; border-bottom:1px dashed #ededee; padding:10px 0; float:left; width:420px;text-overflow: ellipsis;white-space: nowrap;} #info_detail .related_news .related_news_list .related_news_item.odd{ margin-left:20px; float:right;} #info_detail .related_news .related_news_list .related_news_item a{ font-size: 14px;} #info_detail .related_news .related_news_list .related_news_item:last-child{ border-bottom: 0;} #cust_detail .wrap{ margin-top: 100px;} #cust_detail .cate_list{ margin-top: 0;} #cust_detail .contents{ width: 100%;line-height: 30px;font-size: 16px;} #cust_detail .contents .p{line-height: 30px;font-size: 16px;text-indent: 2em;} #cust_detail .ad{ width:275px;} #cust_detail h1{ font-size:26px; color:#202020; text-align:center;} #cust_detail .param{ height:36px; line-height:36px; padding:10px 0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc} #cust_detail .param *{ font-size:14px; color:#747373;} #cust_detail .param .date{ margin-left:40px;} #cust_detail .param .view{ margin-left:40px;} #cust_detail .param .author{ margin-left:100px;} #cust_detail .param .bdsharebuttonbox{ margin-left:20px; margin-top:8px; float:left;} #cust_detail .add_share{text-align: center;padding-bottom: 35px;} #cust_detail .add_share .good_out{display: inline-block;} #cust_detail .add_share .good_out .good{display: inline-block;min-width: 70px;height: 35px;line-height: 35px;border-radius: 5px;background: url(/images/thumbs_up.png) no-repeat 15px center #1a1a1a;background-size: 20px 20px;padding-left: 45px;color: white;text-align: left;} #cust_detail .add_share .share{display: inline-block;float: right;padding-top: 1.5px;} #cust_detail .near{ border-top:1px solid #e5e5e5; padding:15px 0;} #cust_detail .near .row{ font-size:14px; color:#37b084; float:left; width:50%; height:25px;} #cust_detail .near .row.right{ float: right; text-align: right;} #cust_detail .near .row a{ color:#535353;} #cust_detail .related_news{} #cust_detail .related_news .related_news_title{ font-size: 20px; height:49px; line-height: 49px; border-bottom:1px solid #ededee;} #cust_detail .related_news .related_news_list{} #cust_detail .related_news .related_news_list .related_news_item{ overflow: hidden; border-bottom:1px dashed #ededee; padding:10px 0; float:left; width:420px;} #cust_detail .related_news .related_news_list .related_news_item.odd{ margin-left:20px; float:right;} #cust_detail .related_news .related_news_list .related_news_item a{ font-size: 14px;} #cust_detail .related_news .related_news_list .related_news_item:last-child{ border-bottom: 0;} /*company*/ #company .container{ padding-bottom:75px; background:url("/assets/img/sonschn/company_line.jpg")/*company_line.jpg*/ left top repeat-y; margin-left:20px; padding-left:170px;} #company .container i{ width:68px; height:19px; left:-9px; top:0; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-220px -5px;} #company .container .date{ position:absolute; left:70px; top:-7px; font-size:24px;} #company .last{ padding-bottom:0;} #company .first i{ background-position:-129px -5px;} #company .first .date{ color:#00bd9f;} #company .item{ width:288px; float:left; margin-left:30px; padding:7px; border:1px solid #e6e6e6;} #company .item:hover{ background:#f4f4f4;} #company .item .img{ width:288px; height:191px;} #company .item h3{ font-size:14px; height:25px; line-height:25px; overflow:hidden; margin-top:10px; padding:0 5px;} /*contact*/ #contact .content{ margin-top: 100px;} #contact .title{ font-size:24px; color:#2ca594;} #contact .intro{ font-size:14px; color:#4a4a4a;} #contact .title.tc,#contact .intro.tc{text-align: center;} #contact .intro a{color: #2ca594;text-decoration: underline;} #contact .top{ padding:40px; background:#f9f9f9;} #contact .top .item{ width:340px; height:120px; float:left; background:#fff; margin-left:50px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #contact .top .address{ margin-left:0;} #contact .top .address div{ font-size:16px; color:#4a4a4a; margin-left:95px; margin-top:35px; margin-right:40px; line-height:25px;} #contact .top .address i{ width:44px; height:44px; left:30px; top:35px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:0 -208px;} #contact .top .tel div{ font-size:16px; color:#4a4a4a; margin-left:95px; margin-top:23px; line-height:25px;} #contact .top .tel i{ width:32px; height:38px; left:35px; top:40px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-74px -211px;} #contact .top .tel span{ font-size:14px;} #contact .top .email div{ font-size:16px; color:#4a4a4a; margin-left:100px; margin-top:10px; line-height:25px;} #contact .top .email i{ width:45px; height:35px; left:35px; top:43px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-146px -214px;} #contact .mid{ padding:0 40px;} #contact .mid .item{ width:330px; float:left; margin-left:65px;} #contact .mid .item .img{ width:70px; height:70px; margin:0 auto;} #contact .mid .item .sign{ height:40px; line-height:40px; border-top:1px solid #2ca594; border-bottom:1px solid #2ca594; text-align:center; color:#2ca594; font-size:16px; margin-top:24px;} #contact .mid .item .name{ height:40px; line-height:40px;text-align:center; font-size:16px; color:#5b5b5b; margin-top:5px;} #contact .mid .business{ margin-left:0;} #contact .mid .business i{ width:70px; height:70px; left:0; top:0; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-218px -195px;} #contact .mid .work i{ width:70px; height:70px; left:0; top:0; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-311px -195px;} #contact .mid .advise i{ width:70px; height:70px; left:0; top:0; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-405px -196px;} #contact .bot{ padding:35px 40px 52px 39px;border:1px solid #ececec;border-radius: 3px;} #contact .bot .fl{ width:840px;padding-right: 54px;border-right: 1px solid #ededed;} #contact .bot .form_input{ width:408px; height:48px; line-height:48px; border:1px solid #f9f9f9; background:#f9f9f9; text-indent:15px; outline:none; font-size:18px; color:#999999; float:left;border-radius: 3px;} #contact .bot .form_textarea{ padding:15px; width:808px; height:118px; border:1px solid #f9f9f9; outline:none; font-size:18px; background:#f9f9f9; color:#999999; resize:none;border-radius: 3px;} #contact .bot .form_submit{ width:100%; height:48px; line-height:48px; text-align:center; background:#2ca594; font-size:18px; color:#fff; border:0; outline:none; cursor:pointer; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #contact .bot .fr{ width:185px; height:300px; background:#fff; text-align:center;} #contact .bot .sign{ font-size:14px; color:#666; padding-top:30px;} #contact .bot .subsign{ font-size:18px; color:#2ca594; margin-top:10px;} #contact .bot .img{ width:166px; height:166px; margin:0 auto; margin-top:15px;} /*price*/ #price .price_list{ margin-top: 30px;} #price .show_price_box{ text-align:center;} #price .show_price_box .item{ display:inline-block; width:308px; height:980px; border:1px solid #e0e0e0; border-radius:5px; overflow:hidden; margin:0 7px; vertical-align:top;} #price .show_price_box .item .title{ background:#627574; height:64px; line-height:64px; color:#fff; font-size:18px;} #price .show_price_box .item .price{ font-family:"Arial"; font-size:38px; margin-top:30px;} #price .show_price_box .item .price span{ font-size:20px; vertical-align:middle;} #price .show_price_box .item .price sup{ font-size:18px; margin-right:5px;} #price .show_price_box .item .pro_price{ padding-top:35px; background:url("/assets/img/sonschn/promotion.png")/*new/promotion.png*/ top center no-repeat; margin-top:12px; font-size:14px; letter-spacing:2px;} #price .show_price_box .item .pro_price strong{ color:#ff453c; font-weight:bold; font-size:36px; letter-spacing:0;} #price .show_price_box .item .pro_price strong em{ font-style:normal; font-weight:normal; font-size:28px; margin-top:4px; vertical-align:text-top; display:inline-block;} #price .show_price_box .item .pro_del{ width:96px; height:22px; line-height:22px; background:#e1e1e1; margin:0 auto; margin-top:5px; text-indent:0; text-align:center; color:#999; font-size:14px; font-family:"Arial";} #price .show_price_box .item .tips{ font-size:14px; color:#949f9c; margin-top:10px;} #price .show_price_box .item .btn{ display:block; width:118px; height:34px; line-height:34px; border:1px solid #07ad87; border-radius:3px; margin:0 auto; color:#07ad87; font-size:14px; text-decoration:none; margin-top:20px; margin-bottom:30px;} #price .show_price_box .item .btn:hover{ background:#07ad87; color:#fff;} #price .show_price_box .item .line_bg{ background:#f0f0f0; height:1px; width:270px; margin:0 auto; margin-bottom:20px;} #price .show_price_box .item .rows{ line-height:40px; font-size:14px; display: table; width: 100%; padding:0 20px; box-sizing:border-box;} #price .show_price_box .item .rows.color{ color:#0bba91;} #price .show_price_box .item .rows.two{ line-height:25px;} #price .show_price_box .item.i2 .title{ background:#34bb9f;} #price .show_price_box .item.i3 .title{ background:#07ad87;} #price .show_price_box .btn_download{ display:block; width:254px; height:44px; line-height:44px; border:1px solid #00a680; color:#00a680; font-size:16px; border-radius:3px; text-decoration:none; margin:0 auto; background:url("/assets/img/sonschn/icon_download.png")/*new/icon_download.png*/ 65px center no-repeat; text-align:left; text-indent:95px;} #price .show_price_box .btn_download:hover{ background:url("/assets/img/sonschn/icon_download_cur.png")/*new/icon_download_cur.png*/ #00a680 65px center no-repeat; color:#fff;} #price .show_price_box .item.i2 .title i{ width:51px; height:51px; background:url("/assets/img/sonschn/hotsales.png")/*new/hotsales.png*/ no-repeat; right:0; top:0;} #price table.show_box th .pro_del del{ color:#999; font-size:14px; font-family:"Arial";} /* B2B 2018-11-12 新加 */ #price .show_price_box table{ width:1100px; margin:0 auto; border:1px solid #e9e9e9; border-collapse:collapse;} #price .show_price_box table .bg{ background-color:#f8f8f8;} #price .show_price_box table .bg.canclick{background-color:#20b09f;} #price .show_price_box table .bg.canclick a{ color:#fff; background:url("/assets/img/sonschn/ico_question_bg.png")/*new/ico_question_bg.png*/ no-repeat right center; padding:5px 0; padding-right:53px;} #price .show_price_box table .green{ background-color:#0bba91; color:#fff;} #price .show_price_box table .color{ color:#07ad87;} #price .show_price_box table .noborder td{ border:0;} #price .show_price_box table .lesson{ text-align:center; text-indent:0; text-align:center; position:relative;} #price .show_price_box table .lesson a{ position:absolute; z-index:3; left:0; top:0; width:100%; height:100%;} #price .show_price_box table tr:first-child{ height: 218px;} #price .show_price_box table tr .fixed{ position: fixed; top: 61px;/* line-height: 218px;*/} #price .show_price_box table tr .hide{ display: none !important;} #price .show_price_box table th{ font-size:16px; font-weight:normal; text-align:left; text-indent:30px; border:1px solid #e9e9e9; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .show_price_box table th.price_title{ height: 218px;/*height:224px;*/ background: #fff; border-left: 0; font-size:16px; z-index: 5; font-weight:normal; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .show_price_box table th.price_title .ab_con{ width: 100%; height: 135px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .show_price_box table th.fixed.price_title{ display: table;} #price .show_price_box table th.fixed.price_title .ab_con{ display: table-cell; vertical-align: middle;} #price .show_price_box table th.price_title .ab_con .title{ width: 100%; height: 38px; line-height: 38px; font-size: 22px; color: #333;} #price .show_price_box table th.price_title .ab_con .brief{ width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #0db083; text-indent: 0; text-align: center;} #price .show_price_box table th .title{ margin-top: 38px; font-size:16px; text-align:center; text-indent:0;} #price .show_price_box table th .price{ font-family:"Arial"; font-size:32px; text-align:center; text-indent:0; margin-bottom:10px; margin-top:10px;} #price .show_price_box table th .price span{ font-size:18px; vertical-align:middle;} #price .show_price_box table th .price sup{ font-size:18px;} #price .show_price_box table th .btn{ width:118px; height:34px; line-height:34px; border:1px solid #07ad87; color:#07ad87; font-size:14px; margin:0 auto; display:block; border-radius:3px; text-decoration:none; margin-top:10px; margin-bottom:10px;} #price .show_price_box table td{ height:50px; line-height:50px; font-size:14px; border:1px solid #e9e9e9; text-indent:30px;text-align: left;} #price .show_price_box table td div{ font-size:14px; text-indent:13px;} #price .show_price_box table td.txt{ text-indent:0; text-align:center;} #price .show_price_box table td.two{ line-height:25px; padding:10px 30px; text-indent:0;} #price .show_price_box table td.h1{ height:60px; line-height:60px; font-size:16px;} #price .show_price_box table td.icons{ background-image:url("/assets/img/sonschn/price_qus.png")/*new/price_qus.png*/; background-position:right 15px center; background-repeat:no-repeat;} #price .show_price_box table td.icons.green{ background-image:url("/assets/img/sonschn/price_qus_white.png")/*new/price_qus_white.png*/;} #price .show_price_box table td.icons i{ font-style:normal; background:#273037; color:#fff; font-size:14px; width:280px; right:-280px; top:-0; line-height:25px; text-indent:0; box-sizing:border-box; padding:14px 25px; border-radius:3px; display:none;} #price .show_price_box table td.icons:hover{ background-image:url("/assets/img/sonschn/price_qus_cur.png")/*new/price_qus_cur.png*/;} #price .show_price_box table td.icons.green:hover{ background-image:url("/assets/img/sonschn/price_qus_white.png")/*new/price_qus_white.png*/;} #price .show_price_box table td.icons:hover i{ display:block;} #price .show_price_box table td.icons i em{ display:block; position:absolute; left:-12px; top:20px; border:6px solid transparent; border-right:6px solid #273037;} #price .show_price_box table td.true{ background:url("/assets/img/sonschn/true.png")/*new/true.png*/ center no-repeat;} #price .show_price_box .btn_download{ display:block; width:254px; height:44px; line-height:44px; border:1px solid #00a680; color:#00a680; font-size:16px; border-radius:3px; text-decoration:none; margin:0 auto; background:url("/assets/img/sonschn/icon_download.png")/*new/icon_download.png*/ 65px center no-repeat; text-align:left; text-indent:95px;} #price .show_price_box .btn_download:hover{ background:url("/assets/img/sonschn/icon_download_cur.png")/*new/icon_download_cur.png*/ #00a680 65px center no-repeat; color:#fff;} #price .show_price_box .price_ab_box{ width:1100px; margin:0 auto; position:relative; z-index:2;} #price .show_price_box .price_ab_box .ab_box{ width:294px; top: 0; height:1477px; position:absolute;} #price .show_price_box .price_ab_box .ab_box .ab_display{ height:100%; width:100%; box-sizing:border-box; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #87c7b8; box-shadow:0 0 40px 0 #87c7b8; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .show_price_box .price_ab_box .ab_box:hover .ab_display{ opacity: 1;} #price .show_price_box .price_ab_box .ab_box .ab_bg .ab_table{ display: table; width: 100%; height: 100%;} #price .show_price_box .price_ab_box .ab_box .ab_bg .ab_table .ab_table_cell{ display: table-cell; vertical-align: middle;} #price .show_price_box .price_ab_box .ab_box .ab_bg .ab_con{ width: 100%; height: 135px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .show_price_box .price_ab_box .ab_box:hover .ab_bg .ab_con{ height: 181px;} #price .show_price_box .price_ab_box .ab_box .ab_display{ height:100%; width:100%; box-sizing:border-box; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #87c7b8; box-shadow:0 0 40px 0 #87c7b8;} /*#price .show_price_box .price_ab_box .ab_box:hover .ab_display{ display:block;}*/ #price .show_price_box .price_ab_box .ab_box .ab_bg{ font-size:16px; font-weight:normal; height: 221px; /* text-indent:30px; */ box-sizing:border-box; padding-top:28px; background:#07ad87;} #price .show_price_box .price_ab_box .ab_box .title{ font-size:18px; text-align:center; text-indent:0; color:#fff;} #price .show_price_box .price_ab_box .ab_box .price{ font-family:"Arial"; font-size:36px; text-align:center; text-indent:0; margin-bottom:10px; margin-top:10px; color:#fff;} #price .show_price_box .price_ab_box .ab_box .price span{ font-size:20px; vertical-align:middle;} #price .show_price_box .price_ab_box .ab_box .price sup{ font-size:18px;} #price .show_price_box .price_ab_box .ab_box .btn{ width:118px; height:34px; line-height:34px; border:1px solid #fff; background:#fff; color:#07ad87; font-size:14px; margin:0 auto; display:block; border-radius:3px; text-decoration:none;} #price .show_price_box .price_ab_box .ab_box.b1{ right:586px;} #price .show_price_box .price_ab_box .ab_box.b2{ right:293px;} #price .show_price_box .price_ab_box .ab_box.b3{ right:0; } /*#price .show_price_box .price_ab_box .ab_box.b3 .ab_bg{ position:relative;}*/ #price .show_price_box .price_ab_box .ab_box.b3 .ab_bg i{ position:absolute;width:51px; height:51px; background:url("/assets/img/sonschn/hotsales.png")/*new/hotsales.png*/ no-repeat; right:0; top:0;} #w1000 #price .show_price_box .price_ab_box{ width:1000px;} #w1000 #price .show_price_box table th.price_title{ width:260px;} #w1000 #price .show_price_box .price_ab_box .ab_box{ width:264px;} #w1000 #price .show_price_box .price_ab_box .ab_box.b1{ right:526px;} #w1000 #price .show_price_box .price_ab_box .ab_box.b2{ right:263px;} /* B2C */ #price .show_price_box .item .tips{ font-size:14px; color:#949f9c; margin-top:10px;} #price .show_price_box .item .btn{ display:block; width:118px; height:34px; line-height:34px; border:1px solid #07ad87; border-radius:3px; margin:0 auto; color:#07ad87; font-size:14px; text-decoration:none; margin-top:20px; margin-bottom:30px;} #price .show_price_box .item .btn:hover{ background:#07ad87; color:#fff;} #price .show_price_box .item .line_bg{ background:#f0f0f0; height:1px; width:270px; margin:0 auto; margin-bottom:20px;} #price .show_price_box .item .rows{ line-height:40px; font-size:14px; display: table; width: 100%; padding:0 20px; box-sizing:border-box;} #price .show_price_box .item .rows.color{ color:#0bba91;} #price .show_price_box .item .rows.two{ line-height:25px;} #price .show_price_box .item.i2 .title{ background:#34bb9f;} #price .show_price_box .item.i3 .title{ background:#07ad87;} #price .show_price_box .btn_download{ display:block; width:254px; height:44px; line-height:44px; border:1px solid #00a680; color:#00a680; font-size:16px; border-radius:3px; text-decoration:none; margin:0 auto; background:url("/assets/img/sonschn/icon_download.png")/*new/icon_download.png*/ 65px center no-repeat; text-align:left; text-indent:95px;} #price .show_price_box .btn_download:hover{ background:url("/assets/img/sonschn/icon_download_cur.png")/*new/icon_download_cur.png*/ #00a680 65px center no-repeat; color:#fff;} #price .show_price_box .item.i2 .title i{ width:51px; height:51px; background:url("/assets/img/sonschn/hotsales.png")/*new/hotsales.png*/ no-repeat; right:0; top:0;} #price .shop_price_box table{ position: relative; width:1192px; margin:0 auto; border:1px solid #e9e9e9; border-collapse:collapse;} #price .shop_price_box table tr:first-child{ height: 218px;} #price .shop_price_box table tr .fixed{ position: fixed; top: 61px; line-height: 218px;} #price .shop_price_box table tr .hide{ display: none !important;} #price .shop_price_box table .bg{ background-color:#f8f8f8;} #price .shop_price_box table .bg.canclick{background-color:#20b09f;} #price .shop_price_box table .bg.canclick a{ color:#fff; background:url("/assets/img/sonschn/ico_question_bg.png")/*new/ico_question_bg.png*/ no-repeat right center; padding:5px 0; padding-right:39px;} #price .shop_price_box table .bg.canclick .txt_con{ display: none;} #price .shop_price_box table .bg.canclick2{ background: #f8f8f8;} #price .shop_price_box table .bg.canclick2 a{ background-image:url("/assets/img/sonschn/ico_question_black_bg.png")/*new/ico_question_black_bg.png*/; color: #333;} #price .shop_price_box table .green{ background-color: #0bba91;} #price .shop_price_box table .green .title{ color: #fff;} #price .shop_price_box table .color{ color:#07ad87;} #price .shop_price_box table .noborder td{ border:0;} #price .shop_price_box table .lesson{ text-align:center; text-indent:0; text-align:center; position:relative;} #price .shop_price_box table .lesson a{ position:absolute; z-index:3; left:0; top:0; width:100%; height:100%; line-height: 60px;} #price .shop_price_box table th{ font-size:16px; font-weight:normal; text-align:left; text-indent:30px; border:1px solid #e9e9e9; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .shop_price_box table th.price_title{ padding: 0; height: 240px;/*height:224px;*/ background: #fff; border-left: 0; font-size:16px; font-weight:normal; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .shop_price_box table th.price_title .ab_con{ display: flex; justify-content: center; flex-direction: column; position: relative; width: 100%; height: 100%; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .shop_price_box table th.price_title .ab_con .tips{ position: absolute; left: 0; top: 0; padding: 0 15px 0 10px; height: 25px; line-height: 25px; background: #ff2919; font-size: 15px; color: #fff; text-indent: 0; border-radius: 0 0 25px 0;} #price .shop_price_box table th.fixed.price_title{ display: table;} #price .shop_price_box table th.fixed.price_title .ab_con{ display: table-cell; vertical-align: middle;} #price .shop_price_box table th.price_title .ab_con .title{ width: 100%; height: 38px; line-height: 38px; font-size: 22px; color: #333;} #price .shop_price_box table th.price_title .ab_con .brief{ width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #0db083; text-indent: 0; text-align: center;} #price .shop_price_box table th.price_title .ab_con del{ display: block; width: 100%; line-height: 27px; font-size: 16px; color: #999; text-indent: 0; text-align: center;} #price .shop_price_box table th .title{ font-size:16px; text-align:center; text-indent:0;} #price .shop_price_box table th .price{ margin-top: 16px; width: 100%; height: 53px; line-height: 53px; font-size: 46px; color: #ff2919; font-family:"Arial"; text-indent: 0; text-align: center;} #price .shop_price_box table th .price span, #price .shop_price_box table th .price sup{ position: relative; bottom: -6px; margin-right: 3px; font-size: 14px; vertical-align: middle;} #price .shop_price_box table th .price span{ bottom: -4px; margin-right: 0; margin-left: 3px;} #price .shop_price_box table.shop_box th.price_title:last-child .price{ color: #111;} #price .shop_price_box table th .btn{ width:118px; height:34px; line-height:34px; border:1px solid #07ad87; color:#07ad87; font-size:14px; margin:0 auto; display:block; border-radius:3px; text-decoration:none; margin-top:10px; margin-bottom:10px; opacity: 0;} #price .shop_price_box table td{ padding: 16px 0; width: 100%;/* height:50px; line-height:50px;*/ font-size: 16px; color: #333; border:1px solid #e9e9e9; text-align: center;} #price .shop_price_box table td.one_row{ padding: 0; height: 68px;} #price .shop_price_box table td.circle:before{ display: block; content: ''; margin: 0 auto; width: 15px; height: 15px; border: 1px solid #0db083; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .shop_price_box table td:first-child{ padding-left: 30px; text-align: left;} #price .shop_price_box table td div{ font-size:14px;} #price .shop_price_box table td .title{ width: 100%; height: 28px; line-height: 28px; font-size: 16px; color: #333;} #price .shop_price_box table td.sales_row .title{ height: 89px; line-height: 89px;} #price .shop_price_box table td .brief{ line-height: 28px; font-size: 16px; color: #666;} #price .shop_price_box table td.txt{ text-indent:0; text-align:center;} #price .shop_price_box table td.two{ line-height:25px;/* padding:10px 0;*/} #price .shop_price_box table td.h1{ height:60px; line-height:60px; font-size:16px;} #price .shop_price_box table td.icons{ background-image:url("/assets/img/sonschn/price_qus.png")/*new/price_qus.png*/; background-position:right 15px center; background-repeat:no-repeat;} #price .shop_price_box table td.icons.green{ background-image:url("/assets/img/sonschn/price_qus_white.png")/*new/price_qus_white.png*/;} #price .shop_price_box table td.icons i{ font-style:normal; background:#273037; color:#fff; font-size:14px; width:280px; right:-280px; top:-0; line-height:25px; text-indent:0; box-sizing:border-box; padding:14px 25px; border-radius:3px; display:none;} #price .shop_price_box table td.icons:hover{ background-image:url("/assets/img/sonschn/price_qus_cur.png")/*new/price_qus_cur.png*/;} #price .shop_price_box table td.icons.green:hover{ background-image:url("/assets/img/sonschn/price_qus_white.png")/*new/price_qus_white.png*/;} #price .shop_price_box table td.icons:hover i{ display:block;} #price .shop_price_box table td.icons i em{ display:block; position:absolute; left:-12px; top:20px; border:6px solid transparent; border-right:6px solid #273037;} #price .shop_price_box table td.true{ background:url("/assets/img/sonschn/true.png")/*new/true.png*/ center no-repeat;} #price .shop_price_box .btn_download{ display:block; width:254px; height:44px; line-height:44px; border:1px solid #00a680; color:#00a680; font-size:16px; border-radius:3px; text-decoration:none; margin:0 auto; background:url("/assets/img/sonschn/icon_download.png")/*new/icon_download.png*/ 65px center no-repeat; text-align:left; text-indent:95px;} #price .shop_price_box .btn_download:hover{ background:url("/assets/img/sonschn/icon_download_cur.png")/*new/icon_download_cur.png*/ #00a680 65px center no-repeat; color:#fff;} #price .shop_price_box .price_ab_box{ width:1192px; margin:0 auto; position:relative; z-index:2;} #price .shop_price_box .price_ab_box .ab_box{ width:294px; top: 0; height:2364px; /*height:2395px;*/ position:absolute;} #price .shop_price_box .price_ab_box .ab_box .ab_display{ position: relative; height:100%; width:100%; box-sizing:border-box; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #87c7b8; box-shadow:0 0 40px 0 #87c7b8; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .shop_price_box .price_ab_box .ab_box:hover .ab_display{ opacity: 1;} #price .shop_price_box .price_ab_box .ab_box .ab_bg{ font-size:16px; font-weight:normal; height: 240px;/* height: 220px;*/ box-sizing: border-box; background:#07ad87;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_table{ display: table; width: 100%; height: 100%;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_table .ab_table_cell{ display: table-cell; vertical-align: middle;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_con{ width: 100%; height: 135px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .shop_price_box .price_ab_box .ab_box:hover .ab_bg .ab_con{ height: 181px;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_con .title{ width: 100%; height: 38px; line-height: 38px; font-size: 22px; color: #fff;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_con .brief{ width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #fff; text-align: center;} #price .shop_price_box .price_ab_box .ab_box .title{ font-size:18px; text-align:center; text-indent:0; color:#fff;} #price .shop_price_box .price_ab_box .ab_box .price{ margin-top: 16px; width: 100%; height: 53px; line-height: 53px; font-size: 46px; color: #fff; font-family:"Arial"; text-align: center;} #price .shop_price_box .price_ab_box .ab_box .price span, #price .shop_price_box .price_ab_box .ab_box .price sup{ position: relative; bottom: -6px; margin-right: 3px; font-size: 14px; vertical-align: middle;} #price .shop_price_box .price_ab_box .ab_box .price span{ bottom: -4px; margin-right: 0; margin-left: 3px;} #price .shop_price_box .price_ab_box .ab_box .btn{ margin-top: 10px; width:150px; height:36px; line-height:36px; background:#fff; color:#0db083; font-size:16px; margin: 10px auto 0; display:block; border-radius:3px; text-decoration:none; text-align: center;} /*#price .shop_price_box .price_ab_box .ab_box.b3 .ab_bg{ position:relative;}*/ #price .shop_price_box .price_ab_box .ab_box.b3 .ab_bg.fixed{ position: fixed;} #price .shop_price_box .price_ab_box .ab_box.b3 .ab_bg i{ position:absolute;width:51px; height:51px; background:url("/assets/img/sonschn/hotsales.png")/*new/hotsales.png*/ no-repeat; right:0; top:0;} /** 4月1号新添加 **/ #price .shop_price_box table td.h1{ color: #333;} /*#price .shop_price_box table td.two{ padding: 10px 20px 10px 25px; }*/ /*#price .shop_price_box table th:first-child{ width: 402px;}*/ #price .shop_price_box table th .pro_img{ margin: 15px 0 10px 0; text-indent: 0; text-align: center; } #price .shop_price_box table th .pro_img img{ -webkit-box-shadow: -1px 6px 8px #fdcad2; box-shadow: -1px 6px 8px #fdcad2; } #price .shop_price_box.shop_price_height .price_ab_box .ab_box{ height: 1849px;} /*#price .shop_price_box .price_ab_box .ab_box .ab_bg{ height: 214px; }*/ /*#price .shop_price_box table th .price{ font-size: 28px; color: #ff453c; font-weight: bold; }*/ #price .shop_price_box table th .price span{ color: #333333; font-size: 14px; font-weight: 100; } #price .shop_price_box table th .first{ margin: 0 auto; width: 85px; padding: 3px 5px; background: #e1e1e1; color: #999999 ; text-indent: 0; text-align: center; } #price .shop_price_box table th .title{ margin-top: 5px; } /*** 三列 start *** #price .shop_price_box .price_ab_box .ab_box .ab_bg.fixed{ position: fixed; top: 61px; width: 264px; height: 218px;} #price .shop_price_box table td{ width: 263px; text-indent: 0; box-sizing: border-box;} #price .shop_price_box table td:first-child{ width: 402px; box-sizing: border-box;} #price .shop_price_box .price_ab_box .ab_box.b1{ right: 526px;} #price .shop_price_box .price_ab_box .ab_box.b2{ right: 263px;} #price .shop_price_box .price_ab_box .ab_box.b3{ right: 0;} #price .shop_price_box .price_ab_box .ab_box{ width: 265px; height: 2660px;} *** 三列 end ***/ /*** 四列 start ***/ #price .shop_price_box .price_ab_box .ab_box .ab_bg.fixed{ position: fixed; top: 61px; width: 232px; height: 240px;/* height: 218px;*/} #price .shop_price_box .price_ab_box .ab_box:last-child .ab_bg.fixed{ width: 234px;} #price .shop_price_box table td{ width: 224px; text-indent: 0; box-sizing: border-box;} #price .shop_price_box table td:first-child{ width: 255px; box-sizing: border-box;} #price .shop_price_box table td:last-child{ width: 226px;} #price .shop_price_box .price_ab_box .ab_box.b1{ right: 697px;} #price .shop_price_box .price_ab_box .ab_box.b2{ right: 466px;} #price .shop_price_box .price_ab_box .ab_box.b3{ right: 234px;} #price .shop_price_box .price_ab_box .ab_box.b4{ right: 0;} #price .shop_price_box .price_ab_box .ab_box{ width: 233px; height: 2979px;} #price .shop_price_box .price_ab_box .ab_box:last-child{ width: 236px;} /*** 四列 end ***/ .win_alert { display: none; position: fixed; left: 50%; z-index: 10001; top: 50%; transform: translate(-50%,-50%); height: 85%;} .win_alert .service{ margin: 0 auto;padding: 50px 30px 30px 30px;width: 960px;background-color: #fff;border-radius: 5px;max-height: 94%;overflow: auto;} .win_alert .service .main_title{ margin-bottom: 5px; font-size: 30px;text-align: center; } .win_alert .service .title{ margin-top: 50px;font-size: 22px; text-align: center; } .win_alert .service .item_list{ margin-top: 15px; } .win_alert .service .item_list .item:first-child{ margin-left: 0; } .win_alert .service .item_list .item:nth-child(6n){ margin-left: 0; } .win_alert .service .item_list .item{ margin-top: 10px; margin-left: 10px; width: 132px; padding:0 22px ; height: 218px; border: 1px solid #efefef; border-radius: 5px; text-align: center; } .win_alert .service .item_list .item .pic{ height: 65px; padding-top: 25px; } .win_alert .service .item_list .item .i_title{ font-size: 14px; } .win_alert .service .item_list .item .desc{ margin-top: 17px; width: 135px ;line-height: 20px ;font-size: 12px; color: #808080; } .win_alert .service .foot{ margin-top: 17px ;text-align: center; font-size: 14px; } .win_alert .close{ width: 35px; height: 35px; background: url("/assets/img/sonschn/close.png")/*close.png*/ no-repeat; position: absolute; top: -50px; right: -40px; cursor:pointer;} .win_alert .service.b2b{width: 766px;} .win_alert_paypal_invoice{ display: none; position: fixed; left: 50%; z-index: 10001; top: 50%; margin: -136px 0 0 -480px; height: 85%;} .win_alert_paypal_invoice .service{ margin: 0 auto;padding: 50px 30px 50px 30px;width: 960px;background-color: #fff;border-radius: 5px;max-height: 94%;overflow: auto;} .win_alert_paypal_invoice .service .main_title{ margin-bottom: 5px; font-size: 30px;text-align: center; } .win_alert_paypal_invoice .service .item_list{ font-size: 16px; color:#000; line-height: 180%; margin-top:20px;} .win_alert_paypal_invoice .close{ width: 35px; height: 35px; background: url("/assets/img/sonschn/close.png")/*close.png*/ no-repeat; position: absolute; top: -50px; right: -40px; cursor:pointer;} #w1000 #price .shop_price_box .price_ab_box{ width:1000px;} #w1000 #price .shop_price_box table th.price_title{ width:260px;} /*#w1000 #price .shop_price_box .price_ab_box .ab_box{ width:264px;} #w1000 #price .shop_price_box .price_ab_box .ab_box.b1{ right:526px;} #w1000 #price .shop_price_box .price_ab_box .ab_box.b2{ right:263px;} */ #w1000 #price .shop_price_box .price_ab_box .ab_box{ width: 245px; } #w1000 #price .shop_price_box .price_ab_box .ab_box.b1{ right: 488px; } #w1000 #price .shop_price_box .price_ab_box .ab_box.b2{ right: 244px; } #w1000 .win_alert .service .close{ right: -20px; } /*price*/ /* #price .price_list{ margin-top: 100px;} #price .show_price_box{ text-align:center;} #price .show_price_box .item{ display:inline-block; width:308px; height:980px; border:1px solid #e0e0e0; border-radius:5px; overflow:hidden; margin:0 7px; vertical-align:top;} #price .show_price_box .item .title{ background:#627574; height:64px; line-height:64px; color:#fff; font-size:18px;} #price .show_price_box .item .price{ font-family:"Arial"; font-size:38px; margin-top:30px;} #price .show_price_box .item .price span{ font-size:20px; vertical-align:middle;} #price .show_price_box .item .price sup{ font-size:18px; margin-right:5px;} #price .show_price_box .item .pro_price{ padding-top:35px; background:url(../images/new/promotion.png) top center no-repeat; margin-top:12px; font-size:14px; letter-spacing:2px;} #price .show_price_box .item .pro_price strong{ color:#ff453c; font-weight:bold; font-size:36px; letter-spacing:0;} #price .show_price_box .item .pro_price strong em{ font-style:normal; font-weight:normal; font-size:28px; margin-top:4px; vertical-align:text-top; display:inline-block;} #price .show_price_box .item .pro_del{ width:96px; height:22px; line-height:22px; background:#e1e1e1; margin:0 auto; margin-top:5px; text-indent:0; text-align:center; color:#999; font-size:14px; font-family:"Arial";} #price .show_price_box .item .tips{ font-size:14px; color:#949f9c; margin-top:10px;} #price .show_price_box .item .btn{ display:block; width:118px; height:34px; line-height:34px; border:1px solid #07ad87; border-radius:3px; margin:0 auto; color:#07ad87; font-size:14px; text-decoration:none; margin-top:20px; margin-bottom:30px;} #price .show_price_box .item .btn:hover{ background:#07ad87; color:#fff;} #price .show_price_box .item .line_bg{ background:#f0f0f0; height:1px; width:270px; margin:0 auto; margin-bottom:20px;} #price .show_price_box .item .rows{ line-height:40px; font-size:14px; display: table; width: 100%; padding:0 20px; box-sizing:border-box;} #price .show_price_box .item .rows.color{ color:#0bba91;} #price .show_price_box .item .rows.two{ line-height:25px;} #price .show_price_box .item.i2 .title{ background:#34bb9f;} #price .show_price_box .item.i3 .title{ background:#07ad87;} #price .show_price_box .btn_download{ display:block; width:254px; height:44px; line-height:44px; border:1px solid #00a680; color:#00a680; font-size:16px; border-radius:3px; text-decoration:none; margin:0 auto; background:url(../images/new/icon_download.png) 65px center no-repeat; text-align:left; text-indent:95px;} #price .show_price_box .btn_download:hover{ background:url(../images/new/icon_download_cur.png) #00a680 65px center no-repeat; color:#fff;} #price .show_price_box .item.i2 .title i{ width:51px; height:51px; background:url(../images/new/hotsales.png) no-repeat; right:0; top:0;} #price table.show_box th .pro_del del{ color:#999; font-size:14px; font-family:"Arial";} */ /* B2B 2018-11-12 新加 */ /* #price .show_price_box table{ width:1100px; margin:0 auto; border:1px solid #e9e9e9; border-collapse:collapse;} #price .show_price_box table .bg{ background-color:#f8f8f8;} #price .show_price_box table .bg.canclick{background-color:#20b09f;} #price .show_price_box table .bg.canclick a{ color:#fff; background:url(/images/new/ico_question_bg.png) no-repeat right center; padding:5px 0; padding-right:53px;} #price .show_price_box table .bg.canclick .txt_con{ display: none;} #price .show_price_box table .green{ background-color:#0bba91; color:#fff;} #price .show_price_box table .color{ color:#07ad87;} #price .show_price_box table .noborder td{ border:0;} #price .show_price_box table .lesson{ text-align:center; text-indent:0; text-align:center; position:relative;} #price .show_price_box table .lesson a{ position:absolute; z-index:3; left:0; top:0; width:100%; height:100%;} #price .show_price_box table tr:first-child{ height: 218px;} #price .show_price_box table tr .fixed{ position: fixed; top: 61px;} #price .show_price_box table tr .hide{ display: none !important;} #price .show_price_box table th{ font-size:16px; font-weight:normal; text-align:left; text-indent:30px; border:1px solid #e9e9e9; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .show_price_box table th.price_title{ height: 218px; background: #fff; border-left: 0; font-size:16px; z-index: 5; font-weight:normal; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .show_price_box table th.price_title .ab_con{ width: 100%; height: 135px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .show_price_box table th.fixed.price_title{ display: table;} #price .show_price_box table th.fixed.price_title .ab_con{ display: table-cell; vertical-align: middle;} #price .show_price_box table th.price_title .ab_con .title{ width: 100%; height: 38px; line-height: 38px; font-size: 22px; color: #333;} #price .show_price_box table th.price_title .ab_con .brief{ width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #0db083; text-indent: 0; text-align: center;} #price .show_price_box table th .title{ margin-top: 38px; font-size:16px; text-align:center; text-indent:0;} #price .show_price_box table th .price{ font-family:"Arial"; font-size:32px; text-align:center; text-indent:0; margin-bottom:10px; margin-top:10px;} #price .show_price_box table th .price span{ font-size:18px; vertical-align:middle;} #price .show_price_box table th .price sup{ font-size:18px;} #price .show_price_box table th .btn{ width:118px; height:34px; line-height:34px; border:1px solid #07ad87; color:#07ad87; font-size:14px; margin:0 auto; display:block; border-radius:3px; text-decoration:none; margin-top:10px; margin-bottom:10px;} #price .show_price_box table td{ height:50px; line-height:50px; font-size:14px; border:1px solid #e9e9e9; text-indent:30px;text-align: left;} #price .show_price_box table td div{ font-size:14px; text-indent:13px;} #price .show_price_box table td.txt{ text-indent:0; text-align:center;} #price .show_price_box table td.two{ line-height:25px; padding:10px 30px; text-indent:0;} #price .show_price_box table td.h1{ height:60px; line-height:60px; font-size:16px;} #price .show_price_box table td.icons{ background-image:url(../images/new/price_qus.png); background-position:right 15px center; background-repeat:no-repeat;} #price .show_price_box table td.icons.green{ background-image:url(../images/new/price_qus_white.png);} #price .show_price_box table td.icons i{ font-style:normal; background:#273037; color:#fff; font-size:14px; width:280px; right:-280px; top:-0; line-height:25px; text-indent:0; box-sizing:border-box; padding:14px 25px; border-radius:3px; display:none;} #price .show_price_box table td.icons:hover{ background-image:url(../images/new/price_qus_cur.png);} #price .show_price_box table td.icons.green:hover{ background-image:url(../images/new/price_qus_white.png);} #price .show_price_box table td.icons:hover i{ display:block;} #price .show_price_box table td.icons i em{ display:block; position:absolute; left:-12px; top:20px; border:6px solid transparent; border-right:6px solid #273037;} #price .show_price_box table td.true{ background:url(../images/new/true.png) center no-repeat;} #price .show_price_box .btn_download{ display:block; width:254px; height:44px; line-height:44px; border:1px solid #00a680; color:#00a680; font-size:16px; border-radius:3px; text-decoration:none; margin:0 auto; background:url(../images/new/icon_download.png) 65px center no-repeat; text-align:left; text-indent:95px;} #price .show_price_box .btn_download:hover{ background:url(../images/new/icon_download_cur.png) #00a680 65px center no-repeat; color:#fff;} #price .show_price_box .price_ab_box{ width:1100px; margin:0 auto; position:relative; z-index:2;} #price .show_price_box .price_ab_box .ab_box{ width:294px; top: 0; height:1477px; position:absolute;} #price .show_price_box .price_ab_box .ab_box .ab_display{ height:100%; width:100%; box-sizing:border-box; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #87c7b8; box-shadow:0 0 40px 0 #87c7b8; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .show_price_box .price_ab_box .ab_box:hover .ab_display{ opacity: 1;} #price .show_price_box .price_ab_box .ab_box .ab_bg .ab_table{ display: table; width: 100%; height: 100%;} #price .show_price_box .price_ab_box .ab_box .ab_bg .ab_table .ab_table_cell{ display: table-cell; vertical-align: middle;} #price .show_price_box .price_ab_box .ab_box .ab_bg .ab_con{ width: 100%; height: 135px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .show_price_box .price_ab_box .ab_box:hover .ab_bg .ab_con{ height: 181px;} #price .show_price_box .price_ab_box .ab_box .ab_display{ height:100%; width:100%; box-sizing:border-box; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #87c7b8; box-shadow:0 0 40px 0 #87c7b8;} #price .show_price_box .price_ab_box .ab_box .ab_bg{ font-size:16px; font-weight:normal; height: 221px; box-sizing:border-box; padding-top:28px; background:#07ad87;} #price .show_price_box .price_ab_box .ab_box .title{ font-size:18px; text-align:center; text-indent:0; color:#fff;} #price .show_price_box .price_ab_box .ab_box .price{ font-family:"Arial"; font-size:36px; text-align:center; text-indent:0; margin-bottom:10px; margin-top:10px; color:#fff;} #price .show_price_box .price_ab_box .ab_box .price span{ font-size:20px; vertical-align:middle;} #price .show_price_box .price_ab_box .ab_box .price sup{ font-size:18px;} #price .show_price_box .price_ab_box .ab_box .btn{ width:118px; height:34px; line-height:34px; border:1px solid #fff; background:#fff; color:#07ad87; font-size:14px; margin:0 auto; display:block; border-radius:3px; text-decoration:none;} #price .show_price_box .price_ab_box .ab_box.b1{ right:586px;} #price .show_price_box .price_ab_box .ab_box.b2{ right:293px;} #price .show_price_box .price_ab_box .ab_box.b3{ right:0; } #price .show_price_box .price_ab_box .ab_box.b3 .ab_bg i{ position:absolute;width:51px; height:51px; background:url(../images/new/hotsales.png) no-repeat; right:0; top:0;} #w1000 #price .show_price_box .price_ab_box{ width:1000px;} #w1000 #price .show_price_box table th.price_title{ width:260px;} #w1000 #price .show_price_box .price_ab_box .ab_box{ width:264px;} #w1000 #price .show_price_box .price_ab_box .ab_box.b1{ right:526px;} #w1000 #price .show_price_box .price_ab_box .ab_box.b2{ right:263px;} */ /* B2C */ /* #price .show_price_box .item .tips{ font-size:14px; color:#949f9c; margin-top:10px;} #price .show_price_box .item .btn{ display:block; width:118px; height:34px; line-height:34px; border:1px solid #07ad87; border-radius:3px; margin:0 auto; color:#07ad87; font-size:14px; text-decoration:none; margin-top:20px; margin-bottom:30px;} #price .show_price_box .item .btn:hover{ background:#07ad87; color:#fff;} #price .show_price_box .item .line_bg{ background:#f0f0f0; height:1px; width:270px; margin:0 auto; margin-bottom:20px;} #price .show_price_box .item .rows{ line-height:40px; font-size:14px; display: table; width: 100%; padding:0 20px; box-sizing:border-box;} #price .show_price_box .item .rows.color{ color:#0bba91;} #price .show_price_box .item .rows.two{ line-height:25px;} #price .show_price_box .item.i2 .title{ background:#34bb9f;} #price .show_price_box .item.i3 .title{ background:#07ad87;} #price .show_price_box .btn_download{ display:block; width:254px; height:44px; line-height:44px; border:1px solid #00a680; color:#00a680; font-size:16px; border-radius:3px; text-decoration:none; margin:0 auto; background:url(../images/new/icon_download.png) 65px center no-repeat; text-align:left; text-indent:95px;} #price .show_price_box .btn_download:hover{ background:url(../images/new/icon_download_cur.png) #00a680 65px center no-repeat; color:#fff;} #price .show_price_box .item.i2 .title i{ width:51px; height:51px; background:url(../images/new/hotsales.png) no-repeat; right:0; top:0;} #price .shop_price_box table{ position: relative; width:1192px; margin:0 auto; border:1px solid #e9e9e9; border-collapse:collapse;} #price .shop_price_box table tr:first-child{ height: 218px;} #price .shop_price_box table tr .fixed{ position: fixed; top: 61px; line-height: 218px;} #price .shop_price_box table tr .hide{ display: none !important;} #price .shop_price_box table .bg{ background-color:#f8f8f8;} #price .shop_price_box table .for_virus .bg{ background-color:#f54545;} #price .shop_price_box table .bg.canclick{background-color:#20b09f;} #price .shop_price_box table .bg.canclick a{ color:#fff; background:url(/images/new/ico_question_bg.png) no-repeat right center; padding:5px 0; padding-right:39px;} #price .shop_price_box table .bg.canclick .txt_con{ display: none;} #price .shop_price_box table .bg.canclick2{ background: #f8f8f8;} #price .shop_price_box table .bg.canclick2 a{ background-image:url(/images/new/ico_question_black_bg.png); color: #333;} #price .shop_price_box table .green{ background-color: #0bba91;} #price .shop_price_box table .green .title{ color: #fff;} #price .shop_price_box table .color{ color:#07ad87;} #price .shop_price_box table .noborder td{ border:0;} #price .shop_price_box table .lesson{ text-align:center; text-indent:0; text-align:center; position:relative;} #price .shop_price_box table .lesson a{ position:absolute; z-index:3; left:0; top:0; width:100%; height:100%; line-height: 60px;} #price .shop_price_box table th{ font-size:16px; font-weight:normal; text-align:left; text-indent:20px; border:1px solid #e9e9e9; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .shop_price_box table th.price_title{ height: 218px; background: #fff; border-left: 0; font-size:16px; font-weight:normal; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .shop_price_box table th.price_title .ab_con{ width: 100%; height: 135px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .shop_price_box table th.fixed.price_title{ display: table;} #price .shop_price_box table th.fixed.price_title .ab_con{ display: table-cell; vertical-align: middle;} #price .shop_price_box table th.price_title .ab_con .title{ width: 100%; height: 38px; line-height: 38px; font-size: 22px; color: #333;} #price .shop_price_box table th.price_title .ab_con .brief{ width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #0db083; text-indent: 0; text-align: center;} #price .shop_price_box table th .title{ font-size:16px; text-align:center; text-indent:0;} #price .shop_price_box table th .price{ margin-top: 16px; width: 100%; height: 53px; line-height: 53px; font-size: 46px; color: #111; font-family:"Arial"; text-align: center;} #price .shop_price_box table th .price span, #price .shop_price_box table th .price sup{ position: relative; bottom: -6px; margin-right: 3px; font-size: 14px; vertical-align: middle;} #price .shop_price_box table th .price span{ bottom: -4px; margin-right: 0; margin-left: 3px;} #price .shop_price_box table th .btn{ width:118px; height:34px; line-height:34px; border:1px solid #07ad87; color:#07ad87; font-size:14px; margin:0 auto; display:block; border-radius:3px; text-decoration:none; margin-top:10px; margin-bottom:10px; opacity: 0;} #price .shop_price_box table td{ padding: 16px 0; width: 100%; font-size: 16px; color: #333; border:1px solid #e9e9e9; text-align: center;} #price .shop_price_box table .for_virus td{background: #fbf1f1;font-size: 15px;line-height: 30px;color: #e54937;} #price .shop_price_box table .for_virus td.no_bg{background: none;} #price .shop_price_box table td.one_row{ padding: 0; height: 68px;} #price .shop_price_box table td.circle:before{ display: block; content: ''; margin: 0 auto; width: 15px; height: 15px; border: 1px solid #0db083; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .shop_price_box table td:first-child{ padding: 20px 10px 20px 20px; text-align: left;} #price .shop_price_box table td div{ font-size:14px;} #price .shop_price_box table td .title{ width: 100%; line-height: 28px; font-size: 16px; color: #333;} #price .shop_price_box table .for_virus td .title{color: #fff;} #price .shop_price_box table .for_virus td .brief .end_time{margin-top: 12px;text-align: center;} #price .shop_price_box table .for_virus td .brief .end_time span{display: inline-block;vertical-align: middle;font-weight: bold;font-style: italic;font-size: 18px;color: #fff;} #price .shop_price_box table .for_virus td .brief .end_time span.times{height: 30px;line-height: 30px;padding: 0 23px 0 18.5px;background: #fff;border-radius: 15px;color: #f54545;margin-right: 30px;} #price .shop_price_box table td.sales_row .title{ height: 89px; line-height: 89px;} #price .shop_price_box table td .brief{ line-height: 28px; font-size: 16px; color: #666;} #price .shop_price_box table td.txt{ text-indent:0; text-align:center;} #price .shop_price_box table td.two{ line-height:25px;} #price .shop_price_box table td.h1{ height:60px; line-height:60px; font-size:16px;} #price .shop_price_box table td.icons{ background-image:url(../images/new/price_qus.png); background-position:right 15px center; background-repeat:no-repeat;} #price .shop_price_box table td.icons.green{ background-image:url(../images/new/price_qus_white.png);} #price .shop_price_box table td.icons i{ font-style:normal; background:#273037; color:#fff; font-size:14px; width:280px; right:-280px; top:-0; line-height:25px; text-indent:0; box-sizing:border-box; padding:14px 25px; border-radius:3px; display:none;} #price .shop_price_box table td.icons:hover{ background-image:url(../images/new/price_qus_cur.png);} #price .shop_price_box table td.icons.green:hover{ background-image:url(../images/new/price_qus_white.png);} #price .shop_price_box table td.icons:hover i{ display:block;} #price .shop_price_box table td.icons i em{ display:block; position:absolute; left:-12px; top:20px; border:6px solid transparent; border-right:6px solid #273037;} #price .shop_price_box table td.true{ background:url(../images/new/true.png) center no-repeat;} #price .shop_price_box .btn_download{ display:block; width:254px; height:44px; line-height:44px; border:1px solid #00a680; color:#00a680; font-size:16px; border-radius:3px; text-decoration:none; margin:0 auto; background:url(../images/new/icon_download.png) 65px center no-repeat; text-align:left; text-indent:95px;} #price .shop_price_box .btn_download:hover{ background:url(../images/new/icon_download_cur.png) #00a680 65px center no-repeat; color:#fff;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_table{ display: table; width: 100%; height: 100%;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_table .ab_table_cell{ display: table-cell; vertical-align: middle;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_con{ width: 100%; height: 135px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .shop_price_box .price_ab_box .ab_box:hover .ab_bg .ab_con{ height: 181px;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_con .title{ width: 100%; height: 38px; line-height: 38px; font-size: 22px; color: #fff;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_con .brief{ width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #fff; text-align: center;} #price .shop_price_box .price_ab_box .ab_box .title{ font-size:18px; text-align:center; text-indent:0; color:#fff;} #price .shop_price_box .price_ab_box .ab_box .price{ margin-top: 16px; width: 100%; height: 53px; line-height: 53px; font-size: 46px; color: #fff; font-family:"Arial"; text-align: center;} #price .shop_price_box .price_ab_box .ab_box .price span, #price .shop_price_box .price_ab_box .ab_box .price sup{ position: relative; bottom: -6px; margin-right: 3px; font-size: 14px; vertical-align: middle;} #price .shop_price_box .price_ab_box .ab_box .price span{ bottom: -4px; margin-right: 0; margin-left: 3px;} #price .shop_price_box .price_ab_box .ab_box .btn{ margin-top: 10px; width:150px; height:36px; line-height:36px; background:#fff; color:#0db083; font-size:16px; margin: 10px auto 0; display:block; border-radius:3px; text-decoration:none; text-align: center;} */ /** 4月1号新添加 **/ /* #price .shop_price_box table td{ width: 238px; line-height: 30px; padding: 20px; text-indent: 0; box-sizing: border-box;} #price .shop_price_box table tr:nth-child(2) td{ line-height: 30px;} #price .shop_price_box table td.h1{ color: #333;} #price .shop_price_box table th .pro_img{ margin: 15px 0 10px 0; text-indent: 0; text-align: center; } #price .shop_price_box table th .pro_img img{ -webkit-box-shadow: -1px 6px 8px #fdcad2; box-shadow: -1px 6px 8px #fdcad2; } #price .shop_price_box .price_ab_box .ab_box{ width: 226px; height: 2838px;} #price .shop_price_box.shop_price_height .price_ab_box .ab_box{ height: 2028px;} #price .shop_price_box .price_ab_box .ab_box.b3 .ab_bg.fixed{ position: fixed;} #price .shop_price_box .price_ab_box .ab_box.b3 .ab_bg i{ position:absolute;width:51px; height:51px; background:url(../images/new/hotsales.png) no-repeat; right:0; top:0;} #price .shop_price_box .price_ab_box .ab_box.b4{ width: 223px;} #price .shop_price_box .price_ab_box{ width:1192px; margin:0 auto; position:relative; z-index:2;} #price .shop_price_box .price_ab_box .ab_box{ width:240px; top: 0; height:2772px; position:absolute;} #price .shop_price_box .price_ab_box .ab_box .ab_display{ height:100%; width:100%; box-sizing:border-box; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #87c7b8; box-shadow:0 0 40px 0 #87c7b8; filter: alpha(opacity=0 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=white); -ms-filter:alpha(opacity=0 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=white); opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .shop_price_box .price_ab_box .ab_box:hover .ab_display{ filter: alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=white); -ms-filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=white); opacity: 1;} #price .shop_price_box .price_ab_box .ab_box .ab_bg{ font-size:16px; font-weight:normal; height: 220px; box-sizing: border-box; background:#07ad87;} #price .shop_price_box .price_ab_box .ab_box .ab_bg.fixed{ position: fixed; top: 61px; height: 218px;} #price .shop_price_box .price_ab_box .ab_box .ab_bg.fixed{ filter: alpha(opacity=0 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=white); -ms-filter:alpha(opacity=0 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=white); opacity: 0;} #price .shop_price_box .price_ab_box .ab_box:hover .ab_bg.fixed{ filter: alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=white); -ms-filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=white); opacity: 1;} #price .shop_price_box table th .price span{ color: #333333; font-size: 14px; font-weight: 100; } #price .shop_price_box table th .first{ margin: 0 auto; width: 85px; padding: 3px 5px; background: #e1e1e1; color: #999999 ; text-indent: 0; text-align: center; } #price .shop_price_box table th .title{ margin-top: 5px; } .win_alert { display: none; position: fixed; left: 50%; z-index: 10001; top: 50%; transform: translate(-50%,-50%); height: 85%;} .win_alert .service{ margin: 0 auto;padding: 50px 30px 30px 30px;width: 960px;background-color: #fff;border-radius: 5px;max-height: 94%;overflow: auto;} .win_alert .service .main_title{ margin-bottom: 5px; font-size: 30px;text-align: center; } .win_alert .service .title{ margin-top: 50px;font-size: 22px; text-align: center; } .win_alert .service .item_list{ margin-top: 15px; } .win_alert .service .item_list .item:first-child{ margin-left: 0; } .win_alert .service .item_list .item:nth-child(6n){ margin-left: 0; } .win_alert .service .item_list .item{ margin-top: 10px; margin-left: 10px; width: 132px; padding:0 22px ; height: 218px; border: 1px solid #efefef; border-radius: 5px; text-align: center; } .win_alert .service .item_list .item .pic{ height: 65px; padding-top: 25px; } .win_alert .service .item_list .item .i_title{ font-size: 14px; } .win_alert .service .item_list .item .desc{ margin-top: 17px; width: 135px ;line-height: 20px ;font-size: 12px; color: #808080; } .win_alert .service .foot{ margin-top: 17px ;text-align: center; font-size: 14px; } .win_alert .close{ width: 35px; height: 35px; background: url(/images/close.png) no-repeat; position: absolute; top: -50px; right: -40px; cursor:pointer;} .win_alert .service.b2b{width: 766px;} .win_alert_paypal_invoice{ display: none; position: fixed; left: 50%; z-index: 10001; top: 45%; transform: translate(-50%,-50%);} .win_alert_paypal_invoice .service{ margin: 0 auto;padding: 50px 30px 50px 30px;width: 960px;background-color: #fff;border-radius: 5px;max-height: 94%;overflow: auto;} .win_alert_paypal_invoice .service .main_title{ margin-bottom: 20px; font-size: 30px;text-align: center; } .win_alert_paypal_invoice .service .item_list{ font-size: 16px; color:#000; line-height: 180%;} .win_alert_paypal_invoice .close{ width: 35px; height: 35px; background: url(/images/close.png) no-repeat; position: absolute; top: -50px; right: -40px; cursor:pointer;} #w1000 #price .shop_price_box .price_ab_box{ width:1000px;} #w1000 #price .shop_price_box table th.price_title{ width:260px;} #w1000 #price .shop_price_box .price_ab_box .ab_box{ width: 245px; } #w1000 #price .shop_price_box .price_ab_box .ab_box.b1{ right: 488px; } #w1000 #price .shop_price_box .price_ab_box .ab_box.b2{ right: 244px; } #w1000 .win_alert .service .close{ right: -20px; } */ /*国庆促销*/ #price table.show_box th{ height: 240px;/* height: 218px;*/} /*#price table.show_box th:first-child{ width: 33.5%;}*/ #price table.show_box .burst h3{ height:150px; padding-top:60px;} #price table.show_box .burst .advanced h3 em{ width:51px; height:51px; position:absolute; right:0; top:0; background:url("/assets/img/sonschn/hotsales.png")/*new/hotsales.png*/ no-repeat;} #price table.show_box .burst a{ overflow:hidden;} #price table.show_box th.icons i{ width:51px; height:51px; right:0; top:0; background:url("/assets/img/sonschn/hotsales.png")/*new/hotsales.png*/ no-repeat;} #price table.show_box th .pro_title{ font-size:18px; text-align:center; text-indent:0; margin-top:10px;} #price table.show_box th .pro_price{ padding-top:35px; background:url("/assets/img/sonschn/promotion.png")/*new/promotion.png*/ top center no-repeat; margin-top:2px; padding-top:44px; font-size:14px; letter-spacing:2px;} #price table.show_box th .pro_price strong{ color:#ff6600;/*color:#ff453c;*/ font-weight:bold; font-size:36px; letter-spacing:0;} #price table.show_box th .pro_price strong em{ font-style:normal; font-weight:normal; font-size:28px; margin-top:4px; vertical-align:text-top; display:inline-block;} #price table.show_box th .pro_del{ width:96px; height:22px; line-height:22px; background:#e1e1e1; margin:0 auto; margin-top:5px; text-indent:0; text-align:center; color:#999; font-size:14px; font-family:"Arial";} #price table.show_box th .pro_del del{ color:#999; font-size:14px; font-family:"Arial";} #price table.show_box th .pro_price.b2b{ background:url("/assets/img/sonschn/b2bpromotion.png")/*new/b2bpromotion.png*/ top center no-repeat;} #price table.show_box th .pro_price.b2b strong{ font-size:34px; color:#000; text-indent:61px;} #price table.show_box th .pro_price.b2b .pro_pomo{ font-size:18px; color:#ff4848; text-align:center; letter-spacing:1px; text-indent:0; margin-top:5px; font-weight:bold;} #price table.show_box .burst .professional h3{ padding-top:30px; height:180px;} #price table.show_box .burst .professional .pro_title{ font-size:20px; color:#fff;} #price table.show_box .burst .professional .pro_price{ padding-top:35px; background:url("/assets/img/sonschn/promotion.png")/*new/promotion.png*/ top center no-repeat; margin-top:15px; font-size:16px; color:#fff; letter-spacing:3px;} #price table.show_box .burst .professional .pro_price strong{ font-size:42px; font-weight:bold; font-family:"Arial"; letter-spacing:0;} #price table.show_box .burst .professional .pro_price strong em{ font-style:normal; font-weight:normal; font-size:32px; display:inline-block; vertical-align:text-top; margin-top:2px;} #price table.show_box .burst .professional .pro_del{ width:96px; height:22px; line-height:22px; background:#358e6d; margin:0 auto; margin-top:10px;} #price table.show_box .burst .professional .pro_del del{ color:#83d6b8; font-size:14px; font-family:"Arial";} #price table.show_box .show>td>div{ height:2292px;} /*template*/ #template #banner{ position: relative; width: 100%; height: 500px; background: url("/assets/img/sonschn/big_banner_bg.png")/*n_website/big_banner_bg.png*/ repeat-x left top; overflow: hidden;} #template #banner .text{ width: 100%; height: 100%;} #template #banner .text .global_subbanner{ padding-top: 140px; -webkit-box-sizing: border-box; box-sizing: border-box;} #template #banner .text .global_subbanner .title{ width: 100%; height: 60px; line-height: 60px; font-size: 42px; color: #333; text-align: center;} #template #banner .text .global_subbanner .intro{ margin-top: 13px; width: 100%; height: 38px; line-height: 38px; font-size: 24px; color: #555; text-align: center;} #template #banner .con_img{ position: absolute; left: 50%; bottom: 0; opacity: 0; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, 20px); transform: translate(-50%, 100px);} #template #banner .con_img.cur{ opacity: 1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);} #template .template_list{ margin: 70px auto 0;width: 1100px; min-width: 1100px;} /* #template .item{ position: relative; margin: 70px 70px 0 0; width: 319px; height: 450px; border: 1px solid #e7e7e7; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} #template .item img{ -webkit-transition: all 0.3s; transition: all 0.3s;} #template .item:hover img{ opacity: 0.5;} #template .item:nth-child(3n){ margin-right: 0;} #template .item:nth-child(-n+3){ margin-top: 0;} */ /*#template .item:hover{ -webkit-transform: translateY(-10px); transform: translateY(-10px);}*/ /*#template .item_nor{ margin-left:25px;}*/ /* #template .item .pic{ width: 100%; height: 100%; overflow: hidden; position:relative; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;} */ /* #template .item .pic a{ width:100%; display: inline-block; /*position:absolute; left:0; top:0;} */ /* #template .item .pic a img{ height: auto; max-height: inherit;} #template .item.flex_item .pic a{ height: 100%;} */ #template .item .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;} /*#template .item .con h3{ height:33px; line-height:33px; overflow:hidden; color:#fff; background:#00bd9f; font-size:16px; text-align:center;}*/ /*#template .item .con h3{ height:33px; line-height:33px; overflow:hidden; font-size:16px; text-align:center; background:#f7f7f7; color:#515151;}*/ #template .item .con .ul{ display: flex; justify-content: center; align-content: center; flex-direction: column; width: 100%; height: 100%;} #template .item .con .li{ color: #666; display: block; text-decoration:none;} /* #template .item .con .li:hover{ color:#0db083;} #template .item .con .li:hover i{ background-position:-292px -161px;} */ #template .item .con .price{ color:#0db083; font-size:22px; text-indent:25px; margin-top:15px;} #template .item .con .price i{ font-size:12px; color:#4d4d4d; font-style:normal; margin-left:3px;} #template .item .con .price span{ font-size:13px; margin-right:1px;} #template .item .con .reg{ margin: 0 auto; width: 130px; height:38px; line-height:38px; border:1px solid #0db083; background: #0db083; display:inline-block; font-size: 16px; color:#fff; text-align:center; text-decoration:none; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;} #template .item .con .reg:hover{ background: #fff; border-color: #fff; color: #333;} #template .item:hover .con{ opacity: 1;} /* #template .item:hover{ -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);} #template .item:hover .con .ul{ opacity: 1;} */ #template .item .con .icons{ margin: 20px auto 0; color: #333; background: none; border:1px solid #fff; font-size: 16px; color: #fff;} #template .item .con .nor{ margin-top:25px;} /* #template .item .con .reg:hover, #template .item .con .last{ background:#0db083; color:#fff;} #template .item .con .icons:hover{ border-color: #0db083 !important;} */ #template #turn_page{ margin-top: 70px;} #template .template_list .item{ margin-right: 80px;margin-bottom: 50px; width: 300px; height: 467px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #b9cbd7; position: relative; box-shadow: 0 0 7px #aaa;transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out; } #template .template_list .item:nth-child(3n){ margin-right: 0;} #template .template_list .item .itemTop{ text-align: left; padding: 0 10px; height: 16px; line-height: 16px; } #template .template_list .item .itemTop span{ display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #fff; vertical-align: middle; } #template .template_list .item .Pic{ width: 100%; height: calc(467px - 16px); position: relative; overflow: hidden; } #template .template_list .item .Pic img{ width: 100%; max-height: unset; position: absolute; top: 0; left: 0; } #template .template_list .item .Pic .Content{ display: flex; justify-content: center; align-items: center; opacity: 0; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top: 0; left: 0; font-size: 0;transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out; } #template .template_list .item .Pic .Content a{ display: inline-block; width: 80px; height: 44px;line-height: 44px; border-radius: 35px; font-size: 18px; color: #fff; font-weight: bold; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;} #template .template_list .item .Pic .Content a.select{ margin-right: 29px; border: 1px solid #0db083; background-color: #0db083; position: relative; overflow: hidden; } #template .template_list .item .Pic .Content a.show{ border: 1px solid #0db083; background-color: transparent; position: relative; overflow: hidden; } #template .template_list .item:hover{ box-shadow: 3px 3px 12px 2px #aaaaaad4; } #template .template_list .item:hover .Pic .Content{ opacity: 1; } /*cust*/ #cust .top .fl{ margin-left:75px;} #cust .top .fl .title{ font-size:26px; color:#0db083; margin-bottom:30px;} #cust .top .fl .list{ font-size:16px; color:#535353; text-indent:25px; height:25px; line-height:25px; margin-bottom:10px;} #cust .top .fl .list i{ width:8px; height:8px; left:0; top:14px; margin-left:-4px; margin-top:-4px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-170px -161px;} #cust .top .fr{ margin-right:90px;} #cust .mid{ background:#f9f9f9;} #cust .mid .cust_line{ height:1px; background:#dfdfdf;} #cust .mid .item{ width:230px; float:left; margin-left:55px; text-align:center;} #cust .mid .item .title{ font-size:16px; color:#0db083;} #cust .mid .item .intro{ font-size:18px; margin-top:7px;} #cust .mid .item i{ width:11px; height:11px; left:50%; top:-31px; margin-left:-6px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-459px -9px;} #cust .mid .item:hover i{ background-position:-411px -9px;} #cust .mid .item .pic{ width:211px; height:314px; margin-top:25px;} #cust .mid .item .pic img{ position:absolute; display:block; bottom:0; right:0;} #cust .mid .item_fir .pic{ background:url("/assets/img/sonschn/cust_people0_bg.png")/*cust_people0_bg.png*/ no-repeat;} #cust .mid .item_fir .sign{ width:56px; height:61px; position:absolute; left:50%; top:-111px; margin-left:-28px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:0 -290px;} #cust .mid .item_fir:hover .sign{ background-position:-82px -290px;} #cust .mid .item_sec .pic{ background:url("/assets/img/sonschn/cust_people1_bg.png")/*cust_people1_bg.png*/ no-repeat;} #cust .mid .item_sec .sign{ width:59px; height:59px; position:absolute; left:50%; top:-111px; margin-left:-30px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-166px -292px;} #cust .mid .item_sec:hover .sign{ background-position:-257px -292px;} #cust .mid .item_thd .pic{ background:url("/assets/img/sonschn/cust_people2_bg.png")/*cust_people2_bg.png*/ no-repeat;} #cust .mid .item_sec .pic{ background:url("/assets/img/sonschn/cust_people1_bg.png")/*cust_people1_bg.png*/ no-repeat;} #cust .mid .item_thd .sign{ width:60px; height:60px; position:absolute; left:50%; top:-111px; margin-left:-30px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:0 -384px;} #cust .mid .item_thd:hover .sign{ background-position:-78px -384px;} #cust .mid .item_four .pic{ background:url("/assets/img/sonschn/cust_people3_bg.png")/*cust_people3_bg.png*/ no-repeat;} #cust .mid .item_four .sign{ width:64px; height:59px; position:absolute; left:50%; top:-111px; margin-left:-30px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-161px -384px;} #cust .mid .item_four:hover .sign{ background-position:-250px -384px;} #cust .bot .category{ height:35px; border-bottom:1px solid #e0e0e0;} #cust .bot .category a{ width:115px; height:34px; line-height:34px; font-size:16px; display:inline-block; border:1px solid #e0e0e0; background:#f2f2f2; text-decoration:none; margin:0 13px; color:#333; position:relative;} #cust .bot .category a i{ width:100%; height:1px; background:#fff; display:block; position:absolute; left:0; bottom:-1px; display:none;} #cust .bot .category a.cur{ background:#fff;} #cust .bot .category a.cur i{ display:block;} #cust .bot .tab{ display:none;} #cust .bot .cur{ display:block;} #cust .bot .tab .btn a{ width:253px; height:43px; line-height:43px; text-align:center; border:1px solid #48bdaa; color:#48bdaa; display:inline-block; font-size:16px; -moz-border-radius:22px; -ms-border-radius:22px; -o-border-radius:22px; -webkit-border-radius:22px; border-radius:22px;} /*faq*/ #faq .category{ width:200px;} #faq .category dt{ height:46px; line-height:46px; background:#00bd9f; text-align:center; overflow:hidden; color:#fff; font-size:16px;} #faq .category dd{ border:1px solid #e9e9e9; border-top:0; position:relative;} #faq .category dd span{ width:7px; height:48px; position:absolute; right:-5px; top:-1px; background:url("/assets/img/sonschn/faq_line.png")/*faq_line.png*/ no-repeat; display:none;} #faq .category dd a{ width:100%; height:46px; line-height:46px; font-size:14px; display:inline-block; text-indent:30px; color:#333; text-decoration:none;} #faq .category dd a i{ width:6px; height:6px; left:15px; top:20px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-331px -161px;} #faq .category dd:hover span{ display:block;} #faq .category dd:hover a{ background:#f8f8f8;} #faq .category dd:hover a i{ background-position:-381px -161px;} #faq .category dd.cur span{ display:block;} #faq .category dd.cur a{ background:#f8f8f8;} #faq .category dd.cur a i{ background-position:-381px -161px;} #faq .contents{ width:935px;} #faq .contents .item{ width:315px; padding:30px 30px 0 90px; height:160px; border:1px solid #e5e5e5; float:left; margin-left:40px; margin-bottom:40px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; cursor:default;} #faq .contents .item:hover{ border:1px solid #00bd9f;} #faq .contents .item_nor{ margin-left:0;} #faq .contents .item h3{ font-size:18px;} #faq .contents .item .intro{ color:#666; margin-top:15px; line-height:22px;} #faq .contents .item i{ width:48px; height:44px; left:25px; top:25px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-452px -87px;} /*extension*/ .prism-player{width:600px; margin:0 auto;} .prism-speed-selector{display:none;} .prism-big-play-btn{display:none !important;} .w_1200 #listen .media .media_list li{height:148px;} .w_1200 #listen .media .media_list li .img{width:220px;} .w_1200 #listen .media .media_list li .info .t{height:80px;} .w_1200 #listen .big{display:inline-block;} .w_1200 #listen .small{display:none;} #listen{clear:both;} #listen .list{ min-height:300px;} #listen .list .bg{ padding: 37px 0 40px 0;} #listen .list .bg .con_title{text-align: center;} #listen .media{margin:55px 0 125px;} #listen .media .player{width:790px; height:444px;float: left;} #listen .media .player .cover{width:100%; height:100%;} #listen .media .media_list{width:385px; float:right; background:#fff;} #listen .media .media_list li{height: 78px;border:1px solid #ddd; box-sizing:border-box; position:relative;cursor: pointer;} #listen .media .media_list li:before{position: absolute;content: '';width: 19px;height: 15px;right: 20px;top: 0;bottom: 0;margin:auto;background:url("/assets/img/sonschn/video.png")/*extension/video.png*/ no-repeat center center;} #listen .media .media_list li.cur:before{display: none;} #listen .media .media_list li.cur{height:131px;border:1px solid #54c6b2;} #listen .media .media_list li .num{display: none;position:absolute; left:0; top:0; width:41px; height:38px; text-indent:5px; line-height:25px; background:url("/assets/img/sonschn/listen-num-bg.png")/*extension/listen-num-bg.png*/; color:#fff;} #listen .media .media_list li.cur .num{display: block;background:url("/assets/img/sonschn/listen-num-bg-cur.png")/*extension/listen-num-bg-cur.png*/;} #listen .media .media_list li .img{display: none;width:200px; float:left; text-align:center; padding:16px 0 16px 16px;} #listen .media .media_list li.cur .img{display: block;} #listen .media .media_list li .info{ padding-left: 35px;} #listen .media .media_list li.cur .info{width:150px; float:left;padding:18px 0;} #listen .media .media_list li .info .t{margin-top: 14px;font-weight:bold;font-size: 14px;} #listen .media .media_list li.cur .info .t{height: 72px;margin-top: 0;} #listen .media .media_list li .info .h{margin-top: 5px;color:#5f5f5f;font-size: 14px;} #listen .media .media_list li.cur .info .h{margin-top: 0;} #listen .big{display:none;} #listen .small{display:inline-block;} #listen .banner{padding-top: 30px;} #listen .banner img{width:100%; margin:25px 0;} #w1000 #listen .media{margin:45px 0 110px;} #w1000 #listen .media .player{width:640px; height:360px;} #w1000 #listen .media .media_list{width:335px;} #w1000 #listen .media .media_list li{height: 62px;} #w1000 #listen .media .media_list li.cur{height:107px;} #w1000 #listen .media .media_list li .img{display: none;} #w1000 #listen .media .media_list li.cur .img{display: block;width:170px;padding:16px 0 16px 4px;} #w1000 #listen .media .media_list li .img img{width: 130px;} #w1000 #listen .media .media_list li.info{padding-left: 30px;} #w1000 #listen .media .media_list li.cur .info{padding-left: 0px;} #w1000 #listen .media .media_list li .info .t{height:auto;margin-top: 8px;} #w1000 #listen .media .media_list li.cur .info .t{margin-top: 0;} #w1000 #listen .media .media_list li.cur .info .t{height:49px;} #w1000 #listen .media .media_list li.cur .info .h{} #w1000 #listen .banner{padding-top: 20px;} /*course_free*/ .course_free .top{ margin-top: 100px;} .course_free .top .video{ position: relative; width:790px; height:444px;} .course_free .top .video a{ position: absolute; left: 0; top: 0; z-index: 1;} .course_free .top .video .prism-player{ position: absolute; left: 0; top: 0;} .course_free .top .con .item{ border:1px solid #ddd; width:383px; height:148px; box-sizing:border-box; padding:25px 25px 0 30px; cursor:pointer;} .course_free .top .con .item i{ width:40px; height:40px; left:0; top:0; font-size:14px; font-style:normal; color:#fff; text-indent:7px; line-height:24px; background:url("/assets/img/sonschn/course_list_bg.png")/*course_list_bg.png*/ no-repeat;} .course_free .top .con .item .img{ width:111px; height:63px; margin-top:15px;} .course_free .top .con .item .info{ width:190px;} .course_free .top .con .item .info .name{ font-size:18px; line-height:30px; max-height:60px; overflow:hidden;} .course_free .top .con .item .info.nor .name{ padding-top:15px;} .course_free .top .con .item .info .para{ font-size:14px; color:#999; margin-top:10px;} .course_free .top .con .item.cur{ border:1px solid #0dae82;} .course_free .top .con .item.cur .info .name{ color:#0dae82;} .course_free .top .con .item.cur i{ background:url("/assets/img/sonschn/course_list_bg_cur.png")/*course_list_bg_cur.png*/ no-repeat;} .course_free .mid .item{ width:585px; height:295px; box-sizing:border-box; padding-left:38px; padding-top:40px; background:url("/assets/img/sonschn/course_mid_bg1.png")/*course_mid_bg1.png*/ #4f5b69 right 40px bottom 30px no-repeat;} .course_free .mid .item.fr{ background:url("/assets/img/sonschn/course_mid_bg2.png")/*course_mid_bg2.png*/ #0bb39d right 40px bottom 30px no-repeat;} .course_free .mid .item .title{ font-size:28px; color:#fff; margin-bottom:30px;} .course_free .mid .item .rows{ font-size:14px; color:#fff; line-height:30px; background:url("/assets/img/sonschn/course_mid_bg.png")/*course_mid_bg.png*/ left center no-repeat; text-indent:30px;} .course_free .mid .item .rows.fl{ width:50%;} .course_free .bot .title{ font-size:30px; line-height:43px;} .course_free .bot .title span{ display:inline-block; height:43px; width:12px; background:url("/assets/img/sonschn/course_bot_title_bg.png")/*course_bot_title_bg.png*/ no-repeat; vertical-align:text-top; margin:0 30px;} .course_free .bot .brief{ width:538px; height:36px; line-height:36px; margin:0 auto; border-radius:20px; border:1px solid #d0d0d0; background:url("/assets/img/sonschn/course_bot_listen.png")/*course_bot_listen.png*/ 20px center no-repeat; text-indent:55px; font-size:16px; color:#999;} .course_free .bot .box{ height:800px; position:relative;} .course_free .bot .box .item{ width:418px; height:660px; position:absolute; border:1px solid #f3f3f3; border-radius:8px; background:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,0.1); overflow:hidden;} .course_free .bot .box .item.google{ left:0; top:0; z-index:1;} .course_free .bot .box .item.facebook{ left:391px; top:0; z-index:3;} .course_free .bot .box .item.seo{ right:0; top:0; z-index:2;} .course_free .bot .box .item .name{ height:120px; background-color:#f8f8f8; background-position:right 40px center; background-repeat:no-repeat; line-height:120px; font-size:22px; text-indent:45px; margin-bottom:25px;} .course_free .bot .box .item.google .name{ background-image:url("/assets/img/sonschn/box_google.png")/*extension/box_google.png*/;} .course_free .bot .box .item.facebook .name{ background-image:url("/assets/img/sonschn/box_facebook.png")/*extension/box_facebook.png*/;} .course_free .bot .box .item.seo .name{ background-image:url("/assets/img/sonschn/box_seo.png")/*extension/box_seo.png*/;} .course_free .bot .box .item .rows{ font-size:14px; color:#999; line-height:36px; text-indent:80px; background:url("/assets/img/sonschn/box_video_bg.png")/*extension/box_video_bg.png*/ left 45px center no-repeat;} .course_free .bot .box .item.cur{ z-index:5; border:1px solid #c6e5dd; box-shadow:0 0 20px 0 rgba(13,174,130,0.3); top:-20px; height:700px;} .course_free .bot .box .item.cur .rows{ color:#333; background:url("/assets/img/sonschn/box_video_bg_cur.png")/*extension/box_video_bg_cur.png*/ left 45px center no-repeat;} .course_free .bot .box .item.cur .name{ background-color:#0dae82; color:#fff;} .course_free .bot .box .item.google.cur .name{ background-image:url("/assets/img/sonschn/box_google_cur.png")/*extension/box_google_cur.png*/;} .course_free .bot .box .item.facebook.cur .name{ background-image:url("/assets/img/sonschn/box_facebook_cur.png")/*extension/box_facebook_cur.png*/;} .course_free .bot .box .item.seo.cur .name{ background-image:url("/assets/img/sonschn/box_seo_cur.png")/*extension/box_seo_cur.png*/;} .course_free_ad{ padding-bottom:65px; background:url("/assets/img/sonschn/ad_bg.png")/*extension/ad_bg.png*/ bottom center no-repeat;} .course_free_ad .item{ width:958px; height:248px; border:1px solid #e9e9e9; background:url("/assets/img/sonschn/ad_icon.png")/*extension/ad_icon.png*/ #fff left 55px center no-repeat; margin:0 auto;} .course_free_ad .item .info{ margin-left:255px; margin-top:65px;} .course_free_ad .item .info .title{ font-size:30px;} .course_free_ad .item .info .brief{ font-size:16px; color:#666; line-height:30px; margin-top:20px;} .course_free_ad .item .btn{ display:block; float:right; width:242px; height:48px; line-height:48px; background:#0dae82; color:#fff; text-align:center; font-size:22px; text-decoration:none; margin-right:45px; margin-top:100px; border-radius:5px;} #w1000 .course_free .top .video{ width:660px; height:371px;} #w1000 .course_free .top .con .item{ width:325px; height:124px; padding:15px 10px 0 15px;} #w1000 .course_free .top .con .item .info{ width:175px;} #w1000 .course_free .mid .item{ width:490px;} #w1000 .course_free .bot .box .item{ width:380px;} #w1000 .course_free .bot .box .item.facebook{ left:310px;} .course_base .item{ width:364px; height:254px; margin-left:50px; margin-bottom:60px; float:left; cursor:pointer; position:relative;} .course_base .item .ab_box{ width:100%; height:100%; border:1px solid #ebebeb; box-sizing:border-box; position:absolute; left:0; top:0;} .course_base .item .title{ background:url("/assets/img/sonschn/course_base_video_bg.png")/*new/course_base_video_bg.png*/ 10px center no-repeat; height:47px; line-height:47px; overflow:hidden; font-size:14px; padding-left:40px; padding-right:10px;} .course_base .item .title span{ float:right; font-size:12px; color:#606060;} #w1000 .course_base .item{ width:311px; margin-left:30px;} #w1000 .course_base .item{ height:224px;} .course_sale .category{ width:240px;} .course_sale .category .rows{ height:22px; line-height:22px; overflow:hidden; margin-bottom:30px; padding-left:20px; border-left:6px solid transparent;} .course_sale .category .rows a{ font-size:16px; color:#666; text-decoration:none;} .course_sale .category .rows a:hover{ color:#0dae82;} .course_sale .category .rows.cur{ border-left:6px solid #0dae82;} .course_sale .category .rows.cur a{ color:#0dae82;} .course_sale .contents{ width:908px;} .course_sale .contents .item{ float:left; width:392px; height:271px; margin-left:120px; margin-bottom:80px; cursor:pointer; position:relative;} .course_sale .contents .item .ab_box{ width:100%; height:100%; position:absolute; left:0; top:0; border:1px solid #ebebeb; box-sizing:border-box;} .course_sale .contents .item .title{ background:url("/assets/img/sonschn/course_base_video_bg.png")/*new/course_base_video_bg.png*/ 10px center no-repeat; height:47px; line-height:47px; overflow:hidden; font-size:14px; padding-left:40px; padding-right:10px;} .course_sale .contents .item .title span{ float:right; font-size:12px; color:#606060;} .course_sale .hot .title{ height: 56px;line-height: 56px;padding-top: 10px;text-indent: 20px; font-size: 20px;} .course_sale .hot{margin-bottom: 20px;background: #fafafa;} .course_sale .hot .box{padding-left: 20px;} .course_sale .hot .a_item{display: block;height: 52px;line-height: 52px;border-top: 1px solid #ededee;overflow: hidden;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;} .course_sale .hot .a_item:first-child{border-top: none;} .course_sale .hot .a_item span{display: inline-block;width: 22px;text-align: center;margin-right: 3px;} .course_sale .hot .a_item.fir span{color: #f99a21;} #w1000 .course_sale .category{ width:200px;} #w1000 .course_sale .contents{ width:750px;} #w1000 .course_sale .contents .item{ margin-left:70px; width:338px;} #w1000 .course_sale .contents .item{ height:240px;} #course_alert{ width:572px; height:205px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-103px; text-align:center; background:#ededed; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;} #course_alert .alert_sign{ width:85px; height:85px; position:absolute; left:50%; margin-left:-42px; top:-60px; background:url("/assets/img/sonschn/login_sign.png")/*login_sign.png*/ no-repeat;} #course_alert .alert_subtitle{ font-size:16px; color:#646464; margin-top:7px;} #course_alert .alert_title{ font-size:22px; color:#00bd9f; padding-top:45px;} #course_alert .alert_btn{ display:block; margin:0 auto; width:330px; height:47px; line-height:47px; color:#fff; background:#0bba91; font-size:16px; border-radius:3px; text-decoration:none; margin-top:30px;} #course_alert i{ width:35px; height:35px; right:-70px; top:-65px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-254px -35px; cursor:pointer;} #extension .module_box{height: 600px;border-bottom: 1px solid #e9e9e9;} #extension .module_box .video{width: 527px;height: 419px;margin-top: 137px;background: url("/assets/img/sonschn/videobg.png")/*extension/videobg.png*/ no-repeat 0 0;} #extension .module_box .video .img{position: relative;width: 435px;height: 289px;margin-top: 14px;margin-left: 60px;background: #ccc;} #extension .module_box .video .img img{width: 100%;height: 100%;} #extension .module_box .video .img .fill{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url("/assets/img/sonschn/video_fill.png")/*extension/video_fill.png*/ no-repeat center center;} #extension .module_box .content{width: 455px;margin-top: 128px;} #extension .module_box .content .firt{position: relative;padding:20px 0;line-height: 50px;font-size: 30px;color: #333;} #extension .module_box .content .firt:before{position: absolute;content: '';bottom: -4px;left: -3px;width: 113px;height: 3px;background: #54c6b2;} #extension .module_box .content .desc{margin-top: 38px;line-height: 30px;font-size: 16px;color: #444;} #extension .sunflower{border-bottom: none;} #extension .sunflower .firt{margin-top: 92px;margin-bottom: 52px;height: 42px;line-height: 42px;font-size: 30px;text-align: center;} #extension .sunflower .firt span{color: #01bea2;} #extension .sunflower .firt em{display: inline-block;width: 14px;height: 42px;margin: 0 18px;vertical-align: top;background: url("/assets/img/sonschn/ico2.png")/*extension/ico2.png*/ no-repeat center center;} #extension .sunflower .flower_con{position: relative;width: 1002px;height: 392px;margin:auto;background: url("/assets/img/sonschn/sunflower.png")/*extension/sunflower.png*/ no-repeat center center;} #extension .sunflower .flower_con .con{position: absolute;width: 262px;height: 148px;padding:32px 40px 0;} #extension .sunflower .flower_con .con1{top: 66px;left: 0;} #extension .sunflower .flower_con .con2{top: 129px;right: 0;} #extension .sunflower .flower_con .desc{font-size: 16px;line-height: 28px;} #extension .sunflower .flower_con .name{float: right;font-size: 16px;color: #2f3948;height: 29px;line-height: 29px;margin-top: 13px;} #extension .sunflower .flower_con .add{color: #02ccba;font-size: 18px;font-weight: bold;} #extension .sunflower .flower_con .job{color: #5f5f5f;font-size: 14px;} #extension .marketing{padding-top: 55px;padding-bottom: 150px;} #extension .marketing .firt{height: 42px;line-height: 42px;font-size: 30px;text-align: center;margin-bottom: 62px;} #extension .marketing .market_box{position: relative;height: 480px;} #extension .marketing .item{position: absolute;top: 0;left: 10px;width: 353px;height: 480px;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border:1px solid #dedede;background: #fff;} #extension .marketing .item1{z-index: 4;} #extension .marketing .item2{left: 285px;z-index: 3;} #extension .marketing .item3{left: 559px;z-index: 2;} #extension .marketing .item4{left: 834px;z-index: 1;} #extension .marketing .item.cur{margin-left: -42px;top: -16px;width: 425px;height: 510px;z-index: 5;box-shadow: 0 0 30px rgba(97,190,175,0.3);-moz-box-shadow: 0 0 30px rgba(97,190,175,0.3);-webkit-box-shadow: 0 0 30px rgba(97,190,175,0.3);} #extension .marketing .item.cur .tit{background: #2ca594;color: white;} #extension .marketing .item.cur .tit .img{display: none;} #extension .marketing .item.cur .tit .imgh{display: block;} #extension .marketing .tit{height: 120px;line-height: 120px;background: #f8f8f8;padding:0 28px;font-size: 20px;border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;-webkit-border-radius: 8px 8px 0 0;} #extension .marketing .tit .img{float: right;margin-top: 29px;} #extension .marketing .tit .imgh{float: right;margin-top: 29px;display: none;} #extension .marketing ul{padding-top: 25px;} #extension .marketing li{height: 40px;line-height: 40px;padding-left: 58px;background: url("/assets/img/sonschn/ico7.png")/*extension/ico7.png*/ no-repeat 29px center;font-size: 14px;color: #999;} #extension .marketing .item.cur li{font-size: 16px;color: #666;background-image: url("/assets/img/sonschn/ico7h.png")/*extension/ico7h.png*/;} #extension .audition{height: 335px;background: url("/assets/img/sonschn/audition.png")/*extension/audition.png*/ no-repeat center bottom;} #extension .audition_box{width: 775px;height: 165px;padding:52px 45px 48px;margin:auto;box-shadow: 0 0 35px rgba(44,165,148,0.2);-moz-box-shadow: 0 0 35px rgba(44,165,148,0.2);-webkit-box-shadow: 0 0 35px rgba(44,165,148,0.2);background: white;} #extension .audition_box img{float: left;} #extension .audition_box .con{float: left;width: 300px;margin-left: 30px;} #extension .audition_box .firt{height: 72px;line-height: 72px;padding-top: 10px;font-size: 32px;} #extension .audition_box .sect{line-height: 29px;font-size: 16px;color: #666;} #extension .audition_box .apply{float: right;width: 242px;height: 46px;margin-top: 57px;line-height: 46px;background: #01bea2;color: white;font-size: 22px;text-decoration: none;border-radius: 23px;-moz-border-radius: 23px;-webkit-border-radius: 23px;text-align: center;} /******************************************************************************/ #extension2 .item{ width:548px; padding:18px; border:1px solid #eee; float:left; margin-left:25px; margin-bottom:35px;} #extension2 .item_nor{ margin-left:0;} #extension2 .item:hover{ background:#f3f3f3;} #extension2 .item .img{ width:233px; height:158px;} #extension2 .item .img i{ width:48px; height:48px; position:absolute; display:block; left:50%; margin-left:-24px; top:50%; margin-top:-24px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-164px -29px;} #extension2 .item .con{ width:290px;} #extension2 .item .con h3{ height:25px; line-height:25px; overflow:hidden;} #extension2 .item .con h3 a{ font-size:18px;} #extension2 .item .con h3 a:hover{ color:#47bda0; text-decoration:none;} #extension2 .item .con .param{ height:25px; line-height:25px; overflow:hidden; margin-top:10px; margin-bottom:15px;} #extension2 .item .con .param span{ font-size:14px; color:#626262; margin-left:10px;} #extension2 .item .con .param b{ font-size:12px; color:#fff; display:inline-block; width:50px; height:20px; line-height:20px; background:#47bda0; text-align:center; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #extension2 .item .con .intro{ font-size:14px; color:#828282; line-height:25px; height:50px; overflow:hidden;} #extension2 .item .con .pv{ font-size:14px; color:#828282; margin-top:10px;} #extension2 .more{display: block;width: 242px;height: 46px;line-height: 46px;border-radius: 23px;font-size: 18px;color: #333;margin: 20px auto 0;text-align: center;background: #fece2e;} #extension_detail .top{ height:510px; background:#f3f3f3; padding:40px 0;} #extension_detail .top .wrap{ height:100%; background:#fff;} #extension_detail .top .video{ width:750px; height:100%;} #extension_detail .top .video .img{ width:100%; height:100%; cursor:pointer;} #extension_detail .top .video .img i{ width:60px; height:60px; margin-left:-30px; margin-top:-30px; left:50%; top:50%; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-269px -79px;} #extension_detail .top .con{ width:390px; height:100%; margin-right:30px; position:relative;} #extension_detail .top .con h2{ font-size:24px; color:#47bd92; padding-top:40px;} #extension_detail .top .con .param b{ color:#fff; text-align:center; width:51px; height:19px; line-height:19px; display:inline-block; background:#47bda0; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-right:15px;} #extension_detail .top .con .param span{ font-size:14px; color:#626262; margin-right:15px;} #extension_detail .top .con .intro{ border-top:1px solid #e7e7e7; font-size:14px; color:#828282; line-height:25px; padding-top:25px; height:150px; overflow:hidden;} #extension_detail .top .con .tips{ padding:15px; background:#f5f5f5; margin-top:15px;} #extension_detail .top .con .tips .txt{ width:210px;} #extension_detail .top .con .tips .txt .t_name{ font-size:16px; height:25px; line-height:25px; overflow:hidden;} #extension_detail .top .con .tips .txt .t_intro{ color:#8b8b8b; margin-top:10px; line-height:20px; height:60px; overflow:hidden;} #extension_detail .top .con .tips .img{ width:85px;} #extension_detail .top .con .share{ line-height:36px; position:absolute; right:0; bottom:20px;} #extension_detail .top .con .share .fl{ font-size:14px; color:#737373;} #extension_detail .bot .title{ font-size:22px;} #extension_detail .bot .item{ width:255px; float:left; margin-left:60px;} #extension_detail .bot .item_nor{ margin-left:0;} #extension_detail .bot .item .img{ width:243px; height:165px; padding:5px; border:1px solid #eee;} #extension_detail .bot .item .img i{ width:48px; height:48px; position:absolute; display:block; left:50%; margin-left:-24px; top:50%; margin-top:-24px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-164px -29px;} #extension_detail .bot .item h3{ height:25px; line-height:25px; overflow:hidden; margin-top:10px; padding:0 5px;} #extension_detail .bot .item h3 a{ font-size:16px;} #extension_detail .bot .item h3 a:hover{ color:#47bd92; text-decoration:none;} #extension_detail .bot .item h3 b{ font-size:12px; color:#fff; text-align:center; width:51px; height:19px; line-height:19px; display:inline-block; background:#47bda0; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:right; margin-top:3px;} #extension_detail .bot .item .intro{ color:#828282; line-height:25px; padding:0 5px; height:50px; overflow:hidden; margin-top:10px;} #extension_guest .top .title{ font-size:20px; color:#646464; text-align:center;} #extension_guest .top .tips{ font-size:20px; color:#1ca18b; text-align:center;} #extension_guest .top .item{ width:208px; height:153px; border:1px solid #eaeaea; border-left:0; padding:45px;} #extension_guest .top .item_nor{ border-left:1px solid #eaeaea;} #extension_guest .top .item .img{ width:72px; height:72px; margin:0 auto;} #extension_guest .top .item .name{ font-size:20px; text-align:center; margin-top:20px;} #extension_guest .top .item .intro{ font-size:14px; color:#646464; text-align:center; margin-top:5px;} #extension_guest .mid{ background:#f7f7f7;} #extension_guest .mid .item{ width:310px; margin-left:67px; background:#fff;} #extension_guest .mid .item .img{ width:310px; height:180px;} #extension_guest .mid .item .title{ font-size:20px; text-align:center; margin-top:10px;} #extension_guest .mid .item .intro{ font-size:14px; color:#646464; text-align:center; margin-top:5px; margin-bottom:15px;} #extension_guest .apply .box{ width:550px; height:280px; border:1px solid #ebebeb; margin:0 auto;} #extension_guest .apply .img{ width:170px; height:170px; margin-left:25px; margin-top:50px;} #extension_guest .apply .con{ width:290px; margin-right:20px;} #extension_guest .apply .con .name{ font-size:22px; padding-top:45px; padding-bottom:15px; border-bottom:1px solid #e8e8e8; margin-bottom:20px;} #extension_guest .apply .con .name span{ width:97px; height:27px; line-height:27px; font-size:14px; text-align:center; color:#fff; background:#48bdaa; display:inline-block; float:right; margin-right:70px; -moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; margin-top:2px;} #extension_guest .apply .con .rows{ font-size:14px; height:20px; line-height:20px; margin-bottom:10px; padding-left:30px;} #extension_guest .apply .con .wechat i{ width:20px; height:17px; left:0; top:2px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-322px -44px;} #extension_guest .apply .con .tel i{ width:17px; height:17px; left:0; top:2px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-378px -44px;} #extension_guest .apply .con .qq i{ width:18px; height:18px; left:0; top:2px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-431px -43px;} #extension_guest .apply .con .email i{ width:18px; height:14px; left:0; top:4px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-482px -45px;} #extension_guest .partner .img{ width:227px; height:80px; border:1px solid #eaeaea; margin-left:13px; margin-bottom:13px; float:left;} #extension_guest .partner .nor{ margin-left:0;} /**********************************************************************************************/ /*service*/ #service{} #service .module_box{height: 600px;border-bottom: 1px solid #e9e9e9;} #service .module_box .video{width: 527px;height: 419px;margin-top: 137px;background: url("/assets/img/sonschn/videobg.png")/*extension/videobg.png*/ no-repeat 0 0;} #service .module_box .video .img{position: relative;width: 435px;height: 289px;margin-top: 14px;margin-left: 60px;background: #ccc;} #service .module_box .video .img img{width: 100%;height: 100%;} #service .module_box .video .img .ext{position: absolute;top: 16px;right: -92px;width: 254px;height: 206px;} #service .module_box .content{width: 455px;margin-top: 128px;} #service .module_box .content .firt{position: relative;padding:20px 0;line-height: 50px;font-size: 30px;color: #333;} #service .module_box .content .firt:before{position: absolute;content: '';bottom: -4px;left: -3px;width: 113px;height: 3px;background: #54c6b2;} #service .module_box .content .desc{margin-top: 38px;line-height: 30px;font-size: 16px;color: #444;} #service .audition{height: 335px;padding-top: 85px;background: url("/assets/img/sonschn/audition.png")/*extension/audition.png*/ no-repeat center bottom;} #service .audition_box{position: relative;width: 440px;height: 165px;padding:52px 15px 48px 365px;margin:auto;box-shadow: 0 0 35px rgba(44,165,148,0.2);-moz-box-shadow: 0 0 35px rgba(44,165,148,0.2);-webkit-box-shadow: 0 0 35px rgba(44,165,148,0.2);background: white;} #service .audition_box img{position: absolute;left: 38px;top: -19px;} #service .audition_box .con{} #service .audition_box .firt{height: 72px;line-height: 72px;padding-top: 10px;font-size: 32px;} #service .audition_box .sect{line-height: 29px;font-size: 16px;color: #666;} #service .audition_box .tel{font-size: 20px;color: #01bea2;margin-top: 25px;} /*system*/ #system .top .item{ width:298px; height:243px; border:1px solid #eaeaea; border-left:0;} #system .top .item_nor{ border-left:1px solid #eaeaea;} #system .top .item .img{ width:90px; height:90px; padding-top:35px; margin:0 auto;} #system .top .item .name{ font-size:20px; text-align:center; margin-top:20px;} #system .top .item .intro{ font-size:14px; color:#646464; text-align:center; margin-top:6px;} #system .bot .item{ width:275px; height:115px; padding-left:110px; border:1px solid #e9e9e9; margin-left:19px; margin-bottom:15px;} #system .bot .item_nor{ margin-left:0;} #system .bot .item i{ width:58px; height:50px; left:25px; top:33px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ #f7f7f7 no-repeat; background-position:-542px -384px;} #system .bot .item h3{ height:25px; line-height:25px; overflow:hidden; padding-top:35px;} #system .bot .item h3 a{ font-size:16px;} #system .bot .item .date{ font-size:14px; color:#a9a9a9; margin-top:3px;} #system .bot .item:hover{ border:1px solid #2ca594;background: #f4fefd;} #system .bot .item:hover i{background-color: #f4fefd;} #system .bot .item:hover h3 a{ color:#1da189; text-decoration:none;} #system .bot .more{display: block;width: 264px;height: 52px;line-height: 52px;margin:auto;text-align: center;font-size: 14px;color: #888;background: #f1f1f1;text-decoration: none;} #system .bot .more span{display: inline-block;font-size: 18px;font-weight: bold;margin-left: 3px;margin-top: -4px;vertical-align: middle;} #system .mid .tips{ font-size:18px; color:#747474; margin:20px 0; text-align:center;} #system .mid .category{ width:400px; margin:0 auto;} #system .mid .category a{ width:195px; height:44px; line-height:44px; text-align:center; display:block; font-size:18px; color:#a2a2a2; float:left; text-decoration:none; } #system .mid .category span{float: left;width: 10px;height:46px; line-height:46px; text-align:center;font-size:18px; color:#dddddd;} #system .mid .category a.nor{ border-right:0;} #system .mid .category a.cur{ color:#1ca18b; border-bottom:2px solid #2ca594; margin-top:0;} #system .mid .box .switch{ display:none;} #system .mid .box .cur{ display:block;} #system .mid .show_item{ width:284px; height:74px; line-height:74px; border:1px solid #eaeaea; margin-left:18px; margin-bottom:18px;} #system .mid .show_item_nor{ margin-left:0;} #system .mid .show_item a{ width:100%; height:100%; display:inline-block; font-size:16px; text-indent:110px;} #system .mid .show_item i{ width:50px; height:50px; left:50px; top:12px; background:url("/assets/img/sonschn/system_show_sign.png")/*system/system_show_sign.png*/ no-repeat;} #system .mid .show_item:hover{ background:#2ca594; border:1px solid #2ca594;} #system .mid .show_item:hover a{ color:#fff; text-decoration:none;} #system .mid .shop_item{ width:238px; height:550px; border:1px solid #e9e9e9; border-left:0; text-align:center; cursor:pointer; position:relative;} #system .mid .shop_item_nor{ border-left:1px solid #e9e9e9;} #system .mid .shop_item .title{ height:40px; padding-top:90px; background:#f4f6f6; border-bottom:1px solid #e9e9e9; font-size:18px;} #system .mid .shop_item .title i{ width:60px; height:60px; left:50%; top:20px; margin-left:-30px; background:url("/assets/img/sonschn/system_shop_sign.png")/*system/system_shop_sign.png*/ no-repeat;} #system .mid .shop_item .con{ padding-top:30px;} #system .mid .shop_item .rows{ height:25px; line-height:25px; overflow:hidden; font-size:14px; color:#535353;} #system .mid .shop_item .rows a{ font-size:14px; color:#535353;} #system .mid .shop_item .abs{ width:296px; height:580px; position:absolute; left:-30px; top:-15px; display:none; z-index:1; border:1px solid #00bd9f; text-decoration:none; -moz-box-shadow:0 0 40px 0 #b8dfd1; -ms-box-shadow:0 0 40px 0 #b8dfd1; -o-box-shadow:0 0 40px 0 #b8dfd1; -webkit-box-shadow:0 0 40px 0 #b8dfd1; box-shadow:0 0 40px 0 #b8dfd1; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background: white;} #system .mid .shop_item .abs .title{ background:#2ca594 url("/assets/img/sonschn/systitbg.png")/*system/systitbg.png*/ no-repeat right bottom; color:#fff; height: 135px;line-height: 135px; text-indent: 65px; font-size: 26px;text-align: left; padding-top:0px;} #system .mid .shop_item .abs .rows{position: relative;text-align: left;padding-left: 64px;} #system .mid .shop_item .abs .rows{height: 30px;line-height: 30px;} #system .mid .shop_item .abs .rows a{font-size: 16px;} #system .mid .shop_item .abs .rows img{position: absolute;top: 4px;left: 30px;} #system .mid .shop_item.hover .abs{ display:block;} #system .sys_bg{ background-color:#f9f9f9;} #system .container1 .title{ font-size:28px; color:#0eaf83; border-bottom:1px solid #efefef; width:385px; margin:0 auto; padding-bottom:20px;} #system .container1 .brief{ font-size:16px; line-height:30px; margin-top:20px;} #system .container1 .img{ margin-top:30px;} #system .container1 .img img{ margin-right:35px;} #system .container2{ padding-top:130px; height:675px; box-sizing:border-box; background-repeat:no-repeat; background-position:top right;} #system .container2.b2b{ background-image:url("/assets/img/sonschn/b2b_sys2.png")/*new/b2b_sys2.png*/;} #system .container2.b2c{ background-image:url("/assets/img/sonschn/b2c_sys2.png")/*new/b2c_sys2.png*/;} #system .container2 .subtitle{ font-size:24px; margin-left:30px; margin-bottom:10px;} #system .container2 .title{ font-size:28px; color:#0eaf83; margin-left:30px; border-bottom:1px solid #e7e7e7; padding-bottom:20px; margin-bottom:20px; width:425px;} #system .container2 .rows{ font-size:16px; color:#555; margin-left:30px; padding-left:20px; line-height:30px;} #system .container2 .rows i{ width:5px; height:5px; border-radius:5px; left:0; top:13px; background:#0eaf83;} #w1000 #system .container2{ background-position:top right -200px;} #system .container3{ padding-top:120px; height:675px; box-sizing:border-box;} #system .container3 i{ width:100%; height:1px; background:#0cba92; top:425px; left:0; z-index:-1;} #system .container3 .subtitle{ font-size:24px;} #system .container3 .title{ font-size:28px; color:#0eaf83; margin-top:10px;} #system .container3 .item{ width:150px; margin-left:120px;} #w1000 #system .container3 .item{ margin-left:80px;} #system .container3 .item.nor{ padding-top:60px;} #system .container3 .item .img{ width:110px; height:110px; margin:15px auto;} #system .container3 .item .name{ font-size:16px; line-height:30px; text-align:center;} #system .container4{ height:675px;} #system .container4 .img{ width:588px; height:407px; margin-top:130px;} #system .container4.b2c .img{ width:599px; height:363px; margin-top:150px;} #system .container4 .con{ margin-top:230px; width:480px;} #system .container4 .con .subtitle{ font-size:24px; margin-bottom:10px;} #system .container4 .con .title{ font-size:28px; color:#0eaf83; border-bottom:1px solid #e7e7e7; padding-bottom:20px; margin-bottom:20px;} #system .container4 .con .rows{ font-size:16px; color:#555; padding-left:20px; line-height:30px;} #system .container4 .con .rows i{ width:5px; height:5px; border-radius:5px; left:0; top:13px; background:#0eaf83;} #w1000 #system .container4 .con{ width:420px;} #w1000 #system .container4 .img{ width:520px; height:360px;} #w1000 #system .container4.b2c .img{ width:520px; height:315px;} #system .container5 .title{ font-size:28px; color:#0eaf83;} #system .container5{ height:675px; background:url("/assets/img/sonschn/b2b_sys4.jpg")/*new/b2b_sys4.jpg*/ left top 188px no-repeat;} #system .container5 .subtitle{ font-size:24px; margin-top:10px; margin-bottom:225px;} #system .container5 .item{ width:250px; margin-left:115px;} #system .container5 .item .img{ width:115px; height:115px; margin:0 auto;} #system .container5 .item .name{ font-size:20px; color:#0eaf83; margin-top:15px;} #system .container5 .item .brief{ font-size:16px; color:#555; line-height:25px; margin-top:10px;} #w1000 #system .container5 .item{ margin-left:60px;} #system .container6{ height:675px;} #system .container6 .title{ font-size:28px; color:#0eaf83; padding-top:70px;} #system .container6 .img{ margin-top:50px;} #system .container7 .subtitle{ font-size:24px; padding-top:105px;} #system .container7 .title{ font-size:28px; color:#0eaf83; border-bottom:1px solid #eaeaea; padding-bottom:20px; width:390px; margin:0 auto; margin-top:5px;} #system .container7 .brief{ font-size:16px; line-height:30px; margin-top:20px;} #system .container7 .img{ margin-top:55px; padding-bottom:80px;} #system .container8 .title{ font-size:28px; color:#0eaf83; margin-top:35px;} #system .container8 .subtitle{ font-size:24px; border-bottom:1px solid #efefef; margin:0 auto; width:395px; margin-top:10px; padding-bottom:20px;} #system .container8 .brief{ font-size:16px; color:#555; line-height:30px; margin-top:15px;} #system .container9{ height:675px; background:url("/assets/img/sonschn/b2c_sys6.jpg")/*new/b2c_sys6.jpg*/ top center no-repeat;} #system .container9 .item{ width:700px; height:238px; margin:0 auto; background:#0cba92; opacity:0.95;} #system .container9 .title{ font-size:28px; color:#fff; width:385px; margin:0 auto; border-bottom:1px solid #5aceb5; padding-bottom:20px;} #system .container9 .brief{ font-size:16px; color:#fff; line-height:30px; margin-top:20px;} #system .container10 .title{ font-size:28px; color:#0cba92;} #system .container10 .subtitle{ font-size:22px; margin-top:10px;} #system .container10 .img{ margin-top:60px; margin-left:130px; margin-bottom:110px;} #system .container10 .con{ width:540px; margin-top:50px;} #system .container10 .con .item{ margin-bottom:40px;} #system .container10 .con .item .info{ margin-left:25px;} #system .container10 .con .item .info .name{ font-size:20px; color:#436aca; margin-bottom:10px;} #system .container10 .con .item .info .name.f2{ color:#00baa2;} #system .container10 .con .item .info .name.f3{ color:#297fd5;} #system .container10 .con .item .info .brief{ font-size:16px; line-height:30px;} #w1000 #system .container10 .img{ margin-left:80px;} #w1000 #system .container10 .con{ width:480px;} #system .container11 .subtitle{ font-size:24px;} #system .container11 .title{ font-size:28px; color:#0eaf83; margin-top:10px;} #system .container11 .con{ width:790px; margin:0 auto;} #system .container11 .item{ display:inline-block; padding-top:148px; width:133px; margin:0 30px; font-size:16px; margin-bottom:45px;} #system .container11 .item.i1{ background:url("/assets/img/sonschn/b2c_sys_icon4.png")/*new/b2c_sys_icon4.png*/ no-repeat;} #system .container11 .item.i2{ background:url("/assets/img/sonschn/b2c_sys_icon5.png")/*new/b2c_sys_icon5.png*/ no-repeat;} #system .container11 .item.i3{ background:url("/assets/img/sonschn/b2c_sys_icon6.png")/*new/b2c_sys_icon6.png*/ no-repeat;} #system .container11 .item.i4{ background:url("/assets/img/sonschn/b2c_sys_icon7.png")/*new/b2c_sys_icon7.png*/ no-repeat;} #system .container11 .item.i5{ background:url("/assets/img/sonschn/b2c_sys_icon8.png")/*new/b2c_sys_icon8.png*/ no-repeat;} #system .container11 .item.i6{ background:url("/assets/img/sonschn/b2c_sys_icon9.png")/*new/b2c_sys_icon9.png*/ no-repeat;} #system .container11 .item.i7{ background:url("/assets/img/sonschn/b2c_sys_icon10.png")/*new/b2c_sys_icon10.png*/ no-repeat;} #system .container12 .img{ margin:77px 0;} #system .container12 .con{ margin-left:35px; margin-top:100px;} #system .container12 .con .title{ font-size:28px; color:#0eaf83;} #system .container12 .con .subtitle{ font-size:24px; margin-top:10px; padding-bottom:25px; width:380px; border-bottom:1px solid #eee; margin-bottom:25px;} #system .container12 .con .rows{ font-size:16px; line-height:38px; padding-left:55px; margin-bottom:10px;} #system .container12 .con .rows i{ width:38px; height:38px; left:0; top:0;} #w1000 #system .container12 .img{ width:500px;} #w1000 #system .container12 .con{ margin-top:70px;} #system .container13 .subtitle{ font-size:24px;} #system .container13 .title{ font-size:28px; color:#0eaf83; margin-top:5px;} #system .container14 .title{ font-size:28px; color:#0eaf83;} #system .container14 .item{ display:inline-block; width:180px; margin:0 100px;} #system .container14 .item .name{ font-size:20px; margin-bottom:10px;} #system .container14 .item .sub{ font-size:16px; color:#555;} #system .container14 .item .img{ margin-top:50px; margin-bottom:40px;} #system .container14 .item .brief{ line-height:30px; font-size:16px;} #w1000 #system .container14 .item{ margin:0 70px;} /*default*/ /*reg*/ #reg_header{background: #f9f9f9;height: 140px;text-align: center;} #reg_header h1{height: 140px;} #reg_header img{display: inline-block;vertical-align: middle;} #reg_header span{display: inline-block;vertical-align: middle;height: 100%;} #reg_footer #footer{background: #f9f9f9;} #reg_footer #footer .top{display: none;} #reg_footer #footer .bot{border: none;} #reg_footer #footer .bottom{ border:none;} .reg_form{padding-bottom: 60px;background: #fff;} #reg{width:800px; margin:0 auto;} #reg h1{padding-top: 52px;text-align: center;} #reg h1 strong{display: block;height: 80px;line-height: 80px;font-size: 30px;color: #333;font-weight: normal;} #reg h1 span{display: block;height: 70px;line-height: 70px;font-size: 16px;color: #666;} #reg h4{ font-size:22px; color:#48bdaa;} #reg ul{height:170px;} #reg ul li{height:140px; width:370px; float:left; background: #f3f8f7; border:2px solid #f3f8f7; overflow:hidden; cursor:pointer;} #reg ul li.r{float:right;} #reg ul li.cur{width:374px; height:144px; border:none; background:url("/assets/img/sonschn/jt.jpg")/*jt.jpg*/ right bottom no-repeat #48bdaa;} #reg ul li.cur *{color:#fff;} #reg ul li h2{font-size:28px; color:#00bd9f; text-align:center; padding:7px;margin-top: 21px;} #reg ul li h3{font-size:20px; color:#999999; text-align:center; padding:7px;} #reg table{width: 525px;padding:20px 0;} #reg table td{padding:15px; font-size:16px;} #reg table td input{width:390px; height:45px; line-height:45px; border:1px solid #ddd; font-size:14px; padding:0 10px;-webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;outline-color:#48bdaa;} #reg table td input.submit{ margin-left:52px; width:412px; height:50px; border:none; cursor:pointer; color:#fff; font-size:18px; letter-spacing:5px; background:#48bdaa; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #reg table td input.processing{ background:#919191; cursor:default;} #reg table td input.login{ width:403px; height:50px; border:none; cursor:pointer; color:#fff; font-size:18px; letter-spacing:5px; background:#48bdaa; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #reg table td .error{ padding-left:53px;display: none;margin-top: 12px;font-size: 14px;color: #999;} #reg table td .tips{float: left;width:475px; height: 0;text-align:center; border-bottom:1px solid #f1f1f1; color:#999999;} #reg table td .tips span{display: inline-block;padding: 0 15px;line-height: 4px;background: #fff;} #reg table td .reg{padding-right:140px;} #reg table td .reg a{color:#0ca577; text-decoration:underline;} #reg table td input.sms{float:left; width:179px; margin-left:53px;} #reg table td input.sms_button{float:left; width:198px;margin-left: 12px; background:#f4f4f4; color:#333; height:47px; cursor:pointer;border:1px solid #dddddd;border-radius: 3px;} #reg table td .ver_code{width:198px; height:47px; border:1px #ddd solid; border-radius:3px; margin-left:12px; padding:0; float:left; color:#333; cursor:pointer;} #reg table td.vcode a img{ height:47px;} #reg .reg_ok{width:600px; margin:0 auto; background:url("/assets/img/sonschn/reg_ok.jpg")/*reg_ok.jpg*/ left top no-repeat; border-bottom:1px dotted #ddd; padding-bottom:30px;} #reg .reg_ok div{text-align:left; padding-left:130px; line-height:300%; font-size:16px;} #reg .reg_ok div font, #reg .reg_ok div font a{color:#999;} #reg .reg_ok div span{color:#48bdaa; font-size:20px;} #reg .btn{ width:403px; height:50px; line-height:50px; display:block; color:#fff; font-size:18px; background:#48bdaa; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .reg_code{ display: none;} #reg_code{ width:572px; height:160px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-80px; text-align:center; background:#efefef; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;} #reg_code img{ vertical-align:top; height:46px;} #reg_code .reg_code_tips{ font-size:16px;} #reg_code .reg_code_input{ width:283px; height:45px; line-height:45px; border:0; outline:none; font-size:14px; text-indent:15px;} #reg_code .reg_code_submit{ width:471px; height:47px; line-height:47px; display:block; margin:0 auto; border:0; background:#00bd9f; font-size:16px; color:#fff; cursor:pointer; margin-top:13px; outline:none; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #reg_code i{ width:35px; height:35px; right:-70px; top:-65px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-254px -35px; cursor:pointer;} .reg_outer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 10;} .reg_outer .reg_form{ -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;} .reg_outer .pop_reg_page{ position: absolute; top: 50%; left: 50%; width: 936px; height: 610px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .reg_outer .pop_reg_page .close{ position: absolute; top: 20px; right: 20px;} .reg_outer .pop_reg_page #reg{ width: 592px;} .reg_outer .pop_reg_page #reg h1{ padding-top: 40px;} .reg_outer .pop_reg_page #reg h1 strong{ width: 100%; height: auto; line-height: 50px; font-size: 30px; color: #333;} .reg_outer .pop_reg_page #reg h1 span{ margin-top: 22px; height: auto; line-height: 25px; font-size: 16px; color: #333;} .reg_outer .pop_reg_page #reg ul{ margin-top: 15px; height: auto;} .reg_outer .pop_reg_page #reg ul li{ display: flex; justify-content: center; align-items: center; position: relative; width: 286px; height: 76px; border: 1px solid #ddd; background: none; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .reg_outer .pop_reg_page #reg ul li:before{ display: block; content: ''; position: absolute; right: 0; bottom: 0; width: 32px; height: 31px; background: url("/assets/img/sonschn/cur_icon.png")/*cur_icon.png*/ no-repeat center / 100% 100%; opacity: 0; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .reg_outer .pop_reg_page #reg ul li .icon{ position: relative; margin-right: 25px; width: 35px; height: 29px;} .reg_outer .pop_reg_page #reg ul li .icon img{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .reg_outer .pop_reg_page #reg ul li .icon .icon1{ opacity: 0;} .reg_outer .pop_reg_page #reg ul li h2{ margin-top: 0; padding: 0; font-size: 18px; color: #666;} .reg_outer .pop_reg_page #reg ul li.cur{ background: #f8fffd; border-color: #0bba91;} .reg_outer .pop_reg_page #reg ul li.cur .icon .icon1{ opacity: 1;} .reg_outer .pop_reg_page #reg ul li.cur h2{ color: #0db083;} .reg_outer .pop_reg_page #reg ul li.cur:before{ opacity: 1;} .reg_outer .pop_reg_page #reg table{ margin-top: 40px; padding: 0;} .reg_outer .pop_reg_page #reg table tr td{ padding: 0; padding-top: 20px;} .reg_outer .pop_reg_page #reg table tr td .tips{ position: relative; float: none; height: 26px; line-height: 26px; border-bottom: 0;} .reg_outer .pop_reg_page #reg table tr td .tips:before{ display: block; content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #f1f1f1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .reg_outer .pop_reg_page #reg table tr td .tips span{ line-height: 26px; position: relative; z-index: 1;} .reg_outer .pop_reg_page #reg table tr:first-child td{ padding-top: 0;} .reg_outer .pop_reg_page #reg table td.sub_td{ text-align: center;} .reg_outer .pop_reg_page #reg table td input.submit{ margin: 0 auto 0; background: #0bba91; letter-spacing: 0; font-size: 22px;} .reg_outer .create_shop{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; width: 750px; height: 360px; background: #fff; -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .reg_outer .create_shop .create_shop_in .title{ width: 100%; line-height: 55px; font-size: 36px; color: #333; text-align: center;} .reg_outer .create_shop .create_shop_in .result{ margin-top: 30px; width: 100%; line-height: 34px; font-size: 18px; color: #666; text-align: center;} .reg_outer .create_shop .create_shop_in .pro{ margin-top: 10px; width: 600px;} .reg_outer .create_shop .create_shop_in .pro .proBox, proFont .reg_outer .create_shop .create_shop_in .pro .proPre{ -webkit-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px;} .reg_outer .create_shop .create_shop_in .pro .proFont{ font-size: 0 !important;} .reg_outer .create_shop .create_shop_in .text{ margin-top: 15px; width: 100%; line-height: 36px; font-size: 18px; color: #333; text-align: center;} .reg_outer .hide{ display: none;} .forgot_form{padding: 60px 0px;background: #fff;} #forgot{width:500px; margin:0 auto;} #forgot .forgot_title{width: 100%; border-bottom: 3px solid #eeeeee; padding-bottom: 15px;} #forgot .forgot_title span{font-size: 30px; color: #0bba91; font-family: '微软雅黑'; border-bottom: 3px solid #0bba91; padding-bottom: 15px;} #forgot table{width: 500px;padding:20px 0;} #forgot table td{padding:15px; font-size:16px;} #forgot table td label{display: inline-block; width:85px;} #forgot table td input{width:345px; height:45px; line-height:45px; border:1px solid #ddd; font-size:14px; padding:0 10px;border-radius: 3px;outline-color:#48bdaa;} #forgot table td input.submit{ margin-left:90px; width:367px; height:50px; border:none; cursor:pointer; color:#fff; font-size:18px; letter-spacing:5px; background:#48bdaa; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #forgot table td input.processing{ background:#919191; cursor:default;} #forgot table td input.login{ width:378px; height:50px; border:none; cursor:pointer; color:#fff; font-size:18px; letter-spacing:5px; background:#48bdaa; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #forgot table td .error{ padding-left:90px;display: none;margin-top: 12px;font-size: 14px;color: #999;} #forgot table td .tips{float: left;width:450px; height: 0;text-align:center; border-bottom:1px solid #f1f1f1; color:#999999;} #forgot table td .tips span{display: inline-block;padding: 0 15px;line-height: 4px;background: #fff;} #forgot table td .forgot{padding-right:140px;} #forgot table td .forgot a{color:#0ca577; text-decoration:underline;} #forgot table td input.sms{float:left; width:155px; margin-left:90px;} #forgot table td input.sms_button{float:left; width:177px;margin-left: 12px; background:#f4f4f4; color:#333; height:47px; cursor:pointer;border:1px solid #dddddd;border-radius: 3px;} #forgot table td.vcode a img{ height:47px;} /*************************** email start ***************************/ .email_char_1{overflow: hidden;} .email_char_1 .left_char{float: left;padding-top: 90px;width: 655px;} .email_char_1 .left_char .title{font-size: 26px;color: #1ca28a;padding-left: 10px;margin-bottom: 30px;} .email_char_1 .left_char .char{width: 645px;font-size: 16px;color: #444444;line-height: 29px;padding-left: 10px;} .email_char_1 .right_img{width: 470px;float: right;margin:48px 0 32px 0;} .email_char_2{overflow: hidden;margin-bottom: 50px;} .email_char_2 .char_2_title{height: 90px;line-height: 90px;text-align: center;font-size: 26px;color: #333333;} .email_char_2 .char_2_list{height: 243px;overflow: hidden;border: 1px solid #eaeaea;} .email_char_2 .char_2_list .list_box{width: 298px;border-left: 1px solid #eaeaea;float: left;height: 100%;} .email_char_2 .char_2_list .list_box:first-child{border-left: none;width: 301px;} .email_char_2 .char_2_list .list_box .icon{height: 63px;margin: 52px 0 30px 0;background: url("/assets/img/sonschn/email_char_2_icon.png")/*email_char_2_icon.png*/ no-repeat center top;} .email_char_2 .char_2_list .list_box .list_title{font-size: 20px;color: #333;text-align: center;margin-bottom: 12px;} .email_char_2 .char_2_list .list_box .list_brief{font-size: 14px;color: #646464;text-align: center;} .email_char_2 .char_2_list .list_box:hover{box-shadow: 0 0 15px 0 #ccc inset;} .email_char_2 .char_2_list .list_box.list_1 .icon{background-position: center -69px;} .email_char_2 .char_2_list .list_box.list_2 .icon{background-position: center -137px;} .email_char_2 .char_2_list .list_box.list_3 .icon{background-position: center -209px;} .email_char_3{overflow: hidden;} .email_char_3 .char_3_title{height: 80px;line-height: 80px;text-align: center;font-size: 26px;color: #333333;} .email_char_3 .table{width: 760px;overflow: hidden;margin: 0 auto;border: 1px solid #e9e9e9;border-radius: 3px;} .email_char_3 .table .tr{height: 45px;line-height: 45px;border-top: 1px solid #e9e9e9;} .email_char_3 .table .tr:nth-child(2n+1){background: #f6f6f6;} .email_char_3 .table .tr:first-child{border-top: none;background: #2ca594;} .email_char_3 .table .tr:first-child .td{color: white;} .email_char_3 .table .tr .td{float: left;width: 379px;text-align: center;} .email_char_3 .table .tr .td:first-child{border-right: 1px solid #e9e9e9;} /* 新的邮件 */ .new_mail .email_char{height: 365px;} .new_mail .email_char .left_char{float: left;padding-top: 70px;width: 655px;} .new_mail .email_char .left_char .title{font-size: 26px;color: #1ca28a;padding-left: 10px;margin-bottom: 30px;} .new_mail .email_char .left_char .char{font-size: 16px;color: #444444;line-height: 29px;padding-left: 10px;} .new_mail .email_char .right_img{float: right;} .new_mail .email_performance{padding-top: 58px;background: #fafafa;} .new_mail .email_performance .title{height: 67px;line-height: 67px;font-size: 28px;color: #333;text-align: center;} .new_mail .email_performance .perf_area{width: 100%;height: 500px;background: url("/assets/img/sonschn/mail_bg2.png")/*mail_bg2.png*/ no-repeat top center;} .new_mail .email_price{width: 1000px;margin: 0 auto;padding-top: 50px;padding-bottom: 130px;} .new_mail .email_price .t{height: 90px;line-height: 90px;color: #333;margin-bottom: 15px;font-size: 28px;} .new_mail .email_price .category{ width:410px; margin:0 auto;} .new_mail .email_price .category a{ width:202px; height:43px; line-height:43px; text-align:center; display:block; font-size:18px; color:#a2a2a2; border:1px solid #eee; background:#f7f8fa; float:left; text-decoration:none; margin-top:1px;} .new_mail .email_price .category a.nor{ border-right:0;} .new_mail .email_price .category a.cur{ background:#fff; color:#1ca18b; border-top:2px solid #2ca594; margin-top:0;} .new_mail .email_price .box{display: none;height: 562px;} .new_mail .email_price .mail_item{ position: relative;width:333px; height: 560px; text-align:center; cursor:pointer;} .new_mail .email_price .mail_item_nor{ border-left:1px solid #e9e9e9;} .new_mail .email_price .mail_item .mail_posa{width: 332px;position: absolute;top: 0;left: 0;margin:auto;background: #fff;border:1px solid #e9e9e9; border-left:0;} .new_mail .email_price .mail_item .title{background: #f8f8f8;height: 156px;text-align: center;} .new_mail .email_price .mail_item .title .h3{padding-top: 31px;height: 32px;line-height: 32px;font-size: 18px;color: #666;} .new_mail .email_price .mail_item .title .h4{height: 76px;line-height: 76px;font-size: 36px;color: #333;} .new_mail .email_price .mail_item .title span.price{display: inline-block;vertical-align: top;line-height: 65px;color: #bbb;font-size: 24px;} .new_mail .email_price .mail_item .title span.year{display: inline-block;font-size: 16px;vertical-align: bottom;line-height: 65px;} .new_mail .email_price .mail_item .con{ padding-top:28px;padding-bottom: 36px;} .new_mail .email_price .mail_item table{width: 190px;margin:auto;} .new_mail .email_price .mail_item table td{height: 32px;line-height: 32px;text-align: left;font-size: 14px;color: #333;} .new_mail .email_price .mail_item table .th{color: #999;} .new_mail .email_price .mail_item table .th2{color: #1ca28a;} .new_mail .email_price .mail_item .line{width: 234px;border-bottom: 1px solid #ececec;margin:28px auto 18px;} .new_mail .email_price .mail_item:hover .mail_posa .title{background: #55c2af;padding-top: 5px;} .new_mail .email_price .mail_item:hover .mail_posa .title *{color: #fff;} .new_mail .email_price .mail_item:hover .mail_posa{left: -1px;top: -5px;z-index:1; border:1px solid #00bd9f; text-decoration:none; -moz-box-shadow:0 0 40px 0 #b8dfd1; -ms-box-shadow:0 0 40px 0 #b8dfd1; -o-box-shadow:0 0 40px 0 #b8dfd1; -webkit-box-shadow:0 0 40px 0 #b8dfd1; box-shadow:0 0 40px 0 #b8dfd1; -moz-border-top-left-radius:5px; -ms-border-top-left-radius:5px; -o-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-top-right-radius:5px; -ms-border-top-right-radius:5px; -o-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px;} /*************************** email end ***************************/ /*************************** service start ***************************/ .service_char_1{overflow: hidden;border-bottom: 1px solid #ebebeb;height: 400px;} .service_char_1 .char_box{padding-top: 48px;width: 600px;} .service_char_1 .char_box .title{font-size: 26px;color: #1ca28a;padding-left: 10px;margin-bottom: 30px;} .service_char_1 .char_box .char{width: 550px;font-size: 16px;color: #444444;line-height: 29px;padding-left: 10px;} .service_char_1 .img_box{width: 600px;height: 400px; text-align:center;} .service_char_2{overflow: hidden;margin-top: 40px;border-bottom: 1px solid #ebebeb; text-align:center;} .service_char_2 .char_2_title{height: 85px;line-height: 85px;font-size: 26px;color: #1ca28a;text-align: center;} .service_char_2 .char_2_text{font-size: 16px;color: #444;margin-bottom: 8px;text-align: center;} .service_char_2 .char_2_text.width{width: 550px;text-indent: 10px;margin: 0 auto;line-height: 35px;} .service_char_2 .char_2_text a{ color:#00F;} .service_char_2 .char_2_img{margin-top: 40px} .service_char_2.no_border{border:none;} .service_area {height: 582px;} .service_area table { width: 100%; } .service_area table td { width: 50%; height: 582px; } .service_area table .map { position: relative; width: 480px; height: 408px; margin-left: 40px; background: url("/assets/img/sonschn/service_area.png")/*service_area.png*/ no-repeat center center; } .service_area .point-area { text-align: center; position: relative; width: 150px; height: 150px; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out } .service_area .point-area .point-name { position: absolute; font-size: 14px; text-align: left; } .service_area .point-area .point { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 6px; height: 6px; margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent } .service_area .point-area .point-dot { z-index: 1; background-color: #65c7b6; border: 1px solid rgba(0, 205, 236, .37) } .service_area .point-area .point-10 { width: 100%; height: 100% } .service_area .point-area .point-10:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #65c7b6; opacity: 0; -webkit-animation: ripple 4.5s ease-out 225ms infinite; animation: ripple 4.5s ease-out 225ms infinite } .service_area .point-area .point-40 { width: 100%; height: 100% } .service_area .point-area .point-40:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #65c7b6; opacity: 0; -webkit-animation: ripple 4.5s ease-out .9s infinite; animation: ripple 4.5s ease-out .9s infinite } lesshat-selector { -lh-property: 0 } @-webkit-keyframes ripple { 0% { opacity: 0; -webkit-transform: scale(.1) } 5% { opacity: 1 } to { opacity: 0; -webkit-transform: scale(1) } } @keyframes ripple { 0% { opacity: 0; -webkit-transform: scale(.1); transform: scale(.1) } 5% { opacity: 1 } to { opacity: 0; -webkit-transform: scale(1); transform: scale(1) } } /*************************** service end ***************************/ /*************************** authorization start ***************************/ #authorization{} #authorization .top{background: #f8f8f8;height: 370px;text-align: center;} #authorization .top .toptitle{height: 63px;line-height: 63px;padding-top: 49px;font-size: 30px;color: #222;} #authorization .top .sectitle{height: 35px;line-height: 35px;font-size: 16px;color: #666;} #authorization .bottom{height: 537px;background: url("/assets/img/sonschn/authorization_bottom_bg.png")/*authorization_bottom_bg.png*/ no-repeat center center;} #authorization .bottom .aucontent{width: 780px;margin:0px auto 0px;} #authorization .bottom .aucontent .aulist{width: 360px;padding-bottom: 52px;margin-top: -177px;overflow: hidden;box-shadow: 0px 0px 13px rgba(0,0,0,0.05);-webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.05);background: #fff;border-radius: 8px;-webkit-border-radius:8px;-moz-border-radius:8px;} #authorization .bottom .aucontent .type{height: 140px;background: #32bec3 url("/assets/img/sonschn/authorization_b2c.png")/*authorization_b2c.png*/ no-repeat left center;text-align: center;} #authorization .bottom .aucontent .b2b .type{background: #2ac7a5 url("/assets/img/sonschn/authorization_b2b.png")/*authorization_b2b.png*/ no-repeat left center;} #authorization .bottom .aucontent .tit{padding-top: 30px;height: 28px;line-height: 28px;margin-bottom: 17px;color: #fff;font-size: 20px;} #authorization .bottom .aucontent .price{height: 35px;line-height: 35px;font-size: 32px;color: #fff;} #authorization .bottom .aucontent .price span{display: inline-block;vertical-align: top;font-size: 20px;} #authorization .bottom .aucontent ul{padding-bottom: 60px;padding-top: 26px;} #authorization .bottom .aucontent ul li{height: 55px;line-height: 55px;padding-left: 70px;font-size: 16px;color: #333;background: url("/assets/img/sonschn/authorization_lsitbg.png")/*authorization_lsitbg.png*/ no-repeat 43px center;} #authorization .bottom .aucontent .go_try{display: block;width: 122px;height: 40px;line-height: 40px;margin:auto;border:1px solid #32bec3;font-size: 14px;color: #32bec3;text-align: center;text-decoration: none;border-radius: 2px;-webkit-border-radius:2px;-moz-border-radius:2px;} #authorization .bottom .aucontent .b2b .go_try{color: #2ac7a5;border-color: #2ac7a5;} /*************************** authorization end ***************************/ /**************** b2b/b2c novice start ***************/ #shop_novice .bg{background: #f8f8f8;} #shop_novice .head_banner{padding-top: 35px;text-align: center;} #shop_novice .head_banner .fir_tit{font-size: 18px;color: #666;height: 50px;line-height: 50px;} #shop_novice .head_banner .sec_tit{font-size: 30px;color: #444;height: 36px;line-height: 36px;font-weight: bold;padding-bottom: 48px;} #shop_novice .head_banner .sec_tit img{display: inline-block;vertical-align: middle;margin:0 8px;} #shop_novice .head_banner .banner{position: relative;width: 100%;height: 540px;background: url("/assets/img/sonschn/b2c_banner.png")/*novice/b2c_banner.png*/ no-repeat center center;} #shop_novice .head_banner .computer{overflow: hidden;width: 881px;height: 432px;background: url("/assets/img/sonschn/computer.png")/*novice/computer.png*/ no-repeat center center;margin:auto;} #shop_novice .head_banner .video{width: 649px;height: 365px;margin-top: 32px;margin-left: 115px;cursor: pointer;} #shop_novice .head_banner .down{position: absolute;margin:auto;bottom: -55px;} #shop_novice .page_content{background: #fff;padding:0 55px 90px;margin-bottom: 55px;margin-top: 98px;} #shop_novice .page_content .title{padding-top: 70px;padding-bottom: 20px;line-height: 50px;color: #333;font-size: 22px;font-weight: bold;} #shop_novice .page_content .desc{font-size: 16px;line-height: 34px;} #shop_novice .page_content .desc span{color: #00bd9f;font-weight: bold;} #shop_novice .page_content .box{position: relative;width: 36.8%;padding:3.6% 5.5% 7.3%;font-size: 14px;line-height: 28px;color: #666;border:1px solid #4185f4;} #shop_novice .page_content .box:before{content:'';position: absolute;left: 0;right: 0;top: -13px;margin:auto;width: 19px;height: 13px;background: url("/assets/img/sonschn/box_bg.png")/*novice/box_bg.png*/ no-repeat center center;} #shop_novice .page_content .box2{border:1px solid #01bfa5;} #shop_novice .page_content .box2:before{background-image: url("/assets/img/sonschn/box_bg2.png")/*novice/box_bg2.png*/;} #shop_novice .page_content .box_shadow{box-shadow: 0px 0px 20px rgba(0,0,0,0.24);-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.24);-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.24);} #shop_novice .page_content li{position: relative;padding-left: 30px;line-height: 50px;font-size: 16px;color: #333;} #shop_novice .page_content li:before{position: absolute;top: 0;bottom: 0;left: 0;margin:auto;content:'';width: 0;height: 0;border-width:5px 0 5px 7px;border-style: solid;border-color: transparent;border-left-color: #333;} #shop_novice .page_content li span{color: #00bd9f;font-weight: bold;} #shop_novice .page_content .tac{text-align: center;} #shop_novice .page_content .bor_title{display: inline-block;height: 30px;line-height: 30px;padding-left: 25px;padding-right: 30px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;background: #00bd9f;color: #fff;font-size: 18px;} #shop_novice .page_content .bor_con{margin-left: 6px;border-left:1px solid #d8d8d8;padding:40px 0 0px 50px;} #shop_novice .page_content .bor_con .tit{position: relative;height: 36px;line-height: 36px;padding-left: 59px;margin-left: -56px;font-size: 18px;color: #00bd9f;background: #fff;font-weight: bold;} #shop_novice .page_content .bor_con .tit:before{content:'';position: absolute;top: 0;bottom: 0;left: 0;margin:auto;width: 12px;height: 12px;border-radius: 100%;background: #00bd9f;} #shop_novice .page_content .bor_con .desc{margin-top: 18px;margin-bottom: 56px;} #shop_novice .page_content .bor_con .desc2{margin-bottom: 0;} #login .login_box{ width:400px; height:420px; background:#fff; border-radius:6px; box-shadow:0 0 10px 0 rgba(0,0,0,0.05); box-sizing:border-box; padding:40px; position:fixed; left:50%; top:50%; margin-left:-200px; margin-top:-210px;} #login .login_box .login_title{ font-size:28px; text-align:center; margin-bottom:30px;} #login .login_box .input input{ width:100%; height:45px; line-height:45px; border:1px solid #ddd; box-sizing:border-box; border-radius:3px; text-indent:45px; font-size:14px;} #login .login_box .input .user{ background:url("/assets/img/sonschn/icon_login_user.png")/*icon_login_user.png*/ 12px center no-repeat} #login .login_box .input .password{ background:url("/assets/img/sonschn/icon_login_password.png")/*icon_login_password.png*/ 12px center no-repeat;} #login .login_box .submit{ width:100%; height:47px; line-height:47px; background:#0cba92; cursor:pointer; text-align:center; color:#fff; font-size:16px; border:0; display:block; letter-spacing:5px; border-radius:3px; margin-top:55px;} #login .login_box .submit.loading{ background:url("/assets/img/sonschn/login_loading.gif")/*login_loading.gif*/ #0cba92 center no-repeat; text-indent:10000px;} #login .login_box .tips{ text-align:left; font-size:16px; color:#999;} #login .login_box .tips a{ color:#07bb8a;} #login .login_box .tips .forgot_btn{ float: right; color:#999999;} #login .member_box{ width:400px; height:460px; background:#fff; border-radius:6px; box-shadow:0 0 10px 0 rgba(0,0,0,0.05); box-sizing:border-box; padding:40px; position:fixed; left:50%; top:50%; margin-left:-200px; margin-top:-230px;} #login .member_box h2{ font-size:28px; text-align:center; margin-bottom:30px;} #login .member_box .member_list{ height: 310px; overflow:hidden;} #login .member_box .member_list .member_item{ height: 50px; line-height: 50px; border: 1px solid #dedede; border-radius: 5px; padding-left: 55px; cursor: pointer; margin-bottom: 10px; background-color: #fff; background-repeat: no-repeat; background-image: url("/assets/img/sonschn/icon_login_domain.png")/*icon_login_domain.png*/; background-position: 15px center; overflow: hidden; padding-right: 20px;} #login .member_box .member_list .member_item a{ font-size: 18px; color: #666; text-decoration: none; display: block; overflow: hidden;} #login .member_box .member_list .member_item:hover{ background-color: #e8f1ef; border: 1px solid #0db083;} /**************** b2b/b2c novice end ***************/ /*w1000*/ /*general*/ #w1000 .global_item_fir{ width:307px; margin-left:38px; height:236px;} #w1000 .global_item_fir_nor{ margin-left:0;} #w1000 .global_item_fir .img{ width:305px; height:184px;} #w1000 .global_item_sec{ width:307px; margin-left:38px; height:282px;} #w1000 .global_item_sec_nor{ margin-left:0;} #w1000 .global_item_sec .img{ width:305px; height:184px;} #w1000 .global_item_sec .video_img{height:173px;} #w1000 .global_item_sec .intro .ova{width: 275px;} #w1000 .global_phone_fir{ margin:0 54px; margin-bottom:40px;} #w1000 .global_right_ad .row_box .img{ float:none; margin:0 auto;} #w1000 .global_right_ad .row_box .con{ float:none;} /*header*/ #w1000 #global_qq_service{top: 330px;} #w1000 #header .logo{height: 46px;margin:25px 0;} #w1000 #header .nav li{ margin:0 10px;} #w1000 #header .tel{margin-left: 20px;font-size: 18px;} #w1000 #header .header_abs .logo{height: 42px;margin: 9px 0;} #w1000 #header .member a.register{ /*margin-left:50px;*/} /*#w1000 #header .tel{transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;overflow:visible;color: #3cb794;} #w1000 #header .tel i{left: auto;right: 5px;} #w1000 #header .tel span{height: 0;position: absolute;right: 0;top: 73px;width: 190px;background: #1a1f1e;text-align: center;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;overflow: hidden;} #w1000 #header .tel:hover{width: 0;padding-left: 70px;padding-bottom: 24px;margin-left: 0;} #w1000 #header .tel:hover span{height: 50px;} #w1000 #header .tel:hover:before{content: '';position: absolute;width: 30px;height: 2px;background: #00bd9f;right: 5px;top: 50px;}*/ /*footer*/ #w1000 #footer .info{ width:270px;} #w1000 #footer .menu dl{ width:113px; margin-right:15px;} /*index*/ #w1000 #int .website .item{ width:330px; height:200px; padding-left:130px; padding-right:20px;background-size: 80px auto;} #w1000 #int .website .item .title{ padding-top:25px;} #w1000 #int .website .item .img{ left:15px; top:30px;} #w1000 #int .guid .tacking{margin-left: 10px;} #w1000 #int .guid .tacking .con{} #w1000 #int .guid .video{margin-right: 10px;width: 276px;} #w1000 #inb .news{ width:480px;} #w1000 #inb .news .item .img{ width:160px; height:82px;} #w1000 #inb .news .item .con{ width:305px;} #w1000 #inb .news .item .con .date{ margin-top:7px;} #w1000 #inb .system{ width:490px;} #w1000 #inb .partner .container{ padding-left:165px;} #w1000 #inb .partner .item{ margin-right:52px;} /*template*/ #w1000 #template .item{ float:none; margin:0 auto; margin-bottom:60px;} /*price*/ #w1000 #price table{ width:1000px;} #w1000 #price table .burst div{ width:199px;} #w1000 #price table .burst .standard{ left:400px;} #w1000 #price table .burst .advanced{ left:600px;} #w1000 #price table .burst .professional{ left:800px;} #w1000 #price table td.tips div{ width:548px;} /*cust*/ #w1000 #cust .mid .item{ width:225px; margin-left:20px;} #w1000 #cust .mid .item .pic{ width:225px;} #w1000 #cust .mid .item .pic img{ width:200px;} #w1000 #cust .mid .item_four .pic img{ width:180px;} /*faq*/ #w1000 #faq .category{ width:180px;} #w1000 #faq .contents{ width:800px;} #w1000 #faq .contents .item{ width:302px; margin-left:20px; margin-bottom:20px; padding:15px 15px 0 70px;} #w1000 #faq .contents .item_nor{ margin-left:0;} #w1000 #faq .contents .item i{ left:10px; top:10px;} /*extension*/ /*#w1000 #extension .item{ width:457px; margin-left:20px; padding:15px; margin-bottom:20px;} #w1000 #extension .item_nor{ margin-left:0;} #w1000 #extension .item .img{ width:200px; height:136px;} #w1000 #extension .item .con{ width:240px;} #w1000 #extension .item .con h3{ height:20px; line-height:20px;} #w1000 #extension .item .con h3 a{ font-size:16px;} #w1000 #extension .item .con .param{ margin-bottom:5px;} #w1000 #extension .item .con .intro{ font-size:12px;} #w1000 #extension .item .con .pv{ margin-top:5px;}*/ #w1000 #extension .marketing .item{width: 290px;} #w1000 #extension .marketing .item1{} #w1000 #extension .marketing .item2{left: 215px;} #w1000 #extension .marketing .item3{left: 439px;} #w1000 #extension .marketing .item4{left: 704px;} #w1000 #extension .marketing .item.cur{margin-left: -15px;} #w1000 #extension .marketing .item.cur li{background-position: 12px center;padding-left: 35px;font-size: 14px;} #w1000 #extension_detail .top{ height:422px;} #w1000 #extension_detail .top .video{ width:620px;} #w1000 #extension_detail .top .con{ width:325px;} #w1000 #extension_detail .top .con .intro{ height:75px;} #w1000 #extension_detail .bot .item{ width:234px; margin-left:20px;} #w1000 #extension_detail .bot .item_nor{ margin-left:0;} #w1000 #extension_detail .bot .item .img{ width:222px; height:151px;} #w1000 #extension_guest .top .item{ padding:30px; width:188px;} #w1000 #extension_guest .mid .item{ width:300px; margin-left:25px;} #w1000 #extension_guest .mid .item .img{ width:300px; height:174px;} #w1000 #extension_guest .partner .img{ width:187px; height:66px;} /*system*/ #w1000 #system .top .item{ width:248px;} #w1000 #system .mid .show_item{ width:240px; margin-left:10px;} #w1000 #system .mid .show_item_nor{ margin-left:0;} #w1000 #system .mid .show_item i{ left:35px;} #w1000 #system .mid .show_item a{ text-indent:100px;} #w1000 #system .mid .shop_item{ width:188px;} #w1000 #system .mid .shop_item:first-child{margin-left: 25px;} #w1000 #system .mid .shop_item .abs{width: 216px;left: -10px;} #w1000 #system .bot .item{ width:244px; height:95px; margin-left:10px; padding-left:80px;} #w1000 #system .bot .item_nor{ margin-left:0;} #w1000 #system .bot .item i{ left:15px; top:23px;} #w1000 #system .bot .item h3{ padding-top:20px;} /*about*/ #w1000 #about .content .intro{ width:470px;} #w1000 #about .progress_s0 .contents{ width:1000px; height:320px; background:url("/assets/img/sonschn/about_progress_big_s0.png")/*about_progress_big_s0.png*/ no-repeat center;background-size: auto 100%; } #w1000 #about .technology .item .list{width: 175px;} #w1000 #about .technology .item .firt{font-size: 40px;} #w1000 #about .progress_s0 .contents .flag{display: none !important;} #w1000 #about .progress_s0 .contents .item{font-size: 12px;} #w1000 #about .progress_s0 .contents .item span{margin-bottom: 10px;} #w1000 #about .progress_s0 .contents .item.down span{margin-top: 10px;margin-bottom: 0px;} #w1000 #about .progress_s0 .contents .i0{ top:-32px; left:150px;} #w1000 #about .progress_s0 .contents .i1{ top:-10px; left:265px;} #w1000 #about .progress_s0 .contents .i2{ top:-32px; left:368px;} #w1000 #about .progress_s0 .contents .i3{ top:-10px; left:480px;} #w1000 #about .progress_s0 .contents .i4{ top:-32px; left:590px;} #w1000 #about .progress_s0 .contents .i5-1{ top:-10px; left:698px;} #w1000 #about .progress_s0 .contents .i5-2{ top:-32px; left:805px;} #w1000 #about .progress_s0 .contents .i6{ top:245px; left:698px;} #w1000 #about .progress_s0 .contents .i7{ top:249px; left:590px;} #w1000 #about .progress_s0 .contents .i8{ top:245px; left:480px;} #w1000 #about .progress_s0 .contents .i9{ top:280px; left:368px;} #w1000 #about .progress_s0 .contents .i10{ top:259px; left:265px;} #w1000 #about .progress_s0 .contents .i11{ top:231px; left:150px;} #w1000 #about .news .item{ width:312px; margin-left:30px;} #w1000 #about .news .item .img{ width:312px; height:158px;} #w1000 #about .news .nor{ margin-left:0;} /*news*/ #w1000 #info .item{width: 310px;margin-left: 18px;} #w1000 #info .item .img{ height:157px;} #w1000 #info .item .con{ } #w1000 #info .item .all{ width:100%;} #w1000 #info_detail .contents{ width:770px;} #w1000 #info_detail .ad{ width:210px;} /*company*/ #w1000 #company .item{ width:238px; margin-left:15px;} #w1000 #company .item .img{ width:224px; height:149px;} /*contact*/ #contact .content{ margin-top: 100px;} #contact .title{ font-size:24px; color:#2ca594;} #contact .intro{ font-size:14px; color:#4a4a4a;} #contact .title.tc,#contact .intro.tc{text-align: center;} #contact .intro a{color: #2ca594;text-decoration: underline;} #contact .top{ padding:40px; background:#f9f9f9;} #contact .top .item{ width:340px; height:120px; float:left; background:#fff; margin-left:50px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #contact .top .address{ margin-left:0;} #contact .top .address div{ font-size:16px; color:#4a4a4a; margin-left:95px; margin-top:35px; margin-right:40px; line-height:25px;} #contact .top .address i{ width:44px; height:44px; left:30px; top:35px; background:url(/assets/img/uee_icons.png) no-repeat; background-position:0 -208px;} #contact .top .tel div{ font-size:16px; color:#4a4a4a; margin-left:95px; margin-top:23px; line-height:25px;} #contact .top .tel i{ width:32px; height:38px; left:35px; top:40px; background:url(/assets/img/uee_icons.png) no-repeat; background-position:-74px -211px;} #contact .top .tel span{ font-size:14px;} #contact .top .email div{ font-size:16px; color:#4a4a4a; margin-left:100px; margin-top:10px; line-height:25px;} #contact .top .email i{ width:45px; height:35px; left:35px; top:43px; background:url(/assets/img/uee_icons.png) no-repeat; background-position:-146px -214px;} #contact .mid{ padding:0 40px;} #contact .mid .item{ width:330px; float:left; margin-left:65px;} #contact .mid .item .img{ width:70px; height:70px; margin:0 auto;} #contact .mid .item .sign{ height:40px; line-height:40px; border-top:1px solid #2ca594; border-bottom:1px solid #2ca594; text-align:center; color:#2ca594; font-size:16px; margin-top:24px;} #contact .mid .item .name{ height:40px; line-height:40px;text-align:center; font-size:16px; color:#5b5b5b; margin-top:5px;} #contact .mid .business{ margin-left:0;} #contact .mid .business i{ width:70px; height:70px; left:0; top:0; background:url(/assets/img/uee_icons.png) no-repeat; background-position:-218px -195px;} #contact .mid .work i{ width:70px; height:70px; left:0; top:0; background:url(/assets/img/uee_icons.png) no-repeat; background-position:-311px -195px;} #contact .mid .advise i{ width:70px; height:70px; left:0; top:0; background:url(/assets/img/uee_icons.png) no-repeat; background-position:-405px -196px;} #contact .bot{ padding:35px 40px 52px 39px;border:1px solid #ececec;border-radius: 3px;} #contact .bot .fl{ width:840px;padding-right: 54px;border-right: 1px solid #ededed;} #contact .bot .form_input{ width:408px; height:48px; line-height:48px; border:1px solid #f9f9f9; background:#f9f9f9; text-indent:15px; outline:none; font-size:18px; color:#999999; float:left;border-radius: 3px;} #contact .bot .form_textarea{ padding:15px; width:808px; height:118px; border:1px solid #f9f9f9; outline:none; font-size:18px; background:#f9f9f9; color:#999999; resize:none;border-radius: 3px;} #contact .bot .form_submit{ width:100%; height:48px; line-height:48px; text-align:center; background:#2ca594; font-size:18px; color:#fff; border:0; outline:none; cursor:pointer; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #contact .bot .fr{ width:185px; height:300px; background:#fff; text-align:center;} #contact .bot .sign{ font-size:14px; color:#666; padding-top:30px;} #contact .bot .subsign{ font-size:18px; color:#2ca594; margin-top:10px;} #contact .bot .img{ width:166px; height:166px; margin:0 auto; margin-top:15px;} /*instance*/ #w1000 #instance .category_blank{ height:180px;} #w1000 #instance .menu .instance_tag{ height:auto; padding-bottom:0;} #w1000 #instance .menu .instance_tag a{ margin-bottom:10px; margin-right:15px;} #w1000 #instance .menu .instance_category{ height:auto; padding-bottom:0;} #w1000 #instance .menu .instance_category a{ margin-bottom:10px;} #w1000 #instance .item{ margin:0 auto; float:none; margin-bottom:35px;} /*email*/ #w1000 .new_mail .email_char .left_char{width: 580px;} /*service*/ #w1000 .service_char_1{padding:0 10px;} #w1000 .service_char_1 .char_box,#w1000 .service_char_1 .img_box{width: 490px;} #w1000 .service_char_1 .char_box .char{width: 470px;} #w1000 .service_area table .map{margin-left: 0px;} #w1000 #service .module_box{padding: 0 20px;} #w1000 #service .module_box .video{width: 477px;background-size: 100% auto;} #w1000 #service .module_box .content{width: 425px;margin-top: 108px;} #w1000 #service .module_box .video .img{width: 393px;height: 261px;margin-top: 13px;margin-left: 55px;} #w1000 #service .module_box .video .img .ext{top: 31px;right: -75px;width: 230px;height: 186px;} /*byone*/ .byone{ background:#fff; padding:70px; text-align:center; box-sizing:border-box;} .byone .h2{ font-size:36px;} .byone .h3{ font-size:18px; margin-top:25px;} .byone .img{ border:4px solid #000; width:230px; height:230px; margin:70px auto 20px auto;} .byone .h4{ font-size:14px; color:#5f5f5f;} .byone .byone_kf{ width:580px; margin:0 auto; margin-top:60px;} .byone .byone_kf .pic{ width:47px; height:47px;} .byone .byone_kf .con{ width:495px; height:90px; border:1px solid #d9d9d9; border-radius:5px; margin-left:30px; box-sizing:border-box; padding-left:15px; padding-top:8px;} .byone .byone_kf .con i{ width:11px; height:13px; background:url("/assets/img/sonschn/byone_arrow.png")/*new/byone_arrow.png*/ no-repeat; left:-11px; top:15px;} .byone .byone_kf .con .name{ font-weight:bold; font-size:14px; text-align:left;} .byone .byone_kf .con .brief{ font-size:14px; color:#5f5f5f; text-align:left; line-height:22px; margin-top:5px;} .dry_right{float: right;width: 290px;padding-top: 20px;margin-bottom: 40px;} .dry_right .title{height: 56px;line-height: 56px;padding-top: 10px;text-indent: 20px;font-size: 20px;} .dry_right .keyword{background: #fafafa;padding-bottom: 5px;} .dry_right .keyword .box{padding-left: 25px;} .dry_right .keyword .item{float: left;border-color: #bebebe;border-style: solid;border-width: 1px;border-radius: 13px;height: 24px;line-height: 24px;padding:0 15px;font-size: 12px;margin-bottom: 15px;margin-right: 10px;} .dry_right .hot{margin-bottom: 20px;background: #fafafa;} .dry_right .hot .box{padding-left: 20px;} .dry_right .hot .item{display: block;height: 52px;line-height: 52px;border-top: 1px solid #ededee;overflow: hidden;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;} .dry_right .hot .item:first-child{border-top: none;} .dry_right .hot .item span{display: inline-block;width: 22px;text-align: center;margin-right: 13px;} .dry_right .hot .item.fir span{color: #f99a21;} .dry_right .hot .box form{padding-bottom: 20px;} .dry_right .hot .box form input[type=text]{width: 150px;padding: 0 10px;border: 1px solid #ccc;height: 28px;} .dry_right .hot .box form input[type=submit]{width: 50px;padding: 0;border: none;height: 28px;background: #ff6600;color: #fff;border-radius: 4px;} .dry_right .wechat{ padding-bottom: 10px;} .dry_right .wechat .w_sao{ font-size:16px; margin-top:10px;} .dry_right .wechat .w_more{ font-size:14px; color:#00bd9f; margin-top:5px; margin-bottom:20px;} .dry_right .linkArea{margin-bottom: 20px;border: 1px solid #ededed;} .dry_right .linkArea .title{height: 52px;line-height: 52px;border-bottom: 1px solid #ededed;padding-left: 20px;color: #1ca18b;} .dry_right .linkArea .linkBox{padding: 17px;box-sizing:border-box;overflow: hidden;} .dry_right .linkArea .linkBox a{float: left;width: 50%;font-size: 14px;margin-bottom: 10px;} .loading_con{ padding-top: 30px; width: 100%; min-height: 500px; background: #f9f9f9;} /* .loading_con .loading_con_in{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .loading_con .loading_con_in .loading_table{ display: table; width: 100%; height: 100%;} .loading_con .loading_con_in .loading_table .loading_table_cell{ display: table-cell; vertical-align: middle;} */ .loading_con .img{ width: 100%;} .loading_con .title{ width: 100%; height: 58px; line-height: 58px; font-size: 36px; color: #333; text-align: center;} .loading_con .brief{ width: 100%; height: 47px; line-height: 47px; font-size: 24px; color: #7e7e7e; text-align: center;} /* .video_outer{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100;} .video_outer .video_con{ position: absolute; left: 50%; top: 50%; padding: 20px; width: 900px; height: 482px; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .video_outer .video_con video{ width: 100%; height: 100%;} .video_outer .video_con embed{ width: 100%; height: 100%;} .video_outer .video_con i{ position: absolute; width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;} .video_outer.cur{ display: block;} */ .video_outer{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100;} .video_outer .video_con{ position: absolute; left: 50%; top: 50%; margin: -241px 0 0 -450px; padding: 20px; width: 900px; height: 482px; background: #fff;} .video_outer .video_con video{ width: 100%; height: 100%;} .video_outer .video_con embed{ width: 100%; height: 100%;} .video_outer .video_con i{ position: absolute; width:35px; height:35px; right:-50px; top:-40px; background:url("/assets/img/sonschn/icons.png")/*icons.png*/ no-repeat; background-position:-254px -35px; cursor:pointer;} .video_outer.cur{ display: block;} #cust_detail .list.wrap{ margin-top: 0;} #cust_detail .contents video{ display: block; margin: 0 auto;} #cust_detail .menu{ width:100%;} #cust_detail .menu .instance_tag{ width: 100%; height: 80px; border-bottom: 1px solid #d9d9d9;} #cust_detail .menu .instance_tag .list{ padding: 0 20px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} #cust_detail .menu .instance_tag a{ display: inline-block; position: relative; padding: 0 47px; height: 100%; line-height: 80px; font-size: 18px; color: #333;text-decoration: none;} #cust_detail .menu .instance_tag a:before{ display: block; content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; background: #0db083; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;} #cust_detail .menu .instance_tag a.cur{ color: #0db083;} #cust_detail .menu .instance_tag a.cur:before{ opacity: 1;} #cust_detail .menu .instance_tag a.icons{ padding-right:45px;} #cust_detail .menu .instance_tag a.icons i{ width:30px; height:30px; right:5px; top:0px; background:url("/assets/img/sonschn/instance.gif")/*instance.gif*/ no-repeat center center;} #cust_detail .menu .instance_tag a:hover{ color: #0db083;} /*#cust_detail .menu .instance_tag a:hover:before{ opacity: 1;}*/ #cust_detail .menu .instance_category{ margin-top: 30px; width: 100%;} #cust_detail .menu .instance_category .list{ padding: 0 11px; height: 33px; -webkit-box-sizing: border-box; box-sizing: border-box;} #cust_detail .menu .instance_category .list a{ display: inline-block; padding: 0 14px; height: 100%; line-height: 33px; font-size: 14px; color: #555; text-decoration: none; -webkit-border-radius: 17px; border-radius: 17px; -webkit-transition: all 0.3s; transition: all 0.3s;} #cust_detail .menu .instance_category .list a.cur{ background: #0db083; color: #fff;} #cust_detail .menu .instance_category .list a:hover{ background: #0db083; color: #fff;} #global_cate{ width: 100%; height: 80px; border-bottom: 1px solid #d9d9d9;} #global_cate .list{ display: grid; grid-template-columns: repeat(4, 1fr);} #global_cate .list a{ display: block; position: relative; width: 100%; height: 100%; line-height: 80px; font-size: 18px; color: #333; text-align: center; text-decoration: none;} #global_cate .list a:before{ display: block; content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; background: #0db083; opacity: 0;} #global_cate .list a:hover{ color: #0db083;} #global_cate .list a.cur{ color: #0db083;} #global_cate .list a.cur:before{ opacity: 1;} #marketing{ margin: 0 auto; width: 1200px;} #resource{ margin-top: 38px;} #resource.video{ margin-top: 0;} #resource .top_title{line-height: 59px;overflow: hidden;text-indent: 5px;text-align: center;font-size: 36px;color: #333;} #resource .top_title.desc{padding-bottom: 18px;} #resource .marketing_list{margin-top: 60px;} #resource .marketing_list .item_box{display: none;} #resource .marketing_detail .contents{width:890px;} #resource .marketing_detail .contents .param{height:36px; line-height:36px; padding:10px 0px; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc;} #resource .marketing_detail .contents .param *{font-size:14px; color:#747373} #resource .marketing_detail .contents .param .author{margin-left:100px;} #resource .marketing_detail .contents .param .view{margin-left:40px;} #resource .marketing_detail .contents .param .time{margin-left:40px;} #resource .marketing_detail .contents .param .bdsharebuttonbox{margin-left:20px; margin-top:8px;} #resource .marketing_detail .contents .description{padding-left:0px; padding-right:0px; line-height:30px;} #resource .marketing_detail .contents .add_share{text-align:center; padding-bottom:35px;} #resource .marketing_detail .contents .add_share .good_out{display:inline-block;} #resource .marketing_detail .contents .add_share .good_out .good{display:inline-block; min-width:70px; height:35px; line-height:35px; border-radius:5px; background:url("/assets/img/sonschn/thumbs_up.png")/*thumbs_up.png*/ no-repeat 15px center #1a1a1a; background-size:20px 20px; padding-left:45px; color:#fff; text-align:left;} #resource .marketing_detail .contents .near{ border-top:1px solid #e5e5e5; padding:15px 0;} #resource .marketing_detail .contents .near .row{ font-size:14px; color:#37b084; float:left; width:50%; height:25px;} #resource .marketing_detail .contents .near .row a{color:#535353;} #resource .marketing_detail .contents .near .row a:hover{color:#0db083;} #resource .marketing_detail .contents .related_news .related_news_title{ font-size: 20px; height:49px; line-height: 49px; border-bottom:1px solid #ededee;} #resource .marketing_detail .contents .related_news .related_news_list{} #resource .marketing_detail .contents .related_news .related_news_list .related_news_item{ overflow: hidden; border-bottom:1px dashed #ededee; padding:10px 0; float:left; width:420px;} #resource .marketing_detail .contents .related_news .related_news_list .related_news_item.odd{ margin-left:20px; float:right;} #resource .marketing_detail .contents .related_news .related_news_list .related_news_item a{ font-size: 14px;} #resource .marketing_detail .contents.related_news .related_news_list .related_news_item:last-child{ border-bottom: 0;} #resource .marketing_detail .dry_right{width: 290px; padding-top:20px; margin-bottom:40px;} #resource .marketing_detail .dry_right .title{height:52px; line-height:52px; padding-left:20px; font-size:20px;} #resource .marketing_detail .dry_right .linkArea{margin-bottom:20px; border:1px solid #ededed;} #resource .marketing_detail .dry_right .linkArea .title{color:#1ca18b; padding-top:10px; text-indent:20px; border-bottom:1px solid #ededed;} #resource .marketing_detail .dry_right .linkArea .linkBox{padding:17px; box-sizing:border-box; overflow:hidden;} #resource .marketing_detail .dry_right .linkArea .linkBox a{float:left; width:50%; font-size:14px; margin-bottom:10px;} #resource .marketing_detail .dry_right .hot{margin-bottom:20px; background:#fafafa;} #resource .marketing_detail .dry_right .hot .box{padding-left: 20px;} #resource .marketing_detail .dry_right .hot li{display: block;height: 52px;line-height: 52px;border-top: 1px solid #ededee;overflow: hidden;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;} #resource .marketing_detail .dry_right .hot li:first-child{border-top: none;} #resource .marketing_detail .dry_right .wechat{ padding-bottom: 10px; text-align:center;} #resource .marketing_detail .dry_right .wechat .title{text-align:left;} #resource .marketing_detail .dry_right .wechat .w_sao{ font-size:16px; margin-top:10px;} #resource .marketing_detail .dry_right .wechat .w_more{ font-size:14px; color:#00bd9f; margin-top:5px; margin-bottom:20px;} /* {border-top: none;} */ #resource .marketing_detail .dry_right .keyword{background: #fafafa;padding-bottom: 5px;} #resource .marketing_detail .dry_right .keyword .box{padding-left: 25px;} #resource .marketing_detail .dry_right .keyword a{float: left;border-color: #bebebe;border-style: solid;border-width: 1px;border-radius: 13px;height: 24px;line-height: 24px;padding:0 15px;font-size: 12px;margin-bottom: 15px;margin-right: 10px;} #resource .item{float: left; width: 353px; margin-left: 56px; margin-bottom: 39px; border:1px solid #ededed;} #resource .first{margin-left: 10px;} #resource .item .img{ height:179px;text-align: center;} #resource .item .con{ padding:14px 12px 18px; } #resource .item .con h3{ height:30px; line-height:30px;margin-bottom: 7px;} #resource .item .con h3 a{display: block; height:30px; line-height:30px; overflow:hidden;-moz-text-overflow: ellipsis ;-webkit-text-overflow: ellipsis ;text-overflow: ellipsis ;white-space: nowrap;font-size:16px; color:#222222;} #resource .item .con .date{ font-size:14px; color:#bbbbbb; font-family:"Arial"; line-height: 24px;} #resource .item .con .intro{ font-size:14px; color:#999999; line-height:22px; height:66px; overflow:hidden;} #resource .item:hover{ margin-top: -10px;} #resource .item.big, #resource .item.live{width: 364px;margin-left: 41px;margin-bottom: 50px;} #resource .item.big.first, #resource .item.live.first{margin-left: 10px;} #resource .item.big .img{ height: 206px;} #resource .item.big .con,#resource .item.live .con{ padding:8px 18px 5px 14px;} #resource .item.big .con h3 a{font-size: 14px;color: #333;} #resource .item.big .name{display: block;height: 48px;line-height: 48px;padding: 0 10px;overflow:hidden;-moz-text-overflow: ellipsis ;-webkit-text-overflow: ellipsis ;text-overflow: ellipsis ;white-space: nowrap;font-size: 14px;color: #333;} #resource .item.big .video_name{display: block;height: 48px;line-height: 48px;background:url("/assets/img/sonschn/icon_video.png")/*global/icon_video.png*/ no-repeat 10px center;padding: 0 10px 0 38px;overflow:hidden;-moz-text-overflow: ellipsis ;-webkit-text-overflow: ellipsis ;text-overflow: ellipsis ;white-space: nowrap;font-size: 14px;color: #333;} #resource .item.big .video_name .time{float: right;line-height: 48px;font-size: 12px;color: #606060;} #resource .item.live .img{height: 228px;} #resource .item.live .con h3{margin-bottom: 0;} #resource .item.live .con .view{height: 38px;line-height: 38px;background:url("/assets/img/sonschn/icon_view.png")/*icon_view.png*/ no-repeat 1px center;padding-left: 24px;font-size: 12px;color: #555;} #resource .item.live .con .date{float: right;line-height: 38px;font-size: 12px;} #resource .item:hover .con h3 a,#resource .item.big:hover .name, #resource .item.big:hover .video_name a, #resource .item.big:hover .name a{color: #0db083; text-decoration: none;} #resource .menu_list{ margin: 28px auto 0; padding: 5px; display: flex; justify-content: space-between; width: 872px; height: 53px; background: #f2f5f8; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px;} #resource .menu_list a{ display: inline-block; width: 133px; height: 100%; line-height: 43px; position: relative; font-size: 16px; color: #747c7f; text-align: center; text-decoration: none; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.3s; transition: all 0.3s;} #resource .menu_list a:hover{ color: #0db083;} #resource .menu_list a.cur{ background: #fff; color: #0db083;} /*#resource .menu_list a.cur:after{content: '';width: 100%;height: 3px;background: #07bb8a;position: absolute;right: 0;bottom: -1px;left: 0;}*/ #resource .description{overflow: hidden;padding: 30px 10px 10px;} /*************************** 视频播放页 star ***************************/ #resource .video_bg{width:100%; background:#646464;} #resource .video_bg .video_title{width:100%; height:87px; line-height:87px; font-family:'微软雅黑'; color:#FFF; font-size:24px;} #resource .video_bg .video_main{width:100%; background:#464646; height:500px; overflow:hidden;} #resource .video_bg .other_video{width:100%; height:67px; line-height:67px; overflow:hidden;} #resource .video_bg .other_video .last{float:left; padding-left:15px; background:url("/assets/img/sonschn/video_last_arrow.png")/*video_last_arrow.png*/ no-repeat left center;} #resource .video_bg .other_video .next{float:right; padding-right:20px; background:url("/assets/img/sonschn/video_next_arrow.png")/*video_next_arrow.png*/ no-repeat right center;} #resource .video_bg .other_video span{color:#fff; font-size:14px; font-family:'微软雅黑';} #resource .video_bg .other_video a{color:#a0a0a0; font-size:14px; font-family:'微软雅黑';} #resource .recommend_video{margin-top:25px;} #resource .recommend_video .recommend_title{font-family:'微软雅黑'; font-size:25px; color:#333333; line-height:47px; border-bottom:1px solid #ebebeb;padding-bottom:10px;} #resource .recommend_video .recommend_list{margin-top:30px;} #resource .recommend_video .recommend_item{width:364px; float:left; border:1px solid #ebebeb; margin-left:41px;} #resource .recommend_video .recommend_item:first-child{margin-left:10px;} #resource .recommend_video .recommend_item:hover{margin-top:-10px;} #resource .recommend_video .recommend_item .pic{width:100%; height:206px; vertical-align:middle; text-align:center;} #resource .recommend_video .recommend_item .pic img{vertical-align:middle;} #resource .recommend_video .recommend_item .pic span{display:inline-block; height:100%; vertical-align:middle;} #resource .recommend_video .recommend_item .content{margin:8px 10px 5px 10px;overflow:hidden;} #resource .recommend_video .recommend_item .content .video_name{height:30px; line-height:30px; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #resource .recommend_video .recommend_item .content .video_name a{color:#333; font-size:14px; font-family:'微软雅黑';} #resource .recommend_video .recommend_item:hover .content .video_name a{color:#0db083;} #resource .recommend_video .recommend_item .content .video_length{float:right; margin-right:10px; color:#606060; font-size:12px; font-family:'微软雅黑';} #resource .recommend_video .recommend_list .marketing_course .video_name{padding-left:28px; background:url("/assets/img/sonschn/video_name_icon.png")/*video_name_icon.png*/ no-repeat left center;} #resource .recommend_video .recommend_list .live_course .pic{height:228px;} #resource .recommend_video .recommend_list .live_course .view{height:38px; line-height:38px; background:url("/assets/img/sonschn/icon_view-1.png")/*global/icon_view.png*/ no-repeat 1px center; padding-left:24px; color:#555; overflow:hidden;} #resource .recommend_video .recommend_list .live_course .date{float:right; line-height:38px;} /*************************** 视频播放页 end ***************************/ .video_play{cursor: pointer;} .video_box{display: none;position: fixed;width: 790px;height: 444px;top: 0;bottom: 0;left: 0;right: 0;margin:auto;z-index: 100001;} .video_box>a{content:'';width: 45px;height: 45px;position: absolute;right: -45px;top: -45px;background: url("/assets/img/sonschn/icon_video_close.png")/*global/icon_video_close.png*/ no-repeat center center;border-radius: 23px;} .video_box>div{width: 100%;height: 100%;background: #000;position: relative;} .video_box>div .tips{width: 354px;height: 224px;padding: 50px;background: #202020;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin:auto;color: #fff;} .video_box>div .tips a{color: #fff;padding-left: 3px;text-decoration: underline;} .video_box>div .tips td{padding: 50px 40px;text-align: left;line-height: 22px;} .cust_success_list{ margin: 110px auto; width: 1000px; min-width: 1000px;} .cust_success_list .cust_item{ position: relative; margin-top: 65px; padding-bottom: 100px; width: 100%; background: #f4f4f4; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;} .cust_success_list .cust_item:first-child{ margin-top: 0;} .cust_success_list .cust_item .text{ display: block; position: absolute; top: 60px; left: 50px; padding: 40px 38px; width: 460px; height: 280px; background: rgba(255, 255, 255, 0.95); text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s; transition: all 0.5s;} .cust_success_list .cust_item .text .title{ width: 100%; height: 39px; line-height: 39px; font-size: 20px; color: #333; text-align: center;} .cust_success_list .cust_item .text .brief{ margin-top: 15px; width: 100%; height: 72px; line-height: 24px; font-size: 14px; color: #999; text-align: center;} .cust_success_list .cust_item .text .btn{ margin: 32px auto 0; width: 150px; height: 42px; line-height: 42px; border: 1px solid #0db083; font-size: 16px; color: #0db083; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s; transition: all 0.5s;} .cust_success_list .cust_item .text:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px);} .cust_success_list .cust_item .text:hover .btn{ background: #0db083; color: #fff;} .video_center{text-align: center;} /* 2020-02-28 #decoration .margin_1200{width: 1200px;margin: 0 auto;} #decoration .header_top_blank{width: 100%;height: 96px;} #decoration .banner{width: 100%;height: 550px;background: url(/images/decoration/decoration_banner.png) no-repeat center/cover;} #decoration .banner_txt{height: 100%;text-align: center;display: table;} #decoration .banner_txt .banner_txt_middle{display: table-cell;vertical-align: middle;color: #fff;} #decoration .banner_txt .banner_txt_middle .title{font-size: 46px;line-height: 66px;color: #ffffff;} #decoration .banner_txt .banner_txt_middle .desc{font-size: 34px;line-height: 66px;color: #ffffff;margin-top: 1px;} #decoration .banner_txt .banner_txt_middle .btn{display: inline-block;font-size: 22px;color: #ffffff;width: 200px;height: 56px;line-height: 56px;text-align: center;background: #0cba92;border-radius: 4px;margin-top: 27px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} #decoration .banner_txt .banner_txt_middle .btn:hover {background: #fece2e;color: #333;} #decoration .big_list .copy{padding:170px 0;} #decoration .big_list .copy:nth-child(2n){background: #f2f7fa;} #decoration .big_list .copy .img,#decoration .big_list .copy .words{float: left;width: 50%;box-sizing: border-box;} #decoration .big_list .copy .img{margin:-30px;width: calc( 50% + 60px );} #decoration .big_list .copy .words{padding:0 110px 0 25px;} #decoration .big_list .copy:nth-child(2n+1) .img{float: right;} #decoration .big_list .copy:nth-child(3) .img,#decoration .big_list .copy:nth-child(4) .img{margin-top: -39px;} #decoration .big_list .copy:nth-child(2n) .words{padding:0 5px 0 110px;} #decoration .big_list .copy .words .title{font-size: 40px;color: #18b489;} #decoration .big_list .copy .words .desc{font-size: 22px;color: #666666;line-height: 40px;margin-top: 30px;} #decoration .service .service_top{height: 650px;background: url(/images/decoration/decoration_service_bg.png) no-repeat center top;} #decoration .service .service_top .service_small_list{position: relative;width: 100%;height: 335px;} #decoration .service .service_top .service_small_list .copy{position: absolute;width: 195px;text-align: center;} #decoration .service .service_top .service_small_list .copy .title{font-size: 24px;line-height: 30px;color: #333333;margin-top: 12px;} #decoration .service .service_top .service_small_list .copy .desc{font-size: 20px;line-height: 30px;color: #18b489;margin-top: 1px;} #decoration .service .service_top .service_small_list .copy:nth-child(1){left: 40px;top: 337px;} #decoration .service .service_top .service_small_list .copy:nth-child(2){left: 225px;top: 147px;} #decoration .service .service_top .service_small_list .copy:nth-child(3){left: 50%;margin-left: -90px;top: 76px;} #decoration .service .service_top .service_small_list .copy:nth-child(4){right: 225px;top: 147px;} #decoration .service .service_top .service_small_list .copy:nth-child(5){right: 40px;top: 337px;} #decoration .service .service_top .middle_pc{width: 774px;height: 443px;background: url(/images/decoration/decoration_service_main.png) no-repeat center;text-align: center;margin: 0 auto;position: relative;z-index: 1;} #decoration .service .service_top .middle_pc .desc{font-size: 36px;line-height: 58px;color: #333333;padding-top: 116px;} #decoration .service .service_top .middle_pc .price{margin-top: 21px;} #decoration .service .service_top .middle_pc .price span{font-size: 50px;line-height: 28px;color: #18b489;font-weight: bold;display: inline-block;vertical-align: bottom;} #decoration .service .service_top .middle_pc .price span:first-child{font-size: 30px;margin-bottom: 7px;} #decoration .service .green_180{height: 180px;background: #0cba92;} #decoration .case{padding: 102px 0 80px;} #decoration .case .case_title{font-size: 40px;color: #333333;text-align: center;} #decoration .case .case_list{margin-top: 15px;} #decoration .case .case_list .copy{width: 50%;padding: 40px;box-sizing:border-box;float: left;position: relative;height: 409px;} #decoration .case .case_list .copy .copy_inner{transition: 0.3s all;-moz-transition: 0.3s all;-webkit-transition: 0.3s all;position: absolute;left: 40px;top: 40px;} #decoration .case .case_list .copy:hover .copy_inner{margin-top: -10px;} #decoration .case .case_list .copy .case_one{border: 1px solid #f4f4f4;margin-top: -1px;height: 308px;} */ #landing{} #landing *{font-family: 'SHSR';line-height: 1.5;} #landing .margin_1200{width: 1200px;margin: 0 auto;} #landing .header_top_blank{width: 100%;height: 96px;} #landing .banner{width: 100%;height: 680px;background: url("/assets/img/sonschn/landing_banner.png")/*landing/landing_banner.png*/ no-repeat center/cover;} #landing .banner_txt{height: 100%;text-align: center;display: table;} #landing .banner_txt .banner_txt_middle{display: table-cell;vertical-align: middle;} #landing .banner_txt .banner_txt_middle .bg_white{width: 676px;height: 348px;margin: auto;color: #333;box-sizing:border-box;padding: 62px 0 30px;background: rgba(255,255,255,0.95);} #landing .banner_txt .banner_txt_middle .title{font-size: 50px;margin-top: 35px;} #landing .banner_txt .banner_txt_middle .desc{font-size: 50px;font-family: 'SHSB';margin-top: 11px;} #landing .middle_green{padding: 122px 0 110px;background: #37ae8d;} #landing .middle_green .copy{width: 270px;float: left;margin-left: calc( (100% - 270px*4)/3 );text-align: center;color: #fff;padding-bottom: 48px;position: relative;} #landing .middle_green .copy:before{position: absolute;content: '';width: 100%;height: 18px;/*background: #fff;*/left: 0;bottom: 0px;border: 1px solid rgba(255,255,255,0.5);border-top: none;} /*#landing .middle_green .copy:after{position: absolute;content: '';width: 1px;height: 18px;background: #fff;right: 0;bottom: 0px;}*/ #landing .middle_green .copy:first-child{margin-left: 0px;} #landing .middle_green .copy .top_num .num{font-size: 60px;line-height: 24px;display: inline-block;vertical-align: sub;font-family: 'SHSB';color: #fff;position: relative;top: 30px;opacity: 0;} #landing .middle_green .copy .top_num .tag{font-size: 20px;line-height: 24px;display: inline-block;vertical-align: text-bottom;color: #fff;margin-left: 5px;} #landing .middle_green .copy:first-child .top_num .tag{line-height: 13px;} #landing .middle_green .copy .name{font-size: 24px;margin-top: 31px;color: #fff;} #landing .choose .choose_title{text-align: center;padding-top: 105px;} #landing .choose .choose_title .title{font-size: 46px;margin-bottom: 14px;} #landing .choose .choose_title .desc span{display: inline-block;vertical-align: middle;font-size: 46px;font-family: 'SHSB';} #landing .choose .choose_title .desc span:first-child{color: #0eb085;} #landing .choose .choose_list .copy{padding: 150px 0;} #landing .choose .choose_list .copy:nth-child(2n){background: #f6f8fb;} #landing .choose .choose_list .copy:nth-child(3){padding-top: 140px;} #landing .choose .choose_list .copy:nth-child(4){padding-top: 122px;margin-bottom: -7px;} #landing .choose .choose_list .copy .img_out{float: left;width: 50%;} #landing .choose .choose_list .copy .img_out .img{margin: -30px;} #landing .choose .choose_list .copy .cont{float: left;width: 50%;padding-left: 100px;box-sizing:border-box;} #landing .choose .choose_list .copy:nth-child(2n) .img_out{float: right;} #landing .choose .choose_list .copy:nth-child(2n) .cont{padding-left: 0px;padding-right: 100px;} #landing .choose .choose_list .copy .cont .title{font-size: 36px;} #landing .choose .choose_list .copy .cont .desc{font-size: 24px;line-height: 46px;color: #666666;margin-top: 23px;} #landing .choose .choose_list .copy .cont .desc p{padding-left: 40px;background: url("/assets/img/sonschn/landing_choose_list_btn.png")/*landing/landing_choose_list_btn.png*/ no-repeat left top 14px;margin: 0px;margin-top: 10px;font-size: 24px;line-height: 46px;} #landing .choose .choose_list .copy .cont .desc p:first-child{margin-top: 0px;} #landing .form{padding: 102px 0 120px;text-align: center;display: none;} #landing .form.form2{padding-top: 106px;} #landing .form .margin_1200{width: 800px;} #landing .form .title{font-size: 46px;padding-bottom: 19px;} #landing .form input[type=text]{box-sizing:border-box;width: 100%;height: 70px;line-height: 70px;padding: 0 23px;font-size: 22px;color: #aaaaaa;border-radius: 5px;margin-top: 30px;border: 1px solid #f3f3f3;background: #f3f3f3;} #landing .form input[type=text]::-webkit-input-placeholder {color: #aaaaaa;font-size: 22px;} #landing .form input[type=text]:-moz-placeholder {color: #aaaaaa;font-size: 22px;} #landing .form input[type=text]::-moz-placeholder {color: #aaaaaa;font-size: 22px;} #landing .form input[type=text]:-ms-input-placeholder {color: #aaaaaa;font-size: 22px;} #landing .form input[type=submit]{height: 70px;line-height: 70px;background: #0eb085;color: #fff;text-align: center;margin: 0 auto;border-radius: 35px;border: none;font-size: 36px;font-family: 'SHSM';display: inline-block;width: 400px;margin-top: 60px;transition:all 0.3s;cursor: pointer;} #landing .form input[type=submit]:hover{background: #48bdaa;} #landing .chanage_btn_out{text-align: center;padding: 15px 0 120px;background: #f6f8fb;} #landing .chanage_btn_out.chanage_btn_out2{padding-top: 63px;background: #fff;} #landing .chanage_btn_out .btn{min-width: 350px;height: 70px;line-height: 70px;background: #0eb085;color: #fff;text-align: center;margin: 0 auto;border-radius: 35px;border: none;font-size: 36px;font-family: 'SHSM';display: inline-block;padding: 0 25px;padding: 0;width: 510px;} #landing .same{padding: 107px 0 117px;/*background: #f6f8fb;*/} #landing .same .title{text-align: center;} #landing .same .title span{display: inline-block;vertical-align: middle;font-size: 46px;} #landing .same .title span:nth-child(2n+1){font-size: 50px;color: #0eb085;font-family: 'SHSB';font-style: italic;margin: 0 9px 0 2px;} #landing .same .same_bg{height: 650px;background: url("/assets/img/sonschn/landing_sonschn_bg.png")/*landing/landing_sonschn_bg.png*/ no-repeat left center;padding: 55px 0 57px;margin-top: 54px;background-position: calc( (100vw - 1920px - 16px )/2 ) center;} #landing .same .same_inner{box-sizing:border-box;float: right;border-top-left-radius: 18px;border-bottom-left-radius: 18px;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.06);padding: 1px 0 119px;background: #fff;min-width: 1111px;overflow: hidden;width: 1460px;width: 76.0417vw;width: calc( 1200px + ( 100% - 1200px )/2 - 100px );} #landing .same .same_inner .copy{float: left;width: 468px;margin: 0 24px 0 59px;padding: 0 0 53px;/*border-bottom: 2px dashed #aeaeae;*/padding-top: 104px;position: relative;} #landing .same .same_inner .copy:after{background: url("/assets/img/sonschn/landing_same_tag.png")/*landing/landing_same_tag.png*/ #fff repeat left bottom;height: 2px;position: absolute;bottom: 0px;left: 0px;width: 100%;content: '';} #landing .same .same_inner .copy .img{display: inline-block;vertical-align: middle;width: 55px;padding: 0 40px;} #landing .same .same_inner .copy .name{display: inline-block;vertical-align: middle;font-size: 36px;line-height: 54px;margin-left: 19px;max-width: calc( 100% - 160px );} #landing .same .same_inner .copy:nth-child(4) .name{margin-right: -20px;max-width: calc( 100% - 140px );} #landing .safe{text-align: center;padding: 105px 0 120px;background: #f4f6f9;} #landing .safe .title{font-size: 46px;} #landing .safe .safe_list{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 0 40px;margin-top: 48px;} #landing .safe .safe_list .copy{float: left;border-radius: 9px;overflow: hidden;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.12);background: #fff;} #landing .safe .safe_list .copy .img{height: 180px;} #landing .safe .safe_list .copy .cont{padding: 32px 25px 33px;} #landing .safe .safe_list .copy .name{font-size: 30px;font-family: 'SHSM';} #landing .safe .safe_list .copy .desc{font-size: 22px;line-height: 36px;color: #666666;margin-top: 10px;} /*header*/ #header_blank{ display: none; position:fixed; left:0; top:0;} #header_blank #header{ position:fixed; left:0; top:0; background: #fff; -webkit-transition: all 0.5s; transition: all 0.5s;} #header_blank #header.fixed{ background: #fff; box-shadow: 0 0.6667vw 1.3333vw rgba(0, 0, 0, 0.1);} #header_blank #header .logo{ display: flex; justify-content: center; align-items: center; margin: 0; width:30.9333vw; height: 16.0vw;} #header_blank #header .menu{ width:0.5rem; height:0.4rem; margin-top:0.4rem; background:url("/assets/img/sonschn/menu.png")/*menu.png*/ no-repeat; background-size:contain;} #header_blank #header .menu_cur{ background:url("/assets/img/sonschn/menu_cur.png")/*menu_cur.png*/ no-repeat; background-size:contain;} #header_blank #header .menu_list{ width:100%; max-height: calc(100vh - 110px); position:absolute; left:0; top:100%; background:#fff; display: none; overflow-y: auto;} #header_blank #header .menu_list ul{ border-top:1px solid #eaeaea; padding:0.2rem 0;} #header_blank #header .menu_list li{ /*height:0.7rem;*/line-height:0.7rem; overflow:hidden; position:relative;} #header_blank #header .menu_list li .item_btn{ display: flex; justify-content: center; align-items: center; position:absolute; top:0; right:0; width:50px; height:0.7rem;transition:all .5s; transform-origin:center; text-align:center; padding:0;} #header_blank #header .menu_list li .item_btn img{ max-width: 3.2vw; max-height: 1.8667vw;} #header_blank #header .menu_list li .item_btn:active{ background:none; color:inherit;} #header_blank #header .menu_list li .item_btn.up{transform:rotateZ(180deg);} #header_blank #header .menu_list li a{ padding:0 0.4rem; height: 13.3333vw; line-height: 13.3333vw; font-size:0.42rem; color:#333; display:block;} /*#header_blank #header .menu_list li a:active{ background:#48bdaa; color:#fff;}*/ #header_blank #header .menu_list li .sec_menu{ display:none;} #header_blank #header .menu_list li .sec_menu a{ display: block; height: 10.6667vw; line-height: 10.6667vw; font-size:0.32rem; color: #666;} @media screen and (max-width: 768px){ /*header*/ .banner{ display: none;} #advantage .cate_list{ display: none;} #b2b_advantage .cate_list{ display: none;} .model_banner{ display: block;} .model_banner{ position: relative; padding-top: 8vw; width: 100%; height: 62.6667vw; background: #37ae8e; -webkit-box-sizing: border-box; box-sizing: border-box;} .model_banner .ban_text{ width: 100%; text-align: center;} .model_banner .ban_text .ban_title{ width: 100%; line-height: 8.9333vw; font-size: 6.4vw; color: #fff;} .model_banner .ban_text .ban_brief{ margin-top: 2.2667vw; width: 100%; line-height: 6.1333vw; font-size: 3.7333vw; color: #fff;} .model_banner .ban_img{ position: absolute; left: 50%; bottom: 0; width: 77.3333vw; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0;} .model_banner .ban_img.cur{ -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1;} .mobile_category{ display: grid; grid-template-columns: repeat(5, 1fr); margin-bottom: 10.6667vw; height: 13.3333vw; border-bottom: .1333vw solid #ebebeb; position:relative;} #advantage .mobile_category{ grid-template-columns: repeat(6, 1fr);} .mobile_category a{ display: block; position: relative; width: 100%; height: 100%; line-height: 13.3333vw; font-size: 4.2667vw; color: #222; text-align: center;} .mobile_category a.cur{ color: #0db083;} .mobile_category a:before{ display: none; content: ''; position: absolute; left: 50%; bottom: -0.2667vw; width: 21.3333vw; height: 0.5333vw; background: #37ae8d; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .mobile_category a.cur:before{ display: block;} @media screen and (max-width: 991px){ #header{ display: none;} .header_fill{ display: none;} #header_blank, #header_blank #header{ display: block;} #header_blank{ display: block; height: 16vw; position:relative; z-index:10001;} } @media screen and (max-width: 750px){ #header{ display: none;} .header_fill{ display: none;} #header_blank, #header_blank{ display: block;} } /* #s_header{ position: fixed; left: 0; top: 0; width:100%; height: 16.0vw; background:#fff; box-shadow: 0 0.6667vw 2.6667vw rgba(0, 0, 0, 0.05); -webkit-box-sizing: border-box; box-sizing: border-box;} #s_header .logo{ display: flex; justify-content: center; align-items: center; width:30.9333vw; height: 16.0vw;} #s_header .menu{ width:0.5rem; height:0.4rem; margin-top:0.4rem; background:url(/mweb/images/menu.png) no-repeat; background-size:contain;} #s_header .menu_cur{ background:url(/mweb/images/menu_cur.png) no-repeat; background-size:contain;} #s_header .menu_list{ width:100%; position:absolute; left:0; top:100%; background:#fff; display:none;} #s_header .menu_list ul{ border-top:1px solid #eaeaea; padding:0.2rem 0;} #s_header .menu_list li{ height:0.7rem;line-height:0.7rem; overflow:hidden; position:relative;} #s_header .menu_list li .item_btn{ display: flex; justify-content: center; align-items: center; position:absolute; top:0; right:0; width:50px; height:0.7rem;transition:all .5s; transform-origin:center; text-align:center; padding:0;} #s_header .menu_list li .item_btn img{ max-width: 3.2vw; max-height: 1.8667vw;} #s_header .menu_list li .item_btn:active{ background:none; color:inherit;} #s_header .menu_list li .item_btn.up{transform:rotateZ(180deg);} #s_header .menu_list li a{ padding:0 0.4rem; height: 13.3333vw; line-height: 13.3333vw; font-size:0.42rem; color:#333; display:block;} #s_header .menu_list li a:active{ background:#48bdaa; color:#fff;} #s_header .menu_list li .sec_menu{ display:none;} #s_header .menu_list li .sec_menu a{ display: block; height: 10.6667vw; line-height: 10.6667vw; font-size:0.32rem; color: #666;} #footer_blank { height: 1rem;} #mIndex #s_header_blank{ position:fixed; left:0; top:0;} #mIndex #s_header{ position:fixed; left:0; top:0; -webkit-transition: all 0.5s; transition: all 0.5s;} #mIndex #s_header.fixed{ box-shadow: 0 0.6667vw 1.3333vw rgba(0, 0, 0, 0.1);} */ }