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

.neck{ width:100%; height:380px; background:#f2f2f2; padding-top:20px;}
.neck ul{ width:987px; margin:0 auto;}
.neck li{ float:left; width:289px; height:215px; margin:0 20px 25px;}
.neck li a p{ font-size:20px; text-align:center; height:47px; line-height:47px; background:#9d9d9d; color:#fff;transition:background-color .3s; -webkit-transition:background-color .3s; -moz-transition:background-color .3s; -o-transition:background-color .3s;}
.neck li a:hover p{ background:#d6200a;}
.neck h5{ font-size:25px; color:#0e0e0e; text-align:center; line-height:40px;}
.neck h5 span{ font-size:14px; color:#636363;}
.neck h5 a{ display:block; width:117px; height:32px; text-align:center; line-height:32px; background:#fff; color:#000; font-size:14px; margin:10px auto 0; transition:background-color .3s; -webkit-transition:background-color .3s; -moz-transition:background-color .3s; -o-transition:background-color .3s;}
.neck h5 a:hover{ background:#d6200a; color:#fff;}

.search{ width:100%; height:98px; background:#dbd8d8; padding-top:32px;}
.search form{ width:286px; height:40px; background:url(../images/search.png) no-repeat; margin:0 auto; padding:1px;}
.search form .txt{ width:228px; height:40px; line-height:40px; font-size:12px; color:#bababa; text-indent:10px; border:none 0; background:none;}
.search form .btn{ width:56px; height:40px; cursor:pointer; background:none; border:none 0; }
.search h1{ font-size:12px; text-align:center; height:30px; line-height:30px; margin-top:10px;}
.search h1 span{ font-weight:bold;}
.search h1 a{ color:#d6200a; margin:0 5px;}

.case{ width:1000px; margin:30px auto 0; background:url(../images/title.png) no-repeat;}
.case h3{ font-size:20px; color:#fff; text-indent:17px; height:41px; line-height:41px;} 
.case p{ width:200px; float:left; line-height:24px; margin:10px 0 0; color:#adadad; padding-left:10px;}
.case p span{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; line-height:40px;}
.case p a{ display:block; width:90px; height:28px; line-height:28px; background:url(../images/more.png) repeat-x; text-align:center; color:#252525; margin:20px 0 0 10px;}
#case{ width:764px; height:210px; overflow:hidden; margin:20px 0 0 0; float:right;} 
#case li{ text-align:center;float:left; width:240px; height:210px; margin-right:20px; font-size:14px;}
#case li span{ font-size:12px; color:#909090;}
#case li a:hover span{ color:#d6200a;}
#case img {width:240px; height:160px; margin-bottom:5px;}
#case a:hover{ text-decoration:none;}
#incase{float: left;width: 800%; }
#case1,#case2{height:170px;float:left; display:inline-table;}


.product{ width:1000px; margin:30px auto 0; background:url(../images/title.png) no-repeat;}
.product h3{ font-size:20px; color:#fff; text-indent:10px; height:41px; line-height:41px;} 
.product p{ width:200px; float:left; line-height:24px; margin:10px 0 0; color:#adadad; padding-left:10px;}
.product p span{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; line-height:40px;}
.product p a{ display:block; width:90px; height:28px; line-height:28px; background:url(../images/more.png) repeat-x; text-align:center; color:#252525; margin:20px 0 0 10px;}
#pro{ width:764px; height:210px; overflow:hidden; margin:20px 0 0 0; float:right;} 
#pro li{ text-align:center;float:left; width:240px; height:210px; margin-right:20px; font-size:14px;}
#pro li span{ font-size:12px; color:#909090;}
#pro li a:hover span{ color:#d6200a;}
#pro img {width:240px; height:160px; margin-bottom:5px;}
#pro a:hover{ text-decoration:none;}
#inpro{float: left;width: 800%; }
#pro1,#pro2{height:170px;float:left; display:inline-table;}

.ad{ width:100%; height:139px; margin:20px 0; background:url(../images/ad.jpg) no-repeat center 0 #050c29;}

.ac{ width:100%; height:313px; background:#f2f2f2;}
.ac .box{ width:1000px; margin:0 auto;}
.about{ width:370px; float:left;} 
.ac h3{ font-size:20px; text-align:center; margin-top:25px;}
.about p{ margin:15px 0; line-height:30px; text-indent:2em; border-bottom:solid 1px #a0a0a0; padding-bottom:20px;}
.about a{ font-size:16px; padding-right:20px; background:url(../images/icon03.png) no-repeat right 5px;}
.news{ width:370px; float:left; margin:0 25px;}
.news dl{ margin-top:20px;} 
.news dt{ width:59px; height:44px; background:#cb010f; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding-top:10px; float:left; margin-top:3px;}
.news dt span{ font-size:24px;}
.news dd{ width:295px; float:right;}
.news dd a{ color:#d6200a;}
.news dd a:hover{ text-decoration:underline;}
.news ul{ margin-top:10px;}
.news li{ line-height:30px; border-bottom:dashed 1px #ccc; background:url(../images/icon02.png) no-repeat 0 12px; text-indent:10px;}
.news li span{ float:right; color:#b0b0b0;}
.contact{ width:210px; height:253px; background:#d6200a; float:left; padding:30px 0; color:#fff;}
.contact dl{ width:200px; margin:0 auto 10px; border-bottom:dashed 1px #fff; padding-bottom:20px; color:#fff;}
.contact dt{ font-size:16px; margin-left:20px; text-indent:27px;}
.contact .c1{ background:url(../images/tel.png) no-repeat 0 0; height:23px; line-height:23px;}
.contact dd{ margin-left:47px; line-height:24px;}
.contact dd span{ padding-left:29px;}
.contact .c2{ background:url(../images/add.png) no-repeat 0 0; height:33px; line-height:33px;}
.contact .c3{ background:url(../images/mail.png) no-repeat 0 0; height:17px; line-height:17px; text-indent:30px; margin-left:22px;}
.contact .c3 a{ color:#fff;}
.contact .c3 a:hover{ text-decoration:underline;}

.foot{ width:100%; text-align:center; background:#111; color:#fff; line-height:24px; margin-top:50px; padding-bottom:10px;}
.foot h3{ width:100%; height:44px; line-height:44px; font-size:14px; background:#3a3a3a;}
.foot h3 a{ margin:0 10px; color:#fff;}
.foot a:hover{ color:#d6200a;}
.foot p{ width:800px; margin:10px auto 0;}
.foot p a{ color:#fff;}