@charset "utf-8";
/*body默认设置*/
body{ font-size: 14px;line-height: 24px;background:#fff;color: #666;overflow-x:hidden;
font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif;}

/*解决chrome浏览器下字体不能小于12px*/
html{-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;text-size-adjust: none;}

/* 全局标签 内外间距清零*/
*{ margin:0px; padding:0px; /*box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;*/}

/*li标签 样式清零*/
ul,li{ list-style:none;}

/* a标签下划线去除*/
a{text-decoration:none; color:#666; outline:none; }
a,button,input,textarea{-webkit-tap-highlight-color:rgba(255,0,0,0); font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif;}
a:hover{ text-decoration:none; color:#00A8E1;}
a,button,input,select,textarea:focus{ outline:none;}
em,i{font-style:normal;} 
h1,h2,h3,h4,h5,h6,input,select,textarea,option,button{font-weight:normal;}
textarea{resize:none;}
input[type='submit']{ border: none; cursor: pointer; appearance: none; 
-webkit-appearance: none;-moz-appearance: none;}

/*placeholder的颜色设置*/
:-moz-placeholder { color: #a5a5a5; }
::-moz-placeholder {color: #a5a5a5;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #a5a5a5;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #a5a5a5;}

/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }

/*浮动产生塌陷的兼容性*/
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.clear{clear:both;}

/*图片边框*/
img{ border:none; vertical-align: middle;}

/*不同浏览器的容器居中*/         
.w1200{ width:1200px; margin:0 auto; }

/*去除表格默认样式*/
table{ border-collapse: collapse;border-spacing: 0; width: 100%;}

/*图片放大*/
.bigimg{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);
transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}

/*省略号*/
.ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: -webkit-box;
 -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*三角*/
.sanjiao:before{position: absolute;right:8px; top: 9px; width: 0;content: "";height: 0;
border-width: 4px;border-style: solid;
border-color: transparent transparent transparent #5AC78E;}

/*透明度兼容*/
.opacity{filter:alpha(opacity=50); -moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5; }

/*默认滚动条样式修改ie9 google Firefox 等高版本浏览器有效*/
/*::selection {background: #D03333;color: white;text-shadow: none;}
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
::-webkit-scrollbar{width:10px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:hover{background:#cc0000}*/

/*css处理浏览器输入框记住账号密码后的背景色*/
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-text-fill-color: #666 !important;
-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
background-color:transparent;
background-image: none;
transition: background-color 50000s ease-in-out 0s; /*背景色透明  生效时长  过渡效果  启用时延迟的时间*/

/*渐变*/
/*background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #8f2c00)); Saf4+, Chrome 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0'); IE*/

/*字体图标*/
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  /*font-size:16px;*/
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/*上下动*/
.animate{animation: myfirst 2s infinite;}
@keyframes myfirst {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, -10px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

/*加阴影和上移*/
.com-box-b .box-lists li{position: relative;-webkit-transition: box-shadow .2s linear;
-webkit-transition: transform .2s linear; transition: box-shadow .2s linear;
transition: transform .2s linear;}
.com-box-b .box-lists li:hover{box-shadow: 0 0 20px rgba(4,0,0,.1); transform: translateY(-2px);}
