/*==========================================
Old Screen
==========================================*/

@media screen and (max-width: 1280px ) and (min-width: 1000px) {
.wrap {width:1000px}
.wrap-inner {width:950px;}
#newsHomeCenter li {margin-right:45px}
#newsHome li {margin-right:45px}
#newsListCenter .zoom {bottom:auto; top:0}
#newsListCenter .imgCaption {width:100%}
#newsList .zoom {bottom:auto; top:0}
#newsHomeCenter li:nth-last-child(1) {margin-right:45px}
#newsHome li:nth-last-child(1) {margin-right:45px}
#aboutBrand .brandDesc, #aboutBrand .brandName {padding-left:220px}
#aboutBrand .brandName {font-size:24px}
#clientList ul li {margin:0 30px 30px 0}
#clientList ul li.imgThumb {width:165px; height:130px}
#publicationList li {width:162px; margin:0 35px 35px 0}
#navContainer a {padding:0 6px}
.manageInfo {padding:0 15px}
/* .brandHomeList li {margin-right:25px} */
#newsHomeScetion,#manageHome, #aboutHome {height:auto !important} 
#newsHomeCenter .imgCaption {width: 50%;}


}

/*==========================================
Tablet
==========================================*/

@media screen and (max-width: 1000px ) and (min-width: 768px) {
.wrap {width:100%}
.wrap-inner {width:748px;}
#contactList .storeDetail .locate {width:initial;}
nav {display:none}
header {border-bottom:1px solid rgba(0,0,0, .8)}
header .mainLogo, header.minimize .mainLogo {height:60px; width:80px; padding:4px 8px; float:left; margin:0 auto}
header .mainLogo img, header.minimize .mainLogo img {height:50px}
header .slogan, header.minimize .slogan {margin-top:18px; height:25px}
header #topBar {height:60px}
#langBar, #socialBar, #footerNav {display:none}
#copyright {margin-top:10px}
.pageContainer {margin-top:60px}
#aboutBrand #brandNav a img {height:40px; width:auto}
#aboutBrand .brandLogo img {height:90px}
h1 {font-size:40px}
#aboutHome {background-size:auto 100%; background-attachment:scroll}
#aboutHome p {font-size:24px; line-height:38px; padding:0}
#homeVideo video {height:300px}
.btnStyle02 span {font-size:20px}
#brands a {height:70px; margin:0 10px}
#newsHomeCenter li {margin-right:15px}
#newsHomeCenter li:nth-last-child(1) {margin-right:15px}
#newsHomeCenter .imgThumb {width:346px; height:226px}
#newsHomeCenter .imgCaption {width:100%}
#newsHomeCenter .imgCaption p{font-size:12px; line-height:20px;}
#newsHome li {margin-right:15px}
#newsHome li:nth-last-child(1) {margin-right:15px}
#newsHome .imgThumb {width:130px; height:130px; }
#aboutBrand #brandNav a {width:90px; height:90px; margin-top:-45px; line-height:84px}
#aboutBrand .brandLogo {width:180px; height:180px; line-height:180px;}
#aboutBrand .brandDesc, #aboutBrand .brandName {padding-left:170px}
#aboutBrand .brandDesc .btnStyle02 {float:left}
#aboutBrand .brandName {font-size:20px}
#clientList ul {text-align:center; display:block; }
#clientList ul li {display:inline-block; margin:0 30px 30px 0; float:none}
#clientList ul li:nth-child(5n) {margin-right:30px}
#clientList ul li:nth-child(4n) {margin-right:0}
#clientList ul li.imgThumb {width:160px}
.pageNav .selectLine {display:none}
#newsListCenter .zoom {bottom:auto; top:0px}
#newsListCenter .imgCaption {width:100%}
#newsList .zoom {bottom:auto; top:0px}
#publicationList li {width:133px; margin:0 20px 20px 0}
.mobileHidden {display:none}
.mobileVisible {display:block}
.manageInfo {width:35%; padding:0 15px}
.manageSay {width:65%}
.brandHomeList {display:block; width:768px; margin:20px auto; text-align:center}
/* .brandHomeList li {float:none} */
.brandHomeList li:nth-child(4n) {margin-right:10px}
.brandHomeList li {display:inline-block; margin:20px; }
.brandHomeList figcaption {text-align:left}
#newsHomeSection,#manageHome, #aboutHome {height:auto !important} 


.mobileIcon {display:block}
}

/*==========================================
Mobile
==========================================*/

@media screen and (max-width: 767px ) {
.wrap {width:100%}
.wrap-inner {width:94%;}
nav {display:none}
header {border-bottom:1px solid rgba(0,0,0, .8)}
header .mainLogo, header.minimize .mainLogo {height:60px; width:80px; padding:4px 8px; float:left; margin:0 auto; margin-left:30px}
header .mainLogo img, header.minimize .mainLogo img {height:50px}
header .slogan, header.minimize .slogan {margin:18px 0 0 0; height:20px}
header #topBar {height:60px}
#langBar, #socialBar, #footerNav {display:none}
#copyright {margin-top:10px}
.pageContainer {margin-top:60px}

h1 {font-size:36px;}
#aboutHome p {font-size:18px; line-height:32px}
.btnStyle02 span {font-size:18px}
.pad120TB {padding:60px 0}
#manageHome .flex {display:block}
#manageHome figure {display:inline-block; width:96%; margin:70px 2% 2% 2%}
#newsHomeCenter li {margin:0 25px 25px 25px}
#newsHomeCenter li:nth-last-child(1) {margin-right:25px}
#newsHomeCenter .imgCaption {width: 100%}
#newsHome li {margin:0 25px 25px 25px}
#newsHome li:nth-last-child(1) {margin-right:25px}
#homeVideo video {width:100%; height:240px; margin:0 auto 20px auto}
#aboutHome .flex > * {width:100%}
#btn_down {display:none}
#bannerSlider .swiper-pagination {bottom:20px}
#brands .wrap {display:block; text-align:center}
#brands .wrap a {display:inline-block; height:80px; margin-bottom:30px}
#aboutBrand #brandNav .wrap-inner {display:block; text-align:center}
#aboutBrand #brandNav a {display:inline-block; margin:20px 5px 0 5px; width:75px; height:75px; line-height:75px; border:0; }
#aboutBrand #brandNav a img {height:30px; width:auto}
#aboutBrand #brandNav a:nth-last-of-type(1) img {height:40px; width:auto}
#aboutBrand .brandLogo {position:static; width:180px; height:180px; line-height:176px; margin:0 auto 20px auto}
#aboutBrand .brandLogo img {height:80px}
#aboutBrand .brandName {width:100%; margin:0; padding:0; border:0; background:none; text-align:center; height:auto; font-size:30px; line-height:42px; margin-bottom:20px}
#aboutBrand .brandDesc {width:100%; margin:0; padding:0; text-align:center}
#aboutBrand .brandDesc .btnStyle02 {float:none; display:inline-block; }
#aboutBrand .brandImg .imgThumb {width:31%; height:auto; margin:0 1%}
#clientList ul {text-align:center; display:block; }
#clientList ul li {display:inline-block; width:31%; margin:0 1% 20px 1%; float:none}
#clientList ul li:nth-child(5n) {margin-right:1%}
#clientList ul li:nth-child(3n) {margin-right:0}
.pageNav a {margin:0; font-size:15px; padding-left:5px}
.pageNav .selectLine {display:none}
.manageIntro {width:100%; clear:both; float:none;}
.manageIntro .imgThumb {width:285px; height:auto; margin:0 auto; }
.manageIntro figcaption {text-align:center}
.manageDesc {width:100%}
#charityLeft {width:100%}
#charityRight {width:200px; margin:0 auto 20px auto; float:none}
#newsListCenter li {width:100%; margin-right:0; border-bottom:0}
#newsListCenter .zoom {bottom:auto; top:0px}
#newsListCenter .imgThumb {float:none}
#newsList li {width:48%; margin-right:0; border-bottom:0}
#newsList .zoom {bottom:auto; top:0px}
#newsList .imgThumb {float:none}
#publicationList {display:block; text-align:center}
#publicationList li {display:inline-block; float:none; width:28%; margin:0 2% 2% 2%}
#publicationList li:nth-child(5n) {margin-right:2%}
#contactList ul.flex > li {width:48%}
.mobileHidden {display:none}
.mobileVisible {display:block}
.manageDesc article {height:auto; padding:20px 0}
#wechat {right:-265px}
#newsListCenter .imgThumb {text-align:center}
#newsListCenter .imgThumb img {margin:0 auto}
#newsListCenter .imgCaption {width:100%}
#newsList .imgThumb {text-align:center}
#newsList .imgThumb img {width:auto; margin:0 auto}
.manageInfo {width:100%; padding:15px; overflow:hidden}
.manageInfo > div {float:left; width:50%}
#manageHome figure .imgThumb {margin:0 auto}
.manageSay {width:100%}
#manageContainer {padding:0}
.manageIntro figure {float:left; width:50%}
.manageIntro figcaption {position:relative; }
.manageIntro .imgThumb {width:100%}
#aboutHome p {padding:0}
#aboutHome, .bgTri01 {background:url('../images/bgTri01.jpg') no-repeat top center; background-size:100%}

.mobileIcon {display:block}

.flex-fLeft li {width:48%; margin-right:4%}
.flex-fLeft li:nth-child(even) {margin-right:0}

.fancybox-nav span {visibility:visible}

.brandHomeList {display:block; width:100%; margin:20px auto; padding:0 5%; text-align:center}
.brandHomeList li { height:auto; width:44%; margin:15px}
.brandHomeList li:nth-child(4n) {margin-right:0px}
.brandHomeList li img {position:relative; width:150px;}
.brandHomeList figcaption {position:relative; text-align:left}
.brandHomeList figcaption:before {border-width:13px 0 0 600px}
.brandHomeList figcaption .more {right:10px; opacity:1}
#newsHomeSection,#manageHome, #aboutHome {height:auto !important} 

#popup img {width:95%; height:auto;}

}


@media screen and (max-width: 460px ) {

h1 {font-size:30px}
.font24 {font-size:18px; line-height:30px}
#newsHomeCenter li {width:100%; margin:0 0 30px 0}
#newsHomeCenter li:nth-child(odd) {margin-right:4%}
#newsHomeCenter li:nth-last-child(1) {margin-right:0}
#newsHomeCenter .imgThumb {   width: 100%;    height: 180px;}
#newsHomeCenter .imgCaption {width:100%}
#newsHomeCenter .imgCaption p{font-size:12px; line-height:20px;}
#newsHome li {width:48%; margin:0 0 30px 0}
#newsHome li:nth-child(odd) {margin-right:4%}
#newsHome li:nth-last-child(1) {margin-right:0}
#newsHome .imgThumb {width:100%; height:auto}
#bannerSlider .swiper-pagination {display:none}
#clientList ul {text-align:center; display:block; }
#clientList ul li {display:inline-block; margin:0 0 20px 0; float:none}
#clientList ul li.imgThumb {width:48%; height:auto}
#clientList ul li:nth-child(5n) {margin-right:0}
#clientList ul li:nth-child(odd) {margin-right:2%}
#newsListCenter li {width:98%; margin-right:0; border-bottom:0; padding-bottom:0}
#newsListCenter li:nth-child(odd) {margin-right:4%}
#newsListCenter .zoom {display:none}
#newsListCenter .imgThumb {width:100%; /*height:auto;*/ float:none}
#newsListCenter .imgCaption {width:100%}
#newsListCenter .imgCaption p{font-size:12px; line-height:20px;}
#newsList li {width:45%; margin-right:0; border-bottom:0; padding-bottom:0}
#newsList li:nth-child(odd) {margin-right:5%}
#newsList .zoom {display:none}
#newsList .imgThumb {width:100%; /*height:auto;*/ float:none}
#newsList .imgCaption {width:100%}
#publicationList {display:block; text-align:center}
#publicationList li { float:left; width:48%; margin:0 0 40px 0}
#publicationList li:nth-child(5n) {margin-right:0}
#publicationList li:nth-child(odd) {margin-right:4%}
#newsHomeCenter imgCaption {width:auto; max-width:100%}
#newsHome figcaption {width:auto; max-width:100%}
.brandHomeList {display:block; width:100%; margin:20px auto; padding:0 5%; text-align:center}
.brandHomeList li { height:auto; width:44%; margin:10px}
.newstop-swiper-button-prev, .newstop-swiper-button-next {top: 25%;}
#newsHome {
    padding: 0; 
}
#popup img {width:95%; height:auto;}
	
/*.flex-fLeft li {width:42%; margin:3px}*/
#contactList ul.flex > li {width:100%; margin-bottom:20px}


}