@charset "utf-8";
/* CSS Document */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }
body{margin:0; padding:0; font-size:12px; line-height:25px; color:#4b4c4d;}
ul{margin:0; padding:0;}
li{margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,p{margin:0; padding:0;}
.clear{clear:both;}
a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }
a:hover { background-repeat: no-repeat; text-decoration: none; }
a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }
#top{background-color:#d8d9d9; padding:20px 0; height:77px;}
#top .topleft{float:left; margin-left:15%;}
#top .topright{float:right; margin-right:15%; width:1000px; padding-top:30px;}
#top .topright .toprightleft{float:left;}
#top .topright .toprightright{float:right; width:200px;}
#top .topright .toprightleft input{background-color:#edeee5; border:#d8d9d9 solid 1px; height:30px; line-height:30px; width:600px;}

#indexa{ width:100%; margin:20px auto; }
#indexa .indexaleft{float:left; width:32%; background-color:#f1f1f4; padding:20px 2%; height:450px;}
#indexa .indexacenter{float:left;width:32%; margin-left:2%; margin-right:2%; background-color:#fff;padding:0; border:#d9e1f4 solid 1px; height:450px;}
#indexa .indexaright{float:right; width:32%; background-color:#f1f1f4;padding:20px 2%; height:450px;}
#indexa .bm{border:#0037b5 solid 1px; width:80px; text-align:center; height:32px; line-height:32px; display:block; margin:10px 0;}
#indexa .indexacenter .jjfa{background-color:#fff; padding:15px 20px; color:#333; }
#indexa .indexacenter .jjfa h2{color:#333; margin-bottom:10px;}
#indexa .bmb{border:#0037b5 solid 1px; width:80px; text-align:center; height:32px; line-height:32px; display:block; margin:10px 0;}
#indexa .indexacenter .fwzc{padding:15px 0px; }
#indexa .indexacenter .fwzc p{margin:20px 20px;}
#indexa .indexacenter .fwzc h2{margin:0px 20px;}
#indexa .bmba{ background-color:#0037b5; width:100%; text-align:center; height:52px; line-height:52px; display:block; color:#FFF; font-size:16px;}
#indexa .indexaright h2{margin-bottom:10px;}
#indexa .indexaleft h2{margin-bottom:10px;}
#indexa .indexaleft .padd{padding:15px 0;}
#indexa .indexaright h3{ margin:0; font-weight:100; font-size:14px;}
#indexa .indexaright ul{}
#indexa .indexaright ul li{margin-bottom:20px;}
#product{ width:100%; margin:40px auto 60px auto;}
#product h2{margin-bottom:30px; margin-left:0%; text-align:center; font-size:28px;}
#product ul{ width:100%; display:block;}
#product ul li{float:left; width:24%; margin-left:1.2%;display:block; padding:0;  border:#d9e1f4 solid 1px; box-shadow:3px 1px 3px 1px #ddd;  }
#product ul li img{width:100%;}
#product ul li h3{font-size:16px; margin:10px 0 0 0; padding:10px 20px 10px 20px; background-color:#fff; color:#666; text-align:center; font-weight:bold;}
#product ul li:first-child {margin-left:0%; }
#product ul p{padding:10px 20px 30px 20px; line-height:22px;}
.headtop{background-color:#70462e; height:30px; line-height:30px; color:#FFF; padding-left:3%;}

#product ul li { overflow: hidden; }
#product ul li .image { display: block; width: 100%; position: relative; overflow: hidden; }
#product ul li .image img { display: block; width: 100%;  -webkit-transition: all 0.9s; -o-transition: all 0.9s; -moz-transition: all 0.9s; transition: all 0.9s;  }
#product ul li .image:before { content: ''; display: block; width: 100%;}

#product ul li a:hover .image:after {  content: ''; opacity: 1; visibility: visible; transform:transform 0.1 ease}
#product ul li a:hover .image img { transform: scale(1.2)}
#product ul li a:hover h3{font-size:16px; margin:10px 0 0 0; padding:10px 20px 10px 20px; background-color:#0037b5; color:#fff;}
@media (max-width: 800px) {
	
#indexa{ width:100%; margin:20px auto; }
#indexa .indexaleft{width:100%; background-color:#f1f1f4; padding:10px 5%; margin-bottom:10px;}
#indexa .indexaleft img{width:100%;}
#indexa .indexacenter{width:100%; margin-left:0%; margin-right:0%; background-color:#f1f1f4;padding:10px 5%; margin-bottom:10px;}
#indexa .indexaright{width:100%; background-color:#f1f1f4;padding:10px 5%; margin-bottom:10px;}
#indexa .bm{border:#70462e solid 1px; width:80px; text-align:center; height:32px; line-height:32px; display:block; margin:10px 0;}
#indexa .indexacenter .jjfa{background-color:#d9e1f4; padding:15px 20px; color:#333; }
#indexa .indexacenter .jjfa h2{color:#FFF; margin-bottom:10px;}
#indexa .bmb{border:#fff solid 1px; width:80px; text-align:center; height:32px; line-height:32px; display:block; margin:10px 0;}
#indexa .indexacenter .fwzc{padding:15px 20px; }
#indexa .indexacenter .fwzc p{margin:20px 0;}
#indexa .bmba{ background-color:#70462e; width:100%; text-align:center; height:52px; line-height:52px; display:block; color:#FFF; font-size:16px;}
#indexa .indexaright h2{margin-bottom:10px;}
#indexa .indexaleft h2{margin-bottom:10px;}
#indexa .indexaright h3{ margin:0; font-weight:100; font-size:14px;}
#indexa .indexaright ul{}
#indexa .indexaright ul li{margin-bottom:20px;}
#product{ width:100%; margin:20px auto 20px auto;}
#product h2{margin-bottom:20px; margin-left:5%; font-size:20px;}
#product ul{ width:100%; display:block;}
#product ul li{float:none; width:90%; margin-left:5%;display:block; border:#CCC solid 1px; padding:2%; margin-bottom:10px;}
#product ul li img{width:100%;}
#product ul li h3{font-size:16px;}
#product ul li:first-child {margin-left:5%; }
#product ul li:nth-child(1){border-right:#d9e1f4 solid 1px;}
#product ul li:nth-child(2){border-right:#d9e1f4 solid 1px;}
#product ul li:nth-child(3){border-right:#d9e1f4 solid 1px;}
.inside-productdd { padding-top: 30px; padding-bottom:30px; }	
	
	}