@charset "utf-8";

/*

*********	Author:Corey

*********	Date:2017/07/07

*********	QQ:735701122

*/

/*reset Css*/

body{

	background-color: #fff;/*整体背景颜色*/

	-webkit-touch-callout: none;/*-webkit-user-select: none;*//*禁止复制*/

	-webkit-text-size-adjust:100%;

	-webkit-tap-highlight-color:rgba(255,255,255,0);/*点击高亮效果*/

}

/*clearfix*/

.clearfix{*zoom:1}

.clearfix:before,

.clearfix:after{display:table;content:""}

.clearfix:after{clear:both}

body, button, input, pre, select, textarea{font-size: 14px;font-family:'Microsoft YaHei','Arial';}

article, aside, audio, body, canvas, caption, details, div, figure, footer, header, hgroup, html, iframe, img, mark, menu, nav, object, section, span, summary, table, tbody, td, tfoot, thead, tr, video{margin: 0;padding: 0;border: 0;}

a, abbr, address, b, blockquote, cit, code, dd, del, dfn, dl, dt, em, fieldset, h1, h2, h3, h4, h5, h6, hr, i, ins, label, legend, li, ol, p, pre, q, samp, small, strong, sub, sup, ul{border: 0;vertical-align: baseline;margin: 0;padding: 0;}

article, aside, audio, canvas, figcaption, figure, figure img, footer, header, hgroup, nav, section, video{display: block;}

table{border-collapse: separate;border-spacing:0;}

table caption, table td, table th{text-align: left;vertical-align: middle;}

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

input,textarea{-webkit-appearance: none;border-radius:0;}

ol,ul,li{list-style: none;}

a, a:active{color: inherit;text-decoration: none;cursor:pointer;}

a{border:0;}

em{font-style:normal;}

@-webkit-keyframes bounce {

	0%, 100% {

		-webkit-transform:scale(1);

		-moz-transform:scale(1);

		-ms-transform:scale(1);

		-o-transform:scale(1);

		transform:scale(1)

	}

	50% {

		-webkit-transform:scale(1.5);

		-moz-transform:scale(1.5);

		-ms-transform:scale(1.5);

		-o-transform:scale(1.5);

		transform:scale(1.5)

	}

}

@keyframes bounce {

	0%, 100% {

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-ms-transform:scale(1);

	-o-transform:scale(1);

	transform:scale(1)

	}

	50% {

	-webkit-transform:scale(1.5);

	-moz-transform:scale(1.5);

	-ms-transform:scale(1.5);

	-o-transform:scale(1.5);

	transform:scale(1.5)

	}

}

/*End reset*/



/*public Css*/

/*通用*/

*{box-sizing:border-box;}

*::before, *::after{box-sizing:border-box;}

*:focus{outline:none;}

html{-ms-touch-action:none;/* 阻止windows Phone 的默认触摸事件 */}

/*兼容iphone去除默认input表单默认设置*/

input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;}



/*图片默认样式*/

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

/*动画效果 所有属性获得过度*/

*{transition-property:all;}

.com-img img{transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}

.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



.fl{float:left;}

.fr{float:right;}

.show{display:block;}

.hide{display:none;}

.taC{text-align:center;}

.taL{text-align:left;}

.taR{text-align:right;}

.ttU{text-transform:uppercase;}

.ofH{overflow:hidden;}

.fwB{font-weight:600;}

.vaM{vertical-align:middle;}

.pst-rel{position:relative;}

.pst-abs{position:absolute;}



/*字体引入*/

@font-face {

    font-family: 'fm';
    src: url('../fonts/fm.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/fm.woff') format('woff'),
	 url('../fonts/fm.ttf') format('truetype'),
	 url('../fonts/fm.svg#NeuesBauenDemo') format('svg');

}



@font-face {

    font-family: 'inum';

    src: url('../fonts/GOTHIC.ttf') format('truetype');

}



@font-face {

    font-family: 'fmb';
	src: url('../fonts/fmbold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/fmbold.woff') format('woff'),
	url('../fonts/fmbold.ttf') format('truetype'),
	url('../fonts/fmbold.svg#NeuesBauenDemo') format('svg');
	font-weight:bold;

}



@font-face {

    font-family: 'fml';
	src: url('../fonts/fmlight.eot?#iefix') format('embedded-opentype'),
	url('../fonts/fmlight.woff') format('woff'),
	url('../fonts/fmlight.ttf') format('truetype'),
	url('../fonts/fmlight.svg#NeuesBauenDemo') format('svg');
}



.fm_arial{font-family:"Arial";}



/*flex IE10以下不兼容*/

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}

.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}

.flex-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;}

.flex-3{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;}

.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}

.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}

.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

.vertical-container{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}



/*限制行数 -- 一行*/

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

/*限制行数 -- 当字号为12px,line-height为25时，限制高为50，如有改变，自行设置高度,为了兼容不支持line-clamp属性的浏览器*/

.line2{height:50px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;}

.line3{height:75px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;-webkit-box-orient:vertical;}



/*动画--规定动画移动出去的时间*/

a:hover{-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.animation{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.noSelect{user-select:none;}



/*分页*/

.pagination{width:100%;height:auto;text-align:left;position:relative;overflow:hidden;}/*分页*/

.pagination a{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;margin:0px 10px;font-size:18px;color:#333;font-family: "fml";}

.pagination a.on, .pagination a:hover{border-bottom:1px solid #fce501;}



/*小米鼠标移动效果*/

/*ul li{width:23.75%;float:left;padding:40px;background:#fff;margin-top:30px;margin-left:1.04%;text-align:center;-webkit-transition:all .2s linear;transition:all .2s linear;}

ul li:hover{-webkit-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}*/



/*常用伪类效果*/ /**自定义颜色，宽高等**/

/*.pub-wl-tit{position:relative;}

.pub-wl-tit:after{content:"";position:absolute;left:50%;bottom:0px;width:30px;height:1px;background:#000;margin-left:-15px;}

.pub-wl-tit:before{content:"";position:absolute;right:0px;bottom:0px;width:30px;height:1px;background:#000;}*/



/*图片去色处理，IE兼容较差*/

/*.photo-gray img{

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

}



.photo-gray img:hover{

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    filter: grayscale(0%);

    filter: gray;

}*/



.trs{transition: all 0.5s ease-in-out 0;}



/* 背景拉升效果 */

/* 背景图片 */

.bg-pic{background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;text-align:center;transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;object-fit: cover;}



/* 滑动到该位置时 */

.bg-pic.active{transition-delay:0.4s !important; transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 5.0s ease; -moz-transition:all 5.0s ease; -ms-transition:all 5.0s ease; -o-transition:all 5.0s ease; transition:all 5.0s ease;}















/*- opacity -*/

.banner .t1,.banner .t2,.banner .t3{transform:translateY(-80px);-webkit-transform:translateY(-80px);opacity:0;transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;}

.banner .t2{transition-delay:0.8s;-webkit-transition-delay:0.8s;transform:translateY(-80px);-webkit-transform:translateY(-80px);}

.banner .t3{transition-delay:1.5s;-webkit-transition-delay:1.5s;}



/*- active -*/

.active .t1,.active .t2,.active .t3{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}



/*- other -*/

.pro-stage .p-image-inner.active{-webkit-transition: -webkit-transform 0.3s ease-out 0s !important;transition: -webkit-transform 0.3s ease-out 0s !important;transition: transform 0.3s ease-out 0s !important;transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s !important;-webkit-animation: none !important;animation: none !important;}