@charset "utf-8";/*初始化样式*/ /*@font-face{ font-family: 'My_font'; src: url('font/My_font.eot'); src:url('font/My_font.woff') format('woff'), url('font/My_font.ttf') format('truetype'), url('font/My_font.svg') format('svg'); }*/ html{width:100%;/*height: 100%;*/font-size:14px; } body{ padding:0; /*height: 100%!important;*/ margin:0 auto; zoom:1;font-size:14px;line-height:24px;font-family:"My_font","Arial","微软雅黑","sans-serif","宋体";color:#333;/*设置宽度*/width:100%; background-color:#fff; } ul,li,form, dl,dt,dd, div{ padding: 0; margin: 0; } .ul,.ul li{ list-style:none; } .h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0; margin:0;} p{ margin:0; } b,strong{ font-weight: bold; } select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;font-family:"My_font","Arial","微软雅黑","sans-serif","宋体"; } input:focus { outline: none;} body.hide{ overflow: hidden; } /*强制去除表单自带的样式*/ input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/ } /*强制去除textarea自带的样式*/ textarea{resize:none;/*-webkit-appearance:none;*/} textarea,input,select { background:none; border:none; margin:0; padding:0;} /*html5设置*/ article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} figure,figcaption{ margin:0; padding:0;} audio,canvas,progress,video { display: inline-block; vertical-align: baseline;} /*百度分享弹框*/ .bd_weixin_popup{ box-sizing: content-box; } img{ border:none; border:0; vertical-align:top; max-width: 100%; } span{ outline: none; } a{ color:#333333; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); outline: none; } a:link,a:visited,a:focus{outline:none;text-decoration: none; -moz-outline:none;} a:hover{ text-decoration:none; color:#8fc41f;} * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;overflow-x: hidden;} .animate5s{ transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; } .animate3s{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .textover{overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .textovers{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .t-center{ text-align: center; } .t-left{ text-align: left; } .t-right{ text-align: right; } .x-half{ transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .y-half{ transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .xy-half{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .o-hide{ overflow: hidden; } .imgBox{ overflow: hidden; } .imgBox img{ display: block; transform: scale(1); transition:all .3s; } .imgh:hover .imgBox img, .imgBox .imgh:hover img, .imgBox.imgh:hover img{ transform: scale(1.08); } .vmd{ display:inline-block; vertical-align:middle; } .flex{ display: flex; flex-wrap: wrap; } .i-flex{ display:inline-flex; flex-wrap: wrap; } .jb-flex{ justify-content:space-between; } .jc-flex{ justify-content:center; } .ac-flex{ align-items:center; } /*清楚浮动*/ .clear{ clear:both; height:0; overflow:hidden;} .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; font-size: 0;} .clearfix { zoom: 1; } /*初始化样式*/ .f_l{ float: left; display: inline-block; } .f_r{ float: right; display: inline-block; } .container{ margin:0 auto; max-width: 100%; padding-left:15px; padding-right:15px; } .lw-w-1{ width:8.33333333%; } .lw-w-2{ width:16.66666667%; } .lw-w-3{ width:25%; } .lw-w-4{ width:33.33333333%; } .lw-w-5{ width:41.66666667%; } .lw-w-6{ width:50%; } .lw-w-7{ width:58.33333333%; } .lw-w-8{ width:66.66666667%; } .lw-w-9{ width:75%; } .lw-w-10{ width:83.33333333%; } .lw-w-11{ width:91.66666667%; } .lw-w-12{ width:100%; } .lw-5w{ width:20%; } @media (min-width:1200px) { .container{ width:1230px; } } @media (max-width:1200px) { .container{ width:1054px; } .lw-xw-1{ width:8.33333333%; } .lw-xw-2{ width:16.66666667%; } .lw-xw-3{ width:25%; } .lw-xw-4{ width:33.33333333%; } .lw-xw-5{ width:41.66666667%; } .lw-xw-6{ width:50%; } .lw-xw-7{ width:58.33333333%; } .lw-xw-8{ width:66.66666667%; } .lw-xw-9{ width:75%; } .lw-xw-10{ width:83.33333333%; } .lw-xw-11{ width:91.66666667%; } .lw-xw-12{ width:100%; } .lw-5xw{ width:20%; } } @media (max-width:1024px) { .container{ width:992px; } .lw-mw-1{ width:8.33333333%; } .lw-mw-2{ width:16.66666667%; } .lw-mw-3{ width:25%; } .lw-mw-4{ width:33.33333333%; } .lw-mw-5{ width:41.66666667%; } .lw-mw-6{ width:50%; } .lw-mw-7{ width:58.33333333%; } .lw-mw-8{ width:66.66666667%; } .lw-mw-9{ width:75%; } .lw-mw-10{ width:83.33333333%; } .lw-mw-11{ width:91.66666667%; } .lw-mw-12{ width:100%; } .lw-5mw{ width:20%; } } @media (max-width:992px) { .container{ width:768px; } } @media (max-width:768px) { .container{ width:100%; } .lw-sw-1{ width:8.33333333%; } .lw-sw-2{ width:16.66666667%; } .lw-sw-3{ width:25%; } .lw-sw-4{ width:33.33333333%; } .lw-sw-5{ width:41.66666667%; } .lw-sw-6{ width:50%; } .lw-sw-7{ width:58.33333333%; } .lw-sw-8{ width:66.66666667%; } .lw-sw-9{ width:75%; } .lw-sw-10{ width:83.33333333%; } .lw-sw-11{ width:91.66666667%; } .lw-sw-12{ width:100%; } .lw-5sw{ width:20%; } }