@charset "utf-8";



/*----------------------------------------------*/

/*1 重定义浏览器默认样式

	Name:			style_reset

	Level:			Global

	Explain:		重定义浏览器默认样式

	Last Modify:	jackying

*/



@font-face {

  font-family: "BEBASNEUE"; /* Project id  */

  src: url('../font/BEBASNEUE-REGULAR.TTF') format('truetype');

}







*{word-wrap:break-word}

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,body{*position:static; height:100%;}

html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

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}

input,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;color: #333;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}

body{line-height:1.6}

h1,h2,h3,h4,h5,h6{font-size:100%}

a,area{outline:none;blr:expression(this.onFocus=this.blur())}

a{text-decoration:none;cursor: pointer;	text-decoration: none;}

a:hover{text-decoration:underline;outline:none;	text-decoration: none;}

a.ie6:hover{zoom:1}

a:focus{outline:none}

a:hover,a:active{outline:none}:focus{outline:none}

sub,sup{vertical-align:baseline}

/*img*/

img{border:0;vertical-align:middle}

a img,img{-ms-interpolation-mode:bicubic}

.img-responsive{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))}



/*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}

legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}

legend small{font-size:15px;color:#999}

svg:not(:root) {overflow: hidden}

fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}

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}

/*

	Name:			style_clearfix

	Example:		class="clearfix|cl"

	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题

*/

.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

/*---------公用sytle--------------------*/

.por{ position:relative;}

.ovf{ overflow:hidden;}

.DivX{

transform:translateX(-50%);

-ms-transform:translateX(-50%); 	/* IE 9 */

-moz-transform:translateX(-50%);	/* Firefox */ 

-webkit-transform:translateX(-50%); /* Safari �� Chrome */

-o-transform:translateX(-50%);	/* Opera */

}

.DivY{

transform:translateY(-50%);

-ms-transform:translateY(-50%); 	/* IE 9 */

-moz-transform:translateY(-50%);	/* Firefox */ 

-webkit-transform:translateY(-50%); /* Safari �� Chrome */

-o-transform:translateY(-50%);	/* Opera */

}

.DivC{

		transform:translate(-50%,-50%);

		-ms-transform:translate(-50%,-50%); 	/* IE 9 */

		-moz-transform:translate(-50%,-50%);	/* Firefox */ 

		-webkit-transform:translate(-50%,-50%); /* Safari �� Chrome */

		-o-transform:translate(-50%,-50%);	/* Opera */

}

.ImgBig:hover img{

	-webkit-transform: scale(1.05, 1.05);

    -moz-transform: scale(1.05, 1.05);

    -o-transform: scale(1.05, 1.05);

    transform: scale(1.05, 1.05);

	}

	.trans,.trans *{

		transition: all .3s ease-out 0s;

		-moz-transition: all .3s ease-out 0s; /* Firefox 4 */

		-webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */

		-o-transition: all .3s ease-out 0s; /* Opera */

}



	.trants,.trants *{

		transition:all .8s ease 0s;

		-moz-transition: all .8s ease 0s; /* Firefox 4 */

		-webkit-transition:all .8s ease 0s; /* Safari 和 Chrome */

		-o-transition: all .8s ease 0s; /* Opera */

}





img {



	image-rendering: -moz-crisp-edges;         /* Firefox */

	image-rendering: -o-crisp-edges;         /* Opera */

	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */

	image-rendering: crisp-edges;

	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */

	

	/*

	object-fit: fill; 

	object-fit: contain;

	object-fit: scale-down;

	*/



}

input{ outline:none;}

.cul ul,.cul li,.cul dl,.cul dt,.cul dd{ margin:0px; padding:0px; list-style:none;}

.culs ul,.culs li,.culs dl,.culs dt,.culs dd{list-style:none;}

.culs ul{ margin:0px; padding:0px;}

.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both; padding:0; margin:0;} 

.DivFlow{ overflow:hidden;}

.dn{ display:none;}

.mn{ margin:0px auto;}

input::-webkit-input-placeholder{   color:#ddd;   }

        input::-moz-placeholder{   /* Mozilla Firefox 19+ */

            color:#eee;

        }

        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

            color:#eee;

        }

        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 

            color:#eee;

        }

.DivW{ width:1190px;}

.p15{ padding-left:15px;padding-right: 15px;}

#ClCache{padding: 0px; margin: 0px; height: 0px; line-height: 0px;}

.imgauto img{width: 100%; height: auto;image-rendering: pixelated;}

.text-left{ text-align: left;}

.text-right{text-align: right;}