.contacttop{ height: 300px; width: 100%; background: url(../img/contacttop.jpg); margin-bottom: 20px }
.fixleft{ width: 210px; float: left; }
.rightcontent{ width: 950px; float: right; }
.rightcontent span.title1{font-size: 24px; color: #333;display: block; text-align: center; line-height: 32px}
.rightcontent span.title2{ font-size: 14px; color: #aaa; display: block; text-align: center;line-height: 32px}
.fixleft .titleli{ width: 100%; height: 45px; line-height: 45px; background-color: #5baafb; color: #fff; font-size: 16px; text-align: center; }
.fixleft .dhul{ height:90px; width: 100%; border:1px solid #f0f0f0; margin-bottom: 20px;}
.fixleft .dhul .ly{ height: 40px; line-height: 40px; text-align: center; width: 96%; margin: 0px auto; border-bottom: 1px dashed #e5e5e5; }
.fixleft .dhul .ly a{ color: #666666; font-size: 14px; }
.fixleft .dhul .lx{ height: 40px; line-height: 40px; text-align: center; width: 96%; margin: 0px auto; }
.fixleft .dhul .lx a{ color: #666666; font-size: 14px; }
.fixleft .kful{ min-height:200px;width: 100%; text-align: center; border:1px solid #f0f0f0; margin-bottom: 20px;}
.fixleft .kful a{ color: #666; }
.fixleft .img0 {width: 21px;height: 21px;display: inline-block;margin-right: 8px;background: url(../img/qq.gif) no-repeat;}
.fixleft  .worktime-header-img {width: 27px;height: 27px;display: inline-block;background: url(../img/time.png) no-repeat;  }
.fixleft  .serWorkTimeText {font-size: 15px; line-height: 32px;}
.timeul{width: 96%; font-size: 16px; text-align: center; color: #666; margin: 0px auto; height: auto; border-top: 1px dashed #e5e5e5;}
.ctul{width: 96%; margin: 0px auto; height: auto; border-top: 1px dashed #e5e5e5;}
.fixleft  .worktime-header-img2 {width: 27px;height: 27px;display: inline-block;background: url(../img/call.png) no-repeat;  }
.rightcontent .cttitle{width: 100%; border-bottom: 1px solid #eaeaea; height: 47px;}
.rightcontent .cttitle span{width: 70px; height: 45px; line-height: 45px; padding:10px 5px; font-size:18px; color:#5baafb;border-bottom: 2px solid #5baafb; }



#contacttime{display: none;}
#mleftdv{display: none;}

@media screen and (max-width: 1200px) and (min-width: 1024px){
     .contacttop{ height: 200px;}
     #contacttime{display: block; position: absolute; top: 140px;} 
     .serWorkTimeText{ color: #fff;  }
     .timeul{ text-align: right; width:100%  }
     #leftdv{display: none;}
     #mleftdv{display: block; position: fixed; z-index: 999; top: 250px; left:2px; text-align: center;}
     .rightcontent{ width: 93% }
     .mlftfix{width: 5%; background:#5baafb; }
     .mlftfix div{width: 100%; cursor: pointer; }
     .mlftfix .l1{height: 4em; line-height: 4em; border-bottom: 1px solid #fff;background:#5baafb;}
     .mlftfix .l2{height: 4em; line-height: 4em;border-bottom: 1px solid #fff;background:#5baafb;}
     .mlftfix .l3{height: auto;}
     .mlftfix .l3 span{color: #fff; line-height: 4em;}
     .mlftfix .l1:hover{opacity: 0.8}
     .mlftfix .l2:hover{opacity: 0.8}
     #mleftdv .img0 {width: 21px;height: 21px;display: inline-block; background: url(../img/qq.gif) no-repeat;}
    }

@media screen and (max-width:1024px) and (min-width: 768px){ 
   .contacttop{ height: 200px;}
     #contacttime{display: block; position: absolute; top: 140px;} 
     .serWorkTimeText{ color: #fff;  }
     .timeul{ text-align: right; width:100%  }
     #leftdv{display: none;}
     #mleftdv{display: block; position: fixed; z-index: 999; top: 250px; left:2px; text-align: center;}
     .rightcontent{ width: 88% }
     .mlftfix{width: 10%; background:#5baafb; }
     .mlftfix div{width: 100%; cursor: pointer; }
     .mlftfix .l1{height: 4em; line-height: 4em; border-bottom: 1px solid #fff;background:#5baafb;}
     .mlftfix .l2{height: 4em; line-height: 4em;border-bottom: 1px solid #fff;background:#5baafb;}
     .mlftfix .l3{height: auto;}
     .mlftfix .l3 span{color: #fff; line-height: 4em;}
     .mlftfix .l1:hover{opacity: 0.8}
     .mlftfix .l2:hover{opacity: 0.8}
     #mleftdv .img0 {width: 21px;height: 21px;display: inline-block; background: url(../img/qq.gif) no-repeat;}

}

@media screen and (max-width: 768px) and (min-width: 480px){ 
   .contacttop{ height: 200px;}
     #contacttime{display: block; position: absolute; top: 140px;} 
     .serWorkTimeText{ color: #fff;  }
     .timeul{ text-align: right; width:100%  }
     #leftdv{display: none;}
     #mleftdv{display: block; position: fixed; z-index: 999; top: 250px; left:2px; text-align: center;}
     .rightcontent{ width: 88% }
     .mlftfix{width: 10%; background:#5baafb; }
     .mlftfix div{width: 100%; cursor: pointer; }
     .mlftfix .l1{height: 4em; line-height: 4em; border-bottom: 1px solid #fff;background:#5baafb;}
     .mlftfix .l2{height: 4em; line-height: 4em;border-bottom: 1px solid #fff;background:#5baafb;}
     .mlftfix .l3{height: auto;}
     .mlftfix .l3 span{color: #fff; line-height: 4em;}
     .mlftfix .l1:hover{opacity: 0.8}
     .mlftfix .l2:hover{opacity: 0.8}
     #mleftdv .img0 {width: 21px;height: 21px;display: inline-block; background: url(../img/qq.gif) no-repeat;}

}

@media screen and (max-width: 480px){ 
     .contacttop{ height: 200px;padding-top:3.5em;background: url(../img/contacttop.jpg) no-repeat center center; background-size:250%;}
     #contacttime{display: block; position: absolute; top: 140px;} 
     .serWorkTimeText{ color: #fff;  }
     .timeul{ text-align: right; width:100%  }
     #leftdv{display: none;}
     .rightcontent{ width: 100% }
     .ctcontent img{ width:100%; }
}