@charset "utf-8";
body,div,p,ul,ol,li,a,span,img,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,select,option,header,menu,section,figure,figcaption{ margin:0; padding:0; font-weight:normal;}
header,footer,nav,menu,section,article,figure,figcaption{ display:block;}
body{ font-family:Microsoft YaHei, '黑体', SimSun; background:#fff; font-size:14px;}
a { text-decoration:none;}
a:hover {text-decoration:none;}    
input,select,textarea{ outline:none; font-family:Microsoft YaHei, '黑体', SimSun; border:0;}
img{ border:0;}
li{ list-style:none;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
.clearfix { zoom:1; }
.zoom{ overflow:hidden; zoom:1;}
.fl{ float:left;}
.fr{ float:right;}

/**{-webkit-tap-highlight-color: rgba(0,0,0,0);}div{user-select: none;}*/
input[type=submit],input[type=password],input[type=button],input[type=text]{-webkit-appearance:none; border-radius:0;}


.w1200{ width:1200px; margin:0 auto; position:relative;}
/*头部+底部 star*/
#header{ background:#fff; position:relative; height:100%;}
#header .topbar{ padding-top:10px; padding-bottom:10px; position:relative; z-index:3; background:#fff;}
#header .logo{ width:297px; height:43px; overflow:hidden; text-indent:-9999px; background:url(../images/xr-logo.gif) no-repeat; float:left;}
#header .user{ color:#333; float:right; line-height:43px;}
#header .user .name{ float:left;}
#header .user a{ color:#ef3f3f; margin-left:10px;}

/*弹出导航按钮*/
.navbar-toggle{ width:24px; height:24px; background:none; border:0; outline:none; position:absolute; right:0px; top:20px; z-index:9; display:none;}
.navbar-toggle .sr-only{ width:0px; height:0px; overflow:hidden; font-size:0; opacity:0;}
.navbar-toggle .icon-bar,.navbar-toggle .icon-bar:before,.navbar-toggle .icon-bar:after{ cursor:pointer; border-radius:1px;height:2px;width:24px;position:absolute; left:0;display:block;background:#110e12;content:'';-webkit-transition:all 300ms cubic-bezier(0.305,0.1,0.485,0.87);-moz-transition:all 300ms cubic-bezier(0.305,0.1,0.485,0.87);-o-transition:all 300ms cubic-bezier(0.305,0.1,0.485,0.87);transition:all 300ms cubic-bezier(0.305,0.1,0.485,0.87)}
.navbar-toggle .icon-bar:before{ top:-7px;}
.navbar-toggle .icon-bar{ top:11px;}
.navbar-toggle .icon-bar:after{ top:7px}
.open-navbar-toggle .icon-bar{background:transparent}
.open-navbar-toggle .icon-bar:before{top:0}
.open-navbar-toggle .icon-bar{top:11px}
.open-navbar-toggle .icon-bar:after{top:0;}
.open-navbar-toggle .icon-bar:before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.open-navbar-toggle .icon-bar:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}

/*导航*/
#navdiv{ background:#0077d9; color:#fff;}
#navdiv a{ color:#fff;}
#navdiv li{ float:left; width:12%;}
#navdiv li a{ float:left; font-size:18px; width:100%; text-align:center; line-height:50px; position:relative; overflow:hidden;}
#navdiv li a span{ display:block; transition: transform 0.3s; position:relative;}
#navdiv li a span:before{ position:absolute; left:0; top:100%; width:100%; height:100%; background:#0663af; content:attr(data-hover); transform: translate3d(0,0,0);}
#navdiv li a:hover span,#navdiv li a:focus span{ transform: translateY(-100%);}
#navdiv li a.selected span{ background:#0663af; height:1%}
#navdiv li a.selected span:before{ background:#0077d9;}
/*#navdiv .navbar{ position:relative; z-index:1;}
#navdiv li a:before{ position:absolute; left:0; top:0; z-index:-1; width:100%; line-height:50px; background:#0077d9; content:attr(data-hover); transition: transform 0.3s; transform: translateX(-25%);}
#navdiv li a:hover span,#navdiv li a:focus span{ transform: translateX(100%);}
#navdiv li a:hover:before,#navdiv li a:focus:before{ transform: translateX(0%);}
#navdiv li a.selected span{ background:#0077d9;}
#navdiv li a.selected:before{ background:#0663af;}*/
#header .nav-info{ float: right;
  line-height: 43px;
  padding-right: 40px;}
#header .nav-info .phone{ font-size:24px;color:#0077d9;}

#footer{ background:#333; width:100%; position:fixed; left:0; bottom:0; z-index:999999999;}
#footer .containt{ padding:10px 15px; color:#fff; text-align:center;}
#footer .footer-search{ display:none; width:650px; height:46px; overflow:hidden; margin:0 auto 10px; position:relative;}
#footer .search-put{ width:520px; height:46px; line-height:46px; font-size:14px; overflow:hidden; border-radius:8px 0 0 8px; background:#fff; text-indent:10px; float:left;}
#footer .search-submit{ width:130px; background:#fa9e27; height:46px; color:#fff; font-size:18px; border-radius:0 8px 8px 0; cursor:pointer;}


/*头部+底部 end*/




@media (max-width: 1200px){
  .w1200{ width:auto; padding:0 15px;}
}
@media (max-width: 990px){
  #navdiv li{ width:14%;}
}
@media (max-width: 860px){
  #navdiv li a{font-size: 16px;}
}

@media (max-width: 700px){
  /*头部+底部 star*/
  #header{ height:auto; background:none; position:fixed; width:100%; left:0; top:0; z-index:9999; transform:translateZ(0);}
  #container{ padding-top:40px;}
  #header .logo{ max-width:120px; height:20px; background-size:contain; float:none; position:relative; left:42px; top:2px; z-index:3; transition:0.6s;}
  #header .user{ line-height:24px; font-size:12px; position:absolute; right:15px; top:8px;}
  #header .user .name{ max-width:90px; height:24px; overflow:hidden;}
  #header .navbar-toggle{ display:block; top:8px; left:15px;}
  #footer{ font-size:12px; position:static;}
  #footer .footer-search{ width:100%; height:36px; transition:0.6s;}
  #footer .search-put{ width:76%; height:36px; line-height:36px;}
  #footer .search-submit{ width:24%; height:36px; font-size:16px;}  
  #navdiv{ display:none; overflow:hidden; border-bottom:2px solid #0663af; box-shadow:0 2px 3px #0663af;}
  #navdiv .w1200{ padding:10px 15px;}
  #navdiv .navbar{ margin:0 -15px;}
  #navdiv li,#navdiv li a{ float:none; font-size:14px; line-height:36px; height:36px; width:auto; text-align:left; display:block;}
  #navdiv li a span{ padding:0 15px; height:36px;}
  #navdiv li a span:before{ height:36px; padding:0 15px;}
  #navdiv li a.selected span{ background:#0077d9;}
  #navdiv li a.selected span:before{ background:#0663af;}
  #header .nav-info{     overflow: hidden;
    line-height: 24px;
    opacity: 1;
    padding: 0;
    float: right}
  #header .nav-info .phone{ font-size:16px;}
  /*头部+底部 end*/
  .shensuo{width: 100%;overflow-x: auto;overflow-y: auto;}
}

@media (max-width: 360px){
  /*头部+底部 star*/
  #footer .search-put{ width:72%;}
  #footer .search-submit{ width:28%;}
  /*头部+底部 end*/
  .titleRecommend a{opacity: 0;}
}