@charset "utf-8";

/*重置*/
body{margin: 0 auto; font: 12px/2em "Microsoft YaHei", Arial, tahoma,  Helvetica, sans-serif; background: #fff; color: #333;overflow-x:hidden;}
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;}

/*通用*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.comWidth{width:1188px; margin:0 auto;}
.mt25{margin-top:25px;}
.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.bd{border:1px solid #999;}
.bt{border-bottom:1px solid #999;}

/*顶部*/
.top{height:25px; line-height:25px; text-align:right; border-bottom:1px solid #ccc;}
.top a{margin:0 7px;}


/*头部*/
.header{height:120px;}
.header .logo{width:600px; height:100px; margin:10px 0 0 20px;}
.header .tel{width:284px; height:50px; margin-top:70px;}

/*导航*/
.nav{height:38px; background:url("../images/nav_bg.jpg") repeat-x;}
.nav ul li{width:125px; height:38px; line-height:38px; float:left; text-align:center; color:#fff; font-size:14px; font-weight:bold;}
.nav ul li a{display:block; width:125px; height:38px; color:#fff;}
.nav ul li a:hover{color:#fff; background-color:#cc0001;}

/*轮播图*/
.banner{width:1400px; height:400px; margin:5px auto; overflow:hidden; text-align:center;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:100%; height:400px; margin:0 auto; background:#fff; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px;  position:absolute; top:127px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; position:absolute; top:127px; right:10px; z-index:10;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:20px; z-index:10; text-align:center;}
#playBox .smalltitle ul{ width:120px; margin:0 auto; text-align:center;}
#playBox .smalltitle ul li{cursor:pointer; width:12px; height:12px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#f5710c;}

/*主要内容区*/
.feature,.hotPro{margin-top:20px;}
.feature li{width:292px; height:96px; float:left; margin-right:5px; background:url("../images/tese_bg.jpg") repeat-x;}
.feature li img{width:78px; height:78px; float:left; margin:8px 12px 0 10px; border:1px solid #fff; border-radius:5px;}
.feature li p{height:30px; line-height:26px; color:#fff; margin:20px 0;}

.hotPro{margin-bottom:30px;}
.hotPro .title{width:100%; height:38px; line-height:38px;}
.hotPro .title h3{width:226px; height:38px; font-size:16px; font-weight:normal; text-align:center; color:#fff; background:url("../images/hotpro_title.jpg") no-repeat;}
.hotPro .subtit{width:952px; height:37px; border-bottom:1px solid #c7c7c7;}
.hotPro .subtit h4{font-size:18px; color:#9e9e9e; float:left;}
.hotPro .subtit a{font-size:16px; color:#666; float:right;}
.hotProList{}
.hotProList li{width:350px; height:260px; padding:10px; box-shadow:0px 0px 10px 1px #666; border:1px solid #ccc; overflow:hidden; float:left; margin:30px 0 0 19px; display:inline;}
.hotProList li img{width:350px; height:240px;}
.hotProList li h4{height:20px; line-height:20px; text-align:center;}

.youshi{margin-top:20px;}
.liyou img{width:507px; height:470px;}
.youshi dt{height:88px;}
.youshi dt span{float:left; margin-right:16px; width:50px; height:88px; line-height:88px; text-align:center; font-size:40px; color:#fff; font-family:"宋体"; background:url("../images/h2.png") no-repeat;}
.youshi dt h3{height:50px; line-height:50px; color:#f07504; font-size:40px;}
.youshi dt p{height:25px; line-height:25px; color:#353431; font-size:22px; margin-top:10px;}
.youshi dd{padding:10px 40px;}
.youshi dd p{height:38px; line-height:38px; border-bottom:1px solid #ccc; text-indent:20px; font-size:14px; background:url("../images/dot.png") no-repeat left center;}

.fw{height:90px; background-color:#fb8b28; text-align:center; margin:20px auto;}

.title01{height:43px; line-height:43px; border-bottom:1px solid #ccc;}
.title01 h3{font-size:20px; width:220px; height:43px; border-bottom:1px solid #ff7101; text-indent:20px; float:left;}
.title01 a{font-size:16px; color:#666; float:right;}
.honorList{height:198px; margin:20px auto; position:relative;}
.honorList .leftBtn{position:absolute; left:0; top:31px; width:21px; height:145px; cursor:pointer;}
.honorList .rightBtn{position:absolute; right:0; top:31px; width:21px; height:145px; cursor:pointer;}
.honorList ul{width:1146px; height:269px; overflow:hidden; position:absolute; left:21px; top:0;}
.honorList ul li{width:225px; float:left; margin-right:10px;}
.honorList ul li img{width:225px; height:194px;}
.honorList ul li p{height:40px; line-height:40px; text-align:center;}
.caseList{width:1105px; margin-right:-5px;}
.caseList li{width: 220px; height: 100px; margin-bottom:10px; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; float: left; overflow: hidden;}
.caseList li img{width: 220px; height: 100px;}

.about,.news{width:580px; margin-top:20px;}
.aboutCon{padding:15px 10px;}
.aboutCon  img{width:210px; height:130px; float:left; margin-right:15px;}
.aboutCon p{}
.newsList{padding:10px 10px;}
.newsList li{height:32px; line-height:32px; border-bottom:1px dashed #ccc; }
.newsList li a{float:left; vertical-align:middle;}
.newsList li span{float:right;}

.bottom{width:1400px; height:400px; margin:20px auto; background:url("../images/pmt.jpg") no-repeat; position:relative;}
.bottom .bottomTxt{width:630px; height:190px; text-align:center; padding-top:20px; background-color:#003366; opacity:0.9; filter:alpha(opacity=90); position:absolute; left:75px; top:65px;}
.bottom .bottomTxt h3{font-size:50px; line-height:60px; color:#fff;}
.bottom .bottomTxt p{font-size:32px; line-height:50px; color:#fff;}

.link a{margin:0 5px;}
.link span{font-weight:bold;}
.footer{background-color:#27262b; padding:30px 0; text-align:center; line-height:30px; color:#fff;}
.footer a, .footer a:hover{color:#fff;}

/*单页*/
.warp{margin:20px auto 0;}
.sidebar{width:230px; overflow:hidden; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.main{width:928px; overflow:hidden; font-size:14px;}
.sidebar .title{height:40px; line-height:40px; border-bottom:1px solid #ddd; border-top:3px solid #333;}
.sidebar .title h3{font-size:16px; text-indent:60px;}
.proList{}
.proList li{height:36px; line-height:36px; font-size:14px; text-indent:5px; border-bottom:1px solid #ccc;}
.proList li a{display:block; width:100%; height:36px;}
.proList li a:hover{background-color:#f5710c; color:#fff;}
.contact{width:200px; padding:15px;}
.place{height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.place h3{font-size:16px; float:left; text-indent:10px;}
.place p{float:right;}
.mainCon{padding:20px 10px;}

/*文章列表页*/
.mainNewsList{}
.mainNewsList li{height:38px; line-height:38px; border-bottom: 1px dashed #ccc; vertical-align:middle;}
.mainNewsList li a{float:left;}
.mainNewsList li span{float:right;}

/*产品列表页*/
.mainConPro{padding: 15px 0px 0px 20px;}
.mainProList{}
.mainProList li{width: 270px; float: left; overflow: hidden; margin: 20px 20px 0 0; overflow:hidden; border:1px solid #ccc; box-shadow:0px 0px 10px 1px #666; padding:5px; }
.mainProList li img{width: 270px; height: 190px; }
.mainProList li h4{height:30px; line-height:30px; text-align:center; margin-top:0;}

/*产品内容页*/
.mainConTit{height:30px; line-height:30px; text-align:center; font-size:16px; margin-bottom:20px;}
.mainConAuthor{height:30px; line-height:30px; border-bottom: #ccc 1px dashed; margin-bottom:20px;  text-align:center;}
.mainConAuthor span{margin:0 10px;}
.mainPic{padding:0 14px; font-size:14px; margin-bottom:20px;}
.image{width:302px; height:223px; overflow:hidden; margin-right:20px;}
.image img{width:300px; height:220px; border:1px solid #999;}
.content{padding:0 14px; font-size:14px;}
.pagination{margin-top:20px; height:50px; line-height:50px; padding:0 15px;  border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;}
/* .article{margin:20px auto; height:30px; line-height:30px; border-bottom:1px solid #ed7342;  font-size:14px;}
.article h3{width:80px; margin-left:10px; color:#fff; text-align:center; background-color:#ed7342;} */
.article{margin:20px auto; height:30px; line-height:30px; border-bottom:1px solid #ccc;  font-size:14px;}
.article h3{width:120px; height:27px; text-align:center; border-bottom:none; border-top:3px solid #ed7342; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.relate{margin:20px auto; border:1px solid #ccc; overflow:hidden;}
.relate h3{height:30px; line-height:30px; padding-left:10px; font-size:14px; border-bottom:1px solid #ccc;}
.ProShow{padding-left:11px;}
.ProShow li{width:195px; float:left; margin:15px 11px 0 0; overflow:hidden;}
.ProShow li img{width:193px; height:150px; border:1px solid #ccc;}
.ProShow li h4{height:30px; line-height:30px; text-align:center;}
.NewsShow li{width:48%; float:left; height:32px; line-height:32px;}
.NewsShow li a{float:left; padding-left:15px;}
.NewsShow li span{float:right;}

/*分页*/
.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:#0099ff;}
.page li.thisclass{background: #0099ff; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color: #0099ff; color: #fff;}
.page .pageinfo strong{font-weight:normal;}