@charset "utf-8";
/*重置*/
html{overflow-x: hidden;}
body{margin: 0 auto; font: 12px/2em "Microsoft YaHei", Arial, tahoma,  Helvetica, sans-serif; background:#f6f6f6; 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:1100px; margin:0 auto; position:relative;}
.mt20{margin-top:20px;}
.mr15{margin-right:15px;}
.bd{border:1px solid #ccc;}

/*顶部*/
.top{height:38px; line-height:38px; background:#f6f6f6; border-bottom:1px solid #ccc;}
.top span{}
.top span a{margin:0 5px;}

/*头部*/
.header{height:120px; background:#fff; overflow:hidden;}
.header .logo{width:600px; height:100px; margin-top:10px;}
.header .tel{height:42px; margin-top:70px; background:url(../images/tel.jpg) no-repeat left top; padding-left:50px; }
.header .tel span{display:block; height:12px; font-size:12px; color:#666; padding-bottom:6px;}
.header .tel strong{display:block; height:24px; font-size:24px; color:#0060c1; font-weight:normal;}

/*导航*/
.nav{height:50px; background-color:#015ab4; margin-bottom:5px;}
.nav ul li{width:136px; height:50px; line-height:50px; float:left;}
.nav ul li a{display:block; width:137px; height:50px; line-height:50px; color:#fff; text-align:center; font-size:14px;}
.nav ul li a:hover, .nav ul li .active{background:#c7161c; color:#fff;}

/*轮播图*/
.banner{width:100%; height:365px; margin:0px auto; overflow:hidden; text-align:center;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#fff;}
#playBox{ width:1920px; height:365px; margin:0 auto; background:#fff; position:relative; margin-left:-960px;left:50%;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{cursor:pointer; width:40px; height:60px;  position:absolute; top:150px; left:180px; z-index:10; background:url(../images/btn_left.jpg) no-repeat; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#playBox .next{cursor:pointer; width:40px; height:60px; position:absolute; top:150px; right:180px; z-index:10; background:url(../images/btn_right.jpg) no-repeat; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:20px; z-index:10; text-align:center;}
#playBox .smalltitle ul{margin:0 auto; width:150px;}
#playBox .smalltitle ul li{cursor:pointer; margin:0 5px; width:40px; height:12px; color:#333; background-color:#333; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{color:#8b0a0c; background-color:#8b0a0c; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}

/*主要内容区*/
.title01{height:38px; line-height:38px; border-bottom:1px solid #ccc; padding:0 15px; background:url(../images/title_bg.jpg) repeat-x;}
.title01 h3, .title01 h1{float:left; font-size:16px; background:url(../images/icon01.jpg) no-repeat left center; padding-left:20px; color:#0060c1;}
.title01 h3 span, .title01 h1 span{font-size:14px; /* font-family:Impact; */ margin-left:8px; font-weight:normal; color:#666;}
.title01 .more{float:right; font-size:14px;}

.hotPro{overflow:hidden; padding-bottom:20px; background:#fff;}
.hotPro li{width:245px; float:left; margin:24px 0 0 24px; display:inline;}
.hotPro li img{display:block; width:243px; height:180px; border:1px solid #ccc;}
.hotPro li strong a{display:block; height:20px; line-height:20px; text-align:center; font-size:14px; margin-top:10px; font-weight:normal;}

.about{width:738px; overflow:hidden; border:1px solid #ccc; background:#fff;}
.aboutTxt{padding:10px; height:186px; font-size:14px; line-height:26px; overflow:hidden;}
.aboutTxt img{float:left; width:280px; height:186px; margin-right:15px;}
.indexContact{width:328px; overflow:hidden; border:1px solid #ccc; background:#fff;}
.indexContact .contactTxt{padding:10px 20px; height:186px; font-size:14px; line-height:26px;}

.title02{height:38px; line-height:38px; border-bottom:1px solid #ccc; background:url(../images/title_bg.jpg) repeat-x;}
.title02 h3{float:left; width:130px; font-size:16px; background:#0060c1 url(../images/icon03.jpg) no-repeat 12px center; text-indent:30px; color:#fff;}
.title02 .more{float:right; font-size:14px; margin-right:15px; display:inline;}
.news{width:533px; overflow:hidden; border:1px solid #ccc; background:#fff;}
.newsList{padding:10px;}
.newsList li{height:30px; line-height:30px; border-bottom:1px dashed #ccc; background:url(../images/icon02.jpg) no-repeat left center;}
.newsList li a{float:left; margin-left:14px; display:inline;}
.newsList li span{float:right; color:#999;}

.footer{background:#fff;}
.footerNav{height:42px; line-height:42px; text-align:center; background:#0060c1;color:#fff;}
.footerNav a{margin:0 20px; color:#fff;}
.copy{padding:20px 0; text-align:center; line-height:30px;}

.flink{padding:10px;}
.flink span{font-weight:bold;}
.flink a{margin:0 5px;}

/*单页*/
.sidebar,
.sideContact{width:280px; overflow:hidden;}
.sideContact .contactTxt{padding:10px; font-size:13px; border:1px solid #ccc; background:#fff;}
.sideTit{height:60px; line-height:60px; background:#0060c1;}
.sideTit h3{font-size:20px; color:#fff; font-weight:normal; text-indent:40px;}
.list{width:280px; padding-bottom:15px; background:#0060c1;}
.list ul{width:260px; background:#fff; margin:0 10px;}
.list li{height:38px; line-height:38px; overflow:hidden; font-size:14px; border-bottom:1px dashed #ccc; text-indent:20px; font-weight:bold;}
.sideNewsList ul{padding:10px; font-size:12px; border:1px solid #ccc; background:#fff;}
.sideNewsList ul li{height:30px; line-height:30px; border-bottom:1px dashed #ccc; background:url(../images/icon02.jpg) no-repeat left center; text-indent:12px;}
.main{width:788px; overflow:hidden; border:1px solid #ccc; background:#fff;}
.mainCon{font-size:14px; line-height:30px; margin-bottom:20px;}
.mainConTxt{padding:0 20px;}
.mainType{height:34px; line-height:34px;  margin-bottom:10px; border-bottom:1px solid #ccc; padding:0 10px;}
.mainType h3{float:left;font-size:14px; background:url(../images/icon04.jpg) no-repeat left center; padding-left:17px; color:#0060c1;}
.mainType p{float:right;}

/*文章列表页*/
.mainNewsList{padding:0 15px;}
.mainNewsList li{height:38px; line-height:38px; overflow:hidden; background:url(../images/icon05.jpg) no-repeat left center; vertical-align:middle; border-bottom:1px dotted #ccc;}
.mainNewsList li a{float:left; margin-left:13px; display:inline;}
.mainNewsList li span{float:right;}

/*产品列表页*/
.mainProList{width:788px; overflow:hidden;}
.mainProList li{width:230px; float:left; margin:10px 0 10px 25px; display:inline;}
.mainProList li img{display:block; width:228px; height:169px; border:1px solid #ccc;}
.mainProList li strong a{display:block; width:230px; height:20px; line-height:20px; text-align:center; font-size:14px; font-weight:normal; margin-top:10px;}

/*产品内容页*/
.mainConTit{height:30px; line-height:30px; text-align:center; font-size:20px; padding:15px 0;}
.mainConAuthor{height:30px; line-height:30px; margin-bottom:20px; text-align:center; border-bottom:1px dashed #ccc;}
.mainConAuthor span{margin:0 10px;}
.mainPic{font-size:14px; overflow:hidden; padding:10px 0;}
.image{width:340px; height:230px; overflow:hidden; margin-right:20px; border:1px solid #ccc;}
.image img{width:340px; height:230px;}
.imgTxt{width:330px; overflow:hidden;}
.imgTxt .mainConTit{padding:0; font-size:16px; text-align:left; color:#102e59; font-weight:bold;}
.imgTxt p{margin-top:5px; line-height:26px;}
.article{margin:20px auto; height:42px; line-height:42px; border-bottom:2px solid #ddd; position:relative;}
.article h3{width:146px; height:42px; font-size:16px; text-align:center; border:2px solid #ddd; border-bottom:2px solid #fff; position:absolute; bottom:-2px;}
.content{font-size:14px;}
.pagination{margin:20px 0; padding:10px 0; border-top:1px dashed #ccc;}
.xgwz h3,
.xgcp h3{height:30px; line-height:30px; font-size:14px; text-indent:10px; background:#0060c1; color:#fff;}
.xgwz ul{padding:10px 0; overflow:hidden;}
.xgwz ul li{width:46%; height:30px; line-height:30px; float:left; margin-left:3%; display:inline; border-bottom:1px dashed #ccc; background:url(../images/icon06.jpg) no-repeat left center; vertical-align:middle; font-size:12px;}
.xgwz ul li a{float:left; margin-left:13px; display:inline;}
.xgwz ul li span{float:right;}
.xgcp ul{width:718px; margin-right:-20px; overflow:hidden;}
.xgcp ul li{width:219px; float:left; margin:15px 20px 0 0;}
.xgcp ul li img{display:block; width:217px; height:158px; border:1px solid #ccc;}
.xgcp ul li strong a{display:block; height:20px; line-height:20px; text-align:center; font-size:12px; font-weight:normal; margin-top:10px;}


/*分页*/
.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;}


.caseList{position:relative; width:1088px; height:220px; }
#scrollCon{width:1000px; position:absolute; left:43px; top:20px; overflow:hidden;}
.caseList li{float:left; width:190px; margin-right:10px;}
.caseList li img{width:188px; height:130px; border:1px solid #ccc;}
.caseList li p{height:30px; line-height:30px; text-align:center; font-size:14px; margin-top:10px;}
.leftBtn{width:23px; height:33px;  position:absolute; right:0px; top:75px; background:url(../images/btn_right.jpg) no-repeat;}
.rightBtn{width:23px; height:33px; position:absolute; left:0px; top:75px; background:url(../images/btn_left.jpg) no-repeat;}