@charset "utf-8";

#banner{background:#FFF; position:relative; margin-top:72px;}
#banner img{width:100%; display:block;}
.swiper-pagination{width:100%; bottom:8px; position:absolute;}
.swiper-pagination-bullet{background:#FFF !important; opacity:0.8 !important; margin-left:3px; margin-right:3px;}
.swiper-pagination-bullet-active{background:#FC0 !important; opacity:1 !important;}
.swiper-slide img{width:100%;}

#head{width:100%; height:76px; background:#FFF; box-shadow:0 0 5px 0 rgba(0,0,0,0.12); position:fixed; left:0; top:0; z-index:999;}
#top{width:100%; height:42px; position:relative; text-align:center; background:#2F4D93;}
#logo{height:18px; padding-top:11px;}
#navBtn{width:42px; height:42px; position:absolute; left:0; top:0; display:block;}
#navBtn img{height:38px;}
#lan{width:46px; height:42px; line-height:41px; color:#FFF; text-align:center; display:block; position:absolute; right:0; top:0; font-weight:bold;}

#menu{padding:0 10px; display:-webkit-box; -webkit-box-orient:horizontal; height:34px;}
#menu a{display:block; height:100%; line-height:32px; -webkit-box-flex:1; text-align:center;}
#menu a.A{border-bottom:2px solid #33458E; height:32px; color:#33458E;}

#main{padding:20px 15px;}

#foot{background:#F5F5F5; height:28px; padding-top:12px; text-align:center; font-size:11px; color:#999;}
#foot a{color:#999;}

#nav{width:100%; height:100%; position:fixed; z-index:99999; left:0; top:0; background:rgba(0,0,0,0.8); text-align:center; opacity:0; display:none;}
#nav p{width:200px; height:300px; position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-150px; border-top:1px solid rgba(255,255,255,0.2);}
#nav a{display:block; color:#FFF; font-size:14px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,0.2); padding-top:14px;}
#nav a span{display:inline-block; padding-right:10px;}
#nav a span img{height:30px; vertical-align:middle;}
#nav a:active{background:rgba(255,255,255,0.1);}

#index a{width:100%; display:-webkit-box; -webkit-box-orient:horizontal; height:82px; border-bottom:1px solid #E6E6E6; background:#FFF;}
#index a .img{width:78px;}
#index a .img img{width:50px; margin:15px 15px;}
#index a .con{-webkit-box-flex:1; padding:15px 10px 0px 0;}
#index a .con .tit{display:block; font-size:13px; padding-top:9px; height:18px;}
#index a .con .cons{display:block; height:22px; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-top:0px;}

.banner{background-repeat:no-repeat; background-position:center center; background-size:cover; height:80px; margin-top:72px;}

.content{font-size:12px !important; line-height:190% !important; color:#464646 !important; padding-top:20px;}
.content p{margin:0 !important; margin-bottom:16px !important;}
.content img{display:block; max-width:100% !important; height:auto !important;}
.content:after{content:'.'; display:block; font-size:0; height:0px; clear:both;}

.contact img{max-width:100%;}

#news li{border-bottom:1px solid #EEE;}
#news li a{display:-webkit-box; -webkit-box-orient:horizontal; height:60px; padding:15px;}
#news li a p.time{width:56px; height:60px; 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:26px; color:#333; padding-top:8px;}
#news li a p.time .date{font-size:10px; color:#999; display:block; text-align:center; padding-top:3px;}
#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; font-size:13px; color:#33458E; padding-top:3px;}
#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; line-height:140%;}

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

#info{padding-top:11px; color:#999; text-align:center; border-top:1px solid #EEE;}

#main h1{font-size:18px;}

#prolist li{width:100%; margin-bottom:12px; border-bottom:1px dashed #DDD; padding-bottom:10px;}
#prolist li a{display:-webkit-box; -webkit-box-orient:horizontal;}
#prolist .img{width:60px;}
#prolist .con{-webkit-box-flex:1; padding-left:12px; display:-webkit-box; -webkit-box-align:center;}
#prolist .img img{width:60px; height:60px; border:1px solid #E6E6E6;}

#procon img{max-width:100%;}