@charset "utf-8";

/*-----HOME CSS-----*/
img{border:none; max-width:100%;}
.mb20{ margin-bottom:20px;}

.prodclass{ padding:20px 0 20px 0; overflow:hidden;}
.prod_class{ overflow:hidden; margin-top:50px; text-align:center;}
.prodclass h3{ font-family:"Oswald"; font-weight:400; line-height:24px; font-size:16px; text-align:center; color:#000; margin:10px 0; padding:0;}
.prodclass .prod_class_img{  width:100%; margin:0 auto;}
.prodclass .prod_class_img img{ border-radius:50%; padding:5px; border:3px solid #00ACE8;}
.prodclass .prod_class a:hover h3{ color:#00ACE8;}


.about{ padding:20px 0 50px 0;  overflow:hidden;}
.about h2{ font-family:"Oswald"; font-weight:400; line-height:44px; font-size:26px; color:#333; position:relative;}
.about h2 span{ float:right;}
.about h2 span a{ padding:3px 10px; background:#F60; font-size:14px; color:#fff;}
.about_box{ overflow:hidden; margin-top:30px;}
.about p{ font-size:15px; line-height:29px;}
.about img.shadow{ box-shadow:1px 1px 5px 1px #ccc; margin:5px 0;}
.shipin{ width:388px; margin:0 auto;}
.shipin .video{ width:388px; height:290px;}


.honor{ padding:20px 0 50px 0; overflow:hidden;}
.honor h2{ font-family:"Oswald"; font-weight:400; line-height:44px; font-size:26px; color:#333; position:relative;}
.zs_item{ overflow:hidden; margin-top:30px;}
.zs_item img{ margin:10px 0; padding:1px; box-shadow:0 0 5px 2px #ccc;}


@media(max-width:768px){
.shipin{ width:300px; margin:0 auto;}
.shipin .video{ width:300px; height:250px;}

}