﻿/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/

html,body,span,object,iframe,h1,h2,h3,h4,h5,p,blockquote,pre,

a,address,code,

del,em,img,dl,dt,dd,ol,ul,li,

fieldset,form,label{

margin:0;padding:0;border:0;

font-style:inherit;font-family:inherit;vertical-align:baseline;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}

html{-webkit-text-size-adjust:none;}

img{border:none;vertical-align:middle;}

input,select,button{padding:0;margin:0;outline:none;font-family:inherit;vertical-align:middle;}

textarea{font-family:inherit;padding:0;margin:0;}

button{cursor:pointer;}

html{overflow-x:hidden;}

body{font-size:12px;background-color:#f4f4f4;font-family:'Microsoft YaHei',"微软雅黑";}

ul,ol{list-style-type:none;}

h1{font-size:24px;}

h2{font-size:18px;}

h3,h4{font-size:14px;}

h5{font-size:12px;}

i,em,address{font-style:normal;}

a{ text-decoration:none;color:#4f4f4f;}

a:hover{text-decoration:none;transition:color 200ms linear 0s,background-color 200ms linear 0s,border-color 200ms linear 0s;color:#ea4589;}

a:active{}	/*点击与释放时*/

a:visited{}/* 访问过 */

/*  - - - - - - - - - 常用类样式  - - - - - - - - -*/

.photo img,.photo img,.photo_fullsize img{display:block;width:100%;height:100%;}	/*图片全尺寸*/

.no_bor{ border:none!important;}	/*无边框*/

.no_bg{ background:none!important;}	/*无背景*/

.clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}/*清除浮动*/

.clear_::after{content:"";display:block; clear:both;height:0; line-height:0; overflow:hidden;}/*清除浮动*/

.center{margin:0 auto;width:1280px;}	/*让内容区块居中*/

.center1{margin:0 auto;width:1920px;}

/* Float Shadow */

.hvr-float-shadow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  position: relative;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.hvr-float-shadow:before {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: '';

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 0;

  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);

  /* W3C */

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform, opacity;

  transition-property: transform, opacity;

}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {

  -webkit-transform: translateY(-5px);

  transform: translateY(-5px);

  /* move the element up by 5px */

}

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {

  opacity: 1;

  -webkit-transform: translateY(5px);

  transform: translateY(5px);

  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */

}



