@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px;}
a{ text-decoration:none;} 
ol,ul li{ list-style-type: none;}
em,i,address{ font-style:normal;}
b,strong,th{ font-weight:normal;}
img,input{ border:0px; max-width:100%;}
input,img,textarea,button{ vertical-align:middle;border:0px; font-family:" Microsoft YaHei";}
input[type="button"],input[type="submit"],input[type="reset"],select{-webkit-appearance:none;}
input,img,textarea{ vertical-align:middle; font-family:"Microsoft YaHei";}
input:focus{outline: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after{ content:""; height:0px; display:block; clear:both; visibility:hidden;}
html,body{ width: 100%; height: 100%; font-family:"Microsoft YaHei";background: #ffffff;}
/*register注册*/
#Register .logo{ text-align:center; padding-top: 100px; padding-bottom: 50px;}
#Register .layui-form{ background: #ffffff;width: 100%; margin: auto; padding-top: 20px;}
#Register .layui-form h1{ background: url(../images/bt_bg.png) no-repeat; width:265px; height: 63px; position: relative; font-weight: normal; font-size:18px; color: #ffffff; text-align: center; padding-top: 8px;}
#Register .layui-form ul{ width: 90%; margin: auto; }
#Register .layui-form ul li{ border: #ececec solid 1px;	margin-bottom: 10px; height: 40px; line-height: 40px; position: relative;}
#Register .layui-form ul li a{ position: absolute; top: 0px; color: #3abba9; padding: 0px 10px; font-size: 12px; right:0px; border-left:#ececec solid 0px; }
#Register .layui-form ul li label{ border: #ececec solid 0px; border-right:#ececec solid 1px; width: 50px; display: inline-block ; text-align: center;}
#Register .layui-form ul li label img{ position:relative; top: -2px;}
#Register .layui-form ul li .layui-input{ position: absolute; top: 0px; border: 0px; left: 50px; width:80%; height: 42px; line-height: 20px; background: none;}
/*#Register .layui-form ul li:last-child input{ width:50%;}*/
#Register .layui-form .layui-btn{ display: block; width: 90%; margin: auto; height: 40px; line-height: 40px; background: #51B00F; border:none; font-size: 14px; color: #ffffff; cursor:pointer; }
#Register .layui-form p{ text-align: center; line-height: 80px; font-size: 12px; word-spacing: 10px;}
#Register .layui-form p a{color:#3abba9;}
@media screen and (max-width:414px){
    #Register{ padding-bottom: 50px;}
    #Register .logo{  padding-top: 50px; padding-bottom: 25px;}
    #Register .logo img{ width: 50%;}
}
/*-------------------------Login--------------------*/
.Login_head{ position: relative; width: 100%; overflow: hidden;}
.Login_head .logo{ max-width:1200px; margin: auto; height: 96px; line-height: 96px;}
.Login_head .banner{ position: relative; max-width: 1900px; left: 50%; margin-left: -950px;}
.Login_head .banner .banner3{ display:none;}
/*banner表单*/
.Login_head .info{ width: 380px; position: absolute; left:50%; margin-left:220px; top:28px; text-align:right;}
.Login_head .info .layui-btn{}
.Login_head .layui-form{  background: #ffffff; border:10px rgba(250,250,250,0.5) solid; border-radius: 5px; width: 380px; position: absolute; left: 50%; margin-left: 200px; top:20px;}
.Login_head .layui-form h1{ font-size:20px; color: #2c9c0c; font-weight: normal; text-align: center; height: 88px; line-height: 88px;}
.Login_head .layui-form ul{ width: 90%; margin: auto; }
.Login_head .layui-form ul li{ border: #ececec solid 0px;margin-bottom: 10px; height: 40px; line-height: 40px; position: relative;}
.Login_head .layui-form ul li a{ position: absolute; top: 0px; color: #51B00F; padding: 0px 10px; font-size: 12px; right:0px; border-left:#ececec solid 1px; }
.Login_head .layui-form ul li label{ border: #ececec solid 1px; border-right:0px; width: 50px; display: inline-block ; text-align: center;}
.Login_head .layui-form ul li label img{ position:relative; top: -2px;}
.Login_head .layui-form ul li .layui-input{ position: absolute; top: 0px; left: 50px; max-width: 300px; width: 85%; height: 42px; line-height: 40px; background: none;}
/*.Login_head .layui-form ul li:last-child input{ width:50%;}*/
.Login_head .layui-form .layui-btn{ display: block; width: 90%; margin: auto; margin-top:20px; height: 40px; line-height: 40px; background: #51B00F; border:none; font-size: 14px; color: #ffffff; cursor:pointer;}
.Login_head .layui-form p{ text-align: center; line-height: 80px; font-size: 12px;}
.Login_head .layui-form p a{color: #51B00F;}
/*banner底部*/
.Login_head .Login_Consulting{ background:rgba(66,75,80,0.5); width: 100%; height: 100px; position: absolute; bottom: 1px; left: 0px;}
.Login_head .Login_Consulting .Consulting_wid{max-width:1200px; margin: auto; display: flex; height: 100px;}
.Login_head .Login_Consulting .Consulting_wid h3{ width: 125px; border-right:rgba(200,200,200,0.2) solid 1px; text-align: center; font-size: 14px; color: #ffffff; margin-top: 10px; margin-bottom: 10px;}
.Login_head .Login_Consulting .Consulting_wid h3 img{ display: block; margin: auto;margin-top: 10px;}
.Login_head .Login_Consulting .Consulting_wid h3 strong{display: block; margin-top: 15px;}
.Login_head .Login_Consulting .Consulting_wid p{ text-align: center;}
.Login_head .Login_Consulting .Consulting_wid .Cons_tel{ width:498px;display: flex; background:rgba(66,75,80,1); margin-right: 2px; }
.Login_head .Login_Consulting .Consulting_wid .Cons_tel p strong{ display: block; padding-left: 30px; font-family:impact; color: #ffffff; font-size:52px; line-height: 95px;}
.Login_head .Login_Consulting .Consulting_wid .Cons_qq{ display: flex;width:418px; background: #ed5736; margin-right: 2px;}
.Login_head .Login_Consulting .Consulting_wid .Cons_qq h3{ display:none;}
.Login_head .Login_Consulting .Consulting_wid .Cons_qq p{ text-align: center;  margin-top: 10px; margin-bottom: 10px; width: 100%;}  

.Login_head .Login_Consulting .Consulting_wid .Cons_qq p a{ width:30%; font-size:14px; color: #ffffff; display: inline-block; border-right:rgba(200,200,200,0.2) solid 1px;}
.Login_head .Login_Consulting .Consulting_wid .Cons_qq p a:last-child{ border-right:none;}
.Login_head .Login_Consulting .Consulting_wid .Cons_qq p a img{ margin:10px 0px;}
.Login_head .Login_Consulting .Consulting_wid .Cons_qq p a span{ display: block;}
.Login_head .Login_Consulting .Consulting_wid .Cons_WeChat{ width:280px;display: flex;background:rgba(66,75,80,0.5);}
.Login_head .Login_Consulting .Consulting_wid .Cons_WeChat p img.wei{ margin-left: 30px; margin-top: 5px;}
/*内容开始*/
.Login_flow{ max-width: 1200px; width: 100%; margin: auto; margin-top: 60px;}
.Login_flow .flow_bt{ border-bottom:#fafafa solid 1px; text-align: center; font-size:16px;}
.Login_flow .flow_bt li{ display:inline-block;height: 50px; }
.Login_flow .flow_bt li a{ dispaly:block; padding: 25px 30px; color: #666666;}
.Login_flow .flow_bt li.active{ background:url(../images/bt_hoverbg.png) no-repeat bottom center;}
.Login_flow .flow_taniner{ box-shadow:#fafafa 0px 0px 4px 2px;}
.Login_flow .flow_taniner .flow_item{ min-height: 385px;}
/*选择易拖车*/
.Login_flow .flow_taniner .select_item{ display: none;}
.Login_flow .flow_taniner .select_item ul{}
.Login_flow .flow_taniner .select_item ul li{ float: left; width: 50%; padding-top: 70px;}
.Login_flow .flow_taniner .select_item ul li .item_b{ width: 90px; height: 90px; line-height: 90px; text-align: center; border-radius: 50%; background: #666666; float: left; margin-left: 120px;}
.Login_flow .flow_taniner .select_item ul li .item_b img{ /*height:40%;*/}
.Login_flow .flow_taniner .select_item ul li .item_content{ margin-left: 260px;}
.Login_flow .flow_taniner .select_item ul li .item_content h3{ font-weight: normal; font-size: 18px; margin-bottom: 10px;}
.Login_flow .flow_taniner .select_item ul li .item_content p{ font-size:14px; line-height: 28px;}
/*业务流程*/
.Login_flow .flow_taniner .path_item{ display: none;}
.Login_flow .flow_taniner .path_item ul{}
.Login_flow .flow_taniner .path_item ul li{float: left; width: 33%; text-align: center;}
.Login_flow .flow_taniner .path_item ul li .item_b{ width:125px; height: 125px; line-height: 125px;border-radius: 50%; background: #666666; margin: auto; margin-top: 70px;}
.Login_flow .flow_taniner .path_item ul li .item_content{ margin-top: 40px;}
.Login_flow .flow_taniner .path_item ul li .item_content h3{ font-weight: normal; font-size: 18px; margin-bottom: 10px;}
.Login_flow .flow_taniner .path_item ul li .item_content p{font-size:14px; line-height: 28px;}
/*关于易拖车*/
.Login_flow .flow_taniner .about_item{display:block;}
.Login_flow .flow_taniner .about_item p{ float: left; width: 40%; margin-top: 70px; margin-left: 120px; font-size: 16px; line-height: 35px;}
.Login_flow .flow_taniner .about_item .item_ban{ float: right; margin-right: 90px; margin-top: 50px;}
/*底部*/
.footer { background:#383945; color: #999999; font-size: 14px; line-height: 26px; padding: 15px 0px; margin-top: 60px;}
.footer p{ max-width:1200px; margin: auto;}
.footer p span{ padding-right:12px; display:inline-block;}
.footer p a{color: #999999; display: inline-block; padding: 0px 0px;}
@media screen and (max-width:1366px){ 
    .Login_head .banner{ margin-left: -950px;}
    .Login_head .layui-form{ z-index: 11; }
    .Login_head .Login_Consulting{ height: 80px;}
    .Login_head .Login_Consulting .Consulting_wid{height: 80px;}
    .Login_head .Login_Consulting .Consulting_wid h3 strong{ margin-top: 5px;}
    .Login_head .Login_Consulting .Consulting_wid h3 img{ margin-top: 5px;}
    .Login_head .Login_Consulting .Consulting_wid .Cons_tel p strong{ margin-left: 10px; line-height: 84px;font-size:45px; letter-spacing: 3px;}
    .Login_head .Login_Consulting .Consulting_wid .Cons_qq p a img{ margin:5px 0px;}
    .Login_head .Login_Consulting .Consulting_wid .Cons_WeChat p img.wei{ height: 90%; margin-top: 5px; margin-left: 25px;}
    
}
@media screen and (max-width:1024px){
    .Login_head .logo{ max-width:970px;}
	.Login_head .banner{ margin-left: -870px;}
    .Login_head .layui-form{  margin-left: 144px;width:320px; }
    .Login_head .layui-form h1{ height:60px; line-height: 60px;}
    .Login_head .layui-form p{ line-height:50px;}
    .Login_head .Login_Consulting .Consulting_wid{max-width:970px;}
    .Login_head .Login_Consulting .Consulting_wid .Cons_qq{ width:350px;}
    .Login_head .Login_Consulting .Consulting_wid .Cons_tel p strong{ margin-left: 0px; letter-spacing: 0px; font-size:40px; line-height: 85px; }
    
    .Login_head .Login_Consulting .Consulting_wid .Cons_WeChat p img.wei{ height: 90%; margin-top: 5px; margin-left: 20px;}
    .Login_flow{ max-width: 970px;}
    .Login_flow .flow_taniner .flow_item{ min-height: 345px;}
    .Login_flow .flow_taniner .select_item ul li{ padding-top:50px;}
    .Login_flow .flow_taniner .select_item ul li .item_b{ margin-left: 70px;}
    .Login_flow .flow_taniner .select_item ul li .item_content{ margin-left: 200px;}
    .Login_flow .flow_taniner .path_item ul li .item_b{ margin-top:50px;}
    .Login_flow .flow_taniner .about_item p{ margin-top:30px; margin-left: 50px;}
    .Login_flow .flow_taniner .about_item .item_ban{ margin-right:50px; margin-top: 30px;}
    .footer p{ width:96%; padding-left:2%;}
}
@media screen and (max-width:768px){
	.Login_head .layui-form ul li .layui-input{ max-width:100%; width:91.8%;}
    .Login_head .logo{ max-width:750px; text-align: center;}
    .Login_head .banner{ position: relative; max-width: 768px; left: 50%; margin-left: -384px; z-index: -1;}
    .Login_head .banner .banner2{ display:none;}
    .Login_head .banner .banner3{ display:block;}
    .Login_head .layui-form{ position: static; width: 90%; margin-left: 4%; margin-top: -100px; z-index: 10;}
    .Login_head .Login_Consulting{position: static;}
    .Login_head .Login_Consulting .Consulting_wid{flex-direction: row;height: auto;position: relative;}
    .Login_head .Login_Consulting .Consulting_wid .Cons_qq h3{ display:block;}
    .Login_head .Login_Consulting .Consulting_wid h3{  width:100%; }
    .Login_head .Login_Consulting .Consulting_wid p{ display: none; position: absolute; left: 0px; top: -80px; width: 100%; background:rgba(66,75,80,0.8); height: 100%;}
    .Login_head .Login_Consulting .Consulting_wid .Cons_tel{ width:100%; }
    .Login_head .Login_Consulting .Consulting_wid .Cons_tel:hover p{ display: block;}
    .Login_head .Login_Consulting .Consulting_wid .Cons_qq{ width:100%;}
    .Login_head .Login_Consulting .Consulting_wid .Cons_qq:hover p{ display: block;}
    .Login_head .Login_Consulting .Consulting_wid .Cons_WeChat{ width:100%;}
    .Login_head .Login_Consulting .Consulting_wid .Cons_WeChat:hover p{ display: block;}
    .Login_flow{ max-width: 750px;}
    .Login_flow .flow_taniner .select_item ul li .item_b{ margin-left: 30px;}
    .Login_flow .flow_taniner .select_item ul li .item_content{ margin-left: 150px;}
    .Login_flow .flow_taniner .about_item p{float: none; width:90%; margin-top: 20px; margin-left: 5%;}
    .Login_flow .flow_taniner .about_item .item_ban{ text-align: center; float: none; margin-right: 0px; }
    .footer p{ width:96%; padding-left:2%;}
}
@media screen and (max-width:480px){
	.Login_head .layui-form ul li .layui-input{width:85%;}
    .Login_head .layui-form{ margin-left: 2.5%;}
    .Login_flow { margin-top: 30px;}
    .Login_flow .flow_bt li a{ padding:0px 17px;}
    .Login_flow .flow_taniner .select_item ul li{float: none; width:100%;padding-top: 30px;padding-bottom: 30px;border-top:#fafafa solid 1px;}
    .Login_flow .flow_taniner .select_item ul li .item_b{ margin-left: 40px;}
    .Login_flow .flow_taniner .select_item ul li .item_content{ margin-left:160px;}
    .Login_flow .flow_taniner .path_item ul{ padding-top:1px;}
    .Login_flow .flow_taniner .path_item ul li{ float: none; width: 100%;border-top:#fafafa solid 1px; padding-bottom: 20px; }
    .Login_flow .flow_taniner .path_item ul li .item_b{ margin-top:20px;}
    .Login_flow .flow_taniner .path_item ul li .item_content{ margin-top:20px; } 
    .footer p span{ /*display: block;*/}
    .footer p a{ pdding:0px;}
}
@media screen and (max-width:375px){
	.Login_head .layui-form ul li .layui-input{width:83.5%;}
}
@media screen and (max-width:320px){
	.Login_head .banner{ margin-left: -311px;}
    .Login_flow .flow_bt li a{ padding:0px 10px;}
    .Login_flow .flow_taniner .select_item ul li .item_b{ margin-left: 15px;}
    .Login_flow .flow_taniner .select_item ul li .item_content{ margin-left: 130px;}
}