@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:960px;}
.top,.foot,.main,.img-show{ width:960px; margin:0 auto; display:table; clear:both;}


/*top-box*/
.top-box{ position:fixed; background:#fff; top:0; height:80px; z-index:99;}
.top{ position:relative;}
.logo-box{margin:20px 0; float:left;}
.logo{ display:block; overflow:hidden; width:187px; height:40px; background:url(../images/logo.png) no-repeat; background-size:cover;}
.menu{ display:none;}
.top-right{ position:absolute; right:0; top:15px; line-height:21px; overflow:hidden; font-size:12px;}
.trl{ color:#666; overflow:hidden; display:inline-block;}
.trl span{ color:#81511c;}
.trl i{ color:#00a0e9; font-size:13px;}
.share{ overflow:hidden; display:inline-block;}
.share a{ margin-left:15px; 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;}
.nav{ position:absolute; right:0; bottom:2px;}
.nav li{ float:left; position:relative;}
.nav li>a{ padding:7px 12px; font-size:14px; color:#666; display:block; float:left; border-bottom:5px solid #fff; margin-left:2px;}
.nav li>a.cur,.nav li>a:hover{ border-bottom-color:#036eb8;}

.nav li .dia{ position:absolute; top:34px; background:#fff; padding:5px 0; width:100%; display:none; border-top:1px solid #036eb8; z-index:9999;}
.nav li .dia a{ display:block; overflow:hidden; text-align:center; margin:0 5px; line-height:30px; font-size:14px; color:#000;}
.nav li .dialog{ width:760px; left:-172px; padding:10px 15px 10px 0; border-top:1px solid #036eb8;}
.nav li .dialog a{ text-align:left; display:inline-block; line-height:25px;}
.nav li .dialog dl{ width:238px; float:left; margin-left:15px;}
.nav li .dialog dl dt{ font-size:18px; border-bottom:1px solid #ddd; line-height:35px; padding-left:15px;}
.nav li .dialog dl dd{ clear:both; margin-left:15px; font-size:14px; padding:10px 0;}
.nav li .fw-dia{ width:220%; left:-60%;}
.nav li .fw-dia a{ display:inline-block; margin:0 10px;} 

.nav li:hover .dia{ display:block;}


.index{ margin-top:80px; overflow:hidden;}
/*banner*/
.banner{ width:100%; height:278px;position:relative;}
#slides{ display:block; width:100%; height:278px; 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-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(../images/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:310px; float:left; overflow:hidden; margin-right:15px;}
.one.last{ margin:0;}
.mt-box{ overflow:hidden; clear:both; height:250px;}
.mt-box img{ border-top-width:4px; 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:848px; 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:981px;}
.px,.case{ width:306px; background:#f6f6f6; height:460px; 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:180px; 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:211px; margin-bottom:25px;}
.case span{ background:rgba(0,0,0,0.5); background-image:url(../images/jt1.png); background-repeat:no-repeat; background-position:285px center; display:block; bottom:0; position:absolute; color:#fff; width:290px; padding-left:16px; font:16px/35px "微软雅黑";}

.system{ height:310px; overflow:hidden; float:left; width:313px; 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:266px; padding:15px 25px 10px; 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;}
.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(../images/a-on-bg.png) no-repeat; color:#fff;}
.left-menu>a:hover{ background:#e2e2e2;}
.left-menu>a.on:hover{ background:url(../images/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-left a.add,.main-left a.online{ margin-bottom:10px; overflow:hidden; display:block;}
.main-right{ width:700px; 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:40px; margin-bottom:30px;}
.category a{ width:130px; height:40px; margin:0 0 -2px 20px; float:left; font-size:14px; line-height:40px; 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:680px; margin:0 auto;}
.cate,.his{ display:none;}


.message{ overflow:hidden; clear:both;}
.message h2{color:#fff; background:url(../images/write.png) no-repeat 35px 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:32px; color:#666;}
.message ul li input[type=text]{ background:#f9f9f9; border:1px solid #e0e0e0; height:30px; line-height:30px; padding:0 5px; width:144px;}
.message ul li input[type=submit]{ background:#f39800; color:#fff; width:50%; margin:10px auto 0; border-radius:5px; height:30px; border:none; display:block; cursor:pointer; font-size:16px;}


.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:700px; height:170px; margin-bottom:25px;}
.his .two img{ float:left; display:block; overflow:hidden; width:250px; height:170px;}
.his .two .two-right{ float:left; padding:20px 25px; width:400px;}
.his .two .two-right h2{ font-size:20px; font-weight:normal; margin-bottom:5px;}
.his .two .two-right p{ font-size:13px; 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(../images/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:23px; 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{ float:right; font-size:12px; color:#e5e5e5;}
.fr span{ font-family:"Verdana";}