@charset "utf-8"; /*载入字体*/ @font-face { font-family: "HelveticaNeueLTProThEx"; src: url("/css/font/HelveticaNeueLTProThEx.woff2") format("woff2"), url("/css/font/HelveticaNeueLTProThEx.woff2.woff") format("woff"), url("/css/font/HelveticaNeueLTProThEx.woff2.ttf") format("truetype"), url("/css/font/HelveticaNeueLTProThEx.woff2.eot") format("embedded-opentype"); } /*general*/ .wrap{ width:1200px; margin:0 auto;} #w1000 .wrap{ 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;} .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;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; /*right:35px;*/ left:35px; 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;} #global_qq_service .qq_item .qq_img img{ border-radius:50%;} #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;} /*在线客服第二种样式*/ /* #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;} */ .global_subbanner{ width:100%; height:290px; text-align:center;} .global_subbanner .title{ font-size:36px; color:#111; padding-top:90px;} .global_subbanner .intro{ font-size:18px; color:#999; margin-top:20px;} .global_subbanner .intro #customer{font-size: 24px;color: #0db083;display: inline-block;line-height: 26px;vertical-align: top;} .subbanner_fir{ width:100%; height:230px; background:#f3f3f3;} .subbanner_fir .wrap{ height:100%; background:url(/images/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:50px; 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;} .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.1s all;-moz-transition:0.1s all;-webkit-transition:0.1s 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(/images/icons.png) no-repeat; background-position:-188px -82px;} .global_item_sec .box{ padding:10px 15px; border:1px solid #eee; border-top:0;} .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{ font-size:12px; color:#999; height:36px; line-height:18px; margin-top:5px; overflow:hidden;} .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 span{color: #333;} .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(/images/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(/images/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(/images/icons.png) no-repeat; background-position:-125px -89px;} .global_phone_fir:hover .contents .mask{ display:block;} .global_category{ height:110px; position:relative;} .global_category .global_category_abs{ width:100%; height:60px; position:absolute; left:0; top:-30px; text-align:center; text-align: center;font-size: 0;} .global_category .global_category_box{display: inline-block;padding:0 30px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;box-shadow: 0 0 20px rgba(0,0,0,0.08);background: white;} .global_category .global_category_abs a{ position: relative;display:inline-block; color:#333;padding:0 38px; margin:0 15px; height:60px; line-height:60px; background:#fff; font-size:16px; text-decoration:none; } .global_category .global_category_abs a:hover{ color:#1ca18b;} .global_category .global_category_abs a.cur{ color:#1ca18b;} .global_category .global_category_abs a.cur:before{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 2px;background: #00bd9f;} .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(/images/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:#48bdaa url(../images/new/global_bottom_ad.jpg) no-repeat center center;} .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; border-radius:3px;} .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(/images/phone_bg_big.png) no-repeat; display:none; z-index:10001;} #phone_demo i{ width:35px; height:35px; right:-40px; top:0; background:url(/images/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(/images/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(/images/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(/images/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(/images/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(/images/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(/images/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(/images/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(../images/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(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;} #global_lightboxs_con{ background:url(/images/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(/images/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(/images/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(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;} #sys_demo .sys_img{ width:680px; height:600px; background:url(/images/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(/images/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;} /*index*/ #banner{ position:relative;} #banner img{ display:block; margin:0 auto;} #banner .btn{ display:block; width:170px; height:48px; line-height:48px; color:#fff; font-size:18px; background:#0db083; border-radius:3px; text-align:center; text-decoration:none;} #banner .btn:hover{ background:#fece2e; color:#333;} #banner .tab{ width:100%; position:absolute; left:0; bottom:15px; text-align:center;} #banner .tab a{ width:35px; height:4px; background:url(../images/new/banner_tab.png) no-repeat; display:inline-block; margin:0 5px;} #banner .tab a.cur{ background:url(../images/new/banner_tab_cur.png) no-repeat;} #banner .item{ width:100%;} #banner .list{ width:100%; position:absolute; left:0; top:180px;} #banner .list .brief{ font-size:20px; color:#555;} #banner .list .title{ font-size:46px; color:#222; margin-top:15px; margin-bottom:60px;} #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 #banner .list{ top:80px;} @media (max-width: 1680px){ #banner .list{ top:150px;} #banner .list .title{ font-size:40px;} } @media (max-width: 1440px){ #banner .list{ top:120px;} #banner .list .wrap{ box-sizing:border-box; padding-left:20px;} } #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{ font-size:30px; color:#111; text-align:center;} #int .advantage .subtitle{ font-size:14px; 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 .title{ font-size:16px; color:#fff; margin-top:15px;} #int .amount .icons{display:inline-block} #w1000 #int .amount .item{ width:250px; padding-left:75px;} #inm .case .title{ font-size:30px;} #inm .case .title span{ font-family:"Arial";} #inm .case .category a{padding:0 18px; height:30px; line-height:30px; overflow:hidden; text-align:center; display:inline-block; font-size:16px; color:#646464; margin:0 5px;vertical-align: top;} #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:#00bd9f; text-decoration:none;} #inm .case .btn a{ width:252px; height:44px; line-height:44px; border:2px solid #0db083; color:#0db083; display:inline-block; border-radius:3px; font-size:16px; text-decoration:none;} #inm .case .btn a:hover{ background:#0db083; color:#fff;} #inm .course{ padding-top:60px; padding-bottom:75px; background:#f8f9f9;} #inm .course .title{ font-size:30px;} #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(../images/new/course1.jpg) no-repeat; background-size:100%;} #inm .course .box.b1 *{ color:#4f78c2;} #inm .course .box.b2{ background:url(../images/new/course2.jpg) no-repeat; background-size:100%;} #inm .course .box.b2 *{ color:#5f6682;} #inm .course .box.b3{ background:url(../images/new/course3.jpg) no-repeat; background-size:100%;} #inm .course .box.b3 *{ color:#219999;} #inm .course .box.b4{ background:url(../images/new/course4.jpg) no-repeat; background-size:100%;} #inm .course .box.b4 *{ color:#b89a73;} #w1000 #inm .course .box{ width:480px; height:168px; padding-left:240px;} .new_top{} .new_top .h2{ font-size:30px; 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 #e5e5e5;background: url(../images/icon_ind_new_0.png) no-repeat left center;font-size: 20px;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(../images/icon_ind_new_4.png) no-repeat left center;content: '';} .new_top .litem .title1{background-image: url(../images/icon_ind_new_1.png);} .new_top .litem .title2{background-image: url(../images/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: 14px;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(../images/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(/images/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(../images/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(../images/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(../images/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;} /*instance*/ #instance .wrap{ position:relative;} #instance .category_blank{ height:170px;} #instance .category_none_blank{ height:90px;} #instance .menu{ width:100%; position:absolute; left:0; top:-20px;} #instance .menu .instance_tag{ padding:12px; background:#0eaf83; -moz-border-top-left-radius:4px; -ms-border-top-left-radius:4px; -o-border-top-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-top-right-radius:4px; -ms-border-top-right-radius:4px; -o-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px;} #instance .menu .instance_tag a{ height:29px; line-height:29px; padding:0 15px; display:inline-block; border:1px solid transparent; text-align:center; text-decoration:none; font-size:16px; color:#f6f5f5; margin-right:30px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #instance .menu .instance_tag a.cur{ border:1px solid #fff; color:#fff;} #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(/images/instance.gif) no-repeat center center;} #instance .menu .instance_tag a:hover{ border:1px solid #fff; color:#fff;} #instance .menu .instance_tag a.icons:hover{border:1px solid transparent; color:#fff;} #instance .menu .instance_category{ height:26px; padding:14px 12px; border:1px solid #e4e4e4; border-top:0; -moz-border-bottom-left-radius:4px; -ms-border-bottom-left-radius:4px; -o-border-bottom-left-radius:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-bottom-right-radius:4px; -ms-border-bottom-right-radius:4px; -o-border-bottom-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px;box-shadow: 0 0 20px rgba(0,0,0,0.08);} #instance .menu .instance_category a{ padding:0 10px; margin-right:6px; height:24px; line-height:24px; border:1px solid transparent; display:inline-block; text-align:center; text-decoration:none; font-size:14px; color:#555555; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #instance .menu .instance_category a.cur{ border:1px solid #1da189; color:#1da189;} #instance .menu .instance_category a:hover{ border:1px solid #1da189; color:#1da189;} #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(/images/icons.png) no-repeat; background-position:-371px -424px;} #instance .item .bot .btn_cur i{ background-position:-371px -392px;} /*about*/ #about .content .title{ width:470px; line-height:40px; font-size:26px; color:#0db083;} #about .content .intro{ width:610px; padding-right: 20px;line-height:30px; font-size:16px; color:#444444;} #about .content .img_box{ position: relative;width:448px; height:283px;background: #e6e6e6;} #about .content .img{ position: absolute;right: -27px;top: -27px;width:448px; height:283px;} #about .content .img img{width: 100%;height: 100%;} #about .content .img i{ width:70px; height:70px; margin-left:-35px; left:50%; top:35%; background:url(/images/about_video_btn.png) no-repeat;} #about .technology{ width:100%; height:420px; background:url(/images/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 .t span{color: #2ca594;} #about .progress .contents{ width:1111px; height:396px; background:url(/images/about_progress_big.png) no-repeat; position:relative;} #about .progress .contents .item{ position:absolute; font-size:16px; color:#444; left:-50px; top:-50px;} #about .progress .contents .item span{ font-size:21px; color:#2ca594;} #about .progress .contents .flag{position: absolute;top: 57px;left: 34px;} #about .progress .contents .flag_hide{display: none;} #about .progress .contents .flag1{left: 34px;} #about .progress .contents .flag2{left: 240px;} #about .progress .contents .flag3{left: 456px;} #about .progress .contents .flag4{left: 673px;} #about .progress .contents .flag5{left: 890px;} #about .progress .contents .flag6{left: 1043px;top: 96px;} #about .progress .contents .flag7{left: 1043px;top: 226px;} #about .progress .contents .flag8{left: 890px;top: 329px;} #about .progress .contents .flag9{left: 673px;top: 329px;} #about .progress .contents .flag10{left: 456px;top: 329px;} #about .progress .contents .flag11{left: 240px;top: 329px;} #about .progress .contents .flag12{left: 34px;top: 329px;} #about .progress .contents .flag_90{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);} #about .progress .contents .flag_180{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);} #about .progress .contents .move{animation:mymove 8s linear;-webkit-animation:mymove 8s linear;} @keyframes mymove{ 9%{left: 240px;top:57px;} 18%{left: 456px;top:57px;} 27%{left: 673px;top:57px;} 36%{left: 890px;top:57px;} 41%{left: 1009px;top: 57px;} 43%{left: 1033px;top: 70px;} 45.5%{left: 1043px;top: 95px;} 54.5%{left: 1043px;top: 226px;} 57%{left: 1043px;top: 277px;} 59%{left: 1042px;top: 313px;} 61%{left: 1012px;top: 329px;} 64%{left: 890px;top: 329px;} 73%{left: 673px;top: 329px;} 82%{left: 456px;top: 329px;} 91%{left: 240px;top: 329px;} 100%{left: 34px;top: 329px;} } #about .progress .contents .i0{ left:80px; top:0;} #about .progress .contents .i1{ left:270px; top:0;} #about .progress .contents .i2{ left:490px; top:0;} #about .progress .contents .i3{ left:705px; top:0;} #about .progress .contents .i4{ left:920px; top:0;} #about .progress .contents .i5-1{ left:1070px; top:116px; width:100px;} #about .progress .contents .i5-2{ left:1070px; top:249px; width:100px;} #about .progress .contents .i6{ left:915px; top:350px;} #about .progress .contents .i7{ left:705px; top:350px;} #about .progress .contents .i8{ left:490px; top:350px;} #about .progress .contents .i9{ left:270px; top:350px;} #about .progress .contents .i10{ left:65px; top:350px;} #about .mission{ width:100%; height:420px; background:url(/images/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: 217px;padding-top: 45px;text-align: center;} #about .mission .right{float: left;padding-top: 77px;padding-left: 80px;background: url(../images/about_ico.png) no-repeat 34px 53px;text-align: left;} #about .mission .right .firt{height: 66px;line-height: 66px;font-size: 28px;color: white;} #about .mission .right .sect{height: 44px;line-height: 44px;font-size: 18px;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{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 .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 .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 h2{ font-size:26px; color:#202020; text-align:center;} #info_detail .param{ 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:40px; float:left;} #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;} /*company*/ #company .container{ padding-bottom:75px; background:url(/images/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(/images/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 .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(/images/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(/images/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:35px; line-height:25px;} #contact .top .email i{ width:45px; height:35px; left:35px; top:43px; background:url(/images/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(/images/icons.png) no-repeat; background-position:-218px -195px;} #contact .mid .work i{ width:70px; height:70px; left:0; top:0; background:url(/images/icons.png) no-repeat; background-position:-311px -195px;} #contact .mid .advise i{ width:70px; height:70px; left:0; top:0; background:url(/images/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 .show_price_box{ text-align:center;} #price .show_price_box .item{ display:inline-block; width:308px; height:918px; border:1px solid #e0e0e0; border-radius:5px; overflow:hidden; margin:0 7px;} #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 sup{ font-size:18px; margin-right:5px;} #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%;} #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 .shop_price_box table{ width:1100px; margin:0 auto; border:1px solid #e9e9e9; border-collapse:collapse;} #price .shop_price_box table .bg{ background-color:#f8f8f8;} #price .shop_price_box table .color{ color:#07ad87;} #price .shop_price_box table .noborder td{ border:0;} #price .shop_price_box table th{ font-size:16px; font-weight:normal; text-align:left; height:162px; text-indent:30px; border:1px solid #e9e9e9;} #price .shop_price_box table th.price_title{ width:290px;} #price .shop_price_box table th .title{ font-size:16px; text-align:center; text-indent:0;} #price .shop_price_box table th .price{ font-family:"Arial"; font-size:32px; text-align:center; text-indent:0; margin-bottom:10px; margin-top:10px;} #price .shop_price_box table th .price sup{ font-size:18px;} #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;} #price .shop_price_box table td{ height:50px; line-height:50px; font-size:14px; border:1px solid #e9e9e9; text-indent:30px;} #price .shop_price_box table td.txt{ text-indent:0; text-align:center;} #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 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: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{ width:1100px; margin:0 auto; position:relative; z-index:2;} #price .shop_price_box .price_ab_box .ab_box{ width:294px; top:-11px; height:2062px; 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; display:none;} #price .shop_price_box .price_ab_box .ab_box:hover .ab_display{ display:block;} #price .shop_price_box .price_ab_box .ab_box .ab_bg{ font-size:16px; font-weight:normal; height:176px; text-indent:30px; box-sizing:border-box; padding-top:28px; background:#07ad87;} #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{ font-family:"Arial"; font-size:36px; text-align:center; text-indent:0; margin-bottom:10px; margin-top:10px; color:#fff;} #price .shop_price_box .price_ab_box .ab_box .price sup{ font-size:18px;} #price .shop_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 .shop_price_box .price_ab_box .ab_box.b1{ right:586px;} #price .shop_price_box .price_ab_box .ab_box.b2{ right:293px;} #price .shop_price_box .price_ab_box .ab_box.b3{ right:0;} #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;} /*template*/ #template .item{ width:516px; float:left; margin-left:120px; background:url(/images/template_browser.jpg) no-repeat; margin-bottom:60px;} #template .item_nor{ margin-left:25px;} #template .item .pic{ width:390px; height:243px; overflow:hidden; margin-top:23px; border:1px solid #e5e5e5; position:relative;} #template .item .pic a{ width:100%; display:block; position:absolute; left:0; top:0;} #template .item .pic a img{ max-height:none;} #template .item .con{ width:124px;} /*#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{ height:255px; background:#f7f7f7; border-left:0; border-top:0; padding-top:7px;} #template .item .con .li{ color:#666; display:block; text-decoration:none; margin-top:19px;} #template .item .con .li:hover{ color:#45bca9;} #template .item .con .li:hover i{ background-position:-292px -161px;} #template .item .con .price{ color:#45bca9; 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{ width:90px; height:32px; line-height:32px; border:1px solid #45bca9; display:block; color:#45bca9; text-align:center; margin:0 auto; text-decoration:none; margin-top:10px; -moz-border-radius:17px; -ms-border-radius:17px; -o-border-radius:17px; -webkit-border-radius:17px; border-radius:17px;} #template .item .con .icons{color: #666;border:1px solid #dddddd;} #template .item .con .nor{ margin-top:25px;} #template .item .con .reg:hover,#template .item .con .last{ background:#45bca9; color:#fff;} /*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(/images/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(/images/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(/images/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(/images/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(/images/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(/images/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(/images/cust_people2_bg.png) no-repeat;} #cust .mid .item_sec .pic{ background:url(/images/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(/images/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(/images/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(/images/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(/images/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(/images/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(/images/icons.png) no-repeat; background-position:-452px -87px;} /*extension*/ .prism-player{width:600px; margin:0 auto; display:none;} .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(/images/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(/images/extension/listen-num-bg.png); color:#fff;} #listen .media .media_list li.cur .num{display: block;background:url(/images/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{} .course_free .top .video{ width:790px; height:444px;} .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(../images/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(../images/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(../images/course_mid_bg1.png) #4f5b69 right 40px bottom 30px no-repeat;} .course_free .mid .item.fr{ background:url(../images/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(../images/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(../images/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(../images/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(../images/extension/box_google.png);} .course_free .bot .box .item.facebook .name{ background-image:url(../images/extension/box_facebook.png);} .course_free .bot .box .item.seo .name{ background-image:url(../images/extension/box_seo.png);} .course_free .bot .box .item .rows{ font-size:14px; color:#999; line-height:36px; text-indent:80px; background:url(../images/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(../images/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(../images/extension/box_google_cur.png);} .course_free .bot .box .item.facebook.cur .name{ background-image:url(../images/extension/box_facebook_cur.png);} .course_free .bot .box .item.seo.cur .name{ background-image:url(../images/extension/box_seo_cur.png);} .course_free_ad{ padding-bottom:65px; background:url(../images/extension/ad_bg.png) bottom center no-repeat;} .course_free_ad .item{ width:958px; height:248px; border:1px solid #e9e9e9; background:url(../images/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(../images/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(../images/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;} #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(/images/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(/images/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(../images/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(../images/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(../images/extension/ico2.png) no-repeat center center;} #extension .sunflower .flower_con{position: relative;width: 1002px;height: 392px;margin:auto;background: url(../images/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(../images/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(../images/extension/ico7h.png);} #extension .audition{height: 335px;background: url(../images/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(/images/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(/images/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(/images/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(/images/icons.png) no-repeat; background-position:-322px -44px;} #extension_guest .apply .con .tel i{ width:17px; height:17px; left:0; top:2px; background:url(/images/icons.png) no-repeat; background-position:-378px -44px;} #extension_guest .apply .con .qq i{ width:18px; height:18px; left:0; top:2px; background:url(/images/icons.png) no-repeat; background-position:-431px -43px;} #extension_guest .apply .con .email i{ width:18px; height:14px; left:0; top:4px; background:url(/images/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(../images/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(../images/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(/images/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(/images/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(/images/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(../images/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(../images/new/b2b_sys2.png);} #system .container2.b2c{ background-image:url(../images/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(../images/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(../images/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(../images/new/b2c_sys_icon4.png) no-repeat;} #system .container11 .item.i2{ background:url(../images/new/b2c_sys_icon5.png) no-repeat;} #system .container11 .item.i3{ background:url(../images/new/b2c_sys_icon6.png) no-repeat;} #system .container11 .item.i4{ background:url(../images/new/b2c_sys_icon7.png) no-repeat;} #system .container11 .item.i5{ background:url(../images/new/b2c_sys_icon8.png) no-repeat;} #system .container11 .item.i6{ background:url(../images/new/b2c_sys_icon9.png) no-repeat;} #system .container11 .item.i7{ background:url(../images/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(../images/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;border-radius: 3px;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:210px;} #reg table td input.sms_button{float:left; width:232px;margin-left: 12px; background:#f4f4f4; color:#333; height:47px; cursor:pointer;border:1px solid #dddddd;border-radius: 3px;} #reg table td.vcode a img{ height:47px;} #reg .reg_ok{width:600px; margin:0 auto; background:url(../images/reg_ok.jpg) left top no-repeat; height:300px; border-bottom:1px dotted #ddd;} #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{ 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(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;} /*************************** 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(/images/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(/images/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(../images/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(/images/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(/images/authorization_b2c.png) no-repeat left center;text-align: center;} #authorization .bottom .aucontent .b2b .type{background: #2ac7a5 url(/images/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(/images/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(/images/novice/b2c_banner.png) no-repeat center center;} #shop_novice .head_banner .computer{overflow: hidden;width: 881px;height: 432px;background: url(/images/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(/images/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(/images/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 h2{ 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(../images/icon_login_user.png) 12px center no-repeat} #login .login_box .input .password{ background:url(../images/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 .tips{ text-align:center; font-size:16px; color:#999;} #login .login_box .tips a{ color:#07bb8a;} /**************** 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 .contents{ width:1000px; height:320px; background:url(/images/about_progress_big.png) no-repeat;background-size: auto 100%; } #w1000 #about .technology .item .list{width: 175px;} #w1000 #about .technology .item .firt{font-size: 40px;} #w1000 #about .progress .contents .flag{display: none !important;} #w1000 #about .progress .contents .i0{ top:-10px; left:65px;} #w1000 #about .progress .contents .i1{ top:-10px; left:215px;} #w1000 #about .progress .contents .i2{ top:-10px; left:385px;} #w1000 #about .progress .contents .i3{ top:-10px; left:560px;} #w1000 #about .progress .contents .i4{ top:-10px; left:745px;} #w1000 #about .progress .contents .i5-1{ top:96px; left:865px;} #w1000 #about .progress .contents .i5-2{ top:201px; left:865px;} #w1000 #about .progress .contents .i6{ top:285px; left:745px;} #w1000 #about .progress .contents .i7{ top:285px; left:560px;} #w1000 #about .progress .contents .i8{ top:285px; left:385px;} #w1000 #about .progress .contents .i9{ top:285px; left:215px;} #w1000 #about .progress .contents .i10{ top:285px; left:50px;} #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*/ #w1000 #contact .top{ padding:30px;} #w1000 #contact .top .item{ margin-left:20px;} #w1000 #contact .top .item{ width:300px;} #w1000 #contact .top .address{ margin-left:0;} #w1000 #contact .top .address div{ font-size:14px;} #w1000 #contact .top .tel div{ font-size:14px; margin-left:75px;} #w1000 #contact .top .tel i{ left:25px;} #w1000 #contact .top .email div{ font-size:14px;} #w1000 #contact .mid .item{ width:262px;} #w1000 #contact .bot{ padding:20px 15px 30px 15px;} #w1000 #contact .bot .fl{ width:700px;} #w1000 #contact .bot .form_input{ width:338px;} #w1000 #contact .bot .form_textarea{ width:670px;} /*#w1000 #contact .bot .fr{ width:240px; height:270px;}*/ #w1000 #contact .bot .sign{ padding-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;}