@charset "utf-8";
	@import url(nav.css);
	@import url(index_show.css);
	@import url(footer_nav.css);
	.wrap {
	max-width:1600px;
	width:96%;
	margin:0 auto;
}
.wrap1200 {
	max-width:1200px;
	width:96%;
	margin:0 auto;
}
.max-limit {
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-over {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.inherit {
	line-height:inherit;
	font-size:inherit;
	color:inherit;
}
.over {
	overflow:hidden;
}
.nowrap {
	white-space:nowrap;
}
.fz0 {
	font-size:0;
}
.nowrap.fz0 {
	letter-spacing:-5px;
}
.nowrap.fz0 * {
	letter-spacing:normal;
}
.relative {
	position:relative;
	z-index:1;
}
.absolute {
	position:absolute;
	z-index:1;
}
.fixed {
	position:fixed;
	z-index:1;
}
.inline {
	display:inline;
}
.block {
	display:block;
}
.inline-block {
	display:inline-block;
}
.display-table {
	width:100%;
	height:100%;
	display:table;
}
.table-cell {
	display:table-cell;
}
.hide {
	display:none;
}
.w100 {
	width:100%;
}
.h100 {
	height:100%;
}
.max-w100 {
	max-width:100%;
}
.max-h100 {
	max-height:100%;
}
.middle {
	vertical-align:middle;
}
.middle-span {
	height:100%;
	vertical-align:middle;
	display:inline-block;
}
.border-box {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.content-box {
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
.trans {
	-webkit-transition:all 300ms ease 0s;
	-moz-transition:all 300ms ease 0s;
	-ms-transition:all 300ms ease 0s;
	-o-transition:all 300ms ease 0s;
	transition:all 300ms ease 0s;
}
.trans-internal::before,.trans-internal::after {
	-webkit-transition:all 300ms ease 0s;
	-moz-transition:all 300ms ease 0s;
	-ms-transition:all 300ms ease 0s;
	-o-transition:all 300ms ease 0s;
	transition:all 300ms ease 0s;
}
.scale:hover .scale-img {
	-ms-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.hide_en {
	display:none!important;
}
@font-face {
	font-family:'AvantBk';
	src:url(/fonts/AvantGardeBook.otf);
}
.block-992 {
	display:none;
}
.block-768 {
	display:none;
}
.block-480 {
	display:none;
}
.bgf3 {
	background-color:#f3f3f3;
}
.bgf5 {
	background-color:#f5f5f5;
}
.banner .item img {
	left:0;
}
.banner .prev {
	left:5%;
}
.banner .next {
	right:5%;
}
.banner .banner-btn {
	font-size:48px;
	color:#fff;
	top:48%;
	opacity:0;
}
.banner:hover .banner-btn {
	opacity:.8;
}
.web-title {
	margin-bottom:50px;
}
.web-title .title-0 {
	font-size:28px;
	color:#353535;
}
.web-title .title-1 {
	font-family:'AvantBk';
	font-size:12px;
	color:#777;
	margin-top:10px;
}
.web-brief {
	line-height:30px;
	font-size:14px;
	color:#777;
}
.categorys {
	margin-bottom:50px;
	z-index:2;
}
.categorys > a {
	line-height:35px;
	font-size:14px;
	color:#777;
	margin-right:2.5%;
}
.categorys > a::before {
	width:10px;
	height:10px;
	border:1px solid #7d7d7d;
	border-radius:100%;
	margin-right:10px;
	display:inline-block;
	content:'';
}
.categorys > a:hover,.categorys > .on {
	color:#f26e5c;
}
.categorys > .on::before {
	border-color:#f37463;
}
.categorys .dropdown {
	z-index:2;
}
.editor {
	line-height:24px;
	font-size:14px;
	color:#777;
}
.editor * {
	max-width:100%;
	font-family:inherit;
	font-size:inherit;
	color:inherit;
	color:inherit;
	text-align:left;
}
.web-detail {
	background-color:#fff;
	padding:50px 0 100px;
	margin-top:60px;
	margin-bottom:100px;
}
.web-detail .detail-name {
	font-size:20px;
	color:#353535;
}
.web-detail .detail-info {
	color:#777;
}
.web-detail .detail-info .date {
	font-family:'AvantBk';
}
.web-detail .detail-back {
	width:50%;
	max-width:380px;
	height:70px;
	line-height:70px;
	font-size:14px;
	color:#777;
	background-color:#f3f3f3;
	border-radius:70px;
	margin:50px auto 0;
}
.web-detail .detail-back::before {
	width:21px;
	height:13px;
	background-image:url(../img/arrow-left-2.png);
	background-repeat:no-repeat;
	margin-right:8%;
	display:inline-block;
	content:'';
}
.no-list {
	line-height:34px;
	font-size:24px;
	padding:50px 5%;
	text-align:center;
}
html,body {
	min-width:320px;
	overflow-x:hidden;
}
#website {
	position:relative;
	z-index:1;
	left:0;
}
#header {
	width:100%;
	height:80px;
	padding:0 30px;
	background-color:#fff;
	z-index:5;
	left:0;
	top:0;
}
#header #logo {
	margin-top:15px;
}
#header #menu {
	width:auto;
	height:100%;
}
#header #menu #nav {
	max-width:1000px;
	height:100%;
	width:80%;
}
#header #menu #nav .nav-item .item-a {
	line-height:80px;
	font-size:14px;
	color:#777;
}
#header #menu #nav .nav-item .item-a.on,#header #menu #nav .nav-item:hover .item-a {
	color:#f26e5c;
}
#header #menu #nav .nav-item .sub-nav {
	width:220px;
	background-color:#fff;
	border-radius:5px;
	margin-left:-110px;
	top:100%;
	left:50%;
	box-shadow:0 0 10px rgba(0,0,0,.2);
	display:none;
	overflow:hidden;
}
#header #menu #nav .nav-item .sub-nav .sub-item {
	height:63px;
	line-height:63px;
	border-top:1px solid #f1f1f1;
}
#header #menu #nav .nav-item .sub-nav .sub-item:first-child {
	border-top:0;
}
#header #menu #nav .nav-item .sub-nav .sub-item a {
	font-size:14px;
	color:#777;
}
#header #menu #nav .nav-item .sub-nav .sub-item a:hover {
	color:#fff;
	background-color:#f26e5c;
}
#header #menu #nav .nav-item:hover .sub-nav {
	display:block;
}
#header #menu .right-inquire {
	max-width:136px;
	width:15%;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#777;
	border:1px solid #ddd;
	border-radius:40px;
	margin-top:20px;
	margin-left:1.344086%;
}
#header #menu .right-inquire i {
	width:13px;
	height:16px;
	background:url(../img/ico-postion.png) no-repeat;
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
}
#header #menu-btn {
	line-height:80px;
	font-size:26px;
}
#header #menu .change-lang {
	line-height:80px;
	margin-left:20px;
}
#header #menu .change-lang a {
	border:1px solid #777;
	display:inline-block;
	border-radius:100px;
	padding:7px 5px;
	line-height:100%;
}
#header.on {
	height:60px;
}
#header.on #logo {
	margin-top:5px;
}
#header.on #menu .right-inquire {
	margin-top:10px;
}
#header.on #menu #nav .nav-item .item-a {
	line-height:60px;
}
#header.on #menu-btn {
	line-height:60px;
}
#header-blank {
	height:80px;
}
#products .products-list .item {
	margin-left:0.25%;
	margin-bottom:20px;
}
#products .products-list .item.f5 {
	margin-left:0;
}
#products .products-list .item {
	width:19%;
}
#products .products-list .item[status='off'] {
	display:none;
}
#products .products-list .item[status='on'] {
	
	margin-bottom:20px;
	float:left;
}
#products .products-list .item.first {
	margin-left:0 !important;
}
#products .products-list .item .main {
	left:3.289473684%;
	right:3.289473684%;
	top:3.44827586%;
	bottom:3.44827586%;
	background-color:rgba(255,255,255,.9);
	opacity:0;
}
#products .products-list .item .main .name {
	line-height:30px;
	font-size:18px;
	color:#f26d5b;
}
#products .products-list .item .main .category {
	line-height:24px;
	font-size:14px;
	color:#777;
}
#products .products-list .item .main .more {
	width:40px;
	height:40px;
	background-color:#f26d5b;
	background-image:url(../img/arrow-right-1.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:17px auto;
	border-radius:100%;
	margin:35px auto 0;
}
#products .products-list .item:hover .main {
	opacity:1;
}
#products .list-more {
	font-size:14px;
	color:#f26e5c;
	margin-top:-5px;
}
#products .products-scrollbar {
	width:97.33333%;
	height:6px;
	background-color:#f2f2f2;
	border-radius:6px;
}
#products .products-scrollbar .swiper-scrollbar-drag {
	height:10px;
	background-color:#f26e5c;
	border-radius:10px;
	top:-2px;
	cursor:pointer;
}
#index-new-product .rows {
	background-color:#f3f3f3;
}
#index-new-product .item .main-box {
	width:50%;
	max-width:960px;
	height:100%;
	top:0;
}
#index-new-product .item .main-box .main .name-0 {
	font-size:24px;
	color:#353535;
	margin-bottom:10px;
}
#index-new-product .item .main-box .main .name-1 {
	font-family:'AvantBk';
	font-size:12px;
	color:#777;
}
#index-new-product .item .main-box .main .rating {
	margin:5% 0;
}
#index-new-product .item .main-box .main .rating .fa-star {
	color:#f26e5c;
}
#index-new-product .item .main-box .main .rating .fa-star-o {
	color:#f29487;
}
#index-new-product .item .main-box .main .info {
	line-height:24px;
	font-size:14px;
	color:#777;
}
#index-new-product .item .main-box .main .brief {
	min-height:72px;
}
#index-new-product .item .main-box .main .see-more {
	width:130px;
	height:32px;
	line-height:32px;
	color:#777;
	border:1px solid #777;
	border-radius:32px;
	margin:4px auto 0;
}
#index-new-product .item .main-box .main .see-more:hover {
	color:#f26e5c;
	border-color:#f26e5c;
}
#index-new-product .item .img {
	width:50%;
	max-width:960px;
}
#index-new-product .item.left .main-box {
	left:0;
}
#index-new-product .item.right .main-box {
	right:0;
}
#index-new-product .item.left .img {
	float:right;
}
#index-new-product .item.right .img {
	float:left;
}
#index-brand .main {
	line-height:30px;
	font-size:14px;
	color:#777;
	background-color:#fff;
	padding:30px 3.75%;
	margin-top:-68px;
}
#index-brand .main::before,#index-brand .main::after {
	font-size:30px;
	color:#777;
	position:absolute;
	z-index:1;
}
#index-brand .main::before {
	left:1.875%;
	top:30px;
	content:'“';
}
#index-brand .main::after {
	right:1.875%;
	bottom:30px;
	content:'”';
}
#index-brand .see-more {
	width:200px;
	height:50px;
	line-height:50px;
	font-size:14px;
	color:#777;
	background-color:#f4f4f4;
	border-radius:50px;
	margin:0 auto;
}
#index-brand .see-more:hover {
	color:#fff;
	background-color:#f26e5c;
}
#news {
	padding:50px 0 60px
}
#news .news-list .item {
	width:22.1875%;
	margin-right:1.75%;
	margin-bottom:20px;
}
#news .news-list .item.l4 {
	margin-right:0;
}
#news .news-list .item .img .url {
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:2;
}
#news .news-list .item .img .date {
	width:60px;
	height:60px;
	line-height:20px;
	font-family:'AvantBk';
	font-size:12px;
	color:#fff;
	border:1px solid #fff;
	border-radius:100%;
	right:20px;
	top:20px;
}
#news .news-list .item .img .date .day {
	font-family:'AvantBk';
	font-size:20px;
	color:#fff;
	margin-top:10px;
}
#news .news-list .item .main {
	background-color:#fff;
	padding:15px 20px;
}
#news .news-list .item .main .title {
	font-size:18px;
	color:#353535;
}
#news .news-list .item .main .title:hover {
	color:#f26e5c;
}
#news .news-list .item .main .brief {
	height:96px;
	line-height:24px;
	font-size:14px;
	color:#777;
	margin-top:10px;
}
#news .news-list .item .main .see-more {
	font-size:14px;
	color:#777;
}
#news .news-list .item .main .see-more:hover {
	color:#f26e5c;
}
#news .opt {
	width:80%;
	max-width:250px;
	height:50px;
	line-height:50px;
	background-color:#fff;
	border-radius:50px;
	margin:60px auto 0;
}
#news .opt .arrow {
	width:38%;
	height:100%;
	background-repeat:no-repeat;
	background-size:21px auto;
}
#news .opt .arrow::after {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:21px auto;
	left:0;
	top:0;
	position:absolute;
	z-index:1;
	opacity:0;
	content:'';
}
#news .opt .arrow-left {
	background-image:url(../img/arrow-left-0.png);
	background-position:21% center;
	border-radius:50px 0 0 50px;
}
#news .opt .arrow-left::after {
	background-image:url(../img/arrow-left-1.png);
	background-position:21% center;
}
#news .opt .arrow-right {
	background-image:url(../img/arrow-right-0.png);
	background-position:79% center;
	border-radius:0 50px 50px 0;
}
#news .opt .arrow-right::after {
	background-image:url(../img/arrow-right-1.png);
	background-position:79% center;
}
#news .opt .arrow:hover {
	background-color:#f26e5c;
}
#news .opt .arrow:hover::after {
	opacity:1;
}
#news .opt .more {
	width:24%;
	height:100%;
	line-height:inherit;
	font-size:20px;
	color:#f26e5c;
}
#news .opt .more:hover {
	color:#fff;
	background-color:#f26e5c;
}
#about .about-item {
	margin-bottom:60px;
}
#about .about-item .img {
	width:46%;
}
#about .about-item .info {
	width:51.875%;
	height:100%;
	top:0;
}
#about .about-item .info.w100 {
	width:100%;
}
#about .about-item .info.left {
	left:0;
}
#about .about-item .info.right {
	right:0;
}
#about .about-item .info .cell {
	line-height:28px;
	font-size:14px;
	color:#777;
}
#about .about-line {
	width:100%;
	height:1px;
	background-color:#e5e5e5;
	margin:60px 0 50px;
}
#about .about-goal .left {
	width:200px;
}
#about .about-goal .left .title-0 {
	font-size:28px;
	color:#353535;
	margin-bottom:10px;
}
#about .about-goal .left .title-1 {
	font-family:'AvantBk';
	font-size:12px;
	color:#777;
}
#about .about-goal .goal {
	width:60%;
	line-height:24px;
	font-size:14px;
	color:#777;
	padding:20px 0;
}
#development .development-list .list-line {
	width:2px;
	height:100%;
	background-color:#ddd;
	left:50%;
	top:0;
}
#development .development-list .item .main {
	width:50%;
	padding-bottom:10px;
	z-index:2;
}
#development .development-list .item .main .year {
	line-height:26px;
	font-family:'AvantBk';
	font-size:34px;
	color:#777;
}
#development .development-list .item .main .info {
	min-height:96px;
	line-height:24px;
	font-size:14px;
	color:#777;
	margin-top:15px;
}
#development .development-list .item .main .round {
	width:20px;
	height:20px;
	background-color:#fff;
	border:2px solid #ddd;
	border-radius:100%;
	top:0;
	z-index:2;
}
#development .development-list .item .main.left {
	text-align:right;
	padding-right:4.0625%;
}
#development .development-list .item .main.left .round {
	right:-10px;
}
#development .development-list .item .main.right {
	text-align:left;
	padding-left:4.0625%;
}
#development .development-list .item .main.right .round {
	left:-10px;
}
#development .development-list .item:last-child .main::after {
	width:2px;
	height:100%;
	background-color:#fff;
	position:absolute;
	z-index:1;
	bottom:0;
	right:-2px;
	content:'';
}
#team .team-list .item {
	width:22.1875%;
	margin-left:3.75%;
	margin-bottom:20px;
}
#team .team-list .item.f4 {
	margin-left:0;
}
#team .team-list .item .img .url {
	width:100%;
	height:100%;
	background-image:url(../img/see.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 27.27272727%;
	left:0;
	top:0;
	opacity:0;
}
#team .team-list .item .main {
	padding:20px 8.45070422535% 15px;
}
#team .team-list .item .main .name {
	font-size:20px;
	color:#353535;
}
#team .team-list .item .main .title {
	font-size:14px;
	color:#777;
}
#team .team-list .item .main .brief {
	height:96px;
	line-height:24px;
	font-size:14px;
	color:#777;
	margin-top:15px;
	margin-bottom:5px;
}
#team .team-list .item .main .more {
	font-size:14px;
	color:#fff;
}
#team .team-list .item:hover .img .url {
	opacity:1;
}
#team .team-list .item:hover .main {
	background-color:#f26d5b;
}
#team .team-list .item:hover .main .name {
	color:#fff;
}
#team .team-list .item:hover .main .title {
	color:#fff;
}
#team .team-list .item:hover .main .brief {
	color:#fff;
}
#new-product {
	margin-bottom:100px;
}
#new-product .new-product-list .item {
	width:50%;
	max-width:960px;
}
#new-product .new-product-list .item .main {
	background-color:#fff;
	left:2.5%;
	right:2.5%;
	top:4.80769230769%;
	bottom:4.80769230769%;
	opacity:0;
}
#new-product .new-product-list .item .main .name-0 {
	font-size:24px;
	color:#353535;
}
#new-product .new-product-list .item .main .name-1 {
	font-family:'AvantBk';
	font-size:12px;
	color:#777;
}
#new-product .new-product-list .item .main .rating {
	margin:5% 0;
}
#new-product .new-product-list .item .main .rating .fa-star {
	color:#f26e5c;
}
#new-product .new-product-list .item .main .rating .fa-star-o {
	color:#f29487;
}
#new-product .new-product-list .item .main .info {
	line-height:24px;
	font-size:14px;
	color:#777;
}
#new-product .new-product-list .item .main .brief {
	min-height:120px;
}
#new-product .new-product-list .item .main .see-more {
	width:130px;
	height:32px;
	line-height:32px;
	color:#777;
	border:1px solid #777;
	border-radius:32px;
	margin-left:-65px;
	position:absolute;
	z-index:1;
	left:50%;
	bottom:5%;
}
#new-product .new-product-list .item:hover .main {
	opacity:1;
}
#contact .map {
	width:56.25%;
}
#contact .map img {
	left:0;
}
#contact .company {
	width:40%;
}
#contact .company .name {
	line-height:30px;
	font-size:20px;
	color:#f26e5c;
	margin:35px 0;
}
#contact .company .ico {
	background-repeat:no-repeat;
	padding-left:45px;
	margin-bottom:45px;
}
#contact .company .ico .number {
	font-size:18px;
}
#contact .company .hotline {
	background-image:url(../img/ico-hotline-0.png);
}
#contact .company .address {
	background-image:url(../img/ico-address-0.png);
}
#contact .company .title {
	font-size:14px;
	color:#777;
}
#contact .company .title.fl {
	width:50px;
}
#contact .company .info {
	line-height:26px;
	font-size:16px;
	color:#777;
}
#contact .company .number {
	font-family:'AvantBk';
	color:#777;
}
#contact .company .number.fl {
	font-size:16px;
}
#contact .company .rows {
	margin-bottom:30px;
}
#contact .company .line {
	height:1px;
	background-color:#e5e5e5;
	margin:15px 0 55px;
}
#contact .message-form .text {
	width:32.5%;
	height:60px;
	font-size:14px;
	color:#444;
	padding:0 1.5625%;
	border:1px solid #ddd;
	margin-left:1.25%;
}
#contact .message-form .text:first-child {
	margin-left:0;
}
#contact .message-form .area {
	width:100%;
	height:260px;
	line-height:24px;
	font-size:14px;
	color:#444;
	padding:10px 1.5625%;
	border:1px solid #ddd;
	margin:20px 0 60px;
	resize:none;
}
#contact .message-form .text:hover,#contact .message-form .text:focus,#contact .message-form .area:hover,#contact .message-form .area:focus {
	border-color:#f0c1ba;
	box-shadow:0 0 5px rgba(242,110,92,.5);
}
#contact .message-form .submit {
	width:200px;
	height:60px;
	font-size:16px;
	color:#fff;
	background-color:#f26e5c;
	border:0;
	border-radius:60px;
	margin:0 auto;
}
#footer {
	background-color:#111;
}
#footer .footer-nav {
	background-color:#333;
	padding:55px 0 60px;
}
#footer .footer-nav .footer-title-0 {
	font-size:20px;
	color:#fff;
}
#footer .footer-nav .footer-title-1 {
	font-family:'AvantBk';
	font-size:12px;
	color:#777;
	margin-bottom:50px;
}
#footer .footer-nav .contact {
	width:30.3125%;
	padding-right:2.75%;
	padding-bottom:4000px;
	border-right:1px solid #383735;
	margin-bottom:-4000px;
}
#footer .footer-nav .contact .item {
	padding-left:11.340206185567%;
	background-repeat:no-repeat;
	background-position:left top;
}
#footer .footer-nav .contact .item.address {
	background-image:url(../img/ico-address.png);
	background-size:7.01030927835% auto;
}
#footer .footer-nav .contact .item.hotline {
	background-image:url(../img/ico-hotline.png);
	background-size:8.04123711340206% auto;
}
#footer .footer-nav .contact .item:last-child {
	margin-top:50px;
}
#footer .footer-nav .contact .item .contact-title {
	height:40px;
	line-height:40px;
	font-family:'AvantBk';
	font-size:16px;
	color:#fff;
	margin-bottom:15px;
}
#footer .footer-nav .contact .item .contact-title::after {
	width:40px;
	height:2px;
	background-color:#f26e5c;
	position:absolute;
	z-index:1;
	left:0;
	bottom:0;
	content:'';
}
#footer .footer-nav .contact .item .info {
	line-height:22px;
	font-size:14px;
	color:#fff;
}
#footer .footer-nav .navs {
	width:18%;
	padding-left:6.875%;
	padding-right:1.875%;
	padding-bottom:4000px;
	border-right:1px solid #383735;
	margin-bottom:-4000px;
}
#footer .footer-nav .navs .navs-item {
	line-height:30px;
}
#footer .footer-nav .navs .navs-item a {
	font-size:14px;
	color:#fff;
}
#footer .footer-nav .navs .navs-item a:hover {
	color:#f26e5c;
}
#footer .footer-nav .follow {
	width:15%;
	max-width:180px;
}
#footer .footer-nav .follow .qrcode {
	line-height:20px;
	font-size:14px;
	color:#ccc;
}
#footer .footer-bottom {
	line-height:30px;
	padding:20px 0;
	background-color:#2d2c2c;
}
#footer .footer-bottom .links {
	color:#f7f7f7;
}
#footer .footer-bottom .links span {
	margin:0 3px;
}
#footer .footer-bottom .links a {
	color:inherit;
}
#footer .footer-bottom .links a:hover {
	color:#fff;
}
#footer .footer-bottom .copyright {
	color:#f7f7f7;
	font-size:16px;
}
#toTop {
	width:70px;
	height:70px;
	line-height:70px;
	font-size:26px;
	color:#c8c8c8;
	background-color:#eee;
	border-radius:100%;
	right:20px;
	top:auto;
	bottom:10%;
	text-align:center;
	opacity:0;
	cursor:default;
}
#toTop.on {
	opacity:1;
	cursor:pointer;
}
#toTop:hover {
	color:#fff;
	background-color:#f26e5c;
}
@media only screen and (max-width:1280px) {
	#products .products-list .item {
	width:24%;
}
#products .products-list .item[class] {
	margin-left:1.25%;
}
#products .products-list .item.f4 {
	margin-left:0;
}
#new-product .new-product-list .item .main .rating {
	margin:2% 0;
}
}@media only screen and (max-width:991px) {
	.block-992 {
	display:block;
}
.none-992 {
	display:none;
}
html.open-menu,body.open-menu {
	width:100%;
	height:100%;
	position:fixed;
	overflow:hidden;
}
.web-title .title-0 {
	font-size:20px;
}
.banner .banner-btn {
	display:none;
}
#website.open-menu {
	left:-60%;
}
#header {
	height:60px;
}
#header #logo {
	margin-top:0px;
}
#header #menu.open-menu #nav {
	right:0%;
	z-index:20;
}
#header #menu #nav {
	width:60%;
	max-width:none;
	background-color:#fff;
	border-left:1px solid #eee;
	position:fixed;
	right:-60%;
	top:0;
	overflow-x:hidden;
}
#header #menu #nav .menu-close {
	width:100%;
	height:60px;
	line-height:60px;
	font-size:28px;
	color:#fff;
	background-color:#b381b7;
	padding-left:5%;
	padding-right:5%;
}
#header #menu #nav .row {
	position:relative;
	z-index:1;
}
#header #menu #nav .nav-item {
	border-bottom:1px solid #777;
	text-align:left;
}
#header #menu #nav .nav-item.on {
	z-index:3;
}
#header #menu #nav .nav-item .item-a {
	height:45px;
	line-height:45px;
	font-size:16px;
	padding-left:7%;
	padding-right:7%;
	margin-left:-15px;
	margin-right:-15px;
	display:block;
}
#header #menu #nav .nav-item .sub-nav {
	width:60%;
	border-radius:0;
	margin-left:0;
	left:auto;
	right:-60%;
	top:60px;
	bottom:0;
	position:fixed;
	box-shadow:none;
	display:block;
	overflow-x:hidden;
}
#header #menu #nav .nav-item .sub-nav.open {
	right:0;
}
#header #menu #nav .nav-item .sub-nav .sub-title {
	height:45px;
	line-height:45px;
	font-size:18px;
	color:#fff;
	background-color:#777;
	padding-left:7%;
	padding-right:7%;
}
#header #menu #nav .nav-item .sub-nav .sub-title i {
	margin-right:10px;
}
#header #menu #nav .nav-item .sub-nav .sub-item {
	height:48px;
	line-height:45px;
	border-bottom:1px solid #777;
}
#header #menu #nav .nav-item .sub-nav .sub-item a {
	padding-left:7%;
	padding-right:7%;
}
#header #menu-btn {
	line-height:60px;
}
#header.open-menu {
	left:-60%;
}
#header-blank {
	height:60px;
}
.banner .item img {
	max-width:150%;
	left:-25%;
}
#products .products-list .item {
	width:32%;
}
#products .products-list .item[class] {
	margin-left:2%;
}
#products .products-list .item.f3 {
	margin-left:0;
}
#products .products-list .item .main {
	left:0;
	right:0;
	top:0;
	bottom:0;
}
#products .products-list .item:hover .main {
	opacity:0;
}
#products .products-list .item .main .more {
	width:100%;
	height:100%;
	border-radius:0;
	margin-top:0;
	left:0;
	top:0;
	position:absolute;
	z-index:1;
}
#products .list-more {
	font-size:32px;
	margin-top:0;
}
#products .products-scrollbar {
	width:80%;
	margin-top:15px;
}
#index-new-product .item .img {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	float:none !important;
}
#index-new-product .item .main-box {
	display:none;
}
#index-brand .main {
	margin-top:0;
}
#about .about-item {
	margin-bottom:30px;
}
#about .about-item .img {
	width:100%;
	float:none;
}
#about .about-item .info {
	width:100%;
	margin-top:10px;
	position:relative;
}
#new-product .new-product-list .item {
	width:100%;
	margin:0 auto;
	float:none;
}
#new-product .new-product-list .item .main {
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity:0 !important;
}
#new-product .new-product-list .item .main .see-more {
	width:100%;
	height:100%;
	border-radius:0;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity:0;
}
#news {
	padding:20px 0 30px;
}
#news .news-list .item[class] {
	width:30.5%;
	margin-right:4.25%;
}
#news .news-list .item.l3 {
	margin-right:0;
}
#news .opt {
	margin-top:20px;
}
#contact .company {
	width:100%;
	float:none;
}
#contact .map {
	width:100%;
	float:none;
}
#footer .footer-nav {
	padding:10px 0 15px;
}
#footer .footer-nav .navs {
	display:none;
}
#footer .footer-nav .contact {
	width:60%;
	padding:0;
	border-right:0;
	margin:0;
}
#footer .footer-nav .contact .item[class] {
	background:none;
	padding:0;
}
#footer .footer-nav .contact .item:last-child {
	margin-top:20px;
}
#footer .footer-nav .contact .item .contact-title {
	margin-bottom:0;
}
#footer .footer-nav .contact .item .contact-title::after {
	display:none;
}
#footer .footer-nav .footer-title-0,#footer .footer-nav .footer-title-1 {
	display:none;
}
#footer .footer-nav .follow {
	width:35%;
	margin:10px 0 0;
}
#footer .footer-bottom {
	padding:0;
}
#footer .footer-bottom .links {
	display:none;
}
#toTop {
	width:50px;
	height:50px;
	line-height:50px;
}
#header #menu .change-lang {
	margin-right:10px;
	line-height:60px;
}
}@media only screen and (max-width:768px) {
	.block-768 {
	display:block;
}
.none-768 {
	display:none;
}
.web-title {
	margin-bottom:20px;
}
.web-detail {
	margin:20px auto 40px;
}
.web-detail .detail-back {
	height:35px;
	line-height:35px;
}
.banner .item img {
	max-width:180%;
	left:-45%;
}
#index-brand .see-more {
	height:36px;
	line-height:36px;
}
#news .opt {
	height:36px;
	line-height:36px;
}
#about .about-goal .left {
	width:100%;
	text-align:center;
	float:none;
}
#about .about-goal .goal {
	width:100%;
	padding:0;
	margin-top:20px;
	text-align:center;
	float:none;
}
#development .development-list .item .main {
	padding-bottom:20px;
}
#development .development-list .item .main .year {
	font-size:20px;
}
#team .team-list .item[class] {
	width:48%;
	margin-left:4%;
}
#team .team-list .item.f2 {
	margin-left:0;
}
#team .team-list .item .main .name {
	font-size:16px;
}
#turn_page a,#turn_page font {
	height:30px;
	line-height:30px;
	margin:0 3px;
}
#turn_page .page_button {
	padding-left:10px;
	padding-right:10px;
}
#turn_page .page_button:first-child::before {
	display:none;
}
#turn_page .page_button:last-child::after {
	display:none;
}
#news .news-list .item[class] {
	width:48%;
	margin-right:4%;
}
#news .news-list .item.l2 {
	margin-right:0;
}
#contact .map img {
	max-width:150%;
	left:-25%;
}
#contact .company .name {
	margin:15px 0;
}
#contact .company .ico {
	background:none;
	padding-left:0;
	margin-bottom:20px;
}
#contact .company .line {
	margin:10px 0 20px;
}
#contact .company .rows {
	margin-bottom:20px;
}
#contact .message-form .text {
	width:100%;
	margin:0 0 10px;
}
#contact .message-form .area {
	height:180px;
	margin:0 0 10px;
}
#contact .message-form .submit {
	height:40px;
	border-radius:40px;
}
}@media only screen and (max-width:480px) {
	.block-480 {
	display:block;
}
.none-480 {
	display:none;
}
#products .products-list .item[class] {
	width:49%;
	margin-left:1%;
}
#products .products-list .item.f2 {
	margin-left:0;
}
#news .news-list .item[class] {
	width:100%;
	margin:0 auto 10px;
	float:none;
}
#footer .footer-nav .contact .item .contact-title {
	font-size:14px;
}
#footer .footer-nav .contact .item .info {
	font-size:12px;
}
#footer .footer-nav .follow .qrcode {
	font-size:12px;
}
#toTop {
	width:30px;
	height:30px;
	line-height:30px;
	font-size:20px;
}
}