@charset "utf-8";
/* CSS Document */
html,body{
	height:100%;
}
body{
    font-size:12px;
	font-family:"宋体";
	color:#555;
	background:#f2f2f2;
	padding:0px;
}
*{
	margin:0px;
	border:0px;
	padding:0px;
	-webkit-appearance: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	outline:none;
}
ul{ 
   list-style:none;
}
ul li{ 
   list-style-type:none;
}
dl>div{
	clear:inherit!important;
}
div{
	word-break:break-all;
	word-wrap:break-word;
}
h1,h2,h3,h4,h5,h6{
    font-size: 14px;
    font-family:"微软雅黑";
    font-weight: 500;
}
.clear{
	clear:both;
	font-size:0px;
	visibility:hidden;
	width:0px;
	line-height:0px!important;height:0;
}	
a{
	color:#555;
	text-decoration:none;
}
a:hover{
	color:#555;
}
.tip,.tip a,a.tip{
	color:#bbb;
}
.tipped{
	color:#bbb;
	font-family:"宋体";
}
.warning,.warning a,a.warning{
	color:#ff4b8c;
}
.highlight,.highlight a,a.highlight{
	color:#2b98b9;
}
.secondary,.secondary a,a.secondary{
	color:#999;
}
input,select{
	vertical-align:middle;
    outline:none;
    color:#555;
    font-size:12px;
    font-family:Arial,"宋体";
}
textarea{
    outline:none;
    color:#555;
}
input[type="checkbox"]{
    height:13px;
    width:13px;
    -webkit-appearance: none;
    background: none;
    border: 1px solid #ccc;
    cursor:pointer;
}
input[type="checkbox"]:checked{
	background:#0f8fcc url(../images/checked.png) center center no-repeat;
    border: 1px solid #0f8fcc;
}
input[type="radio"] {
    width:14px;
    height:14px;
    outline:none;
    -webkit-appearance: none;
    border:1px solid #999;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    vertical-align:middle;
    cursor:pointer;
}
input[type="radio"]:checked {
    background:url(../images/radio.png) center center no-repeat;
    border:1px solid #999;
}
.en{
    font-family:Arial;
}
.h10{
	height:10px;
	margin:0 auto;
	clear:both;
}
img{
	max-width:100%;
}
body p.subTitle,.subTitle{
	font-family:Arial;
	font-size:14px;
	font-weight:500;
	text-indent:0px;
}
.buttonbar {
    padding-top: 10px;
    text-align: center;
    clear: both;
}
.header_wrapper{
	width:100%;
	top:0px;
	z-index:99;
	background:#202122;
	position:fixed;
}
.fixed{
	position:fixed;
}
.none{
	display:none;
}
.block{
	display:block;
}
.header{
	max-width:1200px;
	height:80px;
	margin:0 auto;
	color:#fff;
	overflow:hidden;
}
@media screen and (max-width: 1000px){
	.header{
		height:50px;
		display:inherit;
	}
}
.h80h50{
	height:80px;
}
@media screen and (max-width: 1000px){
	.h80h50{
		height:50px;
	}
}
.header a{
	color:#fff;
}
.logo{
	line-height:80px;
	float:left;
	font-family:Arial;
	font-size:16px;
	font-weight:500;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: space-between;
}
.logo a:nth-child(2) {
    line-height:16px;
    padding-left: 10px;
}
.logo a:nth-child(2) span{
	font-size:12px;
	line-height:14px;
}
.logo img{
	vertical-align:middle;
}
@media screen and (max-width: 1000px){
	.logo{
		line-height:50px;
	}
	.logo img{
		max-height:40px;
	}
}
.menu{
	float:right;
	font-size:14px;
	font-weight:500;
	line-height:80px;
	font-family:"微软雅黑";
}
@media screen and (max-width: 1000px){
	.menu{
		display:none;
	}
}
.menu li{
	float:left;
	text-align:right;
}
.menu li a{
	padding:0px 15px;
	display:block;
}
.menu .clickclass,.menu a.clickclass{
	color:#00baef;
}
.menu li a:hover{
	color:#fff;
	background:#00baef;
}
.menu li ul{
	font-size:14px;
	display:none;
	background:#202122;
	line-height:45px;
	position:absolute;
	top:80px;
	z-index:1;
}
.menu li ul li{
	text-align:center;
	float:none;
}
.menu li:hover ul{
	display:block;
}
.menu li ul li:hover{
	background:#00baef;
}
.login{
	width:auto;
	text-align:right;
	cursor:pointer;
	font-size:14px;
	line-height:80px;
	float:right;
	text-align:right;
	font-family:Arial,"微软雅黑";
	font-weight:500;
}
.login a{
	display:block;
	padding-left:20px;
	float:left;
}
/*slide导航开始*/
.nav_ico{
	width:20px;
	float:right;
	padding:15px 10px 0px 10px;
	height:35px;
	text-align:center;
}
@media screen and (min-width: 1000px){
	.nav_ico{
		display:none;
	}
}
.nav_ico span{
	display:inline-block;
	width:20px;
	height:20px;
	line-height:6px;
	cursor:pointer;
	position: relative;
	transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 1000px){
	.nav_ico{
		height:50px;
		padding:30px 10px 0px 10px;
	}
	.close_ico{
		width:60px;
	}
}
.nav_ico i{
	width:100%;
	height:2px;
	display:block;
	background:#fff;
	overflow:hidden;
	position:absolute;
}
.nav_ico i:nth-child(1){
	top:1.5px;
}
.nav_ico i:nth-child(2){
	top:50%;
	transform:translateY(-50%);
}
.nav_ico i:nth-child(3){
	bottom:1.5px;
}
.close_ico span{
	 transform:rotate(135deg);
	 transition: all 0.3s ease-in-out;
}
.close_ico i:nth-child(1) {
	top:50%;
	transform:translateY(-50%);
}
.close_ico i:nth-child(2) {
	opacity: 0;
}
.close_ico i:nth-child(3) {
	top:50%;
	transform: translateY(-50%) rotate(90deg);
}
@media screen and (min-width: 1000px){
	.close_ico span{
		 transform:rotate(180deg);
		 transition: all 0.3s ease-in-out;
	}
	.close_ico i{
		width:5px;
		height:5px;
		border-radius:50%;
	}
	.close_ico i:nth-child(1) {
		top:50%;
		left:0px;
		transform:translateY(-50%);
	}
	.close_ico i:nth-child(2) {
		opacity: 1;
		left:50%;
		transform:translate(-50%,-50%);
	}
	.close_ico i:nth-child(3) {
		top:50%;
		right:0px;
		transform: translateY(-50%);
	}

}
.slide_mask {
	background: rgba(0, 0, 0, 0.1); 
	right: 0px; 
	top: 0px;
	width: 100%;
	height:100%;
	display: none;
	position:fixed; 
	z-index:100;
	transition:0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	cursor:pointer;
}
@media screen and (min-width: 1000px){
	.slide_mask{
		background: rgba(0, 0, 0, 0);
		width:80px;
	}
}
.slide_nav {
	right: -1px;
	top: 50px;
	position:fixed;
	z-index:100; 
	transition:0.3s ease-out;
	transform: translate3d(100%, 0px, 0px);
	-ms-transform: translate(100%, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0); 
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out; 
	-ms-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
	background:#414756;
	display:block;
	font-size:15px;
	height:calc(100% - 100px);
	overflow-y:auto;
	overflow-y:overlay;
	overflow-x:hidden;
}
@media screen and (min-width: 1000px){
	.slide_nav{
		top:80px;
		height:calc(100% - 80px);
	}
}
@media screen and (min-width: 1000px){
	.slide_nav::-webkit-scrollbar {
		width:5px;
		height:5px;
	}
	.slide_nav::-webkit-scrollbar-thumb, .slide_nav::-webkit-scrollbar-thumb:horizontal {
	  border-radius:3px;
	  background:#818195;
	}
	.slide_nav::-webkit-scrollbar-button {
		display: none;
	}
	.slide_nav::-webkit-scrollbar-track, .slide_nav::-webkit-scrollbar-track-piece {
		background: -webkit-gradient(linear,left);
	}
	.slide_nav::-webkit-scrollbar-track-piece {
		background: #2b2b31;
	}
}
.moved.slide_nav {
	transform: translate3d(0, 0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}
.slide_nav li{
	line-height:35px;
}
.slide_nav li > a {
	padding:0px 10px;
	color:#eee;
	display: block;
}
.slide_nav li li a{
	padding:0px 10px 0px 32px;
	position:relative;
	font-size:14px;
}
.slide_nav li li a:before{
	content:"";
	height:4px;
	width:4px;
	border-width: 1px 1px 0 0;
    border-color:#fff;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	display:inline-block;
	position:absolute;
	left:18px;
	top:16px;
}
.slide_nav li.current > a,.slide_nav li a:hover {
	background:#00baef;
}
/*slide导航结束*/
#superContainer {
    height: 100%;
    position: relative;
}
.section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	height:100%;
	background-size:cover;
	overflow:hidden;
}
.slide {
    float: left;
}
.slide, .slidesContainer {
    height: 100%;
    display: block;
}
.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section.table, .slide.table {
    display: table;
    width: 100%;
}
.tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}
.controlArrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.controlArrow.prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.controlArrow.next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.scrollable {
    overflow: scroll;
}
.easing {
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
#fullPage-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fullPage-nav.right {
    right: 17px;
}
#fullPage-nav.left {
    left: 17px;
}
.fullPage-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fullPage-slidesNav.bottom {
    bottom: 17px;
}
.fullPage-slidesNav.top {
    top: 17px;
}
#fullPage-nav ul,
.fullPage-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fullPage-nav li,
.fullPage-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fullPage-slidesNav li {
    display: inline-block;
}
#fullPage-nav li a,
.fullPage-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
    background: #fff;
}
#fullPage-nav span,
.fullPage-slidesNav span {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    background:#000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.fullPage-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family:Arial;
    top: -2px;
}
.fullPage-tooltip.right {
    right: 20px;
}
.fullPage-tooltip.left {
    left: 20px;
}

#fullPage-nav{
	min-width:auto;
}
#fullPage-nav.left {
    left: 0px;
}
#fullPage-nav li{
	width:auto;
	height:30px;
	margin:0px;
}
#fullPage-nav li a{
	font-size:14px;
	font-family:Arial;
	color:#fff;
	line-height:30px;
}
#fullPage-nav li span{
	width:10px;
	height:auto;
	background:none;
	margin-left:20px;
	display:inline-block;
	white-space:nowrap;
	overflow:hidden;
	transition: all 0.5s ease-out 0s;
}
#fullPage-nav li a span:before{
	width:10px;
	display:inline-block;
}
@media screen and (max-width: 1000px){
	#fullPage-nav li span{
		margin-left:0px;
	}
}
#fullPage-nav li:hover span{
	width:72px;
	transition: all 0.5s ease-in 0s;
	color:#00bdf0;
}
#fullPage-nav li .active span{
	width:72px;
	background:none;
	color:#00bdf0;
	transition: all 0.8s ease-in 0s;
}
#fullPage-nav li a:after{
	position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width:0px;
    height: 1px;
    background:#00bdf0;
    content: "";
	transition: all 0.5s ease-out 0s;
}
#fullPage-nav li a.active:after{
    width:48px;
	transition: all 0.5s ease-in 0s;
}
#fullPage-nav li:nth-child(3) a.active:after,#fullPage-nav li:nth-child(5) a.active:after{
	width:68px
}
#fullPage-nav li:nth-child(4) a.active:after{
	width:42px
}
#fullPage-nav li:nth-child(1) span:before{
	content:"H";
}
#fullPage-nav li:nth-child(1) span:after{
	content:"OME";
}
#fullPage-nav li:nth-child(2) span:before{
	content:"A";
}
#fullPage-nav li:nth-child(2) span:after{
	content:"BOUT";
}
#fullPage-nav li:nth-child(3) span:before{
	content:"B";
}
#fullPage-nav li:nth-child(3) span:after{
	content:"USINESS";
}
#fullPage-nav li:nth-child(4) span:before{
	content:"S";
}
#fullPage-nav li:nth-child(4) span:after{
	content:"TORE";
}
#fullPage-nav li:nth-child(5) span:before{
	content:"C";
}
#fullPage-nav li:nth-child(5) span:after{
	content:"ONTACT";
}
.banner{
	margin:0 auto;
	width:100%;
	height:100%;
}
.banner video{
	width:100%;
	height:auto;
	background:#000;
}
@media screen and (max-width: 750px){
	.banner video{
		height:100%!important;
	}
}
.banner .slide001{
	width:100%;
	height:100%;
}
.banner .main_image,.banner ul{ 
	height:100%;
}

.banner .main_image li{
	height:100%;
	background-size:cover;
	background-color:#000;
}
.banner .main_image li a{
	display:block;
	height:100%;
}
.banner #btn_prev,.banner #btn_next{
	visibility:visible;
}
.banner .flicking_con{
	bottom:30px;
}
@media screen and (max-width: 750px){
	.banner .flicking_con{
		bottom:50px;
	}
}
.banner01{
	background:#000;
}
.banner02{
	background:#000 url(../images/banner02.jpg) no-repeat center center;
}
.banner03{
	background:#000 url(../images/banner03.jpg) no-repeat center center;
}
.banner04{
	background:#000 url(../images/banner04.jpg) no-repeat center center;
}
video{
	width:100%;
	height:100%;
	outline:none;
	background:#000;
}
@keyframes textin{
	0%{transform: translate(-50%, -0%); opacity:0;}
	15% {transform: translate(-50%, -70%); opacity:0.1;}
	30% {transform: translate(-50%, -50%); opacity:1;}
	100% {transform: translate(-50%, -50%); opacity:1;}
}
.textin{
	position:absolute;
	top:50%;
	top: 50%;
	left:50%;
    transform: translate(-50%, -50%);
	font-size:30px;
	line-height:30px;
	color:#fff;
	font-family:Arial,"微软雅黑";
	animation: textin  8s ease-in-out 0s alternate infinite;
}
.textin span{
	font-size:14px;
}
.page01{
	background:#000   no-repeat top center;
}
.page02{
	background:#000 url(../images/bg02.jpg) no-repeat top center;
	background-size:cover;
}
.page03{
	background:#000 url(../images/bg03.jpg) no-repeat top center;
	background-size:cover;
}
.page04{
	background:#000 url(../images/bg04.jpg) no-repeat top center;
	background-size:cover;
}
.page05{
	background:#000 url(../images/bg05.jpg) no-repeat top center;
	background-size:cover;
}
.LeftIn{
	transition: all 0.5s ease-in 0s;
}
.RightIn{
	transition: all 0.5s ease-in 0s;
}
.TopIn{
	transition: all 0.5s ease-in 0s;
}
.FadeIn{
	transition: all 0.5s ease-in 0s;
}
.DownUp{
	transition: all 0.5s ease-in 0s;
}
.main{
	width:100%;
	margin:0 auto;
	position:relative;
	vertical-align: middle;
}
.left{
	position:absolute;
	top: 50%;
    transform: translate(0, -50%);
}
.center{
	position:absolute;
	top: 50%;
	left:50%;
    transform: translate(-50%, -50%);
}
.right{
	position:absolute;
	top:50%;
	transform: translate(0, -50%);
}
.page02 .main{
	margin:0 auto;
	height:100%;
}
.page02 .left{
	padding:80px 50px 0px 120px;
	width:calc(50% - 150px);
	left:-30%;
	opacity:0; 
	transition:all 1s ease-out 0s;
}
@media screen and (max-width: 1000px){
	.page02 .left{
		padding:0px 0px 0px 60px;
		width:calc(100% - 65px);
		z-index:1;
	}
}
.page02 .LeftIn{
	left:0px;
	opacity:1; 
	transition:all 1s ease-in 0s;
}
.title{
	width:100%;
	text-align:center;
	font-size:14px;
	font-family:"微软雅黑";
	color:#fff;
	padding-bottom:15px;
}
.title span{
	font-size: 35px;
	line-height:35px;
    font-family: Times New Roman;
}
@media screen and (max-width: 1000px){
	.title span{
		font-size: 25px;
		line-height:25px;
		font-family: Times New Roman;
	}
}
.content{
	font-size:14px;
	font-family:"微软雅黑";
	color:#fff;
}
.content p{
	text-indent:2em;
	line-height:25px;
	text-align:justify;
	text-justify:inter-ideograph;
}
@media screen and (max-width: 1000px){
	.content{
		font-size:12px;
	}
	.content p{
		line-height:20px;
	}
}
.page02 ul{
	min-height:20px;
}
.page02 li{
	width:25%;
	text-align:center;
	float:left;
}
.page02 .content:nth-child(3){
	padding:30px 0px;
	line-height:20px;
}
@media screen and (max-width: 1000px){
	.page02 .content:nth-child(3){
		padding:20px 0px;
	}
}
.page02 .content:nth-child(3) span{
	font-size:26px;
	line-height:auto;
}
@media screen and (max-width: 1000px){
	.page02 .content:nth-child(3) span{
		font-size:22px;
	}
}
.page02 .content:nth-child(4){
	background:#202122;
	padding:20px 0px;
	border-radius: 5px;
}
.page02 .content:nth-child(4) span{
	line-height:20px;
}
.page02 .zoomin  li{
	width:25%;
	height:auto;
	overflow:hidden;
}
.page02 .zoomin a{
	display:inline-block;
}
.page02 .zoomin img{
	width:0px;
	height:0px;
	vertical-align:middle;
	border:1px solid #fff;
	border-radius:50%;
	opacity:0;
	width:50px;
	height:50px;
}
.page02 .zoomin li:nth-child(1) img{
	transition:all 1s ease-out 0s;
}
.page02 .zoomin li:nth-child(2) img{
	transition:all 1s ease-out 0s;
}
.page02 .zoomin li:nth-child(3) img{
	transition:all 1s ease-out 0s;
}
.page02 .zoomin li:nth-child(4) img{
	transition:all 1s ease-out 0s;
}
.page02 .ZoomIn li:nth-child(1) img{
	opacity:1;
	transition:all 0.3s ease-in 1s;
}
.page02 .ZoomIn li:nth-child(2) img{
	opacity:1;
	transition:all 0.3s ease-in 1.3s;
}
.page02 .ZoomIn li:nth-child(3) img{
	opacity:1;
	transition:all 0.3s ease-in 1.6s;
}
.page02 .ZoomIn li:nth-child(4) img{
	opacity:1;
	transition:all 0.3s ease-in 1.9s;
}
.page02 .zoomin span{
	opacity:0;
}
.page02 .zoomin li:nth-child(1) span{
	transition:all 1s ease-out 0s;
}
.page02 .zoomin li:nth-child(2) span{
	transition:all 1s ease-out 0s;
}
.page02 .zoomin li:nth-child(3) span{
	transition:all 1s ease-out 0s;
}
.page02 .zoomin li:nth-child(4) span{
	transition:all 1s ease-out 0s;
}
.page02 .ZoomIn li:nth-child(1) span{
	opacity:1;
	transition:all 0.3s ease-in 1s;
}
.page02 .ZoomIn li:nth-child(2) span{
	opacity:1;
	transition:all 0.3s ease-in 1.3s;
}
.page02 .ZoomIn li:nth-child(3) span{
	opacity:1;
	transition:all 0.3s ease-in 1.6s;
}
.page02 .ZoomIn li:nth-child(4) span{
	opacity:1;
	transition:all 0.3s ease-in 1.9s;
}
@keyframes rotation{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.rotation li:hover img{
	animation: rotation 1s 1;
}
.page02 .buttonbar{
	padding-top:20px;
}
.more{
	background:#00bdf0;
	line-height:40px;
	padding:0px 20px;
	font-size:14px;
	font-family:"微软雅黑";
	color:#fff;
	display:inline-block;
	border-radius:3px;
}
.more:hover{
	color:#fff;
	background:#0094ee;
}
.page02 .right{
	width:46%;
	height:100%;
	right:-100%;
	overflow:hidden;
	text-align:right;
	transition:all 1s ease-out 0s;
	opacity:0.1;
}
@media screen and (max-width: 1000px){
	.page02 .right{
		width:100%;
	}
}
.page02 .right.RightIn{
	right:0;
	opacity:1; 
	
}
.page02 .right a{
	display:block;
	width:100%;
	height:100%;
}
.page02 .right img{
	cursor:pointer;
	transition: all 1s ease 0s;
}
@media screen and (max-width: 1000px){
	.page02 .right img{
		opacity:0.8;
	}
}
.page02 .right img:hover{
	transform:translate(-50%, -50%) scale(1.1)!important;
}
.page03 .main{
	max-width:1800px;
	margin:0 auto;
	height:100%;
}
.page03 .left{
	padding:80px 50px 0px 120px;
	width:calc(50% - 150px);
	height:484px;
	left:0;
	z-index:1;
}
@media screen and (max-width: 1000px){
	.page03 .left{
		padding:0px 0px 0px 78px;
		width:calc(100% - 80px);
		height:484px;
	}
}
@media screen and (max-width: 750px){
	.page03 .left{
		height:400px;
	}
}
.page03 .left .title{
	width:300px;
	text-align:left;
	pacity:0;
	margin-left:-30px;
	transition:all 1s ease-out 0s;
}
.page03 .left .title.LeftIn{
	pacity:1;
	margin-left:0;
	transition:all 1s ease-in 0s;
}
.page03 .left .content:nth-child(2) {
    height: 0px;
    overflow: hidden;
    transition: all 1s ease-out 0s;
}
.page03 .left .content:nth-child(2).TopIn{
	height:340px;
	opacity:1;
	transition:all 1s ease-in 0s;
}
.page03 .left li{
  	height:48px;
	position:relative;
	cursor:pointer;
}
@media screen and (max-width: 1000px){
	.page03 .left .content:nth-child(2).TopIn{
		height:292px;
	}
	.page03 .left li:nth-child(3){
		display:none;
	}
	.page03 .buttonbar{
		padding-top:0px;
	}
}
.page03 li:last-child:after{
	display:none;
}
.page03 .left li span:before{
	width: 25px;
    height: 1px;
    background: rgba(255,255,255,0.5);
    content: "";
	position:absolute;
	left:0px;
	top:20px;
	line-height:20px;
}
.page03 .left li span i{
	font-size:12px;
	font-style: normal;
}
.page03 .left li:hover{
	color:#00bdf0;
}
.page03 li.active{
	color:#00bdf0;
}
.page03 .left img{
	width:35px;
	height:35px;
	vertical-align:middle;
	border:1px solid #fff;
	border-radius:50%;
}
.page03 .left li span{
	position:absolute;
	left:35px;
	padding-left:25px;
	line-height:18px;
}
.page03 .buttonbar{
	opacity:0;
	text-align:left;
	transition:all 0.1s ease-out 0s;
}
.page03 .buttonbar.FadeIn{
	opacity:1;
	transition:all 0.5s ease-in 1s;
}
.page03 .more{
	margin-left:60px;
}
.page03 li:after{
    position: absolute;
    bottom:0px;
    left:19px;
    display: block;
    width:1px;
    height:11px;
    background: rgba(255,255,255,0.5);
    content: "";
}
.page03 .right{
	max-width:520px;
	max-height:680px;
	right:-100%;
	overflow:hidden;
	text-align:right;
	margin-top:40px;
	transition:all 1s ease-out 0s;
	opacity:0;
}
@media screen and (max-width: 1000px){
	.page03 .right{
		max-width:420px;
	}
}
@media screen and (max-width: 750px){
	.page03 .right{
		display:none;
	}
}
.page03 .right.RightIn{
	opacity:1;
	right:100px;
	transition:all 1s ease-out 0s;
}
@media screen and (max-width: 1000px){
	.page03 .right.RightIn{
		right:0px;
	}
}
.page03 .right a{
	display:block;
	height:100%;
}
.page03 .right img{
	cursor:pointer;
	transition: all 1s ease 0s;
}
.page03 .right img:hover{
	transform:translate(-50%, -50%) scale(1.1)!important;
}
.page03 .center{
	width:35%;
	max-width:600px;
	height:auto;
	background: #202122;
    padding: 20px;
    border-radius:5px;
	left:50%;
	top:70%;
	transition: all 1s ease-out 0s;
	opacity:0;
}
@media screen and (max-width: 1000px){
	.page03 .center{
		width:45%;
	}
}
@media screen and (max-width: 750px){
	.page03 .center{
		display:none;
	}
}
.page03 .center.FadeIn{
	opacity:1;
	left:60%;
	transition: all 1s ease-in 0s;
}
@media screen and (max-width: 1000px){
	.page03 .center.FadeIn{
		width:45%;
		left:auto;
		right:-180px;
	}
}
.subtitle{
	font-size:14px;
	line-height:20px;
	font-family:Arial,"微软雅黑";
	color:#fff;
}
.subtitle span{
	font-size:12px;
}
.page03 .center .content{
	line-height:22px;
	padding-top:15px;
	font-size:12px;
}
.page04 .main{
	max-width: 1800px;
    display: flex;
    flex-wrap: wrap;
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.page04 .left{
	padding:80px 0px 0px 120px;
	width:120px;
	left:0;
	height:324px;
}
@media screen and (max-width: 1060px){
	.page04 .left{
		padding:80px 50px 0px 100px;
	}
}
@media screen and (max-width: 1000px){
	.page04 .left{
		padding:50px 50px 0px 80px;
	}
}
@media screen and (max-width: 750px){
	.page04 .left{
		width:100%;
		padding:0px 0px 0px 0px;
		left:auto;
	    height:190px;
		position:static;
		transform: translate(0, 0);
	}
}
.page04 .left .title{
	width:300px;
	text-align:left;
	pacity:0;
	margin-left:-30px;
	transition:all 1s ease-out 0s;
}
@media screen and (max-width: 750px){
	.page04 .left .title{
		width:100%;
		margin-left:0px;
		text-align:center;
	}
}
.page04 .left .title.LeftIn{
	pacity:1;
	margin-left:0;
	transition:all 1s ease-in 0s;
}
.page04 .left .content:nth-child(2){
	height:0px;
	padding-top:40px;
	overflow:hidden;
	transition:all 1s ease-out 0s;
}
@media screen and (max-width: 750px){
	.page04 .left .content:nth-child(2){
		width:100px;
		margin:auto;
		padding-top:0px;
	}
}
.page04 .left .content:nth-child(2).TopIn{
	height:160px;
	opacity:1;
	transition:all 1s ease-in 0s;
}
@media screen and (max-width: 750px){
	.page04 .buttonbar{
		text-align:center!important;
		padding:0px;
	}
	.page04 .left .content:nth-child(2).TopIn{
		height:85px;
	}
}
.page04 .left li{
	line-height:40px;
	font-size:14px;
	font-family:Arial,"微软雅黑";
}
@media screen and (max-width: 750px){
	.page04 .left li{
		line-height:25px;
	}
}
.page04 .left li a:before{
	width: 40px;
    height:1px;
    background:#fff;
    content: "";
	display:inline-block;
	vertical-align:middle;
	transition:all 0.2s ease-out 0s;
}
.page04 .left li:hover a:before{
	width: 50px;
	background:#00bdf0;
	transition:all 0.2s ease-in 0s;
}
.page04 .left li a{
	color:#fff;
}
.page04 .left li a:hover{
	color:#00bdf0;
}
.page04 .buttonbar{
	opacity:0;
	text-align:left;
	transition:all 0.1s ease-out 0s;
}
.page04 .buttonbar.FadeIn{
	opacity:1;
	transition:all 0.5s ease-in 1s;
}
.page04 .right{
	width:720px;
	right:5%;
	overflow:hidden;
	text-align:right;
	background:#282b30;
	display:flex;
	flex-wrap:wrap;
	margin-top:40px;
}
@media screen and (max-width: 1060px){
	.page04 .right{
		right:0px;
	}
}
@media screen and (max-width: 1000px){
	.page04 .right{
		width:calc(100% - 270px);
	}
}
.page04 .right>div{
	width:25%;
	overflow:hidden;
	text-align:center;
	float:left;
	color:#5fbef1;
}
.page04 .right img{
	max-width:100%;
	vertical-align:top;
}
.page04 .right>div i{
	font-style:normal;
	font-size:40px;
	font-family:fantasy;
	padding-top:30px;
	line-height:50px;
	position:relative;
	border-bottom:1px solid #00669d;
	display:inline-block;
}
@media screen and (max-width: 1000px){
	.page04 .right>div i{
		padding-top:20px;
	}
}
@media screen and (max-width: 800px){
	.page04 .right>div i{
		padding-top:10px;
	}
}
@media screen and (max-width: 750px){
	.page04 .right{
		width:calc(100% - 20px);
		position:static;
		transform: translate(0, 0);
		margin-left:10px;
		margin-top:10px;
	}
	.page04 .right>div i{
		padding-top:5px;
		font-size:30px;
		line-height:45px;
	}
}
@media screen and (max-width: 450px){
	.page04 .right>div i{
		padding-top:5px;
		font-size:25px;
		line-height:30px;
	}
}
.page04 .right>div span{
	font-size:14px;
	font-family:Arial,"微软雅黑";
	line-height:20px;
	width:calc(100% - 6px);
	padding:5px 3px 0px 3px;
	display:inline-block;
	verflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page04 .downup>div:nth-child(2),.page04 .downup>div:nth-child(4),.page04 .downup>div:nth-child(5),.page04 .downup>div:nth-child(7),.page04 .downup>div:nth-child(10),.page04 .downup>div:nth-child(12){
	opacity:0;
	transform: translate(0, -50%);
	transition:all 1s ease-out 0s;
}
.page04 .downup>div:nth-child(1),.page04 .downup>div:nth-child(3),.page04 .downup>div:nth-child(6),.page04 .downup>div:nth-child(8),.page04 .downup>div:nth-child(9),.page04 .downup>div:nth-child(11){
	opacity:0;
	transform: translate(0, 50%);
	transition:all 0.5s ease-out 0s;
}
.page04 .DownUp>div{
	opacity:1!important;
	transform: translate(0, 0)!important;
	transition:all 0.5s ease-in 0s!important;
}
.page04 .right img{
  transition: all 0.5s ease 0s;
}
.page04 .right img:hover{
   transform: scale(1.2);
}
.page05 .main{
	max-width:1100px;
	padding:0px 10px;
	display:flex;
	flex-wrap:wrap;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.page05 .center{
	opacity:0;
	transition:all 1s ease-out 0s;
	width:100%;
	position:static;
	transform: translate(0%, -20%);
}
.page05 .center.TopIn{
	transform: translate(0%, 0%);
	opacity:1;
	transition:all 1s ease-in 0s;
}
.page05 .center .content{
	text-align:center;
}
.page05 .left{
	width:50%;
	opacity:0;
	transition: all 1s ease-out 0s;
	position:static;
	transform: translate(-20%, 0%);
	overflow:hidden;
}
@media screen and (max-width: 750px){
	.page05 .left{
		width:calc(100% - 0px);
		margin:0px 0px;
		max-height:180px;
	}
}
.page05 .left.LeftIn{
	opacity:1;
	transition: all 1s ease-in 0s;
	transform: translate(0%,0%);
}
.page05 .left img{
	cursor:pointer;
	transition: all 1s ease 0s;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.page05 .left img:hover{
   transform:translate(-50%,-50%) scale(1.1);
}
.page05 .right{
	width:50%;
	background:#0e1116;
	opacity:0;
	transition: all 1s ease-out 0s;
	position:static;
	transform: translate(20%, 0%);
}
@media screen and (max-width: 750px){
	.page05 .right{
		width:calc(100% - 0px);
		margin:0px 0px;
		transform: translate(0%,0%);
		height:auto;
	}
}
.page05 .right a{
	color:#fff;
}
.page05 .right.RightIn{
	opacity:1;
	transition: all 1s ease-in 0s;
	transform: translate(0%,0%);
}
.page05 .right ul{
	padding:20px 25px 0px 25px; 
}
@media screen and (max-width: 750px){
	.page05 .right ul{
		padding:5px 10px 5px 10px; 
	}
}
.page05 .right li{
	width:100%;
	min-height:45px;
	line-height:30px;
	color:#fff;
	font-size:14px;
	font-family:Arial;
}
@media screen and (max-width: 750px){
	.page05 .right li{
		min-height:35px;
		line-height:30px;
	}
}
@media screen and (max-width: 750px){
	.page05 .right li:first-child{
		height:35px;
	}
}
.page05 .right li:last-child{
	width:100%;
}
.page05 .right li img{
	border:1px solid #fff;
	border-radius: 50%;
	vertical-align:middle;
	margin-right:8px;
}
.page05 .right .content{
	padding:20px 0px 0px 40px; 
}
.LeftIn{
	transition: all 05s ease-in 0s;
}
.RightIn{
	transition: all 0.5s ease-in 0s;
}
.TopIn{
	transition: all 0.5s ease-in 0s;
}
.FadeIn{
	transition: all 0.5s ease-in 0s;
}
.bottom_menu{
	width:100%;
	background:#202122;
	height:25px;
	line-height:25px;
	text-align:center;
	margin:0 auto;
	color:#fff;
	clear:both;
	padding-top:20px;
	font-family:Arial;
	bottom:50px;
}
@media screen and (max-width: 1000px){
	.bottom_menu{
		display:none;
	}
}
.bottom_menu span{
	padding:0 8px;
}
.bottom_menu img{
	vertical-align:middle;
}
.bottom_menu a{
	color:#fff;
}
.bottom{
	width:100%;
	height:50px;
	background:#202122;
	margin:0 auto;
	text-align:center;
	color:#fff;
	clear:both;
    font-family:Arial;
	bottom:0px;
}
@media screen and (max-width: 1000px){
	.bottom{
		height:50px;
		position:fixed;
		bottom:0px;
		z-index:99;
	}
}
.bottom li svg {
    height: 16px;
    fill: #fff;
    vertical-align: top;
	margin-top:3px;
}
.h0h50{
	height:0px;
}
@media screen and (max-width: 1000px){
	.h0h50{
		height:50px
	}
}
.bottom a{
    color:#fff;
}
.bottomText{
	line-height:50px;
}
@media screen and (max-width: 1000px){
	.bottomText{
		display:none;
	}
}
.bottomText a{
	color:#fff!important;
}
.bottom ul{
	max-width:1000px;
	height:50px;
	margin:0 auto;
	z-index:10000;
	font-size:14px;
}
@media screen and (min-width: 1000px){
	.bottom ul{
		display:none;
	}
}
.bottom li{
	float:left;
	width:20%;
	height:50px;
	line-height:18px;
	text-align:center;
	z-index:10000;
	font-family:"微软雅黑";
}
.bottom li a{
	display:block;
	height:45px;
    padding-top:5px;
	color:#eee;
}
.bottom i{
    font-size:20px;
    color:#eee;
}
.bottom a.navClass,.bottom a:hover,.bottom a.navClass i,.bottom a:hover i{
	color:#00baef;
} 
.bottom a.navClass svg,.bottom a:hover svg{
	fill:#00baef;
} 
.fixbox{
	color:#fff;
	position:fixed;
	right:10px;
	top:40%;
	text-align:center;
}
.fix{
	padding:2px 15px 3px 15px;
	background:#00b7ee;
	color:#fff;
	-moz-border-radius:3px;    
    -webkit-border-radius:3px;  
    border-radius:3px;
	text-align:center;
	margin-bottom:6px;
}
.fix li{
	line-height:22px;
	cursor:pointer;
}
.fix a{
	color:#fff;
	display:block;
}
.fix li.fixTitle{
	line-height:30px;
	font-size:12px;
	font-weight:500;
	font-family:"微软雅黑";
}
.fixContent{
	color:#fff;
	font-size:14px;
	font-family:"微软雅黑";
	text-align:center;
	width:0px;
	height:40px;
	line-height:40px;
	background:#00b7ee;
	position:absolute;
	right:61px;
	margin-top:-45px;
	overflow:hidden;
	}
.fix:nth-child(3) .fixContent{
	margin-top:-90px;
	height:120px;
}
.fixContent img{
	width:120px;
	height:120px;
	vertical-align:top;
}
.fix:hover .fixContent{
	width:120px;
	display:inline-block;
	transition: all 0.5s ease-in 0s;
}
.about_video{
	width:100%;
	height:auto;
	margin:0 auto;
	background:#000;
}
.about_video video{
	width:100%;
	height:auto;
    outline:none;
}
.about_main{
	max-width:1200px;
	height:622px;
	padding:0px 10px;
	margin:0 auto;
}
.about_left{
	width:448px;
	height:535px;
	padding-top:120px;
	float:left;
}
.about_right{
	width:560px;
	min-height:600px;
	padding-top:130px;
	float:right;
}
@media screen and (max-width:1150px){
	.about_left{
        width:auto;
        height:auto;
        padding:20px 0px;
        text-align:center;
        float:none;
	}
	.about_right{
		width:auto;
        min-height:auto;
        padding:10px 0px 80px 0px;
		float:none;
		height:auto;
	}
}
.about_title{
	font-family:Times New Roman;
	font-size:20px;
	color:#666;
	min-height:40px;
	line-height:25px;
}
.about_title span{
	padding-left:5px;
	font-size:40px;
}
.topbar{
	font-family:Arial;
	font-size:14px;
	color:#666;
	font-weight:500;
	height:45px;
	line-height:45px;
	padding:0px 15px;
	border-bottom:1px solid #ddd;
}
.about_main01{
	line-height:22px;
	font-family:Arial;
	padding-top:15px;
	font-size:14px;
}
.about_main01 p{
	padding-bottom:10px;
	text-align:2em;
}
.about_main02{
	padding:30px 0px;
}
.about_main02 ul{
	margin:0px -8px;
}
@media screen and (max-width:1150px){
	.about_main02 ul{
	   margin:0px 0px;
	}
    .about_main02{
	    padding:10px 0px;
    }
}
.about_main02 li{
	width:calc(33.33333% - 16px);
	padding:0px 8px;
	float:left;
	text-align:center;
	cursor:pointer;
}
.contact_banner{
	height:450px;
	background:#e8f1f3;
	margin:0 auto;
}
.contact_banner>div{
	max-width:1160px;
	background:url(../images/contact_banner.png) no-repeat right top;
	background-size:auto 100%;
	margin:auto;
	position:relative;
	height:100%;
	padding:0px 20px;
}
.contact_banner span{
	font-size:20px;
	line-height:22px;
	position:absolute;
	top:50%;
	transform:translate(0%,-50%);
}
.contact_banner i{
	font-style:normal;
	font-size:42px;
	padding:5px 0px 35px 0px;
	display:block;
	font-weight:600;
}
@media screen and (max-width: 750px){
	.contact_banner{
		height:280px;
	}
	.contact_banner span{
		font-size:16px;
		line-height:20px;
	}
	.contact_banner i{
		font-style:normal;
		font-size:24px;
		padding:0px 0px 20px 0px;
	}
}
.contact{
	max-width:1200px;
	margin:0 auto;
	background:#fff;
	padding-bottom:10px;
	display: flex;
    flex-wrap: wrap;
}
.contact_left{
    width:calc(50% - 40px);
	padding:20px 20px 0px 20px;
}
.contact_left li{
	line-height:40px;
	font-family:Arial;
}
.contact_left li i{
	width: 16px;
    height: 16px;
    border: 1px solid #555;
    border-radius: 50%;
    padding: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    line-height: 16px;
    text-align: center;
}
.contact_left li i svg {
    fill: #555;
	margin-top:-2px;
	vertical-align: middle;
}
.contact_left>img{
	vertical-align:top;
	border-radius:5px;
	max-width:100%;
}
.contact_left ul{
	padding-bottom:20px;
}
@media screen and (max-width: 750px){
	.contact_left{
		width:100%;
	}
	contact_left{
		width:100%;
	}
}
.contact_right{
	width:calc(50% - 40px);
	padding:20px 20px 20px 20px;
}
@media screen and (max-width: 750px){
	.contact_right{
		width:calc(100% - 40px);
	}
	.contact_right{
		width:calc(100% - 40px);
	}
}
.contact_right li{
	line-height:55px;
	font-family:Arial;
}
.contact_right form li:last-child {
    padding-top: 5px;
}
.contact .text02 {
    width: 150px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #595e6e;
    padding: 5px;
    margin-left: 3px;
}
.contact_right .text02{
	width: calc(100% - 20px);
	border: 1px solid #ccc;
	border-radius:3px;
}
.contact input::placeholder{
	color:#999;
}
.contact textarea{
	width:calc(100% - 20px);
	height:210px;
	line-height:22px;
	padding:5px 5px 5px 5px;
	border-radius:3px;
	overflow:hidden;
	border: 1px solid #ccc;
	margin-top:8px;
	margin-left: 3px;
	vertical-align:top;
}
.contact textarea::placeholder{
	color:#999;
}
.contact .buttonbar{
	padding-top:15px;
}
.contact .button02{
	width:calc(100% - 10px);
	height:40px;
	background:#00b7ee;
	cursor:pointer;
	color:#fff;
	text-align:center;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
	border-radius:3px;
    font-size:14px;
}
.button02:hover{
	background:#089ae3;
}
.num1{
	width:50px;
	height:32px;
	line-height:32px;
    padding:5px 0px;
    text-align:center;
    background:#595e6e url(../images/login_01.png);
    font-family:Arial;
    display:inline-block;
    vertical-align:middle;
    animation: Verificationbg 30s linear infinite; 
    color:#eee;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    margin-left:4px;
}
.num2{
	width:50px;
	height:32px;
    padding:5px 0px;
	line-height:32px;
    background:#595e6e url(../images/login_01.png);
	text-align:center;
    display:inline-block;
    vertical-align:middle;
    animation: Verificationbg 30s linear infinite;
    color:#eee;
}
.num1 img,.num2 img{
    vertical-align:middle;
}
.add{
    width:30px;
	height:32px;
    padding:5px 0px;
	line-height:32px;
    text-align:center;
    background:#595e6e url(../images/login_01.png);
    display:inline-block;
    vertical-align:middle;
    font-size:20px;
    color:#eee;
    animation: Verificationbg 30s linear infinite;
}
.equal{
    width:50px;
	height:32px;
	line-height:32px;
    padding:5px 0px;
    text-align:center;
    background:#595e6e url(../images/login_01.png);
    display:inline-block;
    vertical-align:middle;
    font-size:20px;
    color:#eee;
    animation: Verificationbg 30s linear infinite;
}
.sum{
	text-align:center;
	width:calc(100% - 190px);
	height:40px;
	line-height:40px;
	border:1px solid #ccc;
    border-left:0;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}
.tech_main{
	max-width:1200px;
	min-height:650px;
	padding-top:30px;
	margin:0 auto;
}
@media screen and (max-width: 1200px){
	.tech_main {
		margin: 0px 10px;
	}
}
.tech_main ul{
	margin:0px -8px;
}
.tech_main li{
	width:25%;
	float:left;
	padding-bottom:15px;
}
@media screen and (max-width: 1200px){
	.tech_main li{
		width:50%;
	}
}
.tech_main .imgbox{
	height:190px;
	margin:0px 8px;
	overflow:hidden;
}
.tech_main a{
	display:block;
	height:190px;
	line-height:100%;
}
.tech_main .text{
	height:100px;
	margin:0px 8px;
	padding:5px 10px 0px 10px;
	line-height:20px;
	background:#fff;
	overflow:hidden;
}
.tech_main .text span{
	font-size:16px;
	font-weight:500;
	display:block;
	line-height:35px;
	color:#555;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tips_main{
	maix-width:1200px;
	background:#fff;
	margin:0 auto;
	padding-bottom:10px;
	min-height:720px;
}
@media screen and (max-width: 1200px){
	.tips_main {
		margin: 0px 10px;
	}
}
.tips_content{
	line-height:22px;
	text-align:justify;text-justify:inter-ideograph;
	padding:10px 10px 0px 10px;
}
.tips_content p{
	text-indent:2em;
}
.map_main{
	width:1200px;
	min-height:650px;
	margin:0 auto;
	background:#fff;
	padding-bottom:15px;
}
.map_title{
	font-family:Arial;
	font-size:14px;
	color:#666;
	font-weight:500;
	height:35px;
	line-height:35px;
	padding:10px 15px 0px 15px;
	clear:both;
}
.map01{
	padding:0px 15px 0px 5px;
	clear:both;
	line-height:25px;
}
.map01 li{
	float:left;
	width:10%;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
	text-indent:10px;
}
.map02{
	padding:0px 15px 0px 5px;
	clear:both;
	line-height:25px;
}
.map02 li{
	float:left;
	width:25%;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
	text-indent:10px;
}
.app_warpper{
	min-width:1200px;
	margin:0 auto;
	background:#90c400;
	padding:0px 0px 100px 0px;
}
.app_main{
	width:600px;
	min-height:600px;
	background:url(../images/app.png) no-repeat left 110px;
	margin:0 auto;
	padding:100px 0px 0px 600px;
	clear:both;
}
.app_main li{
	float:left;
	padding-left:167px;
	width:133px;
	height:200px;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color:#fff;
	font-weight:500;
}
.app_main li img{
	width:133px;
	max-width:133px;
	padding-bottom:5px;
}
.coupon_warpper{
	min-width:1200px;
	margin:0 auto;
	background:#258dd6;
	padding:0px 0px 100px 0px;
}
.coupon_main{
	width:300px;
	min-height:500px;
	background:url(../images/couponbg.png) no-repeat left 180px;
	margin:0 auto;
	padding:130px 0px 0px 900px;
}
.coupon_main li{
	height:160px;
}
.pay_warpper{
	min-width:1200px;
	margin:0 auto;
	background:#258dd6;
	padding:0px 0px 100px 0px;
}
.pay_main{
	width:300px;
	min-height:500px;
	background:url(../images/couponbg.png) no-repeat left 180px;
	margin:0 auto;
	padding:130px 0px 0px 900px;
	color:#fff;
	text-align:center;
}
.pay_main li{
	height:220px;
	line-height:22px;
}

.search_box{
    width:276px;
	height:45px;
	padding:20px 0px 0px 0px;
	margin:0 auto;
}
.text01{
	width:210px;
	height:33px;
	padding-left:5px;
	background:#fff;
    border:1px solid #fff;
    border-right:0px;
}
.search_button{
	width:55px;
	height:35px;
	cursor:pointer;
    color:#fff;
	background:#00b7ee;
}
.list_main{
	max-width:1210px;
	min-height:800px;
	margin:0 auto;
	padding:5px 5px 5px 5px;
	clear:both;
}
.list_main .list03img {
    aspect-ratio: 1/1;
}
.video_main{
	max-width:1200px;
	min-height:800px;
	margin:0 auto;
	padding:0px 0px 10px 0px;
	clear:both;
}
@media screen and (max-width: 1200px){
	.video_main {
		margin: 0px 10px;
	}
}
.video_main .list03img span{
	background:rgb(0,0,0) url(../images/lihover.png) no-repeat center center;
    filter:alpha(opacity=60);
    background: rgba(0,0,0,0.6) url(../images/lihover.png) no-repeat center center;
}
.news_main{
	max-width:1200px;
    min-height:500px;
	margin:0 auto;
	clear:both;
}
@media screen and (max-width: 750px){
	.news_main{
		margin:0px 10px;
  }
}
.help_main{
	max-width:1180px;
	min-height:650px;
	margin:0 auto;
	background:#fff;
	clear:both;
	padding:10px 10px 10px 10px;
}
@media screen and (max-width: 1200px){
	.news_main {
		margin: 0px 10px;
	}
}
.store_main{
	max-width:1160px;
	min-height:650px;
	margin:0 auto;
	background:#fff;
	padding:10px 20px 20px 20px;
}
@media screen and (max-width: 1200px){
	.store_main {
		margin: 0px 10px;
	}
}
.store_main .list04img{
	width:120px;
	height:120px;
    border-radius:50%;
}
.store_main .list04right{
	padding-left:135px;
}
/*列表01*/
.list01{
	width:auto;
	line-height:40px;
}
.list01 a:hover{
	color:#2b98b9;
}
.list01 li{
	width:calc(50% - 10px);
	margin:0px 5px;
	float:left;
	background:url(../images/li.png) no-repeat left center;
	text-indent:10px;
	border-bottom:1px dashed #ddd;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (max-width: 750px){
	.list01 li{
		width:auto;
		float:none;
		margin:0px 5px;
  }
}
/*列表01*/
/*列表03*/
.list03{
	width:auto;
	clear:both;
}
.list03 ul{
	margin:0px 0px;
}
.list03 li{
	width:20%;
	padding:5px 0px;
	float:left;
}
@media screen and (max-width: 800px){
	.list03 li{
		width:33.33333%;
	}
}
@media screen and (max-width: 550px){
	.list03 li{
		width:50%;
	}
}
.list03img{
	width:auto!important;
	aspect-ratio:1/0.7;
    margin:0px 5px;
    overflow:hidden;
    background:#fff;
}
.list03img span{
	width:auto;
	height:100%;
	display:none;
	text-align:right;
	position:relative;
	background:rgb(0,0,0);
    filter:alpha(opacity=0);
    background: rgba(0,0,0,0.0);
}
.list03img:hover span{
	display:block;
}
.list03img a{
	display:block;
    width:100%;
	height:100%;
	overflow:hidden;
}
.list03title{
	height:30px;
	line-height:30px;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
	margin:0px 5px;
	padding:0px 5px;
	background:#eee;
}
.list03bar{
	height:22px;
	margin:0px 5px;
	padding:0px 5px;
	color:#999;
	background:#eee;
	overflow-x: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.list03bar span {
    color: #ed2f71;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 12px;
    vertical-align:middle;
}
/*列表03*/
/*列表04*/
.list04{
	width:auto;
	clear:both;
}
.list04 li{
	width:calc(50% - 30px);
	float:left;
	padding:10px 10px 0px 10px;
	min-height:117px;
	margin:5px 5px;
	background:#fff;
}
@media screen and (max-width: 800px){
	.list04 li{
		width:auto;
		float:none;
  }
}
.list04img{
	width:155px;
	height:107px;
	float:left;
	overflow:hidden;
}
.list04img a{
	height:100%;
	display:block;
}
.list04right{
	padding-left:165px;
}
.list04title{
	line-height:20px;
	font-size:14px;
	font-weight:600;
	font-family:"微软雅黑";
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.list04content{
	padding-top:8px;
	height:54px;
	text-indent:2em;
	line-height:18px;
	text-align:justify;
	text-justify:inter-ideograph;
	overflow:hidden;
}
.list04bar{
	padding-top:8px;
	color:#999;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
/*列表04*/
/*分页*/
.pagebar{
	padding-top:15px;
	clear:both;
	text-align:center;
	line-height:35px;
	font-family:"微软雅黑";
	font-size:14px;
	font-weight:500;
}
.pagebar span{
	height:35px;
	padding:0px 8px;
}
.pagebar b{
	font-weight:500;
	color:#2b98b9;
}
/*分页*/
.video_warpper{
	background:#303036;
	padding:8px 0px 25px 0px;
}
.video{
	max-width:1200px;
	height:600px;
	margin:0 auto;
	background:#303036;
}
.video iframe{
	width:100%;
	height:600px;
}
.video video{
	width:calc(100% - 250px);
	float:left;
	height:600px;
	background:#000;
	outline:none;
}
@media screen and (max-width: 1000px){
	.video{
		height:auto;
	}
	.video video {
		width:100%;
		height:auto;
	}
}
.videoTips{
	width:100%;
	height:600px;
	float:left;
	line-height:600px;
	text-align:center;
	font-size:14px;
	font-family:Arial,"微软雅黑";
	font-weight:400;
	color:#00b7ee;
	background:#000;
}
.video_right{
	width:228px;
	height:588px;
	padding:2px 10px 10px 12px; 
	float:right;
	background:#202026;
	overflow-y:scroll;
	overflow-x:hidden;
}
@media screen and (max-width: 1000px){
	.video_right{
		display:none;
	}
}
.video_right::-webkit-scrollbar {
	width:6px;
	height:6px;
}
.video_right::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:horizontal {
	border-radius:3px;
	background:#909096;
}
.video_right::-webkit-scrollbar-button {
	display: none;
}
.video_right::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece {
	background: -webkit-gradient(linear,left);
}
.video_right::-webkit-scrollbar-track-piece {
	background: #202026;
}
.video_right li{
	width:100%;
	float:none;
	margin:0 auto;
}
.video_right .list03title{
	background:none;
	color:#fff;
}
.video_right a{
	color:#fff;
}
.video_right .list03img,.video_right .list03img a{
	color:#fff;
	height:140px;
}
.video_right .list03img span{
    filter:alpha(opacity=60);
    background: rgba(0,0,0,0.6) url(../images/lihover.png) no-repeat center center;
}
/*详情页01*/
.detail_main{
	max-width:1180px;
	min-height:600px;
	margin:0 auto;
	background:#fff;
	padding:10px;
	border-radius:5px;
}
@media screen and (max-width: 1200px){
	.detail_main{
		margin:0px 10px;
	}
}
.detail_title{
	line-height:20px;
	font-size:14px;
	font-family:Arial;
	font-weight:600;
	text-align:center;
	background:#fafafa;
	padding:10px 10px;
}
.GoodsDetail01_center .detail_title{
	height:20px;
	line-height:20px;
	font-size:18px;
	font-family:Arial;
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
    white-space:nowrap;
	text-align:left;
	background:none;
	padding:0px;
}
.InfoDetail02 .detail_title{
	height:20px;
	line-height:20px;
	font-size:16px;
	font-family:Arial;
	font-weight:600;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
	padding-top:15px;
	text-align:center;
	background:none;
}
.detailBar{
	line-height:30px;
	height:30px;
	color:#999;
	border-bottom:1px dashed #ccc;
	overflow:hidden;
	padding-top:10px;
}
.detailBar a{
	color:#999;
}
.InfoDetail02 .detailBar{
	line-height:25px;
	height:25px;
	padding-top:0px;
}
.detailBar span{
	display: block;
	float:right;
	padding-left:10px;
	font-family:Arial;
	font-weight:500;
}
.detailBar span a{
	color:#2b98b9;
	margin:0px;
}
.detail_content{
	padding-top:10px;
	line-height:22px;
}
.detail_content img,.detail_file img{
	max-width:100%;
    display:block;
    margin:10px auto 0px auto;
}
.detail_content p{
	text-align:justify;
	text-justify:inter-ideograph;
	margin-top:10px;
	text-indent:2em;
}
.detail_file{
	padding-top:10px;
	text-align:center;
}

.detail_content video, .detail_file video{
    max-width:100%;
    margin:0 auto;
	display:block;
}
/*详情页01*/
/*信息详情页 注：用了01的样式*/
.InfoDetail01{
	width:1180px;
	height:500px;
	margin:0 auto;
	background:#fff;
	padding:10px;
	border-radius:3px;
	overflow:hidden;
}
@media screen and (max-width: 1200px){
	.InfoDetail01{
		width:auto;
		margin:0px 10px;
	}
}
.InfoDetail01_left{
	width:860px;
	height:500px;
	overflow:hidden;
	float:left;
}
.InfoDetail01_left  .main_image a{
        height:500px;
    }
@media screen and (max-width: 1200px){
	.InfoDetail01_left{
		width:calc(100% - 310px);
	}
}
@media screen and (max-width: 900px){
	.InfoDetail01{
		padding:0px;
	}
	.InfoDetail01_left{
		width:100%;
	}
}
@media screen and (max-width: 750px){
	.InfoDetail01{
		padding:0px;
		height:350px;
	}
	.InfoDetail01_left{
		width:100%;
		height:350px;
	}
    .InfoDetail01_left  .main_image a{
        height:350px;
    }
}
@media screen and (max-width: 500px){
	.InfoDetail01{
		padding:0px;
		height:260px;
	}
	.InfoDetail01_left{
		width:100%;
		height:260px;
	}
    .InfoDetail01_left  .main_image a{
        height:260px;
    }
}
.InfoDetail01_right{
	width:280px;
	height:480px;
	float:right;
	background:#eee;
	padding:10px 15px;
}
@media screen and (max-width: 900px){
	.InfoDetail01_right{
		display:none;
	}
}
.InfoDetail01_right .list03 li{
	width:100%!important;
	float:none!important;
	padding:0px!important;
	margin:0 auto;
}
.InfoDetail01_right .list03title{
	background:none;
	font-size:14px;
	height:25px;
	line-height:20px;
	padding:0px;
}
.InfoDetail01_right .list03img,.InfoDetail01_right .list03img a{
	height:121px;
	border-radius:3px;
}
.InfoDetail01_right .list03img span{
    filter:alpha(opacity=60);
    background: rgba(0,0,0,0.6) url(../images/lihover.png) no-repeat center center;
}
.userbox{
    text-align:center;
    height:auto;
    padding:10px 0px;
}
.loginUser{
    width:100px;
    height:100px;
     -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    overflow:hidden;
    margin: auto;
}
.loginUser a{
    height:100%;
    display:block;
}
.username{
	height:20px;
	line-height:20px;
	font-size:14px;
	font-family:Arial,"微软雅黑";
	font-weight:500;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
	text-align:center;
}
.occupation{
	height:20px;
	line-height:20px;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
	text-align:center;
}
.description{
	line-height:20px;
	height:80px;
	overflow:hidden;
	text-align:justify;
	text-justify:inter-ideograph;
	padding:15px 0px 0px 0px;
	text-indent:2em;
}
.DetailService{
	padding-top:15px;
	text-align:center;
}
.DetailService p{
	text-align:left;
}
.DetailService span{
	color:#999;
}
.DetailService li{
	width:50%;
	float:left;
	line-height:22px;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
    white-space:nowrap;
}
.DetailService img{
	vertical-align:middle;
}
.DetailService a{
	margin:0 3px;
}
.download{
    min-width:80px;
	height:35px;
    line-height:35px;
	background:#00b7ee;
	border:0px;
	cursor:pointer;
	color:#fff;
	text-align:center;
    padding:0px 10px;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
	border-radius:3px;
    font-size:14px;
    letter-spacing:3px;
	display:inline-block;
}
.show{
    min-width:80px;
	height:35px;
    line-height:35px;
	background:#ffb902;
	border:0px;
	cursor:pointer;
	color:#fff;
	text-align:center;
    padding:0px 10px;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
	border-radius:3px;
    font-size:14px;
    letter-spacing:3px;
	display:inline-block;
}
span.show,span.download{
	color:#fff;
}
.InfoDetail02{
	max-width:1200px;
	min-height:450px;
	margin:0 auto;
	clear:both;
	background:#fff;
    padding-bottom:10px;
}
@media screen and (max-width: 1200px){
	.InfoDetail02{
		margin:0 10px;
	}
}
.tabsTitle{
	height:35px;
	background:#ddd;
}
.tabs li{
	text-align:center;
	line-height:35px;
	float:left;
	cursor:pointer;
	list-style-type:none;
	font-size:14px;
	font-weight:500;
	font-family:"微软雅黑";
	padding:0px 20px;
}
.tabs li.active{
	height:35px;
	background:#fff;
	border-top:1px solid #ed145b;
}
.panes{
	height:auto;
    padding:0px 10px;
}
.Attribute{
   line-height:22px;
   padding:10px 10px 10px 10px;
   clear:both;
   margin-top:10px;
   background:#f9f9f9;
}
.Attribute li{
	float:left;
	height:22px;
	width:20%;
	text-indent:8px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
@media screen and (max-width: 750px){
	.Attribute li{
		width:50%;
	}
}
/*信息详情页 注：用了01的样式*/
/*商品详情页 注：第二部分用了信息详情页样式*/
.GoodsDetail01{
	max-width:1180px;
	margin:0 auto;
	background:#fff;
	padding:10px;
}
@media screen and (max-width: 1200px){
	.GoodsDetail01{
		margin:0px 10px;
	}
}
.GoodsDetail01_left{
	width:450px;
	height:450px;
	float:left;
}
@media screen and (max-width: 750px){
	.GoodsDetail01{
        width:100%;
		padding:0px;
		margin:0px;
		margin-top:-10px;
		height:auto;
		background:none;
	}
	.GoodsDetail01_left{
		width:100%;
		height:350px;
	}
}
.GoodsDetail01_left .main_image{
	height:450px;
}
@media screen and (max-width: 750px){
	.GoodsDetail01_left .main_image{
		height:350px;
	}
}
.GoodsDetail01_center{
	width:calc(100% - 770px);
	height:auto;
	float:left;
	padding:20px;
}
@media screen and (max-width: 1000px){
	.GoodsDetail01_center{
		width:calc(100% - 490px);
	}
}
@media screen and (max-width: 750px){
	.GoodsDetail01_center{
		width:auto;
		margin:10px;
		background:#fff;
	}
}
.GoodsDetail01_right{
	width:250px;
	height:430px;
	float:right;
	background:#eee;
	padding:10px 15px;
}
@media screen and (max-width: 1000px){
	.GoodsDetail01_right{
		display:none;
	}
}
.GoodsDetail01_right .detail_title{
	background:none;
	padding:0px 0px 5px 0px;
	font-size:14px;
	line-height:normal;
}
.GoodsDetail01_right li{
	width:100%!important;
	float:none;
	padding:0px!important;
	margin:0 auto;
}
.detail_tip{
	line-height:20px;
	height:60px;
	overflow:hidden;
	text-align:justify;
	text-justify:inter-ideograph;
	padding:15px 0px 0px 0px;
	margin-bottom:10px;
}
.detail_tip span{
	color:#e60012;
}
.GoodsDetail01_center dt{
	width:35%;
	min-height:35px;
	line-height:30px;
	float:left;
	display:inline;
	text-align:right;
}
.GoodsDetail01_center dd{
	width:65%;
	min-height:35px;
	line-height:30px;
	float:left;
}
.price{
	font-family:Arial;
	font-size:28px;
	color:#e60012;
	font-weight:bold;
}
.decoration{
	font-size:16px;
	text-decoration:line-through;
	color:#bbb;
}
.number{
	width:50px;
	height:25px;
	text-align:center;
	border:1px solid #ccc;
	margin-left:3px;
}
.buttonbar li{
	display:inline-block;
}
.buybtn{
    width:120px;
    height:38px;
    background:url(../images/buybtn.png) no-repeat center center;
    cursor:pointer;
}
.cartbtn{
    width:120px;
    height:38px;
    background:url(../images/cartbtn.png) no-repeat center center;
    cursor:pointer;
}
.storname{
	height:22px;
	line-height:20px;
	font-size:14px;
	font-family:Arial,"微软雅黑";
	font-weight:500;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
	text-align:center;
}
/*商品详情页 注：第二部分用了信息详情页样式*/
/*详情页幻灯片*/
.slide{
	width:100%;
    height:100%;
	position:relative;
	margin:0 auto;
}
.main_image {
	margin:0px auto;
	width:100%; 
	height:100%;
	overflow:hidden; 
	position:relative;
}
.main_image ul {
    height:100%;
}
.main_image a{
	width:100%;
	height:450px;
	display:block;
}
.main_image img{
	display:inline-block;
	vertical-align:middle;
	max-width:none;
}
.flicking_con{
	position:absolute;
	height:22px;
    bottom:0px;
    text-align:center;
    color:#fff;
    font-size: 14px;
    width: 100%;
    left: 0;
    right: 0;
}
.flicking_con .flicking_inner {
	position:absolute;
	display:inline-block;
    width: auto;
	left:50%;
	transform:translate(-50%,0%);
	
}
.flicking_con li{
	background:#00baef; 
	display: inline-block;
    height: 12px;
    width: 12px;
	border-radius:50%;
	margin:0px 2px;
    cursor:pointer;
}
.flicking_con li.on {
	background:#333;
}
.banner .flicking_con li.on {
	background:#fff;
}
/*详情页幻灯片*/
.select01{
	display:inline-block;
}
.selectbox-wrapper{
	border:#ccc 1px solid; 
	width:154px;
	position:absolute;
	background:#fff; 
	text-align: left;
    margin:-1px 0px 0px 3px;
    z-index:10000000;
}
.selectbox-wrapper UL LI.selected {
	background:#f2f2f2;
}
.selectbox-wrapper UL LI.current {
	background:#f2f2f2;
}
.selectbox-wrapper UL LI {
	padding:3px;
    cursor:pointer;
	line-height:18px;
}
.selectbox{ 
    border:none;
	display:inline-block;
	padding:0px 4px;
	cursor: pointer; 
	height:25px;
    line-height:25px;
	background:#fff url(../images/select.png) no-repeat right center;
    border:1px solid #ccc;
    margin:0px 0px 0px 3px;
	color:#555;
}
/*列表评论*/
.textarea02{
    width:100%;
    height:80px;
    line-height:20px;
    border:1px solid #ccc;
    padding:3px;
    display:inline-block;
}
.button01{
    min-width:100px;
	height:35px;
    line-height:35px;
	background:#00b7ee;
	border:0px;
	cursor:pointer;
	color:#fff;
	text-align:center;
    padding:0px 10px;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
	border-radius:3px;
    font-size:14px;
    letter-spacing:3px;
	display:inline-block;
}
.headImg01{
    width:36px;
    height:36px;
    float:left;
     -moz-border-radius:18px;
    -webkit-border-radius:18px;
    border-radius:18px;
    overflow:hidden;
}
.headImg01 a {
    height:100%;
    display: block;
}
.DiscussAdd{
    min-height:100px;
    padding:20px 35px 20px 25px;
    background:#f5f5f5;
    margin:25px 20px 0px 20px;
}
.DiscussAdd li{
    min-height:20px;
    padding-bottom:10px;
}
.DiscussAdd li span{
    line-height:35px;
}

.DiscussAdd_right{
	float:right;
}
.DiscussAdd .imgbox01,.ReplyAdd .imgbox01{
	width:37px;
	height:37px;
	overflow:hidden;
	float:left;
}
.DiscussAdd .imgbox01 .thumbnail,.ReplyAdd .imgbox01 .thumbnail,.ReplyAdd .imgbox01 .thumbnail02{
    width:35px;
    height:35px;
    overflow:hidden;
    display:inline-block;
    cursor:pointer;
    border:1px solid #eee;
    margin:0px;
    text-align:center;
    overflow:hidden;
}
.DiscussAdd .imgbox01 .thumbnail span,.ReplyAdd .imgbox01 .thumbnail02 span {
	width:auto;
	height:30px;
	text-align:center;
	padding:2px;
	font-size:14px;
	font-weight:500;
	display:none;
	position:relative;
	color:#fff;
	background:rgb(0,0,0);
    filter:alpha(opacity=30);
    background: rgba(0,0,0,0.3);
	cursor:default;
}
.imgbox01 .thumbnail span img:hover,.imgbox01 .thumbnail02 span img:hover{
	cursor:pointer;
}
.imgbox01 .thumbnail:hover span,.imgbox01 .thumbnail02:hover span{
	display:block;
}
.Discuss{
	clear:both;
    padding:20px 20px 0px 20px;
}
.Discuss li{
	clear:both;
	min-height:45px;
	padding-bottom:5px;
}
.Discuss_right{
	padding-left:41px;
	width:auto;
	height:auto;
}
.Discuss_centent{
	width:auto;
	height:auto;
	line-height:20px;
}
.Discuss_centent span{
	color:#2b98b9;
}
.Discuss_centent img{
    height:25px;
    display:block;
}
.Discussdate{
	color:#999;
	line-height:20px;
}
.Discussdate a{
	color:#2b98b9;
}
.Discussdate span{
	color:#2b98b9;
	cursor:pointer;
}
.Reply{
	padding-left:36px;
}
.ReplyAdd{
	width:auto;
    padding:0px 20px 0px 0px;
    clear:both;
}
/*列表评论*/
/*点击弹出窗口开始*/
.clickbtn01{
	cursor:pointer;
}
.overlayerbg {
	background-color:#666;
	position:absolute;
	z-index:99;
	left:0;
	top:0;
	display:none;
	width:100%;
	height:100%;
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}
.showbox {
	position:absolute;
	width:640px;
	height:auto;
	z-index:100;
	background:#fff;
	display:none;
}
@media screen and (max-width: 640px){
	.showbox{
		width:calc(100% - 20px);
	}
}
.showbox_top {
	height:30px;
	border-bottom:1px solid #ddd;
    padding:10px 10px 10px 7px;
}
.showbox_top .secondary{
    vertical-align:middle;
    padding-left:5px;
 }
.close{
    line-height:30px;
    display:block;
	float:right;
	text-align:right;
	font-family:Arial;
	font-size:15px;
    cursor:pointer;
}
.showbox_content{
	height:360px;
	overflow-y:scroll;
	padding:10px 5px 10px 5px;
}
@media screen and (max-width: 640px){
	.showbox_content{
		height:310px;
	}
}
.showbox_content li{
	width:calc(20% - 10px);
	float:left;
	text-align:center;
	float:left;
	overflow:hidden;
    padding:0px 5px;
}
@media screen and (max-width: 640px){
	.showbox_content li{
		width:calc(25% - 10px);
	}
}
.popupImg{
	display:block;
	width:100%!important;
	height:80px;
	cursor:pointer;
	overflow:hidden;
}
.showbox_content span{
	display:block;
	height:25px;
	line-height:23px;
	text-overflow:ellipsis;
    white-space: nowrap;
	overflow:hidden;
	padding:0px 5px 0px 5px;
    color:#999;
}
/*点击弹出窗口结束*/
/*点击弹出大图*/
.zoomify {
	cursor:pointer;
	cursor:-webkit-zoom-in;
	cursor:zoom-in;
}
.zoomify.zoomed {
	cursor:-webkit-zoom-out;
	cursor:zoom-out;
	padding:0;
	margin:0;
	border:none;
	border-radius:0;
	box-shadow:none;
	position:relative;
	z-index:1501;
}
.zoomify-shadow {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:1500;
	background:rgba(0,0,0,.3);
	opacity:0;
}
.zoomify-shadow.zoomed {
	opacity:1;
	cursor:pointer;
	cursor:-webkit-zoom-out;
	cursor:zoom-out;
}
/*点击弹出大图*/
/*相册查看*/
#fullscreenSlideshowContainer{
	background:#343943;
}
#fullscreenSlideshowContainer .ui {
	position:absolute;
	z-index:10;
}
#fullscreenSlideshowContainer img{
	max-width:100%;
}
#fs-loader,#fs-prev,#fs-next,#fs-close {
	color:white;
	font-weight:bold;
	cursor:pointer;
	line-height:1em;
}
#fs-close {
	top:10px;
	right:10px;
}
#fs-prev,#fs-next {
	top:50%;
	margin-top:-1em;
}
#fs-prev {
	left:10px;
}
#fs-next {
	right:10px;
}
#fs-loader {
	top:50%;
	left:50%;
	height:25px;
	margin-top:-25px;
	margin-left:-75px;
	display:none;
}
#fs-caption {
	bottom:0px;
	text-align:center;
	width:100%;
	left:0;
	line-height:35px;
	display:none;
	background:#000;
	color:#fff;
	font-size:14px;
}
#fs-loader,#fs-prev,#fs-next,#fs-close{
	width:40px;
	height:40px;
	line-height:40px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	border-radius:20px;
	text-align:center;
	font-size:25px;
	font-family:"宋体";
	font-weight:100;
	cursor: pointer;
	background:#000;
	color:#fff;
}
/*相册查看*/