@charset "utf-8";
body,html{ min-width:320px; background:#f5f5f5;}
*{ 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{ width:100%; margin:0 auto; overflow:hidden; clear:both;}
.top-right{ overflow:hidden; clear:both;}
.trl{ background:#036eb8; height:45px; line-height:45px; font-size:13px; padding-left:5px; color:#fff; font-family:"黑体";}
.trl span,.trl i{ font-size:13px;}
.share{ height:45px; line-height:45px; border-bottom:1px solid #dedede; overflow:hidden;}
.share a{ font-size:13px; color:#454545; margin-left:2%; padding-left:22px; position:relative; display:block; float:left;}
.share a:before{ width:17px; height:45px; content:''; position:absolute; left:0; top:0;}
.share a.icon1:before{ background:url(../images/icon1.png) no-repeat left center; background-size:100% auto;}
.share a.icon2:before{ background:url(../images/icon2.png) no-repeat left center; background-size:100% auto;}
.logo-box{ padding:10px 10px 5px; overflow:hidden; clear:both;}
.logo{ width:150px; background:url(../images/logo.png) no-repeat; float:left; height:32px; background-size:100% auto;}
.menu{ background:url(../images/nav.png) no-repeat; width:24px; height:32px; background-size:100% auto; float:right; display:block;}
.nav{ display:none; overflow:hidden; clear:both; padding:0 5px; margin-top:5px;}
.nav li>a{ width:100%; line-height:35px; text-indent:10px; background:#fff; display:block; border-bottom:1px solid #dedede; font-size:14px; color:#666;}
.nav li>a:hover,.nav li>a.cur{ background:#00a0e9; color:#fff;}
.nav li .dia{ display:none;}



.index{ padding:5px;}
/*banner*/
.banner{ width:100%; height:222px;position:relative;}
#slides{ display:block; width:100%; height:222px; 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:10px; height:10px; float:left; margin:0 5px; border-radius:50%; background:#b6b1b6;}
#pagination li a{text-indent:-9999px; display:block;}
#pagination li.current{ background:#fff;}


.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:100%; float:left; overflow:hidden; margin-right:40px;}
.one.last{ margin:0;}
.mt-box{ overflow:hidden; clear:both;}
.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:16px/30px "微软雅黑"; color:#666; height:90px; overflow:hidden;}
.mt-box ul{ display:block; overflow:hidden; clear:both;}
.mt-box ul li{ line-height:30px; font-size:16px; overflow:hidden;}
.mt-box ul li a{ float:left; overflow:hidden; color:#666; padding-left:15px; background:url(../images/jt.png) no-repeat left center;}
.mt-box ul li span{ float:right; overflow:hidden; font-size:12px; color:#666;}
.mt-box ul li:hover a,.mt-box ul li:hover span{ color:#227d5b;}

.img-show{ padding:30px 0 20px; overflow:hidden; width:100%;}
.img-show>span{ display:none;}
.img-box{ margin:0 auto; overflow:hidden; width:100%;}
.img-box ul{ overflow:hidden; left:0; top:0;}
.img-box ul li{ width:22%; float:left; border:1px solid #e1e1e1; margin:0 4% 4% 0; box-sizing:border-box;}
.img-box ul li:nth-child(4n){ margin-right:0;}
.cate,.his{ display:none;}


.main-left{ overflow:hidden; clear:both; margin-bottom:10px;}
.left-menu{ overflow:hidden; clear:both; margin-bottom:10px; padding-bottom:1px;}
.left-menu a{ border-top:1px solid #e2e2e2; display:block; padding-left:10px; background:#fff; margin-bottom:-1px; font:14px/39px "微软雅黑"; color:#666;}
.left-menu a.on{ background:#00a0e9; color:#fff; font-size:16px;}
.left-menu a:hover{ background:#e2e2e2;}
.left-menu a.on:hover{ background:#00a0e9;}
.log{ display:none;}


.main-left a.add{ width:49%; float:left;}
.main-left a.online{ width:49%; float:right;}

.address{ font:14px/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:35px/35px "微软雅黑"; color:#036eb8; margin-bottom:15px;}

.history{ overflow:hidden; clear:both; margin-bottom:20px;-moz-column-count:5;-webkit-column-count:5; column-count:5;-moz-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;}
.history a{ width:100%; height:40px; text-align:center; line-height:40px; display:block; margin-right:12px; background:#c9c9c9; color:#fff; margin-right:1%; font-size:20px;}
.history a.cur{ background:#036eb8;}

.his .two{ background:#e9e9e9; overflow:hidden; width:100%; margin-bottom:40px;}
.his .two img{ float:left; display:block; overflow:hidden; width:45%;}
.his .two .two-right{ float:left; margin:10px 2% 10px 3%; width:50%;}
.his .two .two-right h2{ font-size:1.2em; font-weight:normal;}
.his .two .two-right p{ font-size:0.8em; line-height:25px; 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;}


.px-box,.case-box,.system-box,.fw-box{ margin-bottom:30px; overflow:hidden; clear:both; width:100%;}
.px-box,.case-box,.system-box{-moz-column-count:2;-webkit-column-count:2; column-count:2;-moz-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;}
.system{overflow:hidden; float:left; width:100%; background:#fff;}
.system img{ margin-bottom:10px; display:block; overflow:hidden; clear:both;}
.system span{ display:block; height:145px; overflow:hidden;}
.system a{ font:12px/32px "微软雅黑"; color:#666; display:block; text-align:center;}
	
.fw{ overflow:hidden; display:block; padding:25px; height:64px; background:#fff; margin-bottom:6px;}
.fw:hover{ background:#eee;}
.fw img{ float:left; overflow:hidden; margin-right:15px; padding-bottom:41px;}
.fw h3{ font:18px/23px "微软雅黑"; color:#333; margin-bottom:5px;}
.fw p{ color:#999; font:14px/20px "微软雅黑";}


.case{ position:relative; margin-bottom:10px; width:100%; display:block;}
.case span{ background:rgba(0,0,0,0.5); display:block; bottom:0; position:absolute; color:#fff; width:100%; text-indent:16px;font:16px/35px "微软雅黑";}
.case span:after{ content:''; position:absolute; right:15px; bottom:12px; background-image:url(../images/jt1.png); width:5px; height:10px;}

.px{ width:100%; overflow:hidden; clear:both; margin-bottom:20px; background:#fff; padding-bottom:15px;}
.px 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;}


.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:20%; height:40px; margin:0 0 -2px 4%; 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{ margin-bottom:30px;}

.message{ overflow:hidden; clear:both; padding-top:10px;}
.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; background:#fff;}
.message ul li{ margin-bottom:10px; overflow:hidden; display:block;}
.message ul li span{ float:left; font-size:14px; line-height:32px; color:#666; width:20%; text-align:right;}
.message ul li input[type=text]{ background:#f9f9f9; border:1px solid #e0e0e0; height:30px; line-height:30px; width:144px; width:76%;}
.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;}








/*分页*/
.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*/
.fl{ font-size:14px; color:#fff; width:100%; background:#00a0e9; height:40px; line-height:40px; text-align:center;}
.fl a{ color:#fff;}
.fr{ padding:20px 0; line-height:25px; text-align:center;}
.fr span{ font-size:14px; display:block; color:#6e6e6e;}