﻿@charset "utf-8";
/* CSS Document */

html, body, div, header, footer, nav, section, article, aside, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, form, p, fieldset, input, button,  textarea, iframe,my_top,my_bd{ margin:0; padding:0; outline:none;font-family: '΢���ź�';}

ul,li,dl,ol{list-style:none;}
.cui_hd_cont{width:100%;height:133px;margin:0 auto;}
.cui_hd{width:100%;height:28px;background:#1b1b1b;border-bottom:2px solid #a80a0a;}
.cui_hd_co{width:1200px;height:28px;margin:0 auto;}
.con_right{float: right;}
.language{float: right;line-height:28px;height:28px;color:#ffffff;font-family: '΢���ź�';text-align:right;}
.language img{padding:3px 3px 0 0;}
.language span { color: #A6A6A6; padding: 0 3px;text-align:center;padding:3px 5px;line-height:28px;font-size:12px;  }
.language a {color: #A6A6A6;font-size:12px;  }
.language a:hover { text-decoration: underline; }


.cui_cont_co{width:1200px;height:103px;margin:0 auto;}
.cont_left{width:392px;float:left;margin:25px 90px 25px 0;position:absolute;background:url(../images/my_logo.png) no-repeat; font-size:26px;height:55px;line-height:55px;text-align:right;color:#333333;}
.cont_logo{width:330px;float:left;margin:25px 90px 25px 90px;position:absolute;background:url(../images/s_logo.png) left no-repeat; font-size:26px;height:55px;line-height:55px;text-align:right;color:#333333;}





.cui_hd_con{width:100%;height:100px;margin:0 auto;background:#f1f1f1;}
.cui_hd_con .cui_left{width:392px;height:55px;float:left;margin:25px 0 10px 60px;}
.cui_hd_con .cui_right{width:700px;height:55px;float:right;margin:25px 70px 10px 5px;color:#E33335;text-align:right;line-height:25px;}
.cui_hd_con .cui_right a{color:#E33335;}
.cont_lef{width:330px;float:left;margin:45px 90px 25px 50px;position:absolute; font-size:26px;line-height:55px;text-align:right;color:#333333;}
.cont_righ{width:560px;height:80px;float:right;margin:30px 20px 20px auto;padding:10px auto;color:#c31b20;text-align:right;font-size:12px;}
.cont_righ a{color:#c31b20;margin:0 20px;line-height:40px;}
.cont_right{ float:right; margin:40px 0 0 0; }
.cont_bott{width:600px;position:absolute;margin:40px auto;left:700px;}
#navlist{font-family: '΢���ź�';margin: 0;padding-bottom: 19px;padding-left: 40px;}

#navlist ul, #navlist li{display: inline;list-style-type: none;margin: 0;padding: 0;}
#navlist a:link, #navlist a:visited{color: #000;float: left;font-size: 16px;font-weight: normal;line-height: 14px;margin-right: 8px;padding: 2px 30px;text-decoration: none;}
#navlist a:link#current, #navlist a:visited#current{color: #c31b20;}

#navlist a:hover { color: #f00; }

body.section-1 #navlist li#nav-1 a, body.section-2 #navlist li#nav-2 a,body.section-3 #navlist li#nav-3 a,body.section-4 #navlist li#nav-4 a{border-bottom: 1px solid #fff;color: #000;}

#navlist #subnav-1,#navlist #subnav-2,#navlist #subnav-3,#navlist #subnav-4{display: none;width: 95%;}

body.section-1 #navlist ul#subnav-1, body.section-2 #navlist ul#subnav-2,body.section-3 #navlist ul#subnav-3,body.section-4 #navlist ul#subnav-4{display: inline;left: 30px;position: absolute;top: 95px;}

body.section-1 #navlist ul#subnav-1 a, body.section-2 #navlist ul#subnav-2 a,body.section-3 #navlist ul#subnav-3 a,body.section-4 #navlist ul#subnav-4 a{border: none;border-left: 1px solid #ccc;color: #999;font-size: smaller;font-weight: bold;line-height: 10px;margin-right: 12px;padding: 2px 30px 2px 30px;text-decoration: none;}

#navlist ul a:hover { color: #f00 !important; }
#contents{border-top: none;clear: both;margin: 0px;padding: 15px;} 
.cui_login{width:100%;height:480px;background:url(../images/login_bg.png) left no-repeat;}
.cui_loginin { width:1200px; height:480px; margin:0 auto; position:relative; }
.cui_login_con{position: absolute; right:0; top:40px; width: 300px;height:400px;background:#103d44;/*background:#000;filter:alpha(opacity=50);opacity:0.5;*/float: right;z-index: 100;}
.test{width:270px;height:45px;line-height:40px;font-size:18px;font-family: '΢���ź�';color:#fff;margin-left:30px;margin-top:20px;}
.con_box{width:260px;height:45px;margin:5px 25px;}
.box_text{width:240px;height:30px;line-height:30px;float:left;background:#fff;}
.box_text .input {font-size:16px;height:30px;width:240px;text-indent:1em;background:#fff;line-height:30px;float:left;border:none;outline:medium none;vertical-align: middle; }
.box_text .input1{font-size:14px;height:30px;width:100px;background:#fff;line-height:30px;float:left;border:none;outline:medium none;vertical-align: middle; }

/*gateway to pay  网关支付.account{width:270px;height:30px;line-height: 30px;float:left;color:#fff;margin-bottom:5px;border-radius:0;}*/
.accoun{width:270px;height:30px;line-height: 30px;float:left;margin-bottom:5px;color:#fff;}
.accoun_text{margin-left:10px;text-align:right;font-size:14px;}
.loginbtn{width:240px;height:42px;float:left;margin-left:25px;}
.base_btns{background:url(../images/btn.png) left no-repeat;text-align:center;line-height:30px;width:240px;height:42px;border:none;color:#fff;font-size:14px;font-weight:bold;}
.accountbox{width:240px;float:left;height:42px;margin-left:25px;    margin: 20px 25px 8px 25px;}
.accountbox_left{width:120px;height:42px;float:left;background:url(../images/registered.png) no-repeat;}
.accountbox_right{width:120px;height:42px;float:right;text-align:center;font-size:14px;line-height:42px;color:#fff;}
.product{width:100%;height:240px;float:left;}
.product_con{width:1015px;height:110px;margin:70px auto 60px auto;}
.test1{padding: 0px 80px;width: 72px;height: 110px;float: left;border-right: 1px solid #dfdfdf;margin: 20px 5px;}
.test1_top,test2_top{width:72px;height:72px;margin:2px auto;float:left;}
.color_dfdfdf{color:#dfdfdf;}
.color_333333{color:#333333;}
.color_aaaaaa{color:#aaaaaa;}
.font_14{font-size:14px;}
.width_10{width:10px;margin:0 25px;}
.test1_bottom,.test2_bottom{width:72px;height:38px;line-height:38px;text-align:center;font-size:14px;}
.test2{padding: 0px 89px;width: 72px;height: 110px;float: left;margin: 20px 5px;}
.bottom{width:100%;height:100px;float:left;background:#545454;}
.bottom_box{width:1000px;height:60px;margin:20px auto;}
.bottom_box .title{font-size:14px;width:1000px;line-height:30px;text-align:right;color:#fff;padding-right:15px;}
.clearfix:after {
    clear: both;
}

/*services*/
.color_c31b20{color:#c31b20;}
.border_bottom{border-bottom:1px solid #eaeaea;width:160px;height:2px;float:left;margin:5px 90px 10px 100px;}
.border_right{border-right:1px solid #eaeaea;height:150px;float:left;margin-top:30px;}
.ser_pic{width:100%;height:320px;float:left;background:url(../images/ser_pic.png) no-repeat;}
.ser_services{width:100%;height:auto;float:left;}
.ser_services_con{width:1070px;height:600px;margin:0 auto;}
.ser_services .guide{width:950px;height:30px;line-height:30px;font-size:12px;text-align:left;margin:20px auto;}
.services_con{width:200px;height:200px;float:left;margin:30px 50px 5px 100px;}
.services_con_top{width:104px;height:104px;margin:5px 8px;}
.services_con_bottom{width:154px;height:30px;line-height:30px;text-align:left;font-size:14px;color:#333333;}
/*Product*/
.margin-top{margin-top:70px}
.text_right{text-align:right;}
.font-18{font-size:18px;line-height:40px;}
.Pro_pic{width:100%;height:220px;float:left; background: url(../images/Product_pic.png) no-repeat top center;}
.about_pic { background: url(../images/about_pic.png) no-repeat top center; }
.pro_con,.pro_conn{width:1000px;height:230px;margin:10px auto 0 auto;border-bottom:1px solid #eaeaea;}
.pro_con_left{width:120px;height:120px;float:left;margin:30px;}
.pro_con_right{width:800px;height:90px;float:left;margin:30px 0;font-size:14px;text-align:left;line-height:20px;padding-top:20px;}

.pro_conn_righ{width:120px;height:120px;float:left;margin:30px;}
.pro_conn_lef{width:800px;height:90px;float:left;margin:30px 0;font-size:14px;text-align:right;line-height:20px;padding-top:20px;}

/*abouts*/
.abouts{width:950px;margin:0 auto 0 auto; padding: 50px 0 10px 0; }
.abouts_titl{width:950px;height:30px;border-bottom:1px solid #c31b20;float:left;}
.abouts_titl .title{width:106px;height:30px;line-height:30px;float:left;background:#c31b20;font-size:14px;font-weight:bold;text-align:center;color:#fff;}
.abouts_con{width:920px;margin-left:30px;margin-top:20px;float:left;font-size:12px;line-height:26px;color:#333333;}

.about{width:950px;height:auto;margin:10px auto 10px auto;}

.about_left{width:380px;height:236px;margin:10px 20px 20px 20px;float:left;}
.about_right{width:480px;height:116px;padding:40px 0;line-height:30px;float:left;margin:10px 0px 10px 0px;font-size:12px;}
/*login*/

.m_login{width:100%;height:560px;background:url(../images/m_loginbg.png) left no-repeat;}
.m_login_con{position: absolute;left:1165px;top: 220px;width: 300px;height:341px;background:#f2d4ae;/*background:#000;filter:alpha(opacity=50);opacity:0.5;*/margin-right:70px;margin-top: 15px;float: right;z-index: 100;}
.m_test{width:270px;height:45px;line-height:40px;font-size:18px;font-family: '微软雅黑';color:#333333;margin-left:30px;margin-top:20px;}
.m_con_box{width:260px;height:45px;margin:5px 25px;color:#666666;}
.m_box_text{width:240px;height:30px;line-height:30px;float:left;background:#fff;color:#666666;}
.m_box_text .input {font-size:16px;height:30px;width:240px;text-indent:1em;background:#fff;line-height:30px;float:left;border:1px solid #9f9f9f;outline:medium none;vertical-align: middle; }
.m_box_text .input1{font-size:14px;height:30px;width:100px;background:#fff;line-height:30px;float:left;border:1px solid #9f9f9f;outline:medium none;vertical-align: middle; }

.m_ta{width:600px;height:30px;margin:10px auto 0 auto;}

.m_tab{width:100%;height:100px;margin:10px 0;float:left;}
.cui_hdd{width:100%;height:28px;background:#1b1b1b;}



.acc_tab{width:100%;height:100px;margin:0;float:left;background:#f2f2f2;}
.account{width:100%;height:auto;float:left;border-top:1px solid #b1b1b1;background:#f2f2f2;margin:0;}
.account_box{width:960px;height:1050px;padding:30px;margin:20px auto;background:#fff;border:1px solid #d1d1d1;}
.information{width:960px;height:auto;float:left;}
.information_title{height:30px;line-height:30px;float:left;font-size:20px;color:#333333;}
.information_title .border{border-bottom:4px solid #af2020;height:4px;}
.information_title .pic{width:4px;height:20px;margin:9px;float:left;}

.information .reg_time{width:900px;height:76px;margin:10px auto;}
.information .mobile_phone{font-size:12px;margin:5px auto;width:100%;color:#000000;}
.information .mobile_phone .mobile_phonel{width:250px;height:40px;line-height:30px;float:left;text-align:right;}
.information .mobile_phone .mobile_phoner{width:700px;height:40px;line-height:30px;float:left;}

.information .mobile_phone .mobile_phoner_l{width:145px;height:40px;float:left;line-height:40px;text-align:right;}


.information .mobile_phone .mobile_phoner img{float:left;margin:5px 10px;}

.information .mobile_phone .mobile_phoner .box{width:90px;height:34px;line-height:34px;float:left;margin:0 5px;}
.information .mobile_phone .mobile_phoner .box_l{width:20px;height:34px;float:left;margin:12px 0px 0 8px;;}
.information .mobile_phone .mobile_phoner .box_r{width:60px;height:34px;line-height:34px;float:left;text-align:left;margin:0;}

.information .note{line-height:20px;font-size:12px;margin:0 auto;width:100%;color:#000000;}
.information .note .notel{width:250px;height:20px;line-height:20px;float:left;text-align:right;}
.information .note .noter{width:650px;height:20px;line-height:20px;float:left;text-indent:1em;color:#999999;font-size:12px;}



.information .color_c31b20{color:#c31b20;margin:0 5px;}
.information .mobile_phone .font_left{float:left;}
.information .mobile_phone .line_30{ling-height:30px;margin:10px;}
.information .mobile_phone .btns{float:left;text-align:center;width:200px;line-height:30px;height:30px;border:none;color:#fff;font-weight:bold;background:#c31b20;font-size:14px;cursor: pointer;margin:0 10px;}
.information .infor_phone{width:960px;height:40px;line-height:40px;margin-left:200px;font-size:12px;float:left;color:#333333;}

.information .mobile_phone .btn{float:left;text-align:center;width:60px;line-height:30px;height:30px;border:none;color:#111111;font-weight:bold;background:none;font-size:14px;cursor: pointer;margin:0;text-decoration:underline;}
.information .mobile_phone .v_code{float:left;width:110px;line-height:30px;height:34px;border:none;background:url(../images/verification_code.png) no-repeat;cursor: pointer;margin:0 5px 0 10px;}
.width100{float:left;width:100px;height:34px;line-height:20px;text-indent:1em;margin-left:10px;border:1px solid #d4d4d4;}
.width285{width:285px;height:35px;line-height:30px;margin-left:10px;border:1px solid #d4d4d4;}
.width120{width:120px;height:35px;line-height:30px;margin-left:10px;border:1px solid #d4d4d4;}




.infor_cont{width:960px;height:80px;margin:50px auto;background:#eeeeee;color:#000000;font-size:14px;}
.infor_content{line-height:30px;text-indent:1em;margin-top:10px;}
.infor_content .spacing{margin-left:10px;padding-left:10px;}
.infor_content .color{color:#eb5206;}
.infor_content .font{font-size:20px;}

.infor_right{float:right;width:500px;position:absolute;margin:10px;background:#af2020;left:700px;top: 362px;}
.prompt{width:960px;height:35px;line-height:35px;margin:20px auto 5px auto;color:#c7383c;font-size:12px;border-bottom:1px dashed #d5d5d5;text-indent:2em;float:left;}
.prompt .black{color:#333;}

.phone_pay{width:960px;height:auto;margin:20px auto 10px auto;}
.phone_pay .box{width:200px;height:36px;float:left;margin:10px 30px 20px 5px;}
.phone_pay .text{width:150px;padding-left:50px;height:36px;float:left;margin:10px 30px 20px 5px;color:#c31b20;font-size:12px;float:left;line-height:36px;}

.phone_pay .box_left{width:30px;height:36px;float:left;}
.phone_pay .box_right{width:170px;height:36px;float:left;}


.phone_pay .box_left input{margin-right: 5px;vertical-align: -1px;margin:7px;}  
.phone_pay .btn{float:left;width:80%;height:40px;margin:30px auto 80px 50px;}
.phone_pay .btn .btns{text-align:center;width:160px;line-height:40px;height:40px;border:none;color:#fff;font-size:16px;font-weight:bold;background:#c31b20;color:#fff;font-size:14px;cursor: pointer;margin-bottom:10px;}


.width200{float:left;width:280px;height:34px;line-height:20px;text-indent:1em;margin-left:10px;;border:1px solid #d4d4d4;}



.information .reg_pic{width:120px;height:120;margin:60px auto 25px auto;}
.information .reg_te{width:170px;height:30px;font-weight:bold;text-align:center;margin:0 auto 25px auto;line-height:30px;font-size:14px;color:#009739;}
.information .reg_infor{width:720px;height:40px;line-height:40px;margin:0 auto 50px auto;color:#000000;font-size:14px;}
.information .reg_infor .informa{width:230px;height:40px;line-height:40px;margin:0 5px;float:left;}
.information .reg_infor .color_666{color:#666;}
.information .border_bot{border-bottom:1px solid #ddd;}
.information .reg_audit .reg_audit_l{width:59px;height:59px;margin:0 20px 0 28px;float:left;}
.information .reg_audit .reg_audit_r{width:500px;height:59px;margin:0 0 0 0;float:left;}
.information .reg_infor .reg_audit .title{width:500px;line-height:30px;height:20px;font-weight:bold;font-size:18px;float:left;}
.information .reg_audit{width:720px;height:auto;margin:0 auto 50px auto;color:#000000;font-size:14px;}














