@charset "utf-8"; /*general*/ .wrap{ max-width:1200px; width:92%;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;} /* 涟漪特效代码 */ @-webkit-keyframes anim-out2{ 0%{ opacity: 0.5;} 100%{ transform: scale(3); opacity: 0;} } @-moz-keyframes anim-out2{ 0%{ opacity: 0.5;} 100%{ transform: scale(3); opacity: 0;} } @-ms-keyframes anim-out2{ 0%{ opacity: 0.5;} 100%{ transform: scale(3); opacity: 0;} } @keyframes anim-out2{ 0%{ opacity: 0.5;} 100%{ transform: scale(3); opacity: 0;} } .btn_trans a{ -moz-animation: anim-out 1.5s infinite; -webkit-animation: anim-out 1.5s infinite; animation: anim-out 1.5s infinite;} .move_slow{transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;} /* .anim{ -moz-animation: anim-out .75s; -webkit-animation: anim-out .75s; animation: anim-out .75s;} .anim2{ -moz-animation: anim-out2 .75s; -webkit-animation: anim-out2 .75s; animation: anim-out2 .75s;} .anim, .anim2{ -moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%; z-index: 1} .anim:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 3px; -moz-animation: anim-out-pseudo .75s; -webkit-animation: anim-out-pseudo .75s; animation: anim-out-pseudo .75s;} .anim2:after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 3px; -moz-animation: anim-out-pseudo2 .75s; -webkit-animation: anim-out-pseudo2 .75s; animation: anim-out-pseudo2 .75s;} .anim, .anim:after{ animation-iteration-count: infinite; animation-duration: 1.8s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .anim2, .anim2:after{ animation-iteration-count: infinite; animation-duration: 2.3s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} */ @-webkit-keyframes anim-out { 0%{ transform: scale(.9);} 50%{ transform: scale(1.05);} 100%{ transform: scale(.9);} } @-moz-keyframes anim-out { 0%{ transform: scale(.9);} 50%{ transform: scale(1.05);} 100%{ transform: scale(.9);} } @-ms-keyframes anim-out { 0%{ transform: scale(.9);} 50%{ transform: scale(1.05);} 100%{ transform: scale(.9);} } @keyframes anim-out { 0%{ transform: scale(.9);} 50%{ transform: scale(1.05);} 100%{ transform: scale(.9);} } /*在线客服*/ /* #global_qq_service{ width:70px; padding:10px; position:fixed; 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; margin:0 auto;} #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_qq_service{ width:81px; padding:10px; position:fixed; /*left:35px;*/right: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;font-size: 0;background: url(../images/global_qq_service_top.png) no-repeat center center; 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;} /* 双11 start */ /* #global_qq_service{width: 154px;background: url(../images/global_qq_service_11.png)no-repeat center center;border: 0;padding: 0 20px 17px 11px;box-sizing: border-box;} #global_qq_service .title{margin-top: 50px;color: #fff601;font-size: 22px;background: none;position: static;} #global_qq_service .qq_item .qq_name{color: #fff;} #global_qq_service .qq_item .qq_img{position: relative;} #global_qq_service a{margin-top: 3px;} #global_qq_service .qq_item .qq_img:after{content: '';border-radius: 150px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #fff;z-index: -1;margin-top: 3px;width: 100%;height: 100%;} .header_11_cnt{position: relative;min-width: 1200px;} .header_11_day{position: absolute;left: 54%;font-size: 40px;color: #fffc00;top: 50%;transform: translate(-50%,-50%);font-weight: bold;} .global_qq_53{display: none;} */ /* 双11 end */ .global_subbanner{ width:100%; height:234px; text-align:center;} .global_subbanner .title{ font-size:30px; color:#464646; padding-top:70px;} .global_subbanner .intro{ font-size:16px; color:#464646; margin-top:20px;} .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 .img{ border:1px solid #f5f5f5; width:364px; height:219px;} .global_item_fir .name{ text-align:center; margin-top:15px;} .global_item_fir .name a{ font-size:14px; height:20px; line-height:20px; overflow:hidden; display:block;} .global_item_fir:hover .name a{ color:#48bdaa; text-decoration:none;} .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;} .global_item_sec .img{ width:364px; height:219px; border:1px solid #e2e2e2; 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:-190px -84px;} .global_item_sec .box{ padding:10px 15px; border:1px solid #e2e2e2; 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{ width:48px; height:48px; right:15px; top:-25px; background:url(/images/icons.png) no-repeat; background-position:-57px -85px;} .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 .box{ background:#f8f8f8;} .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:50px; position:relative;} .global_category .global_category_abs{ width:100%; height:42px; position:absolute; left:0; top:-42px; text-align:center; overflow:hidden;} .global_category .global_category_abs a{ display:inline-block; color:#333; width:170px; height:42px; line-height:42px; background:#fff; font-size:14px; text-decoration:none; -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;} /*.global_category .global_category_abs a:hover{ background:#47bd92; color:#fff;} .global_category .global_category_abs a.cur{ background:#47bd92; color:#fff;}*/ .global_category .global_category_abs a:hover{ color:#1ca18b;} .global_category .global_category_abs a.cur{ color:#1ca18b;} .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:#47bd92; 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:90px; background:#48bdaa;} .global_bottom_ad span{ height:42px; line-height:42px; display:inline-block; color:#fff; font-size:30px;} .global_bottom_ad a{ width:180px; height:42px; line-height:42px; margin-left:30px; text-decoration:none; display:inline-block; background:#fff; font-size:16px; color:#48bdaa; vertical-align:top; -moz-border-radius:21px; -ms-border-radius:21px; -o-border-radius:21px; -webkit-border-radius:21px; border-radius:21px;} #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:#47bd92; 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:304px; 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:#47bd92; 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:#47bd92; 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_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 #47bd92;} #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;} /*header*/ #header_mask{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9; background:url(/images/mask_index.png); display:none;} #header{ width:100%; position:fixed; top:0; left:0; background:#fff; z-index:10;} #header .wrap{ height:115px;} #header .top{ width:auto; } #header .top_bar{ padding:10px 0; border-bottom:1px solid #e3e3e3;} #header .bar_right a{ margin-left:10px;} #header .logo{ height:115px;} #header .logo h1{ display:inline;} #header .tel{ font-size:24px; color:#29ab95; height:55px; line-height:55px; padding-left:45px; position:relative; overflow:hidden;} #header .tel i{ width:30px; height:30px; left:0; top:13px; background:url(/images/icons.png) no-repeat; background-position:0 -39px;} #header .nav{ border-top:1px solid #e3e3e3;} #header .nav li{ float:left; margin:0 15px; position:relative;} #header .nav li.clear{ clear:both;} #header .nav li>a{ height:50px; line-height:50px; font-size:16px; display:inline-block; padding:0 15px;} #header .nav li>a.home{ width:23px;} #header .nav li>a.home i{ width:23px; height:20px; left:15px; top:13px; background:url(/images/icons.png) no-repeat; background-position:0 -4px;} #header .nav li>a.sec i{ width:8px; height:4px; right:0; top:24px; background:url(/images/icons.png) no-repeat; background-position:-35px -163px;} #header .nav li:hover>a{ color:#29ab95; text-decoration:none;} #header .nav li>a.cur{ color:#29ab95; text-decoration:none;} #header .nav li dl{ width:136px; position:absolute; left:50%; margin-left:-68px; top:100%; background:#fff; padding:15px 0; display:none;} #header .nav li dd{ height:35px; line-height:35px; overflow:hidden; padding:0 20px;} #header .nav li dd a{ font-size:14px; color:#535353;} #header .nav li dd a:hover{ text-decoration:none; color:#47bd92;} #header .member{ overflow:hidden; height:55px;} #header .member a{ height:34px; line-height:34px; display:block; font-size:14px; text-align:center; border-radius:3px; text-decoration:none; float:left;} #header .member a.register{ width:88px; background:#0bba91; border:1px solid #0bba91; color:#fff; margin-left:20px; margin-top:10px;transition:all .3s} #header .member a.login{ width:68px; color:#333; border:1px solid #ccc; margin-left:10px; margin-top:10px;transition:all .3s} #header .header_abs{ height:60px;} #header .header_abs .logo{ height:40px; margin:10px 0;} #header .header_abs .tel{ height:0;} #header .header_abs .member{ height:0;} #header .header_abs .nav{ border-top:0; margin-top:5px;} /*footer*/ #footer{ background:#f7f7f7;} #footer .top{ padding-top:35px; padding-bottom:45px;} #footer .info{ width:350px; margin-left:10px;} #footer .info .tel{ font-size:30px; color:#48bdaa; font-family:"Arial"; padding-left:40px;} #footer .info .tel i{ left:0; top:0; width:32px; height:33px; background:url(/images/icons.png) no-repeat; background-position:-43px -37px;} #footer .info .rows{ font-size:14px; color:#636363; line-height:25px; padding:3px 0;} #footer .info .rows a{color: #636363;} #footer .menu dl{ float:left; width:120px; margin-right:20px;} #footer .menu dl dt{ font-size:16px;} #footer .menu dl dd{ height:20px; line-height:20px; overflow:hidden; margin-top:10px;} #footer .menu dl dd a{ font-size:14px; color:#666;} #footer .qrcode{ margin-right:10px; width:110px;} #footer .bot{ border-top:1px solid #3a4249; padding-top:22px; padding-bottom:10px; line-height:25px;} #footer .copyright{ font-size:14px; color:#a8adb0;} #footer .copyright a{ margin-left:10px; color:#a8adb0;} #footer .copyright .links{ margin-left:0; font-size:12px;} #footer .record a{ color:#939393; margin-left:20px; padding-left:25px;} #footer .record i{ width:18px; height:20px; left:0; top:-2px; background:url(/images/icons.png) no-repeat; background-position:0 -155px;} #footer .contents .tel{ font-size:16px; color:#fff; background:url(../images/icon_kefu.png) left center no-repeat; padding-left:55px; line-height:27px;} #footer .contents .tel span{ font-size:22px; color:#0cba92; font-family:"Arial";} #footer .contents .code{ width:90px; height:90px; margin-left:55px; margin-top:15px; opacity:0.8;} #footer .bottom{ border-top:1px solid #363e45; padding:30px 0; text-align:center;} #footer .bottom .rows{ line-height:30px;} #footer .bottom *{ color:#818487; font-size:14px;} #footer_alert{ width:100%; height:58px; position:fixed; left:0; bottom:-100px; background:#e9e9e9; background:rgba(233,233,233,0.9); z-index:999;} #footer_alert .wrap{ position:relative; height:100%;} #footer_alert .img{ width:96px; height:66px; position:absolute; left:240px; bottom:7px;} #footer_alert .txt{ font-size:24px; color:#535353; line-height:58px; margin-left:380px; float:left;} #footer_alert .txt span{ font-family:"Arial"; font-size:32px; color:#3eb3a0; margin:0 10px; vertical-align:bottom;} #footer_alert .btn{ width:166px; height:38px; line-height:38px; font-size:16px; color:#fff; float:right; margin-right:200px; margin-top:11px; background:#48bdaa; display:inline-block; text-decoration:none; text-indent:50px; -moz-border-radius:19px; -ms-border-radius:19px; -o-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;} #footer_alert .btn i{ width:27px; height:22px; left:15px; top:7px; background:url(/images/icons.png) no-repeat; background-position:-37px -3px;} #footer_alert .close{ width:25px; height:25px; float:right; cursor:pointer; margin-right:10px; margin-top:17px;} #footer_alert .close i{ width:25px; height:25px; left:0; top:0; background:url(/images/icons.png) no-repeat; background-position:-456px -398px;} /*index*/ @-webkit-keyframes banner_t{ 0%{ opacity:0; top:250px;} 100%{ opacity:1; top:150px;} } @-moz-keyframes banner_t{ 0%{ opacity:0; top:250px;} 100%{ opacity:1; top:150px;} } @-o-keyframes banner_t{ 0%{ opacity:0; top:250px;} 100%{ opacity:1; top:150px;} } @-ms-keyframes banner_t{ 0%{ opacity:0; top:250px;} 100%{ opacity:1; top:150px;} } @keyframes banner_t{ 0%{ opacity:0; top:250px;} 100%{ opacity:1; top:150px;} } @-webkit-keyframes banner_b{ 0%{ opacity:0; top:400px;} 100%{ opacity:1; top:300px;} } @-moz-keyframes banner_b{ 0%{ opacity:0; top:400px;} 100%{ opacity:1; top:300px;} } @-o-keyframes banner_b{ 0%{ opacity:0; top:400px;} 100%{ opacity:1; top:300px;} } @-ms-keyframes banner_b{ 0%{ opacity:0; top:400px;} 100%{ opacity:1; top:300px;} } @keyframes banner_b{ 0%{ opacity:0; top:400px;} 100%{ opacity:1; top:300px;} } _#banner{ width:100%; height:532px; background:url(/images/banner.jpg) top center no-repeat;} _#banner .wrap{ position:relative; height:100%;} _#banner .title{ font-size:42px; color:#48bdaa;} _#banner .intro{ font-size:20px; color:#2f2f2f; margin-top:10px;} _#banner .brief{ font-size:20px; color:#2f2f2f; margin-top:10px;} _#banner .btn{ width:261px; height:41px; line-height:41px; text-align:center; display:block; background:#48bdaa; color:#fff; font-size:16px; border:2px solid #48bdaa; text-decoration:none; -moz-border-radius:23px; -ms-border-radius:23px; -o-border-radius:23px; -webkit-border-radius:23px; border-radius:23px;} _#banner .btn:hover{ background:#fff; color:#48bdaa;} _#banner .top{ position:absolute; left:0; top:150px; -moz-animation:banner_t 1.5s; -ms-animation:banner_t 1.5s; -o-animation:banner_t 1.5s; -webkit-animation:banner_t 1.5s; animation:banner_t 1.5s;} _#banner .bot{ position:absolute; left:0; top:300px; -moz-animation:banner_b 1.5s; -ms-animation:banner_b 1.5s; -o-animation:banner_b 1.5s; -webkit-animation:banner_b 1.5s; animation:banner_b 1.5s;} #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;} } #banner_sec{ width:100%; height:532px; position:relative;} #banner_sec .ban_box{ position:absolute; left:0; top:0; width:100%; height:100%; display:none;} #banner_sec .ban_box .wrap{ position:relative; height:100%;} #banner_sec .ban_box .title{ font-size:42px; color:#48bdaa;} #banner_sec .ban_box .intro{ font-size:20px; color:#2f2f2f; margin-top:10px;} #banner_sec .ban_box .brief{ font-size:20px; color:#2f2f2f; margin-top:10px;} #banner_sec .ban_box .btn{ width:261px; height:41px; line-height:41px; text-align:center; display:block; background:#48bdaa; color:#fff; font-size:16px; border:2px solid #48bdaa; text-decoration:none; -moz-border-radius:23px; -ms-border-radius:23px; -o-border-radius:23px; -webkit-border-radius:23px; border-radius:23px;} #banner_sec .ban_box .btn:hover{ background:#fff; color:#48bdaa;} #banner_sec .ban_box .top{ position:absolute; left:0; top:150px; -moz-animation:banner_t 1.5s; -ms-animation:banner_t 1.5s; -o-animation:banner_t 1.5s; -webkit-animation:banner_t 1.5s; animation:banner_t 1.5s;} #banner_sec .ban_box .bot{ position:absolute; left:0; top:300px; -moz-animation:banner_b 1.5s; -ms-animation:banner_b 1.5s; -o-animation:banner_b 1.5s; -webkit-animation:banner_b 1.5s; animation:banner_b 1.5s;} #banner_sec .ban_box .video_apply{ width:100%; height:100%; display:inline-block;} #banner_sec .ban_menu{ width:100%; height:0; position:absolute; left:0; bottom:40px; text-align:center;} #banner_sec .ban_menu a{ width:12px; height:12px; display:inline-block; margin:0 5px; background:#ccc; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;} #banner_sec .ban_menu a.cur{ background:#f00;} #int #customer{ margin:0 10px; color:#48bdaa;} #int .website .item{ width:360px; padding-left:160px; padding-right:38px; height:248px; border:1px solid #d9d9d9; cursor:default; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:block; text-decoration:none; cursor:pointer;} #int .website .item .title{ font-size:20px; padding-top:40px; margin-bottom:10px;} #int .website .item .intro{ font-size:16px; color:#555; line-height:25px;} #int .website .item .price{ font-size:14px; color:#555; margin-top:15px;} #int .website .item .price strong{ font-size:28px; color:#48bdaa; font-weight:normal; margin-right:10px;} #int .website .item .price span{ font-style:normal; font-size:14px;} #int .website .item .img{ position:absolute; left:40px; top:45px;} #int .website .item i{ width:40px; height:40px; left:255px; bottom:-20px; background:url(/images/icons.png) no-repeat; background-position:0 -90px; display:none;} #int .website .cur{ border:1px solid #43b28a; -moz-box-shadow:0 0 20px 0 #c1e3dd; -ms-box-shadow:0 0 20px 0 #c1e3dd; -o-box-shadow:0 0 20px 0 #c1e3dd; -webkit-box-shadow:0 0 20px 0 #c1e3dd; box-shadow:0 0 20px 0 #c1e3dd;} #int .website .cur i{ display:block;} #int .website .btn a{ width:338px; height:45px; line-height:45px; font-size:16px; color:#fff; background:#48bdaa; display:inline-block; text-decoration:none; text-align:left; text-indent:70px; -moz-border-radius:23px; -ms-border-radius:23px; -o-border-radius:23px; -webkit-border-radius:23px; border-radius:23px;} #int .website .btn a i{ width:27px; height:22px; left:30px; top:12px; background:url(/images/icons.png) no-repeat; background-position:-37px -3px;} #int .guid{ width:100%; height:540px; background:url(/images/guid.jpg) top center no-repeat;} #int .website .btn a:hover{ background:#c6b587;} #int .guid .container a{ width:211px; height:211px; margin:0 50px; display:inline-block; position:relative; overflow:hidden;} #int .guid .container a img{ width:211px; height:211px; display:block; position:absolute; left:0;} #int .guid .container a img.face{ top:0;} #int .guid .container a img.back{ top:100%;} #int .guid .container a:hover img.face{ top:-100%;} #int .guid .container a:hover img.back{ top:0;} #int .guid .btn a{ width:255px; height:45px; line-height:45px; font-size:16px; color:#48bdaa; border:1px solid #48bdaa; display:inline-block; border-radius:23px;} #int .bright .tab_nav{ text-align:center;} #int .bright .tab_nav a{ width:420px; height:52px; line-height:52px; background:#e7e7e7; color:#888; font-size:18px; display:inline-block; border-radius:26px; margin:0 5px; text-decoration:none;} #int .bright .tab_nav a i{ left:50%; top:52px; margin-left:-8px; border:8px solid transparent;} #int .bright .tab_nav a.cur{ background:#00bd9f; color:#fff;} #int .bright .tab_nav a.cur i{ border-top:10px solid #00bd9f;} #int .bright .tab_contents{ height:600px; border:1px solid #00bd9f; border-radius:5px; position:relative; display:none;} #int .bright .tab_contents.cur{ display:block;} #int .bright .tab_contents .learn_more{ width:256px; height:45px; line-height:45px; border:1px solid #00bd9f; border-radius:23px; color:#48bdaa; display:inline-block; position:absolute; bottom:-23px; left:50%; margin-left:-128px; text-align:center; font-size:16px; background:#fff; text-decoration:none;} #int .bright .tab_contents .learn_more:hover{ background:#00bd9f; color:#fff;} #int .bright .tab_contents .list{ float:left; margin-left:40px; width:310px;} #int .bright .tab_contents .rows{ padding-left:65px; margin-top:50px;} #int .bright .tab_contents .rows i{ width:50px; height:50px; left:0; top:0;} #int .bright .tab_contents .rows .title{ font-size:18px;} #int .bright .tab_contents .rows .brief{ font-size:14px; color:#888; margin:5px 0;} #int .bright .tab_contents .rows a{ font-size:12px; color:#48bdaa;} #int .bright .tab_contents .img.b2b{ margin-top:155px; margin-left:40px;} #int .bright .tab_contents .img.b2c{ margin-top:140px; margin-left:80px;} #w1000 #int .bright .tab_contents .list{ margin-left:20px;} #w1000 #int .bright .tab_contents .img.b2b{ width:300px; margin-left:20px; margin-top:225px;} #w1000 #int .bright .tab_contents .img.b2c{ margin-left:40px; width:260px; margin-top:175px;} #inm .case .category a{ width:100px; height:30px; line-height:30px; overflow:hidden; text-align:center; border:1px solid #dcdcdc; display:inline-block; font-size:14px; color:#646464; margin:0 5px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;} #inm .case .category a:hover{ color:#47bd92; border:1px solid #47bd92; text-decoration:none;} #inm .case .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;} .new_top{} .new_top .litem{width: 27.8%;float: left;margin-left: 7.1%;padding:0 0.4%;} .new_top .litem:first-child{margin-left: 0;} .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: 5px;} .new_top .litem .name{display: block;height: 32px;line-height: 32px;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .new_top .litem .name img{display: inline-block;margin-left: 2px;} .new_top .litem .date{height: 26px;line-height: 26px;padding-left: 25px;font-size: 12px;color: #bbb;background: url(../images/icon_ind_new_3.png) no-repeat 3px center;} #inb .t .more{ float:right; line-height:35px;} _#inb h3{ height:20px; line-height:20px; overflow:hidden; margin-bottom:20px; position:relative; text-indent:15px;} _#inb h3 a{ font-size:14px; color:#545454;} _#inb h3 span.fr{ color:#909090; 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 h3:hover i{ background-position:-497px -162px;} #inb .more{ font-size:14px; color:#48bdaa; display:inline-block;} #inb .news{ width:560px;} #inb .news h3{ text-indent:0;} #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:#909090; margin-top:25px;} #inb .system{ width:560px;} #inb .partner{ position:relative; border-top:1px solid #ededed;} #inb .partner .title{ position:absolute; left:10px; top:55px; font-size:26px; color:#373737;} #inb .partner .container{ /*height:100px;*/ min-height:100px; padding:30px 0; overflow:hidden; padding-left:150px;} #inb .partner .item{ float:left; margin-left:40px;} #inb .partner .item a{ display:block; color:#333;} #inb .partner .item img{ display:block;} #inb .partner .item span{ display:block; text-align:center; padding-top:10px;} #inb .partner .paypal_partner a{ text-decoration:none;} #inb .partner .paypal_partner i{ font-style:normal; color:#48bdaa;} #inb .partner .tag{ padding:10px 20px; border:1px solid #ededed; display:inline-block; font-size:14px; border-radius:100px; color:#333; margin-right:20px; margin-top:25px;} /*instance*/ #instance .wrap{ position:relative;} #instance .category_blank{ height: 80px;} #instance .category_none_blank{ height: 30px;} #instance .menu{ width:100%; position:absolute; left:0; top:-49px;} #instance .menu .instance_tag{ height:29px; padding:10px; background:#41ab9a; -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:14px; color:#f6f5f5; margin:0 3px; -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:29px; height:12px; right:10px; top:8px; background:url(/images/icons.png) no-repeat; background-position:-80px -10px;} #instance .menu .instance_tag a:hover{ border:1px solid #fff; color:#fff;} #instance .menu .instance_category{ height:26px; padding:10px; 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;} #instance .menu .instance_category a{ padding:0 10px; margin:0 3px; 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:#29ab95;} #about .content .intro{ width:630px; line-height:30px; font-size:16px; color:#444444;} #about .content .img{ width:362px; height:220px; padding:10px; border:1px dashed #c1c1c1; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #about .content .img i{ width:60px; height:60px; margin-left:-30px; left:50%; top:35%; background:url(/images/icons.png) no-repeat; background-position:-540px -201px;} #about .content .img:hover i{ background-position:-540px -79px;} #about .technology{ width:100%; height:400px; background:url(/images/about_technology.jpg) top center no-repeat;} #about .technology .t{ color:#47bd92; padding-top:120px; margin-bottom:50px;} #about .technology .item span{ width:262px; height:58px; line-height:58px; display:inline-block; border:1px dashed #fff; color:#fff; font-size:18px; margin:0 14px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;} /* #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:#4aac7d;} #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{ left:1070px; top:220px; 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;} */ /* 2021-3-18 #about .progress_s0 .t span{color: #2ca594;} #about .progress_s0 .contents{ width:1149px; height:550px; background:url(/images/about_progress_big_s0.png) no-repeat center; position:relative;} #about .progress_s0 .contents .item{ position:absolute; font-size:14px; color:#444; left:-50px; top:-50px;} #about .progress_s0 .contents .item span{ font-size:22px; color:#2ca594;display: block;margin-bottom: 20px;} #about .progress_s0 .contents .item.down span{margin-bottom: 0;margin-top: 20px;} #about .progress_s0 .contents .flag{position: absolute;top: 191px;left: 39px;} #about .progress_s0 .contents .flag_hide{display: none;} #about .progress_s0 .contents .flag1{left: 39px;} #about .progress_s0 .contents .flag2{left: 200px;} #about .progress_s0 .contents .flag3{left: 359px;} #about .progress_s0 .contents .flag4{left: 520px;} #about .progress_s0 .contents .flag5{left: 679px;} #about .progress_s0 .contents .flag6{left: 840px;} #about .progress_s0 .contents .flag7{left: 999px;} #about .progress_s0 .contents .flag8{left: 999px;top: 340px;} #about .progress_s0 .contents .flag9{left: 840px;top: 340px;} #about .progress_s0 .contents .flag10{left: 679px;top: 340px;} #about .progress_s0 .contents .flag11{left: 520px;top: 340px;} #about .progress_s0 .contents .flag12{left: 359px;top: 340px;} #about .progress_s0 .contents .flag13{left: 200px;top: 340px;} #about .progress_s0 .contents .flag_90{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);} #about .progress_s0 .contents .flag_180{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);} #about .progress_s0 .contents .move{animation:mymove_s0 8s linear;-webkit-animation:mymove_s0 8s linear;}*/ #about .progress_s0 .t .i_year{color: #2ca594;} #about .progress_s0 .contents{ width: 100%; height:550px; background:url(/images/about_progress_big_s1.png) no-repeat center; position:relative;} #about .progress_s0 .contents .item{ position:absolute; font-size:14px; color:#444; left:-50px; top:-50px;} #about .progress_s0 .contents .item .i_year{ display: block; width: 100%; line-height: 27px; font-size: 22px; color: #4aac7d; margin-bottom: 20px;} #about .progress_s0 .contents .item .i_title{ display: block; width: 100%; line-height: 20px;} #about .progress_s0 .contents .item.down .i_year{margin-bottom: 0;margin-top: 20px;} #about .progress_s0 .contents .flag{position: absolute;top: 191px;left: 14px;} #about .progress_s0 .contents .flag_hide{display: none;} #about .progress_s0 .contents .flag1{left: 14px;} #about .progress_s0 .contents .flag2{left: 158px;} #about .progress_s0 .contents .flag3{left: 306px;} #about .progress_s0 .contents .flag4{left: 449px;} #about .progress_s0 .contents .flag5{left: 594px;} #about .progress_s0 .contents .flag6{left: 737px;} #about .progress_s0 .contents .flag7{left: 882px;} #about .progress_s0 .contents .flag8{left: 1025px;} #about .progress_s0 .contents .flag9{left: 1062px;top: 340px;} #about .progress_s0 .contents .flag10{left: 919px;top: 340px;} #about .progress_s0 .contents .flag11{left: 774px;top: 340px;} #about .progress_s0 .contents .flag12{left: 631px;top: 340px;} #about .progress_s0 .contents .flag13{left: 486px;top: 340px;} #about .progress_s0 .contents .flag14{left: 343px;top: 340px;} #about .progress_s0 .contents .flag15{left: 198px;top: 340px;} #about .progress_s0 .contents .flag_90{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);} #about .progress_s0 .contents .flag_180{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);} #about .progress_s0 .contents .move{animation:mymove_s0 8s linear;-webkit-animation:mymove_s0 8s linear;} /* 2021-3-18 @keyframes mymove_s0{ 8%{left: 200px;top:191px;} 16%{left: 359px;top:191px;} 24%{left: 520px;top:191px;} 32%{left: 679px;top:191px;} 40%{left: 840px;top: 191px;} 48%{left: 999px;top: 191px;} 52%{left: 1100px;top: 191px;} 53%{left: 1115px;top: 195px;} 55%{left: 1138px;top: 220px;} 58%{left: 1138px;top: 310px;} 59%{left: 1128px;top: 326px;} 61%{left: 1100px;top: 340px;} 65%{left: 999px;top: 340px;} 72%{left: 840px;top: 340px;} 79%{left: 679px;top: 340px;} 86%{left: 520px;top: 340px;} 93%{left: 359px;top: 340px;} 100%{left: 200px;top: 340px;} } #about .progress_s0 .contents .i0{ left:67px; top:7px;} #about .progress_s0 .contents .i1{ left:230px; top:37px;} #about .progress_s0 .contents .i2{ left:389px; top:8px;} #about .progress_s0 .contents .i3{ left:547px; top:36px;} #about .progress_s0 .contents .i4{ left:710px; top:7px;} #about .progress_s0 .contents .i5-1{ left:870px; top:36px;} #about .progress_s0 .contents .i5-2{ left:1028px; top:8px;} #about .progress_s0 .contents .i6{ left:881px; top:409px;} #about .progress_s0 .contents .i7{ left:719px; top:419px;} #about .progress_s0 .contents .i8{ left:560px; top:404px;} #about .progress_s0 .contents .i9{ left:401px; top:457px;} #about .progress_s0 .contents .i10{ left:240px; top:427px;} #about .progress_s0 .contents .i11{ left:79px; top:400px;}*/ @keyframes mymove_s0{ 8%{left: 200px;top:191px;} 16%{left: 359px;top:191px;} 24%{left: 520px;top:191px;} 32%{left: 679px;top:191px;} 40%{left: 840px;top: 191px;} 48%{left: 999px;top: 191px;}/*turn star*/ 52%{left: 1130px;top: 191px;} 53%{left: 1164px;top: 195px;}/*corner*/ 55%{left: 1178px;top: 210px;} 58%{left: 1178px;top: 300px;} 59%{left: 1164px;top: 326px;}/*corner*/ 61%{left: 1100px;top: 340px;} 65%{left: 999px;top: 340px;}/*turn end*/ 72%{left: 840px;top: 340px;} 79%{left: 679px;top: 340px;} 86%{left: 520px;top: 340px;} 93%{left: 359px;top: 340px;} 100%{left: 200px;top: 340px;} } #about .progress_s0 .contents .i0{ left:42px; top:7px;} #about .progress_s0 .contents .i1{ left:187px; top:37px;} #about .progress_s0 .contents .i2{ left:336px; top:7px;} #about .progress_s0 .contents .i3{ left:478px; top:37px;} #about .progress_s0 .contents .i4{ left:623px; top:7px;} #about .progress_s0 .contents .i5-1{ left:766px; top:37px;} #about .progress_s0 .contents .i5-2{ left:910px; top:7px;} #about .progress_s0 .contents .i6{ left:1053px; top:37px;} #about .progress_s0 .contents .i7{ left:944px; top:415px;} #about .progress_s0 .contents .i8{ left:800px; top:406px;} #about .progress_s0 .contents .i9{ left:656px; top:477px;} #about .progress_s0 .contents .i10{ left:512px; top:425px;} #about .progress_s0 .contents .i11{ left:368px; top:395px;} #about .progress_s0 .contents .i12{ left:224px; top:406px;} #about .progress_s0 .contents .i13{ left:80px; top:455px;} #about .mission{ width:100%; height:500px; background:url(/images/about_mission.jpg) top center no-repeat;} #about .mission .t{ color:#47bd92; padding-top:160px;} #about .mission .intro{ color:#fff; margin-top:30px; font-size:20px;} #about .mission .btn{ width:254px; height:44px; line-height:44px; color:#dadada; font-size:16px; background:url(/images/btn_mask.png); display:inline-block; text-decoration:none; margin-top:40px; -moz-border-radius:22px; -ms-border-radius:22px; -o-border-radius:22px; -webkit-border-radius:22px; border-radius:22px;} #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:#47bd92;} #about .news .btn a{ width:254px; height:44px; line-height:44px; border:1px solid #47bd92; color:#47bd92; 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: #29ab95;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{ padding:30px 20px; background:url(/images/news_line.jpg) left bottom repeat-x;} #info .item .img{ width:310px; height:158px;} #info .item .img img{ width:100%; } #info .item .con{ width:820px;} #info .item .all{ width:100%;} #info .item .con h3{ height:25px; line-height:25px; overflow:hidden;} #info .item .con h3 a{ font-size:18px; color:#202020;} #info .item .con .date{ font-size:14px; color:#a0a0a0; font-family:"Arial"; margin-top:10px; margin-bottom:15px;} #info .item .con .intro{ font-size:14px; color:#828282; line-height:25px; height:75px; overflow:hidden;} #info .item:hover{ background-color:#f6f6f6;} #info .item:hover h3 a{ color:#47bd92;} #info_detail .contents{ width:890px; line-height:30px;} #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; margin-top:9px;} #info_detail .near{ border-top:1px solid #e5e5e5; padding:15px 0;} #info_detail .near .row{ font-size:14px; color:#37b084; float:left; width:50%; height:25px;} #info_detail .near .row a{ color:#535353;} #info_detail .info_tag{ float:left; height: 40px; line-height: 40px;} #info_detail .info_tag span{ font-size:14px; color:#535353;} #info_detail .info_tag a{ padding:2px 8px; margin:0 5px; background:#37b084; font-size:14px; color: #fff;} #info_detail .like_con{ float:right; width:73px;height: 34px; line-height: 34px;border:1px solid #000; border-radius:4px; text-align: center;} #info_detail .zan{ height:34px; line-height:34px; padding-left:23px; background:url(../images/icon_zan.png) 20px center no-repeat; display:block; background-size:auto 16px; color:#333;} #info_detail .zan:hover{ text-decoration:none;} #info_detail .qrcode{ width:100px; height:100px; margin:0 auto;} /*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:#47bd92;} #company .item{ width:288px; float:left; margin-left:30px; padding:7px; border:1px solid #e6e6e6;margin-bottom: 20px} #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:#29ab95;} #contact .intro{ font-size:14px; color:#4a4a4a;} #contact .top{ padding:40px; background:#f9f9f9;display: flex;align-items: center;} #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;display: flex;align-items: center;} #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 #29ab95; border-bottom:1px solid #29ab95; text-align:center; color:#29ab95; 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 23px 50px 23px; background:#f9f9f9; /*background:#ccc;*/display: flex;align-items: center;justify-content: space-between;} #contact .bot .fl{ width:840px;max-width: 75%} #contact .bot .form_input{ width:408px; height:48px; line-height:48px; border:1px solid #d5d5d5; background:none; text-indent:15px; outline:none; font-size:18px; color:#959595; float:left;} #contact .bot .form_textarea{ padding:15px; width:808px; height:118px; border:1px solid #d5d5d5; outline:none; font-size:18px; background:none; color:#959595; resize:none;} #contact .bot .form_submit{ width:100%; height:48px; line-height:48px; text-align:center; background:#29ab95; 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:275px; height:300px; background:#fff; text-align:center;max-width: 24%} #contact .bot .sign{ font-size:14px; color:#666; padding-top:30px;} #contact .bot .subsign{ font-size:18px; color:#47bd92; margin-top:10px;} #contact .bot .img{ width:166px; height:166px; margin:0 auto; margin-top:15px;} #contact .bot .clear{display: none;} /*price*/ #price .price_list{ margin-top: 30px;} #price .show_price_box{ text-align:center;} #price .show_price_box .item{ display:inline-block; width:308px; height:980px; border:1px solid #e0e0e0; border-radius:5px; overflow:hidden; margin:0 7px; vertical-align:top;} #price .show_price_box .item .title{ background:#627574; height:64px; line-height:64px; color:#fff; font-size:18px;} #price .show_price_box .item .price{ font-family:"Arial"; font-size:38px; margin-top:30px;} #price .show_price_box .item .price span{ font-size:20px; vertical-align:middle;} #price .show_price_box .item .price sup{ font-size:18px; margin-right:5px;} #price .show_price_box .item .pro_price{ padding-top:35px; background:url(../images/new/promotion.png) top center no-repeat; margin-top:12px; font-size:14px; letter-spacing:2px;} #price .show_price_box .item .pro_price strong{ color:#ff453c; font-weight:bold; font-size:36px; letter-spacing:0;} #price .show_price_box .item .pro_price strong em{ font-style:normal; font-weight:normal; font-size:28px; margin-top:4px; vertical-align:text-top; display:inline-block;} #price .show_price_box .item .pro_del{ width:96px; height:22px; line-height:22px; background:#e1e1e1; margin:0 auto; margin-top:5px; text-indent:0; text-align:center; color:#999; font-size:14px; font-family:"Arial";} #price .show_price_box .item .tips{ font-size:14px; color:#949f9c; margin-top:10px;} #price .show_price_box .item .btn{ display:block; width:118px; height:34px; line-height:34px; border:1px solid #07ad87; border-radius:3px; margin:0 auto; color:#07ad87; font-size:14px; text-decoration:none; margin-top:20px; margin-bottom:30px;} #price .show_price_box .item .btn:hover{ background:#07ad87; color:#fff;} #price .show_price_box .item .line_bg{ background:#f0f0f0; height:1px; width:270px; margin:0 auto; margin-bottom:20px;} #price .show_price_box .item .rows{ line-height:40px; font-size:14px; display: table; width: 100%; padding:0 20px; box-sizing:border-box;} #price .show_price_box .item .rows.color{ color:#0bba91;} #price .show_price_box .item .rows.two{ line-height:25px;} #price .show_price_box .item.i2 .title{ background:#34bb9f;} #price .show_price_box .item.i3 .title{ background:#07ad87;} #price .show_price_box .btn_download{ display:block; width:254px; height:44px; line-height:44px; border:1px solid #00a680; color:#00a680; font-size:16px; border-radius:3px; text-decoration:none; margin:0 auto; background:url(../images/new/icon_download.png) 65px center no-repeat; text-align:left; text-indent:95px;} #price .show_price_box .btn_download:hover{ background:url(../images/new/icon_download_cur.png) #00a680 65px center no-repeat; color:#fff;} #price .show_price_box .item.i2 .title i{ width:51px; height:51px; background:url(../images/new/hotsales.png) no-repeat; right:0; top:0;} #price table.show_box th .pro_del del{ color:#999; font-size:14px; font-family:"Arial";} /* B2B 2018-11-12 新加 */ #price .show_price_box table{ width:1100px; margin:0 auto; border:1px solid #e9e9e9; border-collapse:collapse;} #price .show_price_box table .bg{ background-color:#f8f8f8;} #price .show_price_box table .bg.canclick{background-color:#20b09f;} #price .show_price_box table .bg.canclick a{ color:#fff; background:url(/images/new/ico_question_bg.png) no-repeat right center; padding:5px 0; padding-right:53px;} #price .show_price_box table .green{ background-color:#0bba91; color:#fff;} #price .show_price_box table .color{ color:#07ad87;} #price .show_price_box table .noborder td{ border:0;} #price .show_price_box table .lesson{ text-align:center; text-indent:0; text-align:center; position:relative;} #price .show_price_box table .lesson a{ position:absolute; z-index:3; left:0; top:0; width:100%; height:100%;} #price .show_price_box table tr:first-child{ height: 218px;} #price .show_price_box table tr .fixed{ position: fixed; top: 61px;/* line-height: 218px;*/} #price .show_price_box table tr .hide{ display: none !important;} #price .show_price_box table th{ font-size:16px; font-weight:normal; text-align:left; text-indent:30px; border:1px solid #e9e9e9; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .show_price_box table th.price_title{ height: 218px;/*height:224px;*/ background: #fff; border-left: 0; font-size:16px; z-index: 5; font-weight:normal; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .show_price_box table th.price_title .ab_con{ width: 100%; height: 135px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .show_price_box table th.fixed.price_title{ display: table;} #price .show_price_box table th.fixed.price_title .ab_con{ display: table-cell; vertical-align: middle;} #price .show_price_box table th.price_title .ab_con .title{ width: 100%; height: 38px; line-height: 38px; font-size: 22px; color: #333;} #price .show_price_box table th.price_title .ab_con .brief{ width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #0db083; text-indent: 0; text-align: center;} #price .show_price_box table th .title{ margin-top: 38px; font-size:16px; text-align:center; text-indent:0;} #price .show_price_box table th .price{ font-family:"Arial"; font-size:32px; text-align:center; text-indent:0; margin-bottom:10px; margin-top:10px;} #price .show_price_box table th .price span{ font-size:18px; vertical-align:middle;} #price .show_price_box table th .price sup{ font-size:18px;} #price .show_price_box table th .btn{ width:118px; height:34px; line-height:34px; border:1px solid #07ad87; color:#07ad87; font-size:14px; margin:0 auto; display:block; border-radius:3px; text-decoration:none; margin-top:10px; margin-bottom:10px;} #price .show_price_box table td{ height:50px; line-height:50px; font-size:14px; border:1px solid #e9e9e9; text-indent:30px;text-align: left;} #price .show_price_box table td div{ font-size:14px; text-indent:13px;} #price .show_price_box table td.txt{ text-indent:0; text-align:center;} #price .show_price_box table td.two{ line-height:25px; padding:10px 30px; text-indent:0;} #price .show_price_box table td.h1{ height:60px; line-height:60px; font-size:16px;} #price .show_price_box table td.icons{ background-image:url(../images/new/price_qus.png); background-position:right 15px center; background-repeat:no-repeat;} #price .show_price_box table td.icons.green{ background-image:url(../images/new/price_qus_white.png);} #price .show_price_box table td.icons i{ font-style:normal; background:#273037; color:#fff; font-size:14px; width:280px; right:-280px; top:-0; line-height:25px; text-indent:0; box-sizing:border-box; padding:14px 25px; border-radius:3px; display:none;} #price .show_price_box table td.icons:hover{ background-image:url(../images/new/price_qus_cur.png);} #price .show_price_box table td.icons.green:hover{ background-image:url(../images/new/price_qus_white.png);} #price .show_price_box table td.icons:hover i{ display:block;} #price .show_price_box table td.icons i em{ display:block; position:absolute; left:-12px; top:20px; border:6px solid transparent; border-right:6px solid #273037;} #price .show_price_box table td.true{ background:url(../images/new/true.png) center no-repeat;} #price .show_price_box .btn_download{ display:block; width:254px; height:44px; line-height:44px; border:1px solid #00a680; color:#00a680; font-size:16px; border-radius:3px; text-decoration:none; margin:0 auto; background:url(../images/new/icon_download.png) 65px center no-repeat; text-align:left; text-indent:95px;} #price .show_price_box .btn_download:hover{ background:url(../images/new/icon_download_cur.png) #00a680 65px center no-repeat; color:#fff;} #price .show_price_box .price_ab_box{ width:1100px; margin:0 auto; position:relative; z-index:2;} #price .show_price_box .price_ab_box .ab_box{ width:294px; top: 0; height:1477px; position:absolute;} #price .show_price_box .price_ab_box .ab_box .ab_display{ height:100%; width:100%; box-sizing:border-box; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #87c7b8; box-shadow:0 0 40px 0 #87c7b8; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .show_price_box .price_ab_box .ab_box:hover .ab_display{ opacity: 1;} #price .show_price_box .price_ab_box .ab_box .ab_bg .ab_table{ display: table; width: 100%; height: 100%;} #price .show_price_box .price_ab_box .ab_box .ab_bg .ab_table .ab_table_cell{ display: table-cell; vertical-align: middle;} #price .show_price_box .price_ab_box .ab_box .ab_bg .ab_con{ width: 100%; height: 135px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .show_price_box .price_ab_box .ab_box:hover .ab_bg .ab_con{ height: 181px;} #price .show_price_box .price_ab_box .ab_box .ab_display{ height:100%; width:100%; box-sizing:border-box; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #87c7b8; box-shadow:0 0 40px 0 #87c7b8;} /*#price .show_price_box .price_ab_box .ab_box:hover .ab_display{ display:block;}*/ #price .show_price_box .price_ab_box .ab_box .ab_bg{ font-size:16px; font-weight:normal; height: 221px; /* text-indent:30px; */ box-sizing:border-box; padding-top:28px; background:#07ad87;} #price .show_price_box .price_ab_box .ab_box .title{ font-size:18px; text-align:center; text-indent:0; color:#fff;} #price .show_price_box .price_ab_box .ab_box .price{ font-family:"Arial"; font-size:36px; text-align:center; text-indent:0; margin-bottom:10px; margin-top:10px; color:#fff;} #price .show_price_box .price_ab_box .ab_box .price span{ font-size:20px; vertical-align:middle;} #price .show_price_box .price_ab_box .ab_box .price sup{ font-size:18px;} #price .show_price_box .price_ab_box .ab_box .btn{ width:118px; height:34px; line-height:34px; border:1px solid #fff; background:#fff; color:#07ad87; font-size:14px; margin:0 auto; display:block; border-radius:3px; text-decoration:none;} #price .show_price_box .price_ab_box .ab_box.b1{ right:586px;} #price .show_price_box .price_ab_box .ab_box.b2{ right:293px;} #price .show_price_box .price_ab_box .ab_box.b3{ right:0; } /*#price .show_price_box .price_ab_box .ab_box.b3 .ab_bg{ position:relative;}*/ #price .show_price_box .price_ab_box .ab_box.b3 .ab_bg i{ position:absolute;width:51px; height:51px; background:url(../images/new/hotsales.png) no-repeat; right:0; top:0;} #w1000 #price .show_price_box .price_ab_box{ width:1000px;} #w1000 #price .show_price_box table th.price_title{ width:260px;} #w1000 #price .show_price_box .price_ab_box .ab_box{ width:264px;} #w1000 #price .show_price_box .price_ab_box .ab_box.b1{ right:526px;} #w1000 #price .show_price_box .price_ab_box .ab_box.b2{ right:263px;} /* B2B 2021-4-6 新加的 */ .price_list_box{width:100%; max-width:1200px; height:600px; text-align:center; font-size:0px; padding-top:15px; margin-bottom:90px;} .price_list_box .price_item{display:inline-block; vertical-align:top; width:350px; min-height:600px; border-radius:9px; overflow:hidden; box-shadow:0px 0px 7px rgba(0,0,0,0.15); background-color:#fff; padding-bottom:30px; margin-right:30px; position:relative; border:1px solid transparent; box-sizing:border-box; } .price_list_box .price_item:last-child{margin-right:0px;} .price_list_box .price_item.big{width:420px;} .price_list_box .price_item .title_box{ display:block; width:calc(100% + 2px ); margin-left:-1px; height:121px; background-color:#07ad87; } .price_list_box .price_item .title_box .item_title{font-size:26px; line-height:40px; color:#fff; padding-top:28px;} .price_list_box .price_item .title_box .brief_desc{font-size:14px; line-height:40px; color:#fff;} .price_list_box .price_item .price_box{width:290px; margin:25px auto 0px; padding-bottom:22px; border-bottom:1px solid #eeeeee; font-size:0px;} .price_list_box .price_item .price_box .price{display:inline-block; width:50%;} .price_list_box .price_item.big .price_box{width:360px;} .price_list_box .price_item.big .price_box .price{display:inline-block; width:160px; text-align:left; vertical-align:top; padding-right:19px; border-right:1px solid #e5e5e5;} .price_list_box .price_item.big .price_box .price:nth-child(2){margin-left:-1px; padding-left:19px; border-left:1px solid #e5e5e5; border-right:0px; padding-right:0px;} .price_list_box .price_item .price_box .price .cur{font-size:18px; color:#333333;} .price_list_box .price_item .price_box .price .price_num{font-size:46px; color:#333333;} .price_list_box .price_item .price_box .price .more_desc{width:100%; margin-top:20px; font-size:16px; line-height:32px; color:#666666;} .price_list_box .price_item .price_box .price .more_desc .lang_num{font-size:16px; } .price_list_box .price_item .price_box .price .more_desc .tra_count{font-size:16px; } .price_list_box .price_item .price_box .price .more_desc .lang_list{display:inline-block; font-size:12px; color:#888888; line-height:22px;height:0px; overflow:hidden;} .price_list_box .price_item .price_box .price .more_desc .green{color:#0db083;} .price_list_box .price_item .func_list{text-align:left; margin:20px 30px 0px;} .price_list_box .price_item .func_list ul li{font-size:16px; color:#333; line-height:40px; padding-left: 30px;} .price_list_box .price_item .func_list ul li.true{background:url('../images/new/true.png') no-repeat left center;} .price_list_box .price_item .reg_btn_box{height:0px;overflow:hidden;} .price_list_box .price_item .reg_btn{display:block; width:150px; height:36px; margin:35px auto 0px; line-height:36px; color:#fff; font-size:16px; background-color:#07ad87; border-radius:3px;} .price_list_box .price_item:hover{box-shadow:0px 0px 40px rgba(7,173,135,0.3); border:1px solid #07ad87;} .price_list_box .price_item:hover .title_box{background-color:#f5fffd;} .price_list_box .price_item:hover .title_box .item_title {color:#333333;} .price_list_box .price_item:hover .title_box .brief_desc {color:#07ad87;} .price_list_box .price_item:hover .price_box .price .more_desc .lang_list{height:auto;} .price_list_box .price_item:hover .reg_btn_box{height:71px;} .how_choose_box{width:100%; max-width:1920px; margin:0 auto; background-color:#f6f6f6;} .how_choose_box .choose_main{width:100%; max-width:1200px; margin:0 auto; padding-top:85px; border-bottom:1px solid #f6f6f6;} .how_choose_box .choose_main .choose_title{font-size:40px; color:#333333; font-weight:bold; line-height:40px; text-align:center;} .how_choose_box .choose_main .choose_list{margin-top:55px; width:100%; margin-bottom:90px;} .how_choose_box .choose_main .choose_list .choose_list_item{width:auto; background-color:#fff; border-radius:9px; box-shadow:0px 3px 7px rgba(0,0,0,0.15); margin-bottom:50px; padding: 60px 70px 50px; font-size:0px;} .how_choose_box .choose_main .choose_list .choose_list_item:last-child{margin-bottom:0px;} .how_choose_box .choose_main .choose_list .left_box{display:inline-block; width:160px; vertical-align:top;} .how_choose_box .choose_main .choose_list .right_box{display:inline-block; vertical-align:top; width:830px; margin-left:70px; } .how_choose_box .choose_main .choose_list .ask_cp{font-size:16px; color:#0bb183; line-height:16px;} .how_choose_box .choose_main .choose_list .ask_content{font-size:24px; color:#333333; line-height:40px; padding-left:25px; border-left:2px solid #39c19a; margin-top:15px;} .how_choose_box .choose_main .choose_list .ans_name{font-size:16px; color:#666; line-height:40px; margin-top:30px;} .how_choose_box .choose_main .choose_list .ans_content{font-size:16px; color:#666; line-height:30px; margin-top:10px;} /* B2C */ #price .show_price_box .item .tips{ font-size:14px; color:#949f9c; margin-top:10px;} #price .show_price_box .item .btn{ display:block; width:118px; height:34px; line-height:34px; border:1px solid #07ad87; border-radius:3px; margin:0 auto; color:#07ad87; font-size:14px; text-decoration:none; margin-top:20px; margin-bottom:30px;} #price .show_price_box .item .btn:hover{ background:#07ad87; color:#fff;} #price .show_price_box .item .line_bg{ background:#f0f0f0; height:1px; width:270px; margin:0 auto; margin-bottom:20px;} #price .show_price_box .item .rows{ line-height:40px; font-size:14px; display: table; width: 100%; padding:0 20px; box-sizing:border-box;} #price .show_price_box .item .rows.color{ color:#0bba91;} #price .show_price_box .item .rows.two{ line-height:25px;} #price .show_price_box .item.i2 .title{ background:#34bb9f;} #price .show_price_box .item.i3 .title{ background:#07ad87;} #price .show_price_box .btn_download{ display:block; width:254px; height:44px; line-height:44px; border:1px solid #00a680; color:#00a680; font-size:16px; border-radius:3px; text-decoration:none; margin:0 auto; background:url(../images/new/icon_download.png) 65px center no-repeat; text-align:left; text-indent:95px;} #price .show_price_box .btn_download:hover{ background:url(../images/new/icon_download_cur.png) #00a680 65px center no-repeat; color:#fff;} #price .show_price_box .item.i2 .title i{ width:51px; height:51px; background:url(../images/new/hotsales.png) no-repeat; right:0; top:0;} #price .shop_price_box table{ position: relative; width:1192px; margin:0 auto; border:1px solid #e9e9e9; border-collapse:collapse;} #price .shop_price_box table tr:first-child{ height: 218px;} #price .shop_price_box table tr .fixed{ position: fixed; top: 61px; line-height: 214px;} #price .shop_price_box table tr .hide{ display: none !important;} #price .shop_price_box table .bg{ background-color:#f8f8f8;} #price .shop_price_box table .bg.canclick{background-color:#20b09f;} #price .shop_price_box table .bg.canclick a{ color:#fff; background:url(/images/new/ico_question_bg.png) no-repeat right center; padding:5px 0; padding-right:39px;} #price .shop_price_box table .bg.canclick .txt_con{ display: none;} #price .shop_price_box table .bg.canclick2{ background: #f8f8f8;} #price .shop_price_box table .bg.canclick2 a{ background-image:url(/images/new/ico_question_black_bg.png); color: #333;} #price .shop_price_box table .green{ background-color: #0bba91;} #price .shop_price_box table .green .title{ color: #fff;} #price .shop_price_box table .color{ color:#07ad87;} #price .shop_price_box table .noborder td{ border:0;} #price .shop_price_box table .lesson{ text-align:center; text-indent:0; text-align:center; position:relative;} #price .shop_price_box table .lesson a{ position:absolute; z-index:3; left:0; top:0; width:100%; height:100%; line-height: 60px;} #price .shop_price_box table th{ font-size:16px; font-weight:normal; text-align:left; text-indent:30px; border:1px solid #e9e9e9; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .shop_price_box table th.price_title{ padding: 0; height: 218px;/*height:240px;*/ background: #fff; border-left: 0; font-size:16px; font-weight:normal; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .shop_price_box table th.price_title .ab_con{ display: flex; justify-content: center; flex-direction: column; position: relative; width: 100%; height: 100%; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .shop_price_box table th.price_title .ab_con .tips{ position: absolute; left: 0; top: 0; padding: 0 15px 0 10px; height: 25px; line-height: 25px; background: #ff2919; font-size: 15px; color: #fff; text-indent: 0; border-radius: 0 0 25px 0;} #price .shop_price_box table th.fixed.price_title{ display: table;} #price .shop_price_box table th.fixed.price_title .ab_con{ display: table-cell; vertical-align: middle;} #price .shop_price_box table th.price_title .ab_con .title{ width: 100%; height: 38px; line-height: 38px; font-size: 22px; color: #333;} #price .shop_price_box table.shop_box th.price_title:last-child .ab_con .title{ margin-top: -18px;} #price .shop_price_box table th.price_title .ab_con .brief{ width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #0db083; text-indent: 0; text-align: center;} #price .shop_price_box table th.price_title .ab_con del{ display: block; width: 100%; line-height: 27px; font-size: 16px; color: #999; text-indent: 0; text-align: center;} #price .shop_price_box table th .title{ font-size:16px; text-align:center; text-indent:0;} #price .shop_price_box table th .price{ margin-top: 16px; width: 100%; height: 53px; line-height: 53px; font-size: 46px;/* color: #ff2919;*/ font-family:"Arial"; text-indent: 0; text-align: center;} #price .shop_price_box table th .price span, #price .shop_price_box table th .price sup{ position: relative; bottom: -6px; margin-right: 3px; font-size: 14px; vertical-align: middle;} #price .shop_price_box table th .price span{ bottom: -4px; margin-right: 0; margin-left: 3px;} #price .shop_price_box table.shop_box th.price_title:last-child .price{ color: #111;} #price .shop_price_box table th .btn{ width:118px; height:34px; line-height:34px; border:1px solid #07ad87; color:#07ad87; font-size:14px; margin:0 auto; display:block; border-radius:3px; text-decoration:none; margin-top:10px; margin-bottom:10px; opacity: 0;} #price .shop_price_box table td{ padding: 16px 0; width: 100%; line-height: 25px;/* height:50px; line-height:50px;*/ font-size: 16px; color: #333; border:1px solid #e9e9e9; text-align: center;} #price .shop_price_box table td.one_row{ padding: 0; height: 68px;} #price .shop_price_box table td.circle:before{ display: block; content: ''; margin: 0 auto; width: 15px; height: 15px; border: 1px solid #0db083; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;} #price .shop_price_box table td:first-child{ padding-left: 30px; text-align: left;} #price .shop_price_box table td div{ font-size:14px;} #price .shop_price_box table td .title{ width: 100%; height: 28px; line-height: 28px; font-size: 16px; color: #333;} #price .shop_price_box table td.sales_row .title{ height: 89px; line-height: 89px;} #price .shop_price_box table td .brief{ line-height: 28px; font-size: 16px; color: #666;} #price .shop_price_box table td.txt{ text-indent:0; text-align:center;} #price .shop_price_box table td.two{ line-height:25px;/* padding:10px 0;*/} #price .shop_price_box table td.h1{ height:60px; line-height:60px; font-size:16px;} #price .shop_price_box table td.icons{ background-image:url(../images/new/price_qus.png); background-position:right 15px center; background-repeat:no-repeat;} #price .shop_price_box table td.icons.green{ background-image:url(../images/new/price_qus_white.png);} #price .shop_price_box table td.icons i{ font-style:normal; background:#273037; color:#fff; font-size:14px; width:280px; right:-280px; top:-0; line-height:25px; text-indent:0; box-sizing:border-box; padding:14px 25px; border-radius:3px; display:none;} #price .shop_price_box table td.icons:hover{ background-image:url(../images/new/price_qus_cur.png);} #price .shop_price_box table td.icons.green:hover{ background-image:url(../images/new/price_qus_white.png);} #price .shop_price_box table td.icons:hover i{ display:block;} #price .shop_price_box table td.icons i em{ display:block; position:absolute; left:-12px; top:20px; border:6px solid transparent; border-right:6px solid #273037;} #price .shop_price_box table td.true{ background:url(../images/new/true.png) center no-repeat;} #price .shop_price_box .btn_download{ display:block; width:254px; height:44px; line-height:44px; border:1px solid #00a680; color:#00a680; font-size:16px; border-radius:3px; text-decoration:none; margin:0 auto; background:url(../images/new/icon_download.png) 65px center no-repeat; text-align:left; text-indent:95px;} #price .shop_price_box .btn_download:hover{ background:url(../images/new/icon_download_cur.png) #00a680 65px center no-repeat; color:#fff;} #price .shop_price_box .price_ab_box{ width:1192px; margin:0 auto; position:relative; z-index:2;} #price .shop_price_box .price_ab_box .ab_box{ width:294px; top: 0; height:2364px; /*height:2395px;*/ position:absolute;} #price .shop_price_box .price_ab_box .ab_box .ab_display{ position: relative; height:100%; width:100%; box-sizing:border-box; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #87c7b8; box-shadow:0 0 40px 0 #87c7b8; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .shop_price_box .price_ab_box .ab_box:hover .ab_display{ opacity: 1;} #price .shop_price_box .price_ab_box .ab_box .ab_bg{ font-size:16px; font-weight:normal; height: 218px;/* height: 240px;*/ box-sizing: border-box; background:#07ad87;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_table{ display: table; width: 100%; height: 100%;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_table .ab_table_cell{ display: table-cell; vertical-align: middle;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_con{ width: 100%; height: 135px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;} #price .shop_price_box .price_ab_box .ab_box:hover .ab_bg .ab_con{ height: 181px;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_con .title{ width: 100%; height: 38px; line-height: 38px; font-size: 22px; color: #fff;} #price .shop_price_box .price_ab_box .ab_box .ab_bg .ab_con .brief{ width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #fff; text-align: center;} #price .shop_price_box .price_ab_box .ab_box .title{ font-size:18px; text-align:center; text-indent:0; color:#fff;} #price .shop_price_box .price_ab_box .ab_box .price{ margin-top: 16px; width: 100%; height: 53px; line-height: 53px; font-size: 46px; color: #fff; font-family:"Arial"; text-align: center;} #price .shop_price_box .price_ab_box .ab_box .price.text{ font-size: 35px;} #price .shop_price_box .price_ab_box .ab_box .price span, #price .shop_price_box .price_ab_box .ab_box .price sup{ position: relative; bottom: -6px; margin-right: 3px; font-size: 14px; vertical-align: middle;} #price .shop_price_box .price_ab_box .ab_box .price span{ bottom: -4px; margin-right: 0; margin-left: 3px;} #price .shop_price_box .price_ab_box .ab_box .btn{ margin-top: 10px; width:150px; height:36px; line-height:36px; background:#fff; color:#0db083; font-size:16px; margin: 10px auto 0; display:block; border-radius:3px; text-decoration:none; text-align: center;} /*#price .shop_price_box .price_ab_box .ab_box.b3 .ab_bg{ position:relative;}*/ #price .shop_price_box .price_ab_box .ab_box.b3 .ab_bg.fixed{ position: fixed;} #price .shop_price_box .price_ab_box .ab_box.b3 .ab_bg i{ position:absolute;width:51px; height:51px; background:url(../images/new/hotsales.png) no-repeat; right:0; top:0;} /** 4月1号新添加 **/ #price .shop_price_box table td.h1{ color: #333;} /*#price .shop_price_box table td.two{ padding: 10px 20px 10px 25px; }*/ /*#price .shop_price_box table th:first-child{ width: 402px;}*/ #price .shop_price_box table th .pro_img{ margin: 15px 0 10px 0; text-indent: 0; text-align: center; } #price .shop_price_box table th .pro_img img{ -webkit-box-shadow: -1px 6px 8px #fdcad2; box-shadow: -1px 6px 8px #fdcad2; } #price .shop_price_box.shop_price_height .price_ab_box .ab_box{ height: 1849px;} /*#price .shop_price_box .price_ab_box .ab_box .ab_bg{ height: 214px; }*/ /*#price .shop_price_box table th .price{ font-size: 28px; color: #ff453c; font-weight: bold; }*/ #price .shop_price_box table th .price.text{ font-size: 35px;} #price .shop_price_box table th .price span{ color: #333333; font-size: 14px; font-weight: 100; } #price .shop_price_box table th .first{ margin: 0 auto; width: 85px; padding: 3px 5px; background: #e1e1e1; color: #999999 ; text-indent: 0; text-align: center; } #price .shop_price_box table th .title{ margin-top: 5px; } /*** 三列 start *** #price .shop_price_box .price_ab_box .ab_box .ab_bg.fixed{ position: fixed; top: 61px; width: 264px; height: 218px;} #price .shop_price_box table td{ width: 263px; text-indent: 0; box-sizing: border-box;} #price .shop_price_box table td:first-child{ width: 402px; box-sizing: border-box;} #price .shop_price_box .price_ab_box .ab_box.b1{ right: 526px;} #price .shop_price_box .price_ab_box .ab_box.b2{ right: 263px;} #price .shop_price_box .price_ab_box .ab_box.b3{ right: 0;} #price .shop_price_box .price_ab_box .ab_box{ width: 265px; height: 2660px;} *** 三列 end ***/ /*** 四列 start ***/ #price .shop_price_box .price_ab_box .ab_box .ab_bg.fixed{ position: fixed; top: 61px; width: 232px; height: 218px;/* height: 240px;*/} #price .shop_price_box .price_ab_box .ab_box:last-child .ab_bg.fixed{ width: 234px;} #price .shop_price_box table td{ width: 224px; text-indent: 0; box-sizing: border-box;} #price .shop_price_box table td:first-child{ width: 255px; box-sizing: border-box;} #price .shop_price_box table td:last-child{ width: 226px;} #price .shop_price_box .price_ab_box .ab_box.b1{ right: 697px;} #price .shop_price_box .price_ab_box .ab_box.b2{ right: 466px;} #price .shop_price_box .price_ab_box .ab_box.b3{ right: 234px;} #price .shop_price_box .price_ab_box .ab_box.b4{ right: 0;} #price .shop_price_box .price_ab_box .ab_box{ width: 233px; height: 3040px;} #price .shop_price_box .price_ab_box .ab_box:last-child{ width: 236px;} /*** 四列 end ***/ .win_alert { display: none; position: fixed; left: 50%; z-index: 10001; top: 50%; transform: translate(-50%,-50%); height: 85%;} .win_alert .service{ margin: 0 auto;padding: 50px 30px 30px 30px;width: 960px;background-color: #fff;border-radius: 5px;max-height: 94%;overflow: auto;} .win_alert .service .main_title{ margin-bottom: 5px; font-size: 30px;text-align: center; } .win_alert .service .title{ margin-top: 50px;font-size: 22px; text-align: center; } .win_alert .service .item_list{ margin-top: 15px; } .win_alert .service .item_list .item:first-child{ margin-left: 0; } .win_alert .service .item_list .item:nth-child(6n){ margin-left: 0; } .win_alert .service .item_list .item{ margin-top: 10px; margin-left: 10px; width: 132px; padding:0 22px ; height: 218px; border: 1px solid #efefef; border-radius: 5px; text-align: center; } .win_alert .service .item_list .item .pic{ height: 65px; padding-top: 25px; } .win_alert .service .item_list .item .i_title{ font-size: 14px; } .win_alert .service .item_list .item .desc{ margin-top: 17px; width: 135px ;line-height: 20px ;font-size: 12px; color: #808080; } .win_alert .service .foot{ margin-top: 17px ;text-align: center; font-size: 14px; } .win_alert .close{ width: 35px; height: 35px; background: url(/images/close.png) no-repeat; position: absolute; top: -50px; right: -40px; cursor:pointer;} .win_alert .service.b2b{width: 766px;} .problem_con{ padding: 80px 0 32px; width: 100%;} .problem_con .problem_con_in{ margin: 0 auto; width: 1200px;} .problem_con .problem_con_in .pro_title{ width: 100%; line-height: 60px; font-size: 40px; color: #333; font-weight: bold; text-align: center;} .problem_con .problem_con_in .pro_list{ display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; margin-top: 65px; width: 100%;} .problem_con .problem_con_in .pro_list .pro_item{ position: relative; margin-top: 96px; padding-left: 5.25%; width: 45.8333%; box-sizing: border-box;} .problem_con .problem_con_in .pro_list .pro_item:nth-child(-n+2){ margin-top: 0;} .problem_con .problem_con_in .pro_list .pro_item:before{ display: block; content: ''; position: absolute; top: 5px; left: 10px; width: 33px; height: 34px; background: url(/images/problem_icon.png) no-repeat center;} .problem_con .problem_con_in .pro_list .pro_item .pro_item_title{ width: 100%; line-height: 40px; font-size: 24px; color: #333;} .problem_con .problem_con_in .pro_list .pro_item .pro_item_brief{ margin-top: 15px; width: 100%; line-height: 30px; font-size: 16px; color: #666;} .win_alert_paypal_invoice{ display: none; position: fixed; left: 50%; z-index: 10001; top: 72%; transform: translate(-50%,-50%); height: 85%;} .win_alert_paypal_invoice .service{ margin: 0 auto;padding: 50px 30px 50px 30px;width: 960px;background-color: #fff;border-radius: 5px;max-height: 94%;overflow: auto;} .win_alert_paypal_invoice .service .main_title{ margin-bottom: 5px; font-size: 30px;text-align: center; } .win_alert_paypal_invoice .service .item_list{ font-size: 16px; color:#000; line-height: 180%; margin-top:20px;} .win_alert_paypal_invoice .close{ width: 35px; height: 35px; background: url(/images/close.png) no-repeat; position: absolute; top: -50px; right: -40px; cursor:pointer;} /* #w1000 #price .shop_price_box .price_ab_box{ width:1000px;} #w1000 #price .shop_price_box table th.price_title{ width:260px;} #w1000 #price .shop_price_box .price_ab_box .ab_box{ width:264px;} #w1000 #price .shop_price_box .price_ab_box .ab_box.b1{ right:526px;} #w1000 #price .shop_price_box .price_ab_box .ab_box.b2{ right:263px;} #w1000 #price .shop_price_box .price_ab_box .ab_box{ width: 245px; } #w1000 #price .shop_price_box .price_ab_box .ab_box.b1{ right: 488px; } #w1000 #price .shop_price_box .price_ab_box .ab_box.b2{ right: 244px; } #w1000 .win_alert .service .close{ right: -20px; } */ /*国庆促销*/ /* #price table.show_box th{ height: 218px;} #price table.show_box th:first-child{ width: 33.5%;} #price table.show_box .burst h3{ height:150px; padding-top:60px;} #price table.show_box .burst .advanced h3 em{ width:51px; height:51px; position:absolute; right:0; top:0; background:url(../images/new/hotsales.png) no-repeat;} #price table.show_box .burst a{ overflow:hidden;} #price table.show_box th.icons i{ width:51px; height:51px; right:0; top:0; background:url(../images/new/hotsales.png) no-repeat;} #price table.show_box th .pro_title{ font-size:18px; text-align:center; text-indent:0; margin-top:10px;} #price table.show_box th .pro_price{ padding-top:35px; background:url(../images/new/promotion.png) top center no-repeat; margin-top:2px; padding-top:44px; font-size:14px; letter-spacing:2px;} #price table.show_box th .pro_price strong{ color:#ff6600;color:#ff453c; font-weight:bold; font-size:36px; letter-spacing:0;} #price table.show_box th .pro_price strong em{ font-style:normal; font-weight:normal; font-size:28px; margin-top:4px; vertical-align:text-top; display:inline-block;} #price table.show_box th .pro_del{ width:96px; height:22px; line-height:22px; background:#e1e1e1; margin:0 auto; margin-top:5px; text-indent:0; text-align:center; color:#999; font-size:14px; font-family:"Arial";} #price table.show_box th .pro_del del{ color:#999; font-size:14px; font-family:"Arial";} #price table.show_box th .pro_price.b2b{ background:url(../images/new/b2bpromotion.png) top center no-repeat;} #price table.show_box th .pro_price.b2b strong{ font-size:34px; color:#000; text-indent:61px;} #price table.show_box th .pro_price.b2b .pro_pomo{ font-size:18px; color:#ff4848; text-align:center; letter-spacing:1px; text-indent:0; margin-top:5px; font-weight:bold;} #price table.show_box .burst .professional h3{ padding-top:30px; height:180px;} #price table.show_box .burst .professional .pro_title{ font-size:20px; color:#fff;} #price table.show_box .burst .professional .pro_price{ padding-top:35px; background:url(../images/new/promotion.png) top center no-repeat; margin-top:15px; font-size:16px; color:#fff; letter-spacing:3px;} #price table.show_box .burst .professional .pro_price strong{ font-size:42px; font-weight:bold; font-family:"Arial"; letter-spacing:0;} #price table.show_box .burst .professional .pro_price strong em{ font-style:normal; font-weight:normal; font-size:32px; display:inline-block; vertical-align:text-top; margin-top:2px;} #price table.show_box .burst .professional .pro_del{ width:96px; height:22px; line-height:22px; background:#358e6d; margin:0 auto; margin-top:10px;} #price table.show_box .burst .professional .pro_del del{ color:#83d6b8; font-size:14px; font-family:"Arial";} #price table.show_box .show>td>div{ height:2292px;} */ /* .win_alert_paypal_invoice{ display: none; position: fixed; left: 50%; z-index: 10001; top: 72%; transform: translate(-50%,-50%); height: 85%;} .win_alert_paypal_invoice .service{ margin: 0 auto;padding: 50px 30px 50px 30px;width: 960px;background-color: #fff;border-radius: 5px;max-height: 94%;overflow: auto;} .win_alert_paypal_invoice .service .main_title{ margin-bottom: 5px; font-size: 30px;text-align: center; } .win_alert_paypal_invoice .service .item_list{ font-size: 16px; color:#000; line-height: 180%; margin-top:20px;} .win_alert_paypal_invoice .close{ width: 35px; height: 35px; background: url(/images/close.png) no-repeat; position: absolute; top: -50px; right: -40px; cursor:pointer;} */ /*template*/ #template .item{ width:516px; float:left; margin-left:120px; background:url(/images/template_browser.jpg) no-repeat; margin-bottom:60px;display: flex;max-width: 48%;} #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:#47bd92; 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;transition:all .3s} #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:#29ab95; 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:#29ab95;} #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:#47bd92; 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 #47bd92;} #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*/ #extension .item{ width:548px; padding:18px; border:1px solid #eee; float:left; margin-left:25px; margin-bottom:35px;} #extension .item_nor{ margin-left:0;} #extension .item:hover{ background:#f3f3f3;} #extension .item .img{ width:233px; height:158px;} #extension .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 .item .con{ width:290px;} #extension .item .con h3{ height:25px; line-height:25px; overflow:hidden;} #extension .item .con h3 a{ font-size:18px;} #extension .item .con h3 a:hover{ color:#47bda0; text-decoration:none;} #extension .item .con .param{ height:25px; line-height:25px; overflow:hidden; margin-top:10px; margin-bottom:15px;} #extension .item .con .param span{ font-size:14px; color:#626262; margin-left:10px;} #extension .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;} #extension .item .con .intro{ font-size:14px; color:#828282; line-height:25px; height:50px; overflow:hidden;} #extension .item .con .pv{ font-size:14px; color:#828282; margin-top:10px;} #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;} /*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 #61beaf;} #system .bot .item:hover h3 a{ color:#1da189; text-decoration:none;} #system .mid .tips{ font-size:18px; color:#747474; margin:20px 0; text-align:center;} #system .mid .category{ width:410px; margin:0 auto;} #system .mid .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;} #system .mid .category a.nor{ border-right:0;} #system .mid .category a.cur{ background:#fff; color:#1ca18b; border-top:2px solid #61beaf; 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:#61beaf; border:1px solid #61beaf;} #system .mid .show_item:hover a{ color:#fff; text-decoration:none;} #system .mid .shop_item{ width:238px; height:480px; 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:100%; height:485px; position:absolute; left:-1px; top:-6px; display:none; z-index:1; border:1px solid #47bd92; 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;} #system .mid .shop_item .abs .title{ background:#61beaf; color:#fff; padding-top:95px;} #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 .con_other{ display: flex; justify-content: space-around;} #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:20px 0; 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; border:2px solid #bababa; 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:#888; text-align:center; padding:7px;} #reg ul li h3{font-size:20px; color:#888; text-align:center; padding:7px;} #reg table{width: 100%;padding:20px 0;} #reg table td{padding:15px; font-size:16px;} #reg table td input{width:390px; height:45px; line-height:45px; border:1px solid #ddd; font-size:14px; padding:0 10px;-webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;outline-color:#48bdaa;} #reg table td input.submit{ 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 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{width:90%; margin:0 auto; text-align:center; border-bottom:1px dotted #ddd; padding-bottom:20px; color:#666;} #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:150px;} #reg table td input.sms_button{float:left; width:150px; background:#48bdaa; color:#fff; border:none; height:47px; cursor:pointer;} #reg table td.vcode a img{ height:47px;} #reg .user{width:600px; margin:0 auto; background:url(../images/user.jpg) left top no-repeat; height:300px; border-bottom:1px dotted #ddd;} #reg .user div{text-align:left; padding-left:130px; line-height:300%; font-size:16px;} #reg .user div font, #reg .user div font a{color:#999;} #reg .user 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:#47bd92; 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: #61beaf;} .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 #61beaf; 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 #47bd92; 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;display: flex;align-items: center;justify-content: space-between;} .service_char_1 .char_box{padding-top: 48px;width: 600px;max-width: 48%} .service_char_1 td .char_box{max-width: 100%} .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;max-width: 100%} .service_char_1 .img_box{width: 600px;height: 400px; text-align:center;max-width: 48%} .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: 360px;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 ***************************/ /*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 .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 #header .nav li{ margin:0 10px;} /*footer*/ #w1000 #footer .info{ width:270px;} #w1000 #footer .menu dl{ width:100px; margin-right:5px;} /*index*/ #w1000 #int .website .item{ width:330px; height:200px; padding-left:130px; padding-right:20px;} #w1000 #int .website .item .title{ padding-top:25px;} #w1000 #int .website .item .img{ left:15px; top:30px;} #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:120px;*/ padding-left:150px;} #w1000 #inb .partner .item{ margin-left:11px;} /*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_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:198px;} #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:585px;} #w1000 #about .progress .contents{ width:1000px; height:320px; background:url(/images/about_progress_small.png) no-repeat;} #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{ top:170px; 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 .img{ width:270px; height:138px;} #w1000 #info .item .con{ width:665px;} #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;margin-bottom: 20px} #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;max-width: 75%} #w1000 #contact .bot .form_input{ width:338px;} #w1000 #contact .bot .form_textarea{ width:670px;} #w1000 #contact .bot .fr{ width:240px; height:270px;max-width: 24%} #w1000 #contact .bot .sign{ padding-top:15px;} /*instance*/ #w1000 #instance .category_blank{ height:135px;} #w1000 #instance .menu .instance_tag{ height:auto; padding-bottom:0;} #w1000 #instance .menu .instance_tag a{ margin-bottom:10px;} #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;} /*登录模块*/ #login .main_box{width:1200px; height:594px; position:fixed; top:0px; bottom:0px; left:50%; z-index:2; margin:auto; transform:translateX(-50%); font-size:0px; border-radius:8px; box-shadow:0px 0px 10px rgba(0,0,0,0.06);} #login .img_box{display:inline-block; vertical-align:middle; width:600px; height:594px;} #login .login_box{ display:inline-block; vertical-align:middle; width:600px; height:100%; background:#fff; border-radius:6px; box-sizing:border-box; padding-top:100px;} #login .login_box .logo{text-align:center;} #login .login_box .hope{text-align:center; font-size:0px; margin-top:25px;} #login .login_box .hope span{font-size:30px; color:#333333; line-height:30px; display:inline-block;} #login .login_box .hope i{display:inline-block; width:2px; height:19px; line-height:30px; background-color:#808080; margin:0 20px;} #login .login_box .login_title{ font-size:20px; text-align:center; color:#333333; margin-bottom:25px; margin-top:45px;} #login .login_box .login_form{width:380px; margin:0 auto;} #login .login_box .input input{ width:100%; height:44px; line-height:44px; border-radius:23px; text-indent:50px; font-size:14px; outline:none; border:0px;} #login .login_box .input .user{ background:url(../images/login/icon_login_user.png) 22px center no-repeat; background-color:#f4f4f4;} #login .login_box .input .password{ background:url(../images/login/icon_login_password.png) 22px center no-repeat; background-color:#f4f4f4;} #login .login_box .submit{ width:100%; height:44px; line-height:44px; background:#0db083; cursor:pointer; text-align:center; color:#fff; font-size:18px; border:0; display:block; letter-spacing:5px; border-radius:22px; margin-top:30px; outline: none;} #login .login_box .submit.loading{ background:url(../images/login_loading.gif) #0cba92 center no-repeat; text-indent:10000px;} #login .login_box .tips{width:380px; margin:0 auto; text-align:left; font-size:14px; color:#999;} #login .login_box .tips a{ color:#07bb8a;} #login .login_box .tips .forgot_btn{ float: right; color:#999999;} #login .member_box{ width:400px; height:460px; background:#fff; border-radius:6px; box-shadow:0 0 10px 0 rgba(0,0,0,0.05); box-sizing:border-box; padding:40px; position:fixed; left:50%; top:50%; margin-left:-200px; margin-top:-230px;} #login .member_box h2{ font-size:28px; text-align:center; margin-bottom:30px;} #login .member_box .member_list{ height: 310px; overflow:hidden;} #login .member_box .member_list .member_item{ height: 50px; line-height: 50px; border: 1px solid #dedede; border-radius: 5px; padding-left: 55px; cursor: pointer; margin-bottom: 10px; background-color: #fff; background-repeat: no-repeat; background-image: url(../images/icon_login_domain.png); background-position: 15px center; overflow: hidden; padding-right: 20px;} #login .member_box .member_list .member_item a{ font-size: 18px; color: #666; text-decoration: none; display: block; overflow: hidden;} #login .member_box .member_list .member_item:hover{ background-color: #e8f1ef; border: 1px solid #0db083;} #login .main_box .top_right_ico{position:absolute; top:-113px; right:-100px; z-index:-1;} #login .main_box .bototm_left_ico{position:absolute; bottom:-79px; left:-64px; z-index:3;} .body_top_left_ico{position:fixed; top:0px; left:11.7%;} .body_bottom_right_ico{position:fixed; bottom:0px; right:7%;} .fr_vrcode{ position: fixed; top: 50%; right: 0; width: 150px; height: 180px; -webkit-transform: translateY(-100%); transform: translateY(-100%);} .fr_vrcode .img{ width: 100%;} .fr_vrcode .title{ width: 100%; height: 30px; line-height: 30px;font-size: 16px; color: #333; text-align: center;} .index_item.reg{ width: 100%; height: 710px; background: url(/images/reg_model/index2_bg.jpg) no-repeat center;} .index_item.reg .con{ display: flex; justify-content: space-around; align-items: center; height: 100%;} .index_item.reg .con .left .title{ width: 100%; line-height: 50px; font-size: 30px; color: #fff; text-align: center;} .index_item.reg .con .left .brief{ margin-top: 20px; line-height: 60px; font-size: 40px; color: #fff; font-weight: bold; text-align: center;} .index_item.reg .con .right{ width: 500px; height: 510px;} .index_item.reg .con .right #reg{ padding: 70px 46px 0; width: 100%; height: 100%; background: #fff; overflow: hidden; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;} .index_item.reg .con .right #reg table{ margin: 0; padding: 0; border: 0;} .index_item.reg .con .right #reg table tr.line{ height: 20px;} .index_item.reg .con .right #reg table td{ position: relative; padding: 0;} .index_item.reg .con .right #reg table td input{ padding: 0 48px; width: 100%; height: 46px; line-height: 46px; font-size: 16px; color: #666; outline: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;} .index_item.reg .con .right #reg table td input[name=MobilePhone]{ background: url(/images/reg_model/reg_icon0.png) no-repeat 14px center;} .index_item.reg .con .right #reg table td input[name=Password]{ background: url(/images/reg_model/reg_icon1.png) no-repeat 14px center;} .index_item.reg .con .right #reg table td input[name=QQ]{ background: url(/images/reg_model/reg_icon2.png) no-repeat 14px center;} .index_item.reg .con .right #reg table td input[name=submit_btn]{ margin-top: 30px; width: 100%; height: 50px; line-height: 50px; font-size: 24px; color: #fff; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; background-image: linear-gradient(to right, #2bb5bd, #19b999); box-shadow: 0 5px 15px rgba(43,181,189,0.3), 0 5px 15px rgba(25,185,153,0.3);} .index_item.reg .con .right #reg table td input::-webkit-input-placeholder{ font-size: 16px; color: #666;} .index_item.reg .con .right #reg table td input:-moz-placeholder{ font-size: 16px; color: #666;} .index_item.reg .con .right #reg table td input::moz-placeholder{ font-size: 16px; color: #666;} .index_item.reg .con .right #reg table td input:-ms-input-placeholder{ font-size: 16px; color: #666;} .index_item.reg .con .right #reg table td select{ position: relative; padding: 0 48px; width: 100%; height: 46px; line-height: 46px; border: 1px solid #ddd; background: url(/images/reg_model/reg_icon3.png) no-repeat 14px center; font-size: 16px; color: #666; outline: 0; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -ms-appearance: none; appearance: none;} .index_item.reg .con .right #reg table td .icon_bg{ display: block; position: absolute; right: 15px; top: 50%; width: 11px; height: 6px; background: url(/images/reg_model/reg_icon4.png) no-repeat center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .index_item.brand{ padding: 90px 0 130px;} .index_item.brand .index_title{ width: 100%; line-height: 58px; font-size: 40px; color: #333; font-weight: bold; text-align: center;} .index_item.brand .list{ display: flex; justify-content: space-around; align-items: center; margin-top: 111px; padding: 85px 0; border: 1px solid #eaeaea; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);} .index_item.brand .list .item{ position: relative;} .index_item.brand .list .item .icon{ position: absolute; top: -143px; left: 50%; width: 118px; height: 118px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} .index_item.brand .list .item .title{ line-height: 38px; font-size: 26px; color: #111; text-align: center;} .index_item.brand .list .item .brief{ margin-top: 15px; height: 56px; line-height: 28px; font-size: 18px; color: #666; text-align: center;} /*index*/ #banner_sec{ position:relative; /*height: auto;*/} #banner_sec img{ display:block; margin:0 auto;} #banner_sec .btn{ display: block; position: relative; margin-top: 45px; width: 180px; height: 50px; line-height: 50px;} #banner_sec .btn a{ display: block; position: relative; color:#fff; font-size: 20px; background:#0db083; z-index: 2; text-align:center; text-decoration:none; border-radius:3px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} /* #banner_sec .btn .btn_a:hover{ background:#fece2e; color:#333;} */ #banner_sec .tab{ width:100%; position:absolute; left:0; bottom:15px; text-align:center;} #banner_sec .tab a{ width:35px; height:4px; background:url(../images/new/banner_tab.png) no-repeat; display:inline-block; margin:0 5px;} #banner_sec .tab a.cur{ background:url(../images/new/banner_tab_cur.png) no-repeat;} #banner_sec .item{ width:100%;} #banner_sec .list{ position: absolute; left:0; top: 0; width:100%; height: 100%;} #banner_sec .list .wrap{ height: 100%;} #banner_sec .list .wrap .txt_table{ display: table; width: 100%; height: 100%;} #banner_sec .list .wrap .txt_table .txt_table_cell{ display: table-cell; vertical-align: middle; padding-left: 10px;} #banner_sec .list .two_img{display: block;margin-top: 2.6vw;} #banner_sec .list .two_img .img,#banner_sec .list .two_img span{display: inline-block;vertical-align: middle;} #banner_sec .list .two_img span{font-size: 26px;color: #333333;padding: 0 16px;} #banner_sec .list .two_img .img{height: 38px;} #banner_sec .list .two_img .img:first-child{height: 27px;} #banner_sec .list .two_img .img img{display: inline-block;vertical-align: middle;max-height: 100%;max-width: 100%;} #banner_sec .list .two_img .img em{display: inline-block;vertical-align: middle;height: 100%;} #banner_sec .list .title{ width: 100%; line-height: 70px; font-size: 46px; color: #333; font-weight: bold;} #banner_sec .list .brief{ margin-top: 24px; width: 100%; line-height: 32px; font-size: 22px; color: #333;} #banner_sec .list .brief span{ font-size: 26px; color: #0db083;} #banner_sec .list .brief .green{color: #0db083;} #banner_sec .list .brief2{ margin-top: 16px; width: 100%; height: 49px; line-height: 49px; font-size: 30px; color: #666;} /*#banner_sec .list .brief{ font-size:24px; color:#555;}*/ #banner_sec .list.style_0 .brief .li{ font-size:20px; color:#555;} /*#banner_sec .list .title{ font-size:52px; color:#222; margin-top:15px; margin-bottom:60px;}*/ #banner_sec .list.style_0 .title{margin-bottom: 40px;} #banner_sec .list.style_0 .brief{line-height: 40px;} #banner_sec .list.style_0 .brief .li{} #banner_sec .list.style_0 .brief .li span{display: inline-block;vertical-align: middle;width: 7px;height: 7px;background: #0cba92;border-radius: 5px;margin-right: 13px;} #banner_sec .list .subtitle{ font-size:42px; color:#222; margin-top:15px; margin-bottom:60px; line-height:65px;} #banner_sec .list .tips{ font-size:22px; color:#0db083; margin-top:12px;} #w1000 #header .member{ /*margin-top:10px;*/margin-left: 0px;} /*#w1000 #banner_sec .list{ top:80px;}*/ #w1000 #banner_sec .list{ top: 0;} /*#banner_sec .list .login_form{width: 320px;padding:45px 40px;background: rgba(0,0,0,.75);} #banner_sec .list .login_form .form_title{font-size: 26px;color: #fff;margin-bottom: 35px;} #banner_sec .list .login_form .form_title{}*/ #banner_sec .login_form_outer{ width: 96%;max-width:1200px; position:absolute; left:0;right: 0; top:110px;margin:auto;height: 0;} #banner_sec .login_box{ width:400px; height:420px;background: rgba(0,0,0,.5); border-radius:6px; box-sizing:border-box; padding:40px; } #banner_sec .login_box h2{ font-size:26px;color: #fff; text-align:center; margin-bottom:30px;} #banner_sec .login_box .input input{ width:100%; height:45px; line-height:45px; border:none; box-sizing:border-box; border-radius:3px; text-indent:45px; font-size:14px;} #banner_sec .login_box .input .user{ background:#fff url(../images/icon_login_user.png) 12px center no-repeat} #banner_sec .login_box .input .password{ background:#fff url(../images/icon_login_password.png) 12px center no-repeat;} #banner_sec .login_box .submit{ width:100%; height:47px; line-height:47px; background:#0cba92; cursor:pointer; text-align:center; color:#fff; font-size:18px; border:0; display:block; letter-spacing:5px; border-radius:3px; margin-top:55px;} #banner_sec .login_box .submit.loading{ background:url(../images/login_loading.gif) #0cba92 center no-repeat; text-indent:10000px;} #banner_sec .login_box .tips{ text-align:center; font-size:16px; color:#fff;} #banner_sec .login_box .tips a{ color:#fff;} #banner_sec .login_box .reg{ width:100%; height:47px; line-height:47px; cursor:pointer; text-align:center; color:#fff; font-size:18px; border:1px solid #fff; display:block; letter-spacing:5px; border-radius:3px; text-decoration:none; box-sizing:border-box;} #banner_sec .login_box .submit:hover{ box-shadow:0 0 20px 0 #0a9a79 inset;} #banner_sec .login_box .reg:hover{ border:1px solid #0cb790;} #banner_sec .login_box .member_list{ height: 248px; overflow:hidden;} #banner_sec .login_box .member_list .member_item{ height: 50px; line-height: 50px; border: 1px solid #dedede; border-radius: 5px; padding-left: 55px; cursor: pointer; margin-bottom: 10px; background-color: #fff; background-repeat: no-repeat; background-image: url(../images/icon_login_domain.png); background-position: 15px center; overflow: hidden; padding-right: 20px;} #banner_sec .login_box .member_list .member_item a{ font-size: 18px; color: #666; text-decoration: none; display: block; overflow: hidden;} #banner_sec .login_box .member_list .member_item:hover{ border: 1px solid #0db083;} #system .bot .container{display: flex;flex-wrap: wrap;} @media (max-width: 1680px){ /*#banner_sec .list{ top:150px;}*/ #banner_sec .list{ top: 0;} #banner_sec .list .title{ font-size:40px;} #banner_sec .login_form_outer{top: 70px;} } @media (max-width: 1440px){ /*#banner_sec .list{ top:120px;}*/ #banner_sec .list{ top: 0;} #banner_sec .list .wrap{ box-sizing:border-box; padding-left:20px;} #banner_sec .login_form_outer{top: 30px;} } @media screen and (max-width:1300px){ #template .item{margin-left: 2%} #system .bot .container{display: flex;flex-wrap: wrap;} #system .bot .container .item {max-width: 22%} #info .item{display: flex;align-items: center;} #info .item .img{margin-right: 10px} #footer .info{width: 250px} } .index_item{ padding: 68px 0 77px;} .index_item .item_title{ width: 100%; line-height: 60px; font-size: 40px; color: #333; text-align: center;} .index_item.index0 .list{ margin-top: 70px; width: 100%;} .index_item.index0 .list .item{ margin-top: 95px; width: 50%; padding: 0 70px; -webkit-box-sizing: border-box; box-sizing: border-box;} .index_item.index0 .list .item .img{ width: 100%;} .index_item.index0 .list .item .con{ margin-top: 30px; width: 100%;} .index_item.index0 .list .item .con .title{ width: 100%; line-height: 46px; font-size: 26px; color: #333; font-weight: bold; text-decoration: none; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;} .index_item.index0 .list .item .con .brief{ margin-top: 11px; width: 100%; line-height: 28px; font-size: 14px; color: #333;} .index_item.index0 .list .item .con .btn{ display: flex; justify-content: start; align-items:center; margin-top: 20px; line-height: 28px; font-size: 18px; color: #0db083; text-decoration: none;} .index_item.index0 .list .item .con .btn img{ margin-left: 11px; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;} .index_item.index0 .list .item:nth-child(-n+2){ margin-top: 0;} .index_item.index0 .list .item:hover .con .btn img{ margin-left: 21px;} .index_item.index0 .list .item:hover .con .title{ color: #0db083;} .index_item.index1{ padding-top: 70px 0 80px; background: #f5f5f5;} .index_item.index1 .list{ display: flex; justify-content: space-between; position: relative; margin-top: 50px; width: 100%; height: 315px;} .index_item.index1 .list:before{ display: block; content: ''; position: absolute; bottom: -23px; left: -161px; width: 277px; height: 108px; background: url(/images/index/index1_before.png) no-repeat center;} .index_item.index1 .list:after{ display: block; content: ''; position: absolute; top: -92px; right: -58px; width: 108px; height: 277px; background: url(/images/index/index1_after.png) no-repeat center;} .index_item.index1 .list .item{ position: relative; padding: 36px; width: 277px; height: 100%; background: #fff; z-index: 1; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .index_item.index1 .list .item .icon{ display: flex; justify-content: center; align-items: flex-end; width: 100%; height: 118px;} .index_item.index1 .list .item .title{ margin-top: 40px; line-height: 35px; font-size: 22px; color: #333; text-align: center;} .index_item.index2 .brief{ margin-top: 36px; height: 36px; text-align: center;} .index_item.index2 .brief .text{ display: flex; justify-content: center; height: 36px; text-align: center;} .index_item.index2 .brief .text .video_btn{ display: inline-block;} .index_item.index2 .brief .text .img{ position: relative; width: 36px; height: 100%;} .index_item.index2 .brief .text .img img{ position: relative; z-index: 3;} .index_item.index2 .brief .text .txt{ display: inline-block; padding-left: 20px; height: 100%; line-height: 36px; font-size: 20px; color: #0db083;} .index_item.index2 .brief .text .img:before{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0db083; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s ease-out infinite; animation: anim-out2 3s ease-out infinite; z-index: 1;} .index_item.index2 .brief .text .img:after{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0db083; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s 1s ease-out infinite; animation: anim-out2 3s 1s ease-out infinite; z-index: 2;} .index_item.index2 .brief .text .img .before2{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0db083; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s 2s ease-out infinite; animation: anim-out2 3s 2s ease-out infinite; z-index: 1;} .index_item.index2 .list{ margin-top: 52px; padding: 0 11px; width: 100%; text-align: center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .index_item.index2 .list .item{ display: inline-block; margin: 40px 10px 0 0; width: 224px; height: 100px;} .index_item.index2 .list .item:nth-child(-n+5){ margin-top: 0;} .index_item.index2 .list .item:nth-child(5){ margin-right: 0;} .index_item.index2 .list .item:last-child{ margin-right: 0;} .index_item.index2 .list .item .icon{ position: relative; width: 100%; height: 100%; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;} .index_item.index2 .list .item .icon span{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .index_item.index2 .list .item .icon span.img1{ opacity: 0; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;} .index_item.index2 .list .item .icon:hover span.img1{ opacity: 1;} .index_item.index3{ padding-top: 0;} .index_item.index3 .t{ height: 38px;line-height: 38px; padding-top: 78px; border-top: 1px solid #f0f0f0; font-size: 40px; color: #333;} .index_item.index3 .item{ display: flex; justify-content: space-between; align-items: center; margin-top: 70px;font-size: 0;} .index_item.index3 .item .list{ position: relative; width: 240px; display:inline-block; color:#fff; font-size:18px;vertical-align: top;} .index_item.index3 .item .firt{ display: flex; justify-content: center; align-items: start; height: 59px;font-size: 40px;color: #0db083;} .index_item.index3 .item .firt strong{font-weight: bold;position: relative;} .index_item.index3 .item .firt strong span{ position: relative; top: 30px; opacity: 0; font-weight: bold;} .index_item.index3 .item .firt em{ margin: 10px 0 0 10px; font-size: 16px;font-style: normal;} .index_item.index3 .item .sect{ display: inline-block; margin: 7px 0 0 -30px; height: 25px; line-height: 25px; font-size: 16px; color: #333;} .index_item.index3 .item .list:nth-child(4) .sect, .index_item.index3 .item .list:nth-child(5) .sect{ margin-left: -15px;} .index_item.index4{ border-bottom: 1px solid #f0f0f0;} .index_item.index4 .list{ margin-top: 52px; padding: 0 5px; width: 100%; text-align: center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .index_item.index4 .list .item{ display: inline-block; margin: 40px 6px 0 0; width: 190px; height: 100px;} .index_item.index4 .list .item:nth-child(-n+6){ margin-top: 0;} .index_item.index4 .list .item:nth-child(6n){ margin-right: 0;} .index_item.index4 .list .item:last-child{ margin-right: 0;} .index_item.index4 .list .item .icon{ position: relative; width: 100%; height: 100%; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;} .index_item.index4 .list .item .icon span{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .index_item.index4 .list .item .icon span.img1{ opacity: 0; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;} .index_item.index4 .list .item .icon:hover span.img1{ opacity: 1;} .story{ margin: 0 auto; padding: 66px 0 80px; width: 1180px;} .story .title{ width: 100%; line-height: 66px; font-size: 40px; color: #333; text-align: center;} .story .list{ margin-top: 53px; width: 100%;} .story .list .item{ width: 570px; height: 550px; border: 1px solid #d8e0de; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s; transition: all 0.5s;} .story .list .item:hover{ box-shadow: 0 0 20px 0 #c1e3dd; border: 1px solid #0db083;} .story .list .item .img{ width: 100%; height: 235px;} .story .list .item .i_title{ width: 100%; height: 57px; line-height: 57px; font-size: 28px; color: #333; text-align: center;} .story .list .item .i_brief{ margin: 0 auto; width: 430px; margin-top: 18px;} .story .list .item .i_brief .row{ position: relative; margin-top: 8px; padding-left: 15px; width: 100%; line-height: 32px; font-size: 18px; color: #555; -webkit-box-sizing: border-box; box-sizing: border-box;} .story .list .item:first-child .i_brief .row{ margin-top: 16px;} .story .list .item .i_brief .row:first-child{ margin-top: 0;} .story .list .item .i_brief .row:before{ display: block; content: ''; position: absolute; left: 0; top: 11px; width: 6px; height: 6px; background: #0db083; -webkit-border-radius: 50%; border-radius: 50%;} .story .list .item .i_brief .btn{ display: block; margin: 32px auto 0; width: 180px; height: 48px; line-height: 44px; border: 2px solid #0db083; font-size: 18px; color: #0db083; text-align: center; text-decoration: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s;} .story .list .item:hover .i_brief .btn{ background: #0db083; color: #fff;} .seller{ margin-bottom: 336px; padding: 40px 0 344px; width: 100%; background: #f5f5f5;} .seller .wrap{ position: relative;} .seller .title{ width: 100%; height: 83px; border-bottom: 3px solid #d0d0d0; text-align: center;} .seller .title .t_item{ display: inline-block; position: relative; margin: 0 25px; padding: 0 8px; height: 100%; line-height: 83px; font-size: 24px; color: #666; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s;} .seller .title .t_item:before{ display: block; content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 6px; background: #0cba92; opacity: 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s;} .seller .title .t_item:hover{ color: #0db083;} .seller .title .t_item.cur{ color: #0db083;} .seller .title .t_item.cur:before{ opacity: 1;} .seller .list{ position: absolute; top: 136px; width: 100%; min-width: 1200px; height: 630px; overflow: hidden;} .seller .list .con{ display: none; position: absolute; left: 0; top: 0; width: 100%;} .seller .list .con .c_title{ width: 100%; height: 58px; line-height: 58px; font-size: 40px; color: #333; text-align: center;} .seller .list .con .content{ position: relative; margin-top: 40px; padding: 55px; width: 100%; background: #fff; border: 1px solid #d8e0de; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;} .seller .list .con .content .left{ width: 610px;} .seller .list .con .content .left .img{ position: relative; width: 100%;} .seller .list .con .content .left .img .video_btn{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .seller .list .con .content .left .img .video_btn .video_btn_icon{ display: block; position: absolute; left: 50%; top: 50%; margin: -38px 0 0 -38px; width: 76px; height: 76px; background: url(/images/play_icon.png) no-repeat center; -webkit-border-radius: 50%; border-radius: 50%;} .seller .list .con .content .left .l_title{ margin-top: 20px; width: 100%; height: 36px; line-height: 36px; font-size: 16px; color: #666; text-align: center;-webkit-transition: all 0.3s;transition: all 0.3s;} .seller .list .con .content .right{ width: 397px;} .seller .list .con .content .right .row{ margin-top: 32px; width: 100%; height: 52px;} .seller .list .con .content .right .row:first-child{ margin-top: 0;} .seller .list .con .content .right .row .icon{ width: 52px; height: 52px; border: 2px solid #ececec; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;} .seller .list .con .content .right .row .text{ padding-left: 20px; width: calc(100% - 52px); height: 100%; line-height: 52px; font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;} .seller .list .con.cur{ display: block;} /*.seller .list .con.cur .left:hover{-webkit-transform: translateY(-10px); transform: translateY(-10px);}*/ .seller .list .con .content .left:hover .l_title{color: #0db083;} /* .seller{ margin-bottom: 336px; padding: 40px 0 344px; width: 100%; background: #f5f5f5;} .seller .wrap{ position: relative;} .seller .title{ width: 100%; height: 83px; border-bottom: 3px solid #d0d0d0; text-align: center;} .seller .title .t_item{ display: inline-block; position: relative; margin: 0 25px; padding: 0 8px; height: 100%; line-height: 83px; font-size: 24px; color: #666; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s;} .seller .title .t_item:before{ display: block; content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 6px; background: #0cba92; opacity: 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s;} .seller .title .t_item:hover{ color: #0db083;} .seller .title .t_item.cur{ color: #0db083;} .seller .title .t_item.cur:before{ opacity: 1;} .seller .list{ position: absolute; top: 136px; left: 50%; width: 100%; height: 630px; overflow: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .seller .list .con{ position: absolute; left: 0; top: 0; width: 100%;} .seller .list .con .c_title{ width: 100%; height: 58px; line-height: 58px; font-size: 40px; color: #333; text-align: center; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateX(-150%); transform: translateX(-150%);} .seller .list .con .content{ position: relative; margin-top: 40px; padding: 55px; width: 100%; background: #fff; border: 1px solid #d8e0de; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;} .seller .list .con .content .left{ width: 610px; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateX(-150%); transform: translateX(-150%);} .seller .list .con .content .left .img{ position: relative; width: 100%;} .seller .list .con .content .left .img .video_btn{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .seller .list .con .content .left .img .video_btn .video_btn_icon{ display: block; position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; background: url(/images/play_icon.png) no-repeat center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .seller .list .con .content .left .l_title{ margin-top: 20px; width: 100%; height: 36px; line-height: 36px; font-size: 16px; color: #666; text-align: center;-webkit-transition: all 0.3s;transition: all 0.3s;} .seller .list .con .content .right{ width: 397px; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateX(-150%); transform: translateX(-150%);} .seller .list .con .content .right .row{ display: flex; margin-top: 32px; width: 100%; height: 52px;} .seller .list .con .content .right .row:first-child{ margin-top: 0;} .seller .list .con .content .right .row .icon{ width: 52px; height: 52px; border: 2px solid #ececec; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;} .seller .list .con .content .right .row .text{ padding-left: 20px; width: calc(100% - 52px); height: 100%; line-height: 52px; font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;} .seller .list .con.cur .c_title{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} .seller .list .con.cur .content{ z-index: 1;} .seller .list .con.cur .content .left{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} .seller .list .con.cur .content .right{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} .seller .list .con.cur .left:hover{-webkit-transform: translateY(-10px); transform: translateY(-10px);} .seller .list .con .content .left:hover .l_title{color: #0db083;} */ .video_outer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100;} .video_outer .video_con{ position: absolute; left: 50%; top: 50%; margin: -241px 0 0 -450px; padding: 20px; width: 900px; height: 482px; background: #fff;} .video_outer .video_con video{ width: 100%; height: 100%;} .video_outer .video_con embed{ width: 100%; height: 100%;} .video_outer .video_con i{ position: absolute; width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;} .video_outer.cur{ display: block;} /* .video_outer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.5s; transition: all 0.5s;} .video_outer .video_con{ position: absolute; left: 50%; top: 50%; padding: 20px; width: 900px; height: 482px; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .video_outer .video_con video{ width: 100%; height: 100%;} .video_outer .video_con embed{ width: 100%; height: 100%;} .video_outer .video_con i{ position: absolute; width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;} .video_outer.cur{ -webkit-transform: translateY(0); transform: translateY(0);} */ #int .type .item{ display:block; text-decoration:none; width:570px; height:320px; border:1px solid #ddd; border-radius:5px; padding-top:45px; box-sizing:border-box;} #int .type .item .title{ font-size:26px; color:#111; text-align:center;} #int .type .item .subtitle{ font-size:22px; color:#111; text-align:center; margin-top:5px;} #int .type .item .brief{ font-size:16px; text-align:center; color:#555; line-height:30px; margin-top:25px;} #int .type .item .btn{ width:138px; height:41px; line-height:41px; color:#0db083; text-align:center; border:2px solid #0db083; margin:0 auto; font-size:16px; margin-top:30px; border-radius:3px;} #int .type .item:hover{ box-shadow:0 0 20px 0 #c1e3dd; border:1px solid #0db083;} #int .type .item:hover .btn{ background:#0db083; color:#fff;} #w1000 #int .type .item{ width:480px; padding-top:20px; height:270px;} #int .advantage .title{ height: 38px; line-height: 35px; font-size:40px; color:#333; text-align:center;} #int .advantage .subtitle{ font-size:16px; color:#999; text-align:center;} #int .advantage .story{ text-align:center;} #int .advantage .story .video{ font-size:16px; color:#0db083; text-decoration:none; padding-left:35px; display:inline-block; line-height:30px;} #int .advantage .story span{border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;} #int .advantage .story i{ width:30px; height:30px; left:0; top:0; background:#0db083; border-radius:50%; animation:suofang 3s infinite;} #int .advantage .story i:before{ content:''; width: 0;height: 0;position: absolute; top: 0; right: 10px; margin:auto; bottom: 0; border-width: 5px 0 5px 8px; border-color: transparent;border-left-color: #fff; border-style: solid;} @keyframes suofang{ 0%{ transform: scale(0.7,0.7);} 50%{ transform: scale(1,1);} 100%{ transform: scale(0.7,0.7);} } #int .amount{ height:210px; background:#37ae8d;} #int .amount .item{ width:300px; height:90px; float:left; border-left:1px solid #4bb699; margin-top:60px; padding-left:90px; box-sizing:border-box;} #int .amount .item .num{ font-size:40px; color:#fff;} #int .amount .item .num strong{ font-weight:normal; font-family:"HelveticaNeueLTProThEx";} #int .amount .item .num i{ right:-25px; top:0; font-size:16px; font-style:normal;} #int .amount .item .num .img{ display: block; margin-left: 3px; height: 48px;} #int .amount .item:nth-child(4) .num i{ right: -40px;} #int .amount .item .num #knowledge i{ right: -50px;} #int .amount .item .num #knowledge font{ height: 48px; margin-left: 2px;} #int .amount .item .title{ font-size:16px; color:#fff; margin-top:15px;} #int .amount .icons{ display: inline-block; font-weight: normal; font-family: "HelveticaNeueLTProThEx";} #w1000 #int .amount .item{ width:250px; padding-left:75px;} #inm .case{ padding-top: 78px;} #inm .case .title{ font-size:30px;} #inm .case .title span{ font-family:"Arial";} #inm .case .title h2{ height: 60px; line-height: 60px; font-size:40px; color: #333;} #inm .case .cate_title{ margin-top: 40px; width: 100%; height: 59px; border: 1px solid #e9ecef; border-left: 0; border-right: 0;} #inm .case .cate_title .cate_list{ margin-left: 10px; width: auto; height: 100%; text-align: center;} #inm .case .cate_title .cate_list .cate_con{ margin: 0 auto; width: auto; height: 100%; overflow: hidden; -webkit-border-radius: 24px; border-radius: 24px; -webkit-box-sizing: border-box; box-sizing: border-box;} #inm .case .cate_title .cate_list .cate_con .cate_item{ display: inline-block; margin-left: 50px; width: auto; height: 100%; line-height: 59px; font-size: 16px; color: #333; text-align: center; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s;} #inm .case .cate_title .cate_list .cate_con .cate_item:first-child{ margin-left: 0;} /*#inm .case .cate_title .cate_list .cate_con .cate_item:first-child{ border-right: 1px solid #0db083;}*/ #inm .case .cate_title .cate_list .cate_con .cate_item:hover{ color: #0db083;} #inm .case .category{ height: 100%;} #inm .case .category a{padding:0 21px; height: 100%; line-height: 59px; overflow:hidden; text-align:center; display:inline-block; font-size:16px; color:#333; margin:0 5px;vertical-align: top; -webkit-transition: all 0.3s; transition: all 0.3s;} #inm .case .category span{display: inline-block;height: 30px;line-height: 30px;font-size: 14px;vertical-align: top;color: #ebebeb;} #inm .case .category a:hover{ color: #0db083; text-decoration:none;} #inm .case .btn a{ width:280px; height: 57px; line-height: 56px; border:2px solid #0db083; background: #0db083; color:#fff; display:inline-block; border-radius:3px; font-size:18px; text-decoration:none;} #inm .case .btn a:hover{ background: #48bdaa;} #inm .course{ padding-top:60px; padding-bottom:75px; background:#f8f9f9;} #inm .course .title{ font-size:30px;} #inm .course .title h2{font-size:40px;} #inm .course .subtitle{ color:#999; font-size:18px;} #inm .course .item{ margin:0 10px;} #inm .course .box{ width:570px; height:200px; padding-left:300px; box-sizing:border-box; padding-top:40px;} #inm .course .box .name{ font-size:24px;} #inm .course .box .brief{ font-size:16px; margin-top:10px; margin-bottom:20px;} #inm .course .nor .box .name{ margin-top:10px; margin-bottom:20px;} #inm .course .nor .box .brief{ margin:0;} #inm .course .box .btn{ font-size:14px; display:inline-block; width:98px; height:26px; line-height:26px; border-style:solid; border-width:1px; text-align:center; border-radius:3px; text-decoration:none; font-weight:bold;} #inm .course .box.b1{ background:url(../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;} #inm .resource{ padding-top: 30px; width: 100%;} #inm .resource .title{ height: 58px; line-height: 58px; font-size:30px;} #inm .resource .title h2{font-size:40px;} #inm .resource .list{ margin-top: 32px; padding-bottom: 63px; width: 100%; border-bottom: 1px solid #eee;} #inm .resource .list .item{ display: block; margin-left: 6.25%; width: 29.1667%; text-decoration: none;} #inm .resource .list .item:first-child{ margin-left: 0;} #inm .resource .list .item .img{ position: relative; top: 0; width: 100%; height: 264px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} #inm .resource .list .item .title{ margin-top: 30px; width: 100%; height: 42px; line-height: 42px; font-size: 24px; color: #222; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} #inm .resource .list .item:hover .img{ top: -10px;} #inm .resource .list .item:hover .title{ color: #0db083;} #inm .resource .list .item .brief{ margin-top: 13px; height: 52px; line-height: 26px; font-size: 14px; color: #666; text-align: center; overflow: hidden;} #inm .resource .list .item .btn{ margin-top: 24px; width: 100%; height: 30px; line-height: 30px; text-align: center;} #inm .resource .list .item .btn .btn_a{ display: inline-block; padding-right: 22px; background: url('/images/resource_btn_icon.png') no-repeat center right; font-size: 16px; color: #0db083; text-decoration: none;} #w1000 #inm .course .box{ width:480px; height:168px; padding-left:240px;} #inm .classroom{ padding: 60px 0 70px; width: 100%; background: #f5f5f5;} #inm .classroom .classroom_in{ margin: 0 auto; width: 1180px; -webkit-box-sizing: border-box; box-sizing: border-box;} #inm .classroom .title{ width: 100%; height: 59px; line-height: 59px; font-size: 40px; color: #333; text-align: center;} #inm .classroom .list{ display: flex; justify-content: space-between; margin-top: 59px;} #inm .classroom .list .item{ width: 366px;/* border: 1px solid #d8e0de;*/ background: #fff; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; transform: translateY(0); -webkit-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px;} #inm .classroom .list .item .img{ display: block; width: 100%; height: 228px;} #inm .classroom .list .item .con{ padding: 14px 14px 20px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} #inm .classroom .list .item .con .name{ display: block; width: 100%; height: 52px; line-height: 26px; font-size: 16px; color: #333; text-decoration: none; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all 0.3s; transition: all 0.3s;} #inm .classroom .list .item .con .info{ margin-top: 7px; width: 100%; height: 15px;} #inm .classroom .list .item .con .info .view{ padding-left: 23px; height: 100%; line-height: 15px; background: url(/images/n_website/view_icon.png) no-repeat left center; font-size: 14px; color: #555;} #inm .classroom .list .item .con .info .time{ height: 100%; line-height: 15px; font-size: 15px; color: #bbb;} #inm .classroom .list .item .con .info .clear{ clear: both;} #inm .classroom .mode_btn{ display: block; margin: 60px auto 0; width: 280px; height: 57px; line-height: 53px; border: 2px solid #0db083; font-size: 18px; color: #0db083; text-align: center; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.3s; transition: all 0.3s;} #inm .classroom .list .item:hover{ transform: translateY(-10px);} #inm .classroom .list .item:hover .name{ color: #0db083;} #inm .classroom .mode_btn:hover{ background: #0db083; color: #fff;} .new_top{} .new_top .h2{ font-size:40px; margin-bottom:35px;} .new_top .litem{width: 27.8%;float: left;margin-left: 7.1%;padding:0 0.4%;} .new_top .litem .title{display: block;position: relative;height: 64px;line-height: 64px;border-bottom: 1px solid #f0f0f0;background: url(../images/icon_ind_new_0.png) no-repeat left center;font-size: 22px;color: #111;padding-left: 45px;text-decoration: none;} .new_top .litem .title:before{position: absolute;right: 0;top: 0;bottom: 0;width: 8px;margin:auto;background: url(../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: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; text-decoration:none;} .new_top .litem .name:hover{ color:#0db083;} .new_top .litem .name img{display: inline-block;margin-left: 2px;} .new_top .litem .date{height: 20px;line-height: 20px; font-size: 12px;color: #bbb;} #inb .t{height: 64px;line-height: 64px;text-align: center;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eee;} #inb .more{display: inline-block;padding-right: 23px;background: url(../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;} #inb .hottag{ position:relative; border-top:1px solid #ededed;} #inb .hottag .title{ position:absolute; left:10px; top:55px; font-size:26px; color:#373737;} #inb .hottag .container{ /*height:100px;*/ min-height:100px; padding:30px 0; overflow:hidden; padding-left:150px;} #inb .hottag .item{ float:left; margin-left:40px;} #inb .hottag .item a{ display:block; color:#333;} #inb .hottag .item img{ display:block;} #inb .hottag .item span{ display:block; text-align:center; padding-top:10px;} #inb .hottag .paypal_partner a{ text-decoration:none;} #inb .hottag .paypal_partner i{ font-style:normal; color:#48bdaa;} #inb .hottag .tag{ padding:10px 20px; border:1px solid #ededed; display:inline-block; font-size:14px; border-radius:100px; color:#333; margin-right:20px; margin-top:25px;} /*instance*/ #instance .wrap{ position:relative;} #instance .category_blank{ height:170px;} #instance .category_none_blank{ height:90px;} #instance .menu .instance_tag{ width: 100%; height: 80px; border-bottom: 1px solid #d9d9d9;} #instance .menu .instance_tag .list{ padding: 0 20px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} #instance .menu .instance_tag a{ display: inline-block; position: relative; padding: 0 38px; height: 100%; line-height: 80px; font-size: 18px; color: #333;text-decoration: none;} /*#instance .menu .instance_tag a:before{ display: block; content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; background: #0db083; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}*/ #instance .menu .instance_tag a.cur{ color: #fff;} #instance .menu .instance_tag a.cur:before{ opacity: 1;} #instance .menu .instance_tag a.icons{ padding-right:45px;} #instance .menu .instance_tag a.icons i{ width:30px; height:30px; right:5px; top:0px; background:url(/images/instance.gif) no-repeat center center;} #instance .menu .instance_tag a:hover{ color: #fff;} #instance .menu{ width:100%;} /*#instance .menu .instance_tag a:hover:before{ opacity: 1;}*/ #instance .menu .instance_category{ margin-top: 30px; width: 100%;} #instance .menu .instance_category .list{ padding: 0 11px; height: 33px; -webkit-box-sizing: border-box; box-sizing: border-box;} #instance .menu .instance_category .list a{ display: inline-block; padding: 0 14px; height: 100%; line-height: 33px; font-size: 14px; color: #555; text-decoration: none; -webkit-border-radius: 17px; border-radius: 17px; -webkit-transition: all 0.3s; transition: all 0.3s;} #instance .menu .instance_category .list a.cur{ background: #0db083; color: #fff;} #instance .menu .instance_category .list a:hover{ background: #0db083; color: #fff;} #instance .container{ margin-top: 59px; width: 100%;} #instance .item{ width:540px; border:1px solid #e8e8e8; padding:20px; height:400px; float:left; margin-left:35px; margin-bottom:35px;} #instance .item_nor{ margin-left:0;} #instance .item .top .img{ width:257px; height:155px;} #instance .item .top .con{ width:260px;} #instance .item .top .con h3{ height:25px; line-height:25px; overflow:hidden;} #instance .item .top .con h3 a{ font-size:16px; color:#1da189;} #instance .item .top .con .url{ font-family:"Arial"; color:#646464; height:20px; line-height:20px; overflow:hidden; margin-top:5px;} #instance .item .top .con .item_line{ height:1px; background:#eee; margin:10px 0;} #instance .item .top .con .rows{ font-size:14px; margin-bottom:7px;} #instance .item .top .intro{ font-size:14px; color:#646464; margin-top:15px;} #instance .item .bot{ position:relative; margin-top:15px;} #instance .item .bot .abs{ width:540px; padding:0 20px; position:absolute; left:-21px; top:0; background:#fff; border:1px solid #e8e8e8; border-top:0; border-bottom:0; cursor:pointer;} #instance .item .bot .con{ padding:5px 0; height:155px; overflow:hidden; min-height:155px;} #instance .item .bot .con_cur{ height:auto;} #instance .item .bot .title{ height:34px; line-height:34px; font-size:14px; border-top:1px solid #eee; border-bottom:1px solid #eee;} #instance .item .bot .rows{ font-family:"Arial"; color:#535353; height:20px; line-height:20px; overflow:hidden; margin-top:5px;} #instance .item .bot .rows span{ margin-right:25px;} #instance .item .bot .btn{ width:100%; height:20px; position:absolute; left:-1px; bottom:-20px; border:1px solid #e8e8e8; border-top:0; background:#f5f5f5;} #instance .item .bot .btn i{ width:16px; height:8px; left:50%; margin-left:-8px; top:50%; margin-top:-4px; background:url(/images/icons.png) no-repeat; background-position:-371px -424px;} #instance .item .bot .btn_cur i{ background-position:-371px -392px;} .video_outer{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100;} .video_outer .video_con{ position: absolute; left: 50%; top: 50%; margin: -241px 0 0 -450px; padding: 20px; width: 900px; height: 482px; background: #fff;} .video_outer .video_con video{ width: 100%; height: 100%;} .video_outer .video_con embed{ width: 100%; height: 100%;} .video_outer .video_con i{ position: absolute; width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;} .video_outer.cur{ display: block;} #iconDivMain1,#KFLOGO{width: 126px !important; height: 221px !important;} /** 注册协议 agreement **/ .agreement_page{width: 100%; max-width: 1200px; margin: 50px auto;} .agreement_page .big_title{font-size: 40px; text-align: center; margin-bottom: 50px;} .agreement_page .content_p{font-size: 18px; line-height: 36px; padding: 15px 0px; color:#555;} .agreement_page .content_p .bold{font-weight: bold;} .agreement_page .content_p .red{color:#f00;} @media screen and (min-width:991px){ #header .member a.register:hover{background:#fff;color:#0bba91} #header .member a.login:hover{background:#0bba91;color:#fff;border-color:#0bba91} #template .item .con .reg:hover{background:#fff;color:#45bca9} }