@charset "utf-8";
/* Banner */
.banner { position:relative; width:1920px; position:relative; left:50%; margin-left:-960px; }
.product{ width:100%; position:relative; z-index:2; padding-bottom:50px}
.product .nr{ width:1200px; margin:0 auto}
.product .nr .lt{ width:272px; float:left; margin-top:-52px; box-shadow:0 0 15px rgba(00,000,00,.2)}
.product .nr .rt{ width:886px; float:right; margin-top:5px;}
.product .nr .lt .s1{ width:272px;}
.product .nr .lt .s2{ width:272px; border-bottom:3px solid #003f6a; padding:35px 0}
.product .nr .lt .s2 dl{ margin-left:50px}
.product .nr .lt .s2 dl dt{ line-height:75px; height:75px; font-size:18px; color:#333; padding-left:40px}
.product .nr .lt .s2 dl dt a{ color:#333}
.product .nr .lt .s2 dl dt.on a,.product .nr .lt .s2 dl dt:hover a{ color:#003f6a}
.product .nr .lt .s2 dl dt.dt1{ background:url(x1.png) left center no-repeat; background-size:30px}
.product .nr .lt .s2 dl dt.dt2{ background:url(x2.png) left center no-repeat; background-size:30px}
.product .nr .lt .s2 dl dt.dt3{ background:url(x3.png) left center no-repeat; background-size:30px}
.product .nr .lt .s2 dl dt.dt4{ background:url(x4.png) left center no-repeat; background-size:30px}
.product .nr .lt .s2 dl dt.dt5{ background:url(x5.png) left center no-repeat; background-size:30px}
.product .nr .lt .s2 dl dt.dt6{ background:url(x6.png) left center no-repeat; background-size:30px}
.product .nr .lt .s2 dl dt.dt1.on,.product .nr .lt .s2 dl dt.dt1:hover{ background:url(x1_1.png) left center no-repeat; background-size:30px}
.product .nr .lt .s2 dl dt.dt2.on,.product .nr .lt .s2 dl dt.dt2:hover{ background:url(x2_1.png) left center no-repeat; background-size:30px}
.product .nr .lt .s2 dl dt.dt3.on,.product .nr .lt .s2 dl dt.dt3:hover{ background:url(x3_1.png) left center no-repeat; background-size:30px}
.product .nr .lt .s2 dl dt.dt4.on,.product .nr .lt .s2 dl dt.dt4:hover{ background:url(x4_1.png) left center no-repeat; background-size:30px}
.product .nr .lt .s2 dl dt.dt5.on,.product .nr .lt .s2 dl dt.dt5:hover{ background:url(x5_1.png) left center no-repeat; background-size:30px}
.product .nr .lt .s2 dl dt.dt6.on,.product .nr .lt .s2 dl dt.dt6:hover{ background:url(x6_1.png) left center no-repeat; background-size:30px}

.product .nr .lt .s2 dl dd{ margin-left:40px; line-height:28px; color:#333333; font-size:14px}
.product .nr .lt .s2 dl dd a{ color:#333}
.product .nr .lt .s2 dl dd.on,.product .nr .lt .s2 dl dd:hover{ background:url(g_29.jpg) left center no-repeat; padding-left:38px;}
.product .nr .lt .s2 dl dd.on a,.product .nr .lt .s2 dl dd:hover a{ color:#003f6a}
.product .nr .rt .s1{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #d4d4d4}
.product .nr .rt .s1 h3{ width:300px; float:left; font-size:24px; color:#333333; font-weight:normal}
.product .nr .rt .s1 .s1_1{ float:right; font-size:16px; color:#333}
.product .nr .rt .s1 .s1_1 a{ color:#333}
.product .nr .rt .s1 .s1_1 a.on{ color:#003f6a}
.product .nr .rt .s2{ width:950px;}
.product .nr .rt .s2 .pics{ width:280px; float:left; margin-top:25px; margin-right:23px}
.product .nr .rt .s2 .pics .pic{ width:278px; border:1px solid #d6d6d6; overflow:hidden}
.product .nr .rt .s2 .pics .pic img{transition:All 1s linear;    -webkit-transition:All 1s linear;    -moz-transition:All 1s linear;    -o-transition:All 1s linear;}
.product .nr .rt .s2 .pics .pic:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}

.product .nr .rt .s2 .pics .title{ width:100%; text-align:center; font-size:18px; color:#333; line-height:55px}
.product .nr .rt .s2 .pics .title a{ color:#333}
.product .nr .rt .s2 .pics .more{ width:100%; text-align:center}
.product .nr .rt .s2 .pics .more a{ display:inline-block; vertical-align:top; width:86px; height:25px; border:1px solid #d2d2d2; line-height:25px; font-size:12px; color:#333; border-radius:14px; margin:0 10px}
.product .nr .rt .s2 .pics:hover .pic{ border:1px solid #003f6a}
.product .nr .rt .s2 .pics:hover .title a{ color:#003f6a}
.product .nr .rt .s2 .pics .more a:hover { border:1px solid #003f6a; color:#003f6a}


/* 分页 */
.page { padding:0 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #0063be; background:#0063be; color:#fff; }