﻿
.pic{
	display:block;
	width:100%;
	overflow:hidden;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	}
.pic img{
	display:block;
	width:100%;
	transition:600ms;
	-webkit-transition:600ms;
	}
.scapic:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	} 
.tx{ 
	text-align:justify;
	overflow:hidden;
	line-height:25px !important;
	}
.freetx{
	text-align:justify;
	}
.freetx img{ 
	display:block;
	margin:0 auto; 
	max-width:100%;
	height:auto !important;
	}
.nowti{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden; 
	line-height:1.4;
	}
.ti{
	line-height:1.4;
	}
.ico,.aw{
	width:100%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	transition:300ms;
	-webkit-transition:300ms;
	position:relative;
	}
.cover,.bg{
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:600ms;
	-webkit-transition:600ms;
	}
.bg{
	transition:300ms;
	-webkit-transition:300ms;
	}
.fixbg{
	width:100%;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	background-attachment:fixed;
	-webkit-background-attachment:fixed;
	background-attachment:scroll\9;
	position: relative;
	}
.menubox{
	position:fixed;
	top:-100%;
	height:100%;
	left:0;
	right:0;
	background:#f8f8f8;
	z-index: 900;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	z-index:1011;
	}
.black{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:;
	z-index:1008;
	display:none;
	}

.slick-dots{ font-size:0; text-align:center; margin-top:30px; }
.slick-dots li{ width:11px; height:11px; background:#ccc; border-radius:100%; margin:0 5px; display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; }
.slick-dots li a{ display:block; width:100%; height:100%; }
.slick-dots li.slick-active,.slick-dots li:hover{ background:#78b92d !important; }
.mcv{ line-height:44px; text-align:center; display:none; cursor:pointer; color:#fff; font-size: 16px; } 
.pospic{ display:block; width:100%; }
.labox{ position:fixed; top:0; left:0; bottom:0; right:0; background:; z-index:1022; }
.open{ overflow:hidden; }
.open .labox{ overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;  }
/* animation */
.trtion{ transition:700ms; -webkit-transition:700ms; transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; }
.transy{ transform:translatey(80px); -webkit-transform:translatey(80px); opacity:0;  }
.transyt{ transform:translatey(60px); -webkit-transform:translatey(60px); opacity:0;  }
.transy2{ transform:translatey(-80px); -webkit-transform:translatey(-80px); opacity:0; }
.transx{ transform:translatex(80px); -webkit-transform:translatex(80px); opacity:0;  }
.transx2{ transform:translatex(-80px); -webkit-transform:translatex(-80px); opacity:0; }
.scale{ transform:scale(0.5); -webkit-transform:scale(0.5); opacity:0; }
.transshow{ transform:translate(0) scale(1); -webkit-transform:translate(0) scale(1); opacity:1; }
.rotate{ opacity: 0; -webkit-transform: translatex(-100%) rotate(-120deg); transform: translatex(-100%) rotate(-120deg);  }
.rotate.show{ opacity: 1; -webkit-transform: translatex(0px) rotate(0deg); transform: translatex(0px) rotate(0deg); transition: 700ms ease 300ms; -webkit-transition: 700ms ease 300ms; }
.rotate2{ transform-origin: 0 50% 0; -webkit-transform-origin: 0 50% 0; transform: rotatey(-90deg); -webkit-transform: rotatey(-90deg); opacity: 0; transition:800ms cubic-bezier(0.55, 0.31, 0.15, 0.93); -webkit-transition:800ms cubic-bezier(0.55, 0.31, 0.15, 0.93); }
.rotate2.show{ transform: rotatey(0deg); -webkit-transform: rotatey(0deg); opacity: 1;  }
.dly_1{ transition-delay:100ms; -webkit-transition-delay:100ms; }
.dly_2{ transition-delay:200ms; -webkit-transition-delay:200ms; }
.dly_3{ transition-delay:300ms; -webkit-transition-delay:300ms; }
.dly_4{ transition-delay:400ms; -webkit-transition-delay:400ms; }
.dly_5{ transition-delay:500ms; -webkit-transition-delay:500ms; }
.dly_6{ transition-delay:600ms; -webkit-transition-delay:600ms; }
.dly_7{ transition-delay:700ms; -webkit-transition-delay:700ms; }
.dly_8{ transition-delay:800ms; -webkit-transition-delay:800ms; }
.dly_9{ transition-delay:900ms; -webkit-transition-delay:900ms; }
.dly_10{ transition-delay:1s; -webkit-transition-delay:1s; }
.dly_11{ transition-delay:1.1s; -webkit-transition-delay:1.1s; }
.dly_12{ transition-delay:1.2s; -webkit-transition-delay:1.2s; }
/* animation end */




/* lightbox */
.fancybox-nav span {
    width: 40px;
    height: 40px;
    margin-top: -20px;
	background: no-repeat;
	}
.fancybox-nav {
	top:50%;
	margin-top:-20px;
    width: 40px;
    height: 40px;
	background: no-repeat;
	}
.fancybox-prev{
	left:-70px;
	}
.fancybox-next{
	right:-70px;
	background-position:right center;
	}
.fancybox-overlay {
    background:;
	}
.fancybox-close {
	width: 30px;
	height: 30px;
    top: 15px;
    right: -15px;
	background: no-repeat;
	}
.fancybox-opened .fancybox-skin {
    box-shadow:none;
	}
.fancybox-skin{
	background:none;
	border-radius:none;
	}
/* lightbox end */
/*三角形*/
.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 10px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
	}
/* flexslider */
.flexslider{ margin-bottom:0; border:none; }
.flex-direction-nav a{ font-size:0; text-shadow:none; }
.flex-nav-prev a{ background: no-repeat center center; }
.flex-nav-next a{ background: no-repeat center center; }
.flex-direction-nav a.flex-next::before,.flex-direction-nav a.flex-prev::before{ content:''; }
#carousel li{ background:#000; }
#carousel img {display: block; opacity: .3; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}



