/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=363255");
@import url("flag.css?v=106");
@import url("page.css?v=106");
/****************************smt æµç¨‹*******************************************/
.sub_next_ul li a:before{ background-image:url(../images/smt/1.png)}
.sub_next_ul li.on a:before{ background-image:url(../images/smt/1on.png)}
.sub_next_ul li.icon01 a:before{ width:32px; background-position:left center}
.sub_next_ul li.icon02 a:before{ width:37px; background-position:-39px center}
.sub_next_ul li.icon03 a:before{ width:33px; background-position:-78px center}
.sub_next_ul li.icon04 a:before{ width:33px; background-position:-115px center}
.sub_next_ul li.icon05 a:before{ width:36px; background-position:-153px center}
.sub_next_ul li.icon06 a:before{ width:36px; background-position:-195px center}
.sub_next_ul li.icon01 a{ padding-left:42px;}
.sub_next_ul li.icon02 a{ padding-left:47px;}
.sub_next_ul li.icon03 a{ padding-left:43px;}
.sub_next_ul li.icon04 a{ padding-left:43px;}
.sub_next_ul li.icon05 a{ padding-left:46px;}
.sub_next_ul li.icon06 a{ padding-left:46px;}
.sub_next_ul li{ margin-right:40px}
/**/
#components_container{padding-left: 50px;padding-right: 50px;}

.components_lt{ float:left; width:1065px;}
.components_rt{ float:right; width:300px;}
.introduction_desc{ font-size:18px; line-height:1.4}
.wz_h2{ font-size:40px; color:#119466; font-weight:bold; text-transform:uppercase; line-height:1.2}
.introduction_desc img{ max-width:100%; height:auto; vertical-align:top}
.introduction_bg{ background:#f2f4f5; padding:25px}
.control_desc{ margin-top:80px; font-size:18px; line-height:1.4}
.control_ul li{ float:left; width:32%; margin-right:1.3333%; margin-bottom:1.6%; text-align:center}
.control_ul li:nth-child{3n}{ margin-right:0}
.control_ul li p{ display:block; font-size:18px; font-size:1.2; padding:0 15px}
.control_ul li .thumb img{ max-width:100%; height:auto}
.control_ul li .thumb{ margin-bottom:10px}
.supply_desc{margin-top:80px; font-size:18px; line-height:1.4; background:#ededed; padding:35px}
.supply_desc img{ max-width:100%; height:auto}
.product_desc{margin-top:80px; font-size:18px; line-height:1.4;}
.product_display{font-size:18px; line-height:1.4;}
.product_display li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; text-align:center}
.product_display li:nth-child(4n){ margin-right:0}
.product_display li .thumb{ margin-bottom:15px}
.product_display li .thumb img{ max-width:100%; height:auto}
.product_display li b{ display:block;}
.product_display li p{ display:block; font-size:16px; line-height:1.2; padding-top:10px}
/**/
.category_title{ font-size:20px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #ddd}
.category_sub li{ margin-top:20px}
.category_sub li a{font-size:18px;color:#119466;font-weight:bold;display:block;position:relative;padding-left:15px;text-transform: capitalize;}
.category_sub li a:before{ width:6px; height:6px; background:#119466; content:""; display:block; position:absolute; left:0; top:12px}
.category_sub li p a{ display:block; color:#555; font-size:16px; font-weight:normal}
.category_sub li p a:before{ background:#666;-webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; width:4px; height:4px; top:13px}
.category_sub li p{ margin-top:5px; display:block}
.category_sub li p.on a,.category_sub li p a:hover{ color:#119466}
.category_sub li p.on a:before{ background:#119466}
@media(max-width:1674px){
.components_lt{ width:75%}
.components_rt{ width:25%; padding-left:50px}
}
@media(max-width:1180px){
.wz_h2{ font-size:30px; line-height:1.2}
.components_lt{ width:100%}
.components_rt{ display:none}
#components_container{ padding:60px 0;padding-left: 20px;padding-right: 20px;}
}