@charset "utf-8";
/*重置*/
body{margin: 0 auto; font: 12px/2em "Microsoft YaHei", Arial, tahoma,  Helvetica, sans-serif; background: #fff; color: #333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd,ul,ol,li,pre,form, fieldset, legend, button, input, textarea, select, th, td{margin: 0; padding: 0;}
fieldset, img {border: 0;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
button, input, select, textarea {font-size: 100%; border:none;}
a{text-decoration: none; color: #333;}
a:hover{ text-decoration:none; color:#C00;}
i{font-style:normal;}

/*通用*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.comWidth{width:960px; margin:0 auto;}
.mt20{margin-top:17px;}
.mb10{margin-bottom:10px;}

/*头部*/
.header{height:120px;}
.header .logo{width:442px; height:65px; margin-top:10px;}
.header .tel{height:24px; line-height:24px; margin-top:8px; font-size:24px; color:#cc0000;}

/*导航*/
.nav{height:42px; background:url(../images/nav_bg.gif) repeat-x;}
.nav ul li{width:120px; height:42px; float:left;  font-size:14px; background:url(../images/nav_line.gif) no-repeat right center;}
.nav ul li a{display:block; width:118px; height:20px; line-height:20px; color:#fff; text-align:center; margin:10px 2px 0 0;}
.nav ul li a:hover{color:#f5572d;  }

/*轮播图*/
.bannerBox{width:1920px; height:385px; margin:0 auto; background:url(../images/banner_bg.gif) no-repeat;}
.banner{width:960px; height:370px; padding-top:1px; margin:0px auto; overflow:hidden; text-align:center;}

/*主要内容区*/
.sidebar{width:214px;}
.title01{height:38px; line-height:38px; background:url(../images/title01.gif) repeat-x;}
.title01 h3{font-size:16px; color:#fff; padding-left:25px;}
.list{background-color:#297ebf;}
.list ul{width:180px; margin:12px 18px 0; padding-bottom:5px;}
.list li{height:29px; line-height:29px;overflow:hidden; margin-bottom:9.5px; background:#fff; border-radius:3px; box-shadow:5px 5px 2px #1367a7; overflow:hidden;}
.list a{background:url(../images/icon01.jpg) no-repeat 12px center; color:#333; font-size:14px; padding-left:25px; vertical-align:middle;}
.list a:hover{text-decoration:underline;}
.contact{}
.contactTxt{padding:8px 12px; border:1px solid #ccc;}

.title02{height:38px; line-height:38px; background:url(../images/icon01.gif) no-repeat left center; border-bottom:1px solid #ccc;}
.title02 h3{float:left; font-size:16px; color:#1664a0; padding-left:55px;}
.title02 h3 span{font-size:14px; margin-left:10px; font-weight:normal;}
.title02 .more{float:right;}
.main{width:724px; border:1px solid #ccc; overflow:hidden;}
.hotTit{width:684px; margin:0 auto;}
.hotPro ul{margin-top:20px;}
.hotPro ul li{width:214px;  float:left; margin-left:20px; margin-bottom:0px; display:inline;}
.hotPro ul li img{width:212px; height:212px; border:1px solid #ccc;/*  padding:5px; */}
.hotPro ul li strong{display:block;font-size:14px;font-weight:normal; height:40px; line-height:40px; text-align:center;}

.about{width:608px; padding:0 20px; border:1px solid #ccc; overflow:hidden;}
.aboutCon{padding:20px 0; height:152px; overflow:hidden;}
.aboutCon h2{float:left; width:240px; height:150px; margin-right:15px; border:1px solid #ccc;}
.aboutCon img{display: block; width:240px; height:150px; }
.recomPro{width:290px;}
.recomPro .recomProCon{width:288px; height:190px; border:1px solid #ccc; overflow:hidden;}

.show{border:1px solid #ccc;}
.showTit{width:918px; margin:0 auto;}
.proList{height:275px; position:relative;}
#scrollCon{width:908px; position:absolute; left:25px; top:20px; overflow:hidden;}
.proList li{float:left; width:215px; margin-right:15px;}
.proList li img{width:203px; height:203px; border:1px solid #ccc; padding:5px;}
.proList li p{height:20px;font-size:14px; line-height:20px; margin-top:10px; text-align:center;}
.leftBtn{width:25px; height:100px;  position:absolute; right:0px; top:90px; background:url(../images/btn_right.gif) no-repeat;}
.rightBtn{width:25px; height:100px; position:absolute; left:0px; top:90px; background:url(../images/btn_left.gif) no-repeat;}

.news, .case{width:428px; border:1px solid #ccc; padding:0 20px;}
.newsList{padding-bottom:10px;}
.newsList li{height:32px; line-height:32px; border-bottom:1px dashed #ccc; background:url(../images/icon02.gif) no-repeat left center; padding-left:20px; vertical-align:middle; overflow:hidden;}
.newsList li a{float:left;}
.newsList li span{float:right;}

.flink{width:940px; padding:0px; margin:10px auto; border:0px solid #ccc; overflow:hidden;}
.flink a, .flink span{margin:0 5px;}
.flink span{font-size:12px; font-weight:bold;}
.footer{padding:30px 0; text-align:center;font-size:14px; line-height:30px; background:#296098; color:#fff;}
.footer a, .footer a:hover{color:#fff;}

/*单页*/
.mainBox{width:724px; overflow:hidden;}
.title03{height:38px; line-height:38px; border-radius:1px; border:1px solid #ccc;}
.title03 h3{float:left; font-size:14px; color:#1664a0; padding-left:10px;}
.title03 p{float:right; margin-right:10px; display:inline;}
.mainCon{padding:15px; font-size:14px; line-height:30px; border:1px solid #ccc; border-radius:1px;}
.mainCon02{padding:15px 0;}


/*文章列表页*/
.mainNewsList{}
.mainNewsList li{height:32px; line-height:32px; border-bottom: 1px dashed #ccc; background:url(../images/icon01.jpg) no-repeat left center; padding-left:17px; vertical-align:middle;}
.mainNewsList li a{float:left;}
.mainNewsList li a:hover{text-decoration:underline;}
.mainNewsList li span{float:right; font-size:12px;}

/*产品列表页*/
.mainProList{overflow:hidden;}
.mainProList li{width:214px;  float:left; margin-left:20px; display:inline;}
.mainProList li img{width:202px; height:202px; border:1px solid #89b3d3; padding:5px;}
.mainProList li strong{display:block; height:40px; font-weight:normal;line-height:40px; text-align:center;}


/*案例列表页*/
.mainProList1{overflow:hidden;}
.mainProList1 li{width:214px;  float:left; margin-left:20px; display:inline;}
.mainProList1 li img{width:202px; height:150px; border:1px solid #89b3d3; padding:5px;}
.mainProList1 li strong{display:block; height:40px; font-weight:normal;line-height:40px; text-align:center;}

/*产品内容页*/
.mainConTit{height:30px; line-height:30px; text-align:center; font-size:16px; margin-bottom:10px;}
.mainConAuthor{height:30px; line-height:30px; border-top:#ccc 1px dashed; margin-bottom:20px;  text-align:center;}
.mainConAuthor span{margin:0 10px;}
.mainPic{display:block; width:380px; border:1px solid #ccc; padding:4px; margin:0 auto 20px;}
.mainXq{height:30px; line-height:30px; font-size:16px; color:#fff; border-bottom:5px solid #1270a6; margin-bottom:20px;}
.mainXq h3{width:90px; height:30px; background-color:#1270a6; text-align:center; font-weight:normal; margin-left:5px;}
.content{font-size:14px;}
.pagination{margin-top:20px; height:50px; line-height:50px; padding:0 15px;  border-top:1px dashed #ccc;}

/*分页*/
.page{height:24px; line-height:24px; text-align:center; margin-top:30px;}
.page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
.page li a{color: #555;}
.page li a:hover{background:#f5f5f5; color:#01379b;}
.page li.thisclass{background: #01379b; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color: #01379b; color: #fff;}
.page .pageinfo strong{font-weight:normal;}


table,tbody,tr,th,td,p,{height:5px;background:transparent;border:0;font-size:10px;margin:0;outline:0;padding:0;vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
td{ height:5px;text-align:center;}
tr{ height:5px;text-align:center;}