@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { border: 0; outline: 0; vertical-align: baseline; background: transparent; margin: 0; padding: 0; }
    

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both; font-size: 0; height: 0; }
.topNav { width: 100%; background: #535353; border-bottom: 1px #838383 solid; }
.tNmain { width: 1000px; margin: 0 auto; padding-top: 15px; padding-bottom: 10px; }
.tNmain span { float: right; }
.tNmain span a { color: #dd987a; }
.tNmain a { font-size: 12px; line-height: 13px; color: #ddd; border-left-color: #727272; border-left-style: solid; border-left-width: 1px; padding-right: 9px; padding-left: 9px; }
.tNmain a:hover { color: #fff; text-decoration: none; }
.tNmain .nn { border-left-width: 0; }
.topBar { width: 100%; background: #f5f4f4; border-bottom: 1px #ddd solid; }
.tBmain { width: 1000px; margin: 0 auto; padding-top: 0px; padding-bottom: 10px; height: 54px; }
.tlogo { float: left; }
.tpath { float: left; height: 54px; line-height: 58px; font-size: 12px; }
.tpath a { font-size: 12px; line-height: 13px; color: #252525; padding-right: 7px; padding-left: 7px; }
.tsearchPC { float: right; margin-top: 15px;}
#srk { font-size: 14px; border-top: 1px #ddd solid; border-left: 1px #ddd solid; border-bottom: 1px #ddd solid; border-right: 0; border-bottom-left-radius:5px; border-top-left-radius:5px; width: 260px; height: 24px; line-height:24px; background: #fff; padding-left: 6px; color: #666; float: left;}
#searchPC-btn {border-top: 1px #ddd solid; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; border-left: 0px; border-bottom-right-radius:5px; border-top-right-radius:5px; width: 30px; height: 28px; background: #fff url(../images/search.png) no-repeat center; cursor: pointer; float: right; }

.footer { width: 100%; background: #f5f5f5; padding-top: 20px; padding-bottom: 10px; }
.copy { width: 1000px; margin: 0 auto; line-height: 24px; font-size: 12px; text-align: center; color: #666 }
.copy a { color: #333; padding: 0 8px; }

.izl-rmenu { position: fixed; left: 50%; margin-left: 532px; bottom:200px; padding-bottom: 50px;  z-index: 999; }
.izl-rmenu .btn { width: 50px; height: 50px; margin-bottom: 1px; cursor: pointer; position: relative; }
.izl-rmenu .btn-qq { background: url(../images/r_qq.png) 0px 0px no-repeat; background-color: #666666; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.izl-rmenu .btn-qq:hover { background-color: #444; }
.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited { background: url(../images/r_qq.png) 0px 0px no-repeat; background-color: #666666; text-decoration: none; display: block; }
.izl-rmenu .btn-wx { background: url(../images/r_wx.png) 0px 0px no-repeat; background-color: #666666; }
.izl-rmenu .btn-wx:hover { background-color: #444; }
.izl-rmenu .btn-wx .pic { position: absolute; left: -160px; top: 0px; display: none; width: 160px; height: 160px; }
.izl-rmenu .btn-phone { background: url(../images/r_phone.png) 0px 0px no-repeat; background-color: #666666; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.izl-rmenu .btn-phone:hover { background-color: #444; }
.izl-rmenu .btn-phone .phone { background-color: #666666; line-height: 73px; color: #FFF; font-size: 18px; text-align: center; display: none; position: absolute; left: -160px; top: 0px; }
.izl-rmenu .btn-phone .pic { width: 160px; height: 160px; }
.izl-rmenu .btn-top { background: url(../images/r_top.png) 0px 0px no-repeat; background-color: #666666; display: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.izl-rmenu .btn-top:hover { background-color: #444; }
.show-pc{display:block}

/*modify*/
.clearfix:after{content:" "; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}

@media screen and (max-width:1024px) {
    .tNmain,.tBmain,.copy{width:100%;} 
    .tsearchPC{display:none}
   .show-pc{display:none}
   .tBmain{  padding-top: 10px;}
   .tlogo{margin-left:10px;} 
   .izl-rmenu,.tsearch{display:none;}
    .tpath,.tpath a{font-size:16px;}

    .footer {
        padding-bottom:50px;
    }
}
 
@media screen and (max-width:768px) {
    .show-pc{display:none}
    .tsearchPC{display:none}
     .tpath{display:none;}  
      .footer {
        padding-bottom:50px;
    }
}
@media screen and (max-width:500px) {
    .show-pc{display:none}
    .tsearchPC{display:none}
    .tlogo{width:80%;} 
    .tlogo img{width:100%;margin-top:5px}  

     .footer {
        padding-bottom:50px;
    }
}
@media screen and (max-width:440px) {
    .show-pc{display:none}
    .tsearchPC{display:none}
   .tlogo{width:46%;}
    .tlogo img{width:100%;margin-top:4px}
}
@media screen and (max-width:320px) {
    .show-pc{display:none}
    .tsearchPC{display:none}
   .tBmain{padding:0;}
   .tlogo img{margin-top:12px}
   .tlogo{width:42%;}
    .tlogo img{width:100%;margin-top:11px}
}