html, body {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-size: 14px;
	line-height: 25px;
	height: 100%;
	font-family: 'open_sanslight', '微软雅黑';
	font-weight: 200;
}
button, input, select, textarea {
	font-size: 14px;
	font-family: 'open_sanslight', '微软雅黑';
	font-weight: 200;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
ol, ul, li {
	list-style: none;
	padding: 0;
	margin: 0
}
p {
	margin: 0 0 15px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}	
a, a:hover, a:active, a:checked {
	text-decoration: none;
}
a {
	transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
}
::-webkit-input-placeholder {
color:#aaa;
}
:-moz-placeholder {
color:#aaa;
}
::-moz-placeholder {
color:#aaa;
}
:-ms-input-placeholder {
color:#aaa;
}
.red {
	color: #f0205b
}
.orange {
	color: #ff8a00
}
.green {
	color: #3cac4a
}
.gray {
	color: #b6b6b6
}
input, textarea, select {
	border: 1px solid #cecece;
}
input[type="text"], input[type="password"], textarea {
	margin: 0 0 4px 0;
	padding: 9px 10px;
	COLOR: #3f3f3f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.form-control {
	height: inherit;
}
select {
	-webkit-appearance: none;
	border-radius: 3px;
	background-color: #fff;
	height: 34px;
	padding: 4px 30px 4px 8px;
	background-image: url(../images/select-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0 0 8px 0;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	outline: 0;
	border: 1px solid #52a8ec;
}
button:focus {
	outline: 0;
}
input[type="checkbox"] {
	margin: 0 3px 2px 4px;
	vertical-align: middle;
}
img {
	vertical-align: bottom
} 
a {
	color: #88bfa6;
}
a:hover {
	color: #88bfa6;
	text-decoration: underline
}
.blank10 {
	display: block;
	height: 10px
}
.blank15 {
	display: block;
	height: 15px
}
.blank20 {
	display: block;
	height: 20px
}
.blank30 {
	display: block;
	height: 30px
}
.blank40 {
	display: block;
	height: 40px
}
.blank80 {
	display: block;
	height: 80px
}
.align-right {
	text-align: right!important
}
.container {
	position: relative;
	width: 94%; 
	margin: 0 auto
}
.sidebar {
	width: 310px;
}
.block-list {
	margin: 0 0 20px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
} 
.header {
	position: absolute;
	top: 0;
	height: 92px;
	z-index: 10;
	width: 100%;
	transition: all 0.0s ease-out;
	-moz-transition: all 0.0s ease-out;
}
.header .logo {
	position: absolute;
	margin: 30px 0 0 40px;
	width: 180px;
	height: 40px;
	background: url(../images/logo.png);
	background-size: 180px;
	background-repeat: no-repeat;
}  
.header .nav {
	float: right;
	margin: 28px 20px 0 0px;
}
.header .nav li {
	float: left;
}
.header .nav li a {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	line-height: 34px;
	margin: 0 20px;
	opacity: 0.8
}
.header .nav li a:hover {
	color: #fff;
	opacity: 1;
	text-decoration: none
} 
.header .language {
	float: right;
	margin: 30px 40px 0 0px;
}
.header .language .name{ display: none}
.header .language li {
	float: left;
}
.header .language li img{ height: 18px}
.header .language li a {
	font-size: 16px;
	color: #fff;
	display: inline-block; 
	margin: 0 10px;
	opacity: 0.8
}
.header .language li a:hover {
 	text-decoration: none;
	opacity: 1
} 
.header .nav li a:hover {
 	text-decoration: none
}

.header-hide{
 	position:fixed; 
	top: -100px;  
}
.transition{ 
	transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
}
.header-hide .logo {
	background: url(../images/logo-3.png);
	background-size: 180px;
	background-repeat: no-repeat;
} 
 
.header-fixed {
  	position: fixed;
	top: 0; 
	background: #006E3C; 
 }
.header-fixed .logo {
	background: url(../images/logo-3.png);
	background-size: 180px;
	background-repeat: no-repeat;
} 

.rd-mobilepanel_toggle {
	display: none;
}
.home-banner {
	width: 100%;
	height: 50vw;
	position: relative;
	overflow: hidden
}
.home-banner img {
	width: 100%;
	display: block
}
.home-wrap .intro {
	max-width: 760px; 
	margin: 0 auto;
	padding: 0 30px;
	text-align: center
}
.home-wrap h3 {
	font-size: 34px;
	line-height: 40px;
	margin: 20px 20px 35px;
	text-align: center;
	font-weight: 200;
} 

.service{margin: 0 0 0 0}
.service .tab {
	margin: 60px 0 0; text-align: center;
}

.nav-tabs:before {
    display: table;
    content: " ";
}

.tab-content>.tab-pane {
position: absolute;
 	width: 100%;
	height: auto;
    visibility: hidden;
	background: #F6D3AF;
}
.tab-content>.active {
	position: relative;
visibility: visible}


.tab .nav-tabs {
	position: relative;
	border-bottom: none;
}
.tab .nav-tabs li {
	float: left;
	margin: 0 0 0 0;
	width: 12.5%;
}
.tab .nav-tabs li a {
	width: 100%;
 	display: block;
	padding: 25px 0 25px;
	font-size: 17px;
	font-weight: 200;
	color: #000; 
	text-align: center;
 	z-index: 1;
	position: relative; 
	border-radius: 0;
	border: 0;
}
.tab .nav-tabs li a:hover{ text-decoration: none}
.tab .nav-tabs li a span {
	display: block;
	width: 70%; 
 	margin: 0 auto 25px auto;   
}
.tab .nav-tabs li a span img{width: 100%}
.tab .nav-tabs li.active a{
	border: 0;
	background: #e6f1ec;
 }  
.tab .nav-tabs li:hover a{
	border: 0;
	background: #f6faf8;
 } 
.tab .nav-tabs li.active:hover a{
	border: 0;
	background: #e6f1ec;
 } 

.tab .tab-content {
 	margin-top: 0; 
	text-align: left;
	background: #F6D3AF;
 }
.tab .tab-content h3 {
	text-transform: uppercase;
	font-size: 23px;
	margin-top: 0;
}

.tab-pane{position: relative; min-height: 25vw }
.tab-pane .content{  width: 62.5%; }
.tab-pane .content .text{padding: 80px 110px 60px; }
.tab-pane .content .text a{ color: #a8621e}
.tab-pane .content .text a:hover{ color: #a8621e}
.tab-pane .gallery{ 
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0; 
	width: 37.5%; 
	left: 62.5%; 
    background-position: center;
    background-size: cover;
}
.tab-pane .gallery img{ width: 100%}


.sp-slides .slide{
	width: 100%;
	height: 100%;
	background-position: center;
    background-size: cover;
}
.slider-pro ,.sp-slides-container, .sp-mask {height: 100%!important}
.sp-slides{height: 100%!important}
.sp-slide{height: 100%!important}
 
.brand{position: relative; margin: 0 0 20px 0}
.brand .list{ margin: 70px 0 0 0}
.brand li{ float: left; width: 20%; border-right: 1px solid#eee}
.brand li .logo{ margin: 10px auto; text-align: center}
.brand li .logo img{width: 225px; max-width: 80% }
.brand li .name{margin: 60px 40px 0 40px; font-size: 20px; text-align: center}
.brand li .text{ margin: 40px 40px 0 40px; line-height: 22px}

.top-blank{ height: 92px; margin: -40px 0 0 0}
.aboutus{ 
    background: url(../images/aboutus-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	min-height: 31vw;
	margin: 0 0 0 0; 
	position: relative;
}
.aboutus h3{ padding: 60px 0 40px; margin: 0}
.aboutus .intro{ padding: 0 30px 90px 30px}
.contactus{margin: 0 0 90px 0;}

.meixingou-wrap{ margin: 30px auto 0; text-align: center}
.logo-meixingou{ display: inline-block; vertical-align: top; width: 250px}
.logo-meixingou img{ width: 100%}
.link-meixingou{ display: inline-block; vertical-align: top; text-align: center; font-weight: 200; font-size: 15px; margin: 42px 0 0 10px}
.link-meixingou a{ padding: 8px 20px 9px; border: 1px solid #a8621e}
.link-meixingou a:hover{ background: #a8621e; color: #fff!important; text-decoration: none}

.footer {
	width: 100%;
 	padding: 0 40px 0 40px; 
	position: relative;
} 
.footer .logo img{ width: 180px; margin: 0 0 10px 0}
 
.footer .copyright {
	font-size: 12px;
	margin: 0 0 10px 0
 }
.footer-left {
 }
.footer-right {
 }
 
.scroll-top-link {
	height: 40px;
	position:absolute;
	right: 40px;
	bottom: 20px;
	z-index: 20;
}
.scroll-top-link .gotop {
 	width: 30px;
	height: 50px;
	background: url(../images/gotop.png) no-repeat 50% 50%;
	background-size: 25px;
	cursor: pointer; 
	margin: 0 0 0 0;  
}


.index-wrap{ position: absolute; text-align: center; width: 360px; margin: -120px 0 0 -180px; top: 50%; left: 50%}
.index-wrap .logo img{max-width: 312px; margin: 0 0 0 0}
.index-wrap .text{ font-size: 22px; color: #666; margin: 30px 0 0 0 }
.index-wrap .language{margin: 80px 0 0 0}
.index-wrap .language li{ display: inline-block; margin: 0 15px 0}
.index-wrap .language img{ height: 18px}
.index-wrap .language a{ opacity: 0.8}
.index-wrap .language a:hover{ opacity: 1}

.logo-list{ margin: 30px 0 0 0 }
.logo-list a{ float: left; position: relative; width: 99px; height: 70px; padding: 10px; margin: 0 13px 13px 0; background: #fff; text-align: center; border: 2px solid #f7d3af} 
.logo-list img{ 
	max-width: 85%; 
	max-height: 85%; 
    position: absolute;
    vertical-align: middle;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.logo-list a:hover{border: 2px solid #c89158}
.logo-list a.active{border: 2px solid #c89158}
.iconfont-x { display:none;}



.rd-mobilepanel_toggle {
	background: none;
	border: none;
	padding: 0;
	outline: none;
	outline-offset: 0;
	cursor: pointer;
	-webkit-appearance: none;
	position: absolute;
	top: 5px;
	left: 6px;
	width: 48px;
	height: 48px;
}
 .rd-mobilepanel_toggle::-moz-focus-inner {
 border: none;
 padding: 0;
}
.rd-mobilepanel_toggle span {
	position: relative;
	display: block;
	margin: auto;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
	content: "";
	position: absolute;
	left: 0;
	top: -8px;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.rd-mobilepanel_toggle span:after {
	top: 8px;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
	width: 22px;
	height: 2px;
	background-color: #fff;
	backface-visibility: hidden; 
}
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
	-webkit-transition-duration: 0.2s, 0.2s;
	transition-duration: 0.2s, 0.2s;
	-webkit-transition-delay: 0.2s, 0s;
	transition-delay: 0.2s, 0s;
	-webkit-transition-property: top, -webkit-transform;
	transition-property: top, transform;
}
.rd-mobilepanel_toggle.active span {
	transition: background .2s 0s ease;
	background: transparent;
}
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
	top: 0;
	-webkit-transition-delay: 0s, 0.2s;
	transition-delay: 0s, 0.2s;
}
.rd-mobilepanel_toggle.active span:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.rd-mobilepanel_toggle.active span:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media (max-width: 1440px) {
.tab-pane{position: relative;}
.tab-pane .content .text{padding: 60px 80px 50px}
.brand li .text{margin: 40px 35px 0;}
}



@media (max-width: 1024px) {

	.brand li .text{margin: 30px 25px 0;}
 
.container {
	width: 100%;
}
 
	 
.tab .nav-tabs li a span {
 	width: 70%; 
 	margin: 0 auto 20px auto; 
	}
}

.slider-link .active{font-weight: bold; font-family: 'open_sansbold';}
 

@media only screen and (max-width: 768px) {	
 
.tab .nav-tabs li {
	float: left;
	margin: 0 0 0 0;
	width: 25%;
}
.tab .nav-tabs li a span {
    width: 70%;
    margin: 0 auto 5px auto;
}
	.tab .nav-tabs li a{ font-size: 14px; padding: 15px 0 10px}
	.tab-pane .gallery{ position:inherit; width: 100%; height: 68vw; left: 0}
	.tab-pane .content{ width: 100%}
	.tab-pane .content .text{ padding: 30px}
	.home-wrap h3{font-size: 24px; line-height: 24px; margin: 40px 0 25px;}
	.top-blank{ height: 56px; margin: -40px 0 0 0}
	.service .tab { margin: 40px 0 0;}
	.brand{  margin: 0 0 20px 0;}
	.brand .list { margin: 30px 0 0 0; position: relative}
	.brand li{border-right: 0px solid#eee;}
	.brand li .logo img{max-width: 100%;}
	.brand li .content{display: none; position:fixed; top:50%; left: 0; width: 90%; margin: -120px 5%; background: #fff; z-index: 10; box-shadow: 0 1rem 2rem rgba(73,80,87,0.2);}
 	.brand li .name{ margin: 30px 20px 30px 20px; }
	.brand li .text{ margin: 0 30px 30px 30px;}
	.aboutus h3{ padding: 50px 0 0; margin: 10px 0 30px 0}
	.service h3{margin: 25px 0 25px 0}
	.scroll-top-link{ display: none}
	.footer{text-align: center}
	.footer .logo img{width: 160px}
	.home-banner{margin: 56px 0 0 0}
	.header{position: fixed; height: 56px; background: #006E3C;}
 	.header .logo{
	position: relative;
	width: 150px;
    margin:  15px auto;
	background: url(../images/logo-3.png);
    background-size: 150px;
    background-repeat: no-repeat;
	}
	.header-hide { position: fixed; top: 0px;}
	.home-banner {  width: 100%; height: 70vw;}
	.home-banner img{width: 120%; margin: 0 0 0 -10% ;}
	.contactus { margin: 0 0 80px 0;}
 	.rd-mobilepanel_toggle{display: block}
 	html, body{line-height: 22px;}
 	.header-menu{ background: #006E3C; width: 63%; position: absolute; left: 0; top: 56px; padding: 0 20px 50px 20px; left: -63%; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;}
	.header-menu-show{left: 0}
	.header .nav{ float: none; margin: 0 0 30px 0}
	.header .nav li{ float: none}
	.header .nav li a{display: block;  margin: 0; line-height: 70px; width: 100%; opacity: 1; border-bottom: 1px solid #fff; background-image: url(../images/arrow-right.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 102% center;}
	.header .language{ float: none; position: absolute; bottom: 30px; margin: 0; width: 87%;  left: 20px}
	.header .language li a{ opacity: 1;}
	.header .language .name{ display:block; float: left; font-size: 16px; color: #fff}
	.header .language ul{ float: right; }
	.index-wrap{ width: 90%; margin: -160px 0 0 -45%;}
	.index-wrap .logo img{ width: 80%; margin: 0 0 20px 0;}
	.index-wrap .language li{ display: block; line-height: 80px}
	.index-wrap .language img{ height: 19px}
    .container { width: 100%; padding: 0}
    .logo-list a { width: 28.2%; height: 18vw; }
	.iconfont-x {
	display: block;
    background: url(../images/btn-close.png) no-repeat center;
    background-size: cover;
    position: absolute;
    left: auto;
    right: 15px;
    top: 15px;
    bottom: auto;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
	.iconfont-x:active { opacity: 0.4}
}


#material_list{
	border-bottom: 1px solid #000;
	width: 70%;
	margin: auto;
}
#material_list .list-header{
	border-top: 1px solid #000;
	line-height: 45px;
	font-weight: bold;
}
#material_list .list-header img{
	width: 16px;
	float: right;
	margin-top: 13px;
}
#material_list .list-detail{
	padding:10px 0px 10px 0px;
}
#material_list .list-detail img{
	width: 14px;
}

#material_list .download_icon{
	background-image: url("../images/material-list-download.png");
	background-size: 14px;
	background-repeat: no-repeat;
	background-position:2px;
	margin-left: 2px;
}
#material_banner img{
	width: 100%;
}
@media only screen and (max-width: 520px) {
	.link-meixingou{margin: 20px 0;}
}

.material_list {
	width: 70%;
	margin: auto;
	cursor: pointer;
}

.material_list > div > div:first-child {
	border-top: 1px solid #000;
	font-weight: bold;
	padding:10px 0 10px 0;
}
.material_list > div > div:first-child i{
}

.material_list .download_icon{
	background-image: url("../images/material-list-download.png");
	background-size: 14px;
	background-repeat: no-repeat;
	background-position:2px;
	margin-left: 2px;
}

.material_list > div > div:first-child > i:last-child {
	float: right;
	transform: rotate(0deg);
	transition: transform 0.3s linear;
}
.material_list > div > div:last-child {
	width: 100%;
	display: none;
	padding: 0px 0px 10px 0px;
}

.material_list > div:last-child::after {
	display: block;
	clear: both;
}