@charset "utf-8";
/* CSS Document */
body,
td,
th,
input,
textarea,
select { font-size: 14px; font-family: '微软雅黑', Arial, Tahoma; color: #666; }
body,
dl,
dt,
dd,
p,
h3 { margin: 0; }
img { border: 0px none; }
table { border-collapse: collapse; }
ul { display: block; margin: 0; padding: 0; }
li { list-style: none; }
a { color: #666; text-decoration: none; outline: none; }
.clear { clear: both; height: 0px; overflow: hidden; }
/*************index*******************/
.ind-head { width: 100%; height: 50px; text-align: center; padding: 10px 0; border-top: 3px solid #005CA9; background: linear-gradient(to bottom, #FFFFFF, #eee); position: absolute; top: 0px; left: 0px; z-index: 999; }
.ind-head img { height: 50px; width: auto; }
.banner { width: 100%; height: 100%; position: absolute; top: 0px; left: 0; z-index: 10; }
.banner .text { width: 100%; text-align: center; position: absolute; top: 40%; left: 0px; z-index: 99; padding: 10px 0; background-color: rgba(20,73,146,0.4); display:none; }
.banner .text img { width: 90%; }
.banner .swiper-slide { height: 100%; width: 100%; text-align: center; overflow: hidden; background-size: cover; background-position: center bottom; background-repeat: no-repeat; }
.banner #ban1 { background-image: url(../images/banner1.jpg); }
.banner #ban2 { background-image: url(../images/banner2.jpg); }
.banner #ban3 { background-image: url(../images/banner3.jpg); }
.banner #ban4 { background-image: url(../images/banner4.jpg); }
.banner #ban5 { background-image: url(../images/banner5.jpg); }
.ind-nav { width: 100%; height: 50px; padding: 15px 0; background-color: rgba(255,255,255,0.9); position: absolute; bottom: 40px; left: 0px; z-index: 999; }
.ind-nav li { float: left; width: 25%; overflow: hidden; }
.ind-nav li a { float: left; display: block; width: 100%; height: 50px; text-align: center; border-right: 1px solid #ccc; box-sizing: border-box; }
.ind-nav li a i { display: block; font-size: 25px; color: #005CA9; margin-bottom: 5px; }
.foot { width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #005CA9; }
.ind-foot { position: absolute; bottom: 0px; left: 0px; z-index: 999; }
/*************index END*******************/
header { height: 50px; padding: 0 15px; background-color: #eee; background: -webkit-linear-gradient(top, #fff, #eee); box-shadow: 3px 3px 3px rgba(0,0,0,0.2); position: relative; z-index: 999; }
.logo { display: inline-block; width: 100%; text-align: center; margin: 0 auto; height: 50px; font-size: 1.3em; line-height: 40px; color: #006DD9; float: left; overflow: hidden; }
.logo img {  width: auto; height: 35px; margin-right: 10px; margin: 0 auto; margin-top: 8px; text-align: center;  }
.pg-main { overflow: auto; padding: 10px; }
.pgbanner { width: 100%; position: relative; overflow: hidden; }
.pgbanner img { width: 100%; height: auto; }
/*************about*******************/
#about { line-height: 2em; }
#about p { text-indent: 2em; margin-bottom: 1.2em; }
#about img { max-width: 100%; height: auto; }
/*************about END*******************/
/*************news*******************/
.new-list li { margin-bottom: 15px; background-color: #f5f5f5; padding: 10px; }
.new-list li .tit { font-size: 16px; color: #333; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.new-list li .txt { color: #999; font-size: 12px; line-height: 1.8em; margin-bottom: 5px; }
.new-list li .date { font-size: 12px; color: #005CA9; }
.news-con .hd { font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; margin-top: 15px; }
.news-con .subhd { font-size: 12px; color: #999; padding-bottom: 10px; height: 30px; border-bottom: 1px solid #ddd; overflow: hidden; }
.news-con .subhd span { float: left; margin-top: 6px; }
.news-con .subhd a { float: right; border: 1px solid #ddd; padding: 5px 8px; color: #999; }
.news-con .con { line-height: 2em; padding: 10px 0; }
.news-con .con img { width: 100% !important; height: auto !important; ; }
.news-ft { padding: 5px 10px; background-color: #f5f5f5; }
.news-ft p { margin: 5px 0; }
/*************news END*******************/
/*************contact*******************/
#contact { line-height: 2em; }
#contact p { margin-bottom: 10px; }
#contact h3 { font-weight: normal; font-size: 20px; color: #005CA9; margin-bottom: 8px; margin-top: 20px; }
#contact .con-bd dt { font-size: 18px; color: #005CA9; border-bottom: 1px solid #ddd; padding-bottom: 14px; margin-bottom: 25px; }
#contact .con-bd dd p { background-position: left 0px; background-repeat: no-repeat; margin-bottom: 20px; height: 25px; line-height: 25px; }
/*************contact END*******************/
/*************product*******************/

.pro-list li { float: left; width: 50%; padding: 7px; box-sizing: border-box; overflow: hidden; }
.pro-list li a { display: inline-block; width: 100%; height: auto; background-color: #f5f5f5; text-align: center; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pro-list li a span { display: block; width: 100%; height: auto; vertical-align: middle; overflow: hidden; }
.pro-list li a p { width: 100%; font-size: 12px; height: 30px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; text-align: center; padding: 0px 10px; box-sizing: border-box; overflow: hidden; }
.pro-list li a img { width: 100%; text-align: center; }
.proimg { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 15px; text-align: center; }
.breadcrumb { text-align: center; margin: 15px 0; padding: 15px; background-color: #f5f5f5; color: #005CA9; }
.breadcrumb a { color: #005CA9; }
#pg-proview { padding: 15px; }
#pg-proview .title { height: 40px; line-height: 40px; background-color: #005CA9; color: #fff; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; }
#pg-proview .tags_title { font-weight: normal !important; border: none !important; background-color: #f5f5f5 !important; color: #005CA9 !important; text-align: center; }
#pg-proview .img { width: 100%; padding-bottom: 15px; }
#pg-proview .img img { width: 100%; height: auto; }
#pg-proview .con { overflow: hidden; }
#pg-proview .con img { max-width: 100%; }
/*************product END*******************/

/* news list start  */
#news li{border-bottom:1px solid #EEE;}
#news li a{display:-webkit-box; -webkit-box-orient:horizontal; height:50px; padding:15px;}
#news li a p.time{width:50px; height:50px; border:1px solid #E6E6E6; box-shadow:1px 1px 5px 0 rgba(0,0,0,0.08);}
#news li a p.time .day{display:block; text-align:center; font-size:16px; color:#333; padding-top:8px;}
#news li a p.time .date{font-size:10px; color:#999; display:block; text-align:center;}
#news li a p.con{-webkit-box-flex:1; padding-left:12px; padding-top:2px;}
#news li a p.con .tit{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#news li a p.con .cons{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:5px; color:#999; font-size:11px;}

/******footer******/
.footer { font-size: 12px; padding: 10px; line-height: 2em; text-align: center; color: #999; margin-top: 10px; margin-bottom: 60px; border-top: 1px solid #eee; }
.footer a { color: #999; }
.ftnav { position: fixed; bottom: 0px; left: 0px; z-index: 999; width: 100%; height: 50px; background-color: rgba(0,92,169,.95); padding-top: 8px; opacity: .9; }
.ftnav a { width: 25%; height: 50px; float: left; display: block; text-align: center; color: #fff; line-height: 1; }
.ftnav a img { height: 25px; width: auto; margin-bottom: 5px; }

#pager{margin-top:15px; padding-left:2px; padding-bottom:20px; text-align:center;}
#pager *{font-size:11px !important; border-color:#E6E6E6;}
#main {
    padding: 20px 15px;
}
#info{padding-top:11px; color:#999; text-align:center; border-top:1px solid #EEE;}

#main h1{font-size:18px;}
/******footer END******/