@charset "utf-8";
/* CSS Document */
#product .main{ width:100%; background:#fff; overflow:hidden;}
#product .main .top{ margin-bottom:95px;}
#product .main .title{ height:112px; width:100%; margin-top:47px;}
#product .main .title h2{margin-bottom:14px; font-size:34px; text-align:center; line-height:34px; font-weight:normal; color:#333;}
#product .main .title p{ font-size:16px; text-align:center; line-height:47px; color:#666;}
#product .main .top-list{ width:100%;}
#product .main .top-list ul{ overflow:hidden; padding:0 25.5px;}
#product .main .top-list ul li{ float:left; width:285px; overflow:hidden; margin:0 40px; position:relative;}
#product .main .top-list ul li .tl-b img{ width:285px; height:276px;}
#product .main .top-list ul li .tl-b p{ color:#666; line-height:30px; text-align:center;}
#product .main .top-list ul li .tl-t{ position:absolute; z-index:10; left:0; top:-100%; width:231px; padding:38px 27px 0; height:238px; color:#fff; background:url(../images/common/shade.jpg) no-repeat center; background-size:100% 100%; cursor:pointer; overflow:hidden; transition:top .4s ease;}
#product .main .top-list ul li:hover .tl-t{ top:0;}
#product .main .top-list ul li .tl-t h3{ font-size:18px; text-align:center; line-height:30px; margin-bottom:20px;}
#product .main .top-list ul li .tl-t p{ font-size:12px; line-height:18px;}
#product .main .bottom-list ul li{ margin-bottom:100px;}
#product .bl-space{ overflow:hidden;}
#product .bls-left{ float:left; width:50%; min-height:10px;}
#product .bls-right{ float:left; width:50%; min-height:10px;}
#product .bls-text{padding-top:50px;}
#product .bl-space img{ max-width:100%; margin:0 auto; display:block;}
#product .bl-space h3{ min-height:18px; margin:50px 0 30px 60px; font-size:22px; font-weight:normal; color:#666; line-height:24px; text-align:left;}
#product .bl-space p{ min-height:18px; margin-left:60px; font-size:18px; color:#666; line-height:24px; text-align:left;}