a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;padding: 0; border: 0; outline: 0}
    li, ol, ul {list-style: none}
    blockquote, q {quotes: none}
    blockquote:after, blockquote:before, q:after, q:before { content: '';content: none}
    :focus { outline: 0}
    del {text-decoration: line-through}
    table {border-collapse: collapse;border-spacing: 0}
    address, cite, code, dfn, em, i, var { font-style: normal}
    button, input[type=button], input[type=reset], input[type=submit] {cursor: pointer;-webkit-appearance: none}
    .vm { vertical-align: middle}
    .clearfix:after { content: "\0020";display: block;clear: both;height: 0;visibility: hidden}
    * html .clearfix, *+html .clearfix { zoom: 1}
    body { background: #fff} 

    body, button, input, select, textarea { font: 12px/1.5 SFUIText ,arial, helvetica, clean, sans-serif}
    a {text-decoration: none;color: #000;}
    a:hover { text-decoration: none;color:  #20BAF2;}
    body {font-family: 'PingFang SC','Helvetica Neue','Helvetica','Hiragino Sans GB','Microsoft YaHei','Arial','sans-serif';}
  

   header.head{
        /* position: fixed; */
        background-color: #fff;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
    }
    .site-navL{
        color:#999;
    }
    .seachHome{
        float: left;
        color:#999;
        margin-left:20px;
    }
    .seachHomeAll{
        width: 300px;
        height: 36px;
        line-height: 36px;
        font-size: 1.5rem;
        border: 0;
        border-radius: 4px;
        padding-left: 20px;
    }
   .seachHomeAll::-webkit-input-placeholder {
     font-size: 1.5rem;
 }
 .seachHomeAll:-moz-placeholder {
    font-size: 1.5rem;
}
.seachHomeAll::-moz-placeholder {
    font-size: 1.5rem;
}
.seachHomeAll:-ms-input-placeholder {
    font-size: 1.5rem;
}


nav {
    height: 80px;
    line-height: 80px;
    font-size: 10px;
    border-bottom:1px solid #ddd;
}
nav a{
 color:#333;
}
.cont {
    width: 1160px;
    margin: 0 auto;
    overflow: hidden;
}
.site-navL em{
    display: block;
    width: 112px;
    height: 40px;
    float: left;
    margin: 18px 20px 0 0;
    background: url(../images/common/logo.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.site-navL .city{
    float:left;
}
.site-navL .city:hover li{
    display:block;
}
.site-navL .city li{
   height:30px;
   line-height:30px;
   display:none;
}
.site-navL .city li a{
    color:#fff;
}
.site-navR{
    margin-right: 20px;
}
.headfix .site-navR>a:nth-child(1){
   margin-left:0;
}
.site-navR>a:nth-child(1){
   margin-left:50px;
}
.headtop .userselect a{
  margin-right:20px;
}
.site-navR a{
    padding: 0 10px;
}
.headfix{
   display:none;
}
/*----------------------------*/
.site-navR .userselect:hover li{
    display:block;
}
.site-navR .userselect li{
   height:30px;
   line-height:30px;
   z-index:100;
   display:none;
   position:relative;

}

/*----------------------*/
.phone{
    font-size: 1.5rem;
    color:#DF001C;
}
.footer{
  background:url(../front/bg-footer.png) no-repeat;
  background-size:100% 100%;
}
.footer a{
  color:#fff;
}
.footer-boxs{
    height:300px;
    padding:60px 0 0 0;
}
.footer-box{
    overflow:hidden;
    border-bottom: 1px solid #999;
    padding-bottom: 6px;
}
.footer-box1{
    float:left;
}
.footer-box1 h3{
    font-size: 2.5rem;
    color:#fff;
}
.footer-box1 p{
    color:#999;
}
.footer-box1 ul{
    overflow:hidden;
    margin-top: 80px;
    color:#999;
}
.footer-box1 ul li{
    float:left;
    line-height: 2rem;
}
.footer-box2{
    color:#fff;
    float:left;
    font-size: 12px;
    margin-left: 350px;
}
.footer-box2 em{
  font-size:20px;
}
.footer-box3{
    font-size:14px;
    text-align:center;
    float:right;
    color:#999;
}
.footer-box3 div{
    width:100px;
    height:100px;
    margin:0 auto;
}
.footer-box3 em{
    display:block;
    background: url(../front/wx.jpeg) no-repeat;
    width:100px;
    height:100px;
    margin:0 auto; 
    background-size: 100%;
}

.footer-link{
    margin-top: 20px;
}
.footer-link span{
    float:left;
}
.footer-link li{
    float:left;
    margin-right: 10px;
}


/*---------------------fav--------------------*/
.zindexR{
    width:40px;
    position:fixed;
    top:0;
    height:100%;
    right:0;
    background-color:#fff;
    z-index:2;
    border-left:1px solid #d8d8d8;
}
.middleR{
    position:absolute;
    top:50%;
    margin-top:-125px;
}
.phoneR{
    height:90px;
    width:50px;
    padding-top:10px;
    position:relative;
    left:-10px;color:#fff;
    border-top-left-radius:4px;
    text-align:center;
    background-color:#20BAF2;
    font-size:14px;
}
.phoneR:hover .phoneL{
    display:block;
}
.phoneL{
    display:none;
    position:absolute;
    left:-210px;
    top:0;
    padding:10px 0;
    width:200px;
    height:80px;
    background-color:rgba(0,0,0,.5);
    border-radius:4px;
}
.phoneL:after{
    content:'';
    border:8px solid transparent;
    border-left-color:rgba(0,0,0,.5);
    width:0;
    height:0;
    position:absolute;
    top:20px;
    right:-16px;
}
.phoneL p:first-child{
    font-size:24px;
    /*line-height:40px;*/
}
.phoneL p:last-child{
    font-size:18px;
}
.phoneR span{
    font-size:20px;
}
.entrustR{
    height:60px;
    width:50px;
    position:relative;
    font-size:14px;
    padding-top:10px;
    color:#fff;
    text-align:center;
    left:-10px;
    border-bottom-left-radius:4px;
    background-color:#696969;
}
.wechatR,
.heartR{
    height:50px;
    line-height:50px;
    font-size:24px;
    border-bottom:1px solid #ccc;
    padding:0 6px;
}
.wechatR{
    position:relative;
}
.wechatR:hover .wechatL{
    display:block;
}
.wechatL{
    display:none;
    position:absolute;
    left:-110px;
    top:-40px;
    padding:10px 0;
    width:100px;
    height:120px;
    text-align:center;
    background-color:rgba(0,0,0,.5);
    border-radius:4px;
}
.wechatL p{
    font-size:14px;
    line-height:30px;
    color:#fff;
}
.wechatL:after{
    content:'';
    border:8px solid transparent;
    border-left-color:rgba(0,0,0,.5);
    width:0;
    height:0;
    position:absolute;
    top:60px;
    right:-16px;
}

@keyframes toRight{from {right:0px;}to {right:258px;}}
.toRight{right:258px;animation:toRight .2s linear;}
@keyframes toLeft{from {right:258px;}to {right:0;}}
.toLeft{right:0;animation:toLeft .2s linear;}
/*---------------------fav--------------------*/