@charset "utf-8";
/*general*/
.wrap{ width:1200px; margin:0 auto;}
#w1000 .wrap{ width:1000px;}
.min{ min-width:1000px;}
.fl{ float:left;}
.fr{ float:right;}
.tc{ text-align:center;}
.icons{ position:relative;}
.icons i{ position:absolute; display:inline-block;}
.delay{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.delay1{ -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.delay2{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.t{ font-size:26px;}
.st{ font-size:18px; color:#535353;}
.page{ min-height:500px;}
.txC{ text-align:center;}

/** 专题页菜单 **/
#menu_hd{position: fixed;left: 20px;top: 50%;display: none;}
#menu_hd li{width: 14px;height: 14px;border:1px solid #9c9c9c;border-radius: 8px;margin-bottom: 12px;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#menu_hd li.cur{height: 26px;background: #9c9c9c;}

/*在线客服*/
#global_qq_service{ width:70px; padding:10px; position:fixed; /*right:35px;*/ left:35px; top:190px; z-index:999; background:#fff; border:1px solid #48bdaa; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#global_qq_service .title{ font-size:16px; font-weight:bold; color:#1da189; text-align:center;}
#global_qq_service .qq_item .qq_img{ /*width:44px; height:44px;*/ width:60px; height:60px; margin:0 auto;}
#global_qq_service .qq_item .qq_img img{ border-radius:50%;}
#global_qq_service .qq_item .qq_name{ font-size:14px; color:#888787; height:25px; line-height:25px; overflow:hidden; text-align:center;}
#global_qq_service a{ text-decoration:none; margin-top:10px; display:block;}

/*在线客服第二种样式*/
/*
#global_qq_service{ width:81px; padding:10px; position:fixed; left:35px; top:220px; z-index:999; background:#fff; border:1px solid #ff45fb; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#global_qq_service .title{ position: absolute;left: -9px;top: -43px;width: 120px;height: 43px;line-height: 43px;background: url(../images/global_qq_service_top.png) no-repeat center center;font-size:0px; color: white; text-align:center;}
#global_qq_service .qq_item .qq_img{ width:60px; height:60px; margin:0 auto;border-radius: 32px;overflow: hidden;text-align: center;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;padding: 1px;border:1px solid transparent;}
#global_qq_service .qq_item .qq_img img{width: 60px;height: 60px;border-radius: 30px;}
#global_qq_service .qq_item:hover .qq_img{border:1px solid #ff45fb;}
#global_qq_service .qq_item .qq_name{ font-size:14px; color:#888787; height:25px; line-height:25px; overflow:hidden; text-align:center;}
#global_qq_service a{ text-decoration:none; margin-top:10px; display:block;}
*/

.global_subbanner{ width:100%; height:290px; text-align:center;}
.global_subbanner .title{ font-size:36px; color:#333333; padding-top:90px;}
.global_subbanner .intro{ font-size:18px; color:#666666; margin-top:20px;}
.global_subbanner .intro #customer{font-size: 24px;color: #2ca594;display: inline-block;line-height: 26px;vertical-align: top;}

.subbanner_fir{ width:100%; height:230px; background:#f3f3f3;}
.subbanner_fir .wrap{ height:100%; background:url(/images/subbanner_fir.png) 90% bottom no-repeat;}
.subbanner_fir .title{ font-size:28px; color:#414141; margin-left:100px; padding-top:65px;}
.subbanner_fir .intro{ font-size:18px; color:#646464; margin-left:100px; margin-top:5px;}
.subbanner_fir .intro span{ color:#1da189;}

.global_item_fir{ width:366px; height:274px; float:left; margin-left:50px; margin-bottom:35px; position:relative;}
.global_item_fir_nor{ margin-left:0;}
.global_item_fir .global_item_fir_abs{ position:absolute; left:0; top:0;}
.global_item_fir .global_item_fir_abs .type{position: absolute;width: 49px;height: 49px;right: -10px;top: -10px;text-align: center;line-height: 49px;font-size: 18px;color: white;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;background: #00bda0;}
.global_item_fir .img{ border:1px solid #f5f5f5; width:364px; height:219px;}
.global_item_fir h3{ text-align:center; margin-top:15px;}
.global_item_fir h3 a{ font-size:14px; height:20px; line-height:20px; overflow:hidden; display:block;}
.global_item_fir:hover h3 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;transition:0.1s all;-moz-transition:0.1s all;-webkit-transition:0.1s all;}
.global_item_sec .img{ width:364px; height:219px; border:1px solid #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 .global_item_sec_abs{margin-top: -10px;}
.global_item_sec:hover .box{ background:#f8f8f8;}
.global_item_sec .video_img{height: 206px;}
.global_item_sec .video_box{padding: 7px 15px;}
.global_item_sec .video_box h3{font-size: 14px;height: 30px;line-height: 30px;}
.global_item_sec .video_box .intro{height: 27px;}

.global_phone_fir{ width:225px; height:452px; background:url(/images/phone_bg_small.png) no-repeat; float:left; margin:0 80px; margin-bottom:40px; cursor:pointer;}
.global_phone_fir .contents{ width:200px; height:372px; margin-left:13px; margin-top:32px; position:relative;}
.global_phone_fir .contents .img{ width:100%; height:100%;}
.global_phone_fir .contents .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/mask.png); display:none;}
.global_phone_fir .contents .mask a{ width:100%; height:100%; display:block; text-decoration:none;}
.global_phone_fir .contents .mask h3{ font-size:14px; color:#fff; padding-top:145px; text-align:center;}
.global_phone_fir .contents .mask h3 i{ width:40px; height:40px; left:50%; margin-left:-20px; bottom:-60px; background:url(/images/icons.png) no-repeat; background-position:-125px -89px;}
.global_phone_fir:hover .contents .mask{ display:block;}

.global_category{ height:110px; position:relative;}
.global_category .global_category_abs{ width:100%; height:60px; position:absolute; left:0; top:-30px; text-align:center; text-align: center;font-size: 0;}
.global_category .global_category_box{display: inline-block;padding:0 30px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;box-shadow: 0 0 20px rgba(0,0,0,0.08);background: white;}
.global_category .global_category_abs a{ position: relative;display:inline-block; color:#333;padding:0 38px; margin:0 15px; height:60px; line-height:60px; background:#fff; font-size:16px; text-decoration:none; }
.global_category .global_category_abs a:hover{ color:#1ca18b;}
.global_category .global_category_abs a.cur{ color:#1ca18b;}
.global_category .global_category_abs a.cur:before{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 2px;background: #00bd9f;}


.global_right_ad .row_box{ border:1px solid #e6e6e6; padding:15px;}
.global_right_ad .row_box .img{ width:60px; height:60px; float:left;}
.global_right_ad .row_box .sina i{ width:50px; height:41px; left:5px; top:10px; background:url(/images/icons.png) no-repeat; background-position:-365px -85px;}
.global_right_ad .row_box .con{ margin-left:15px; float:left;}
.global_right_ad .row_box .con .title{ font-size:16px; padding-top:7px;}
.global_right_ad .row_box .con .intro{ color:#7e7d7d; margin-top:7px;}
.global_right_ad .row_box a{ color:#333; text-decoration:none;}
.global_right_ad .wechat{ border:1px solid #e6e6e6;}
.global_right_ad .wechat .w_title{ font-size:16px; margin-left:15px; padding-top:15px;}
.global_right_ad .wechat .img{ width:110px; height:110px; margin:0 auto; margin-top:25px;}
.global_right_ad .wechat .w_sao{ font-size:16px; margin-top:10px;}
.global_right_ad .wechat .w_more{ font-size:14px; color:#00bd9f; margin-top:5px; margin-bottom:20px;}

.global_bottom_ad { width:100%; height:170px; background:#48bdaa url(../images/global_bottom_ad.jpg) no-repeat center center;}
.global_bottom_ad  span{ height:46px; line-height:46px; display:inline-block; color:#fff; font-size:34px;}
.global_bottom_ad  a{ width:242px; height:46px; line-height:46px; margin-left:60px; text-decoration:none; display:inline-block; background:#fece2e; font-size:22px; color:#333333; vertical-align:top; -moz-border-radius:23px; -ms-border-radius:23px; -o-border-radius:23px; -webkit-border-radius:23px; border-radius:23px;}

#phone_demo{ width:372px; height:757px; position:fixed; top:50%; left:50%; margin-left:-186px; margin-top:-379px; background:url(/images/phone_bg_big.png) no-repeat; display:none; z-index:10001;}
#phone_demo i{ width:35px; height:35px; right:-40px; top:0; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}
#phone_demo iframe{ width:337px; height:575px; margin-left:19px; margin-top:91px; float:left; border:0; background:url(/images/loading.gif) center no-repeat;;}

#video_demo{ width:900px; height:482px; padding:20px; position:fixed; left:50%; top:50%; margin-left:-470px; margin-top:-261px; background:#fff; display:none; z-index:10001;}
#video_demo i{ width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}

#video_apply{ width:572px; height:180px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-87px; text-align:center; background:#ededed; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;}
#video_apply .v_a_title{ font-size:24px; margin-top:7px;}
#video_apply .v_a_input{ width:230px; height:45px; margin:0 3px; line-height:45px; border:0; outline:none; font-size:14px; color:#9a9a9a; text-indent:15px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#video_apply .v_a_submit{ width:471px; height:47px; line-height:47px; font-weight:bold; display:block; margin:0 auto; border:0; background:#00bd9f; font-size:18px; color:#fff; cursor:pointer; margin-top:13px; outline:none; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#video_apply i{ width:35px; height:35px; right:-70px; top:-65px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}

#video_success{ width:572px; height:180px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-87px; text-align:center; background:#ededed; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;}
#video_success .v_s_sign{ width:75px; height:75px; margin:0 auto;}
#video_success .v_s_sign i{ width:75px; height:75px; left:0; top:0; background:url(/images/icons.png) no-repeat; background-position:-525px -283px;}
#video_success .v_s_title{ font-size:24px; margin-top:30px;}
#video_success .v_s_tips{ font-size:16px; color:#646464; margin-top:10px}
#video_success i{ width:35px; height:35px; right:-70px; top:-58px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}

#global_login{ width:572px; height:311px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-177px; text-align:center; background:#ededed; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;}
#global_login .login_sign{ width:85px; height:85px; position:absolute; left:50%; margin-left:-42px; top:-60px; background:url(/images/login_sign.png) no-repeat;}
#global_login .login_subtitle{ font-size:16px; color:#646464; padding-top:25px;}
#global_login .login_title{ font-size:22px; color:#00bd9f; margin-top:7px;}
#global_login .login_line{ height:1px; background:#d9d9d9; margin:25px 0;}
#global_login .login_tips{ font-size:16px;}
#global_login .login_input{ width:471px; height:45px; line-height:45px; border:0; outline:none; font-size:14px; color:#9a9a9a; text-indent:15px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#global_login .login_submit{ width:471px; height:47px; line-height:47px; display:block; margin:0 auto; border:0; background:#00bd9f; font-size:16px; color:#fff; cursor:pointer; margin-top:13px; outline:none; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#global_login i{ width:35px; height:35px; right:-70px; top:-65px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}
#global_login .get_pwd{float: right;height: 27px;line-height: 27px;padding-left: 32px;background: url(../images/icon_ask.png) no-repeat left center;font-size: 16px;color: #40b78c;margin:15px 50px 15px 0;}

#global_lightboxs{ width:910px; height:670px; position:fixed; left:50%; top:50%; margin-left:-455px; margin-top:-345px; background:#fff; z-index:10001; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:none;}
#global_lightboxs i{ width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}
#global_lightboxs_con{ background:url(/images/loading.gif) center no-repeat;}
#global_lightboxs_con .global_lightboxs_img .img{ width:807px; height:535px; margin:0 auto; padding-top:30px;}
#global_lightboxs_con .global_lightboxs_img .left_btn{ width:25px; height:47px; display:block; position:absolute; left:13px; top:275px; background:url(/images/icons.png) no-repeat; background-position:-368px -297px;}
#global_lightboxs_con .global_lightboxs_img .right_btn{ width:25px; height:47px; display:block; position:absolute; right:13px; top:275px; background:url(/images/icons.png) no-repeat; background-position:-443px -297px;}
#global_lightboxs_con .global_lightboxs_tab{ width:767px; height:50px; position:relative; overflow:hidden; margin:0 auto; margin-top:15px;}
#global_lightboxs_con .global_lightboxs_tab ul{ width:10000px; height:50px; position:absolute; left:0; top:0;}
#global_lightboxs_con .global_lightboxs_tab li{ width:70px; height:46px; float:left; margin-right:25px; border:2px solid #fff;}
#global_lightboxs_con .global_lightboxs_tab li.cur{ border:2px solid #00bd9f;}

#sys_demo{ width:900px; height:600px; padding:20px; background:#fff; position:fixed; left:50%; top:50%; margin-left:-470px; margin-top:-320px; z-index:10001; display:none;}
#sys_demo i{ width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}
#sys_demo .sys_img{ width:680px; height:600px; background:url(/images/loading.gif) center no-repeat; text-align:center;}
#sys_demo .sys_img img{ vertical-align:middle;}
#sys_demo .sys_img span{ height:100%; display:inline-block; vertical-align:middle;}
#sys_demo .sys_cate{ width:200px;}
#sys_demo .sys_cate .switch{ display:none;}
#sys_demo .sys_cate .switch_cur{ display:block;}
#sys_demo .sys_cate dt{ height:36px; line-height:36px; overflow:hidden; border:1px solid #dfdfdf;}
#sys_demo .sys_cate dt a{ font-size:16px; text-indent:60px; display:inline-block; width:100%; height:100%; text-decoration:none;}
#sys_demo .sys_cate dt i{ width:25px; height:25px; left:23px; top:5px; background-repeat:no-repeat; background-size:auto 50px;}
#sys_demo .sys_cate dl:hover dt a{ background:#48bdaa; color:#fff;}
#sys_demo .sys_cate dl.cur dt a{ background:#48bdaa; color:#fff;}
#sys_demo .sys_cate dl dd{ display:none;}
#sys_demo .sys_cate ul{ padding:10px 0;}
#sys_demo .sys_cate li{ height:30px; line-height:30px; overflow:hidden; text-indent:60px;}
#sys_demo .sys_cate li a{ color:#535353; font-size:14px;}
#sys_demo .sys_cate li i{ width:3px; height:3px; left:45px; top:13px; background:url(/images/icons.png) no-repeat; background-position:-465px -162px;}
#sys_demo .sys_cate li:hover a{ color:#1da198; text-decoration:none;}
#sys_demo .sys_cate li:hover i{ background-position:-497px -162px;}
#sys_demo .sys_cate li.cur a{ color:#1da198;}
#sys_demo .sys_cate li.cur i{ background-position:-497px -162px;}

#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;background: url(../images/btoc.jpg) no-repeat 40px 45px;}
#int .website .item2{background: url(../images/btob.png) no-repeat 40px 45px;}
/*#int .website .item:hover*/#int .website .item.cur{background: url(../images/btoch.jpg) no-repeat 40px 45px;}
/*#int .website .item2:hover*/#int .website .item2.cur{background: url(../images/btobh.jpg) no-repeat 40px 45px;}
#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 .item:hover,*/#int .website .item.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 .item:hover i,*/#int .website .item.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 .website .btn a:hover{ background:#c6b587;}

#int .mid .t{font-size: 36px;}
#int .guid{ width:100%; height:265px; background:#48a1a7;}
#int .guid .tacking{margin-left: 40px;}
#int .guid .tacking .con{position: relative;width: 600px;height: 43px;line-height: 43px; padding:64px 0 21px 85px; font-size: 22px;color: white;background: url(../images/guid_ico0.png) no-repeat 8px center;border-bottom: 1px solid #a4d0d3;}
#int .guid .tacking .con:before{position: absolute;left: 58px;bottom: -15px;content: '';width: 16px;height: 15px;background: url(../images/guid_ico1.jpg) no-repeat center center;}
#int .guid .tacking .peo{height: 65px;margin-top: 29px;padding-left: 90px;}
#int .guid .tacking .peo img{float: left;margin-left: -77px;}
#int .guid .tacking .peo span{display: inline-block;line-height: 22px;color: white;margin-top: 14px;font-size: 16px;}
#int .guid .video{float: right;margin-top: 99px;margin-right: 40px;width: 326px;height: 64px;line-height: 64px;border:2px solid white;text-align: center;font-size: 18px;color: white;border-radius: 34px;-moz-border-radius: 34px;-webkit-border-radius: 34px;text-decoration: none;}
/*#int .guid .video img{display: inline-block;vertical-align: middle;margin-top: -2px;margin-right: 5px;}*/
#int .guid .video span{border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;}
#int .guid .video .circle{display: inline-block;position: relative;width: 40px;height: 40px;vertical-align: top;margin-top: 12px;margin-right: 5px;}
#int .guid .video .box{width: 30px;height: 30px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:auto;background: #fff;animation:mymove2 3s linear infinite;-moz-animation:mymove2 3s linear infinite;-webkit-animation:mymove2 3s linear infinite;}
#int .guid .video .row{width: 30px;height: 30px;background: #fff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:auto;}
#int .guid .video .row:before{content:'';width: 0;height: 0;position: absolute;top: 0;right: 6px;bottom: 0;margin:auto;border-width: 8px 0 8px 14px;border-color: transparent;border-left-color: #48a1a7;border-style: solid;}
@keyframes mymove2{
	0%{width: 30px;height: 30px;}
	50%{width: 40px;height: 40px;}
	100%{width: 30px;height: 30px;}
}


#inm .case .category a{padding:0 18px; height:30px; line-height:30px; overflow:hidden; text-align:center; display:inline-block; font-size:14px; color:#646464; margin:0 5px;vertical-align: top;}
#inm .case .category span{display: inline-block;height: 30px;line-height: 30px;font-size: 14px;vertical-align: top;color: #ebebeb;}
#inm .case .category a:hover{ color:#00bd9f; text-decoration:none;}
#inm .case .btn a{ width: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;}

#inm .curriculum{position: relative;height: 705px;}
#inm .curriculum #qodef-particles{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #edf0f0;z-index: -1;}
#inm .curriculum .t{font-size: 36px;}
#inm .curriculum_box{position: relative;height: 370px;}
#inm .curriculum_box .btn{position: absolute;top: 0;bottom: 0;left: 20px;margin:auto;width: 46px;height: 46px;background: url(../images/curr_prev.png) no-repeat center center;}
#inm .curriculum_box .btn.next{left: auto;right: 20px;background-image: url(../images/curr_next.png);}
#inm .curriculum_box .item{position: relative;width: 650px;height: 370px;margin:auto;background: #fff;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;box-shadow: 0 0 20px rgba(0,0,0,0.05);z-index: 2;overflow: hidden;}
#inm .curriculum_box .item .box{position: absolute;top: 0;left: -650px;}
#inm .curriculum_box .item .box .list{float: left;width: 650px;height: 370px;}
#inm .curriculum_box .box .bg{background: url(../images/curr_picbg.jpg) no-repeat center center;background-size: 100% 100%;}
#inm .curriculum_box .left{float: left;width: 275px;padding-top: 70px;margin-left: 45px;}
#inm .curriculum_box .box .bg .left{margin-left: 338px;padding-top: 100px;}
#inm .curriculum_box .box .bg .left .sect{border: none;}
#inm .curriculum_box .box .bg .left .con{color: #666;}
#inm .curriculum_box .left .firt{height: 29px;line-height: 29px;font-size: 18px;color: #666;}
#inm .curriculum_box .left .sect{position: relative;display: inline-block;height: 55px;line-height: 55px;padding-bottom: 9px;padding-right: 55px;border-bottom:1px solid #dddddd;font-size: 36px;color: #333;text-decoration: none;}
#inm .curriculum_box .left .sect:before{content: '';position: absolute;width: 30px;height: 30px;right: 10px;top: 0;bottom: 0;margin:auto;background: url(../images/curr_sectbg.png) no-repeat center center;}
#inm .curriculum_box .left .con{margin-top: 30px;padding-right: 5px;line-height: 24px;color: #bbb;font-size: 14px;}
#inm .curriculum_box .right{float: right;width: 320px;margin-right: 10px;text-align: right;}
#inm .curriculum_box .s_item{position: absolute;left: 117px;top: 52px;width: 479px;height: 273px;background: #fff;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;box-shadow: 0 0 20px rgba(0,0,0,0.05);z-index: 1;overflow: hidden;}
#inm .curriculum_box .s_item:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(237,240,240,0.9);z-index: 1;}
#inm .curriculum_box .s_item .left{width: 235px;padding-top: 44px;margin-left: 30px;}
#inm .curriculum_box .s_item .bg .left{padding-top: 62px;margin-left: 228px;}
#inm .curriculum_box .s_item .left .firt{font-size: 16px;height: 25px;line-height: 25px;}
#inm .curriculum_box .s_item .left .sect{height: 46px;line-height: 46px;font-size: 30px;padding-right: 46px;}
#inm .curriculum_box .s_item .left .sect:before{width: 26px;height: 26px;background-size: 100% 100%;}
#inm .curriculum_box .s_item .left .con{font-size: 12px;line-height: 20px;}
#inm .curriculum_box .s_item .right{width: 205px;height: 273px;margin-right: 8px;font-size: 0;}
#inm .curriculum_box .s_item .right img{display: inline-block;vertical-align: bottom;}
#inm .curriculum_box .s_item .right span{display: inline-block;vertical-align: bottom;height: 100%;}
#inm .curriculum_box .s_item2{position: absolute;right: 117px;left: auto;top: 52px;}
#inm .curriculum_box .s_item .box{position: absolute;top: 0;left: 0px;}
#inm .curriculum_box .s_item2 .box{position: absolute;top: 0;left: -958px;}
#inm .curriculum_box .s_item .box .list{float: left;width: 479px;height: 273px;}

.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{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 .bg{position: absolute;top: 0;height: 90px;right: 0;left: 150px;background: white;z-index: 1;opacity: 0.5;-webkit-opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=50);}
#inb .partner .title{ position:absolute; left:10px; top:45px; 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: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;filter: grayscale(100%);-moz-filter: grayscale(100%);-webkit-filter: grayscale(100%);filter:gray;}
#inb .partner .item span{ display:block; text-align:center; padding-top:10px;}
#inb .partner .paypal_partner a{ text-decoration:none;padding-top: 5px;}
#inb .partner .paypal_partner i{ font-style:normal; color:#333;}
#inb .partner .paypal_partner span{padding-top: 15px;}

/*instance*/
#instance .wrap{ position:relative;}
#instance .category_blank{ height:100px;}
#instance .category_none_blank{ height:50px;}
#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:30px; height:30px; right:5px; top:0px; background:url(/images/instance.gif) no-repeat center center;}
#instance .menu .instance_tag a:hover{ border:1px solid #fff; color:#fff;}
#instance .menu .instance_tag a.icons:hover{border:1px solid transparent; color:#fff;}
#instance .menu .instance_category{ height:26px; padding: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;box-shadow: 0 0 20px rgba(0,0,0,0.08);}
#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 .img img{max-width: 100%;max-height: 100%;}
#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:610px; padding-right: 20px;line-height:30px; font-size:16px; color:#444444;}
#about .content .img_box{ position: relative;width:448px; height:283px;background: #e6e6e6;}
#about .content .img{ position: absolute;right: -27px;top: -27px;width:448px; height:283px;}
#about .content .img img{width: 100%;height: 100%;}
#about .content .img i{ width:70px; height:70px; margin-left:-35px; left:50%; top:35%; background:url(/images/about_video_btn.png) no-repeat;}
#about .technology{ width:100%; height:420px; background:url(/images/about_technology.jpg) top center no-repeat;}
#about .technology .t{ color:white; font-size: 28px; height: 38px;line-height: 38px; padding-top:90px;}
#about .technology .item{margin-top: 70px;font-size: 0;}
#about .technology .item .list{position: relative;width:212px; height:125px; display:inline-block; color:#fff; font-size:18px; margin:0 12px;vertical-align: top;}
#about .technology .item .list:before{content:'';position: absolute;left: 0;right: 0;bottom: 0;height: 11px;border:1px solid #6d6f6e;border-top: none;}
#about .technology .item .firt{height: 59px;line-height: 59px;font-size: 50px;color: #01bea2;}
#about .technology .item .firt strong{font-weight: normal;position: relative;}
#about .technology .item .firt strong span{position: relative;top: 30px;opacity: 0;}
#about .technology .item .firt em{font-size: 16px;font-style: normal;}
#about .technology .item .sect{height: 43px;line-height: 43px;font-size: 16px;color: white;}
#about .progress .t span{color: #2ca594;}
#about .progress .contents{ width:1111px; height:396px; background:url(/images/about_progress_big.png) no-repeat; position:relative;}
#about .progress .contents .item{ position:absolute; font-size:16px; color:#444; left:-50px; top:-50px;}
#about .progress .contents .item span{ font-size:21px; color:#2ca594;}
#about .progress .contents .flag{position: absolute;top: 57px;left: 34px;}
#about .progress .contents .flag_hide{display: none;}
#about .progress .contents .flag1{left: 34px;}
#about .progress .contents .flag2{left: 240px;}
#about .progress .contents .flag3{left: 456px;}
#about .progress .contents .flag4{left: 673px;}
#about .progress .contents .flag5{left: 890px;}
#about .progress .contents .flag6{left: 1043px;top: 96px;}
#about .progress .contents .flag7{left: 1043px;top: 226px;}
#about .progress .contents .flag8{left: 890px;top: 329px;}
#about .progress .contents .flag9{left: 673px;top: 329px;}
#about .progress .contents .flag10{left: 456px;top: 329px;}
#about .progress .contents .flag11{left: 240px;top: 329px;}
#about .progress .contents .flag12{left: 34px;top: 329px;}
#about .progress .contents .flag_90{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
#about .progress .contents .flag_180{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
#about .progress .contents .move{animation:mymove 8s linear;-webkit-animation:mymove 8s linear;}
@keyframes mymove{
	9%{left: 240px;top:57px;}
	18%{left: 456px;top:57px;}
	27%{left: 673px;top:57px;}
	36%{left: 890px;top:57px;}
	41%{left: 1009px;top: 57px;}
	43%{left: 1033px;top: 70px;}
	45.5%{left: 1043px;top: 95px;}
	54.5%{left: 1043px;top: 226px;}
	57%{left: 1043px;top: 277px;}
	59%{left: 1042px;top: 313px;}
	61%{left: 1012px;top: 329px;}
	64%{left: 890px;top: 329px;}
	73%{left: 673px;top: 329px;}
	82%{left: 456px;top: 329px;}
	91%{left: 240px;top: 329px;}
	100%{left: 34px;top: 329px;}
}
#about .progress .contents .i0{ left:80px; top:0;}
#about .progress .contents .i1{ left:270px; top:0;}
#about .progress .contents .i2{ left:490px; top:0;}
#about .progress .contents .i3{ left:705px; top:0;}
#about .progress .contents .i4{ left:920px; top:0;}
#about .progress .contents .i5-1{ left:1070px; top:116px; width:100px;}
#about .progress .contents .i5-2{ left:1070px; top:249px; width:100px;}
#about .progress .contents .i6{ left:915px; top:350px;}
#about .progress .contents .i7{ left:705px; top:350px;}
#about .progress .contents .i8{ left:490px; top:350px;}
#about .progress .contents .i9{ left:270px; top:350px;}
#about .progress .contents .i10{ left:65px; top:350px;}
#about .mission{ width:100%; height:420px; background:url(/images/about_mission.jpg) top center no-repeat;}
#about .mission .miss_box{width: 990px;height: 271px;margin: 74px auto 0;border-top: 1px solid #646464;border-bottom: 1px solid #646464;}
#about .mission .left{float: left;width: 217px;padding-top: 45px;text-align: center;}
#about .mission .right{float: left;padding-top: 77px;padding-left: 80px;background: url(../images/about_ico.png) no-repeat 34px 53px;text-align: left;}
#about .mission .right .firt{height: 66px;line-height: 66px;font-size: 28px;color: white;}
#about .mission .right .sect{height: 44px;line-height: 44px;font-size: 18px;color: white;}

#about .news .item{ width:355px; float:left; margin-left:55px;}
#about .news .nor{ margin-left:10px;}
#about .news .item .img{ width:355px; height:180px;}
#about .news .item .box{ padding:15px; border:1px solid #ededed; border-top:0;}
#about .news .item .date{ font-family:"Arial"; font-size:14px; color:#a0a0a0;}
#about .news .item h3{ height:25px; line-height:25px; overflow:hidden; margin-top:5px; margin-bottom:15px;}
#about .news .item h3 a{ font-size:16px; color:#202020;}
#about .news .item .intro{ font-size:14px; color:#616161; height:50px; line-height:25px; overflow:hidden;}
#about .news .item:hover .box{ background:#f8f8f8;}
#about .news .item:hover h3 a{ color:#00bd9f;}
#about .news .btn a{ width:254px; height:44px; line-height:44px; border:1px solid #00bd9f; color:#00bd9f; display:inline-block; font-size:16px; text-decoration:none; -moz-border-radius:22px; -ms-border-radius:22px; -o-border-radius:22px; -webkit-border-radius:22px; border-radius:22px;}

/*partner*/
#partner{}
#partner .title{height: 44px;line-height: 44px;font-size: 26px;color: #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{float: left; width: 353px; margin-left: 56px; margin-bottom: 39px; border:1px solid #ededed;}
#info .first{margin-left: 10px;}
#info .item .img{ height:179px;text-align: center;}
#info .item .con{ padding:15px 12px 25px; }
#info .item .all{ width:100%;}
#info .item .con h3{ height:30px; line-height:30px;}
#info .item .con h3 a{display: block; height:30px; line-height:30px; overflow:hidden;-moz-text-overflow: ellipsis ;-webkit-text-overflow: ellipsis ;text-overflow: ellipsis ;white-space: nowrap;font-size:16px; color:#222222;}
#info .item .con .date{ font-size:14px; color:#bbbbbb; font-family:"Arial"; line-height: 22px;}
#info .item .con .intro{ font-size:14px; color:#999999; line-height:22px; height:66px; overflow:hidden;}
#info .item:hover{ margin-top: -10px;}
#info .item:hover h3 a{ color:#00bd9f;}
#info .more{display: block;width: 264px;height: 52px;line-height: 52px;margin:auto;text-align: center;font-size: 14px;color: #888;background: #f1f1f1;text-decoration: none;}
#info .more span{display: inline-block;font-size: 18px;font-weight: bold;margin-left: 3px;margin-top: -4px;vertical-align: middle;}

#info_detail .contents{ width:890px;line-height: 30px;font-size: 16px;}
#info_detail .contents .p{line-height: 30px;font-size: 16px;text-indent: 2em;}
#info_detail .ad{ width:275px;}
#info_detail h2{ font-size:26px; color:#202020; text-align:center;}
#info_detail .param{ height:36px; line-height:36px; padding:10px 0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc}
#info_detail .param *{ font-size:14px; color:#747373;}
#info_detail .param .date{ margin-left:220px;}
#info_detail .param .bdsharebuttonbox{ margin-left:40px; float:left;}
#info_detail .near{ border-top:1px solid #e5e5e5; padding:15px 0;}
#info_detail .near .row{ font-size:14px; color:#37b084; float:left; width:50%; height:25px;}
#info_detail .near .row a{ color:#535353;}

/*company*/
#company .container{ padding-bottom:75px; background:url(/images/company_line.jpg) left top repeat-y; margin-left:20px; padding-left:170px;}
#company .container i{ width:68px; height:19px; left:-9px; top:0; background:url(/images/icons.png) no-repeat; background-position:-220px -5px;}
#company .container .date{ position:absolute; left:70px; top:-7px; font-size:24px;}
#company .last{ padding-bottom:0;}
#company .first i{ background-position:-129px -5px;}
#company .first .date{ color:#00bd9f;}
#company .item{ width:288px; float:left; margin-left:30px; padding:7px; border:1px solid #e6e6e6;}
#company .item:hover{ background:#f4f4f4;}
#company .item .img{ width:288px; height:191px;}
#company .item h3{ font-size:14px; height:25px; line-height:25px; overflow:hidden; margin-top:10px; padding:0 5px;}

/*contact*/
#contact .title{ font-size:24px; color:#2ca594;}
#contact .intro{ font-size:14px; color:#4a4a4a;}
#contact .title.tc,#contact .intro.tc{text-align: center;}
#contact .intro a{color: #2ca594;text-decoration: underline;}
#contact .top{ padding:40px; background:#f9f9f9;}
#contact .top .item{ width:340px; height:120px; float:left; background:#fff; margin-left:50px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#contact .top .address{ margin-left:0;}
#contact .top .address div{ font-size:16px; color:#4a4a4a; margin-left:95px; margin-top:35px; margin-right:40px; line-height:25px;}
#contact .top .address i{ width:44px; height:44px; left:30px; top:35px; background:url(/images/icons.png) no-repeat; background-position:0 -208px;}
#contact .top .tel div{ font-size:16px; color:#4a4a4a; margin-left:95px; margin-top:23px; line-height:25px;}
#contact .top .tel i{ width:32px; height:38px; left:35px; top:40px; background:url(/images/icons.png) no-repeat; background-position:-74px -211px;}
#contact .top .tel span{ font-size:14px;}
#contact .top .email div{ font-size:16px; color:#4a4a4a; margin-left:100px; margin-top:35px; line-height:25px;}
#contact .top .email i{ width:45px; height:35px; left:35px; top:43px; background:url(/images/icons.png) no-repeat; background-position:-146px -214px;}
#contact .mid{ padding:0 40px;}
#contact .mid .item{ width:330px; float:left; margin-left:65px;}
#contact .mid .item .img{ width:70px; height:70px; margin:0 auto;}
#contact .mid .item .sign{ height:40px; line-height:40px; border-top:1px solid #2ca594; border-bottom:1px solid #2ca594; text-align:center; color:#2ca594; font-size:16px; margin-top:24px;}
#contact .mid .item .name{ height:40px; line-height:40px;text-align:center; font-size:16px; color:#5b5b5b; margin-top:5px;}
#contact .mid .business{ margin-left:0;}
#contact .mid .business i{ width:70px; height:70px; left:0; top:0; background:url(/images/icons.png) no-repeat; background-position:-218px -195px;}
#contact .mid .work i{ width:70px; height:70px; left:0; top:0; background:url(/images/icons.png) no-repeat; background-position:-311px -195px;}
#contact .mid .advise i{ width:70px; height:70px; left:0; top:0; background:url(/images/icons.png) no-repeat; background-position:-405px -196px;}
#contact .bot{ padding:35px 40px 52px 39px;border:1px solid #ececec;border-radius: 3px;}
#contact .bot .fl{ width:840px;padding-right: 54px;border-right: 1px solid #ededed;}
#contact .bot .form_input{ width:408px; height:48px; line-height:48px; border:1px solid #f9f9f9; background:#f9f9f9; text-indent:15px; outline:none; font-size:18px; color:#999999; float:left;border-radius: 3px;}
#contact .bot .form_textarea{ padding:15px; width:808px; height:118px; border:1px solid #f9f9f9; outline:none; font-size:18px; background:#f9f9f9; color:#999999; resize:none;border-radius: 3px;}
#contact .bot .form_submit{ width:100%; height:48px; line-height:48px; text-align:center; background:#2ca594; font-size:18px; color:#fff; border:0; outline:none; cursor:pointer; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#contact .bot .fr{ width:185px; height:300px; background:#fff; text-align:center;}
#contact .bot .sign{ font-size:14px; color:#666; padding-top:30px;}
#contact .bot .subsign{ font-size:18px; color:#2ca594; margin-top:10px;}
#contact .bot .img{ width:166px; height:166px; margin:0 auto; margin-top:15px;}

/*price*/
#price table{ width:1100px; margin:0 auto; border-collapse:collapse; cursor:default; position:relative;}
#price table th{ background:#f8f8f8; height:100px; font-size:18px; font-weight:normal; border:1px solid #e9e9e9; text-align: center;}
#price table th strong{ font-size:26px; color:#00bd9f; font-weight:normal;}
#price table th span{ font-size:14px; color:#00bd9f; letter-spacing:3px; margin-left:5px;}
#price table th .sale{letter-spacing: 0px;color: #ff2602;}
#price table th .sale em{display: inline-block;width: 31px;height: 31px;line-height: 31px;font-weight: bold;font-style: inherit;font-size: 18px;color: #fff;background: url(../images/salebg.png) no-repeat center center;margin:0 3px;}
#price table td{ height:38px; text-align:center; font-size:14px; border:1px solid #e9e9e9;}
#price table td.tips i{ width:16px; height:16px; right:10px; top:11px; background:url(/images/icons.png) no-repeat; background-position:-69px -157px;}
#price table td.tips div{ width:628px; position:absolute; left:221px; top:0; background:url(/images/price_tips_sign.jpg) left top #4aac7d no-repeat; line-height:38px; color:#fff; font-size:14px; display:none; text-indent:0; padding-left:30px;}
#price table td.tips:hover i{ background-position:-119px -157px;}
#price table td.tips:hover div{ display:block; z-index:3;}
#price table td.true i{ width:8px; height:8px; left:50%; top:50%; top:\9; margin-left:-4px; margin-top:-4px; background:url(/images/icons.png) no-repeat; background-position:-170px -161px;}
#price table td.false i{ width:8px; height:8px; left:50%; top:50%; top:\9; margin-left:-4px; margin-top:-4px; background:url(/images/icons.png) no-repeat; background-position:-218px -161px;}
#price table td.bottom{ height:64px; line-height:64px;}
#price table .in30{ text-indent:30px; text-align:left;}
#price table .fz16{ font-size:16px;}
#price table .fz14{ font-size:14px;}
#price table .h48{ height:48px; line-height:48px;}
#price table .vt{ vertical-align:top;}
#price table .color{ color:#00bd9f;}
#price table .bg{ background:#f8f8f8;}
#price table .download{ width:100%; height:100%; display:inline-block; background:#00bd9f; font-size:18px; color:#fff; text-decoration:none; text-align:left; text-indent:190px;}
#price table .download i{ width:21px; height:25px; left:155px; top:20px; background:url(/images/icons.png) no-repeat; background-position:-100px -40px}
#price table .burst div{ width:219px; position:absolute; top:-16px; border:0; z-index:4;}
#price table .shop div{ height:6750px;}
#price table .show div{ height:4302px;}
#price table .burst a{ width:100%; height:100%; border:1px solid #00bd9f; display:none; 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;}
#price table .burst h3{ height:93px; padding-top:30px; background:#00bd9f; font-size:20px; color:#fff;}
#price table .burst h3.sale_tit{padding-top: 7px;height: 116px;}
#price table .burst h3 strong{ font-size:36px; color:#fff; font-weight:normal;}
#price table .burst h3 span{ font-size:17px; letter-spacing:3px; margin-left:5px;}
#price table .burst h3 .sale{letter-spacing: 0px;color: #ffea00;font-size: 14px;}
#price table .burst h3 .sale em{display: inline-block;width: 31px;height: 31px;line-height: 31px;font-weight: bold;font-style: inherit;font-size: 18px;color: #00bd9f;background: url(../images/salebgh.png) no-repeat center center;margin:0 3px;}
#price table .burst i{ width:176px; height:39px; line-height:39px; font-size:14px; font-weight:bold; color:#fff; display:inline-block; /*left:50%; margin-left:-88px; bottom:10px; position:absolute;*/ background:#00bd9f; font-style:normal; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
#price table .burst .standard{ left:440px;}
#price table .burst .standard:hover a{ display:block;}
#price table .burst .advanced{ left:660px;}
#price table .burst .advanced:hover a{ display:block;}
#price table .burst .professional{ left:880px;}
#price table .burst .professional:hover a{ display:block;}
#price table td.important{background: #55c2af;color: white;}
#price table td.important i,#price table td.important:hover i{background: #55c2af url(../images/important_icons.png) no-repeat center center;}


/*template*/
#template .item{ width:516px; float:left; margin-left:120px; background:url(/images/template_browser.jpg) no-repeat; margin-bottom:60px;}
#template .item_nor{ margin-left:25px;}
#template .item .pic{ width:390px; height:243px; overflow:hidden; margin-top:23px; border:1px solid #e5e5e5; position:relative;}
#template .item .pic a{ width:100%; display:block; position:absolute; left:0; top:0;}
#template .item .pic a img{ max-height:none;}
#template .item .con{ width:124px;}
/*#template .item .con h3{ height:33px; line-height:33px; overflow:hidden; color:#fff; background:#00bd9f; font-size:16px; text-align:center;}*/
/*#template .item .con h3{ height:33px; line-height:33px; overflow:hidden; font-size:16px; text-align:center; background:#f7f7f7; color:#515151;}*/
#template .item .con .ul{ height:255px; background:#f7f7f7; border-left:0; border-top:0; padding-top:7px;}
#template .item .con .li{ color:#666; display:block; text-decoration:none; margin-top:19px;}
#template .item .con .li:hover{ color:#45bca9;}
#template .item .con .li:hover i{ background-position:-292px -161px;}
#template .item .con .price{ color:#45bca9; font-size:22px; text-indent:25px; margin-top:15px;}
#template .item .con .price i{ font-size:12px; color:#4d4d4d; font-style:normal; margin-left:3px;}
#template .item .con .price span{ font-size:13px; margin-right:1px;}
#template .item .con .reg{ width:90px; height:32px; line-height:32px; border:1px solid #45bca9; display:block; color:#45bca9; text-align:center; margin:0 auto; text-decoration:none; margin-top:10px; -moz-border-radius:17px; -ms-border-radius:17px; -o-border-radius:17px; -webkit-border-radius:17px; border-radius:17px;}
#template .item .con .icons{color: #666;border:1px solid #dddddd;}
#template .item .con .nor{ margin-top:25px;}
#template .item .con .reg:hover,#template .item .con .last{ background:#45bca9; color:#fff;}

/*cust*/
#cust .top .fl{ margin-left:75px;}
#cust .top .fl .title{ font-size:26px; color:#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:#00bd9f; text-align:center; overflow:hidden; color:#fff; font-size:16px;}
#faq .category dd{ border:1px solid #e9e9e9; border-top:0; position:relative;}
#faq .category dd span{ width:7px; height:48px; position:absolute; right:-5px; top:-1px; background:url(/images/faq_line.png) no-repeat; display:none;}
#faq .category dd a{ width:100%; height:46px; line-height:46px; font-size:14px; display:inline-block; text-indent:30px; color:#333; text-decoration:none;}
#faq .category dd a i{ width:6px; height:6px; left:15px; top:20px; background:url(/images/icons.png) no-repeat; background-position:-331px -161px;}
#faq .category dd:hover span{ display:block;}
#faq .category dd:hover a{ background:#f8f8f8;}
#faq .category dd:hover a i{ background-position:-381px -161px;}
#faq .category dd.cur span{ display:block;}
#faq .category dd.cur a{ background:#f8f8f8;}
#faq .category dd.cur a i{ background-position:-381px -161px;}
#faq .contents{ width:935px;}
#faq .contents .item{ width:315px; padding:30px 30px 0 90px; height:160px; border:1px solid #e5e5e5; float:left; margin-left:40px; margin-bottom:40px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; cursor:default;}
#faq .contents .item:hover{ border:1px solid #00bd9f;}
#faq .contents .item_nor{ margin-left:0;}
#faq .contents .item h3{ font-size:18px;}
#faq .contents .item .intro{ color:#666; margin-top:15px; line-height:22px;}
#faq .contents .item i{ width:48px; height:44px; left:25px; top:25px; background:url(/images/icons.png) no-repeat; background-position:-452px -87px;}

/*extension*/
.prism-player{width:600px; margin:0 auto; display:none;}
.prism-speed-selector{display:none;}
.prism-big-play-btn{display:none !important;}

.w_1200 #listen .media .media_list li{height:148px;}
.w_1200 #listen .media .media_list li .img{width:220px;}
.w_1200 #listen .media .media_list li .info .t{height:80px;}
.w_1200 #listen .big{display:inline-block;}
.w_1200 #listen .small{display:none;}

#listen{clear:both;}
#listen .list{ min-height:300px;}
#listen .list .bg{ padding: 37px 0 40px 0;}
#listen .list .bg .con_title{text-align: center;}
#listen .media{margin:55px 0 125px;}
#listen .media .player{width:790px; height:444px;float: left;}

#listen .media .player .cover{width:100%; height:100%;}
#listen .media .media_list{width:385px; float:right; background:#fff;}
#listen .media .media_list li{height: 78px;border:1px solid #ddd; box-sizing:border-box; position:relative;cursor: pointer;}
#listen .media .media_list li:before{position: absolute;content: '';width: 19px;height: 15px;right: 20px;top: 0;bottom: 0;margin:auto;background:url(/images/extension/video.png) no-repeat center center;}
#listen .media .media_list li.cur:before{display: none;}
#listen .media .media_list li.cur{height:131px;border:1px solid #54c6b2;}
#listen .media .media_list li .num{display: none;position:absolute; left:0; top:0; width:41px; height:38px; text-indent:5px; line-height:25px; background:url(/images/extension/listen-num-bg.png); color:#fff;}
#listen .media .media_list li.cur .num{display: block;background:url(/images/extension/listen-num-bg-cur.png);}
#listen .media .media_list li .img{display: none;width:200px; float:left; text-align:center; padding:16px 0 16px 16px;}
#listen .media .media_list li.cur .img{display: block;}
#listen .media .media_list li .info{ padding-left: 35px;}
#listen .media .media_list li.cur .info{width:150px; float:left;padding:18px 0;}
#listen .media .media_list li .info .t{margin-top: 14px;font-weight:bold;font-size: 14px;}
#listen .media .media_list li.cur .info .t{height: 72px;margin-top: 0;}
#listen .media .media_list li .info .h{margin-top: 5px;color:#5f5f5f;font-size: 14px;}
#listen .media .media_list li.cur .info .h{margin-top: 0;}
#listen .big{display:none;}
#listen .small{display:inline-block;}
#listen .banner{padding-top: 30px;}
#listen .banner img{width:100%; margin:25px 0;}

#w1000 #listen .media{margin:45px 0 110px;}
#w1000 #listen .media .player{width:640px; height:360px;}
#w1000 #listen .media .media_list{width:335px;}
#w1000 #listen .media .media_list li{height: 62px;}
#w1000 #listen .media .media_list li.cur{height:107px;}
#w1000 #listen .media .media_list li .img{display: none;}
#w1000 #listen .media .media_list li.cur .img{display: block;width:170px;padding:16px 0 16px 4px;}
#w1000 #listen .media .media_list li .img img{width: 130px;}
#w1000 #listen .media .media_list li.info{padding-left: 30px;}
#w1000 #listen .media .media_list li.cur .info{padding-left: 0px;}
#w1000 #listen .media .media_list li .info .t{height:auto;margin-top: 8px;}
#w1000 #listen .media .media_list li.cur .info .t{margin-top: 0;}
#w1000 #listen .media .media_list li.cur .info .t{height:49px;}
#w1000 #listen .media .media_list li.cur .info .h{}
#w1000 #listen .banner{padding-top: 20px;}

#extension{}
#extension .module_box{height: 600px;border-bottom: 1px solid #e9e9e9;}
#extension .module_box .video{width: 527px;height: 419px;margin-top: 137px;background: url(../images/extension/videobg.png) no-repeat 0 0;}
#extension .module_box .video .img{position: relative;width: 435px;height: 289px;margin-top: 14px;margin-left: 60px;background: #ccc;}
#extension .module_box .video .img img{width: 100%;height: 100%;}
#extension .module_box .video .img .fill{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/extension/video_fill.png) no-repeat center center;}
#extension .module_box .content{width: 455px;margin-top: 128px;}
#extension .module_box .content .firt{position: relative;padding:20px 0;line-height: 50px;font-size: 30px;color: #333;}
#extension .module_box .content .firt:before{position: absolute;content: '';bottom: -4px;left: -3px;width: 113px;height: 3px;background: #54c6b2;}
#extension .module_box .content .desc{margin-top: 38px;line-height: 30px;font-size: 16px;color: #444;}
#extension .sunflower{border-bottom: none;}
#extension .sunflower .firt{margin-top: 92px;margin-bottom: 52px;height: 42px;line-height: 42px;font-size: 30px;text-align: center;}
#extension .sunflower .firt span{color: #01bea2;}
#extension .sunflower .firt em{display: inline-block;width: 14px;height: 42px;margin: 0 18px;vertical-align: top;background: url(../images/extension/ico2.png) no-repeat center center;}
#extension .sunflower .flower_con{position: relative;width: 1002px;height: 392px;margin:auto;background: url(../images/extension/sunflower.png) no-repeat center center;}
#extension .sunflower .flower_con .con{position: absolute;width: 262px;height: 148px;padding:32px 40px 0;}
#extension .sunflower .flower_con .con1{top: 66px;left: 0;}
#extension .sunflower .flower_con .con2{top: 129px;right: 0;}
#extension .sunflower .flower_con .desc{font-size: 16px;line-height: 28px;}
#extension .sunflower .flower_con .name{float: right;font-size: 16px;color: #2f3948;height: 29px;line-height: 29px;margin-top: 13px;}
#extension .sunflower .flower_con .add{color: #02ccba;font-size: 18px;font-weight: bold;}
#extension .sunflower .flower_con .job{color: #5f5f5f;font-size: 14px;}
#extension .marketing{padding-top: 55px;padding-bottom: 150px;}
#extension .marketing .firt{height: 42px;line-height: 42px;font-size: 30px;text-align: center;margin-bottom: 62px;}
#extension .marketing .market_box{position: relative;height: 480px;}
#extension .marketing .item{position: absolute;top: 0;left: 10px;width: 353px;height: 480px;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border:1px solid #dedede;background: #fff;}
#extension .marketing .item1{z-index: 4;}
#extension .marketing .item2{left: 285px;z-index: 3;}
#extension .marketing .item3{left: 559px;z-index: 2;}
#extension .marketing .item4{left: 834px;z-index: 1;}
#extension .marketing .item.cur{margin-left: -42px;top: -16px;width: 425px;height: 510px;z-index: 5;box-shadow: 0 0 30px rgba(97,190,175,0.3);-moz-box-shadow: 0 0 30px rgba(97,190,175,0.3);-webkit-box-shadow: 0 0 30px rgba(97,190,175,0.3);}
#extension .marketing .item.cur .tit{background: #2ca594;color: white;}
#extension .marketing .item.cur .tit .img{display: none;}
#extension .marketing .item.cur .tit .imgh{display: block;}
#extension .marketing .tit{height: 120px;line-height: 120px;background: #f8f8f8;padding:0 28px;font-size: 20px;border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;-webkit-border-radius: 8px 8px 0 0;}
#extension .marketing .tit .img{float: right;margin-top: 29px;}
#extension .marketing .tit .imgh{float: right;margin-top: 29px;display: none;}
#extension .marketing ul{padding-top: 25px;}
#extension .marketing li{height: 40px;line-height: 40px;padding-left: 58px;background: url(../images/extension/ico7.png) no-repeat 29px center;font-size: 14px;color: #999;}
#extension .marketing .item.cur li{font-size: 16px;color: #666;background-image: url(../images/extension/ico7h.png);}
#extension .audition{height: 335px;background: url(../images/extension/audition.png) no-repeat center bottom;}
#extension .audition_box{width: 775px;height: 165px;padding:52px 45px 48px;margin:auto;box-shadow: 0 0 35px rgba(44,165,148,0.2);-moz-box-shadow: 0 0 35px rgba(44,165,148,0.2);-webkit-box-shadow: 0 0 35px rgba(44,165,148,0.2);background: white;}
#extension .audition_box img{float: left;}
#extension .audition_box .con{float: left;width: 300px;margin-left: 30px;}
#extension .audition_box .firt{height: 72px;line-height: 72px;padding-top: 10px;font-size: 32px;}
#extension .audition_box .sect{line-height: 29px;font-size: 16px;color: #666;}
#extension .audition_box .apply{float: right;width: 242px;height: 46px;margin-top: 57px;line-height: 46px;background: #01bea2;color: white;font-size: 22px;text-decoration: none;border-radius: 23px;-moz-border-radius: 23px;-webkit-border-radius: 23px;text-align: center;}

/******************************************************************************/

#extension2 .item{ width:548px; padding:18px; border:1px solid #eee; float:left; margin-left:25px; margin-bottom:35px;}
#extension2 .item_nor{ margin-left:0;}
#extension2 .item:hover{ background:#f3f3f3;}
#extension2 .item .img{ width:233px; height:158px;}
#extension2 .item .img i{ width:48px; height:48px; position:absolute; display:block; left:50%; margin-left:-24px; top:50%; margin-top:-24px; background:url(/images/icons.png) no-repeat; background-position:-164px -29px;}
#extension2 .item .con{ width:290px;}
#extension2 .item .con h3{ height:25px; line-height:25px; overflow:hidden;}
#extension2 .item .con h3 a{ font-size:18px;}
#extension2 .item .con h3 a:hover{ color:#47bda0; text-decoration:none;}
#extension2 .item .con .param{ height:25px; line-height:25px; overflow:hidden; margin-top:10px; margin-bottom:15px;}
#extension2 .item .con .param span{ font-size:14px; color:#626262; margin-left:10px;}
#extension2 .item .con .param b{ font-size:12px; color:#fff; display:inline-block; width:50px; height:20px; line-height:20px; background:#47bda0; text-align:center; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#extension2 .item .con .intro{ font-size:14px; color:#828282; line-height:25px; height:50px; overflow:hidden;}
#extension2 .item .con .pv{ font-size:14px; color:#828282; margin-top:10px;}
#extension2 .more{display: block;width: 242px;height: 46px;line-height: 46px;border-radius: 23px;font-size: 18px;color: #333;margin: 20px auto 0;text-align: center;background: #fece2e;}

#extension_detail .top{ height:510px; background:#f3f3f3; padding:40px 0;}
#extension_detail .top .wrap{ height:100%; background:#fff;}
#extension_detail .top .video{ width:750px; height:100%;}
#extension_detail .top .video .img{ width:100%; height:100%; cursor:pointer;}
#extension_detail .top .video .img i{ width:60px; height:60px; margin-left:-30px; margin-top:-30px; left:50%; top:50%; background:url(/images/icons.png) no-repeat; background-position:-269px -79px;}
#extension_detail .top .con{ width:390px; height:100%; margin-right:30px; position:relative;}
#extension_detail .top .con h2{ font-size:24px; color:#47bd92; padding-top:40px;}
#extension_detail .top .con .param b{ color:#fff; text-align:center; width:51px; height:19px; line-height:19px; display:inline-block; background:#47bda0; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-right:15px;}
#extension_detail .top .con .param span{ font-size:14px; color:#626262; margin-right:15px;}
#extension_detail .top .con .intro{ border-top:1px solid #e7e7e7; font-size:14px; color:#828282; line-height:25px; padding-top:25px; height:150px; overflow:hidden;}
#extension_detail .top .con .tips{ padding:15px; background:#f5f5f5; margin-top:15px;}
#extension_detail .top .con .tips .txt{ width:210px;}
#extension_detail .top .con .tips .txt .t_name{ font-size:16px; height:25px; line-height:25px; overflow:hidden;}
#extension_detail .top .con .tips .txt .t_intro{ color:#8b8b8b; margin-top:10px; line-height:20px; height:60px; overflow:hidden;}
#extension_detail .top .con .tips .img{ width:85px;}
#extension_detail .top .con .share{ line-height:36px; position:absolute; right:0; bottom:20px;}
#extension_detail .top .con .share .fl{ font-size:14px; color:#737373;}
#extension_detail .bot .title{ font-size:22px;}
#extension_detail .bot .item{ width:255px; float:left; margin-left:60px;}
#extension_detail .bot .item_nor{ margin-left:0;}
#extension_detail .bot .item .img{ width:243px; height:165px; padding:5px; border:1px solid #eee;}
#extension_detail .bot .item .img i{ width:48px; height:48px; position:absolute; display:block; left:50%; margin-left:-24px; top:50%; margin-top:-24px; background:url(/images/icons.png) no-repeat; background-position:-164px -29px;}
#extension_detail .bot .item h3{ height:25px; line-height:25px; overflow:hidden; margin-top:10px; padding:0 5px;}
#extension_detail .bot .item h3 a{ font-size:16px;}
#extension_detail .bot .item h3 a:hover{ color:#47bd92; text-decoration:none;}
#extension_detail .bot .item h3 b{ font-size:12px; color:#fff; text-align:center; width:51px; height:19px; line-height:19px; display:inline-block; background:#47bda0; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:right; margin-top:3px;}
#extension_detail .bot .item .intro{ color:#828282; line-height:25px; padding:0 5px; height:50px; overflow:hidden; margin-top:10px;}
#extension_guest .top .title{ font-size:20px; color:#646464; text-align:center;}
#extension_guest .top .tips{ font-size:20px; color:#1ca18b; text-align:center;}
#extension_guest .top .item{ width:208px; height:153px; border:1px solid #eaeaea; border-left:0; padding:45px;}
#extension_guest .top .item_nor{ border-left:1px solid #eaeaea;}
#extension_guest .top .item .img{ width:72px; height:72px; margin:0 auto;}
#extension_guest .top .item .name{ font-size:20px; text-align:center; margin-top:20px;}
#extension_guest .top .item .intro{ font-size:14px; color:#646464; text-align:center; margin-top:5px;}
#extension_guest .mid{ background:#f7f7f7;}
#extension_guest .mid .item{ width:310px; margin-left:67px; background:#fff;}
#extension_guest .mid .item .img{ width:310px; height:180px;}
#extension_guest .mid .item .title{ font-size:20px; text-align:center; margin-top:10px;}
#extension_guest .mid .item .intro{ font-size:14px; color:#646464; text-align:center; margin-top:5px; margin-bottom:15px;}

#extension_guest .apply .box{ width:550px; height:280px; border:1px solid #ebebeb; margin:0 auto;}
#extension_guest .apply .img{ width:170px; height:170px; margin-left:25px; margin-top:50px;}
#extension_guest .apply .con{ width:290px; margin-right:20px;}
#extension_guest .apply .con .name{ font-size:22px; padding-top:45px; padding-bottom:15px; border-bottom:1px solid #e8e8e8; margin-bottom:20px;}
#extension_guest .apply .con .name span{ width:97px; height:27px; line-height:27px; font-size:14px; text-align:center; color:#fff; background:#48bdaa; display:inline-block; float:right; margin-right:70px; -moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; margin-top:2px;}
#extension_guest .apply .con .rows{ font-size:14px; height:20px; line-height:20px; margin-bottom:10px; padding-left:30px;}
#extension_guest .apply .con .wechat i{ width:20px; height:17px; left:0; top:2px; background:url(/images/icons.png) no-repeat; background-position:-322px -44px;}
#extension_guest .apply .con .tel i{ width:17px; height:17px; left:0; top:2px; background:url(/images/icons.png) no-repeat; background-position:-378px -44px;}
#extension_guest .apply .con .qq i{ width:18px; height:18px; left:0; top:2px; background:url(/images/icons.png) no-repeat; background-position:-431px -43px;}
#extension_guest .apply .con .email i{ width:18px; height:14px; left:0; top:4px; background:url(/images/icons.png) no-repeat; background-position:-482px -45px;}
#extension_guest .partner .img{ width:227px; height:80px; border:1px solid #eaeaea; margin-left:13px; margin-bottom:13px; float:left;}
#extension_guest .partner .nor{ margin-left:0;}
/**********************************************************************************************/


/*service*/
#service{}
#service .module_box{height: 600px;border-bottom: 1px solid #e9e9e9;}
#service .module_box .video{width: 527px;height: 419px;margin-top: 137px;background: url(../images/extension/videobg.png) no-repeat 0 0;}
#service .module_box .video .img{position: relative;width: 435px;height: 289px;margin-top: 14px;margin-left: 60px;background: #ccc;}
#service .module_box .video .img img{width: 100%;height: 100%;}
#service .module_box .video .img .ext{position: absolute;top: 16px;right: -92px;width: 254px;height: 206px;}
#service .module_box .content{width: 455px;margin-top: 128px;}
#service .module_box .content .firt{position: relative;padding:20px 0;line-height: 50px;font-size: 30px;color: #333;}
#service .module_box .content .firt:before{position: absolute;content: '';bottom: -4px;left: -3px;width: 113px;height: 3px;background: #54c6b2;}
#service .module_box .content .desc{margin-top: 38px;line-height: 30px;font-size: 16px;color: #444;}

#service .audition{height: 335px;padding-top: 85px;background: url(../images/extension/audition.png) no-repeat center bottom;}
#service .audition_box{position: relative;width: 440px;height: 165px;padding:52px 15px 48px 365px;margin:auto;box-shadow: 0 0 35px rgba(44,165,148,0.2);-moz-box-shadow: 0 0 35px rgba(44,165,148,0.2);-webkit-box-shadow: 0 0 35px rgba(44,165,148,0.2);background: white;}
#service .audition_box img{position: absolute;left: 38px;top: -19px;}
#service .audition_box .con{}
#service .audition_box .firt{height: 72px;line-height: 72px;padding-top: 10px;font-size: 32px;}
#service .audition_box .sect{line-height: 29px;font-size: 16px;color: #666;}
#service .audition_box .tel{font-size: 20px;color: #01bea2;margin-top: 25px;}

/*system*/
#system .top .item{ width:298px; height:243px; border:1px solid #eaeaea; border-left:0;}
#system .top .item_nor{ border-left:1px solid #eaeaea;}
#system .top .item .img{ width:90px; height:90px; padding-top:35px; margin:0 auto;}
#system .top .item .name{ font-size:20px; text-align:center; margin-top:20px;}
#system .top .item .intro{ font-size:14px; color:#646464; text-align:center; margin-top:6px;}
#system .bot .item{ width:275px; height:115px; padding-left:110px; border:1px solid #e9e9e9; margin-left:19px; margin-bottom:15px;}
#system .bot .item_nor{ margin-left:0;}
#system .bot .item i{ width:58px; height:50px; left:25px; top:33px; background:url(/images/icons.png) #f7f7f7 no-repeat; background-position:-542px -384px;}
#system .bot .item h3{ height:25px; line-height:25px; overflow:hidden; padding-top:35px;}
#system .bot .item h3 a{ font-size:16px;}
#system .bot .item .date{ font-size:14px; color:#a9a9a9; margin-top:3px;}
#system .bot .item:hover{ border:1px solid #2ca594;background: #f4fefd;}
#system .bot .item:hover i{background-color: #f4fefd;}
#system .bot .item:hover h3 a{ color:#1da189; text-decoration:none;}
#system .bot .more{display: block;width: 264px;height: 52px;line-height: 52px;margin:auto;text-align: center;font-size: 14px;color: #888;background: #f1f1f1;text-decoration: none;}
#system .bot .more span{display: inline-block;font-size: 18px;font-weight: bold;margin-left: 3px;margin-top: -4px;vertical-align: middle;}

#system .mid .tips{ font-size:18px; color:#747474; margin:20px 0; text-align:center;}
#system .mid .category{ width:400px; margin:0 auto;}
#system .mid .category a{ width:195px; height:44px; line-height:44px; text-align:center; display:block; font-size:18px; color:#a2a2a2; float:left; text-decoration:none; }
#system .mid .category span{float: left;width: 10px;height:46px; line-height:46px; text-align:center;font-size:18px; color:#dddddd;}
#system .mid .category a.nor{ border-right:0;}
#system .mid .category a.cur{ color:#1ca18b; border-bottom:2px solid #2ca594; margin-top:0;}
#system .mid .box .switch{ display:none;}
#system .mid .box .cur{ display:block;}
#system .mid .show_item{ width:284px; height:74px; line-height:74px; border:1px solid #eaeaea; margin-left:18px; margin-bottom:18px;}
#system .mid .show_item_nor{ margin-left:0;}
#system .mid .show_item a{ width:100%; height:100%; display:inline-block; font-size:16px; text-indent:110px;}
#system .mid .show_item i{ width:50px; height:50px; left:50px; top:12px; background:url(/images/system/system_show_sign.png) no-repeat;}
#system .mid .show_item:hover{ background:#2ca594; border:1px solid #2ca594;}
#system .mid .show_item:hover a{ color:#fff; text-decoration:none;}
#system .mid .shop_item{ width:238px; height:550px; border:1px solid #e9e9e9; border-left:0; text-align:center; cursor:pointer; position:relative;}
#system .mid .shop_item_nor{ border-left:1px solid #e9e9e9;}
#system .mid .shop_item .title{ height:40px; padding-top:90px; background:#f4f6f6; border-bottom:1px solid #e9e9e9; font-size:18px;}
#system .mid .shop_item .title i{ width:60px; height:60px; left:50%; top:20px; margin-left:-30px; background:url(/images/system/system_shop_sign.png) no-repeat;}
#system .mid .shop_item .con{ padding-top:30px;}
#system .mid .shop_item .rows{ height:25px; line-height:25px; overflow:hidden; font-size:14px; color:#535353;}
#system .mid .shop_item .rows a{ font-size:14px; color:#535353;}
#system .mid .shop_item .abs{ width:296px; height:580px; position:absolute; left:-30px; top:-15px; display:none; z-index:1; border:1px solid #00bd9f; text-decoration:none; -moz- box-shadow:0 0 40px 0 #b8dfd1; -ms- box-shadow:0 0 40px 0 #b8dfd1; -o- box-shadow:0 0 40px 0 #b8dfd1; -webkit- box-shadow:0 0 40px 0 #b8dfd1; box-shadow:0 0 40px 0 #b8dfd1; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background: white;}
#system .mid .shop_item .abs .title{ background:#2ca594 url(../images/system/systitbg.png) no-repeat right bottom; color:#fff; height: 135px;line-height: 135px; text-indent: 65px; font-size: 26px;text-align: left; padding-top:0px;}
#system .mid .shop_item .abs .rows{position: relative;text-align: left;padding-left: 64px;}
#system .mid .shop_item .abs .rows{height: 30px;line-height: 30px;}
#system .mid .shop_item .abs .rows a{font-size: 16px;}
#system .mid .shop_item .abs .rows img{position: absolute;top: 4px;left: 30px;}
#system .mid .shop_item.hover .abs{ display:block;}

/*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_form{padding-bottom: 60px;background: #fff;}
#reg{width:800px; margin:0 auto;}
#reg h1{padding-top: 52px;text-align: center;}
#reg h1 strong{display: block;height: 80px;line-height: 80px;font-size: 30px;color: #333;font-weight: normal;}
#reg h1 span{display: block;height: 70px;line-height: 70px;font-size: 16px;color: #666;}
#reg h4{ font-size:22px; color:#48bdaa;}
#reg ul{height:170px;}
#reg ul li{height:140px; width:370px; float:left; background: #f3f8f7; border:2px solid #f3f8f7; overflow:hidden; cursor:pointer;}
#reg ul li.r{float:right;}
#reg ul li.cur{width:374px; height:144px; border:none; background:url(../images/jt.jpg) right bottom no-repeat #48bdaa;}
#reg ul li.cur *{color:#fff;}
#reg ul li h2{font-size:28px; color:#00bd9f; text-align:center; padding:7px;margin-top: 21px;}
#reg ul li h3{font-size:20px; color:#999999; text-align:center; padding:7px;}
#reg table{width: 525px;padding:20px 0;}
#reg table td{padding:15px; font-size:16px;}
#reg table td input{width:453px; height:45px; line-height:45px; border:1px solid #ddd; font-size:14px; padding:0 10px;border-radius: 3px;outline-color:#48bdaa;}
#reg table td input.submit{ width:475px; 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{display: none;margin-top: 12px;font-size: 14px;color: #999;}
#reg table td .tips{float: left;width:475px; height: 0;text-align:center; border-bottom:1px solid #f1f1f1;  color:#999999;}
#reg table td .tips span{display: inline-block;padding: 0 15px;line-height: 4px;background: #fff;}
#reg table td .reg{padding-right:140px;}
#reg table td .reg a{color:#0ca577; text-decoration:underline;}
#reg table td input.sms{float:left; width:210px;}
#reg table td input.sms_button{float:left; width:232px;margin-left: 12px; background:#f4f4f4; color:#333; height:47px; cursor:pointer;border:1px solid #dddddd;border-radius: 3px;}
#reg table td.vcode a img{ height:47px;}
#reg .reg_ok{width:600px; margin:0 auto; background:url(../images/reg_ok.jpg) left top no-repeat; height:300px; border-bottom:1px dotted #ddd;}
#reg .reg_ok div{text-align:left; padding-left:130px; line-height:300%; font-size:16px;}
#reg .reg_ok div font, #reg .reg_ok div font a{color:#999;}
#reg .reg_ok div span{color:#48bdaa; font-size:20px;}
#reg .btn{ width:403px; height:50px; line-height:50px; display:block; color:#fff; font-size:18px; background:#48bdaa; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

#reg_code{ width:572px; height:160px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-80px; text-align:center; background:#efefef; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;}
#reg_code img{ vertical-align:top; height:46px;}
#reg_code .reg_code_tips{ font-size:16px;}
#reg_code .reg_code_input{ width:283px; height:45px; line-height:45px; border:0; outline:none; font-size:14px; text-indent:15px;}
#reg_code .reg_code_submit{ width:471px; height:47px; line-height:47px; display:block; margin:0 auto; border:0; background:#00bd9f; font-size:16px; color:#fff; cursor:pointer; margin-top:13px; outline:none; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#reg_code i{ width:35px; height:35px; right:-70px; top:-65px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}

/*************************** email start ***************************/
.email_char_1{overflow: hidden;}
.email_char_1 .left_char{float: left;padding-top: 90px;width: 655px;}
.email_char_1 .left_char .title{font-size: 26px;color: #1ca28a;padding-left: 10px;margin-bottom: 30px;}
.email_char_1 .left_char .char{width: 645px;font-size: 16px;color: #444444;line-height: 29px;padding-left: 10px;}
.email_char_1 .right_img{width: 470px;float: right;margin:48px 0 32px 0;}

.email_char_2{overflow: hidden;margin-bottom: 50px;}
.email_char_2 .char_2_title{height: 90px;line-height: 90px;text-align: center;font-size: 26px;color: #333333;}
.email_char_2 .char_2_list{height: 243px;overflow: hidden;border: 1px solid #eaeaea;}
.email_char_2 .char_2_list .list_box{width: 298px;border-left: 1px solid #eaeaea;float: left;height: 100%;}
.email_char_2 .char_2_list .list_box:first-child{border-left: none;width: 301px;}
.email_char_2 .char_2_list .list_box .icon{height: 63px;margin: 52px 0 30px 0;background: url(/images/email_char_2_icon.png) no-repeat center top;}
.email_char_2 .char_2_list .list_box .list_title{font-size: 20px;color: #333;text-align: center;margin-bottom: 12px;}
.email_char_2 .char_2_list .list_box .list_brief{font-size: 14px;color: #646464;text-align: center;}
.email_char_2 .char_2_list .list_box:hover{box-shadow: 0 0 15px 0 #ccc inset;}
.email_char_2 .char_2_list .list_box.list_1 .icon{background-position: center -69px;}
.email_char_2 .char_2_list .list_box.list_2 .icon{background-position: center -137px;}
.email_char_2 .char_2_list .list_box.list_3 .icon{background-position: center -209px;}

.email_char_3{overflow: hidden;}
.email_char_3 .char_3_title{height: 80px;line-height: 80px;text-align: center;font-size: 26px;color: #333333;}
.email_char_3 .table{width: 760px;overflow: hidden;margin: 0 auto;border: 1px solid #e9e9e9;border-radius: 3px;}
.email_char_3 .table .tr{height: 45px;line-height: 45px;border-top: 1px solid #e9e9e9;}
.email_char_3 .table .tr:nth-child(2n+1){background: #f6f6f6;}
.email_char_3 .table .tr:first-child{border-top: none;background: #2ca594;}
.email_char_3 .table .tr:first-child .td{color: white;}
.email_char_3 .table .tr .td{float: left;width: 379px;text-align: center;}
.email_char_3 .table .tr .td:first-child{border-right: 1px solid #e9e9e9;}

/* 新的邮件 */
.new_mail .email_char{height: 365px;}
.new_mail .email_char .left_char{float: left;padding-top: 70px;width: 655px;}
.new_mail .email_char .left_char .title{font-size: 26px;color: #1ca28a;padding-left: 10px;margin-bottom: 30px;}
.new_mail .email_char .left_char .char{font-size: 16px;color: #444444;line-height: 29px;padding-left: 10px;}
.new_mail .email_char .right_img{float: right;}

.new_mail .email_performance{padding-top: 58px;background: #fafafa;}
.new_mail .email_performance .title{height: 67px;line-height: 67px;font-size: 28px;color: #333;text-align: center;}
.new_mail .email_performance .perf_area{width: 100%;height: 500px;background: url(/images/mail_bg2.png) no-repeat top center;}


.new_mail .email_price{width: 1000px;margin: 0 auto;padding-top: 50px;padding-bottom: 130px;}
.new_mail .email_price .t{height: 90px;line-height: 90px;color: #333;margin-bottom: 15px;font-size: 28px;}
.new_mail .email_price .category{ width:410px; margin:0 auto;}
.new_mail .email_price .category a{ width:202px; height:43px; line-height:43px; text-align:center; display:block; font-size:18px; color:#a2a2a2; border:1px solid #eee; background:#f7f8fa; float:left; text-decoration:none; margin-top:1px;}
.new_mail .email_price .category a.nor{ border-right:0;}
.new_mail .email_price .category a.cur{ background:#fff; color:#1ca18b; border-top:2px solid #2ca594; margin-top:0;}
.new_mail .email_price .box{display: none;height: 562px;}
.new_mail .email_price .mail_item{ position: relative;width:333px; height: 560px; text-align:center; cursor:pointer;}
.new_mail .email_price .mail_item_nor{ border-left:1px solid #e9e9e9;}

.new_mail .email_price .mail_item .mail_posa{width: 332px;position: absolute;top: 0;left: 0;margin:auto;background: #fff;border:1px solid #e9e9e9; border-left:0;}
.new_mail .email_price .mail_item .title{background: #f8f8f8;height: 156px;text-align: center;}
.new_mail .email_price .mail_item .title .h3{padding-top: 31px;height: 32px;line-height: 32px;font-size: 18px;color: #666;}
.new_mail .email_price .mail_item .title .h4{height: 76px;line-height: 76px;font-size: 36px;color: #333;}
.new_mail .email_price .mail_item .title span.price{display: inline-block;vertical-align: top;line-height: 65px;color: #bbb;font-size: 24px;}
.new_mail .email_price .mail_item .title span.year{display: inline-block;font-size: 16px;vertical-align: bottom;line-height: 65px;}
.new_mail .email_price .mail_item .con{ padding-top:28px;padding-bottom: 36px;}
.new_mail .email_price .mail_item table{width: 190px;margin:auto;}
.new_mail .email_price .mail_item table td{height: 32px;line-height: 32px;text-align: left;font-size: 14px;color: #333;}
.new_mail .email_price .mail_item table .th{color: #999;}
.new_mail .email_price .mail_item table .th2{color: #1ca28a;}
.new_mail .email_price .mail_item .line{width: 234px;border-bottom: 1px solid #ececec;margin:28px auto 18px;}
.new_mail .email_price .mail_item:hover .mail_posa .title{background: #55c2af;padding-top: 5px;}
.new_mail .email_price .mail_item:hover .mail_posa .title *{color: #fff;}
.new_mail .email_price .mail_item:hover .mail_posa{left: -1px;top: -5px;z-index:1; border:1px solid #00bd9f; text-decoration:none; -moz- box-shadow:0 0 40px 0 #b8dfd1; -ms- box-shadow:0 0 40px 0 #b8dfd1; -o- box-shadow:0 0 40px 0 #b8dfd1; -webkit- box-shadow:0 0 40px 0 #b8dfd1; box-shadow:0 0 40px 0 #b8dfd1; -moz-border-top-left-radius:5px; -ms-border-top-left-radius:5px; -o-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-top-right-radius:5px; -ms-border-top-right-radius:5px; -o-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px;}
/*************************** email end ***************************/

/*************************** service start ***************************/
.service_char_1{overflow: hidden;border-bottom: 1px solid #ebebeb;height: 400px;}
.service_char_1 .char_box{padding-top: 48px;width: 600px;}
.service_char_1 .char_box .title{font-size: 26px;color: #1ca28a;padding-left: 10px;margin-bottom: 30px;}
.service_char_1 .char_box .char{width: 550px;font-size: 16px;color: #444444;line-height: 29px;padding-left: 10px;}
.service_char_1 .img_box{width: 600px;height: 400px; text-align:center;}
.service_char_2{overflow: hidden;margin-top: 40px;border-bottom: 1px solid #ebebeb; text-align:center;}
.service_char_2 .char_2_title{height: 85px;line-height: 85px;font-size: 26px;color: #1ca28a;text-align: center;}
.service_char_2 .char_2_text{font-size: 16px;color: #444;margin-bottom: 8px;text-align: center;}
.service_char_2 .char_2_text.width{width: 550px;text-indent: 10px;margin: 0 auto;line-height: 35px;}
.service_char_2 .char_2_text a{ color:#00F;}
.service_char_2 .char_2_img{margin-top: 40px}
.service_char_2.no_border{border:none;}

.service_area {height: 582px;}
.service_area table { width: 100%; }
.service_area table td { width: 50%; height: 582px; }
.service_area table .map { position: relative; width: 480px; height: 408px; margin-left: 40px; background: url(../images/service_area.png) no-repeat center center; }
.service_area .point-area { text-align: center; position: relative; width: 150px; height: 150px; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out }
.service_area .point-area .point-name { position: absolute; font-size: 14px; text-align: left; }
.service_area .point-area .point { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 6px; height: 6px; margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent }
.service_area .point-area .point-dot { z-index: 1; background-color: #65c7b6; border: 1px solid rgba(0, 205, 236, .37) }
.service_area .point-area .point-10 { width: 100%; height: 100% }
.service_area .point-area .point-10:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #65c7b6; opacity: 0; -webkit-animation: ripple 4.5s ease-out 225ms infinite; animation: ripple 4.5s ease-out 225ms infinite }
.service_area .point-area .point-40 { width: 100%; height: 100% }
.service_area .point-area .point-40:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #65c7b6; opacity: 0; -webkit-animation: ripple 4.5s ease-out .9s infinite; animation: ripple 4.5s ease-out .9s infinite }
lesshat-selector { -lh-property: 0 }
@-webkit-keyframes ripple {
	0% { opacity: 0; -webkit-transform: scale(.1) }
	5% { opacity: 1 }
	to { opacity: 0; -webkit-transform: scale(1) }
}
@keyframes ripple {
	0% { opacity: 0; -webkit-transform: scale(.1); transform: scale(.1) }
	5% { opacity: 1 }
	to { opacity: 0; -webkit-transform: scale(1); transform: scale(1) }
}



/*************************** service end ***************************/

/*************************** authorization start ***************************/
#authorization{}
#authorization .top{background: #f8f8f8;height: 370px;text-align: center;}
#authorization .top .toptitle{height: 63px;line-height: 63px;padding-top: 49px;font-size: 30px;color: #222;}
#authorization .top .sectitle{height: 35px;line-height: 35px;font-size: 16px;color: #666;}
#authorization .bottom{height: 537px;background: url(/images/authorization_bottom_bg.png) no-repeat center center;}
#authorization .bottom .aucontent{width: 780px;margin:0px auto 0px;}
#authorization .bottom .aucontent .aulist{width: 360px;padding-bottom: 52px;margin-top: -177px;overflow: hidden;box-shadow: 0px 0px 13px rgba(0,0,0,0.05);-webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.05);background: #fff;border-radius: 8px;-webkit-border-radius:8px;-moz-border-radius:8px;}
#authorization .bottom .aucontent .type{height: 140px;background: #32bec3 url(/images/authorization_b2c.png) no-repeat left center;text-align: center;}
#authorization .bottom .aucontent .b2b .type{background: #2ac7a5 url(/images/authorization_b2b.png) no-repeat left center;}
#authorization .bottom .aucontent .tit{padding-top: 30px;height: 28px;line-height: 28px;margin-bottom: 17px;color: #fff;font-size: 20px;}
#authorization .bottom .aucontent .price{height: 35px;line-height: 35px;font-size: 32px;color: #fff;}
#authorization .bottom .aucontent .price span{display: inline-block;vertical-align: top;font-size: 20px;}
#authorization .bottom .aucontent ul{padding-bottom: 60px;padding-top: 26px;}
#authorization .bottom .aucontent ul li{height: 55px;line-height: 55px;padding-left: 70px;font-size: 16px;color: #333;background: url(/images/authorization_lsitbg.png) no-repeat 43px center;}
#authorization .bottom .aucontent .go_try{display: block;width: 122px;height: 40px;line-height: 40px;margin:auto;border:1px solid #32bec3;font-size: 14px;color: #32bec3;text-align: center;text-decoration: none;border-radius: 2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
#authorization .bottom .aucontent .b2b .go_try{color: #2ac7a5;border-color: #2ac7a5;}
/*************************** authorization end ***************************/



/**************** b2b/b2c novice start ***************/
#shop_novice .bg{background: #f8f8f8;}
#shop_novice .head_banner{padding-top: 35px;text-align: center;}
#shop_novice .head_banner .fir_tit{font-size: 18px;color: #666;height: 50px;line-height: 50px;}
#shop_novice .head_banner .sec_tit{font-size: 30px;color: #444;height: 36px;line-height: 36px;font-weight: bold;padding-bottom: 48px;}
#shop_novice .head_banner .sec_tit img{display: inline-block;vertical-align: middle;margin:0 8px;}
#shop_novice .head_banner .banner{position: relative;width: 100%;height: 540px;background: url(/images/novice/b2c_banner.png) no-repeat center center;}
#shop_novice .head_banner .computer{overflow: hidden;width: 881px;height: 432px;background: url(/images/novice/computer.png) no-repeat center center;margin:auto;}
#shop_novice .head_banner .video{width: 649px;height: 365px;margin-top: 32px;margin-left: 115px;cursor: pointer;}
#shop_novice .head_banner .down{position: absolute;margin:auto;bottom: -55px;}
#shop_novice .page_content{background: #fff;padding:0 55px 90px;margin-bottom: 55px;margin-top: 98px;}
#shop_novice .page_content .title{padding-top: 70px;padding-bottom: 20px;line-height: 50px;color: #333;font-size: 22px;font-weight: bold;}
#shop_novice .page_content .desc{font-size: 16px;line-height: 34px;}
#shop_novice .page_content .desc span{color: #00bd9f;font-weight: bold;}
#shop_novice .page_content .box{position: relative;width: 36.8%;padding:3.6% 5.5% 7.3%;font-size: 14px;line-height: 28px;color: #666;border:1px solid #4185f4;}
#shop_novice .page_content .box:before{content:'';position: absolute;left: 0;right: 0;top: -13px;margin:auto;width: 19px;height: 13px;background: url(/images/novice/box_bg.png) no-repeat center center;}
#shop_novice .page_content .box2{border:1px solid #01bfa5;}
#shop_novice .page_content .box2:before{background-image: url(/images/novice/box_bg2.png);}
#shop_novice .page_content .box_shadow{box-shadow: 0px 0px 20px rgba(0,0,0,0.24);-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.24);-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.24);}
#shop_novice .page_content li{position: relative;padding-left: 30px;line-height: 50px;font-size: 16px;color: #333;}
#shop_novice .page_content li:before{position: absolute;top: 0;bottom: 0;left: 0;margin:auto;content:'';width: 0;height: 0;border-width:5px 0 5px 7px;border-style: solid;border-color: transparent;border-left-color: #333;}
#shop_novice .page_content li span{color: #00bd9f;font-weight: bold;}
#shop_novice .page_content .tac{text-align: center;}
#shop_novice .page_content .bor_title{display: inline-block;height: 30px;line-height: 30px;padding-left: 25px;padding-right: 30px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;background: #00bd9f;color: #fff;font-size: 18px;}
#shop_novice .page_content .bor_con{margin-left: 6px;border-left:1px solid #d8d8d8;padding:40px 0 0px 50px;}
#shop_novice .page_content .bor_con .tit{position: relative;height: 36px;line-height: 36px;padding-left: 59px;margin-left: -56px;font-size: 18px;color: #00bd9f;background: #fff;font-weight: bold;}
#shop_novice .page_content .bor_con .tit:before{content:'';position: absolute;top: 0;bottom: 0;left: 0;margin:auto;width: 12px;height: 12px;border-radius: 100%;background: #00bd9f;}
#shop_novice .page_content .bor_con .desc{margin-top: 18px;margin-bottom: 56px;}
#shop_novice .page_content .bor_con .desc2{margin-bottom: 0;}
/**************** b2b/b2c novice end ***************/

/*w1000*/
/*general*/
#w1000 .global_item_fir{ width:307px; margin-left:38px; height:236px;}
#w1000 .global_item_fir_nor{ margin-left:0;}
#w1000 .global_item_fir .img{ width:305px; height:184px;}
#w1000 .global_item_sec{ width:307px; margin-left:38px; height:282px;}
#w1000 .global_item_sec_nor{ margin-left:0;}
#w1000 .global_item_sec .img{ width:305px; height:184px;}
#w1000 .global_item_sec .video_img{height:173px;}
#w1000 .global_item_sec .intro .ova{width: 275px;}
#w1000 .global_phone_fir{ margin:0 54px; margin-bottom:40px;}
#w1000 .global_right_ad .row_box .img{ float:none; margin:0 auto;}
#w1000 .global_right_ad .row_box .con{ float:none;}
/*header*/
#w1000 #global_qq_service{top: 330px;}
#w1000 #header .logo{height: 46px;margin:25px 0;}
#w1000 #header .nav li{ margin:0 10px;}
#w1000 #header .tel{margin-left: 20px;font-size: 18px;}

#w1000 #header .header_abs .logo{height: 42px;margin: 9px 0;}

/*#w1000 #header .tel{transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;overflow:visible;color: #3cb794;}
#w1000 #header .tel i{left: auto;right: 5px;}
#w1000 #header .tel span{height: 0;position: absolute;right: 0;top: 73px;width: 190px;background: #1a1f1e;text-align: center;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;overflow: hidden;}
#w1000 #header .tel:hover{width: 0;padding-left: 70px;padding-bottom: 24px;margin-left: 0;}
#w1000 #header .tel:hover span{height: 50px;}
#w1000 #header .tel:hover:before{content: '';position: absolute;width: 30px;height: 2px;background: #00bd9f;right: 5px;top: 50px;}*/
/*footer*/
#w1000 #footer .info{ width:270px;}
#w1000 #footer .menu dl{ width:125px; margin-right:15px;}
/*index*/
#w1000 #int .website .item{ width:330px; height:200px; padding-left:130px; padding-right:20px;background-size: 80px auto;}
#w1000 #int .website .item .title{ padding-top:25px;}
#w1000 #int .website .item .img{ left:15px; top:30px;}
#w1000 #int .guid .tacking{margin-left: 10px;}
#w1000 #int .guid .tacking .con{}
#w1000 #int .guid .video{margin-right: 10px;width: 276px;}
#w1000 #inb .news{ width:480px;}
#w1000 #inb .news .item .img{ width:160px; height:82px;}
#w1000 #inb .news .item .con{ width:305px;}
#w1000 #inb .news .item .con .date{ margin-top:7px;}
#w1000 #inb .system{ width:490px;}
#w1000 #inb .partner .container{ padding-left:120px;}
#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 .marketing .item{width: 290px;} 
#w1000 #extension .marketing .item1{} 
#w1000 #extension .marketing .item2{left: 215px;} 
#w1000 #extension .marketing .item3{left: 439px;} 
#w1000 #extension .marketing .item4{left: 704px;} 
#w1000 #extension .marketing .item.cur{margin-left: -15px;}
#w1000 #extension .marketing .item.cur li{background-position: 12px center;padding-left: 35px;font-size: 14px;}

#w1000 #extension_detail .top{ height:422px;}
#w1000 #extension_detail .top .video{ width:620px;}
#w1000 #extension_detail .top .con{ width:325px;}
#w1000 #extension_detail .top .con .intro{ height:75px;}
#w1000 #extension_detail .bot .item{ width:234px; margin-left:20px;}
#w1000 #extension_detail .bot .item_nor{ margin-left:0;}
#w1000 #extension_detail .bot .item .img{ width:222px; height:151px;}
#w1000 #extension_guest .top .item{ padding:30px; width:188px;}
#w1000 #extension_guest .mid .item{ width:300px; margin-left:25px;}
#w1000 #extension_guest .mid .item .img{ width:300px; height:174px;}
#w1000 #extension_guest .partner .img{ width:187px; height:66px;}


/*system*/
#w1000 #system .top .item{ width:248px;}
#w1000 #system .mid .show_item{ width:240px; margin-left:10px;}
#w1000 #system .mid .show_item_nor{ margin-left:0;}
#w1000 #system .mid .show_item i{ left:35px;}
#w1000 #system .mid .show_item a{ text-indent:100px;}
#w1000 #system .mid .shop_item{ width:188px;}
#w1000 #system .mid .shop_item:first-child{margin-left: 25px;}
#w1000 #system .mid .shop_item .abs{width: 216px;left: -10px;}
#w1000 #system .bot .item{ width:244px; height:95px; margin-left:10px; padding-left:80px;}
#w1000 #system .bot .item_nor{ margin-left:0;}
#w1000 #system .bot .item i{ left:15px; top:23px;}
#w1000 #system .bot .item h3{ padding-top:20px;}

/*about*/
#w1000 #about .content .intro{ width:470px;}
#w1000 #about .progress .contents{ width:1000px; height:320px; background:url(/images/about_progress_big.png) no-repeat;background-size: auto 100%; }

#w1000 #about .technology .item .list{width: 175px;}
#w1000 #about .technology .item .firt{font-size: 40px;}

#w1000 #about .progress .contents .flag{display: none !important;}
#w1000 #about .progress .contents .i0{ top:-10px; left:65px;}
#w1000 #about .progress .contents .i1{ top:-10px; left:215px;}
#w1000 #about .progress .contents .i2{ top:-10px; left:385px;}
#w1000 #about .progress .contents .i3{ top:-10px; left:560px;}
#w1000 #about .progress .contents .i4{ top:-10px; left:745px;}
#w1000 #about .progress .contents .i5-1{ top:96px; left:865px;}
#w1000 #about .progress .contents .i5-2{ top:201px; left:865px;}
#w1000 #about .progress .contents .i6{ top:285px; left:745px;}
#w1000 #about .progress .contents .i7{ top:285px; left:560px;}
#w1000 #about .progress .contents .i8{ top:285px; left:385px;}
#w1000 #about .progress .contents .i9{ top:285px; left:215px;}
#w1000 #about .progress .contents .i10{ top:285px; left:50px;}
#w1000 #about .news .item{ width:312px; margin-left:30px;}
#w1000 #about .news .item .img{ width:312px; height:158px;}
#w1000 #about .news .nor{ margin-left:0;}
/*news*/
#w1000 #info .item{width: 310px;margin-left: 18px;}
#w1000 #info .item .img{ height:157px;}
#w1000 #info .item .con{ }
#w1000 #info .item .all{ width:100%;}
#w1000 #info_detail .contents{ width:770px;}
#w1000 #info_detail .ad{ width:210px;}
/*company*/
#w1000 #company .item{ width:238px; margin-left:15px;}
#w1000 #company .item .img{ width:224px; height:149px;}
/*contact*/
#w1000 #contact .top{ padding:30px;}
#w1000 #contact .top .item{ margin-left:20px;}
#w1000 #contact .top .item{ width:300px;}
#w1000 #contact .top .address{ margin-left:0;}
#w1000 #contact .top .address div{ font-size:14px;}
#w1000 #contact .top .tel div{ font-size:14px; margin-left:75px;}
#w1000 #contact .top .tel i{ left:25px;}
#w1000 #contact .top .email div{ font-size:14px;}
#w1000 #contact .mid .item{ width:262px;}
#w1000 #contact .bot{ padding:20px 15px 30px 15px;}
#w1000 #contact .bot .fl{ width:700px;}
#w1000 #contact .bot .form_input{ width:338px;}
#w1000 #contact .bot .form_textarea{ width:670px;}
/*#w1000 #contact .bot .fr{ width:240px; height:270px;}*/
#w1000 #contact .bot .sign{ padding-top:15px;}
/*instance*/
#w1000 #instance .category_blank{ height: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;}

/*service*/
#w1000 .service_char_1{padding:0 10px;}
#w1000 .service_char_1 .char_box,#w1000 .service_char_1 .img_box{width: 490px;}
#w1000 .service_char_1 .char_box .char{width: 470px;}
#w1000 .service_area table .map{margin-left: 0px;}


#w1000 #service .module_box{padding: 0 20px;}
#w1000 #service .module_box .video{width: 477px;background-size: 100% auto;}
#w1000 #service .module_box .content{width: 425px;margin-top: 108px;}
#w1000 #service .module_box .video .img{width: 393px;height: 261px;margin-top: 13px;margin-left: 55px;}
#w1000 #service .module_box .video .img .ext{top: 31px;right: -75px;width: 230px;height: 186px;}