/* by Adon , CSS Document */



.page-title{ margin-bottom:0}

.products { float:left; width:100%;font-weight:bold}

.products .p1{ font-size:30px;}

.products .p2{ font-size:18px;}

.products ul{ overflow:hidden; margin:5% 0 0 0;}

.products ul li{ float:left; border:solid 1px #f0f0f0;width:32.33%; padding:3%;margin-right:1.5%; margin-bottom:1.5%;font-size:20px; color:#7e7e7e;}

.products ul li span{ display:block; width:75%;color:#7e7e7e; height:56px; overflow:hidden;}

.products ul li font{ margin-top:10px;display:block;color:#7e7e7e;}

.products ul li img{ margin:15% auto 10% auto; height:285px; display:block}

.products ul li.clear{margin-right:0}

.products ul li:hover span,.products ul li:hover font{color:#1a2225}

.products-view{ float:left; width:100%; font-weight:bold}

.products-t{ font-size:25px; text-transform:uppercase; border-top:solid 1px #ededed; padding:5% 0; margin-top:5%;}

.products-t .p1{ line-height:25px; margin-bottom:10px;}

.products-view .structure{ text-align:center; margin:5% 0;}

.tables{ background:#363636; float:left; width:100%; clear:both; font-size:18px; color:#f0f0f0;}

.tables table{ width:100%;text-align:center;border:solid 1px #f0f0f0 !important;border-right:none;border-top:none;line-height:40px; margin:5% 0 10% 0;}

.tables table tr td{ border-right:solid 1px #f0f0f0 !important;border-top:solid 1px #f0f0f0 !important; font-size:18px !important;border-style:solid !important}

.des {overflow:hidden;border-bottom:solid 1px #ededed; padding-bottom:5%; margin-bottom:5%;}

.des p{ width:47.5%; color:#5c5d5d; overflow:hidden;}

.des p.en{ margin-left:2.5%; font-size:14px;}

.des p.cn{ margin-right:2.5%; font-size:16px;}

.products-p {border-bottom:solid 1px #ededed;float:left; width:100%; padding:5% 0 2.5% 0;margin-bottom:5%; overflow:hidden; position:relative;}

.products-p .p1{ text-transform:uppercase; line-height:30px; font-size:30px;}

.products-p .p2{ font-size:35px;}

.products-p nav{ position:absolute; right:0; bottom:20%;}

.products-p nav a{ float: left; padding:10px; border:solid 1px #ededed; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; margin-left:10px;}

.thumb{ position:relative; text-align:center; margin:5% 0;}

.products-tit {float:left; width:100%;position:relative;}

.products-tit .p1{ text-transform:uppercase;font-size:25px;}

.products-tit .p2{ font-size:35px;}

.products-tit nav{ position:absolute; right:0; top:0}

.products-tit nav a{ float: left; font-size:15px; margin-left:25px;color:#5c5d5d;}






@media (max-width:1366px){

.products ul li img{ height:175px;}

.products ul li{ font-size:18px;}


}


@media (max-width:1024px){


.products ul li span{ width:auto;}

.products-t{ font-size:24px;}

.products ul li img{ height:150px;}

}

@media (max-width:768px){

.products .p1{ font-size:26px;}	

.products ul li{ font-size:16px;}

.products ul li span{ height:66px;}

.products ul li font{ height:44px;}

.products-t{ font-size:20px;}

.products-p .p1{ font-size:26px; line-height:26px;}

.products-p .p2,.products-tit .p2{ font-size:32px;}

.products-tit .p1{ font-size:22px;}

.products ul li img{ height:100px;}


}

@media (max-width:640px){

.products ul li{ width:48%; margin:1% !important;}

.products{ margin-bottom:5%;}

.products-p .p1{ font-size:22px; line-height:22px;}

.products-p .p2,.products-tit .p2{ font-size:26px;}

.products-tit .p1{ font-size:18px;}

.products-tit nav{ display:none}

.products-p nav{ position:static; margin:5% 0; overflow:hidden;}

.products-p nav a{ margin-left:0; margin-right:15px;}

.products-p{ padding:10% 0 5% 0}

.thumb{ margin:7.5% 0; text-align:center;}

.thumb img{ width:80%; }

.products ul li img{ height:140px;}


}

@media (max-width:480px){

.products .p1{ font-size:20px;}	

.products .p2{ font-size:15px;}	

.products ul li{ font-size:13px;}

.products ul li span{ height:54px;}

.products ul li font{ height:36px;}

.products-p .p1{ font-size:18px; line-height:18px;}

.products-p .p2,.products-tit .p2{ font-size:20px;}

.products-tit .p1{ font-size:15px;}

.des p{ width:100%; margin:2.5% 0 !important;}

.des{ padding-bottom:7.5%; margin-bottom:7.5%}

.products-t{ font-size:18px; margin-top:10%;}

.tables table{ font-size:14px; margin:10% 0;}

.des p.cn{ font-size:14px;}

.des p.en{ font-size:13px;}

.products ul li img{ height:100px;}

}

@media (max-width:320px){

.products ul li span{ height:auto;}

.products ul li font{ height:auto;}

.products ul li{ width:98%; padding:7.5%; font-size:14px;}

.products .p1{ font-size:17px;}	

.products .p2{ font-size:14px;}	

.products ul li img{ height:auto}

}