@@charset "utf-8";
/*重置默认样式*/
/*---------------------base reset--------------------------*/
/*使其容器如DIV的内容自动换行*/
*{word-wrap: break-word; word-break:break-all;}

/*去掉内外边距-内外边距通常让各个浏览器样式的表现位置不同*/ 
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{
	margin:0;padding:0
}

/*去掉列表标签的默认样式*/
ul,ol,dl{list-style-type:none}

/*防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */  
html{
	-webkit-text-size-adjust:100%; /*禁用Webkit内核浏览器的文字大小调整功能，默认是auto；*/
	-ms-text-size-adjust:100%; /*禁用IE内核浏览器的文字大小调整功能，默认是auto；*/
	font-family: sans-serif; /* 1 */
  	-webkit-font-smoothing: antialiased;
    width:100%; 
    height:auto;
    background:#fff;
}


address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{
  font-family:"宋体","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";
  font-size:14px;
  -webkit-font-smoothing:antialiased;
  -moz-font-smoothing:antialiased
}
body{
  font-family:"Microsoft Yahei";
  font-size:14px;
  color:#333;
  width:100%; 
  height:auto;
  background:#fff;
}
hr{
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none; color:#333; cursor:pointer;}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none; text-decoration:none;}
:focus{outline:none}
sub,sup{vertical-align:baseline}

a, li, span, p{transition:all 0.2s linear 0s;}

/*img自适应*/
.img-responsive{display:block; max-width:100%; height:auto;}

/*IE下a:hover 背景闪烁*/
html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

img{border:none;}

/*图片居右*/
.alignleft {
      display: inline;
      float: left;
}
.alignright {
      display: inline;
      float: right;
}
.aligncenter {
      clear: both;
      display: block;
      margin:auto;
} 

/*---------------------HTML5 reset--------------------------*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
svg:not(:root) {overflow: hidden}


input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}

/* HTML5 媒体文件跟 img 保持一致 */  
audio,canvas,video {  
    display: inline-block;*display: inline;*zoom: 1;  
} 

/*HTML5新模块元素在IE8、9版本浏览器中没有被定义默认样式。为解决该问题，给下列元素添加“block”显示属性*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display: block;}

/*浮动*/
.fl{float:left; display:block;}
.fr{float:right; display:block;}

/*清除浮动*/
.clearfix{*zoom:1;} /*解决ie6/7下面的浮动塌陷问题*/
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";} /*display:table;解决其他下面的浮动塌陷问题,line-height是将添加的内容高度设为0；*/
.clearfix:after{clear:both;}/*清楚浮动*/

/*手机端浮动*/
.flex{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}

.oneLine{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.mt2{margin-top:.2rem;}
.mt3{margin-top:.3rem;}

.container{width:96%; margin:0 auto 0; padding:.4rem 0 0;}

/*header*/
header{width:100%; height:.75rem; padding:0.1rem 0; background:#fff; position:relative;}
header .logo{display:block; margin-left:.2rem; width:70%;}
header .logo img{display:block; width:100%;  height:auto;}
header .Menu .btn{display:block; float:right;  width:.6rem; height:.52rem; background:#237FD2;
  border-radius:5px; margin-right:.2rem;}
header .Menu .btn img{display:block; width:60%; height:auto; margin:.07rem auto;}
header .Menu .side_nav{display:none; width:100%; height:auto; position:absolute; top:.5rem; 
  left:0; }
header .Menu .side_nav i.close{position:absolute; top:-.42rem; right:.05rem; display:block; width:.36rem; height:.36rem; text-align:center; font-size:.26rem; font-style:normal; background:#7F7F7F; color:#fff; border-radius:2px; z-index:20; cursor: pointer;}
header .Menu .side_nav ul{position:relative; z-index:19; background:#237FD2;}
header .Menu .side_nav li{width:100%; height:.36rem; padding:.1rem 0; border-bottom:1px solid #fff;}
header .Menu .side_nav li:last-child{border-bottom:none;}
header .Menu .side_nav li a{display:block; width:100%; height:.36rem; line-height:.36rem; font-size:.24rem; color:#eee; text-align:center; margin:auto;}
header .Menu .side_nav .bg09{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); z-index:18;}
.fixednav {position: fixed; top: 0; left: 0; z-index: 9;}

.Y_hov{display:block; width: 150px; height: 40px; line-height:40px; text-align:center;
   font-size:14px; background:url(../images/banner_anniu.png) no-repeat center; margin-top:20px;
   transition: all 500ms;}
.Y_hov:hover{background:#ff6100;}

/*banner*/
.banner{width:100%; height:320px; background: url("../images/banner_bg.jpg") center;  
  position:relative;}
#carousel{position:relative; z-index:2; height:200px; transform-style:preserve-3d;perspective:800px; top:60px; left:-90px;}
#carousel img{position:absolute; left:50%; top:50%;width:200px;height:100px; transition:transform .5s ease-in-out; cursor:pointer}
#bannerNav{display:none;}


/*底部*/
.footer{width:100%; background:#F5F5F5; margin-top:.4rem;}
.Flinks{width:100%; border-bottom:1px solid #ddd; padding-top:.3rem;}
.Flinks .name{display:block; width:25%; font-weight:bold; line-height:.4rem;}
.Flinks .cont{display:block; width:75%;}
.Flinks .cont a{float:left; display:block; height:.4rem; line-height:.4rem; padding:0 .1rem; 
  margin:0 .12rem .15rem 0; color:#666; font-size:;}
.footer .mesg{margin-top:.18rem;}
.mesg .m_content {line-height:.42rem; color:#666;}
.mesg .m_content dt{font-weight:bold; color:#222;}
.footer .copy{width:100%;  background:#A4A4A4; color:#fff; text-align:center; line-height:.42rem; margin:.2rem auto 0; }

/*返回顶部*/
.gototop{width: 40px; height: 40px; text-indent: -999em; z-index:8;
  background-image: url(../images/top.png); background-repeat: no-repeat; 
  background-position: -84px 0;position: fixed; bottom: 100px; right: 19px;}

/*在线客服*/
.Kefu{position:fixed; top:50%; right:17px; transition:all 500ms;}
.Kefu .btn{background:url(../images/customerservice2.png) no-repeat center; width:53px; height:90px;
  position: absolute; top: 0; right: 0;}
.Kefu .btn span{color:#fff; position:relative; top:54px; left:18px;}
.Kefu .Ke_box{position: relative; width: 191px; height: 400px;
  background: url(../images/customerservice1.png) no-repeat 0px 0;position: relative; right: -300px; transition:all 500ms}
.Kefu:hover .btn{display:none;}
.Kefu:hover .Ke_box{right:0px;}
.Ke_box .lft{color: #fff; padding-left: 27px; padding-top: 130px;}
.Ke_box .rgt{width: 84px; left: 72px; position: absolute; top: 67px;}
.Ke_box .rgt li{padding: 0px 4px; background: #FFF; text-align: left; width: 84px; overflow: hidden;
  margin: 5px; margin-bottom: 10px;}
.Ke_box .rgt li a{text-align: left; color: rgb(125, 125, 125); height: 25px; line-height: 25px;
  display: block; background: rgba(0, 0, 0, 0) url("../images/new_online_2.png") no-repeat scroll 8px center; padding-left: 30px; border-radius: 0px;}
.Ke_box .rgt li:hover a{color:#fff; background:#FB7A17 url(../images/customer_service_qqover.png) no-repeat scroll 8px center;}


/*分页*/
.page-bar{text-align: center;}
.pages {position: relative; margin:.4rem 0 1rem;}
.pages a,.pages span{color: #666; background-color:#fff; background:-webkit-linear-gradient(#fff, #ddd); background: -o-linear-gradient(#fff, #ddd); background: linear-gradient(#fff, #ddd);}
.pages a,.pages span.current2 {position: relative; display: inline-block; vertical-align: middle;
    *display: inline; *zoom: 1; border: 1px solid #ddd; line-height:.4rem; min-width:.5rem;
    padding:.08rem .1rem; border-radius: 3px; margin: 0 0 0 .1rem;}
.pages a.current,.pages a:hover {background:#237FD2; border-color:#237FD2; color: #FFF;}
.pages span.current2 {vertical-align: middle;}

/*翻页*/
.Fanye{margin-top:.5rem;}
.Fanye .xu{height:.4rem; color:#666;}
.Fanye .xu span{float:left; display:block; line-height:.4rem;}
.Fanye .xu a{float:left; display:block; line-height:.4rem; height:.4rem; width:70%;
  margin-left:.1rem;  color:#237FD2;}