#content{
	background-image:url(/images/43/index-product-bg.jpg);
	background-repeat:repeat;
	background-position:0 0;
}
#indexAbout{
	background-image:url(/images/43/index-about-bg.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:130px 0 300px;
	position:relative;
	z-index:1;
	overflow:hidden;
	background-size: 100%;
	background-attachment: fixed;
}
#indexAbout:after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-image:url(/images/43/index-bg-bling.png);
	background-repeat:no-repeat;
	background-position:0 0;
	animation-name:indexbling;
	animation-iteration-count:infinite;
	animation-duration:5s;
	opacity:-1;
}
@keyframes indexbling{
	0%{
		background-position:-100% -100%;
		opacity:0.3;
	}
	50%{
		opacity:1;
	}
	100%{
		background-position:300% 300%;
		opacity:0.3;
	}
}
#indexAbout .title h2{
	text-align:center;
	font-family: 'cwTeXMing';
	font-size:20px;
	color:#c4feff;
	background-image:url(/images/43/index-about-title-bg.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	padding: 15px 0;
	letter-spacing: 0.1em;
}
#indexAbout .title .en{
	text-align:center;
	font-size:32px;
	color:#c4feff;
	line-height: 100%;
	text-decoration: underline;
	font-family: 'Lora', serif;
	margin-top: 15px;
}
#indexAbout article{
	color:#fff;
	font-family: 'cwTeXMing';
	text-align:center;
	font-size:16px;
	line-height: 250%;
	margin: 50px 0;
}
#product{
	position: relative;
    margin-top: -130px;
    z-index: 2;
}
#product .pList{
}
#product .pList .pbox{
	margin: 0 75px;
	position:relative;
	z-index:1;
}
#product .pList .pbox:after{
	position: absolute;
    left: -5px;
    display: block;
    background: #c4feff;
    width: 68px;
    height: 18px;
    transform: skewX(-35deg);
    z-index: 2;
    content: '';
    top: 50%;
}
#product .pList .pbox .photo{
	background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 50%;
	border: 0px solid transparent;
	transition:all ease-in-out 0.3s;
	overflow:hidden;
}
#product .pList .pbox .photo:hover{
    border: 5px solid #2a6b8a;	
}
#product .pList .pbox .photo a{
	display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
#product .pList .pbox .photo a:before{
	position:absolute;
	content:'';
	background-image:url(/images/43/products-hover.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	z-index:2;
	width: 100%;
    height: 100%;
	background-color: rgba(0, 0, 0, 0.54);
    border-radius: 50%;
    bottom: -100%;
	transition:all ease-in-out 0.3s;
}
#product .pList .pbox .photo:hover a:before{
    bottom: 0%;
}
#product .pList .pbox .photo a img{
	width:100%;
}
#product .pList .pbox .info{
	margin-top: 20px;
}
#product .pList .pbox .info h3{
	text-align:center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#product .pList .pbox .info h3 a{
	color:#333131;
	font-size:22px;
}
#product .pList .pbox .info h3 a:hover{
	color:#494e51;
}
#product .pList .pbox .info span{
	display:block;
	width:80%;
	height:1px;
	background:#333131;
    margin: 5px auto 15px;
}
#product .pList .pbox .info article{
    color: #666666;
    font-size: 15px;
    text-align: center;
    margin: 10px auto 5px;
	height:46px;
	overflow:hidden;
    width: 80%;
}
#product .pList .pbox .info .price{
	color:#df0a0a;
	font-size:14px;
	text-align:center;
}
#news{
	background-color:#ffffff;
	margin-top: 50px;
	padding: 200px 0 0;
	position:relative;
	z-index:2;
}
#news:after{
	position: absolute;
    content: '';
    width: 54%;
    height: 100%;
    right: 0;
    top: -30px;
    background-image: url(/images/43/index-news-bg.png),url(/images/43/index-news-bg2.png);
    background-repeat: no-repeat;
    background-position: 100% 0,0% 30%;
    z-index: -3;
	animation-name:newsbg;
	animation-duration:3s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}
@keyframes newsbg{
	0%{
		background-position: 102% 5%,0% 30%;
	}
	100%{
		background-position: 100% 0,2% 35%;
	}
}

#news .control{
	overflow:hidden;
	position: relative;
}
#news .title{
	position:relative;
	z-index:1;
	float:left;
	width: 23%;
	overflow:hidden;
	padding-bottom: 80px;
}
#news .title:after{
	background:#494e51;
	position:absolute;
	width:0%;
	height:1px;
	content:'';
	left:0;
	top:85px;
	transition: all ease-in-out 0.8s;
}
#news .title:before{
	background:#494e51;
	position:absolute;
	width:1px;
	height:0%;
	content:'';
	right: 25px;
	top:0;
	transition: all ease-in-out 0.5s;
}
#news .title.divOver:after{
	width:100%;
}
#news .title.divOver:before{
	height:100%;
}

#news .title h2{
	font-family: 'Lora', serif;
	color:#494e51;
	font-size:24px;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	float:right;
	margin-right: 50px;
	margin-top: 120px;
}
#news .newsbox{
	float:left;
	width: 26%;
	margin-top: 250px;
	margin-bottom: 100px;
}
#news .newsbox h3{
	font-family: 'Lora', serif;
	color:#494e51;
	font-size:38px;
	line-height:100%;
	margin-bottom:10px;
}
#news .newsbox .newslist li{
	padding:15px 0;
}
#news .newsbox .newslist li span{
	color:#99b2bf;
	font-size:14px;
}

#news .newsbox .newslist li h4{
	margin:5px 0;
}
#news .newsbox .newslist li h4 a{
	color:#617884;
	font-size:22px;
	font-family: ‘cwTeXFangSong’, serif;
}
#news .newsbox .newslist li article{
	color:#727272;
	font-size:15px;
	height:46px;
	overflow:hidden;
}
#news .aboutimg{
	float:right;
	width: 45%;
	background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
	margin-top: 100px;
	position:relative;
	background-color: #000;
}
#news .aboutimg:after{
    position: absolute;
    width: 110%;
    height: 100%;
    content: '';
    background-image: url(/images/43/index-news-blank-bg.png),url(/images/43/index-news-blank-bg2.png);
    background-repeat: no-repeat;
    background-position: 3% 50%,100% 0;
    top: -60px;
    right: 0;
	z-index: -1;
}
#news .cuteimg .cuteimg01{
	position: absolute;
    left: 0;
    bottom: -20px;
	animation-name:fish;
	animation-direction:alternate;
	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
	animation-duration:2s;
}
@keyframes fish{
	0%{
		transform-origin:right bottom;
		transform:rotate(-3deg);
	}
	100%{
		transform-origin:right bottom;
		transform:rotate(3deg);
	}
}
#news .cuteimg .cuteimg02{
	position: absolute;
    left: 10%;
    bottom: 10px;
}
#news .cuteimg .cuteimg03{
	position: absolute;
    left: 14%;
    bottom: -40px;
}
#slogan{
	background-image:url(/images/43/index-slogan.jpg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-attachment: fixed;
	padding:150px 0;
	position:relative;
}
#slogan section{
	overflow:hidden;
}
#slogan .leftside{
	width: 40%;
	float:left;
}

#slogan .leftside .title{
	overflow:hidden;
}

#slogan .leftside .title h2{
	color:#494e51;
	font-size:20px;
	font-family: 'cwTeXMing';
	margin-bottom: 10px;
}
#slogan .leftside .title p.en{
	font-family: 'Lora', serif;
	color:#494e51;
	font-size:38px;
	text-decoration:underline;
	line-height: 100%;
}
#slogan .leftside .leftsidetitle{
	float:left;
}
#slogan .leftside .title .go{
	float:right;
	margin-top: 20px;
}
#slogan .leftside .title .go p a{
    display: block;
    border-radius: 15px;
    border: 1px solid #fff;
    padding: 5px 15px 5px 50px;
}
#slogan .leftside .title .go p a img{
	vertical-align: initial;	
}
#slogan .leftside .slogan-title{
	margin-top: 70px;
    overflow: hidden;
}
#slogan .leftside .slogan-title h3{
	color:#fff;
	font-size:22px;
	font-family: 'cwTeXMing';
	font-weight:normal;
	float:left;
	width:40%;
	letter-spacing: 0.2em;
}
#slogan .leftside .slogan-title p{
	color:#fff;
	font-size:15px;
	font-family: 'cwTeXMing';
	float:right;
	width:55%;
	letter-spacing: 0.2em;
}
#slogan .rightbg p.rightbg01{
	position:absolute;
	right: 35%;
    top: 15%;
}
#slogan .rightbg p.rightbg02{
	position:absolute;
    right: 27%;
    bottom: 20%;
}
#slogan .rightbg p.rightbg03{
	position:absolute;
	right: 20%;
    top: 5%;
}
#slogan .rightbg p.rightbg04{
	position:absolute;
	right: 40%;
    bottom: 5%;
}
#slogan .rightbg p.rightbg05{
	position:absolute;
	right: 20%;
    top: 50%;
}
#slogan .rightbg p.rightbg06{
	position:absolute;
	right: 37%;
    top: 40%;

}
#indexbottom{
	background-image:url(/images/43/index-way-bg.jpg);
	background-position:50% 50%;
	padding: 80px 0 50px;
}
#indexbottom .goway{
	overflow:hidden;
	text-align:center;
}
#indexbottom .goway .boxes{
	display:inline-block;
	width:45%;
	background-color:#000;
	margin: 0 0.8%;
	background-size: auto 100%;
	transition:all ease-in-out 0.3s;
}
#indexbottom .goway .boxes:hover{
    background-color: rgba(0, 0, 0, 0.85);
}
#indexbottom .goway .boxes a{
	display: block;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
#indexbottom .goway .boxes .txt{
	position:relative;
}
#indexbottom .goway .boxes p{
	color:#494e51;
	font-size:16px;
    margin: 20px;
	position:absolute;
}
#indexbottom .goway .boxes .txt img{
	width:100%;
}
#indexbottom .goway .gopro{
	background-image:url(/images/43/index-bottom-way-bg.png);
	background-repeat:no-repeat;
	background-position:100% 50%;
}
#indexbottom .goway .gomemver{
	background-image:url(/images/43/index-bottom-way-bg2.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
}
#indexbottom .goway .gomemver p{
	text-align:right;
}
#indexbottom .img{
	text-align:center;
	margin-top: 40px;
}
@media screen and (max-width: 1366px) {
	#indexAbout{
	    background-position: 0 50%;	
		background-size: auto 100% ;
	}
	#news{
		padding: 100px 0 0;
	}
}
@media screen and (max-width: 1280px) {
	#product .pList .pbox{
		margin: 0 45px;	
	}
	#news .newsbox{
	    margin-top: 150px;	
	}
	#news .aboutimg:after{
		background-image: url(/images/43/index-news-blank-bg2.png);
		background-repeat: no-repeat;
		background-position: 100% 0;		
	}
	#slogan .leftside{
		width:55%;
	}
	#slogan .rightbg p.rightbg01{
		right: 25%;
		top: 15%;
	}
	#slogan .rightbg p.rightbg02{
		right: 17%;
		bottom: 20%;
	}
	#slogan .rightbg p.rightbg03{
		right: 10%;
		top: 5%;
	}
	#slogan .rightbg p.rightbg04{
		right: 30%;
		bottom: 5%;
	}
	#slogan .rightbg p.rightbg05{
		right: 10%;
		top: 50%;
	}
	#slogan .rightbg p.rightbg06{
		right:27%;
		top: 40%;
	
	}
}
@media screen and (max-width: 980px) {
	#indexAbout .title .en,
	#slogan .leftside .title p.en{
	    font-size: 30px;	
	}
	#product .pList .pbox{
		margin: 0 55px;	
	}
	#news{
		padding: 100px 0 0;
	}
	#news .newsbox{
		width: 50%;
		margin-bottom: 50px;
	}
	#news:after{
		background-size: 90%,50%;	
	}
	@keyframes newsbg{
		0%{
			background-position: 102% 5%,0% 10%;
		}
		100%{
			background-position: 100% 0,2% 15%;
		}
	}
	#news .aboutimg{
		margin-top: 0;
		width: 80%;
	}
	#indexbottom .goway .boxes .txt{
	    text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;	
	}
}
@media screen and (max-width: 768px) {
	#slogan .leftside{
		width:70%;
	}
	#slogan .rightbg p.rightbg01{
		right: 15%;
		top: 15%;
	}
	#slogan .rightbg p.rightbg02{
		right: 7%;
		bottom: 10%;
	}
	#slogan .rightbg p.rightbg03{
		right: 50%;
		top: 1%;
	}
	#slogan .rightbg p.rightbg04{
		right: 20%;
		bottom: 5%;
	}
	#slogan .rightbg p.rightbg05{
		right: 0%;
		top: 50%;
	}
	#slogan .rightbg p.rightbg06{
		right:17%;
		top: 40%;
	
	}
	#indexbottom .goway .boxes{
		margin: 10px 0.8%;	
		width:95%;
	}
}
@media screen and (max-width: 640px) {
	#news .cuteimg .cuteimg01,
	#news .cuteimg .cuteimg02,
	#news .cuteimg .cuteimg03{
		zoom: 0.7;
	}
	#news:after{
		width: 80%;
	}
	#news .newsbox{
		width:70%;
	}
	#indexAbout,
	#slogan{
		background-attachment: inherit;
	}
}
@media screen and (max-width: 480px) {
	#slogan .rightbg p.rightbg06 img,
	#slogan .rightbg p.rightbg02 img{
		opacity:0.3;
		
	}
	#news .title h2{
		margin-right: 40px;
		margin-top: 100px;		
	}
	#news .newsbox h3{
		font-size:30px;
	}
	#news .newsbox .newslist li h4 a{
		font-size:20px;
	}
	#news .aboutimg{
		width:100%;
	}
	#news .cuteimg .cuteimg01{
		bottom: 100px;
		opacity: 0.3;
		z-index:-1;
	}
	#news .cuteimg .cuteimg02, 
	#news .cuteimg .cuteimg03{
		display:none;
	}
	#slogan .leftside{
		width:100%;
	}
	#slogan .rightbg p.rightbg04{
		right: 50%;
		bottom: 5%;
	}
	#slogan .rightbg p.rightbg05{
		display:none;
	}
	#slogan{
		padding: 200px 0;	
	}
	#indexAbout .title .en,
	#slogan .leftside .title p.en{
		font-size:20px;
	}
	#news:after{
		width:95%;
	}
	#news .title:before{
		height:100%;
	}
	#news .title:after{
		width: 100%;
	}
	#indexAbout:after{
		animation-duration: 10s;		
	}
	#indexbottom{
	    padding: 50px 0;	
	}
	@keyframes indexbling{
		0%{
			background-position:-200% -200%;
			opacity:0.3;
		}
		50%{
			opacity:1;
		}
		100%{
			background-position:300% 300%;
			opacity:0.3;
		}
	}
	#indexAbout{
	    padding: 130px 0 200px;	
	}
}