.about-word{margin-bottom:25%}

.about-word .about-word-box{margin:0 auto}

.about-word .about-title-line{height:1px;max-width:288px;border-top:1px solid #e6e6e6;margin:0 auto;margin-top:12%;margin-bottom:9%}

.about-word font{margin-top:35%;display:block;text-align:center}

.about-word span{display:block;text-align:center}

.about-word p{display:block;text-align:left}

.about-bg1{background:url(../images/about-bg1.jpg) no-repeat no-repeat center;background-size:cover;width:100%;background-attachment:fixed;margin-bottom:10%}

.about-bg1 .about-green{background-color:#3F3F3F;width:100%;position:relative;top:-188px; padding-top:1px; overflow:hidden;}

.about-bg1 .about-green .about-green-line{width:129px;height:1px;border-top:1px solid #578362;display:inline-block;margin-bottom:210px;margin-left:8%}

.about-bg1 .about-green .green-right{display:inline-block;margin-left:1%}

.about-bg1 .about-green font,.about-bg1 .about-green p,.about-bg1 .about-green span{color:#fff}

.about-bg1 .about-green font{margin-left:8%;margin-top:10%;margin-bottom:3%;width:321px;display:block}

.about-bg1 .about-green span{display:block;margin-bottom:2.5%}

.about-bg1 .about-green p{margin-bottom:13%}

.about-bg1 .about-bg1-word{margin:0 auto; max-width:730px; width:100%;}

.about-bg1 .about-bg1-word p{text-align:left;color:#fff; padding-left:15px; padding-right:15px;}

.about-country li{position:relative;padding: 0 1%;float:left; width:100%;}

.about-country .country-word{position:absolute;left:0;right:0;top:50%;margin-top:-80px;width:100%}

.about-country .country-word font,.about-country .country-word p,.about-country .country-word span{display:block;text-align:center;margin:0 auto;color:#fff}

.about-country .country-word font{margin-bottom:5%}

.about-country .country-bottom{margin:10% 0 15% 0;text-align:left;width:100%}

.about-disgner{background:url(../images/about-bg2.jpg) no-repeat no-repeat center;background-attachment:fixed;background-size:cover; position:relative;}

.about-disgner .disgner-word{padding:50% 0 20% 0}

.about-disgner .disgner-word font{display:block;color:#fff}

.about-disgner .disgner-word span{display:block;color:#fff}

.about-disgner .disgner-word p{color:#fff;margin-bottom:3%}

.about-disgner .disgner-word small{display:block;color:#fff}

.disgner-box{width:100%;position:relative}

.disgner-detail{background-color:#fff;width:100%;position:absolute;top:90%}

.disgner-detail font{color:#5c5c5c;margin-left:8%;margin-top:7%;margin-bottom:3%;display:block}

.disgner-detail .disgner-line{width:129px;height:1px;border-top:1px solid #f0f0f0;display:inline-block;margin-left:8%}

.disgner-detail .disgner-detail-right{display:inline-block;margin-left:1%}

.disgner-detail .disgner-detail-right span{color:#5c5c5c;display:block;margin-bottom:2.5%}

.disgner-detail .disgner-detail-right p{color:#5c5c5c;margin-bottom:13%}

.grey-bg{width:100%;height:755px;background-color:#f6f6f6;}

.brand-symbol{width:100%}

.brand-symbol .symbol-title{width:100%;margin-bottom:7%}

.brand-symbol .symbol-title p,.brand-symbol .symbol-title span{display:block;width:100%;text-align:center}

.brand-symbol li{float:left;width:23%;margin:0 1%;margin-bottom:2%;border:6px solid #a9a9a9}

.brand-symbol li img{width:100%}

.brand-symbol li p,.brand-symbol li span{display:block;width:100%;text-align:center}

.brand-symbol li span{padding:7% 0}

.brand-symbol li p{padding:0 7%}

.brand-symbol .symbol-word{width:100%;margin:7% 0 12% 0}

.brand-symbol .symbol-word p{width:100%;text-align:center}


.about-country .p{ text-align:left; font-size:16px; margin:0 auto 5% auto; max-width:712px;}




.about-word .about-word-box{width:530px}

.about-word font{font-size:100px}

.about-word span{font-size:45px}

.about-word p{font-size:14px}

.about-bg1{height:1166px}

.about-bg1 .about-green font{font-size:45px}

.about-bg1 .green-right{width:1000px}

.about-bg1 .green-right span{font-size:18px}

.about-bg1 .green-right p{font-size:15px}

.about-bg1 .about-bg1-word p{font-size:16px}

.country-word font{font-size:45px}

.country-word span{font-size:30px}

.country-word p{font-size:15px}

.country-bottom{font-size:16px}

.disgner-word font{font-size:40px}

.disgner-word span{font-size:60px}

.disgner-word p{font-size:30px}

.disgner-word small{font-size:20px}

.disgner-detail font{font-size:45px}

.disgner-detail .disgner-line{margin-bottom:361px}

.disgner-detail .disgner-detail-right{width:1000px}

.disgner-detail span{font-size:18px}

.disgner-detail p{font-size:15px}

.brand-symbol .symbol-title p{font-size:45px}

.brand-symbol .symbol-title span{font-size:25px}

.brand-symbol li{height:435px}

.brand-symbol li span{font-size:30px}

.brand-symbol li p{font-size:15px}

.symbol-word p{font-size:16px}

.about-country .country-word p{ padding-left:15px; padding-right:15px;}







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

	.about-word{ padding-bottom:25%;}

	.about-bg1{ height:auto; padding-bottom:35%;}

	.about-bg1 .about-bg1-word{ margin-top:-8%;}
	
	.about-bg1{ background-attachment:inherit !important}

}



@media screen and (min-width:768px) and (max-width:1279px){



.about-bg1{ height:1000px;}

.about-word font{font-size:80px}

.about-word span{font-size:35px}

.about-bg1 .about-green .about-green-line{ margin-bottom:10%;}

.about-bg1 .about-green{top:-80px!important}

.about-bg1 .about-green font{font-size:40px}

.about-bg1 .green-right{max-width:inherit;margin-left:8%!important; width:85%;}

.about-bg1 .green-right span{font-size:16px}

.about-bg1 .green-right p{font-size:14px}

.about-bg1 .about-bg1-word p{font-size:15px}

.country-word font{font-size:40px}

.country-word span{font-size:26px}

.country-word p{font-size:14px}

.country-bottom{font-size:16px}

.disgner-word font{font-size:40px}

.disgner-word span{font-size:50px}

.disgner-word p{font-size:30px}

.disgner-word small{font-size:20px}

.disgner-detail font{font-size:40px}

.disgner-detail .disgner-line{margin-bottom:8%}

.disgner-detail .disgner-detail-right{width:90%;margin-left:5%!important}

.disgner-detail span{font-size:16px}

.disgner-detail p{font-size:14px}

.brand-symbol .symbol-title p{font-size:38px}

.brand-symbol .symbol-title span{font-size:22px}

.brand-symbol li{height:330px}

.brand-symbol li span{font-size:25px}

.brand-symbol li p{font-size:13px}

.symbol-word p{font-size:16px}

}

@media screen and (min-width:481px) and (max-width:767px){





.about-word .about-word-box{ max-width:530px; width:auto}

.about-word font{font-size:65px}

.about-word span{font-size:32px}

.about-word p{font-size:13px}

.about-word .about-title-line{ margin:12% auto; width:50%;}



.about-bg1 .about-green{top:-100px!important}

.about-bg1 .about-green font{font-size:36px}

.about-bg1 .about-green .about-green-line{ margin-bottom:10%;}

.about-bg1 .green-right{max-width:1000px;margin-left:8%!important; width:auto; width:85%;}

.about-bg1 .green-right span{font-size:16px}

.about-bg1 .green-right p{font-size:14px}

.about-bg1 .about-bg1-word p{font-size:15px}

.country-word font,.country-word p,.country-word span{width:100%!important}

.country-word font{font-size:30px}

.country-word span{font-size:20px}

.country-word p{font-size:13px}

.country-bottom{font-size:16px}

.disgner-word font{font-size:30px}

.disgner-word span{font-size:40px}

.disgner-word p{font-size:25px}

.disgner-word small{font-size:20px}

.disgner-detail font{font-size:36px}

.disgner-detail .disgner-line{margin-bottom:10%;}

.disgner-detail .disgner-detail-right{max-width:1000px;margin-left:8%!important; width:auto; width:85%;}

.disgner-detail span{font-size:16px}

.disgner-detail p{font-size:14px}

.brand-symbol .symbol-title p{font-size:35px}

.brand-symbol .symbol-title span{font-size:20px}

.brand-symbol li{width:48%;height:385px}

.brand-symbol li span{font-size:21px}

.brand-symbol li p{font-size:13px}

.symbol-word p{font-size:15px}

}

@media screen and (min-width:310px) and (max-width:480px){


.about-country .p{ font-size:14px;}

.about-disgner{ background-attachment:inherit;background-size:200%; background-position: top center}


.about-word .about-word-box{width:100%}

.about-word font{font-size:44px}

.about-word span{font-size:20px}

.about-word p{font-size:12px}

.about-word .about-title-line{ width:60%; margin:10% auto;}



.about-country .country-word{ margin-top:-55px;}

.about-word p{font-size:13px}

.about-bg1 .about-green{top:-50px!important}

.about-bg1 .about-green font{font-size:30px;}

.about-bg1 .about-green .about-green-line{ margin-bottom:8%;margin-left:8%}

.about-bg1 .about-green .green-right{max-width:1000px; width:85%;margin-left:8%}

.about-bg1 .about-bg1-word{ margin-top:-5%;}

.about-bg1 .green-right span{font-size:14px}

.about-bg1 .green-right p{font-size:13px}

.about-bg1 .about-green span{ margin-bottom:5%;}

.about-bg1 .about-bg1-word p{font-size:12px}

.country-bottom{font-size:14px}

.country-word font,.country-word p,.country-word span{width:100%!important}

.country-word font{font-size:35px}

.country-word span{font-size:20px}

.country-word p{font-size:13px}

.disgner-word font{font-size:30px}

.disgner-word span{font-size:25px}

.disgner-word p{font-size:18px}

.disgner-word small{font-size:15px}

.disgner-detail font{font-size:30px}

.disgner-detail .disgner-line{margin-bottom:8%;margin-left:8%}

.disgner-detail .disgner-detail-right{ax-width:1000px; width:85%;margin-left:8%}

.disgner-detail span{font-size:14px}

.disgner-detail p{font-size:14px}

.brand-symbol .symbol-title p{font-size:30px}

.brand-symbol .symbol-title span{font-size:16px}

.brand-symbol li{ margin:0 auto; width:70%; height:auto; display:block; float:none; padding-bottom:15%; margin-bottom:3%;}

.brand-symbol li span{font-size:22px}

.brand-symbol li p{font-size:13px}

.symbol-word p{font-size:13px}

}



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

.brand-symbol li{width:98%;}

.brand-symbol li span{font-size:16px}

.brand-symbol li p{font-size:12px}

}