﻿/*轮播图开始*/

.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
	background: #fff;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}
.rsContent .small_img {
	position: absolute;
    top:50%;
    left:50%;
    z-index:999;
}
.rsContent .small_imgs {
	position: absolute;
    top:50%;
    left:50%;
    z-index:999;
}
.rsContent .small_img img {
	width:100%;
}

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


/***************
*
*  1. Arrows
*
****************/

.rsArrow {
	height: 100%;
	width: 60px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}

.rsVer .rsArrow {
	width: 100%;
	height: 60px;
}

.rsVer .rsArrowLeft {
	top: 0;
	left: 0;
}

.rsVer .rsArrowRight {
	bottom: 0;
	left: 0;
}

.rsHor .rsArrowLeft {
	left: 0;
	top: 0;
}

.rsHor .rsArrowRight {
	right: 0;
	top: 0;
}

.rsArrowIcn {
	width: 48px;
	height: 48px;
	top: 50%;
	left: 50%;
	margin-top: -24px;
	margin-left: -24px;
	position: absolute;
	cursor: pointer;
}

.rsHor .rsArrowLeft .rsArrowIcn {
    background:url(../images/h-next.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;
}
.rsHor .rsArrowLeft .rsArrowIcn:hover {
    background:url(../images/h-next-h.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;
}

.rsHor .rsArrowRight .rsArrowIcn {
    background:url(../images/h-prev.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;
}
.rsHor .rsArrowRight .rsArrowIcn:hover {
    background:url(../images/h-prev-h.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;
}

/***************
*
*  2. Bullets
*
****************/


/* ==========================================================================
   home slider full width
   ========================================================================== */

#home-slider {
	width: 100%;
	z-index: 5;
	overflow: hidden;
	height: 800px;
}

#home-slider .rsContent {
	overflow: hidden;
	height: 100%;
	width: 100%;
}

 #home-slider.pronto,
.lt-ie10 #home-slider.pronto
{
background-image: none;
}


 .rsSlide .car-descrizione {
	display: none;
}

 .rsSlide.rsActiveSlide .car-descrizione {
	display: block;
}

#home-slider .rsPreloader{
	background-image:none;
}


 #home-slider {
	background: url('http://7xjpsj.com1.z0.glb.clouddn.com/images/loading.gif') center center no-repeat;
}

.lt-ie10 #home-slider {
	background: url('http://7xjpsj.com1.z0.glb.clouddn.com/images/loading.gif') center center no-repeat;
}

#home-slider .rsOverflow {
	width: 100% !important;
}

#home-slider .container {
	position: relative;
	height: 100%;
	z-index: 10;
}


#home-slider a.rsImg {
display: none;
}

#home-slider .rsImg {
	max-width: none;
	position: absolute;
	width: 100%;
	top: 0;
	-webkit-transform: translateZ(0); 
}

#home-slider .container.desc .row {
	position: absolute;
	z-index: 15;
	left: 15px;
	top: auto;
	bottom: 80px;
	min-height: auto;
	width: 100%;
}
#home-slider .car-descrizione{
	margin-left: 20px;
}
#home-slider .car-descrizione h2,
#home-slider .car-descrizione p {
	color: white;
	margin-top: 15px;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.3);
	margin-bottom: 15px;
}

#home-slider .car-descrizione h6 {
	text-shadow: 0px 1px 6px rgba(0,0,0,0.3);
}

#home-slider .car-descrizione h2 {
	margin-top: 10px;
}

#home-slider .car-descrizione h2 a {
	color: white;
	-webkit-transition: all 0.2s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: all 0.2s ease-out;  /* Firefox 4-15 */
	-o-transition: all 0.2s ease-out;  /* Opera 10.50鈥�12.00 */
	transition: all 0.2s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

#home-slider .car-descrizione h2 a:hover {
	text-decoration: none;
	color: rgba(255,255,255,0.70);
}

#home-slider .fs1 {
	margin-right: 10px;
	bottom: -7px;
	display: inline-block;
	position: relative;
	font-size: 1.5em;
}

/* home slider*/
.arrow-down {
  background: url('http://7xjpsj.com1.z0.glb.clouddn.com/images/arrow.svg?843030eb07de') center no-repeat;
  background-size: 35px 35px;
  color: rgb(255, 255, 255);
  width: 40px;
  height: 40px;
  opacity: 0.8;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: 30px;
  cursor: pointer;
  -webkit-transform: rotateZ(-90deg);
  transform: rotateZ(-90deg);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  z-index: 99;
  animation:bounce 2s infinite;
  -moz-animation:bounce 2s infinite; /* Firefox */
  -webkit-animation:bounce 2s infinite; /* Safari and Chrome */
  -o-animation:bounce 2s infinite; 
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { bottom:30px;}
  40% { bottom:0px;}
  60% { bottom:15px;}
}

@-webkit-keyframes bounce /* Safari and Chrome */
{
0%, 20%, 50%, 80%, 100% { bottom:30px;}
40% { bottom:0px;}
60% { bottom:15px;}
}
@-moz-keyframes bounce /* Safari and Chrome */
{
0%, 20%, 50%, 80%, 100% { bottom:30px;}
40% { bottom:0px;}
60% { bottom:15px;}
}

@-o-keyframes bounce /* Safari and Chrome */
{
0%, 20%, 50%, 80%, 100% { bottom:30px;}
40% { bottom:0px;}
60% { bottom:15px;}
}

/*change home slider set*/
#home-slider h2{
  font-size: 48px;
}

#home-slider .car-descrizione p{
  font-size: 16px;
  line-height: 1.5;
}

.delay03 {
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}  
  100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
  0% {opacity: 0;}  
  100% {opacity: 1;}
}

@-o-keyframes fadeIn {
  0% {opacity: 0;}  
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}  
  100% {opacity: 1;}
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.btn{
 	text-decoration: none;
	padding: 10px 25px;
	font-size: 16px;
	line-height: 19px;
	font-weight: 700;
	border: 2px solid transparent;
	overflow: hidden;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.h-slider-btn{
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border: 1px solid #fff;
  color: #fff;
  font-weight: normal;
  padding: 8px 15px;
}
.h-slider-btn:hover,.h-slider-btn:focus{
  background: #fff;
  color: #333;
}

/*轮播图结束*/

htm,body {padding:0px; margin:0px;}
body {font-size:14px;}
dl {padding:0px; margin:0px;}
dt {padding:0px; margin:0px;}
dd {padding:0px; margin:0px;}
ul {padding:0px; margin:0px;}
ol {padding:0px; margin:0px;}
p {padding:0px; margin:0px; line-height:25px;}
li {padding:0px; margin:0px; list-style-type:none;}
form {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
blockquote {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
select {padding:0px; margin:0px; border:0px;}
label {padding:0px; margin:0px;}
textarea {padding:0px; margin:0px; border:0px;}
img {padding:0px; margin:0px; border:0px;} 
.clear {clear:both;}

.space-0 {width:100%; height:0px; clear:both;}
.space-10 {width:100%; height:10px; clear:both;}
.space-15 {width:100%; height:15px; clear:both;}
.space-20 {width:100%; height:20px; clear:both;}
.space-30 {width:100%; height:30px; clear:both;}
.space-40 {width:100%; height:40px; clear:both;}
.space-50 {width:100%; height:50px; clear:both;}
.space-100 {width:100%; height:100px; clear:both;}

.radius5 {-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.radius10 {-moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.radius15 {-moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.radius20 {-moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.radius50 {-moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}

input::-webkit-input-placeholder {color:#666;}
.input {display:block; padding:5px; background:none; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}
.select{width:100%; color:#606366; padding:11px 25px 11px 5px; -webkit-appearance:none; border-radius:3px; background:url(../images/down.png) no-repeat right; background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; -ms-background-size:15px 15px; -webkit-box-sizing:border-box;}
.button {width:100%; display:block; padding:0px 5px; border:#e5e5e5 solid 1px; background:no-repeat; color:#fff; text-align:center; font-size:14px;}
.textarea {display:block; padding:10px 5px; background:none; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}

/* 链接颜色 */

a {color:#fff;}
a:link {color:#fff;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* 网站头部 */

.head {width:100%; height:80px; background:url(../images/head.png) no-repeat left bottom; position:fixed; top:0px; left:0px; z-index:999;}
.head .container {background:url(../images/heads.png) repeat-x center bottom;}

.head .logo {height:80px; padding:10px 0px; display:block; background:#edfff5; float:left;}
.head .logo img {height:60px;}

.head nav {height:80px; display:block; position:relative; float:right;}
.head nav li {height:80px; line-height:80px; display:block; padding:20px 0px; position:relative; z-index:2; float:left;}
.head nav li a {height:40px; line-height:40px; color:#000; font-size:16px; font-weight:bold; display:block; text-align:center;}
.head nav li:hover a {color:#009944;}
.head nav li.cut a {color:#009944;}
.head #buoy {height:80px; background:#edfff5; position:absolute; bottom:0px; left:35px; z-index:1;}

.head .en {height:30px; line-height:28px; color:#fff; padding:0px 10px; display:block; border:#fff solid 1px; margin-left:10px; margin-top:24px; float:right;}
.head .en:hover {background:#fff; color:#009944;}

/* 网站手机版头部 */

.menu-handler { width: 44px; height: 40px; cursor: pointer; position: fixed; right: 10px; top: 3px; z-index: 1002; display:none;}
.menu-handler .burger { width: 32px; height: 2px; background: #fff; display: block; position: absolute; z-index: 5; top: 10px; left: 50%; margin: 0 0 0 -18px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 3px; }
.menu-handler .burger-2 { top: 20px; }
.menu-handler .burger-3 { top: 30px; }
.menu-handler.active .burger-1 { top: 36px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 36px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.trans, .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
#menu-holder { position: fixed; right: -100%; top: 0px; width: 100%; padding: 0px 25px; height: 100%; overflow-x: hidden; overflow-y: auto; background:#009944; color: #fff; z-index: 1000; -webkit-overflow-scrolling: touch; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; }
#menu-holder a:link, #menu-holder a:visited { color: #fff; font-size:16px; }
#menu-holder a:active, #menu-holder a:hover { color: #fff; text-decoration:underline; }
#menu-holder .msubnav a:link, #menu-holder .msubnav a:visited { color: #fff; }
#menu-holder .msubnav a:active, #menu-holder .msubnav a:hover { color: #fff; }
.navMobile { padding: 0px 0px 10px; margin-top: 86px; display: block; }
.navMobile dd { padding-bottom: 20px; position: relative; width: 100%; }
.navMobile p a { font-size:14px; display: block; }
.navMobile .msubnav { width: 238px; padding-top: 16px; display: none; }
.navMobile .msubnav a { font-size: 16px; margin: 0px 12px 10px 0px; display: inline-block; }
#menu-holder .g-tel { font-size: 14px; }
#bg-menu { background-color: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; cursor: url("../images/close-icon.ico") 16 16, default; z-index: 99; display: none; }
.open #menu-holder { right: 0px; }

/* 网站底部 */

.footer {height:auto; overflow:hidden; padding:50px 0px; background:#009944;}
.footer img {display:block; margin:0px auto;}
.footer .links {height:auto; overflow:hidden; display:inline-block;}
.footer .links a {height:25px; line-height:25px; color:#fff; overflow:hidden; display:block; padding:0px 10px; float:left;}
.footer .links span {height:25px; line-height:25px; color:#fff; overflow:hidden; display:block; padding:0px 10px; float:left;}
.footer .title {height:35px; line-height:35px; color:#fff; font-size:18px; font-weight:bold; text-align:center; letter-spacing:5px;}
.footer .backtop {width:120px; height:35px; line-height:35px; color:#009944; text-align:center; margin:0px auto; background:#fff; cursor:pointer;}
.footer .sport {width:180px; height:25px; line-height:25px; color:#fff; overflow:hidden; text-align:center; display:block; padding:0px 10px; margin:0px auto;}

.about {height:auto; overflow:hidden; padding:50px 0px 0px;}
.about .title {height:auto; overflow:hidden; position:relative;}
.about .title .bg {background:url(../images/line.png) repeat-x; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.about .title .word {display:block; position:absolute; top:0px; left:0px; background:url(../images/about.png) no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.about .title a {height:30px; line-height:26px; color:#009944; font-size:16px; border:#009944 solid 2px; display:block; padding:0px 20px; position:absolute; top:20px; right:0px;}
.about .title a:hover {background:#009944; color:#fff;}

.about .img {max-width:100%; display:block; margin:0px auto;}

.culture {height:auto; overflow:hidden; padding:50px 0px;}
.culture .title {height:auto; overflow:hidden; position:relative;}
.culture .title .bg {background:url(../images/line.png) repeat-x; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.culture .title .word {display:block; position:absolute; top:0px; left:0px; background:url(../images/culture.png) no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.culture .title a {height:30px; line-height:26px; color:#009944; font-size:16px; border:#009944 solid 2px; display:block; padding:0px 20px; position:absolute; top:20px; right:0px;}
.culture .title a:hover {background:#009944; color:#fff;}

.culture .list {height:auto; overflow:hidden; border:#009944 solid 2px; display:block;}
.culture .list .bgcolor1 {height:auto; overflow:hidden; background:#effff6; padding:30px 15px;}
.culture .list .bgcolor1 span {height:25px; overflow:hidden; line-height:25px; color:#555; text-align:right; display:block;}
.culture .list .bgcolor1 span.w1 {font-size:20px; font-weight:bold;}
.culture .list .bgcolor1 span.w2 {font-size:14px; font-weight:bold;}
.culture .list .bgcolor1 span.w3 {font-size:10px; font-weight:bold;}
.culture .list .bgcolor1 p {line-height:24px; color:#333; text-align:right; display:block; padding-bottom:15px;}
.culture .list .bgcolor1 s {height:1px; background:#009944; display:block; float:right;}
.culture .list .bgcolor1 .s1 {width:50px;}
.culture .list .bgcolor1 .s2 {width:100px;}

.culture .list .bgcolor2 {height:auto; overflow:hidden; background:#fff;}
.culture .list .bgcolor2 .imgs {width:100%; padding:10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.culture .list .bgcolor2 .imgs img {width:100%; display:block; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.culture .list .bgcolor2 b {height:45px; overflow:hidden; line-height:45px; color:#009944; font-size:20px; font-weight:bold; text-align:center; display:block;}
.culture .list .bgcolor2 font {height:30px; overflow:hidden; line-height:30px; color:#333; font-size:16px; text-align:center; display:block;}

.culture .list:hover .bgcolor2 .imgs img {-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.product {height:auto; overflow:hidden; padding:50px 0px;}
.product .title {height:auto; overflow:hidden; position:relative;}
.product .title .bg {background:url(../images/line.png) repeat-x; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.product .title .word {display:block; position:absolute; top:0px; left:0px; background:url(../images/product.png) no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}

.product .list {height:auto; overflow:hidden; display:block; position:relative; float:left;}
.product .list .a1 {width:50%; height:100%; background:#effff6; position:absolute; top:0px; -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -o-transition:all .8s ease; -ms-transition:all .8s ease; transition:all .8s ease;}
.product .list .a1 .bg_color {width:100%; height:100%; background:#009944; position:absolute; top:-100%; left:0px; -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -o-transition:all .8s ease; -ms-transition:all .8s ease; transition:all .8s ease;}
.product .list .a1 .word {width:100%; height:100px; text-align:center; position:absolute; top:50%; left:0px; margin-top:-50px;}
.product .list .a1 .word i {width:60px; height:90px; display:block; float:left;}
.product .list .a1 .word .w {height:100px; padding:15px 10px 0px; float:left;}
.product .list .a1 .word .w span {height:35px; overflow:hidden; line-height:30px; color:#323232; font-size:18px; text-align:left; display:block;}
.product .list .a1 .word .w s {height:2px; display:block; background:#969696;}
.product .list .a1 .word .w p {height:35px; overflow:hidden; line-height:35px; color:#646464; display:block;}

.product .list1 .a1 .word i {background:url(../images/p-icon-1.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.product .list2 .a1 .word i {background:url(../images/p-icon-2.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.product .list3 .a1 .word i {background:url(../images/p-icon-3.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.product .list4 .a1 .word i {background:url(../images/p-icon-4.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}

.product .list .a2 {height:auto; overflow:hidden; position:relative;}
.product .list .a2 img {width:100%; display:block; -webkit-transition:all 1.8s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
.product .list .a2 .bg {width:50%; height:100%; background:rgba(0, 0, 0, 0.5); position:absolute; top:0px;}
.product .list .a2 .word {width:120px; height:120px; padding:38px 0px; text-align:center; position:absolute; top:50%; margin-top:-60px;}
.product .list .a2 .word span {height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:16px; font-weight:bold; display:block;}

.product .list:hover .a1 .bg_color {top:0px; -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -o-transition:all .8s ease; -ms-transition:all .8s ease; transition:all .8s ease;}
.product .list:hover .a1 .word .w span {color:#fff;}
.product .list:hover .a1 .word .w s {background:#fff;}
.product .list:hover .a1 .word .w p {color:#fff;}

.product .list1:hover .a1 .word i {background:url(../images/p-icon-1-h.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.product .list2:hover .a1 .word i {background:url(../images/p-icon-2-h.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.product .list3:hover .a1 .word i {background:url(../images/p-icon-3-h.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.product .list4:hover .a1 .word i {background:url(../images/p-icon-4-h.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}

.product .list:hover .a2 .bg {top:-100%; -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -o-transition:all .8s ease; -ms-transition:all .8s ease; transition:all .8s ease;}
.product .list:hover .a2 .word {top:-100%; -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -o-transition:all .8s ease; -ms-transition:all .8s ease; transition:all .8s ease;}

.product .list .a1 .bor {width:96%; height:96%; overflow:hidden; position:absolute; top:2%; left:2%;}

.product .list .a1 .bor:before,.product .list .a1 .bor:after {width:100%;  height:100%; content: ''; display: block; position: absolute; border: 2px solid #ddd;}

.product .list:hover .a1 .bor:after { border: 2px solid #fff;}

.newss {height:auto; overflow:hidden; padding:50px 0px;}
.newss .title {height:auto; overflow:hidden; position:relative;}
.newss .title .bg {background:url(../images/line.png) repeat-x; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.newss .title .word {display:block; position:absolute; top:0px; left:0px; background:url(../images/news.png) no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}

.contact {height:auto; overflow:hidden; display:block;}
.contact #NBYZMAP {height:500px;}

/* 内页样式 */

.location {height:auto; overflow:hidden; background:url(../images/line.png) repeat-x bottom; padding-bottom:25px;}
.location .a1 {height:30px; line-height:30px; color:#009944; font-size:20px; font-weight:bold; overflow:hidden; float:left;}
.location .a2 {height:30px; float:right;}
.location .a2 a,.location .a2 span {height:30px; line-height:30px; color:#333; display:block; padding:0px 5px; float:left;}
.location .a2 a.home {background:url(../images/location.png) no-repeat left center; padding-left:30px;}
.location .a2 a.cut {color:#009944;}

.abouts {background:url(../images/abouts.jpg);}
.abouts .a1 {height:auto; overflow:hidden; padding:30px 0px;}
.abouts .a1 .title {height:50px; line-height:50px; font-size:18px; color:#333;}
.abouts .a1 .cont {line-height:24px; color:#555;}
.abouts .a1 s {width:50px; height:3px; background:#777; display:block;}
.abouts .a2 {height:auto; overflow:hidden;}
.abouts .a2 .img {max-width:100%; display:block; margin:0px auto;}

.abouts.abt1 {height:auto; overflow:hidden; background:#fff;}
.abouts.abt2 {background:#e8e8e8; position:relative; padding:30px 0px 0px; margin-top:50px;}
.abouts.abt2 .a2 {margin-top:-120px;}

.content {height:auto; overflow:hidden;}
.content.bgcolor {background:#f5f3e7;}
.content img {max-width:100%;}

.products a {height:auto; overflow:hidden; display:block; position:relative;}
.products a img {width:100%; border:#e5e5e5 solid 1px;}
.products a .showbox {width:100%; height:100%; display:block; position:absolute; top:0px; left:0px;}
.products span {height:50px; overflow:hidden; line-height:50px; color:#333; font-size:16px; font-weight:bold; text-align:center; letter-spacing:3px; display:block;}

.stage_title {height:60px; line-height:60px; font-size:18px; color:#000; border:#e5e5e5 solid 1px; padding:0px 20px;}

.side_div {height:auto; overflow:hidden; border:#e5e5e5 solid 1px; border-top:none; border-bottom:none;}
.side_div .a1 {height:45px; line-height:45px; color:#333; font-size:16px; overflow:hidden; display:block; border-bottom:#e5e5e5 solid 1px; padding-left:30px; position:relative;}
.side_div .a1 i {width:3px; height:11px; background:#666; position:absolute; top:18px; left:20px;}
.side_div .a1.hover {color:#009944;}
.side_div .a1.hover i {background:#009944;}
.side_div .a1:hover {color:#009944;}
.side_div .a1:hover i {background:#009944;}

.side_div .ul {height:auto; overflow:hidden;}
.side_div .ul.ul-71 {padding-bottom:10px; border-bottom:#e5e5e5 solid 1px;}
.side_div .ul#show-71 {padding-bottom:10px; border-bottom:#e5e5e5 solid 1px;}
.side_div .ul .a2 {height:35px; line-height:25px; color:#555; overflow:hidden; display:block; padding:10px 30px 0px; position:relative;}
.side_div .ul .a2 i {width:3px; height:3px; background:#555; position:absolute; top:21px; left:20px;}
.side_div .ul .a2.hover {color:#009944;}
.side_div .ul .a2:hover i {background:#009944;}

.menubox {height:auto; overflow:hidden;}
.menubox a {height:41px; display:block; margin-right:15px; position:relative; float:left;}
.menubox a span {height:35px; line-height:35px; color:#333; font-size:16px; overflow:hidden; display:block; padding:0px 20px; background:#ededed;}
.menubox a i {width:12px; height:6px; display:none; background:url(../images/san.png) no-repeat; position:absolute; left:50%; bottom:0px; margin-left:-6px;}
.menubox a.hover span {background:#009944; color:#fff;}
.menubox a.hover i {display:block;}
.menubox a:hover span {background:#009944; color:#fff;}
.menubox a:hover i {display:block;}

.newsList {height:auto; overflow:hidden;}
.newsList a {height:auto; overflow:hidden; display:block; background:#edfff5; border:#e5e5e5 solid 1px; position:relative;}
.newsList a .imgbg {display:block; position:absolute; top:0px; left:0px;}
.newsList a .intro {height:auto; overflow:hidden; display:block; padding:20px; border:#fff solid 1px;}
.newsList a .intro .intro-title {height:35px; line-height:35px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsList a .intro .intro-cont {height:50px; line-height:25px; color:#555; overflow:hidden;}
.newsList a .intro .intro-tool {height:30px;}
.newsList a .intro .intro-tool small {height:30px; line-height:30px; font-size:20px; color:#333; font-weight:bold; display:block; float:left;}
.newsList a .intro .intro-tool time {height:30px; line-height:30px; color:#f48239; display:block; padding-left:20px; background:url(../images/time.png) no-repeat left center; background-size:13px 13px; -webkit-background-size:13px 13px; -moz-background-size:13px 13px; -ms-background-size:13px 13px; float:right;}
.newsList a:hover {border:#f48239 solid 1px;}

.s_n_title {height:auto; overflow:hidden; line-height:25px; overflow:hidden; color:#000; font-size:18px; font-weight:bold; padding:0px 0px 5px;}

.s_d_date {height:30px; line-height:30px; color:#898989; padding-bottom:10px; border-bottom:#ccc dashed 1px;}
.s_d_date font {color:#e60012;}

.s_cont {height:auto; overflow:hidden;}
.s_cont img {max-width:100%;}

.contact-top {background:url(../images/contact-top.jpg) no-repeat center top; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}

/* 分页样式 */

.page {height:auto; overflow:hidden; text-align:center; clear:both; margin:0px -5px;}
.page {height:auto; overflow:hidden; display:inline-block;}
.page a {height:25px; line-height:23px; font-size:12px; color:#666; border:#e5e5e5 solid 1px; background:#fff; display:block; padding:0px 15px; margin:0px 5px 5px; float:left;}
.page span {height:25px; line-height:23px; color:#666; display:block; padding:0px 10px; border:#e5e5e5 solid 1px; background:#fff; margin:0px 5px 5px; float:left;}
.page span.current {color:#f48239; border:#f48239 solid 1px;}
.page .prev {background:url(../images/page.png) no-repeat 4px 0px #fff;}
.page .next {background:url(../images/page.png) no-repeat 4px -40px #fff;}
.page a:hover {color:#f48239; border:#f48239 solid 1px;}
.page .prev:hover {background:url(../images/page.png) no-repeat 4px -60px #fff;}
.page .next:hover {background:url(../images/page.png) no-repeat 4px -20px #fff;}

/* 相关新闻 */

.morenews {height:auto; overflow:hidden; border-top:#ccc dashed 1px; padding:20px 0px;}
.morenews span {height:30px; line-height:30px; display:block; color:#434343;}
.morenews a {height:30px; line-height:30px; color:#a0a0a0;}
.morenews a:hover {color:#d7181f;}

.foot {height:auto; overflow:hidden; background:url(../images/footbg.jpg) no-repeat center center; padding-top:18px;}
.foot .foot-logo {height:120px; float:left;}
.foot .text {height:120px; padding:22px 10px; float:left;}
.foot .text p {line-height:25px; color:#333; overflow:hidden; display:block;}
.foot .text p span {height:25px; line-height:25px; color:#333; overflow:hidden; display:block;}
.foot .text a {height:25px; line-height:25px; color:#333; overflow:hidden; display:block;}
.foot .tool {height:120px; float:right;}
.foot .tool .tools {height:50px; display:inline-block;}
.foot .tool .tools span {width:50px; height:50px; display:block; margin:35px 10px; cursor:pointer; float:left;}
.foot .tool .tools span.s1 {background:url(../images/f-icon-1.png) no-repeat center center #edfff5; background-size:30px 36px; -webkit-background-size:36px 36px; -moz-background-size:36px 36px; -ms-background-size:36px 36px;}
.foot .tool .tools span.s2 {background:url(../images/f-icon-2.png) no-repeat center center #edfff5; background-size:36px 36px; -webkit-background-size:36px 36px; -moz-background-size:36px 36px; -ms-background-size:36px 36px;}
.foot .tool .tools span.s3 {background:url(../images/f-icon-3.png) no-repeat center center #edfff5; background-size:36px 36px; -webkit-background-size:36px 36px; -moz-background-size:36px 36px; -ms-background-size:36px 36px;}

/* 二维码 */

.code-top {height:50px; line-height:50px; overflow:hidden; color:#333; font-size:16px; text-align:center; border-bottom:#ddd solid 1px;}
.code-center {height:auto; overflow:hidden; padding:10px; border-bottom:#ddd solid 1px;}
.code-center img {width:180px; display:block; margin:0px auto;}
.code-bot {height:auto; line-height:20px; color:#777; font-size:12px; text-align:center; overflow:hidden; padding:10px 0px 0px;}

.contact-tel {height:auto; overflow:hidden;}
.contact-tel .list {height:auto; overflow:hidden; background:#d5e5dd; padding:50px 0px; display:block;}
.contact-tel .list i {width:80px; height:80px; display:block; margin:0px auto;}
.contact-tel .list1 i {background:url(../images/tel-1.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact-tel .list2 i {background:url(../images/tel-2.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact-tel .list3 i {background:url(../images/tel-3.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact-tel .list4 i {background:url(../images/tel-4.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact-tel .list5 i {background:url(../images/tel-5.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.contact-tel .list span {height:auto; line-height:40px; color:#666; font-size:18px; font-weight:bold; text-align:center; overflow:hidden; display:block;}

.small_imgs img.img1 {
    -webkit-animation: mypassion-ltr 1s 1 ease-in;
    -moz-animation: mypassion-ltr 1s 1 ease-in;
    -o-animation: mypassion-ltr 1s 1 ease-in;
    animation: mypassion-ltr 1s 1 ease-in;
}
.small_imgs img.img2 {
    -webkit-animation: mypassion-ltr 1.4s 1 ease-in;
    -moz-animation: mypassion-ltr 1.4s 1 ease-in;
    -o-animation: mypassion-ltr 1.4s 1 ease-in;
    animation: mypassion-ltr 1.4s 1 ease-in;
}
.small_imgs img.img3 {
    -webkit-animation: mypassion-ltr 1.8s 1 ease-in;
    -moz-animation: mypassion-ltr 1.8s 1 ease-in;
    -o-animation: mypassion-ltr 1.8s 1 ease-in;
    animation: mypassion-ltr 1.8s 1 ease-in;
}
.small_imgs img.img4 {
    -webkit-animation: mypassion-ltr 2.2s 1 ease-in-in;
    -moz-animation: mypassion-ltr 2.2s 1 ease-in-in
    -o-animation: mypassion-ltr 2.2s 1 ease-in;
    animation: mypassion-ltr 2.2s 1 ease-in;
}
.small_imgs img.img5 {
    -webkit-animation: mypassion-ltr 2.6s 1 ease-in;
    -moz-animation: mypassion-ltr 2.6s 1 ease-in;
    -o-animation: mypassion-ltr 2.6s 1 ease-in;
    animation: mypassion-ltr 2.6s 1 ease-in;
}

.cultures {height:auto; overflow:hidden;}
.cultures .list {height:auto; overflow:hidden; position:relative;}
.cultures .list img {display:block;}

.cultures .list .imgbg {width:100%;}
.cultures .list .list-img {position:absolute;}

.newsLists a:link, .newsLists a:visited { color: #787878; }
.newsLists a:active, .newsLists a:hover { color: #006766; }
.newsLists {height:auto; overflow:hidden;}
.newsLists li {height:auto; overflow:hidden; display: block; position: relative; font-size: 14px; position: relative; }
.newsLists li.shown { overflow: inherit; }
.newsLists li.shown, .newsLists li.shown .item { visibility: visible; }
.newsLists li.animate .item { -webkit-animation: showMe 1.5s step-end forwards; animation: showMe 1.5s step-end forwards; }
.newsLists .item {border: 3px solid #94d1af; display: block; background-color: #fff; padding: 0px 11px 20px; color: #787878; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms;}
.newsLists .time { position: absolute; right: 14px; top: 0px; background: url(../images/nico.png) no-repeat scroll center top #94d1af; width: 90px; padding-top: 18px; height: 113px; display: block; color: #fff; text-align: center; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.newsLists .time .num { display: block; font-size: 45px; line-height: 1.4; font-family: Tahoma,arial; font-weight: bold; }
.newsLists .time .year { border-top: 1px solid #fff; padding-top: 4px; font-family: "din_b","Comic Sans MS",Tahoma,arial; }
.newsLists .t { height: 52px; font-weight: bold; font-size: 18px; padding-right: 100px; overflow: hidden; line-height: 1.4; margin: 40px 0px 37px; }
.newsLists .t a { color: #505050; }
.newsLists .img { width: 100%; overflow: hidden; margin-bottom: 15px; height: auto; overflow:hidden; background-color: #000; }
.newsLists .img img { width: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.newsLists .c { line-height: 1.5; height: 62px; overflow: hidden; margin-bottom: 28px; }
.newsLists .bot { position: relative; }
.newsLists .bot .typeI { border: 1px solid #e5e5e5; border-radius: 4px; padding: 0px 6px; margin-right: 8%; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.newsLists .bot .more { background: url(../images/more4.png) no-repeat; width: 18px; height: 18px; position: absolute; right: 0px; top: 0px; }
.newsLists .item:hover { border-color: #009944; }
.newsLists .item:hover .time { background-color: #009944; }
.newsLists .item:hover .t a { color: #009944; }
.newsLists .item:hover .bot .typeI { background-color: #009944; color: #fff; border: 1px solid #009944; }
.newsLists .item:hover .bot .easeI { background-image: url(../images/li22.png); }
.newsLists .item:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 0.8; }

.timeI, .easeI, .linkI { padding-left: 24px; }
.timeI { margin-right: 28px; }
.easeI { margin-right: 14px; }
.timeI { background: url(../images/li1.png) no-repeat scroll left center; }
.easeI { background: url(../images/li2.png) no-repeat scroll left center; cursor: default; }
.easeI:hover { background-image: url(../images/li22.png); }

@media (max-width: 479px) {

.head {height:50px;}
.head .container {height:50px;}

.head .logo {height:50px; padding:5px 0px;}
.head .logo img {height:40px;}

.head .en {margin-top:10px; margin-right:60px;}

.head nav {display:none;}

.menu-handler {display:block;}

.footer .links .none {display:none;}

.product .list {width:100%;}

.product .list .a1 .word {width:100%; height:60px; margin-top:-30px;}
.product .list .a1 .word i {width:40px; height:60px;}
.product .list .a1 .word .w {height:60px; padding:0px 10px 0px; float:left;}
.product .list .a1 .word .w span {height:30px; line-height:25px; font-size:16px;}
.product .list .a1 .word .w p {height:30px; line-height:25px;}

.product .list .a2 .word {width:90px; height:90px; padding:23px 0px; margin-top:-45px; margin-left:-45px;}
.product .list .a2 .word span {height:40px; line-height:40px;}

.product .list1 .a1,.product .list3 .a1 {left:0px;}
.product .list1 .a2,.product .list3 .a2 {padding-left:50%;} 

.product .list2 .a1,.product .list4 .a1 {right:0px;}
.product .list2 .a2,.product .list4 .a2 {padding-right:50%;} 

.product .list1 .a2 .word ,.product .list3 .a2 .word {right:25%; margin-right:-60px;}
.product .list2 .a2 .word ,.product .list4 .a2 .word {left:25%; margin-left:-60px;}

.product .list1 .a2 .bg,.product .list3 .a2 .bg {right:0px;}
.product .list2 .a2 .bg,.product .list4 .a2 .bg {left:0px;}

.rsContent .small_img {width:300px; margin-left:-150px; margin-top:-50px;}

.rsContent .small_imgs {width:200px; height:250px; margin-left:-100px; margin-top:-85px;}
.rsContent .small_imgs img {width:50px; height:250px; display:block; float:right;}

.abouts .a1 .title {font-size:14px;}

.bigimg {height:200px; margin-top:50px;}

#NBYZMAP {height:240px;}

.contact-top {height:60px;}

.newsList a img {display:none;}
.newsList a .intro {padding:10px 20px;}
.newsList a .intro .space-20 {height:5px;}
.newsList a.a1 {padding-left:0px;}

.foot {padding-bottom:20px;}
.foot .foot-logo {display:none;}
.foot .text {float:none; padding:20px 5px 10px;}

.foot .tool {height:auto; float:none;}
.foot .tool .tools span {width:30px; height:30px; margin:10px 5px;}
.foot .tool .tools span.s1 {background:url(../images/f-icon-1.png) no-repeat center center #edfff5; background-size:25px 25px; -webkit-background-size:25px 25px; -moz-background-size:25px 25px; -ms-background-size:25px 25px;}
.foot .tool .tools span.s2 {background:url(../images/f-icon-2.png) no-repeat center center #edfff5; background-size:25px 25px; -webkit-background-size:25px 25px; -moz-background-size:25px 25px; -ms-background-size:25px 25px;}
.foot .tool .tools span.s3 {background:url(../images/f-icon-3.png) no-repeat center center #edfff5; background-size:25px 25px; -webkit-background-size:25px 25px; -moz-background-size:25px 25px; -ms-background-size:25px 25px;}

.menubox a {height:33px; margin-right:5px;}
.menubox a span {height:30px; line-height:30px; font-size:12px; padding:0px 10px;}
.menubox a i {width:6px; height:3px; background:url(../images/san.png) no-repeat; background-size:6px 3px; -webkit-background-size:6px 3px; -moz-background-size:6px 3px; -ms-background-size:6px 3px; margin-left:-3px;}

.cultures1 .list.list-bg-1 .list-img-1-1 {width:150px; top:0px; right:-10px;}
.cultures1 .list.list-bg-1 .list-img-1-2 {width:120px; bottom:5px; right:5px;}

.cultures1 .list.list-bg-2 .list-img-2-1 {width:150px; top:-20px; right:0px;}
.cultures1 .list.list-bg-2 .list-img-2-2 {width:200px; top:60px; right:0px;}
.cultures1 .list.list-bg-2 .list-img-2-3 {width:60px; bottom:10px; right:0px;}

.cultures1 .list.list-bg-3 .list-img-3-1 {width:200px; top:-10px; left:-10px;}

.cultures1 .list.list-bg-4 .list-img-4-1 {width:60px; top:0px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-2 {width:320px; top:0px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-3 {width:180px; top:100px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-4 {width:170px; top:70px; right:0px;}
.cultures1 .list.list-bg-4 .list-img-4-5 {width:60px; bottom:10px; right:0px;}

.cultures1 .list.list-bg-5 .list-img-5-1 {width:150px; top:0px; left:0px;}
.cultures1 .list.list-bg-5 .list-img-5-2 {width:170px; bottom:-20px; left:0px;}
.cultures1 .list.list-bg-5 .list-img-5-3 {width:140px; top:0px; right:0px;}
.cultures1 .list.list-bg-5 .list-img-5-4 {width:170px; bottom:-20px; right:0px;}

.cultures-187 .list.list-bg-1 .list-img-1-1 {width:60px; top:0px; left:0px;}
.cultures-187 .list.list-bg-1 .list-img-1-2 {width:100px; bottom:0px; left:0px;}
.cultures-187 .list.list-bg-1 .list-img-1-3 {width:240px; top:-60px; left:90px;}

.cultures-187 .list.list-bg-2 {height:480px;}
.cultures-187 .list.list-bg-2 .list-img-2-1 {width:300px; top:50px; left:0px;}
.cultures-187 .list.list-bg-2 .list-img-2-2 {width:300px; top:220px; left:0px;}
.cultures-187 .list.list-bg-2 .list-img-2-3 {width:300px; top:350px; left:0px;}

.cultures-149 .list.list-bg-1 .list-img-1-1 {width:50%; top:0px; left:0px;}
.cultures-149 .list.list-bg-1 .list-img-1-2 {width:50%; top:0px; right:0px;}

.cultures-149 .list.list-bg-2 .list-img-2-1 {width:50%; top:0px; left:0px;}
.cultures-149 .list.list-bg-2 .list-img-2-2 {width:50%; top:0px; right:0px;}

.cultures-149 .list.list-bg-3 .list-img-3-1 {width:50%; top:0px; left:0px;}
.cultures-149 .list.list-bg-3 .list-img-3-2 {width:50%; top:0px; right:0px;}

.cultures-149 .list.list-bg-4 .list-img-4-1 {width:300px; top:0px; left:0px;}
.cultures-149 .list.list-bg-4 .list-img-4-2 {width:25%; top:65px; left:0px;}
.cultures-149 .list.list-bg-4 .list-img-4-3 {width:25%; top:65px; left:25%;}
.cultures-149 .list.list-bg-4 .list-img-4-4 {width:20%; top:65px; left:50%;}
.cultures-149 .list.list-bg-4 .list-img-4-5 {width:30%; top:65px; left:70%;}

.cultures-149 .list.list-bg-5 .list-img-5-1 {width:300px; top:0px; left:0px;}
.cultures-149 .list.list-bg-5 .list-img-5-2 {width:29%; top:60px; left:0px;}
.cultures-149 .list.list-bg-5 .list-img-5-3 {width:20%; top:60px; left:29%;}
.cultures-149 .list.list-bg-5 .list-img-5-4 {width:27%; top:60px; left:49%;}
.cultures-149 .list.list-bg-5 .list-img-5-5 {width:24%; top:60px; left:76%;}

.cultures-148 .list.list-bg-1 .list-img-1-1 {width:50%; top:0px; left:0px;}
.cultures-148 .list.list-bg-1 .list-img-1-2 {width:50%; top:0px; right:0px;}

.cultures-148 .list.list-bg-2 .list-img-2-1 {width:50%; top:0px; left:0px;}
.cultures-148 .list.list-bg-2 .list-img-2-2 {width:50%; top:0px; right:0px;}

.newsList a.a1 {padding-left:120px;}
.newsList a .imgbg {width:120px; height:200px;}

}

@media (min-width: 480px) and (max-width: 767px)  {

.head {height:50px;}
.head .container {height:50px;}

.head .logo {height:50px; padding:5px 0px;}
.head .logo img {height:40px;}

.head .en {margin-top:10px; margin-right:60px;}

.head nav {display:none;}

.menu-handler {display:block;}

.product .list {width:100%;}

.product .list1 .a1,.product .list3 .a1 {left:0px;}
.product .list1 .a2,.product .list3 .a2 {padding-left:50%;} 

.product .list2 .a1,.product .list4 .a1 {right:0px;}
.product .list2 .a2,.product .list4 .a2 {padding-right:50%;} 

.product .list1 .a2 .word ,.product .list3 .a2 .word {right:25%; margin-right:-60px;}
.product .list2 .a2 .word ,.product .list4 .a2 .word {left:25%; margin-left:-60px;}

.product .list1 .a2 .bg,.product .list3 .a2 .bg {right:0px;}
.product .list2 .a2 .bg,.product .list4 .a2 .bg {left:0px;}

.rsContent .small_img {width:300px; margin-left:-150px; margin-top:-30px;}

.rsContent .small_imgs {width:240px; height:300px; margin-left:-120px; margin-top:-150px;}
.rsContent .small_imgs img {width:60px; height:300px; display:block; float:right;}

.abouts .a1 .title {font-size:14px;}

.bigimg {height:240px; margin-top:50px;}

#NBYZMAP {height:240px;}

.contact-top {height:60px;}

.newsList a img {display:none;}
.newsList a .intro {padding:10px 20px;}
.newsList a.a1 {padding-left:0px;}

.foot {padding-bottom:20px;}
.foot .foot-logo {display:none;}
.foot .text {float:none; padding:20px 5px 10px;}
.foot .tool {height:auto; float:none;}
.foot .tool .tools span {margin:10px 5px;}

.cultures1 .list.list-bg-1 .list-img-1-1 {width:240px; top:0px; right:0px;}
.cultures1 .list.list-bg-1 .list-img-1-2 {width:200px; bottom:10px; right:10px;}

.cultures1 .list.list-bg-2 .list-img-2-1 {width:240px; top:0px; right:0px;}
.cultures1 .list.list-bg-2 .list-img-2-2 {width:270px; top:110px; right:0px;}
.cultures1 .list.list-bg-2 .list-img-2-3 {width:120px; bottom:10px; right:0px;}

.cultures1 .list.list-bg-3 .list-img-3-1 {width:280px; top:0px; left:0px;}

.cultures1 .list.list-bg-4 .list-img-4-1 {width:105px; top:0px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-2 {width:480px; top:0px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-3 {width:300px; top:160px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-4 {width:290px; top:120px; right:0px;}
.cultures1 .list.list-bg-4 .list-img-4-5 {width:110px; bottom:20px; right:0px;}

.cultures1 .list.list-bg-5 .list-img-5-1 {width:260px; top:0px; left:0px;}
.cultures1 .list.list-bg-5 .list-img-5-2 {width:280px; bottom:-60px; left:0px;}
.cultures1 .list.list-bg-5 .list-img-5-3 {width:280px; top:0px; right:0px;}
.cultures1 .list.list-bg-5 .list-img-5-4 {width:270px; bottom:-60px; right:0px;}

.cultures-187 .list.list-bg-1 .list-img-1-1 {width:90px; top:0px; left:0px;}
.cultures-187 .list.list-bg-1 .list-img-1-2 {width:150px; bottom:0px; left:0px;}
.cultures-187 .list.list-bg-1 .list-img-1-3 {width:270px; top:0px; left:90px;}

.cultures-187 .list.list-bg-1 .list-img-1-1 {width:200px; top:0px; left:0px;}
.cultures-187 .list.list-bg-1 .list-img-1-2 {width:360px; bottom:0px; left:0px;}
.cultures-187 .list.list-bg-1 .list-img-1-3 {width:540px; top:0px; left:200px;}

.cultures-187 .list.list-bg-2 {height:750px;}
.cultures-187 .list.list-bg-2 .list-img-2-1 {width:425px; top:150px; left:0px;}
.cultures-187 .list.list-bg-2 .list-img-2-2 {width:425px; top:400px; left:0px;}
.cultures-187 .list.list-bg-2 .list-img-2-3 {width:425px; top:580px; left:0px;}

.cultures-149 .list.list-bg-1 .list-img-1-1 {width:50%; top:0px; left:0px;}
.cultures-149 .list.list-bg-1 .list-img-1-2 {width:50%; top:0px; right:0px;}

.cultures-149 .list.list-bg-2 .list-img-2-1 {width:50%; top:0px; left:0px;}
.cultures-149 .list.list-bg-2 .list-img-2-2 {width:50%; top:0px; right:0px;}

.cultures-149 .list.list-bg-3 .list-img-3-1 {width:50%; top:0px; left:0px;}
.cultures-149 .list.list-bg-3 .list-img-3-2 {width:50%; top:0px; right:0px;}

.cultures-149 .list.list-bg-4 .list-img-4-1 {width:480px; top:0px; left:0px;}
.cultures-149 .list.list-bg-4 .list-img-4-2 {width:25%; top:105px; left:0px;}
.cultures-149 .list.list-bg-4 .list-img-4-3 {width:25%; top:105px; left:25%;}
.cultures-149 .list.list-bg-4 .list-img-4-4 {width:20%; top:105px; left:50%;}
.cultures-149 .list.list-bg-4 .list-img-4-5 {width:30%; top:105px; left:70%;}

.cultures-149 .list.list-bg-5 .list-img-5-1 {width:480px; top:0px; left:0px;}
.cultures-149 .list.list-bg-5 .list-img-5-2 {width:29%; top:90px; left:0px;}
.cultures-149 .list.list-bg-5 .list-img-5-3 {width:20%; top:90px; left:29%;}
.cultures-149 .list.list-bg-5 .list-img-5-4 {width:27%; top:90px; left:49%;}
.cultures-149 .list.list-bg-5 .list-img-5-5 {width:24%; top:90px; left:76%;}

.cultures-148 .list.list-bg-1 .list-img-1-1 {width:50%; top:0px; left:0px;}
.cultures-148 .list.list-bg-1 .list-img-1-2 {width:50%; top:0px; right:0px;}

.cultures-148 .list.list-bg-2 .list-img-2-1 {width:50%; top:0px; left:0px;}
.cultures-148 .list.list-bg-2 .list-img-2-2 {width:50%; top:0px; right:0px;}

.newsList a.a1 {padding-left:200px;}
.newsList a .imgbg {width:200px; height:200px;}

}

@media (min-width: 768px) and (max-width: 999px){

.head {height:50px;}
.head .container {width:100%; height:50px;}

.head .logo {height:50px; padding:5px 0px;}
.head .logo img {height:40px;}

.head .en {margin-top:8px; margin-right:60px;}

.head nav {display:none;}

.menu-handler {display:block;}

.culture {padding:80px 0px;}

.product .list {width:100%;}

.product .list1 .a1,.product .list3 .a1 {left:0px;}
.product .list1 .a2,.product .list3 .a2 {padding-left:50%;} 

.product .list2 .a1,.product .list4 .a1 {right:0px;}
.product .list2 .a2,.product .list4 .a2 {padding-right:50%;} 

.product .list1 .a2 .word ,.product .list3 .a2 .word {right:25%; margin-right:-60px;}
.product .list2 .a2 .word ,.product .list4 .a2 .word {left:25%; margin-left:-60px;}

.product .list1 .a2 .bg,.product .list3 .a2 .bg {right:0px;}
.product .list2 .a2 .bg,.product .list4 .a2 .bg {left:0px;}

.rsContent .small_img {width:500px; margin-left:-250px; margin-top:-90px;}

.rsContent .small_imgs {width:280px; height:350px; margin-left:-140px; margin-top:-145px;}
.rsContent .small_imgs img {width:70px; height:350px; display:block; float:right;}

.bigimg {height:300px; margin-top:50px;}

#NBYZMAP {height:300px;}

.contact-top {height:100px;}

.foot .text p span {float:left;}
.foot .text p span.s1 {padding-left:10px;}

.cultures1 .list.list-bg-1 .list-img-1-1 {width:240px; top:80px; right:0px;}
.cultures1 .list.list-bg-1 .list-img-1-2 {width:240px; bottom:10px; right:10px;}

.cultures1 .list.list-bg-2 .list-img-2-1 {width:300px; top:0px; right:0px;}
.cultures1 .list.list-bg-2 .list-img-2-2 {width:350px; top:140px; right:0px;}
.cultures1 .list.list-bg-2 .list-img-2-3 {width:180px; bottom:0px; right:0px;}

.cultures1 .list.list-bg-3 .list-img-3-1 {width:350px; top:0px; left:0px;}

.cultures1 .list.list-bg-4 .list-img-4-1 {width:140px; top:0px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-2 {width:750px; top:0px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-3 {width:400px; top:220px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-4 {width:380px; top:150px; right:0px;}
.cultures1 .list.list-bg-4 .list-img-4-5 {width:160px; bottom:20px; right:0px;}

.cultures1 .list.list-bg-5 .list-img-5-1 {width:350px; top:0px; left:0px;}
.cultures1 .list.list-bg-5 .list-img-5-2 {width:380px; bottom:-85px; left:0px;}
.cultures1 .list.list-bg-5 .list-img-5-3 {width:360px; top:0px; right:0px;}
.cultures1 .list.list-bg-5 .list-img-5-4 {width:360px; bottom:-80px; right:0px;}

.cultures-187 .list.list-bg-1 .list-img-1-1 {width:120px; top:0px; left:0px;}
.cultures-187 .list.list-bg-1 .list-img-1-2 {width:200px; bottom:0px; left:0px;}
.cultures-187 .list.list-bg-1 .list-img-1-3 {width:380px; top:0px; left:120px;}

.cultures-187 .list.list-bg-1 .list-img-1-1 {width:200px; top:0px; left:0px;}
.cultures-187 .list.list-bg-1 .list-img-1-2 {width:360px; bottom:0px; left:0px;}
.cultures-187 .list.list-bg-1 .list-img-1-3 {width:540px; top:0px; left:200px;}

.cultures-187 .list.list-bg-2 {height:750px;}
.cultures-187 .list.list-bg-2 .list-img-2-1 {width:425px; top:150px; left:0px;}
.cultures-187 .list.list-bg-2 .list-img-2-2 {width:425px; top:400px; left:0px;}
.cultures-187 .list.list-bg-2 .list-img-2-3 {width:425px; top:580px; left:0px;}

.cultures-149 .list.list-bg-1 .list-img-1-1 {width:50%; top:0px; left:0px;}
.cultures-149 .list.list-bg-1 .list-img-1-2 {width:50%; top:0px; right:0px;}

.cultures-149 .list.list-bg-2 .list-img-2-1 {width:50%; top:0px; left:0px;}
.cultures-149 .list.list-bg-2 .list-img-2-2 {width:50%; top:0px; right:0px;}

.cultures-149 .list.list-bg-3 .list-img-3-1 {width:50%; top:0px; left:0px;}
.cultures-149 .list.list-bg-3 .list-img-3-2 {width:50%; top:0px; right:0px;}

.cultures-149 .list.list-bg-4 .list-img-4-1 {width:750px; top:0px; left:0px;}
.cultures-149 .list.list-bg-4 .list-img-4-2 {width:25%; top:135px; left:0px;}
.cultures-149 .list.list-bg-4 .list-img-4-3 {width:25%; top:135px; left:25%;}
.cultures-149 .list.list-bg-4 .list-img-4-4 {width:20%; top:135px; left:50%;}
.cultures-149 .list.list-bg-4 .list-img-4-5 {width:30%; top:135px; left:70%;}

.cultures-149 .list.list-bg-5 .list-img-5-1 {width:750px; top:0px; left:0px;}
.cultures-149 .list.list-bg-5 .list-img-5-2 {width:29%; top:140px; left:0px;}
.cultures-149 .list.list-bg-5 .list-img-5-3 {width:20%; top:140px; left:29%;}
.cultures-149 .list.list-bg-5 .list-img-5-4 {width:27%; top:140px; left:49%;}
.cultures-149 .list.list-bg-5 .list-img-5-5 {width:24%; top:140px; left:76%;}

.cultures-148 .list.list-bg-1 .list-img-1-1 {width:50%; top:0px; left:0px;}
.cultures-148 .list.list-bg-1 .list-img-1-2 {width:50%; top:0px; right:0px;}

.cultures-148 .list.list-bg-2 .list-img-2-1 {width:50%; top:0px; left:0px;}
.cultures-148 .list.list-bg-2 .list-img-2-2 {width:50%; top:0px; right:0px;}

.newsList a.a1 {padding-left:240px;}
.newsList a .imgbg {width:240px; height:200px;}

}

@media (min-width: 1000px) {

.head .container {height:80px;}

.head nav li {width:100px;}
.head #buoy {width:100px;}

.about {padding:80px 0px 0px;}

.about .title {height:100px; padding-left:200px;}
.about .title .bg {height:20px; margin-top:58px;}
.about .title .word {width:200px; height:100px;}

.culture {padding:80px 0px;}

.culture .title {height:100px; padding-left:200px;}
.culture .title .bg {height:20px; margin-top:58px;}
.culture .title .word {width:200px; height:100px;}

.product .title {height:100px; padding-left:200px;}
.product .title .bg {height:20px; margin-top:58px;}
.product .title .word {width:200px; height:100px;}

.product {padding:80px 0px;}
.product .list {width:50%;}

.product .list1 .a1,.product .list2 .a1 {left:0px;}
.product .list1 .a2,.product .list2 .a2 {padding-left:50%;} 

.product .list3 .a1,.product .list4 .a1 {right:0px;}
.product .list3 .a2,.product .list4 .a2 {padding-right:50%;} 

.product .list1 .a2 .word ,.product .list2 .a2 .word {right:25%; margin-right:-60px;}
.product .list3 .a2 .word ,.product .list4 .a2 .word {left:25%; margin-left:-60px;}

.product .list1 .a2 .bg,.product .list2 .a2 .bg {right:0px;}
.product .list3 .a2 .bg,.product .list4 .a2 .bg {left:0px;}

.newss .title {height:100px; padding-left:200px;}
.newss .title .bg {height:20px; margin-top:58px;}
.newss .title .word {width:200px; height:100px;}

.philosophy .title {height:100px; padding-left:200px;}
.philosophy .title .bg {height:20px; margin-top:58px;}
.philosophy .title .word {width:200px; height:100px;}

.rsContent .small_img {width:600px; margin-left:-300px; margin-top:-100px;}

.rsContent .small_imgs {width:360px; height:450px; margin-left:-180px; margin-top:-180px;}
.rsContent .small_imgs img {width:90px; height:450px; display:block; float:right;}

.bigimg {height:400px; margin-top:80px;}

#NBYZMAP {height:400px;}

.contact-top {height:125px;}

.foot .text p span {float:left;}
.foot .text p span.s1 {padding-left:10px;}

.abouts.abt2 .a1  {padding:0px 20px;}

.cultures1 .list.list-bg-1 .list-img-1-1 {width:350px; top:80px; right:0px;}
.cultures1 .list.list-bg-1 .list-img-1-2 {width:350px; bottom:10px; right:10px;}

.cultures1 .list.list-bg-2 .list-img-2-1 {width:360px; top:0px; right:0px;}
.cultures1 .list.list-bg-2 .list-img-2-2 {width:450px; top:180px; right:0px;}
.cultures1 .list.list-bg-2 .list-img-2-3 {width:200px; bottom:20px; right:0px;}

.cultures1 .list.list-bg-3 .list-img-3-1 {width:450px; top:0px; left:0px;}

.cultures1 .list.list-bg-4 .list-img-4-1 {width:180px; top:0px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-2 {width:950px; top:0px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-3 {width:500px; top:300px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-4 {width:450px; top:210px; right:0px;}
.cultures1 .list.list-bg-4 .list-img-4-5 {width:220px; bottom:20px; right:0px;}

.cultures1 .list.list-bg-5 .list-img-5-1 {width:450px; top:0px; left:0px;}
.cultures1 .list.list-bg-5 .list-img-5-2 {width:500px; bottom:-80px; left:0px;}
.cultures1 .list.list-bg-5 .list-img-5-3 {width:450px; top:0px; right:0px;}
.cultures1 .list.list-bg-5 .list-img-5-4 {width:450px; bottom:0px; right:0px;}

.cultures-187 .list.list-bg-1 .list-img-1-1 {width:150px; top:0px; left:0px;}
.cultures-187 .list.list-bg-1 .list-img-1-2 {width:270px; bottom:0px; left:0px;}
.cultures-187 .list.list-bg-1 .list-img-1-3 {width:480px; top:0px; left:200px;}

.cultures-187 .list.list-bg-2 .list-img-1-1 {width:450px; top:0px; left:0px;}
.cultures-187 .list.list-bg-2 .list-img-1-2 {width:450px; top:250px; left:0px;}
.cultures-187 .list.list-bg-2 .list-img-1-3 {width:450px; top:430px; left:0px;}

.cultures-187 .list.list-bg-1 .list-img-1-1 {width:200px; top:0px; left:0px;}
.cultures-187 .list.list-bg-1 .list-img-1-2 {width:360px; bottom:0px; left:0px;}
.cultures-187 .list.list-bg-1 .list-img-1-3 {width:540px; top:0px; left:200px;}

.cultures-187 .list.list-bg-2 {height:750px;}
.cultures-187 .list.list-bg-2 .list-img-2-1 {width:425px; top:150px; left:0px;}
.cultures-187 .list.list-bg-2 .list-img-2-2 {width:425px; top:400px; left:0px;}
.cultures-187 .list.list-bg-2 .list-img-2-3 {width:425px; top:580px; left:0px;}

.cultures-149 .list.list-bg-1 .list-img-1-1 {width:50%; top:0px; left:0px;}
.cultures-149 .list.list-bg-1 .list-img-1-2 {width:50%; top:0px; right:0px;}

.cultures-149 .list.list-bg-2 .list-img-2-1 {width:50%; top:0px; left:0px;}
.cultures-149 .list.list-bg-2 .list-img-2-2 {width:50%; top:0px; right:0px;}

.cultures-149 .list.list-bg-3 .list-img-3-1 {width:50%; top:0px; left:0px;}
.cultures-149 .list.list-bg-3 .list-img-3-2 {width:50%; top:0px; right:0px;}

.cultures-149 .list.list-bg-4 .list-img-4-1 {width:960px; top:0px; left:0px;}
.cultures-149 .list.list-bg-4 .list-img-4-2 {width:25%; top:180px; left:0px;}
.cultures-149 .list.list-bg-4 .list-img-4-3 {width:25%; top:180px; left:25%;}
.cultures-149 .list.list-bg-4 .list-img-4-4 {width:20%; top:180px; left:50%;}
.cultures-149 .list.list-bg-4 .list-img-4-5 {width:30%; top:180px; left:70%;}

.cultures-149 .list.list-bg-5 .list-img-5-1 {width:960px; top:0px; left:0px;}
.cultures-149 .list.list-bg-5 .list-img-5-2 {width:29%; top:180px; left:0px;}
.cultures-149 .list.list-bg-5 .list-img-5-3 {width:20%; top:180px; left:29%;}
.cultures-149 .list.list-bg-5 .list-img-5-4 {width:27%; top:180px; left:49%;}
.cultures-149 .list.list-bg-5 .list-img-5-5 {width:24%; top:180px; left:76%;}

.cultures-148 .list.list-bg-1 .list-img-1-1 {width:50%; top:0px; left:0px;}
.cultures-148 .list.list-bg-1 .list-img-1-2 {width:50%; top:0px; right:0px;}

.cultures-148 .list.list-bg-2 .list-img-2-1 {width:50%; top:0px; left:0px;}
.cultures-148 .list.list-bg-2 .list-img-2-2 {width:50%; top:0px; right:0px;}

.newsList a.a1 {padding-left:240px;}
.newsList a .imgbg {width:240px; height:200px;}

}

@media (min-width: 1260px) {

.head .logo {background:#edfff5;}

.rsContent .small_img {width:700px; margin-left:-350px; margin-top:-150px;}

.rsContent .small_imgs {width:360px; height:450px; margin-left:-180px; margin-top:-180px;}
.rsContent .small_imgs img {width:90px; height:450px; display:block; float:right;}

.abouts .a1 {width:50%; float:left;}
.abouts .a2  {width:50%; float:left;}

.cultures1 .list.list-bg-1 .list-img-1-1 {width:513px; top:0px; right:0px;}
.cultures1 .list.list-bg-1 .list-img-1-2 {width:513px; bottom:0px; right:0px;}

.cultures1 .list.list-bg-2 .list-img-2-1 {width:429px; top:0px; right:0px;}
.cultures1 .list.list-bg-2 .list-img-2-2 {width:586px; top:210px; right:0px;}
.cultures1 .list.list-bg-2 .list-img-2-3 {width:289px; bottom:0px; right:0px;}

.cultures1 .list.list-bg-3 .list-img-3-1 {width:560px; top:0px; left:0px;}

.cultures1 .list.list-bg-4 .list-img-4-1 {width:231px; top:0px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-2 {width:1200px; top:0px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-3 {width:585px; top:380px; left:0px;}
.cultures1 .list.list-bg-4 .list-img-4-4 {width:509px; top:270px; right:0px;}
.cultures1 .list.list-bg-4 .list-img-4-5 {width:342px; bottom:0px; right:0px;}

.cultures1 .list.list-bg-5 .list-img-5-1 {width:533px; top:0px; left:0px;}
.cultures1 .list.list-bg-5 .list-img-5-2 {width:563px; bottom:0px; left:0px;}
.cultures1 .list.list-bg-5 .list-img-5-3 {width:540px; top:0px; right:0px;}
.cultures1 .list.list-bg-5 .list-img-5-4 {width:540px; bottom:0px; right:0px;}

.cultures-149 .list.list-bg-4 .list-img-4-1 {width:1200px; top:0px; left:0px;}
.cultures-149 .list.list-bg-4 .list-img-4-2 {width:25%; top:225px; left:0px;}
.cultures-149 .list.list-bg-4 .list-img-4-3 {width:25%; top:225px; left:25%;}
.cultures-149 .list.list-bg-4 .list-img-4-4 {width:20%; top:225px; left:50%;}
.cultures-149 .list.list-bg-4 .list-img-4-5 {width:30%; top:225px; left:70%;}

.cultures-149 .list.list-bg-5 .list-img-5-1 {width:1200px; top:0px; left:0px;}
.cultures-149 .list.list-bg-5 .list-img-5-2 {width:29%; top:220px; left:0px;}
.cultures-149 .list.list-bg-5 .list-img-5-3 {width:20%; top:220px; left:29%;}
.cultures-149 .list.list-bg-5 .list-img-5-4 {width:27%; top:220px; left:49%;}
.cultures-149 .list.list-bg-5 .list-img-5-5 {width:24%; top:220px; left:76%;}

.newsList a .imgbg {width:240px; height:200px;}

}
@media (min-width: 1600px) {

.rsContent .small_imgs {width:480px; height:600px; margin-left:-240px; margin-top:-300px;}
.rsContent .small_imgs img {width:120px; height:600px; display:block; float:right;}

}

@-webkit-keyframes mypassion-ltr {
  0%   { -webkit-transform:translate(-30%,0); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes mypassion-ltr {
  0%   { -moz-transform:translate(-30%,0); opacity: 0;  }
  100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes mypassion-ltr {
  0%   { -o-transform:translate(-30%,0); opacity: 0;  }
  100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes mypassion-ltr {
  0%   { transform:translate(-30%,0); opacity: 0;  }
  100% { transform:translate(0,0); opacity: 1; }
}

@-webkit-keyframes mypassion-rtl {
  0%   { -webkit-transform:translate(10%,0); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes mypassion-rtl {
  0%   { -moz-transform:translate(10%,0); opacity: 0;  }
  100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes mypassion-rtl {
  0%   { -o-transform:translate(10%,0); opacity: 0;  }
  100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes mypassion-rtl {
  0%   { transform:translate(10%,0); opacity: 0;  }
  100% { transform:translate(0,0); opacity: 1; }
}
@-webkit-keyframes mypassion-btt {
  0%   { -webkit-transform:translate(0,20%); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes mypassion-btt {
  0%   { -moz-transform:translate(0,20%); opacity: 0;  }
  100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes mypassion-btt {
  0%   { -o-transform:translate(0,20%); opacity: 0;  }
  100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes mypassion-btt {
  0%   { transform:translate(0,20%); opacity: 0;  }
  100% { transform:translate(0,0); opacity: 1; }
}

@-webkit-keyframes mypassion-ttb {
  0%   { -webkit-transform:translate(0, -10%); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes mypassion-ttb {
  0%   { -moz-transform:translate(0, -10%); opacity: 0;  }
  100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes mypassion-ttb {
  0%   { -o-transform:translate(0, -10%); opacity: 0;  }
  100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes mypassion-ttb {
  0%   { transform:translate(0, -10%); opacity: 0;  }
  100% { transform:translate(0,0); opacity: 1; }
}
body>iframe:last-child{
	display: none;
}