﻿@charset "utf-8";
/* CSS Document */
body {margin:0 auto;font-family:"宋体",Arial Narrow,arial,serif;background:url(../images/bg_1_14.jpg) repeat top center;font-size:14px; line-height:180%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
table{ margin:0 auto;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}   
caption,th {text-align:left;}  
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}   
a {color:#2b2b2b;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#ba2636;text-decoration:none;}
a:active {color:#ba2636;}
.fB{font-weight:bold;}
.fI{font-style: italic;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.left{float:left;}
.right{float:right;}
.hidden{display:none;}
.clear{clear:both;}
.maq8{margin-top:8px;}

#top{width:100%;background:url(../images/BG_01.jpg) repeat-x top left;}
#top dl{width:1002px;margin:0 auto;}
#top dl dt{float:left;font-size:12px;line-height:28px; background:url(../images/BG_04.jpg) no-repeat left center; padding-left:20px;}
#top dl dd{float:right;font-size:12px;line-height:28px;}
#top dl dd a{font-size:12px;line-height:28px;padding:0 5px;}

#header{width:100%;background:url(../images/BG_03.jpg) no-repeat center top; height:115px;}
#header dl{width:1002px;margin:0 auto;}
#header dl dt{float:left;width:558px;height:115px;}
#header dl dd{float:right;width:244px;height:115px; padding-right:10px;}

#navbg{width:100%;background:url(../images/BG_09.jpg) repeat-x left top;height:45px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{width:1002px;margin:0 auto;height:45px; line-height:45px; position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{float:left;float:left;  position:relative; display:inline;}
.nav .nLi h3{ background:url(../images/images/nav_1.jpg) no-repeat right center;padding-right:2px; white-space:nowrap;}
.nav .nLi h3 a{display:block; padding:0 40px 0 22px; font-size:14px;line-height:40px;font-weight:bold;padding-top:5px;}
.nav .sub{display:none; width:120px; left:0; top:45px;  position:absolute;background:url(../images/images/Nav_BG.gif) repeat;line-height:45px; text-align:center;}
.nav .sub li{padding:0 ;margin:0;zoom:1;}
.nav .sub a{ display:block; padding:0 10px;background:#000 url(../images/images/BG_15.gif) no-repeat left center;filter:alpha(opacity=70);opacity:0.7;}
.nav .sub a:hover{color:#fff;;background:#000 url(../images/images/BG_15.gif) no-repeat left center;filter:alpha(opacity=90);opacity:0.9;}
.nav .on h3{background:url(../images/images/nav_2.jpg) no-repeat right center; white-space:nowrap;}
.nav .on h3 a{color:#fff;}

#banner{width:100%;overflow:hidden;}
.slideBox{width:1440px;margin:0 auto; height:422px; overflow:hidden; position:relative;}
.slideBox .hd{ height:29px; overflow:hidden; position:absolute;left:50%;bottom:0;margin-left:300px; z-index:1;}
.slideBox .hd ul{zoom:1;float:left;background:#fff;filter:alpha(opacity=90);opacity:0.9;height:29px;padding:0 5px;}
.slideBox .hd ul li{float:left;margin:0 5px;  width:13px; height:29px; line-height:14px; text-align:center;background:url(../images/images/nb_05.jpg) no-repeat right center;cursor:pointer; }
.slideBox .hd ul li.on{background-position:left center; color:#fff; }
.slideBox .bd{width:100%;overflow:hidden;position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{width:1440px; height:422px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{float:left;width:29px; height:29px; background:url(../images/images/nb_01.jpg) no-repeat left center;}
.slideBox .next{background-position:right center; }


#products{width:1000px;margin:20px auto 0 auto;}
#products dl{background:url(../images/bg_32.jpg) repeat-x;height:25px;}
#products dl dt{float:left;background:#fff;margin-left:16px;padding:0 10px;font-size:15px;color:#585858;font-family:"微软雅黑";line-height:25px;}
#products dl dt span{font-size:18px;color:#0661bb;font-weight:bold;padding-right:10px;}
#products dl dd{float:right;background:#fff;padding:3px 5px;margin:1px 4px;}
#products dl dd a{display:block;background:url(../images/bg_35.gif) no-repeat center top;width:50px;height:17px;}

.picMarquee-left{width:1000px;height:245px;overflow:hidden; position:relative;}
.picMarquee-left .bd{padding:20px 0;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{background:url(../images/bg_40.jpg) no-repeat center top;float:left;padding:35px 10px 30px 10px;margin:0 4px;text-align:center;width:220px; }
.picMarquee-left .bd ul li a{font-size:12px;line-height:24px;}
.picMarquee-left .bd ul li a:hover{text-decoration:underline;color:#0661bb;}


#ad{width:1002px;margin:15px auto;background:url(../images/bg_48.jpg) no-repeat center top;height:90px;}

#Main{width:100%;background:url(../images/bg_50.jpg) repeat-x left top;}
.about{width:300px;float:left;padding-top:15px;}
.about ul li{font-size:12px;line-height:22px;}

.block dl{font-size:15px;font-family:"微软雅黑";color:#585858;line-height:32px;}
.block dl span{font-size:18px;color:#0661bb;font-weight:bold;line-height:32px;padding-right:10px;}
.block dl a{float:right;display:block;background:url(../images/bg_35.gif) no-repeat center top;width:50px;height:17px;margin-top:9px;}
.block ul{padding-top:5px;}
.block ul li span{float:right;}
.block ul li{color:#575757;}
.block ul img{padding-bottom:5px;}
.block ul li a{color:#575757;}
.block ul li a:hover{color:#0661bb;}

.Mspace{float:left;background:url(../images/bg_53.jpg) no-repeat right bottom;width:32px;height:364px;}

.News{width:325px;float:left;padding:15px 0 0 25px;}
.News ul li{font-size:12px;line-height:25px;background:url(../images/bg_67.jpg) left center no-repeat;padding-left:12px;}

.Case{width:263px;float:left;padding:15px 0 0 25px;}
.Case ul li{font-size:12px;line-height:25px;background:url(../images/bg_67.jpg) left center no-repeat;padding-left:12px;}

#Projects{width:1000px;margin:0 auto;margin-top:15px;}
.Pleft{float:left;width:760px;border:1px solid #e0e0e0;}
.Pleft dl{background:url(../images/bg_73.jpg) repeat-x left top;margin:1px;line-height:28px;font-size:12px;font-family:"微软雅黑";padding-left:10px;}
.Pleft dl span{font-size:15px;color:#0661bb;font-weight:bold;line-height:28px;background:url(../images/bg_79.jpg) left center no-repeat;padding-left:16px;padding-right:10px;}
.Pleft dl a{float:right;display:block;background:url(../images/bg_35.gif) no-repeat center top;width:50px;height:17px;margin: 6px 10px 0 0;*margin-right:5px;}
/* 本例子css */
		.picScroll-left{ width:740px;  overflow:hidden; }
		.picScroll-left .bd{ padding:15px 5px 0 5px; }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic a{display:block;text-align:center;width:220px; height:150px; border:1px solid #ccc; }
		.picScroll-left .bd ul li .pic{}
		.picScroll-left .bd ul li .pic img{max-width:220px; max-height:150px;width:expression(this.width > 220 ? "220px" : this.width);height:expression(this.height>150? "150px":this.height);padding:2px;}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title1{ line-height:28px; padding-bottom:10px;}

.Pright{float:left;width:226px;padding-left:10px;}
.Pright li{border:1px solid #e0e0e0;margin-bottom:8px;}

/*#Friend{width:1000px;margin:0 auto;margin-top:10px;}
#Friend dl{background:#dd5556;border:1px solid #0661bb;height:38px;}
#Friend dl dt{margin:1px;background:#0661bb;padding-left:10px;line-height:36px;font-size:15px;font-family:"微软雅黑";color:#fff;}
#Friend dl dt span{font-size:18px;padding-right:10px;}
#Friend dl dt a{float:right;display:block;background:url(../images/bg_35.gif) no-repeat center top;width:50px;height:17px;margin: 9px 20px 0 0;*margin-right:5px;}
#Friend ul{border:1px solid #e0e0e0;border-top:none;padding:4px;padding:5px 0px 5px 10px;}
#Friend ul li{float:left;padding-right:10px;width:110px;text-align:center;font-size:12px;line-height:18px;}
#Friend ul li img{float:left;border:1px solid #ccc;}*/

#footer{width:100%;background:#eee;margin-top:30px;}
#footer div{width:1002px;margin:0 auto;padding-top:20px;*padding-bottom:10px;}
#footer ul{width:820px;float:left;}
#footer li{float:left;padding:0 34px;border-right:1px solid #e1e1e1;height:150px;}
#footer li h3{font-size:14px;font-weight:bold;}
#footer li a{display:block;background:url(../images/bg_103.jpg) no-repeat left center;font-size:12px;line-height:24px;padding:0 10px;white-space:nowrap;height:24px;}
#footer li p{float:left;font-size:12px;line-height:24px;white-space:nowrap;}
.fabout{width:140px;}
.fproduction{width:180px;}
.fcontect{width:290px;}
#footer li.fcontect p{float:none;}

#footer dl{float:left;width:180px;text-align:center;font-size:12px;line-height:24px;}

#Copyright{background:#004f86;font-size:12px;line-height:28px;height:65px;width:100%;text-align:center;color:#fff;}
#Copyright a{ color:#FFF}
#IAd{width:100%;overflow:hidden;text-align: center;}
#IAd img{width:1440px;margin:0 auto;}

#Imain{width:1002px;margin:0 auto;padding-top:15px;}
.ImLeft{float:left;}
.ImLmenu{background:#1245AE url(../images/ibg_05.jpg) no-repeat top center;width:200px;padding-top:10px;}
.ImLmenu dl{text-align:center;background:url(../images/ibg_12.jpg) no-repeat bottom center;padding-bottom:20px;color:#fff;font-family:"微软雅黑";font-size:12px;line-height:24px;padding-top:5px;}
.ImLmenu dl span{font-size:22px;}
.ImLmenu ul{background:url(../images/ibg_14.jpg) no-repeat bottom center;padding:10px 30px;padding-bottom:20px;}
.ImLmenu ul li a{display:block;background:url(../images/ibg_menu2.jpg) no-repeat center center;color:#fff;padding-left:20px;line-height:30px;font-size:14px;}
.ImLmenu ul li a:hover{background:url(../images/ibg_menu.jpg) no-repeat center center;font-weight:bold;}
.ImLmenu ul li .hover{background:url(../images/ibg_menu.jpg) no-repeat center center;font-weight:bold; }
.ImLother{width:200px;padding-top:15px;}
.ImLother a{display:block;margin-bottom:15px;}

.ImRight{float:left;width:780px;padding-left:20px;padding-top:10px;}
.ImRight dl{border-bottom:2px solid #e5e5e5;background:url(../images/ibg_09.jpg) no-repeat left center;height:32px;padding-left:22px;}
.ImRight dl dt{float:left;line-height:18px;font-size:18px;padding-top:5px;*padding-top:8px;color:#0661bb;font-weight:bold;font-family:"微软雅黑";}
.ImRight dl dd{float:right;line-height:12px;font-size:12px;padding-top:13px;color:#afafaf;}
.ImRight dl dd a{color:#afafaf;}
.ImRight dl dd a:hover{color:#6b6b6b; text-decoration:underline;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}



.title{line-height:30px;height:30px;margin:0 0 15px 0;}
.title h1{font-size:18px;font-family:microsoft yahei;text-align:center;font-weight:normal;margin:0;border:none;}
.item{color:#999;text-align:center;margin:20px 0;font-family:arial;border-bottom:1px solid #f0f0f0;padding:0 0 15px 0;}
.content{word-break:break-all;line-height:22px;}
.content p{margin:15px 0;font-size:14px;}
.content img{max-width:590px;}

.pre,.next{line-height:30px;height:30px;}
.infodot{border-top:1px dashed #ccc;margin:15px 0;}

.imglist{padding:0 5px;padding-top:20px;}
.imglist li{float:left;display:block;overflow:hidden;background:#f3f3f3;margin:0 15px 12px 15px;width:220px; text-align:center; font-weight:bold; line-height:30px;}
.imglist li:hover{background: #766D5C;}
.imglist li img{width:214px;display:block;padding:1px;margin:2px;background:#fff; height:180px;}
.imglist li img:hover{}
.imglist li a:hover{ color:#FFFFFF; text-decoration:none;}



