@charset "utf-8";
*{margin:0;padding:0;font-weight:normal}
ol,ul,li,dd,dl,dt{list-style:none;}
*:focus{outline:0;}
em,i{font-style:normal;}
body{color:#4c4c4c;background:#f3f5f4; font-size:12px;font-family: "微软雅黑";}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;}
img,fieldset{border:0; vertical-align:middle}
input,textarea,select{appearance:none;-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none; border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -webkit-border-radius:0; -o-border-radius:0;outline:0;border:0;}
input:focus{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
a{cursor:pointer;text-decoration:none; color:#a5a5a5;}
/*a:visited{ color:#000}*/
a:hover,a:active{text-decoration:none;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}

header{ background:#fff; padding:10px 0; position:relative}
header img{ width:120px; margin-left:10px}
header span{ position:absolute;top:0;right:0;color:#2e261b; font-size:14px; font-weight:400; margin:30px 20px 0 0;}
header span em{ font-size:16px; color:#f7843c}

.myorder{ background:#f7843c; padding:0 15px; margin-top:10px; overflow:hidden; position:relative}
.order_tit{ text-align:center; margin:20px 0; font-size:26px;font-weight:bold; color:#fff;}
.order_tit span{ color:#fdc500;font-weight:bold;}
.order_box{background:#fff; border:1px solid #dcdcdc; border-radius:8px;}
.order_box li{ border-bottom:1px solid #dcdcdc; padding:0 10px;}
.order_box li input{ width:100%; height:40px;line-height:40px; color:#999; border:0; font-size:16px;}
.order_bt{ margin:15px 0; position:relative; z-index:10}
.order_bt input{ height:40px; background:#fdc500; border:none; width:100%;border-radius:5px; color:#fff; font-size:16px;font-weight:bold; box-shadow:8px 10px 0 rgba(226,121,56,0.6); cursor:pointer}
.order_bt span{ background:url(../img/bt_bg.png) no-repeat; background-size:auto 40px; position:absolute;top:0;right:0;height:40px; width:72px; line-height:40px; color:#fff; font-size:14px;font-weight:bold; text-indent:30px}
.order_num{ color:#fff; text-align:center; margin:10px 0; font-size:17px}
.order_num span{ margin:5px; font-size:19px}
.state{background:#fff;text-align:center; font-size:16px; line-height:45px; height:45px; overflow:hidden}
.state em{color:#ff3333;font-weight:bold;}
.state span{color:#f7843c;font-weight:bold;}
.order_list{ background:#fff; margin-top:10px; padding-bottom:15px;}
.order_list li{ float:left; width:50%; margin-top:15px}
.order_list li div{color:#fff; position:relative; height:70px; overflow:hidden}
.order_list li .alarm{ margin-right:5px; background:#70db93; }
.order_list li .price{ margin-left:5px; background:#4fdcce; }
.order_list li .safe{ margin-right:5px; background:#79acff; }
.order_list li .after{ margin-left:5px; background:#ffcc3f; }
.order_list li div .p1{ position:absolute;top:0;left:0; width:35px; height:70px;}
.order_list li div .p2{ margin:8px 0 0 40px}
.order_list li div .p2 em{font-size:16px; display:block;font-weight:bold;}
.order_list li div .p2 span{font-size:12px; display:block; white-space:nowrap;-webkit-transform-origin-x: 0;-webkit-transform: scale(0.90);}
.order_list li .alarm .p1{ background:url(../img/alarm.png) no-repeat center; background-size:35px auto;}
.order_list li .price .p1{ background:url(../img/price.png) no-repeat center; background-size:35px auto;}
.order_list li .safe .p1{ background:url(../img/safe.png) no-repeat center; background-size:35px auto;}
.order_list li .after .p1{ background:url(../img/after.png) no-repeat center; background-size:35px auto;}

.public_bg{ background:#fff; overflow:hidden; margin-top:10px}
.service_tit{ color:#f7843c; font-weight:bold; font-size:30px; position:relative; margin:10px 0; text-align:center; height:40px; line-height:40px;}
.service_tit .lock_left{ width:30%; position:absolute;left:0;top:0; height:40px; background:url(../img/lock.png) no-repeat center; background-size: auto 35px}
.service_tit .lock_right{ width:30%; position:absolute;right:0;top:0; height:40px; background:url(../img/lock.png) no-repeat center; background-size: auto 35px}
.service_list{ margin-right:10px}
.service_list ul li{width:33.3%;margin:15px 0 0 0; float:left}
.service_list ul li a{ display:block; margin-left:10px;}
.service_list ul li a img{ width:100%; display:block}
.service_list ul li a p{ background:#f7843c; height:30px; font-size:18px; text-align:center; line-height:30px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; color:#fff; font-weight:bold}

.repair_tit{ background:#f7843c; color:#fff; margin-top:20px; padding:20px 0 60px 0; font-size:18px; text-align:center}
.repair_tit p{ font-size:26px; font-weight:bold; margin-bottom:5px}
.repair li{ line-height:60px; text-align:center;height:60px;}
.repair li:nth-child(odd){ background:#f7f7f7}
.repair li:nth-child(even){ background:#fff}
.repair li .re_left{ width:40%; float:left; height:60px; overflow:hidden;color:#333;}
.repair li .re_left1{font-size:18px; font-weight:bold}
.repair li .re_left2{font-size:18px;}
.repair li .re_left3{font-size:16px; line-height:20px; height:40px; margin-top:13px}
.repair li .re_left4{font-size:14px;line-height:20px; height:40px; margin-top:13px}
.repair li .re_center{ width:20%; float:left; text-align:center; position:relative;height:60px;}
.repair li .re_center p{ display:inline-block; width:50px; height:50px; border-radius:50%; background:#f7843c; color:#fff; font-weight:bold; font-size:16px; line-height:50px;}
.repair li .re_center1 p{ border:10px solid #fff; font-size:30px; width:70px; height:70px; line-height:70px; position:absolute;top:50%;left:50%;margin:-70px 0 0 -45px;}
.repair li .re_right{ width:40%; float:left; height:60px; overflow:hidden;color:#999;font-size:18px;}
.repair li .re_right1{font-size:18px; font-weight:bold}
.repair li .re_right2{font-size:14px;line-height:20px; height:40px; margin-top:13px}

.news_list{ margin:20px 15px 0 0;}
.news_list li{ width:33.3%; float:left; text-align:center}
.news_list li p{ margin-left:15px;}
.news_list li p img{ width:100%}

.footer_list{ margin:20px 0 0 0; background:#f7843c; padding:30px 0 15px 0}
.footer_list li{ width:33.3%; float:left; text-align:center}
.footer_list li p{ color:#fff; font-size:16px; font-weight:bold; margin-top:20px}
.footer_list li img{ width:80% } 

/* .footer_phone{background:#ff9933; padding:20px 0; text-align:center; position:fixed; z-index:100;bottom:0;left:0; width:100%} */
/* .footer_phone a{ background:url(../img/phone.png) no-repeat; background-size:30px auto; display:inline-block;color:#fff; font-size:18px; font-weight:bold; padding-left:40px} */
.footer{ background:#333333; padding:15px 0; color:#fff; font-size:13px; text-align:center; margin-bottom:65px}
.footer a{color:#fff;}
.footer_phone {
    background: #ff9933;
    padding: 33px 0;
    text-align: center;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
}
/*.footer_phone a {
   position: absolute;
   width: 100%;
   color: #fff;
   font-size: 18px;
   font-weight: bold;
   margin: auto;
   top: 18px;
    left: 0;
    right: 0;
    bottom: 18px;
    height: 65px;
    line-height: 65px;
}*/
.a_left {
    position: absolute;
    width: 32px;
    left: 50px;
    top: 20px;
    height: 25px;
    /* background: url(../img/phone.png) no-repeat center;
    background-size: 32px 25px; */
}
.a_right {
	width: 65px;
	height: 100px;
    position: absolute;
    right: 10px;
    top: -50px;
   /*  background: url(../img/人.png) no-repeat center;
    background-size: 65px 90px; */
}
@media all and (min-width: 240px) and (max-width: 320px) { 
header img{ width:110px;}
header span{font-size:12px;}
header span em{ font-size:14px}
.footer{font-size:12px;}

}
/*iphone4,5的屏幕*/
@media all and (min-width: 320px) and (max-width: 480px) { 
/*header img{ width:100px;}*/
header span{font-size:12px;}
header span em{ font-size:14px}
.footer{font-size:12px;}
.a_left {
    left: 12px;
}
.a_right {
    right: -6px;
}
}
/*Samsung Galaxy S4*/
@media only  screen and (min-width: 360px) and (max-width: 640px){
.a_left {
    left: 30px;
}
.a_right {
    right: 10px;
}
}
/*iphone6 plus*/
@media only screen and (min-width: 414px) and (max-width: 736px){
.footer_phone a {
   left: 0;
   right: 0;

}
.a_left {
    left: 50px;
}
.a_right {
    right: 15px;
	
}	
}
/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
	.a_left {
    left: 30%;
}
.a_right {
    right: 25%;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
.footer_phone a {
   left: 0;
   right: 0;

}
.a_left {
    left: 35%;
}
.a_right {
    right: 30%;
}	
} 

 /*20160805*/
.order_tit{margin:20px 0 0 0}
.order_phone{ text-align:center; margin:10px 0 20px 0}
.order_phone p{ width:210px; height:35px; line-height:35px; display:inline-block; background:#fdc500; border-radius:5px; border-bottom:3px solid #ddad00}
.order_phone p a{ font-size:16px; color:#fff; background:url(../img/phone1.png) no-repeat left center; padding-left:30px; background-size:25px auto; display:inline-block;}
.fou_fix{ position:fixed;top:50%;right:0; margin-top:-70px; z-index:10000}
.fou_fix a img{ height:140px;}