@charset "utf-8";
*{ margin:0; padding:0; outline:none; list-style-type:none; text-decoration:none; font-style:normal; font-family:"微软雅黑";}
img{ vertical-align:middle; border:none;}


.top-box,.footer,.zy-banner{ width:100%; min-width:1200px;}
.top,.foot,.main,.img-show{ width:1200px; margin:0 auto; display:table; clear:both;}

/*top-box*/
.top-box{ position:fixed; background:#fff; top:0; height:100px; z-index:99;}
.top{ position:relative;}
.logo-box{margin:20px 0; float:left;}
.logo{ display:block; overflow:hidden; width:281px; height:60px; background:url(../images/logo.png) no-repeat;}
.menu{ display:none;}
.top-right{ position:absolute; right:0; top:15px; line-height:21px; overflow:hidden; font-size:14px;}
.trl{ color:#666; overflow:hidden; display:inline-block;}
.trl span{ color:#81511c;}
.trl i{ color:#00a0e9; font-size:16px;}
.share{ overflow:hidden; display:inline-block;}
.share a{ margin-left:20px; padding-left:30px; display:block; float:left; color:#454545;}
.share a.icon1{ background:url(../images/icon1.png) no-repeat left 1px;}
.share a.icon2{ background:url(../images/icon2.png) no-repeat left 1px;}






.index{ margin-top:100px; overflow:hidden;}
/*banner*/
.banner{ width:100%; height:463px;position:relative;}
#slides{ display:block; width:100%; height:463px; position:relative}
#slides li{ display:block; width:100%; height:100%; position:absolute; background-repeat:no-repeat; background-position:center top; background-size:auto 100%;}
#slides li a{ display:block; width:100%; height:100%; text-indent:-9999px}
#pagination{display:block; position:absolute; left:50%; bottom:15px; z-index:11;}
#pagination li{ display:block; width:14px; height:14px; float:left; margin:0 5px; border-radius:50%; background:#b6b1b6;}
#pagination li a{text-indent:-9999px; display:block;}
#pagination li.current{ background:#fff;}
.zy-banner{ height:274px; background-position:center top; background-repeat:no-repeat;}

.banner-px{ background-image:url(../images/banner-px.jpg);}
.banner-dsj{ background-image:url(../images/banner-dsj.jpg);}
.banner-qdhz{ background-image:url(../images/banner-qdhz.jpg);}
.banner-about{ background-image:url(../images/banner-about.jpg);}

.banner-case{ background-image:url(../images/banner-case.jpg);}
.banner-cp{ background-image:url(../images/banner-cp.jpg);}
.banner-fw{ background-image:url(../images/banner-fw.jpg);}
.banner-news{ background-image:url(../d/banner-news.jpg);}


.one-box{ padding-bottom:20px; overflow:hidden; clear:both; border-bottom:1px dotted #c1c1c1;}
.one-box .mt{ overflow:hidden; clear:both; margin:25px 0 15px;}
.one-box .mt h2{ float:left; font:20px/25px "微软雅黑";}
.one-box .mt a{ float:right; font-size:12px; color:#999; font-family:"Arial"; margin-top:10px;}
.one{ width:373px; float:left; overflow:hidden; margin-right:40px;}
.one.last{ margin:0;}
.mt-box{ overflow:hidden; clear:both; height:280px;}
.mt-box img{ border-top-width:0px; border-top-style:solid; margin-bottom:15px; display:block; overflow:hidden; clear:both;}
.mt-box.about img{ border-top-color:#00428e;}
.mt-box.product img{ border-top-color:#227d5b;}
.mt-box.news img{ border-top-color:#3c3834;}
.mt-box p{ font:14px/30px "微软雅黑"; color:#333; height:90px; overflow:hidden;}
.mt-box ul{ display:block; overflow:hidden; clear:both;}
.mt-box ul li{ line-height:30px; font-size:14px; overflow:hidden;}
.mt-box ul li a{ float:left; overflow:hidden; color:#333; padding-left:22px; background:url(../images/jt.png) no-repeat 8px center;}
.mt-box ul li span{ float:right; overflow:hidden; font-size:12px; color:#333;}
.mt-box ul li:hover a,.mt-box ul li:hover span{ color:#227d5b;}

.img-show{ position:relative; padding:30px 0; height:69px;}
.img-show>span{ position:absolute; top:48px; width:32px; height:33px; cursor:pointer;}
.img-show span.prev{ left:10px;}
.img-show span.next{ right:10px;}
.img-box{ width:1094px; margin:0 auto; height:69px; position:relative; overflow:hidden;}
.img-box ul{ width:800%; overflow:hidden; height:69px; position:absolute; left:0; top:0;}
.img-box ul li{ width:108px; height:67px; float:left; border:1px solid #e1e1e1; margin-right:13px;}



/*子页*/
.address{ font:12px/30px "微软雅黑"; color:#999; margin:15px 0 10px;}
.address a{ color:#999;}
.title{ border-bottom:1px solid #e2e2e2; padding-bottom:15px; overflow:hidden; clear:both; font:30px/35px "微软雅黑"; color:#036eb8; margin-bottom:30px;}

.px-box,.case-box,.system-box,.fw-box{ margin-bottom:30px; overflow:hidden; clear:both; width:1221px;}
.px,.case{ width:386px; background:#f6f6f6; height:465px; float:left; margin-right:21px;}
.px img,.case img{ width:100%;}
.px h1{ padding:10px 20px; overflow:hidden; font:20px/30px "微软雅黑"; color:#333;}
.px p{ padding:0 20px; font:14px/30px "微软雅黑"; color:#666; height:150px; margin-bottom:15px; overflow:hidden;}
.px a{ margin-left:20px; overflow:hidden; background:#036eb8; width:110px; height:36px; font:14px/36px "微软雅黑"; color:#fff; display:block; text-align:center;}

.case{ position:relative; height:267px; margin-bottom:25px;}
.case span{ background:rgba(0,0,0,0.5); background-image:url(../images/jt1.png); background-repeat:no-repeat; background-position:360px center; display:block; bottom:0; position:absolute; color:#fff; width:370px; padding-left:16px; font:16px/35px "微软雅黑";}


.system{ height:310px; overflow:hidden; float:left; width:292px; margin:0 10px 5px 0; background:#fff;}
.system img{ margin-bottom:10px; display:block; overflow:hidden; clear:both;}
.system a{ font:16px/32px "微软雅黑"; color:#666; display:block; text-align:center;}

.fw{ display:block; overflow:hidden; width:325px; padding:35px 40px 0 30px; height:105px; background:#f6f6f6; float:left; margin:0 6px 6px 0;}
.fw:hover{ background:#eee;}
.fw img{ float:left; overflow:hidden; margin-right:15px; padding-bottom:41px;}
.fw h3{ font:14px/23px "微软雅黑"; color:#333;}
.fw p{ color:#999; font:12px/20px "微软雅黑";}

.zhuti{ margin-bottom:30px; overflow:hidden; clear:both;}
.main-left{ width:230px; float:left; overflow:hidden; padding-left: 5px;}
.left-menu{ overflow:hidden; clear:both; padding-bottom:1px;}
.left-menu>a{ border-top:1px solid #e2e2e2; display:block; padding-left:35px; border:1px solid #e2e2e2; margin-bottom:-1px; font:17px/39px "微软雅黑"; color:#666;}
.left-menu>a.on{ background:url(../d/a-on-bg.png) no-repeat; color:#fff;}
.left-menu>a:hover{ background:#e2e2e2;}
.left-menu>a.on:hover{ background:url(../d/a-on-bg.png) no-repeat;}
.main-left>a.add,.main-left>a.online{ margin-bottom:10px; overflow:hidden; display:block;}
.log{ border:1px solid #e2e2e2; margin-bottom:-1px; overflow:hidden; clear:both; padding:10px 0; display:none;}
.log a{ display:block; font:12px/30px "微软雅黑"; color:#999; padding-left:40px;}
.log a.on{ color:#036eb8;}


/* .main-right{ width:880px; float:right; overflow:hidden;} */
.main-right{ width:745px;  float:right; overflow:hidden;}
.mr-tt{ padding-left:20px; overflow:hidden; display:block; clear:both; margin-bottom:15px; background:url(../images/jt2.png) no-repeat left 8px; font-size:18px; color:#666;}
.category{ width:100%; display:table; border-bottom:1px solid #e2e2e2; height:44px; margin-bottom:30px;}
.category a{ width:150px; height:44px; margin-bottom:-2px; float:left; margin-left:25px; font-size:14px; line-height:44px; color:#fff; background:#036eb8; text-align:center; border:1px solid #036eb8; border-bottom:none;}
.category a.cur{ background:#fff; border:1px solid #e2e2e2; border-bottom:none; color:#666;}
.cate-box{ width:860px; margin:0 auto;}
.cate,.his{ display:none;}

.message{ overflow:hidden; clear:both;}
.message h2{color:#fff; background:url(../images/write.png) no-repeat 60px center #036eb8; text-align:center; font-size:17px; line-height:40px; font-weight:normal;}
.message ul{ border:1px solid #e2e2e2; border-top:none; padding:15px; display:block; overflow:hidden;}
.message ul li{ margin-bottom:10px; overflow:hidden; display:block;}
.message ul li span{ float:left; font-size:14px; line-height:38px; color:#666;}
.message ul li input[type=text]{ background:#f9f9f9; border:1px solid #e0e0e0; height:36px; line-height:36px; padding:0 5px; width:205px;}
.message ul li input[type=submit]{ background:#f39800; color:#fff; width:50%; margin:10px auto 0; border-radius:5px; height:35px; border:none; display:block; cursor:pointer; font-size:18px;}

.zhuti .title{ margin-bottom:15px;}
.margin-top{ margin-top:20px;}
.history{ overflow:hidden; clear:both; margin-bottom:20px;}
.history a{ width:80px; height:28px; text-align:center; line-height:28px; float:left; margin-right:12px; background:#c9c9c9; color:#fff;}
.history a.cur{ background:#036eb8;}


.his .two{ background:#f5f5f5; overflow:hidden; width:880px; height:218px; margin-bottom:40px;}
.his .two img{ float:left; display:block; overflow:hidden; width:319px; height:218px;}
.his .two .two-right{ float:left; padding:25px 30px; width:500px;}
.his .two .two-right h2{ font-size:24px; font-weight:normal; margin-bottom:5px;}
.his .two .two-right p{ font-size:16px; line-height:30px; color:#666;}

.news-list{ margin-bottom:30px; display:block; overflow:hidden;}
.news-list li{ overflow:hidden; clear:both; display:block; border-bottom:1px dotted #c3c3c3; line-height:45px;}
.news-list li a{ background:url(../d/jt3.png) no-repeat 10px center; padding-left:30px; font-size:14px; color:#666; font-family:"宋体"; float:left;}
.news-list li span{ float:right; color:#999; font-family:"Verdana"; font-size:14px; margin-right:10px;}





/*分页*/
.page{ text-align:center; clear:both; margin:40px 0;}
.page a{ color:#2f2f2f; border:1px solid #cecece; text-align:center; font:12px/22px "Verdana"; display:inline-block; width:42px; height:22px;}
.page a.prev,.page input[type="button"]{ background:url(../images/page_bg.jpg) repeat-x; width:60px; cursor:pointer;}
.page a.curr,.page a:hover{ color:#fff; background:#036eb8; border:1px solid #036eb8;}
.page cite{ font-style:normal; margin:0 10px; font-size:12px; color:#999;}
.page cite input{ border:1px solid #cecece; line-height:22px; height:22px; width:46px; text-align:center; margin:0 5px;}
.page input[type="button"]{ color:#036eb8; border:1px solid #cecece; height:24px;}
.page em{ font-size:12px; font-style:normal;}



/*footer*/
.footer{ background:#7a7a7a; line-height:52px; height:52px;}
.fl{ font-size:12px; color:#e5e5e5; float:left;}
.fl a{ color:#e5e5e5; font-family:"宋体";}
.fr{font-size:12px; color:#e5e5e5;}
.fr span{ font-family:"Verdana";}