@charset "utf-8";
.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;}

.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:20px;}
.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: 17px; padding: 0 10px 0 10px;}
.categorys > a:hover , .categorys > .on{color:#ffffff;background-color:#3488EA;}
/*.categorys > a:hover::before , */.categorys > .on::before{border-color: #000000;}
.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;}
.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;box-shadow: 0 1px 5px rgba(0,0,0,.3);}
#header #logo{margin-top: 15px;}
#header #menu{width: auto;height: 100%;}
#header #menu #nav{max-width: 560px;height: 100%;width: 40%;}
#header #menu #nav .nav-item .item-a{line-height: 80px;font-size: 16px;color: #777;}
#header #menu #nav .nav-item .item-a.on , #header #menu #nav .nav-item:hover .item-a{color:#3488EA;}
#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: #3488EA;}
#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: 1%;margin-bottom: 20px;}
#products .products-list .item.f5{margin-left: 0;}
#products .products-list .item{width:24%;/*margin-bottom: 20px;*/}
#products .products-list .item[status='off']{display: none;}
#products .products-list .item[status='on']{margin-left: 1.25%;margin-bottom: 20px;float: left;}
#products .products-list .item.first{margin-left: 0 !important;}
#products .products-list .item .main{left:0;right:0;top:0;bottom:0;background-color: rgba(52,136,234,.8);opacity: 0;}
#products .products-list .item .main .name{line-height: 30px;font-size: 18px;color: #ffffff;}
#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: #ffffff;background-image: url(../img/arrow-right-1.png);background-repeat: no-repeat;background-position: center center;background-size: 17px auto;margin: 35px auto 0;}
#products .products-list .item:hover .main{opacity: 1;}
#products .list-more{font-size: 14px;color: #000000;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: #000000;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: #000000;}
#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: #000000;border-color: #000000;}
#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: -98px;}
#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: #3488ea;}

#news{padding: 50px 0 60px}
#news .news-list .item{width: 22%;max-width: 355px;margin-right: 3%;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: #666666;border: 1px solid #666666;border-radius: 100%;right: 20px;top: 20px;}
#news .news-list .item .img .date .day{font-family: 'AvantBk';font-size: 20px;color: #666666;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: #3488ea;}
#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: #cccccc; margin-top:20px;}
#news .news-list .item .main .see-more:hover{color: #3488ea;}
#news .opt{width: 80%;max-width: 250px;height: 50px;line-height: 50px;/*width: 15.625%;*/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: #000000;}
#news .opt .arrow:hover::after{opacity: 1;}
#news .opt .more{width: 24%;height: 100%;line-height: inherit;font-size: 20px;color: #3488ea;}
#news .opt .more:hover{color: #fff;background-color: #3488ea;}

#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;}.name a{color:#ffffff;}.name a:hover{color:#000000;}
#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: #3488ea;color: #ffffff;}
#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: #000000;}
#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: #000000;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: #000000;border: 0;border-radius: 60px;margin: 0 auto;}


#footer{background-color: #111;}
#footer .footer-nav{background-color: #21201e;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: #999999;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: 17.5%;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: #000000;}
#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;}
#footer .footer-bottom .links{color: #444;}
#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: #444;}

#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: #3488ea;}

@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: 5px;}
	/*#header #menu{}*/
	#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: #777;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; opacity:1;background-color: rgba(52,136,234,.6);}
	#products .products-list .item:hover .main{opacity: 0;}
	#products .products-list .item .main .more{ display:none;}
	#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: 47%;margin-left: 2%;}
	#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;}
}