/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=363255");
@import url("page.css?v=106");
/********************************************************************/
.banner_area * { color:#fff }
/**/
.category_sub { background:#fff; border-bottom:1px solid #b3b3b3; text-align:center; padding:15px 0 }
.category_sub a { display:inline-block; padding:15px; margin:5px 15px; font-size:16px; color:#1e1e1e }
.category_sub a:hover, .category_sub a.on { color:#3963ef }
.item_product { padding:100px 0; background:#f1f1f1 }
.h2_title_desc { margin-bottom:50px; }
.product_desc { text-align:center; margin-bottom:80px; color:#303030; font-size:18px; line-height:1.8; padding:0 25px; }
#pro_ulist * { transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
}
#pro_ulist li { width:32%; margin-right:2%; position:relative; margin-bottom:4%; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; background:#fff; padding-bottom:0px; transform: scale(1); -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; }
#pro_ulist li:nth-child(3n) {
margin-right:0
}
#pro_ulist li .thumb img { -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; display:block; width:100%; height:auto; -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); 
-webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; 
-webkit-border-bottom-left-radius:0px; border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; 
-webkit-border-bottom-right-radius:0px; border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; 
}
#pro_ulist li .thumb { overflow:hidden; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; 
-webkit-border-bottom-right-radius:0px; border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px;}
#pro_ulist li b { display:block; padding:20px; background:#fff; text-align:center; color:#202021; font-size:18px; width:100%; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; }
#pro_ulist li a { display:block }
#pro_ulist li:hover b { background:#3963ef; color:#fff }
#pro_ulist li:hover b:after { background:url(../images/st.png) no-repeat center center; height:13px; margin-top:10px; content:""; display:none }
#pro_ulist li:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.pro_title{ text-align:center; font-size:25px; line-height:1.8; margin-bottom:35px}
.pro_info{ margin-top:35px; font-size:16px; line-height:1.8}
.pro_thumb{ text-align:center;}
.pro_thumb img,.pro_info img{ max-width:100%; height:auto}
@media(max-width:1674px){
.item_product{ padding:100px 85px}
}

@media(max-width:1360px){
.item_product{ padding:80px 50px}
#pro_ulist li b{ font-size:16px; padding:15px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.product_desc{ font-size:16px}
}
@media(max-width:900px){
.category_sub{ padding-left:50px; padding-right:50px}	
.category_sub a{width:32%; text-align:center; padding:10px; margin:5px 0;border:1px solid #eee;-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}
#pro_ulist li{ width:48%; margin-right:4%;}
#pro_ulist li:nth-child(3n){ margin-right:4%}
#pro_ulist li:nth-child(2n){ margin-right:0%}
.product_desc{ margin-bottom:50px}
}
@media(max-width:600px){
.item_product{ padding:50px 25px}
.category_sub{ padding-left:25px; padding-right:25px}	
.category_sub a{ width:49%; font-size:14px}
.category_sub a.on{ border-color:#3963ef}
#pro_ulist li b{ font-size:14px}
}
@media(max-width:400px){
#pro_ulist li{ width:100%; margin-right:0%; margin-bottom:6%}
#pro_ulist li:nth-child(3n){ margin-right:0%}
#pro_ulist li:nth-child(2n){ margin-right:0%}
}