@charset "utf-8";
/* CSS Document */


.wrap{ width:1000px; margin:0 auto; background:url(../images/bg_bg.png) repeat-x #fff; padding-bottom:20px;}

.about{ height:190px; position:relative; padding-top:148px;}
.about h3{ width:1056px; height:126px; background:url(../images/title01.png) no-repeat; position:absolute; left:-56px; top:22px;}
.about p{ line-height:22px; width:688px; height:151px; margin:0 auto; padding:15px 0 0 282px; background:url(../images/about.jpg) no-repeat;}
.about p img{ float:left; margin-right:10px;}

.product{ height:285px; position:relative; padding-top:165px;}
.product h3{ width:1056px; height:126px; background:url(../images/title02.png) no-repeat; position:absolute; left:-56px; top:22px;}
.product dl{ float:left; position:relative;}
.product dl a img{ width:148px; height:96px; border:solid 4px #e5e5e5; position:absolute;}
.product dl a:hover img{ border:solid 4px #1596c9;}
.product dt{ width:300px; position:absolute; font-size:16px; height:30px; line-height:30px;}
.product dt a{ color:#1596c9;}
.product dt a:hover{ text-decoration:underline;}
.product dd{ width:300px; position:absolute; line-height:22px;}
.product .pro1{ width:489px; height:124px; border-right:solid 1px #1596c9; border-bottom:solid 1px #1596c9; margin-left:10px;}
.product .pro1 a img{ top:0; right:20px;}
.product .pro1 dt{ left:0; top:0;}
.product .pro1 dd{ left:0; top:30px;}
.product .pro2{ width:489px; height:124px; border-bottom:solid 1px #1596c9; margin-right:10px;}
.product .pro2 a img{ top:0; left:20px;}
.product .pro2 dt{ left:188px; top:0;}
.product .pro2 dd{ left:188px; top:30px;}
.product .pro3{ width:489px; height:124px; border-right:solid 1px #1596c9; margin-left:10px;}
.product .pro3 a img{ top:20px; right:20px;}
.product .pro3 dt{ left:0; top:20px;}
.product .pro3 dd{ left:0; top:50px;}
.product .pro4{ width:489px; height:124px; margin-right:10px;}
.product .pro4 a img{ top:20px; left:20px;}
.product .pro4 dt{ left:188px; top:20px;}
.product .pro4 dd{ left:188px; top:50px;}

.case{ height:438px; position:relative; padding-top:148px;}
.case h3{ width:1056px; height:126px; background:url(../images/title03.png) no-repeat; position:absolute; left:-56px; top:22px;}
.case dl{ width:965px; height:183px; margin:20px auto 0; position:relative;} 
.case dl a img{ width:267px; height:174px; border:solid 4px #e5e5e5;}
.case dl a:hover img{ border:solid 4px #1596c9;}
.case dl dt{ width:675px; font-size:24px; height:50px; line-height:50px; position:absolute; border-bottom:dashed 1px #1596c9; top:0; right:0;}
.case dl dt a{ color:#1596c9;}
.case dl dt a:hover{ text-decoration:underline;}
.case dl dd{ width:675px; font-size:16px; line-height:30px; position:absolute; top:60px; right:0;}

.news{ height:312px; position:relative; padding-top:148px;}
.news h3{ width:1056px; height:126px; background:url(../images/title04.png) no-repeat; position:absolute; left:-56px; top:22px;}
.news ul{}
.news li{ float:left; width:470px; height:77px; position:relative; margin:20px 0 0 20px;}
.news li h6{ width:90px; height:65px; background:#1999ce; color:#fff; font-size:18px; text-align:center; line-height:30px; padding-top:12px;}
.news li h6 strong{ font-size:30px; font-weight:normal;}
.news li dl{ position:absolute; width:360px; height:67px; background:#eeeeee; top:0; right:0; padding:5px 10px;}
.news li dt{ border-bottom:dashed 1px #ccc; line-height:24px;}
.news li dt a{ font-size:14px; color:#1596c9;}
.news li dt a:hover{ text-decoration:underline;}
.news li dd{ color:#999; line-height:18px; margin-top:3px;}