html,body{background-color:#f8f8f8; color:#222222; font-size:12px; font-family:"ËÎÌå"; line-height:166.6%}

.page,.header,.content,.footer{margin:auto}

.page{margin:0 auto;}

a{ color:#222222}

a:hover { color: #888888}

.index{background:#f6f6f6;}

/* header */
.header_bg{ background:url(../images/header/bg.gif) 0px 12px repeat-x; width:100%; }
.header{ width:960px;position:relative}
.login {background-color: #c20000;height: 30px;border-bottom:1px solid #5e0000;width: 100%;}
.login .loginfn {height: 30px;margin: auto;width: 950px;padding-left: 10px;color: #FFF;}
.login .loginfn LABEL{ float:left; line-height: normal; padding-top:9px; display:block}
.login .loginfn .input-widget{ float:left; margin:0px 15px 0px 0px; padding-top:6px}
.login .loginfn .btn-widget{ float:left; margin:0px 15px; padding-top:4px}
.login .loginfn .sel-widget{ float:left; margin:0px 10px; padding-top:4px; padding:0px}
.login .loginfn .check-widget{ float:left; margin:0px 0px 0px 50px; line-height: normal; padding-top:6px}
.login .loginfn .check-widget input{vertical-align: middle;}

.topnav{ width:960px; margin:0 auto;height:90px}
.topnav .logo{ width:184px; float:left; text-indent:-9999px; height:50px; background:url(../images/header/maillogo2012.gif) no-repeat 0 0; margin-top:20px; margin-left:10px; cursor:hand }
.topright{ height:75px; display:block; text-indent:-9999px; width:690px; position:relative; float:right; background:url(../images/header/topzi.gif) 0px 5px no-repeat}
.topright .loginbtn{ position:absolute; width:119px; height:34px; top:30px; right:0px;background:url(../images/login_btn.gif) 0px 0px no-repeat}
.topright a:hover.loginbtn{ position:absolute; width:119px; height:34px; top:30px; right:0px;background:url(../images/login_btn.gif) 0px -45px no-repeat}
.nav{width:960px;margin:0 auto; height:41px; margin-bottom:5px;background:#c00000 url(../images/header/navbg.gif) 0px 0px repeat-x;}
.nav li{ height:41px; float:left; line-height:41px; font-size:14px; }
.nav li.line1{border-left:1px solid #be0000}
.nav li a{ display:block; padding:0px 25px; color:#FFF;border-right:1px solid #970000;}
.nav li a:hover{ color:#FFF; background:#500000;}
.nav li .currenth{ color:#FFF; background:#500000;}
.nav_second{ position:absolute; z-index:11; top:131px; left:0px;width:960px; height:30px; line-height:30px; color:#500000; padding:5px 0px 0px 0px;background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0 !important;filter:alpha(opacity=90); background:#fff;opacity: 0.9;-moz-opacity: 0.9;}
.nav_second span{ position:relative;}
.nav_second .ns1{ padding-left:10px;}
.nav_second .ns2{ padding-left:120px;}
.nav_second .ns3{ padding-left:120px;}
.nav_second .ns4{ padding-left:250px;}
.nav_second .ns5{ padding-left:350px;}
.nav_second a{ color:#500000; padding:0px 15px;}
.nav_second a:hover{ color:#900; font-weight:bold} 

.topbanner{ width:960px;  height:267px;margin:0 auto; background:#FFF}
.subBtnbg{ background:url(../images/bg.gif) 0px -391px repeat-x; width:100%; }
.subBtn{ height:119px; width:960px; margin:0 auto; background:url(../images/subBtn.gif) no-repeat 0px -896px;}
.subBtn li{ height:119px; text-align:center; float:left; display:block;}
.subBtn a{ height:22px;display:block; padding-top:88px}
.subBtn .ico_btn1{ background:url(../images/subBtn.gif) no-repeat 0 -896px; width:159px}
.subBtn .ico_btn2{ background:url(../images/subBtn.gif) no-repeat -160px -896px; width:160px}
.subBtn .ico_btn3{ background:url(../images/subBtn.gif) no-repeat -320px -896px; width:160px}
.subBtn .ico_btn4{ background:url(../images/subBtn.gif) no-repeat -480px -896px; width:160px}
.subBtn .ico_btn5{ background:url(../images/subBtn.gif) no-repeat -640px -896px; width:160px}
.subBtn .ico_btn6{ background:url(../images/subBtn.gif) no-repeat -800px -896px; width:158px}

/* input btn select */
.select{ font-size:12px; padding-top:1px; padding-bottom:1px; line-height:12px; width:80px; margin-top:5px}
.textfield {background-color: #FFFFFF;border: 1px solid #a0a0a0; height:15px; float:left; line-height:15px}
.textfield1 {background-color: #FFFFFF;border: 1px solid #a0a0a0; height:29px; line-height:29px; float:left; color:#5f5f5f; padding-left:5px; width:245px}
.textfield2 {background-color: #FFFFFF;border: 1px solid #a0a0a0; height:20px; line-height:20px; margin:0 10px}
.textfield3 {background-color: #FFFFFF;border: 1px solid #a0a0a0; height:22px; line-height:22px;margin:0px; float:left; margin:2px 5px 0px 0px}
.textfield4 {background-color: #FFFFFF;border: 1px solid #a0a0a0; height:22px; line-height:22px;}
.btn_login{ width:62px; height:23px; background:url(../images/btn.gif) 0 0; border:0px; float:left; text-indent:-9999px} 
.btn_comm{ display:block;width:65px; height:30px; line-height:30px; font-size:12px; text-align:center; color:#fff; background:url(../images/btn.gif) no-repeat -460px -33px; float:left}
.btn_comm:hover{background:url(../images/btn.gif) no-repeat -542px -33px; text-decoration:none; color:#FFF}
.btn_more{ background:url(../images/btn.gif) no-repeat -240px -77px; display:block; width:97px; height:41px; text-indent:-9999px}
.btn_back{ background:url(../images/btn.gif) no-repeat -240px -128px; display:block; width:97px; height:41px; text-indent:-9999px}
.btn_down{ background:url(../images/btn.gif) no-repeat -364px -80px; display:block; width:196px; height:56px; text-indent:-9999px; margin:0 0 10px 5px}
a:hover.btn_down{background:url(../images/btn.gif) no-repeat -364px -159px; }
.btn1{width:65px; height:30px; line-height:25px; font-size:12px; text-align:center; color:#fff; background:url(../images/btn.gif) no-repeat -460px -33px; border:none; cursor:pointer}
.btn1_hover{width:65px; height:30px; line-height:25px; text-align:center; font-size:12px; color:#fff; background:url(../images/btn.gif) no-repeat -542px -33px; border:none; cursor:pointer}

/* content */
.con_price{ width:712px; padding-left:248px; height:42px; margin:15px auto; background:url(../images/indexbg.gif) no-repeat}
.con_price_ipt{ float:left; padding-top:5px; padding-right:20px}
.con_price_btn{ float:left; padding-top:3px; width:140px}
.con_price_btn a{ float:left; width:110px; height:38px; line-height:38px; text-indent:-9999px; background:url(../images/btn.gif) no-repeat 0 -32px}
.con_price_btn a:hover{ background:url(../images/btn.gif) no-repeat -127px -32px}
.con_price_btn1{float:left; padding-top:3px; width:250px; height:39px; padding-left:30px; border-left:#8a8a8a 1px dashed}
.con_price_btn1 .btn_price1{ float:left; margin-right:20px; width:110px; display:block; height:36px; text-indent:-9999px; background:url(../images/btn.gif) no-repeat 0 -412px}
.con_price_btn1 .btn_price2{ float:left; width:116px; display:block; height:36px; text-indent:-9999px; background:url(../images/btn.gif) no-repeat -125px -412px}

.con_modblock{ width:960px; height:156px; margin:auto; margin-bottom:27px}
.con_modblock .modblock_top{ position:absolute; top:13px; right:15px;}
.con_modblock .modblock_top a{color:#999;}
.con_modblock .modblock_top a:hover{color:#980000;}
.con_modblock .modblock_phone{ width:313px; height:156px; float:left; background:url(../images/indexbg.gif) no-repeat 0 -56px; overflow:hidden; line-height:18px; position:relative}
.modblock_phone_txt1{ margin:5px 0 0 0px; padding:0 0 0 50px;font-family:verdana,sans-serif; width:230px; height:42px; border-bottom:#555555 1px dashed}
.modblock_phone_txt2{ margin:5px 0 0 0px; padding:0 0 0 50px;font-family:verdana,sans-serif; }
.con_modblock .modblock_question{ width:313px; height:156px; overflow:hidden; margin:0px 10px; float:left; background:url(../images/indexbg.gif) no-repeat -323px -56px; position:relative;}
.modblock_txt{ padding:42px 16px 0 16px}
.modblock_txt li img{margin-left:5px; margin-top:5px}
.modblock_txt li{ line-height:26px; height:26px;}
.modblock_txt li strong{ padding:0 5px}
.modblock_txt .noline{ border:0px}
.con_modblock .modblock_new{ width:313px; height:156px; float:left; background:url(../images/indexbg.gif) no-repeat -647px -56px; position:relative}

.con_case{ width:960px; height:62px; margin:0 auto; border-bottom:#c9c9c9 1px solid}
.con_case_title{ width:118px; height:49px; background:url(../images/btn.gif) no-repeat 0 -123px; float:left }
.con_case ul{ float:left}
.con_case ul li{ float:left; padding:0px 11px}
.con_link{ width:960px; height:20px; margin:0 auto; border-top:#FFF 1px solid}
.con_link_title{ width:118px; height:56px; background:url(../images/btn.gif) no-repeat 0 -186px; float:left }
.con_link ul{ float:left; padding-top:23px; line-height:normal; display:block; width:842px}
.con_link ul li{ float:left; padding:0px 15px 0 25px}
.con_youqing{ width:960px; height:40px; margin:0 auto; }
.con_yaoqing_title{  width:118px; height:30px; background:url(../images/btn.gif) no-repeat 0 -364px; float:left  }
.con_youqing ul{ float:left; padding-top:3px; line-height:normal; display:block; width:842px}
.con_youqing ul li{ float:left; padding:0px 12px 0 12px}

/* inner */
.topbanner1{ width:960px; background:#FFF; margin:0 auto; text-align:center;}
.innerbg{ width:960px; background: url(../images/ibg.gif) top no-repeat; margin:0 auto;}

/* leftNav */
.leftNav{ width:200px; float:left;}
.leftNav_list{ width:200px; }
.leftNav_list h1{ display:block; height:49px; text-indent:-9999px}
.leftNav_list li{ height:43px}
.leftNav_list li a{ height:43px; display:block; text-indent:-9999px}
.leftNav_line{font-family:verdana,sans-serif;  width:200px; height:265px; margin:15px 0 30px 0; line-height:20px; background:url(../images/leftNav.gif) no-repeat -223px -872px; overflow:hidden}
.leftNav_line .hot_line{ width:190px; height:130px; margin:0 0 0 22px; padding-top:30px; overflow:hidden}
.leftNav_line .sell_line{ width:190px; height:160px; margin:0 0 0 22px; overflow:hidden}

.leftNav_buy{ background:url(../images/leftNav.gif) no-repeat 0 0; padding-bottom:42px}
.leftNav_buy h1{ background:url(../images/leftNav.gif) no-repeat 0 0;}
.leftNav_buy .Lbtn1{ background:url(../images/leftNav.gif) no-repeat 0 -49px;}
.leftNav_buy .Lbtn1on{ background:url(../images/leftNav.gif) no-repeat -223px -49px;}
.leftNav_buy .Lbtn1:hover{ background:url(../images/leftNav.gif) no-repeat -223px -49px;}
.leftNav_buy .Lbtn2{ background:url(../images/leftNav.gif) no-repeat 0 -92px;}
.leftNav_buy .Lbtn2on{ background:url(../images/leftNav.gif) no-repeat -223px -92px;}
.leftNav_buy .Lbtn2:hover{ background:url(../images/leftNav.gif) no-repeat -223px -92px;}
.leftNav_buy .Lbtn3{ background:url(../images/leftNav.gif) no-repeat 0 -135px;}
.leftNav_buy .Lbtn3on{ background:url(../images/leftNav.gif) no-repeat -223px -135px;}
.leftNav_buy .Lbtn3:hover{ background:url(../images/leftNav.gif) no-repeat -223px -135px;}

.leftNav_pro{ background:url(../images/leftNav.gif) no-repeat -446px 0; padding-bottom:42px}
.leftNav_pro h1{ background:url(../images/leftNav.gif) no-repeat -446 0;}
.leftNav_pro .Lbtn1{ background:url(../images/leftNav.gif) no-repeat -446 -49px;}
.leftNav_pro .Lbtn1on{ background:url(../images/leftNav.gif) no-repeat -670px -49px;}
.leftNav_pro .Lbtn1:hover{ background:url(../images/leftNav.gif) no-repeat -670px -49px;}
.leftNav_pro .Lbtn2{ background:url(../images/leftNav.gif) no-repeat -446px -92px;}
.leftNav_pro .Lbtn2on{ background:url(../images/leftNav.gif) no-repeat -670px -92px;}
.leftNav_pro .Lbtn2:hover{ background:url(../images/leftNav.gif) no-repeat -670px -92px;}
.leftNav_pro .Lbtn3{ background:url(../images/leftNav.gif) no-repeat -446px -135px;}
.leftNav_pro .Lbtn3on{ background:url(../images/leftNav.gif) no-repeat -670px -135px;}
.leftNav_pro .Lbtn3:hover{ background:url(../images/leftNav.gif) no-repeat -670px -135px;}
.leftNav_pro .Lbtn4{ background:url(../images/leftNav.gif) no-repeat -446px -178px;}
.leftNav_pro .Lbtn4on{ background:url(../images/leftNav.gif) no-repeat -670px -178px;}
.leftNav_pro .Lbtn4:hover{ background:url(../images/leftNav.gif) no-repeat -670px -178px;}

.leftNav_service{ background:url(../images/leftNav.gif) no-repeat 0 -346px; padding-bottom:42px}
.leftNav_service h1{ background:url(../images/leftNav.gif) no-repeat 0 -346px;}
.leftNav_service .Lbtn1{ background:url(../images/leftNav.gif) no-repeat 0 -395px;}
.leftNav_service .Lbtn1on{ background:url(../images/leftNav.gif) no-repeat -223px -395px;}
.leftNav_service .Lbtn1:hover{ background:url(../images/leftNav.gif) no-repeat -223px -395px;}
.leftNav_service .Lbtn2{ background:url(../images/leftNav.gif) no-repeat 0 -438px;}
.leftNav_service .Lbtn2on{ background:url(../images/leftNav.gif) no-repeat -223px -438px;}
.leftNav_service .Lbtn2:hover{ background:url(../images/leftNav.gif) no-repeat -223px -438px;}
.leftNav_service .Lbtn3{ background:url(../images/leftNav.gif) no-repeat 0 -481px;}
.leftNav_service .Lbtn3on{ background:url(../images/leftNav.gif) no-repeat -223px -481px;}
.leftNav_service .Lbtn3:hover{ background:url(../images/leftNav.gif) no-repeat -223px -481px;}
.leftNav_service .Lbtn4{ background:url(../images/leftNav.gif) no-repeat 0 -524px;}
.leftNav_service .Lbtn4on{ background:url(../images/leftNav.gif) no-repeat -223px -524px;}
.leftNav_service .Lbtn4:hover{ background:url(../images/leftNav.gif) no-repeat -223px -524px;}
.leftNav_service .Lbtn5{ background:url(../images/leftNav.gif) no-repeat 0 -567px;}
.leftNav_service .Lbtn5on{ background:url(../images/leftNav.gif) no-repeat -223px -567px;}
.leftNav_service .Lbtn5:hover{ background:url(../images/leftNav.gif) no-repeat -223px -567px;}
.leftNav_service .Lbtn6{ background:url(../images/leftNav.gif) no-repeat 0 -610px;}
.leftNav_service .Lbtn6on{ background:url(../images/leftNav.gif) no-repeat -223px -610px;}
.leftNav_service .Lbtn6:hover{ background:url(../images/leftNav.gif) no-repeat -223px -610px;}

.leftNav_join{ background:url(../images/leftNav.gif) no-repeat 0 -872px; padding-bottom:30px}
.leftNav_join h1{ background:url(../images/leftNav.gif) no-repeat 0 -872px;}
.leftNav_login{height:170px; padding-left:12px; padding-top:10px;}
.leftNav_login_li{height:30px; line-height:30px}
.leftNav_login_li .login_fn{ width:50px; float:left; text-align:right}
.leftNav_login_li .login_ipt{width:130px;  float:left; padding-top:3px}
.leftNav_login_btn{ padding-top:8px}
.leftNav_login_btn span{ display:block; float:left; font-size:12px; padding-left:100px; padding-top:5px; width:60px; text-decoration:underline; color:#980000}
.leftNav_phone{ padding-left:18px; padding-top:30px;}
.leftNav_phone span{font-family:verdana,sans-serif;}

.leftNav_handset{ background:url(../images/leftNav.gif) no-repeat -446px -346px; padding-bottom:42px}
.leftNav_handset h1{ background:url(../images/leftNav.gif) no-repeat -446px -346px;}
.leftNav_handset .Lbtn1{ background:url(../images/leftNav.gif) no-repeat -446px -395px;}
.leftNav_handset .Lbtn1on{ background:url(../images/leftNav.gif) no-repeat -670px -395px;}
.leftNav_handset .Lbtn1:hover{ background:url(../images/leftNav.gif) no-repeat -670px -395px;}
.leftNav_handset .Lbtn2{ background:url(../images/leftNav.gif) no-repeat -446px -438px;}
.leftNav_handset .Lbtn2on{ background:url(../images/leftNav.gif) no-repeat -670px -438px;}
.leftNav_handset .Lbtn2:hover{ background:url(../images/leftNav.gif) no-repeat -670px -438px;}
.leftNav_handset .Lbtn3{ background:url(../images/leftNav.gif) no-repeat -446px -481px;}
.leftNav_handset .Lbtn3on{ background:url(../images/leftNav.gif) no-repeat -670px -481px;}
.leftNav_handset .Lbtn3:hover{ background:url(../images/leftNav.gif) no-repeat -670px -481px;}
.leftNav_handset .Lbtn4{ background:url(../images/leftNav.gif) no-repeat -446px -524px;}
.leftNav_handset .Lbtn4on{ background:url(../images/leftNav.gif) no-repeat -670px -524px;}
.leftNav_handset .Lbtn4:hover{ background:url(../images/leftNav.gif) no-repeat -670px -524px;}
.leftNav_handset .Lbtn5{ background:url(../images/leftNav.gif) no-repeat -446px -567px;}
.leftNav_handset .Lbtn5on{ background:url(../images/leftNav.gif) no-repeat -670px -567px;}
.leftNav_handset .Lbtn5:hover{ background:url(../images/leftNav.gif) no-repeat -670px -567px;}

/* rightCont */
.rightCont{ float:left; width:710px; padding-left:20px; padding-bottom:50px}
.rightCont h1{ margin:15px 0px; height:17px; text-indent:-9999px}
.rightCont_fn1{padding-top:25px; border-top:#cccccc 1px solid}
.rightCont_nav{ background:#f0f0f0; border:solid 1px #cccccc; height:32px; line-height:32px; font-size:14px}
.rightCont_nav A{ display:block; padding-left:20px; padding-right:20px; height:32px; line-height:32px;  float:left; border-right:solid 1px #cccccc;}
.rightCont_nav A.currenth { background:#980000; color:#FFFFFF; font-weight:bold}
.rightCont_nav A:hover {background:#980000; color:#FFFFFF; font-weight:bold; text-decoration:none}
.rightCont_fn{ padding-top:25px;}
.rightCont_fn h2{ background:#f0f0f0; padding:15px; display:block; border:solid 1px #cccccc; margin-bottom:20px}

/* title */
.title_buy{ background:url(../images/btn.gif) no-repeat 0 -256px; width:72px}
.title_buy_flow{ background:url(../images/btn.gif) no-repeat -80px -256px;width:72px}
.title_buy_pay{ background:url(../images/btn.gif) no-repeat -160px -256px;width:72px}
.title_join{background:url(../images/btn.gif) no-repeat -240px -256px;width:37px}
.title_pro_intro{background:url(../images/btn.gif) no-repeat -288px -256px;width:72px}
.title_pro_adv{background:url(../images/btn.gif) no-repeat -368px -256px;width:72px}
.title_pro_fun{background:url(../images/btn.gif) no-repeat -449px -256px;width:72px}
.title_pro_show{background:url(../images/btn.gif) no-repeat -532px -256px;width:72px}
.title_service_DNS{background:url(../images/btn.gif) no-repeat -348px -317px;width:72px}
.title_service_qa{background:url(../images/btn.gif) no-repeat 0 -286px;width:72px}
.title_service_set{background:url(../images/btn.gif) no-repeat -80px -286px;width:86px}
.title_service_hb{background:url(../images/btn.gif) no-repeat -176px -286px;width:102px}
.title_service_up{background:url(../images/btn.gif) no-repeat -288px -286px;width:72px}
.title_service_expert{background:url(../images/btn.gif) no-repeat -368px -286px;width:86px}
.title_hs_down{background:url(../images/btn.gif) no-repeat 0 -317px;width:86px}
.title_hs_android{background:url(../images/btn.gif) no-repeat -96px -317px;width:69px}
.title_hs_ipad{background:url(../images/btn.gif) no-repeat -176px -317px;width:38px}
.title_hs_iphone{background:url(../images/btn.gif) no-repeat -224px -317px;width:61px}
.title_hs_other{background:url(../images/btn.gif) no-repeat -296px -317px;width:38px}
.title_tuijian{background:url(../images/btn.gif) no-repeat -438px -316px;width:70px}
.title_trial{background:url(../images/btn.gif) no-repeat -527px -316px;width:70px}

/* product */
.pro_intro_case {MARGIN-BOTTOM: 10px}
.pro_intro_case li {FLOAT: left; padding:0 10px; line-height:normal}
.pro_intro_case li span {WIDTH: 156px; DISPLAY: block; HEIGHT: 125px; text-align:center; OVERFLOW: hidden; margin-bottom:10px}
.pro_intro_case li span img { WIDTH: 154px; DISPLAY: block; MARGIN-BOTTOM: 6px; HEIGHT: 97px; border-bottom:solid 2px #a9a9a9; border-top:solid 1px #a9a9a9; border-left:solid 1px #a9a9a9; border-right:solid 1px #a9a9a9}
.pro_intro_case li span img:hover { border-bottom:solid 2px #980000; border-top:solid 1px #980000; border-left:solid 1px #980000; border-right:solid 1px #980000} 
.pro_intro_prize {MARGIN-BOTTOM: 10px}
.pro_intro_prize li {FLOAT: left; padding:0 13px; line-height:20px}
.pro_intro_prize li span {WIDTH: 206px; DISPLAY: block; HEIGHT: 240px; text-align:center; OVERFLOW: hidden; margin-bottom:10px}
.pro_intro_prize li span img { WIDTH: 204px; DISPLAY: block; MARGIN-BOTTOM: 6px; HEIGHT: 187px; border-bottom:solid 2px #a9a9a9; border-top:solid 1px #a9a9a9; border-left:solid 1px #a9a9a9; border-right:solid 1px #a9a9a9}
.pro_intro_prize li span img:hover { border-bottom:solid 2px #980000; border-top:solid 1px #980000; border-left:solid 1px #980000; border-right:solid 1px #980000} 
.pro_intro_new li{ height:35px; line-height:35px; border-bottom:1px dashed #555555;}
.pro_intro_new li strong{ margin:0 5px}
.pro_intro_new li .left{ width:600px; overflow:hidden}
.pro_intro_new li .right{ padding-right:10px}
.pro_intro_new li img{ padding:0px; margin-top:10px; margin-left:5px}
.pro_intro_new .more{ padding-top:25px; height:45px}
.pro_adv{ padding-left:20px; padding-top:10px}
.pro_adv li{ height:70px; display:block}
.pro_adv li .pro_adv_ico{ width:48px; height:48px; margin-right:20px; float:left; text-indent:-9999px}
.pro_adv li .pro_adv_ico1{ background:url(../images/subBtn.gif) no-repeat -830px -147px}
.pro_adv li .pro_adv_ico2{ background:url(../images/subBtn.gif) no-repeat -830px -217px}
.pro_adv li .pro_adv_ico3{ background:url(../images/subBtn.gif) no-repeat -830px -290px}
.pro_adv li .pro_adv_ico4{ background:url(../images/subBtn.gif) no-repeat -830px -360px}
.pro_adv li .pro_adv_ico5{ background:url(../images/subBtn.gif) no-repeat -830px -436px}
.pro_adv li .pro_adv_ico6{ background:url(../images/subBtn.gif) no-repeat -830px -506px}
.pro_adv li .pro_adv_fn{ float:left; padding-top:15px; width:600px}
.pro_adv li .pro_adv_fn strong{ font-size:14px; color:#980000}
.pro_show{ padding-top:40px;}
.pro_show a{ float:left; display:block; position:relative; width:313px; padding:219px 0px 0px 0px; margin:0px 20px;}
.pro_show a span{ display:block; height:45px; line-height:45px; text-align:center; font-size:14px; font-weight:bold; color:#666}
.pro_show_img1{background:url(../images/pro_intro/show1.jpg) no-repeat left top}
.pro_show_img2{background:url(../images/pro_intro/show2.jpg) no-repeat left top}
a.pro_show_img1 span{ background:#badcec}
a:hover.pro_show_img1 span{ background:#a1d1e7; color:#333}
a.pro_show_img2 span{ background:#d3eeb4}
a:hover.pro_show_img2 span{ background:#c0e793; color:#333}
.pro_show_flash{ width:1000px; margin:0px auto}

/* join */
.join_map{ float:left}
.join_search{ float:right; width:230px}
.join_search_title{ width:124px; height:24px; background:url(../images/btn.gif) no-repeat 0 -501px;}
.join_search_ipt{ margin-top:15px; height:40px}
.search_result{ width:230px;}
.search_result_top{ height:28px; line-height:28px; padding-left:12px; background:url(../images/subBtn.gif) no-repeat 0 -644px; overflow:hidden}
.search_result_body{ padding:12px; border-left:#a0a0a0 1px solid; border-right:#a0a0a0 1px solid;}
.search_result_foot{ background:url(../images/subBtn.gif) no-repeat 0 -672px;height:12px;overflow:hidden}
.join_fn{ color:#980000; font-size:14px}
.join_btn{text-align:center; padding:0 0 20px 0;}
.join_btn a{display: inline-block; width:270px; height:60px; background:url(../images/join_btn_bg.jpg) top repeat-x #a21815; color:#FFF; text-align:center; margin:0 15px; font-size:20px; line-height:60px;font-family:\5FAE\8F6F\96C5\9ED1; border:1px solid #99302c}
.join_btn a:hover{ color:#FFF;background:url(../images/join_btn_bg1.jpg) top repeat-x #911613;}

/* buy */
.rightCont_ico{ padding:10px 0 40px 0}
.rightCont_ico A{ display:block; margin:0 10px;height:101px; width:95px;float:left;}
.rightCont_ico1_on{ background:url(../images/subBtn.gif) no-repeat -15px -293px}
.rightCont_ico2_on{ background:url(../images/subBtn.gif) no-repeat -132px -293px}
.rightCont_ico3_on{ background:url(../images/subBtn.gif) no-repeat -250px -293px}
.rightCont_ico4_on{ background:url(../images/subBtn.gif) no-repeat -368px -293px}
.rightCont_ico5_on{ background:url(../images/subBtn.gif) no-repeat -485px -293px}
.rightCont_ico6_on{ background:url(../images/subBtn.gif) no-repeat -602px -293px}
.rightCont_ico1_out{ background:url(../images/subBtn.gif) no-repeat -15px -147px}
.rightCont_ico2_out{ background:url(../images/subBtn.gif) no-repeat -132px -147px}
.rightCont_ico3_out{ background:url(../images/subBtn.gif) no-repeat -250px -147px}
.rightCont_ico4_out{ background:url(../images/subBtn.gif) no-repeat -368px -147px}
.rightCont_ico5_out{ background:url(../images/subBtn.gif) no-repeat -485px -147px}
.rightCont_ico6_out{ background:url(../images/subBtn.gif) no-repeat -602px -147px}
.rightCont_icofn{ padding:0 11px 20px 20px; line-height:24px;}
.rightCont_icofn strong{ font-size:14px; color:#980000}

.right_table{margin:auto; line-height:32px; border:#cccccc 1px solid;}
.right_table td{ text-align:center; border-bottom:1px solid #cccccc; border-left:1px solid #ffffff; border-right:1px solid #cccccc; border-top:1px solid #ffffff;}
.right_table .tablebg{ background:url(../images/xbg.gif) repeat-x 0 -112px; color:#980000; font-weight:bold}
.right_table1{margin:auto; line-height:20px; border:#cccccc 1px solid;}
.right_table1 td{ padding:6px 15px 6px 15px; border-bottom:1px solid #cccccc; border-left:1px solid #ffffff; border-right:1px solid #cccccc; border-top:1px solid #ffffff;}
.right_table1 .tablebg{ background:url(../images/xbg.gif) repeat-x 0 -112px; color:#980000; font-weight:bold}

.buy_search{ background:#f0f0f0; padding:10px 0 10px 10px; border:solid 1px #cccccc; margin-top:20px;color:#666666; }
.buy_search_txt1{ height:30px; line-height:30px; padding-right:15px; border-right:1px #999 dashed; float:left; font-size:14px; font-weight:bold}
.buy_search_txt2{ float:left; padding:3px 15px 0 15px;}
.buy_search_btn{float:left; width:102px}
.buy_search_btn a{ float:left; width:100px; height:30px; text-indent:-9999px; background:url(../images/btn.gif) no-repeat -250px -32px}
.buy_search_btn a:hover{ background:url(../images/btn.gif) no-repeat -353px -32px}
.buy_search_txt3{ float: right; padding-left:10px; height:30px; line-height:30px; border-left:1px #999 dashed;}
.buy_search_txt3 a{ font-size:14px; font-weight:bold; color:#980000; padding:0 10px;}
.buy_con5{ width:330px; float:left; padding-left:20px; padding-top:15px}
.buy_con5 span{ margin:10px 0 20px 78px; width:174px; height:48px; text-indent:-9999px; display:block }
.buy_con5 .buy_con5_btn1{ background:url(../images/btn.gif) no-repeat 0 -540px }
.buy_con5 .buy_con5_btn2{ background:url(../images/btn.gif) no-repeat -212px -540px }
.buy_flow_flash{ padding-left:35px}

.buy_pay_bg{ width:670px; line-height:30px; font-size:14px; height:110px; padding-left:53px; padding-top:55px; margin-left:20px; margin-bottom:20px; background:url(../images/subBtn.gif) no-repeat 0px -446px; float:left}
.buy_pay_bg1{ width:670px; line-height:30px; font-size:14px; height:120px; padding-left:53px; padding-top:55px; margin-left:20px; margin-bottom:20px; background:url(../images/subBtn.gif) no-repeat 0px -1045px; float:left}
.buy_pay_fn{ padding-left:50px; clear:both}

/* service */
.service_qa_question{ border-bottom:#555555 1px dashed; color:#980000}
.service_qa_answer{ padding-bottom:30px; padding-top:10px}
.service_qa_list{ padding-bottom:20px; padding-top:5px}
.service_qa_fn{ float:left; width:650px; padding-bottom:10px}
.service_qa_fn img{ border:#dcdcdc 2px solid; margin:8px 0 8px 20px; padding:5px}
.service_qa_ico1{ float:left; width:21px; height:21px; margin:0 10px 10px 10px; background:url(../images/ico.gif) no-repeat 0 -86px}
.service_qa_ico2{ float:left; width:21px; height:21px; margin:0 10px 10px 10px; background:url(../images/ico.gif) no-repeat -32px -86px}
.service_qa_ico3{ float:left; width:21px; height:21px; margin:0 10px 10px 10px; background:url(../images/ico.gif) no-repeat -64px -86px}
.service_set img{border:#dcdcdc 2px solid; margin:8px 0 8px 20px; padding:5px}
.service_set_fm{position:absolute;margin-top:-15px; z-index:3;  height:30px; overflow:hidden}
.service_set_fm a{ margin:0px 10px; color:#900}
.service_set_fm a:hover{ color:#900; text-decoration:underline}
.service_handbook{ padding-bottom:30px; }
.service_handbook .service_hb_ico{ padding:30px 0; width:430px; margin:auto}
.service_handbook .service_hb_ico a{ width:170px; height:133px; display: block; float:left; margin-right:40px}
.service_handbook .service_hb_ico1{ background:url(../images/subBtn.gif) no-repeat 0 -727px}
.service_handbook .service_hb_ico2{ background:url(../images/subBtn.gif) no-repeat -220px -727px}
.service_up_title{ height:35px; padding:0 10px; border-bottom:dashed 1px #555555}
.service_up_title a { float:left; display:block; width:500px; overflow:hidden}
.service_up_opan .service_up_ico{ float:left; width:13px; height:13px; display:block; margin:11px 10px 0 0; background:url(../images/ico.gif) no-repeat -45px 0}
.service_up_close .service_up_ico{ float:left; width:13px; height:13px; display:block; margin:11px 10px 0 0; background:url(../images/ico.gif) no-repeat -25px 0}
.service_up_title .right{ line-height:35px}
.service_up_title .service_up_titfn{ float:left; display:block; line-height:35px; font-size:14px; color:#980000} 
.service_up_fn{ padding:10px 10px 35px 10px}
.service_up_fn strong{ color:#000}
.service_up_fn a{ color: #999}
.service_expert_title{ text-align:center; line-height:30px; padding:15px 0; font-size:14px; font-weight:bold}
.service_DNS{padding:0px 10px; }
.service_DNS p{ padding-bottom:15px;}

/* handset */
.handset_rightcon{ padding:5px 0 0 0}
.handset_banner{ height:212px; width:694px; padding-bottom:20px; overflow:hidden}
.handset_fn{ padding:0 16px 0 0}
.handset_fn_title{ height:30px; background:#efefef url(../images/ico.gif) no-repeat -28px -24px; line-height:30px; padding-left:40px; border:#b1b1b1 1px solid}
.handset_fn_con{ padding:20px 10px; line-height:24px}
.handset_fn_con .left{ width:260px; margin-right:40px}
.handset_fn_con .left img{margin-right:20px; margin-top:10px; float:left}
.handset_fn_con li{ display:block; padding:10px 0; float:left}
.handset_fn_con li h2{ display:block; float:left; width:55px; height:50px;}
.handset_fn_con li h3{ display:block; float:left; padding-left:20px; padding-top:10px; width:590px}
.handset_fn_con li h3 strong{ font-size:14px; color:#980000}
.handset_fn_con li .handset_ico1{ background:url(../images/subBtn.gif) no-repeat -744px -153px }
.handset_fn_con li .handset_ico2{ background:url(../images/subBtn.gif) no-repeat -744px -214px }
.handset_fn_con li .handset_ico3{ background:url(../images/subBtn.gif) no-repeat -744px -275px }
.handset_fn_con li .handset_ico4{ background:url(../images/subBtn.gif) no-repeat -744px -348px }
/*
.handset_fnleft{ width:460px; float:left; height:270px; border-right:#555555 dashed 1px; padding:5px 0 0 0}
.handset_fnleft li{ display:block; padding-bottom:17px; width:460px; float:left}
.handset_fnleft li h2{ display:block; float:left; width:50px; height:40px;}
.handset_fnleft li .handset_ico1{ background:url(../images/subBtn.gif) no-repeat -744px -153px }
.handset_fnleft li .handset_ico2{ background:url(../images/subBtn.gif) no-repeat -744px -214px }
.handset_fnleft li .handset_ico3{ background:url(../images/subBtn.gif) no-repeat -744px -275px }
.handset_fnleft li .handset_ico4{ background:url(../images/subBtn.gif) no-repeat -744px -348px }
.handset_fnleft li h3{ display:block; float:left; width:375px; padding-left:20px; line-height:20px}
.handset_fnleft li h3 strong{ font-size:14px; color:#980000}
.handset_fnright{ width:195px; float:left; height:270px; padding:5px 5px 0 30px}
.handset_downbtn{ height:150px; overflow:hidden}
*/

.handset_browser{ padding:15px 5px 0 5px}
.handset_browser li { margin-bottom:40px; display:block}
.handset_browser li h3 {display:block; float:left;width:83px; line-height:30px; height:30px; margin-right:10px; background:url(../images/btn.gif) no-repeat 0 -460px; padding-left:33px}
.handset_browser li h4 {display:block; float:left; width:570px; padding-top:3px}
.handset_browser li h4 a{ color:#999999}
.handset_browser li h4 img{ border:#dcdcdc 2px solid; margin:8px 0 8px 5px; padding:3px}

/* tuijian */
.tuijian_bg{ width:960px; background: url(../images/tbg.gif) top no-repeat; margin:0 auto; padding:20px 0px;}
.tuijian_bg h1{ margin:0px 0px 20px 30px; height:17px; text-indent:-9999px}
.tuijian_top{ margin:0px auto; width:870px; padding:10px; background:#f5f5f5; border:#ccc 1px solid; line-height:200%;}
.tuijian_con{ margin:20px auto; width:890px; padding:0px 0px 20px 0px; background:#fff; border:#ccc 1px solid; line-height:200%;}
.tuijian_title{ padding:6px 15px;background:#f5f5f5; border-bottom:#ccc 1px solid;}
table.t3{ margin-top:15px;}
table.t3 td{ padding:6px}
.textarea1 {background-color: #FFFFFF;border: 1px solid #a0a0a0; line-height:166.6%; margin:0 10px}
.tuijian_btn1{ width:74px; height:32px; border:0px; background:url(../images/tbtn.gif) no-repeat 0px 0px; cursor:pointer; margin:0px 10px;}
.tuijian_btn1:hover {background:url(../images/tbtn.gif) no-repeat -94px 0px;}
.tuijian_btn2{ width:74px; height:32px; border:0px; background:url(../images/tbtn.gif) no-repeat 0px -50px;cursor:pointer; margin:0px 10px;}
.tuijian_btn2:hover {background:url(../images/tbtn.gif) no-repeat -94px -50px;}
.shareico163{height:19px;width:19px;display:block;float:left;margin:0px 5px;background: url(../images/share.gif) -50px 0px no-repeat;}
.shareicosina{height:19px;width:19px;display:block;float:left;margin:0px 5px;background: url(../images/share.gif) 0px 0px no-repeat;}
.shareicoqzone{height:19px;width:19px;display:block;float:left;margin:0px 5px;background: url(../images/share.gif) -25px 0px no-repeat;}
.shareicorenren{height:19px;width:19px;display:block;float:left;margin:0px 5px;background: url(../images/share.gif) -74px 0px no-repeat;}

/* trial */
.trial_con{ margin:20px auto; width:890px; padding:0px 0px 20px 0px;line-height:200%;}

/* footer */
.footer{ height:70px; background:url(../images/xbg.gif) repeat-x}
.footcon{ width:960px; margin:0px auto}
.footcon .footlogo{ width:100px; height:29px; margin-top:21px; margin-left:5px; text-indent:-9999px; float:left ; background:url(../images/maillogo2012.gif) 0 -66px}
.footcon .footfn{ padding-right:10px; padding-top:20px; float: right; text-align:right}
.footcon .footfn a{ color:#999}
.footcon .footfn a:hover{ color:#980000}

/*talk online*/
.olt{ position:fixed; _position:absolute; right:3px; top:250px; z-index:100; font-family:Verdana, Geneva, sans-serif;}
.olt_ico{ display:block; width:45px; height:45px;  background-image: url(../images/talkonline1.gif); background-color:#999;}
.onLineTalks{ width:45px; height:45px;}
.onLineTalks .olt_ico{ background-position:0px -10px;}
.onLineTalks:hover .olt_ico{ background-color:#666; cursor:pointer}

.onLineTalkb{width:135px; height:81px; background:#FFF;}
.onLineTalkb .olt_ico{ position:absolute; height:28px; width:15px; background-position:-62px -22px; margin-left:-15px; margin-top:7px;}
.onLineTalkb .olt_ico:hover{ background-color:#666;}
.olt_but{ display:block;width:135px; height:41px;  background-image: url(../images/talkonline1.gif); background-position:-3px -67px; text-indent:-9999px}
.olt_but:hover{ background-position:-3px -157px;}
.olt_but2{ height:40px;  background-position:-3px -113px;}
.olt_but2:hover{ background-position:-3px -203px;}


/* pop */
.black {position:absolute;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50); opacity:0.5 ; top:0px; left:0px;z-index: 10}
.pop_window {position:absolute;top:50%;left:50%;margin:-150px 0 0 -310px;width:620px;z-index: 1000; padding:1px; background:#FFF; border:#cccccc 1px solid}
.pop_title{ height:35px; line-height:35px; background:#980000; color:#FFF; font-size:14px; padding:0 15px}
.pop_content{ padding:30px 10px 50px 10px}
.pop_title .right a{ margin-top:6px; width:22px; height:22px; background: url(../images/ico.gif) 0 -24px; display:block}
.pop_title .right a:hover{ background: url(../images/ico.gif) 0 -53px;}

/* gonggao */
.gonggao {width:938px; margin:auto; padding:10px; color: #333; font-size:12px; background:#fffde2; border:#ccc 1px solid; border-top:none;line-height:150%; position:relative}
.gonggao .x{ right:15px; position:absolute; z-index:10px; top:3px; font-size:16px; line-height:normal;}
.gonggao .x a{ color:#333}
.gonggao .x a:hover{ font-weight:bold; color:#900}