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

.mainbanner{height:424px;overflow:hidden; position:relative; *margin:-6px 0 0 0;}
.mainbanner_window{left:50%;width:1920px;height:400px;overflow:hidden;margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:400px;position:relative;}
.mainbanner_window li{background:#fff;width:1920px;height:400px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{ width:210px; left:50%; margin-left:-105px; top:420px;height:4px;position:absolute;}
.mainbanner_list li{width:60px;height:4px;overflow:hidden;float:left;display:inline; margin:0 5px;}
.mainbanner_list a{width:60px;height:4px; display:block; background:#999;}
.mainbanner_list li.active a{ background:#e32527;}

.classify{ width:995px; height:212px; margin:54px auto 0; overflow:hidden;}
.classify li{ margin:0 10px; text-align:center; font-size:20px; float:left;}
.classify li a{ width:179px; display:block; padding-top:190px; color:#303030;}
.classify li a:hover{ color:#ce130a;}
.classify .c1 a{ background:url(../images/c1.jpg) no-repeat 0 0;}
.classify .c1 a:hover{ background:url(../images/c1.jpg) no-repeat -179px 0;}
.classify .c2 a{ background:url(../images/c2.jpg) no-repeat 0 0;}
.classify .c2 a:hover{ background:url(../images/c2.jpg) no-repeat -179px 0;}
.classify .c3 a{ background:url(../images/c3.jpg) no-repeat 0 0;}
.classify .c3 a:hover{ background:url(../images/c3.jpg) no-repeat -179px 0;}
.classify .c4 a{ background:url(../images/c4.jpg) no-repeat 0 0;}
.classify .c4 a:hover{ background:url(../images/c4.jpg) no-repeat -179px 0;}
.classify .c5 a{ background:url(../images/c5.jpg) no-repeat 0 0;}
.classify .c5 a:hover{ background:url(../images/c5.jpg) no-repeat -179px 0;}

.pro{ width:100%; background:#f0f0f0; margin-top:60px;  height:433px;}
h3{ font-size:18px; color:#20304a; text-align:center; line-height:35px; padding-top:30px;}
h3 span{ font-size:30px; color:#ce130a; font-family:Arial, Helvetica, sans-serif;}

#pro{ width:1000px; overflow:hidden; margin-top:20px;} 
#pro li{ text-align:center;float:left; width:235px; height:276px; margin-right:20px;  font-size:14px;}
#pro img{width:235px; height:157px;}
#pro h2 a{ color:#fff; background:url(../images/pro_hover.jpg) no-repeat 0 -63px; display:block; width:235px; height:63px; line-height:63px; font-size:14px; font-weight:normal;}
#pro h2 a:hover{ background:url(../images/pro_hover.jpg) no-repeat;}
#pro h4 a p{ width:235px; height:56px; line-height:56px; color:#fff; font-weight:normal; background:#20304a;}
#pro h4 a:hover p{ background:#ce130a;}
#inpro{float: left;width: 800%; }
#pro1,#pro2{height:276px;float:left; display:inline-table;}

.about{ width:610px; border-right:solid 1px #dedede; padding:20px 40px 15px 0; margin-top:28px; float:left;}
.about img{ float:left; margin:0 20px 10px 0;}
.about h4{ font-size:36px; color:#636363; font-weight:normal; line-height:60px; margin-bottom:13px;}
.about a{ width:77px; height:25px; text-align:center; line-height:25px; color:#fff; display:block; float:left; background:url(../images/about_hover.png) no-repeat 0 0; margin-right:13px;}
.about a:hover{ background:url(../images/about_hover.png) no-repeat 0 -25px;}
.about p{ text-indent:2em; line-height:24px;}
.video{ width:294px; height:238px; float:right; background:#000; margin-top:34px;}

.ns{ width:100%; height:382px; background:#f0f0f0; margin-top:48px;}
.ns ul{ width:380px; float:left; margin:20px 0 0 46px;}
.ns li{ line-height:28px; border-bottom:dotted 1px #aaa; background:url(../images/icon.png) no-repeat 0 8px; text-indent:15px;} 
.ns li span{ float:right;}
.ns p{ width:385px; float:right; margin:20px 46px 0 0; line-height:29px;}

.case{ width:702px; float:left; margin-top:20px;}
.case li{ width:204px; margin:0 15px; float:left; margin-bottom:20px;}
.case li img{ width:196px; height:129px; padding:3px; border:solid 1px #ddd;}
.case li a h4{ width:204px; height:29px; line-height:29px; font-size:14px; font-weight:normal; color:#fff; background:#20304a; margin-top:2px; text-indent:10px;}
.case li a:hover h4{ background:#ce130a;}
.case li p{ width:204px;  height:25px; line-height:25px; background:#f0f0f0; color:#ce130a; text-indent:10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.contact{ width:273px; height:406px; background:#20304a; float:right; margin-top:20px;}
.contact h4{ height:80px; background:url(../images/contact_tel.png) no-repeat 188px 22px #ce130a; color:#fff; font-size:22px; font-weight:normal; font-style:italic; padding:17px 0 0 14px; line-height:35px;}
.contact h4 span{ font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:25px;}
.contact p{ width:243px; margin:10px auto 0; color:#fff; line-height:24px; font-size:14px;}
.contact p a{ color:#fff; text-decoration:underline;}