﻿/* Large desktop */

@media (min-width: 769px) {

	.product-list .list-wrap li:hover .blackbox {

	    opacity: 1;

	}

	.product-list .list-wrap li:hover .ico {

	    opacity: 1;

	    transform: translateY(0px);

	    transition: all 0.4s ease 0s;

	}

	.product-list .list-wrap li:hover .en-tit {

	    opacity: 1;

	    transform: translateY(0px);

	    transition: all 0.4s ease 0.3s;

	}

	.product-list .list-wrap li:hover .shop-link {

	    opacity: 1;

	    transform: translateY(0px);

	    transition: all 0.4s ease 0.6s;

	}

	nav.m-nav{

		display: none;

	}

}

@media (max-width: 1520px) {

	.news-wrap .list .cont-wrap .s-tit{

		margin-top: 20px;

		max-height: 60px;

		overflow: hidden;

	}

	.news-wrap .list .cont-wrap .word{

		max-height: 72px;

		overflow: hidden;

	}

	.news-wrap .list .cont-wrap .line{

		margin-top: 20px;

	}

	.product-home .list-wrap{

		width: 90%;

	}

	nav .bot-link-box{

		margin-top: 0;

	}

	nav li{

		margin-bottom: 10px;

	}

	nav .cent-list-wrap{

		margin-top: 4%;

	}

	.contact-wrap .main-wrap .bot-cont li{

		margin-bottom: 10px;

		width: 70%;

		border: none;

	}

	.contact-wrap .main-wrap .bot-cont li:last-child{

		float: right;

		width: auto;

		margin-top: -64px;

	}

}

@media (max-width: 1440px) {

	.history-wrap .cent-wrap{

		height: 460px;

	}

	.history-wrap .cent-wrap .year{

		font-size: 500px;

	}

	.history-wrap .cent-wrap .moon{

		font-size: 	156px;

		top: 17%;

		margin-left: -300px;

	}

	.history-wrap .cent-wrap .unit{

		font-size: 96px;

	}

	.product-home .brand-style{

		width: 90%;

	}

	.product-home .brand-style .out-wrap{

		width: auto;

	}

	.product-home .list-main li.pro-li1{

		margin-top: 0;

	}

	.product-home .list-main li.pro-li3{

		margin-top: 28px;

	}

	.product-home .list-main li.pro-li5{

		margin-top: -290px;

	}

	.i-ban .cont-box{

		margin-top: -114px;

		width: 400px;

	}

	.i-ban .cont-box span.box1{

		height: 60px;

	}

	.i-ban .cont-box span.box2{

		height: 30px;

	}

	.i-ban .cont-box span.box3{

		height: 30px;

	}

	.i-ban .cont-box span.box4{

		height: 30px;

	}

	.i-ban .cont-box a.link{

		background-position: 20px center;

	    height: 35px;

	    line-height: 35px;

	    margin-top: 30px;

	    padding-left: 38px;

	    width: 85px;

	}

	.i-ban .cont-box span img{

		height: 100%;

	}

	nav.pc-nav .right-intr ul{

		margin: 5px auto 20px;

	}

	nav.pc-nav .right-intr .home-ico{

		height: 20px;

		width: 30px;

		margin-top: 12px;

	}

	nav.pc-nav .right-intr .font{

		margin-bottom: 20px;

	}

	nav.pc-nav .right-intr .cont-wrap{

		margin-top: -278px;

	}

	nav.pc-nav{

		width: 800px;

	}

	

	.history-wrap .cent-wrap .butn{

		top: 67%;

	}

	.history-wrap .cent-wrap .centline{

		top: 70%;

	}

	.history-wrap .cent-wrap .year{

		font-size: 450px;

	}

	.history-wrap .cent-wrap .moon{

		top: 15%;

	}

	.history-wrap .cent-wrap .unit{

		top: 47%;

	}

	.history-wrap .cent-wrap .word{

		top: 82%;

	}

	.history-wrap .cent-wrap .fashion{

		top: 73.5%;

	}

}

@media (max-width: 1300px) {

	.w1200{

		padding: 0 1.16667rem;

		width: auto;

	}

	.about-sec .right-wrap{

		width: 33%;

	}

	.about-fir .right-box{

		width: 60%;

	}

	.about-fir .left-box .word-last{

		right: -212%;

	}

	/*.contact-wrap .main-wrap .bot-cont li,.contact-wrap .main-wrap .bot-cont li:first-child{

		width: 100%;

		border: none;

		margin: 0;

		margin-bottom: 10px;

	}*/

	/*.product-home .list-main .cont-box{

		max-height: none;

	}*/

	.i-ban li.li-left .cont-box{

		left: 0;

	}

	.i-ban li.li-right .cont-box{

		right: 0;

	}

	.store-map .list-wrap{

		height: 54%;

	}

}

@media (min-width: 1200px) {

	.product-home .list-main li:hover .en-tt, .product-home .list-main li:hover .cn-tt {

	  opacity: 0;

	  left: 20px;

	}

	.product-home .list-main li:hover .show-tit {

	  /*display: none;*/

	  width: 0;

	  overflow: hidden;

	}

	.product-home .list-main li:hover .intr-tit {

	  overflow: hidden;

	  width: auto;

	  -webkit-transition: all 1s ease 0s;

	          transition: all 1s ease 0s;

	}

	.product-home .list-main li:hover .line {

	  opacity: 1;

	  left: 0;

	  -webkit-transition: all 0.5s ease 0.1s;

	          transition: all 0.5s ease 0.1s;

	}

	.product-home .list-main li:hover .s-font {

	  opacity: 1;

	  left: 0;

	  -webkit-transition: all 0.5s ease 0.3s;

	          transition: all 0.5s ease 0.3s;

	}

}

@media (max-width: 1200px) {

	footer .navbox{

		width: 85%;

	}

	footer .top-main{

		padding-bottom: 50px;

	}

	

	.i-fiv-wrap .bot-navlist .en-tt{

		display: none;

	}

	.i-thi-wrap .list-cont .pagenation{

		bottom: 8px;

	}

	.about-wrap .left-box,.about-wrap .right-box{

		float: none;

		width: 100%;

		margin-left: 0;

		margin-right: 0;

	}

	.about-fir .left-box{

		padding-top: 0;

	}

	.about-fir .left-box .word-last{

		position: relative;

		right: 0;

		bottom: 0;

	}

	.about-fir .right-box video{

		display: none;

	}

	.about-fir .right-box .font-sign{

		display: none;

	}

	.about-fiv .right-box{

		padding-bottom: 50px;

		padding-top: 20px;

	}

	.about-fiv .left-box .font-sign{

		display: none;

	}

	.about-fir .left-box .word-last,.about-fir .left-box .word{

		width: 100%;

	}

	.about-wrap .banner-wrap .en-tt{

		font-size: 44px;

		line-height: 54px;

	}

	.about-wrap .banner-wrap .discover{

		display: none;

	}

	.about-wrap .banner-wrap .cn-tt{

		height: 58px;

	}

	.about-wrap .banner-wrap .cn-tt img{

		height: 100%;

	}

	.about-wrap .banner-wrap .up-cont{

		margin-top: -38px;

	}

	.about-wrap .word{

		border-bottom: 1px solid #e5e5e5;

		padding-bottom: 20px;

		margin-bottom: 20px;

	}

	.about-fir .left-box{

		border-bottom: 2px solid #7f7f7f;

		margin-bottom: 50px;

		padding-bottom: 50px;

	}

	.about-sec .left-box .small-img,.about-thi .right-box .small-pic,.about-thi .right-box .titbox{

		display: none;

	}

	.about-sec{

		padding-top: 30px;

		background-color: #fff;

		padding-bottom: 50px;

	}

	.about-fir{

		padding-bottom: 20px;

		padding-top: 30px;

	}

	.about-sec .right-wrap{

		width: 100%;

		margin-right: 0;

		float: none;

	}

	.about-sec .left-box .name{

		display: none;

	}

	.about-sec .right-wrap .word:last-child{

		border-bottom: none;

		padding-bottom: 0;

		margin-bottom: 0;

	}

	.about-sec .left-box{

		margin-top: 40px;

	}

	.about-thi{

		padding-top: 10px;

	}

	.about-thi .left-box .top-word{

		width: 100%;

		padding-bottom: 30px;

		border-bottom: 1px solid #e5e5e5;

	}

	.about-thi .left-box .word-cont{

		margin-top: 30px;

	}

	.about-thi .right-box .picbox-fir{

		position: relative;

		right: 0;

		top: 0;

	}

	.about-thi .left-box{

		padding-bottom: 30px;

	}

	.about-thi .left-box .word:last-child{

		padding-bottom: 0;

		border-bottom: none;

		margin-bottom: 0;

	}

	.about-thi .right-box{

		padding-top: 30px;

	}

	.about-fir .left-box .line{

		margin-top: 8px;

	}

	.about-fir .left-box h4{

		margin-top: -50px;

		margin-left: 52px;

	}

	.about-sec .right-wrap .cn-tt,.about-fiv .right-box .yel-tit{

		margin-left: 53px;

		margin-top: -64px;

	}

	.about-sec .right-wrap .line{

		margin-top: 10px;

	}

	.about-thi .left-box .titbox{

		margin-left: 50px;

		margin-top: -61px;

	}

	.about-sec .right-wrap{

		width: 100%;

	}

	.news-info .scroll{

		width: 100%;

	}

	.news-wrap .main-wrap{

		padding-top: 50px;

	}

	.news-wrap .list{

		padding-top: 50px;

	}

	.news-wrap .list .img{

		margin-top: 30px;

	}

	.news-wrap .titbox .en-tit{

		font-size: 70px;

	}

	.recruit-staff .titbox .en-tit{

		font-size: 70px;

	}

	.product-home .list-main .cont-box{

		max-height: none;

	}

	.product-list .list-wrap li{

		width: 32.3%;

	}

	.contact-wrap .main-wrap .cont-wrap{

		padding-bottom: 30px;

	}

	.contact-wrap .main-wrap .map-box{

		width: 100%;

	}

	footer .follow {

		width: 16.2%;

  		float: left;

	}

}

@media (max-width: 1000px) {

	.history-wrap .cent-wrap .year{

		font-size: 340px;

	}

	.history-wrap .cent-wrap .moon{

		font-size: 100px;

		top: 22%;

		margin-left: -190px;

	}

	.history-wrap .cent-wrap .unit{

		font-size: 80px;

		top: 46%;

		margin-left: -18px;

	}

	.history-wrap .cent-wrap .word{

		font-size: 14px;

	}

	.history-wrap .cent-wrap{

		margin-top: -290px;

	}

	.history-wrap .cent-wrap .centline{

		top: 66%;

	}

	.history-wrap .cent-wrap .butn{

		top: 63.3%;

	}

	.news-info h4{

		font-size: 24px;

	}

	.news-info .main-wrap{

		padding-top: 34px;

		padding-bottom: 70px;

		width: 100%;

		border-top: none;

	}

	.news-info .cent-wrap{

		margin-top: 30px;

		width: 90%;

	}

	.news-info .date{

		margin-top: 0;

	}

	.news-info .out-wrap{

		padding-top: 0;

		padding-bottom: 0;

	}

	.news-info .cent-word{

		width: 100%;

		padding-top: 40px;

		padding-bottom: 50px;

	}

	.news-info .paging .back{

		margin-top: 30px;

	}

	.duty-wrap .list-wrap .left-date{

		margin-left: 20px;

	}

	.duty-wrap .list-wrap .right-cont{

		padding-top: 0;

		margin-left: 4%;

	}

	.duty-wrap .list-wrap h4{

		font-size: 24px;

		line-height: 46px;

	}

	.duty-wrap .list-wrap .word{

		margin-top: 20px;

	}

	.i-ban li.li-right .cont-box,.i-ban li.li-left .cont-box{

		margin-top: -120px;

		width: 300px;

	}

	.about-wrap img {

	  max-width: 100%;

	}

}

/* Portrait tablet to landscape and desktop */

@media (min-width: 769px) and (max-width: 979px) {

    body{

    	padding: 0;

    }

}



@media (max-width: 750px){

	/*nav.pc-nav{

		display: none !important;

	}

	nav.pc-nav.show{

		display: none !important;

	}*/

	/*nav.m-nav{

		display: block;

	}*/

	/*header .menu-btn.hover{

		color: #fff;

	}

	header .menu-btn.hover .menu-ico span{

		background-color: #fff;

	}*/

	nav.pc-nav{

		width: 100%;

		height: calc(100% - 66px);

	}

	nav.pc-nav .right-intr{

		display: none;

	}

	nav.pc-nav .left-menu{

		width: 100%;

		padding-top: 6px;

	}

}

/* Landscape phone to portrait tablet */

@media (max-width: 768px) {

	body{

    	padding: 0;

    }
	.foot-pro h2{font-size:16px;}
    .margin-t.top{

    	padding-top: 51px;

    }

    .m-box-sw{

    	display: block;
		padding-top:inherit;
    }

    .pc-wrap{

    	display: none;

    }

    .loader-frame .side-t,.loader-frame .side-b{

    	height: 15px;

    }

	.loader-frame .side-r,.loader-frame .side-l{

		width: 15px;

	}

	.loader-progress-container{

		width: calc(100% - 30px);

		left: 15px;

	}

	.loader-wrap .rect{

		height: calc(50% - 15px);

    	width: calc(100% - 30px);

    	left: 15px;

	}

	.loader-wrap .rect-top{

		top: 15px;

	}

	.loader-wrap .rect-bottom{

		bottom: 15px;

	}

	header .shopcar,header .lang-box,header .menu-btn .ftt,footer .return-top,footer .navbox{

		display: none;

	}

	header .logo{
		width: 170px;
		height: 33px;
		top: 12px;
		margin-left: -85px;
	}
	.vivo-nav .search-user{height:inherit;}
	.search-user a{height:33px;top:0;}
	.search-user a b{height:33px;}
	header .logo img{max-height:20px;}
	.vivo-search .search-box{width:100%;margin-left: inherit;left:0;background: inherit;}
	.vivo-search .search-box a.close{right:8px;opacity: 1!important;}
	.vivo-search .search-box input{width:50%;}
	header .menu-btn{margin-top: 2px;}
	.foot-hr{margin-top:30px;display: none;}


	.w1818{

		padding: 0 1.16667rem;

		width: auto;

	}

	header .search-box{

		margin-top: 8px;

		margin-left: 6px;

	}

	/*header{

		height: 33px;

		padding: 9px 0;

	}

	header.show{

		height: 33px;

	}*/

	header.show .row-box{

		height: 33px;

		padding: 9px 0;

	}

	header.short .logo{

		height: 33px;

		top: 9px;

	}

	footer{

		padding-bottom: 0;

	}

	footer .bot-wrap{

		position: relative;

	}

	footer .bot-wrap span{

		display: block;

		width: 100%;

		text-align: center;

		line-height: 20px;

		color: #b1b1b1;

	}

	footer .bot-wrap a{

		color: #b1b1b1;

	}

	footer .top-main{

		padding-top: 20px;

	}

	footer .inquire{

		text-align: center;

		width: 100%;

	}

	footer .follow{

		float: right;

		width: 100%;

	}

	footer .inquire .search-box{

		margin: 9px auto 0;

	}

	footer .inquire .s-t{

		margin-top: 0;

	}

	footer .follow .share a{

		float: none;

	}

	footer .top-main{

		min-height: 178px;

		padding-bottom: 20px;

	}

	footer .follow .share{

		margin-top: 7px;

		text-align: center;

	}

	footer .follow .tit{

		margin: 20px auto 22px;

		width: 50px;

		height: 1px;

		overflow: hidden;

		background: #c5c5c5;

	}

	nav.m-nav ul{

		width: 110%;

	}

	nav.m-nav li{

		width: 40%;

		margin-right: 10%;

	}

	nav.m-nav li .tit{

		line-height: 50px;

		font-size: 20px;

	}

	nav.m-nav .sub{

		font-size: 14px;

		line-height: 32px;

		margin-top: 12px;

	}

	nav.m-nav li.thi{

		margin-top: -152px;

	}

	.video-wrap .titbox .en-tit{

		font-size: 60px;

	}

	.video-wrap .titbox{

		padding-top: 40px;

	}

	.video-wrap .vid-list{

		padding-top: 30px;

		padding-bottom: 30px;

		margin-bottom: 30px;

	}

	.video-wrap .vid-list ul{

		width: 100%;

	}

	.video-wrap .vid-list li{

		width: 100%;

		margin-bottom: 20px;

	}

	.store-entrance .cent-box{

		width: 90%;

		margin-left: 0;

		left: 5%;

		padding-bottom: 25px;

		height: auto;

	}

	.store-entrance .cent-box .store-inq{

		margin-top: 20px;

	}

	.store-entrance .cent-box .word{

		width: 90%;

	}

	.about-wrap .banner-wrap .up-cont{

		margin-top: -26px;

	}

	.about-wrap .banner-wrap .en-tt{

		font-size: 22px;

		line-height: 32px;

	}

	.about-wrap .banner-wrap .cn-tt{

		height: 40px;

	}

	.about-thi{

		padding-bottom: 60px;

	}

	.about-fou{

		padding-bottom: 40px;

	}

	.news-info h4{

		font-size: 16px;

		line-height: 56px;

	}

	.news-info .scroll .butn{

		width: 34px;

		height: 34px;

		margin-top: -17px;

		background-size: 100% auto;

	}

	.duty-wrap .titbox .en-tit{

		font-size: 46px;

		line-height: 70px;

	}

	.duty-wrap .titbox .cn-tit{

		height: 48px;

	}

	.duty-wrap .titbox .cn-tit img{

		height: 100%;

	}

	.duty-wrap .main-wrap{

		padding-top: 50px;

	}

	.duty-wrap .list-wrap{

		width: 92%;

		padding-top: 35px;

	}

	.duty-wrap .list-wrap .right-cont{

		width: 92%;

		margin-top: 20px;

	}

	.duty-wrap .list-wrap h4{

		font-size: 20px;

		line-height: 32px;

	}

	.duty-wrap .list-wrap .left-date{

		display: none;

	}

	.duty-wrap .list-wrap .section{

		padding-top: 10px;

	}

	.news-wrap .titbox .en-tit{

		font-size: 50px;

		line-height: 80px;

	}

	.news-wrap .titbox .cn-tit{

		height: 48px;

	}

	.news-wrap .titbox .cn-tit img{

		height: 100%;

	}

	.recruit-staff .titbox .en-tit{

		font-size: 50px;

		line-height: 80px;

	}

	.recruit-staff .titbox .cn-tit{

		height: 30px;

		line-height: 30px;

	}

	.recruit-staff .titbox .cn-tit img{

		height: 100%;

	}

	.news-wrap .list .cont-wrap{

		width: 86%;

		margin-left: 7%;

	}

	.news-wrap .list{

		width: 92%;

	}

	.news-wrap{

		padding-left: 0;

		padding-right: 0;

	}

	.news-wrap .list li{

		margin-bottom: 30px;

	}

	.news-wrap .main-wrap{

		padding-bottom: 80px;

	}

	nav.m-nav{

		overflow: auto;

	}

	

	

	.product-list .list-wrap li{

		width: 49%;

		margin-bottom: 30px;

	}

	.product-list .top-tit h3{

		font-size: 66px;

	}

	.product-list .main-wrap{

		padding-top: 70px;

	}

	.product-list .list-wrap{

		padding-top: 60px;

	}

	footer .bot-wrap.fixed{

		display: none;

	}

	.product-list .top-tit h3{

		font-size: 46px;

		line-height: 65px;

	}

	.product-list .main-wrap{

		padding-top: 40px;

	}

	.product-list .top-tit p.sec-tit{

		font-size: 30px;

		line-height: 48px;

	}

	.product-list .list-wrap li .blackbox {

	    opacity: 1;

	}

	.product-list .list-wrap li .ico {

	    opacity: 1;

	    transform: translateY(0px);

	    transition: all 0.4s ease 0s;

	}

	.product-list .list-wrap li .en-tit {

	    opacity: 1;

	    transform: translateY(0px);

	    transition: all 0.4s ease 0.3s;

	}

	.product-list .list-wrap li .shop-link {

	    opacity: 1;

	    transform: translateY(0px);

	    transition: all 0.4s ease 0.6s;

	}

	.product-list .list-wrap li .ico{

		width: 40px;

		height: 40px;

	}

	.product-list .list-wrap li a{

		display: block;

	}

	.recruit-home{

		padding-bottom: 46px;

	}

	.recruit-home .main-wrap .cent-box .en-tit{

		font-size: 50px;

		line-height: 60px;

	}

	.recruit-home .main-wrap .cent-box .cn-tit{

		font-size: 24px;

		line-height: 60px;

	}

	.recruit-home .main-wrap .cent-link a{

		font-size: 14px;

		height: 34px;

		line-height: 34px;

		width: 120px;

		margin: 0 6px;

	}

	.recruit-staff .main{

		width: 100%;

	}

	.recruit-staff .main-wrap{

		/*padding-top: 0;*/

	}

	.contact-wrap .rol-left{

		background-color: #c6b082;

		width: 94%;

		padding: 15px 3% 20px;

	}

	.contact-wrap .rol-right .cont-wrap{

		background-color: #e1ded9;

	}

	.contact-wrap .main-wrap .m-box{

		display: block;

	}

	.contact-wrap .main-wrap .pc-box{

		display: none;

	}

	.contact-wrap .rol-right input.tex{

		background-color: #fff;

		color: #c5c5c5;

	}

	.contact-wrap .rol-right h4{

		color: #666;

	}

	.contact-wrap .rol-right .area{

		background-color: #fff;

		color: #c5c5c5;

	}

	.contact-wrap .rol-right .sub-btn{

		background-color: #b09c73;

		color: #fff;

	}

	.contact-wrap .main-wrap .form-wrap{

		border-bottom: none;

	}

	.contact-wrap .main-wrap .bot-cont{

		margin-top: 20px;

		border-top: 1px solid #cebb93;

		padding-top: 20px;

	}

	.contact-wrap .rol-left h4{

		margin-top: 16px;

	}

	.contact-wrap .main-wrap .cont-wrap{

		width: 94%;

		padding-left: 3%;

		padding-right: 3%;

	}

	.contact-wrap .main-wrap .left-inp,.contact-wrap .main-wrap .area-wrap{

		width: 100%;

	}

	.contact-wrap .main-wrap .map-box{

		height: 300px;

	}

	.contact-wrap .main-wrap .bot-cont .ico{

		width: 40px;

		height: 40px;

		background-size: 100% auto;

	}

	.contact-wrap .main-wrap .bot-cont .cont{

		width: 100%;

	}

	footer .bot-wrap.fixed{

		display: none;

	}

	footer .bot-wrap.fixed .share{

		display: none;

	}

	.about-fir .video-sign{

		display: none;

	}

	.about-fiv .right-box .line{

		display: none;

	}

	.about-fiv .cont-tit{

		padding: 40px 0 0;

	}

	.about-fir .cont-tit,.about-sec .cont-tit,.about-thi .cont-tit,.about-fiv .cont-tit{

		text-align: center;

	}

	.about-fir .cont-tit .num,.about-fir .cont-tit .titbox,.about-fiv .right-box .yel-tit,.about-fiv .right-box .num{

		display: inline-block;

	}

	.about-sec .cont-tit .num,.about-sec .cont-tit .titbox{

		display: inline-block;

	}

	.about-thi .cont-tit .num,.about-thi .cont-tit .titbox{

		display: inline-block;

	}

	.about-fiv .right-box .yel-tit{

		margin-left: 20px;

		width: 278px;

	}

	.about-sec .right-wrap .cn-tt{

		display: inline-block;

		width: 210px;

		margin-left: 20px;

	}

	.about-fir .left-box .num{

		width: 28px;

	}

	.about-fir .left-box h4{

		margin-left: 20px;

		width: 210px;

	}

	.about-fir .cont-tit .line,.about-sec .cont-tit .line,.about-thi .cont-tit .line{

		display: none;

	}

	.about-thi .left-box .en-tt{

		display: none;

	}

	.about-thi .left-box .cn-tt{

		color: #c9a55e;

		font-family: "Arial";

	}

	.about-thi .left-box .num{

		width: 30px;

		vertical-align: 4px;

	}

	.about-fir .left-box h4{

		display: inline-block;

	}

	.about-thi .left-box .titbox{

		margin-left: 20px;

	}

	footer.block .bot-wrap.fixed{

		display: none;

	}

	.store-map .inquire-box{

		width: auto;

		position: relative;

		left: 0;

		overflow: hidden;

	}

	.store-map h4{

		margin-top: 15px;

	}

	.store-map .main-wrap .map{

		height: 400px;

	}

	.store-map{

		padding-bottom: 30px;

	}

	.contact-wrap .main-wrap .wx-code{

		margin-left: 0;

		margin-top: 10px;

	}

	.contact-wrap .main-wrap .bot-cont li{

		width: 90%;

	}

	.contact-wrap .main-wrap .bot-cont li:last-child{

		float: left;

		margin-top: 0;

	}

	.recruit-info .table{

		width: 100%;

	}

	.recruit-info .table .box{

		width: 100%;

		border-right: none;

	}

	.contact-ban .tit{

		height: 40px;

		margin-top: -20px;

	}

	.about-fiv{

		padding-bottom: 60px;

	}

	footer .inquire .tm-pic{

		margin-left: 0;

	}

	footer .inquire .link-tit,footer .inquire .tm-tit{

		width: 100%;

		text-align: center;

	}

}



/* Landscape phones and down */

@media (max-width: 480px) {

	.video-wrap .titbox .en-tit{

		font-size: 40px;

		line-height: 60px;

	}

	.video-wrap .titbox .cn-tit{

		height: 34px;

	}

	.video-wrap .titbox .cn-tit img{

		height: 34px;

	}

	.video-wrap .vid-box{

		width: 80%;

	}

	.product-list .list-wrap li{

		width: 100%;

		margin-right: 0;

	}

	.product-list .top-tit .word{

		line-height: 24px;

	}

	nav.m-nav li.fir{

		min-height: 192px;

	}

	.recruit-home .main-wrap .cent-box .en-tit{

		font-size: 38px;

	}

	.recruit-staff .main .box{

		width: 100%;

	}

	.news-wrap .titbox .en-tit{

		font-size: 42px;

		line-height: 56px;

	}

	.news-wrap .titbox .cn-tit{

		font-size: 25px;

		line-height: 42px;

	}

	.recruit-staff .titbox .en-tit{

		font-size: 42px;

		line-height: 56px;

	}

	.recruit-staff .titbox .cn-tit{

		line-height: 30px;

	}

	.recruit-info .table{

		margin-top: 30px;

		padding-top: 35px;

	}

	.about-wrap .num{

		width: 28px;

	}

	.about-sec .right-wrap .cn-tt{

		width: 170px;

	}

	.about-fiv .right-box .yel-tit{

		width: 210px;

	}

}



@media (max-width: 1600px) and (min-width: 1025px) {

  .recruit-info .table .box {

    width: 32%;

  }



  .recruit-info .table .box.double {

    width: 64%;

  }



  .box.f-cb.fourfold {

    width: 96%;

    border-right: 0;

  }



  .recruit-info .table .box.fourfold span {

    width: 9.65%;

  }



  .recruit-info .table span {

    width: 29.6%;

  }



  .recruit-info .table input {

    width: 58.5%;

  }



  header .nav .list .more {

    margin-top: 5px;

  }

}

@media (max-width: 1024px) and (min-width: 768px) {

  .recruit-info .table .box {

    width: 45%;

  }



  .recruit-info .table .box.double {

    width: 90%;

  }



  .recruit-info .table .box.double span {

    width: 15.3%;

  }



  .box.f-cb.fourfold {

    width: 90%;

    border-right: 0;

  }



  .recruit-info .table span {

    width: 30.6%;

  }



  .recruit-info .table .box.fourfold span {

    width: 15.65%;

  }



  .recruit-info .table .box.fourfold textarea {

    width: 81%;

  }

}

@media (max-width: 767px) {

  /*.recruit-info .table .box {

    width: 90%;

  }*/

  .recruit-info .table span{

  	width: 20.6%;

  }



  .recruit-info .table .box.double {

    width: 90%;

  }



  .box.f-cb.fourfold {

    width: 90%;

    border-right: 0;

  }



  .recruit-info .table .box.double span {

    width: 27.3%;

  }



  .recruit-info .table .box.fourfold span {

    width: 27.65%;

  }



  .recruit-info .table .box.fourfold textarea {

    width: 68%;

  }

}