@charset "utf-8";

/*注册*/
.regist{margin-top: 10px;
position: relative;
padding-top: 30px;
margin-bottom: 86px;}
.regist .t4{ margin-bottom:20px;}

.user_down{ position:absolute; right:0px; top:28px; background:#f9f9f9; border:1px solid #ccc;
display:none;text-align:center;}
.user_down a{ display:block; height:30px; line-height:30px;font-size:13px;
padding:0 30px;}
.user_down a:hover{color:#fff;background-color:#ff9500}
.registConn{min-height: 465px; background:#fff; padding:40px 246px 90px;
    background: url("../images/regist_imgs.png") no-repeat;
    background-position: -10px 0;
}
.userInfo_ware{ padding-left:50px;}

.userInfo_ware .userInfo_success{ background:url(../images/gg.jpg) no-repeat left center;}
.userInfo_enginer{}
.registInfo{height: 47px; color:#292929; font-size:14px; margin-top:10px; line-height:32px; overflow:hidden;
    position: relative;}
.xieyi{ margin:15px 0 15px 175px;height:18px; line-height:18px;font-size:13px; }
.xieyi input{width: 18px;
    height: 18px;
    border: solid 1px #cfd1d3;
    vertical-align: text-top;
    padding: 0;
    margin: 0;
    margin-right: 2px; display:inline-block; float:left;}
.xieyi a{ color:#166dee; font-style:normal;}

.dialog_xy_modal{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgb(0, 0, 0);
opacity:0.15; filter:alpha(opacity=15); z-index:1000; display:none; }
.dialog_xy{
    width: 680px; height:540px;
    position: fixed;
    z-index: 10000;
    display: block;
    overflow: hidden;
border: 5px solid #66491c;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;background: #fff;
box-shadow: 0 3px 10px #000; top:50%; left:50%; margin:-275px 0 0 -350px; display:none;}

.dialog_title{    position: relative;
    padding: 0 10px;
    height: 31px;
    line-height: 31px;
    background: #f3f3f3;
    font-size: 14px;
    color: #000;
    font-family: "Microsoft YaHei"; text-align:center}
.dialog_close{cursor: pointer;
    display: block;
    position: absolute;
    z-index: 100000;
    top: 10px;
    right: 10px;
    overflow: hidden;
    width: 13px;
    height: 13px;
    background: url(../images/dialog.png) no-repeat;
    font-size: 0; text-indent:-999em;}
.dialog_content{padding: 15px;
    overflow:hidden;
     }
.protocol{height:420px; margin-bottom:20px; overflow-x:hidden; overflow-y:scroll;font-size: 14px;
    color: #333;
    line-height: 2; text-align:justify; text-justify:inter-ideograph}
.protocol-con{ padding-right:10px;}
.protocol-button button {
    margin: 0 auto;
    display: block;
    width: 230px;
    height: 40px;
    color: #fff;
    background: #f39700;
    border: 0;
    font-size: 16px; 
    font-family: "Microsoft YaHei","Hiragino Sans GB"; cursor:pointer; outline:none;
}


.ups_right{float:left; overflow:hidden; width:945px;}
.registInfo .common_label{
    width: 160px;
    height: 43px;
    line-height: 43px;
    float: left;
    text-align: right;
    font-size: 16px;
    position: relative;
    color: #666;
    margin-right: 10px;
    right: -75px;
    z-index: 100;
    cursor:text;
}
.registInfo .radio{ height:35px; line-height:35px; display:block; float:left; margin-right:15px;
cursor:pointer;}


.registInfo b{ margin-left:20px}
.registInfo input{padding:6px 0; text-indent:12px;border:1px solid #d5d5d5; margin-left:4px;
}
.registInfo .txt2{
    font-size: 16px; position: absolute;width:350px; height:43px; padding:0;line-height:43px;border-radius: 2px;}
.registInfo .txt3{ width:308px; }

#img-code{
	left: 390px;
    position: absolute;
    width: 132px;
    border-radius: 2px;
    height: 43px;
    text-indent: 0;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    cursor: pointer;
    border: none;
    border:1px solid #d5d5d5;cursor: pointer;
}

#img-code img{width:132px;height:43px;}

#btn{left: 390px;
    position: absolute;width:132px;border-radius: 2px; height: 45px;text-indent:0;display:inline-block; text-align:center; color:#fff; font-size:16px; font-style:normal; background:#ff9500; cursor:pointer; border:none;}
.registInfo label strong{ color:#f00;}
.registInfo .ware{ display:inline-block; margin-left:8px; color:#f00; background:url(../images/gg.jpg) no-repeat center; text-indent:-999em; width:26px; }
.registInfo .error{ display:none; margin-left:8px; color:#f00;}
.registInfo .tips{ display:inline-block; margin-left:8px; color:#f00;padding-left: 81px;}
.registInfo .tips a{ color:#ff9500}
.registBtn{ margin:50px 0 0 175px;}
.btn2 input{ display:inline-block; width:350px; height:50px; line-height:50px; color:#fff; text-align:center;
background: url(../images/regist_350.png) no-repeat left;font-size:18px; cursor:pointer; border:none; outline:none;}
.btn2 input.btnsure {
    margin-left: 30px;
    display: none;
}
.paysure{clear:both;}
#paySure{ width:177px; height:48px; background:url(../images/paySurebtn.jpg) no-repeat center;margin:20px auto 0 auto; text-indent:-999em; border:none;border:none;display:block;
cursor: pointer;}
.pay_sure{ margin-right:30px;}
.registInfo textarea{ width:730px; height:130px; border:1px solid #ccc; resize:none; -border-radius:5px;
-ms-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;
 color:#666; padding:10px; outline:none;}
.registConn h2{
    margin-bottom: 95px;
    text-align: center;
    color: #ff9500;
    font-weight: bold;
}
.refer_info{ overflow:hidden; border:1px solid #ccc; height:130px; margin:15px 0;}
.refer_infoL{ float:left;}
.refer_info label{ width:102px; background:#efefef; font-size:14px; line-height:130px; text-align:center; color:#292929; display:block;border-right:1px solid #ccc;
float:left;}
.refer_infoL textarea{ display:block; width:350px; padding:10px 10px; float:left; border:none;border-right:1px solid #ccc;outline:none; height:110px; color:#333; font-size:14px; resize:none;}
.refer_infoR{ float:left; width:590px; overflow:hidden;height:150px;}
.add_img{ float:left; margin:22px 0px 0 10px; }
.add_img label {
    width: 80px;
    height: 80px;
    display: inline-block;
    position: relative;
    background: url(../images/add_img.jpg);
    background-position:center;
}
.add_img_list {height:150px;}
.add_img  span{ margin-left:5px;}
.add_img label input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10;
}
.add_question a
.refer_infoR a{ display:block;height:88px; line-height:88px;}
.refer_infoR a img{ display:block; float:left}
.refer_infoR a span{ display:block; float:left}
.add_img_list{ float:left;margin:22px 0 0 0;}
.add_img_list img{ margin-left:10px;}
.add_img_mar { margin-left:10px;}
.add_img_mar img{ margin-right:0px; cursor:pointer}
/* .add_img_mar { margin-left:30px;}
.add_img_mar img{ margin-right:20px; cursor:pointer} */
.add_question{ overflow:hidden; text-align:right; }
.add_question a{ text-decoration:underline;color:#ff9500; font-size:14px}
.agreeBox{ overflow:hidden; margin: 10px 0;}
.agreeBoxNone{ overflow:hidden; margin: 10px 0;display:none;}
.agreeS{ float:left; margin-right:25px; height:30px; line-height:30px;}
.agreeS input,.agreeS label{ height:30px; line-height:30px; display:block; float:left; color:#666;}
.agreeS input{ margin-right:5px;}
.agreeS label{ cursor:pointer;}
.agreeBox a{ display:block; float:left;  height: 30px;
  line-height: 30px;
  color: #f00; }
.at_alter{ width:400px; height:400px; border:1px solid #ccc; position:fixed; top:50%; left:50%; line-height:1.8; font-size:14px; color:#666;
padding:10px; display:none; background:#fff; z-index:10000; margin:-200px 0 0 -200px;}
.at_alter .pp{}
.at_alter .close{position: absolute;
  right: 15px;
  top: 15px;
  width: 13px;
  height: 13px;
  background:#000 url(../images/closed.png);}
.selectbg{ display:inline-block; width:144px; height:32px; line-height:32px; background:url(../images/regist7.png) no-repeat 120px center; border:1px solid #d5d5d5; margin-right:10px;
margin-left:4px;}
.multSelected{ width:455px; background:none;}
/*改变多选框的颜色*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background:#fff; border:none; color:#666; font-weight:normal; 
	-border-radius:5px;
-ms-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; outline:none;
}
.ui-helper-reset{ background:#fff;}
.selectbg select{/*background: transparent; -ms--webkit-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance:none; outline:none; border:none;*/
width: 140px;outline:none;border:none;
    height: 30px;
padding: 6px 0; text-indent:8px;}
.registSecondBtn{ margin:42px 0 0 160px;}
.zhSelect .selectbg{ width:290px;
/*background:url(../images/regist7.png) no-repeat 272px center; */
margin-right:0}
.zhSelect .selectbg  select{ width:290px;}
*html .zhSelect .selectbg select{ background:none; appearance:normal;}
.registEnginer{ padding-bottom:30px;}
.registInfoImg{ color:#292929; font-size:14px; margin-top:10px; overflow:hidden;padding-left: 40px;}
.registInfoImg label{height:32px; line-height:32px; float:left;}

.registInfoImgL{ border:1px solid #d5d5d5; float:left; margin-left:5px; width:342px; height:216px;}
.registInfoImgL img{ width:340px; height:214px; vertical-align:top; display:block; margin:0 auto;}
.registInfoImgM { float:left; margin-left:20px; width:90px;}
.registInfoImgM label,.registInfoImgM .del{ width:90px; height:45px; line-height:45px; font-size:16px; text-align:center; color:#fff; display:none; margin-bottom:10px; cursor:pointer;}
.registInfoImgM .del{ background:#ff9500; border:none; outline:none;cursor:pointer;}
.registInfoImgM label{background:#ff9500;position:relative;}
.registInfoImgM label input{ 
	 -webkit-opacity: 0;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0;
    /* IE9 + etc...modern browsers */
    opacity: 0;
    /* IE 4-9 */
    filter:alpha(opacity=0);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    curser:pointer;

position:absolute; left:0px; top:0px; width:100%; height:45px; cursor:pointer;}
.registInfoImgR{ float:left; width:307px; margin-left:72px; font-size:14px; color:#b2b2b2;}
.registInfoImgR span{ margin-bottom:12px;    color: #666;
    display: block;}
.registSucc{ text-align:center; margin-top:60px;}
.registSucc p{ color:#15c515; font-size:30px; margin:40px 0;}
.registSucc a{width:260px; height:50px; line-height:50px; color:#fff; text-align:center;
background:#ff9500; font-size:18px; display:inline-block;margin: 45px 10px 0 10px;}

/*工程师中心*/
.enginerCenter{ overflow:hidden; clear:both; background:#fff;margin:0 auto; width:1200px; padding:0 0 50px 0;}

.payNum{ height:40px; line-height:40px; background:#f1f6f3;  font-size:14px; padding:0 30px;}
.payNum span{color:#333;}
.payNum span em{ color:#333; font-style:normal;}
.payNum span em.red{ color:#ff9500; font-size:18px;}



/*帮助中心*/
.helpBox{ margin-top:10px; padding-top:20px; min-height:500px; margin-bottom:35px; }
.t1{ border-bottom:1px solid #d5d5d5; height:45px; line-height:45px; overflow:hidden;}
.t1 a{ display:block; padding:0 25px; float:left; color:#555; font-size:17px;}
.t1 a.active{ color:#ff9500; background:#fff;}
.t1 a:hover{ color:#ff9500;}
.helpContent{ overflow:hidden; margin-top:15px;}
.helpContentL{ float:left; width:160px; text-indent:25px; height:50px; line-height:50px; color:#333; font-weight:bold; font-size:14px;}
.helpContentR{ width:1040px; float:left;}
.helpContentR .helpQuetion{}
.helpContentR .helpQuetion a{ color:#555; font-size:14px; display:block; height:50px; line-height:50px; padding:0 15px; float:left;}

.helpContentR .helpQuetion a.active{ color:#ff9500; background:url(../images/help.png) no-repeat center 39px;}
.helpAnser{ clear:both; position:relative; z-index:-1; top:-3px;}
.helpAnser .helpAnserCt{ overflow:hidden; border:1px solid #d5d5d5; background:#fff;  margin-left:15px;
padding:10px 18px; line-height:1.8; display:none;}


/*最新通知*/
.notive{ overflow:hidden;margin-bottom:20px;}
.notive ul{ overflow:hidden;}
.notive ul li{ border:1px solid #d5d5d5; padding:15px 25px; margin-top:10px; background:#fff;font-size:14px; color:#555; cursor:pointer;}
.notive ul li .t2{ font-size:14px; background:url(../images/noticeDown.png) no-repeat right center;}
.notive ul li .t2 span{ margin-right:10px;}
.notive ul li .acitve{background:url(../images/noticeUp.png) no-repeat right center;}
.notive ul li .edtioned{ overflow:hidden; line-height:1.6; padding-top:10px; display:none;}

/*客服*/
.contact{ overflow:hidden; margin:55px 0;}
.contact ul{ overflow:hidden;}
.contact ul li{ width:25%; float:left; text-align:center;}
.contact ul li h1 em{ display:inline-block; height:148px; width:148px; background:url(../images/kefubg.png) no-repeat; text-align:center;}
.contact ul li h1 em img{ margin-top:44px;}
.contact ul li h1 span{ display:block; font-size:18px; font-weight:bold; color:#333; margin:20px 0;}
.contact ul li h2 span{ color:#555; font-size:18px; display:block; margin:15px 0;}
.contact ul li h2 a,.contact ul li h2 b{ color:#f88600; display:block; font-weight:bold; font-size:18px;}
.contact ul li h2 a{ text-decoration:underline;}
.contact ul li .saoma{ margin-top:25px;}

/*维修步骤*/
.step{ overflow:hidden;}
.step .stepClick{ overflow:hidden;}
.step .stepClick a{ display:block; float:left; color:#888; font-size:16px; padding:20px 25px;}
.step .stepClick a.active{ color:#333;}
.stepContent{ background:#fff; padding:20px; padding-bottom:50px;}
.stepContent .stepContentCt{ display:none; font-size:14px; line-height:2; color:#555;}
.stepContent .stepContentCt h2{font-weight:bold; font-size:16px; margin:25px 0;}
.stepWenziM{ margin:0 45px;}





/*关于我们*/
.companyTitle{ margin:0px 0 200px 0; }
.company{ overflow:hidden; margin-top:40px;}
.companyL{ float:left; width:158px; border:1px solid #ccc; -moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.companyL ul{border:1px solid #ccc; -moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px; overflow:hidden;}
.companyL ul li{ height:58px; line-height:58px; text-align:center;}
.companyL ul li a{ color:#888; display:block; font-size:18px; }
.companyL ul li.active{ background:#ff9500;color:#fff;}
.companyL ul li.active a{ color:#fff;}
.companyR{ width:1000px; float:right;}
.companyR .companyRhh2{ height:58px; line-height:58px; border-left:2px solid #ff9500; font-size:30px; padding-left:30px; color:#333;}
.companyEdtion{ color:#333; font-size:16px; line-height:32px; border:1px solid #b5b5b5; margin:20px 0; padding:45px 28px;}

/*安全保障*/
.section {}
.safty-content{ width:1200px; margin:100px auto 0 auto; overflow:hidden;}


/*团队管理*/
.team{overflow: hidden;
margin-top: 40px;}
.team .teamL{ width:870px; float:left;}
.team .teamR{ float:right; width:300px;}
.team .h2{ color:#ff9500; font-size:24px;}
.team .teamp{ color:#555; line-height:1.8; font-size:14px; margin:5px 0;}
.team ul{ overflow:hidden; margin:30px 0;}
.team ul li{ overflow:hidden; padding:15px 0 0 0; border-bottom:1px solid #ff9500}
.team ul .li_L{ float:left;}
.team ul .li_L img{ vertical-align:middle; width:195px; height:260px; padding:5px; 
border:1px solid #ccc;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; }
.team ul .li_R{ float:right; width:635px;line-height:1.8; font-size:14px; color:#666;
height:272px; overflow:hidden;}
.team ul .li_R .h3{ font-size:18px; color:#ff9500; border-bottom:1px solid #e0e0e0; margin-bottom:10px;}
.team ul .li_R .h3 span{ font-size:30px; margin-right:10px;}

/*合作伙伴*/
.friend{overflow: hidden;
margin-top: 40px;}
.friend{ overflow:hidden;}
.friend ul li{ float:left; width:286px; border:1px solid #e0e0e0; overflow:hidden; position:relative;
margin:0 15px 15px 0;}
.border_top {
position: absolute;
height: 2px;
width: 0;
font-size: 0;
background: #ff9500;
top: 0;
left: 0;
z-index: 40;
transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
}
.border_right {
position: absolute;
height: 0px;
width: 2px;
font-size: 0;
background: #ff9500;
bottom: 0;
right: 0;
z-index: 40;
transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
}

.border_bootom {
position: absolute;
height: 2px;
width: 0px;
font-size: 0;
background: #ff9500;
right: 0;
bottom: 0;
z-index: 40;
transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
}

.border_left {
position: absolute;
height: 0px;
width: 2px;
font-size: 0;
background: #ff9500;
left: 0;
top: 0;
z-index: 40;
transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
}
.friend ul li a{ color:#333;}
.friend ul li img{ width:276px; height:207px; margin:5px auto; display:block;}
.friend ul li p{ font-size:14px; line-height:1.8; margin:0 10px; height:82px; overflow:hidden;}
.friend ul li p span{ font-size:18px; text-align:center; display:block;}
.friend ul li a:hover{ color:#ff9500}

.edtion{overflow: hidden;
margin-top: 40px; line-height:1.8; font-size:14px; color:#666; }
.edtionTitle{ text-align:center; font-size:20px; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;} 


/*弹窗*/
.question_alert{ width:320px; height:500px;position:absolute; top:50%; left:50%;background:#fff; z-index:10000; display:none;}
.question_alert .question_alert_close{ position:absolute; right:-10px; top:-10px; width:30px; height:30px; background:url(../images/question_close.png); text-indent:-999em;}
.question_alert .question_alert_close a{ display:block;width:30px; height:30px;}
.question_margin img{display:block;overflow:hidden; vertical-align:top;}
.question_btn{ overflow:hidden; text-align:center; margin-top:10px}
.question_btn a{ display:inline-block; height:50px ; margin-top:20px; line-height:50px; width:260px; font-size:18px; text-align:center; color:#fff; background:#ff9500; margin:0 auto}

.cover{
    position:fixed; left:0px; top:0px;
    z-index: 1500;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    display: none;
     -webkit-opacity: 0.92;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.92;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0.92;
    /* IE9 + etc...modern browsers */
    opacity: 0.92;
    /* IE 4-9 */
    filter:alpha(opacity=92);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=92);
}

.regIconBg{
    position: absolute;
    width:56px;
    height:56px;
    opacity:.1;
    background: #fff;
    left:0;
    top:0;
}

.regIconBg.IconTwinkle1{
    -webkit-animation:IconTwinkle 2s linear infinite alternate;
    -o-animation:IconTwinkle 2s linear infinite alternate;
    animation:IconTwinkle 2s linear infinite alternate;
}
.regIconBg.IconTwinkle2{
    -webkit-animation:IconTwinkle 2s linear 1s infinite alternate;
    -o-animation:IconTwinkle 2s linear 1s infinite alternate;
    animation:IconTwinkle 2s linear 1s infinite alternate;
}
.regIconBg.IconTwinkle3{
    -webkit-animation:IconTwinkle 2s linear 2s infinite alternate;
    -o-animation:IconTwinkle 2s linear 2s infinite alternate;
    animation:IconTwinkle 2s linear 2s infinite alternate;
}
.regIconBg.IconTwinkle4{
    -webkit-animation:IconTwinkle 2s linear 3s infinite alternate;
    -o-animation:IconTwinkle 2s linear 3s infinite alternate;
    animation:IconTwinkle 2s linear 3s infinite alternate;
}
.regIconBg.IconTwinkle5{
    -webkit-animation:IconTwinkle1 2s linear 3s infinite alternate;
    -o-animation:IconTwinkle1 2s linear 3s infinite alternate;
    animation:IconTwinkle1 2s linear 3s infinite alternate;
}


@keyframes IconTwinkle {
    0%{
        opacity:.1;
    }
    100%{
        opacity:.8;
    }
}
@keyframes IconTwinkle1 {
    0%{
        opacity:.3;
    }
    100%{
        opacity:.8;
    }
}
 

