@charset "utf-8";
/* CSS Document */
*{ list-style-type:none; padding:0; margin:0; font-family:"Microsoft YaHei";}
.clear{ clear:both;}
/*---------------------------登陆---------------------------*/
.login-wrap{ width:100%; height:100%; border-top:1px solid #a5a5a5; background-color:#f4f4f4; padding:50px 0;}
.login-wrap input{ font-family:"Microsoft YaHei";}
.login-content{ width:800px; height:590px; border-top:4px solid #083a70; margin:25px auto; background:#FFF;}
.login-title{ width:120px; height:110px; line-height:90px; font-size:28px; color:#e85526; text-align:center; margin:0 auto;}
.login-login{ width:489px; margin:0 auto;}
.login-login p{ display:block; line-height:110px; height:90px;}
.login-name{ width:388px; border:solid 1px #c4c3c3;background:url(../login_images/login-name.png); color: #999; padding:13px 11px 13px 90px; font-size:18px;}
.login-password{ width:388px; border:solid 1px #c4c3c3;background:url(../login_images/login-password.png); color: #999; padding:13px 11px 13px 90px; font-size:18px;}
.login-tip{ width:500px; margin:0 auto; height:30px; line-height:30px;}
.login-jizhu{ width:480px; height:50px; margin:0 auto;}
.login-jizhu li{ float:left; color:#878787; font-size:16px;}
.login-jizhu li a{text-decoration: underline; cursor:auto; color:#083a70;}

.login-dlbtn{ width:489px; margin:0 auto; padding-top:20px;}
.login-btn{ width:489px; height:50px; line-height:50px; text-align:center; background:#ff7e00; border:0px; cursor:pointer; font-size:20px; color:#FFF; font-family:"Microsoft YaHei";}
.login-jizhu li input { width: 16px; height: 16px; vertical-align:middle;}

/*登录、注册*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.login-content{ width:100%; height:590px;}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
	.login-wrap{ width:100%; height:100%; border-top:1px solid #a5a5a5; background-color:#f4f4f4; padding:2% 0;}
	.login-title{ width:50%; height:auto; line-height:50px; font-size:1.3em; color:#e85526; text-align:center; margin:0 auto;}
	.login-content{ width:100%; height:auto;}
	.login-login p{ display:block; line-height:50; height:70px;}
	.login-tip{ width:100%; margin:0 auto; height:30px; line-height:30px;}
	.login-login{ width:90%; margin:0 5%;}
	.login-name{ width:65.5%; padding:13px 7% 13px 25%; font-size:1em; margin:0 1%;}
	.login-password{ width:65.5%; padding:13px 7% 13px 25%; font-size:1em; margin:0 1%;}
	.login-jizhu{ width:90%; height:50px; margin:0 5%; padding:1%}
	.login-dlbtn{ width:100%; margin:0 auto; padding-top:20px;}
	.login-btn{ width:90%; height:35px; margin:0 auto; line-height:30px; font-size:1.1em; display:block; border-radius:3px;}
	.login-jizhu li{font-size:1em;}
}

/*---------------------------产品详细页面的计算器---------------------------*/

.calcul-wrap{ width:198px; height:153px; background:url(../login_images/cal-blue-bg.png); padding-top:15px; margin:100px auto;}
.calcul-content{ width:170px; height:48px; margin:0 auto;}
.calcul-content p input{ width:80px; background:url(../login_images/calculator-yuan.png) #ff7108 no-repeat right center; border:0px; color:#FFF; padding:5px 30px 5px 5px; font-size:14px; text-align:right;}
.calcul-suan{}
.calcul-suan li{ width:90px; height:30px; line-height:30px; float:left; text-align:right; color:#363636;}
.calcul-suan li span{ text-align:right;}

/*---------------------------左侧left---------------------------*/
.left-wrap-l{ width:216px;}
.left-nav-l{ width:200px; border:1px solid #e4e4e4; background:#FFF;}
.left-nav-l li{ height:70px; border-bottom:1px solid #e4e4e4; text-align:center; line-height:70px; font-size:20px; color:#575757;}
.left-nav-l li a{font-size:20px; color:#575757; text-decoration:none; display:block;}
.left-nav-l li a:hover{ background:url(../login_images/left-nav-bg.png) repeat-y; color:#dca60e;}
.left-nav-d a{ background:url(../login_images/left-nav-bg.png) repeat-y;}
.left-nav-d a:hover{ color:#color:#dca60e;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.left-wrap-l{ width:25%;}
	.left-nav-l{ width:100%;}
	.left-nav-l li{font-size:1em;}
	.left-nav-l li a{font-size:1.5em;}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
	.left-wrap-l{ width:97%; margin:1%;}
	.left-nav-l{ width:100%;}
	.left-nav-l li{font-size:1em; height:50px; height:50px;}
	.left-nav-l li a{font-size:1.2em; line-height:50px;}
	.calcul-wrap{left:-150px !important;}
}

/*-----------------------首页数据统计-----------------------------------*/

.data-count{
padding: 0 0 0 5px;
width: 312px;
border-radius: 3px;
border: 1px solid #DFDFDF;
background-color: #fff;
height: 276px;
float: right;
background:url(../login_images/index-count.png) no-repeat 10px 13px;
}
.data-count li{
	height:64px; 
	border-bottom:1px dotted #CCCCCC;
	line-height:64px;
	font-size:18px;
	color:#5c5c5c;
	width:260px;
	padding-left:30px;
	margin:0 auto;
}
.data-count li span{
	font-size:26px;
	color:#318ce7;
	margin:0 5px;
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.data-count{
	width: 28%;
	}
	.data-count li{
	width:80%;
	font-size:0.8em;
	padding-left:20%;
    }
	.data-count li span{
	font-size:1.1em;
	color:#318ce7;
	margin:0 5px;
	}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
	.data-count{
	width: 99.5%;
	margin:1% 0;
	padding:0;
	}
	.data-count ul{width:100%;}
	.data-count li{
	width:98%;
	font-size:0.9em;
	padding-left:2%;
    }
	.data-count li span{
	font-size:1.1em;
	color:#318ce7;
	margin:0 5px;
	}
	.data-count li{
	border-bottom:1px dotted #CCCCCC;
	line-height:64px;
	font-size:1em;
	color:#5c5c5c;
	width:98%;
	padding-left:15%;
	margin:0 auto;
	}
}

/*-----------------------首页底部电话-----------------------------------*/
.iphoner {width:290px; text-align:right; background:url(../login_images/iconfont-dianhua.png) no-repeat left top;}
.iphoner li{ color:#f4f4f4; font-size:18px; height:31px; line-height:31px; text-align:right;}
.iphoner li span{ margin-left:15px;}
.iphoner .workdate{ font-family:"Microsoft YaHei"; font-size:14px; color:#a48a41;}

.footer-main{ height:200px; width:100%; background:#363636; padding:50px 0 10px 0;}
.bottom-main{ width:1150px; height:120px; margin:0 auto;}
.bottom-left{ width:310px; height:83px; float:left; margin-left:70px; padding-top:5px;}
.bottom-content{ width:113px; height:90px; float:left; margin-left:120px;}
.bottom-right{ width:310px; height:90px; float:left; margin-left:120px; }
.bottom-footer{ width:1150px; height:70px; line-height:70px; margin:0 auto; border-bottom:1px dashed #777; text-align:center; color:#CCC;}
.bottom-renzheng{ width:1150px; height:50px; line-height:50px; margin:0 auto; text-align:center; padding:20px 0;}
.bottom-renzheng a{ margin:0 10px;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.bottom-main{width:100%;}
	.bottom-left{ width:30%; height:83px; float:left; margin-left:5%; padding-top:2%;}
	.bottom-left img{width:100%;}
	.bottom-content{ width:15%; height:90px; float:left; margin-left:5%; display:block !important;}
	.bottom-right{ width:37%; height:90px; float:left; margin-left:5%; padding-top:1%;}
	.bottom-footer{ width:100%;margin:0 auto;text-align:center;}
	
	.iphoner li{color:#fff !important;}
	.hot_f{margin-right:25px !important; color:#fff !important;}
	.hotl_f{margin-right:30px !important; color:#fff !important;}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.footer-main{width:100%; height:auto; background:#363636; padding:5% 0; font-size:0.8em !important;}
	.bottom-main{width:100%; height:auto; overflow:hidden;}
	.bottom-left{ width:55%; height:auto; float:left; display:block; text-align:center; margin:0 auto; padding-top:5px; margin-left:10%;}
	.bottom-left img{width:100%;}
	.bottom-content{ width:17%; height:auto; float:left; margin-left:5%; margin-top:1.5%;}
	.bottom-content img{width:100%;}
	.bottom-right{ width:90%; margin:5% auto; height:90px; float:none; display:none;}
	.bottom-footer{ width:100%;margin:5% auto;text-align:center; height:auto; line-height:25px; font-size:0.8em !important;}
	.iphoner{width:100%;}
	.iphoner li{ color:#f4f4f4; font-size:1em; height:31px; line-height:31px; text-align:right;}
}

/*-------------------------找回密码1----------------------------------------------*/
.pass-step{ width:800px; height:117px; margin:0 auto; padding-top:30px;}
.pass-step li{ width:120px; height:115px; line-height:65px; text-align:center; background:url(../login_images/step-pas.png) no-repeat center top; float:left; margin:0 40px; font-size:25px; color:#fef5ee;}
.pass-step li p{ line-height:50px; color:#6d6d6d; font-size:16px;}
.pass-step .step-bright{width:120px; height:115px; line-height:65px; text-align:center; background:url(../login_images/step-pasg.png) no-repeat center top; border-bottom:2px solid #ff6f05; float:left; margin:0 40px; font-size:25px; color:#FFF;}
.pass-step .step-bright p{ line-height:50px; color:#6d6d6d; font-size:16px;}

.step-content1{ width:500px; height:300px; padding:85px 150px; background:#FFF; margin:0 auto;}
.step-content1 p{ margin-bottom:40px;}
.step-input-name{ width:460px; padding:15px; background:#fafafa; border:1px solid #d0d0d0; color:#c4c4c4; font-size:18px;}
.step-input-code{  width:220px; padding:15px; background:#fafafa; border:1px solid #d0d0d0; color:#c4c4c4; font-size:18px; margin-right:25px;}
.step-content1 img{ float:right; margin-top:5px; margin-right:20px;}

/*找回密码2*/
.step-content2{ width:500px; height:380px; padding:85px 150px; background:#FFF; margin:0 auto 20px;}
.step-content2 p{ margin-bottom:30px; font-family:"Microsoft YaHei"; font-size:16px;}
.step-two-a{ width:460px; padding:11px; background:#fafafa; border:1px solid #d0d0d0; color:#c4c4c4; font-size:18px;}
.step-two-b{ width:435px; padding:11px; background:#fafafa; border:1px solid #d0d0d0; color:#c4c4c4; font-size:18px;}
.step-two-c{ width:250px; padding:11px; background:#fafafa; border:1px solid #d0d0d0; color:#c4c4c4; font-size:18px;}
.step-two-d{ width:160px; height:48px; background:#406995; border:0px; text-align:center; font-size:18px; color:#FFF; cursor:pointer; margin-left:20px;}

.step-btn{ width:460px; height:50px; line-height:50px; text-align:center; background:#ff7e00; border:0px; cursor:pointer; font-size:20px; color:#FFF;}

.step-content2-tip{width:500px; height:250px; padding:85px 150px; background:#FFF; margin:0 auto 20px;  font-family:"Microsoft YaHei"; text-align:center; line-height:40px;}
.step-content2-tip h2{ font-size:20px; font-weight:500;}
.step-content2-tip p{ font-size:14px;}
.step-content2-tip span{ color:#999; font-size:12px;}
/*第三步*/

.step-content3{ width:500px;  padding:85px 150px; background:#FFF; margin:0 auto 20px;}
.step-content3 p{ margin-bottom:50px;}

/*第四步*/
.step-content4{ width:500px; height:200px;  padding:85px 150px; background:#FFF; margin:0 auto 20px;}
.step-content4 ul{ width:400px; margin:50px auto;}
.step-content4 li{ float:left; font-size:14px; line-height:30px;}
.step-content4 li p{ font-size:20px; line-height:30px; padding-left:20px;}
.step-content4 li span{ font-size:14px; padding-left:20px;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.pass-step{ width:100%; height:117px; margin:0 auto; padding-top:30px;}
	.pass-step .step-bright{width:23%; height:115px; line-height:65px;margin:1%; font-size:1.1em;}
	.pass-step li{ width:23%; height:115px; line-height:65px;margin:1%; font-size:1em;}
	.step-content1{width:96%; height:auto; padding:5% 1%; margin:1%;}
	.step-content1 img{ float:none; margin-top:5px; margin-right:20px;}
	
	.step-content1 p{margin-left:15%;}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.step-input-code{width:40%; padding:3%; background:#fafafa; border:1px solid #d0d0d0; color:#c4c4c4; font-size:1em; margin:1%;}
	#imVcode{width:35% !important; height:32px !important; margin:1%;}
	
	.pass-step{ width:100%; height:117px; margin:0 auto; padding-top:30px;}
	.pass-step .step-bright{width:23%; height:110px; line-height:65px;margin:1%; font-size:1.1em;}
	.pass-step li{ width:23%; height:115px; line-height:65px;margin:1%; font-size:1em;}
	.step-content1{width:96%; height:auto; padding:5% 1%; margin:1%;}
	.step-content1 img{ float:none; margin-top:5px; margin-right:20px;}
	.step-input-name{ width:96%; padding:3% 1%; margin:1%; background:#fafafa; border:1px solid #d0d0d0; color:#c4c4c4; font-size:1em;}
	.pass-step .step-bright p{line-height:50px; font-size:0.6em;}
	.pass-step li p{font-size:0.6em;}
}

/*-------------------------用户注册1----------------------------------------------*/
.reg-step{ width:800px; height:117px; margin:0 auto; padding-top:30px;}
.reg-step li{ width:120px; height:115px; line-height:65px; text-align:center; background:url(../login_images/step-pas.png) no-repeat center top; float:left; margin:0 70px; font-size:25px; color:#fef5ee;}
.reg-step li p{ line-height:50px; color:#6d6d6d; font-size:16px; text-align:center;}
.reg-step .reg-bright{width:120px; height:115px; line-height:65px; text-align:center; background:url(../login_images/step-pasg.png) no-repeat center top; border-bottom:2px solid #ff6f05; float:left; margin:0 70px; font-size:25px; color:#FFF;}
.reg-step .reg-bright p{ line-height:50px; color:#6d6d6d; font-size:16px;}

.reg-content1{ width:500px; padding:40px 150px 85px; background:#FFF; margin:0 auto;}
.reg-content1 span{ height:25px; display:block; line-height:20px; padding-top:15px;}
.reg-content1 span img{ vertical-align:middle; margin-top:0px;}
.reg-content1 p a{ color:#333; font-size:14px; text-decoration:none;}
.reg-input-name{ width:460px; padding:15px; background:#fafafa; border:1px solid #d0d0d0; color:#c4c4c4; font-size:18px;}
.reg-input-code{  width:220px; padding:15px; background:#fafafa; border:1px solid #d0d0d0; color:#c4c4c4; font-size:18px; margin-right:25px;}
.reg-content1 img{ float:left; margin-top:5px; margin-right:20px;}
.u_sex{width:490px; height:58px; font-family: "Microsoft YaHei";}

.register_checkbox{ vertical-align:middle; margin-top:-10px; margin-right:10px;}

/*用户注册2*/
.reg-step-two-d{ line-height:46px; padding:11px 30px; background:#406995; text-align:center; font-size:18px; color:#FFF; cursor:pointer; margin-left:20px;}
.reg-step-two-e{ line-height:46px; padding:11px 30px; background:#CCC; text-align:center; font-size:18px; color:#999; margin-left:20px;}
.reg-step-two-span{width:160px; height:48px;}
.reg-step-content2{ width:500px; height:220px; padding:85px 150px; background:#FFF; margin:0 auto 20px; font-family:"Microsoft YaHei";}
.reg-step-content2 p{ margin-bottom:30px; height:50px;}

/*用户注册3*/
.reg-content3{ width:600px; padding:85px 100px; background:#FFF; margin:0 auto; line-height:60px;}
.reg-content3 p{ text-align:center;}
.reg-content3 .reg-hehe{ font-size:25px; color:#ff7e00;}
.reg-content3 .reg-hehe span{ font-size:45px; color:#4aa712; font-style:italic}
.reg-content3 .reg-hehe img{ vertical-align:middle; margin-right:8px;}

/*denglucode*/
.denglu-code{ border: 1px solid #ccc; float:left;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.reg-step{ width:100%; height:130px;}
	.reg-step ul{display:block; overflow:hidden;}
	.reg-step li{ width:30%; height:115px; line-height:65px; text-align:center; background:url(../login_images/step-pas.png) no-repeat center top; float:left; margin:1.6%; font-size:1.5em; color:#fef5ee;}
	.reg-step .reg-bright{width:30%; height:115px; line-height:65px; text-align:center; background:url(../login_images/step-pasg.png) no-repeat center top; border-bottom:2px solid #ff6f05; float:left; margin:1.6%; font-size:1.5em; color:#FFF;}
	.reg-content1{ width:70%; padding:1% 15%; background:#FFF; margin:0 auto;}
	.reg-input-name{ width:96%; padding:2%; background:#fafafa; border:1px solid #d0d0d0; color:#c4c4c4; font-size:1.1em;}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.reg-step{ width:90%; height:120px; padding:0 5%;}
	.reg-step ul{display:block; overflow:hidden;}
	.reg-step li{width:30%; height:100px; line-height:65px; text-align:center; background:url(../login_images/step-pas.png) no-repeat center top; float:left; margin:1% 1.3%; font-size:1.5em; color:#fef5ee;}
	.reg-step .reg-bright{width:30%; height:100px; line-height:65px; text-align:center; background:url(../login_images/step-pasg.png) no-repeat center top; border-bottom:2px solid #ff6f05; float:left; margin:1% 1.3%; font-size:1.5em; color:#FFF;}
	.reg-content1{ width:90%; padding:1% 5%; background:#FFF; margin:0 auto;}
	.reg-input-name{ width:96%; padding:4% 2%; background:#fafafa; border:1px solid #d0d0d0; color:#c4c4c4; font-size:0.9em;}
	.reg-content1 span{ height:25px; display:block; line-height:10px; padding-top:0; margin:2% 0; margin-bottom:0.5%;}
	.reg-content1 span font{font-size:0.8em; margin-top:3%; display:block; line-height:25px;}
	.reg-input-code{ width:30%; padding:1.5%; background:#fafafa; border:1px solid #d0d0d0; color:#c4c4c4; font-size:18px; margin-right:1%;}
	.reg-step .reg-bright p{font-size:0.6em;}
	.reg-step li p{font-size:0.6em;}
	
	.regis_f{width:90%; padding:2% 5%;}
	.re01_f{width:100% !important;}
	.re02_f input{width:32% !important;}
	.re03_f input{width:54% !important;}
	.re03_f .reg-step-two-d{padding:11px 5px !important; margin-left:2% !important;}
	.re04_f{width:100% !important;}
	.reg-content3{width:96% !important; padding:2% !important; line-height:35px !important;}
	.reg-content3 p{margin:2% 0 !important;}
	.reg_ok{line-height:20px;}
	
	.step-content1 p{margin-bottom:30px !important;}
	.step-content2{width:90%; padding:2% 5%;}
	.step-content2 p{margin-bottom:20px !important;}
	.step-content2 .step-two-a{width:100% !important;}
	.step-content2 .step-two-c{width:50% !important;}
	.step-content2 .step-two-d{width:40% !important; margin-left:0 !important;}
	.step-content2 .rcf-alert-container{margin-left:10% !important;}
	.step-content4{width:96% !important; padding:2% !important; line-height:35px !important;}
	.step-content4 ul{width:100% !important; overflow:hidden;}
	.get01_f{width:15% !important;}
	.get02_f{width:80% !important;}
}