@charset "utf-8";
/**comm**/
*{margin:0;padding:0}

body{font-size:12px;color:#666;font-family:"微软雅黑",Verdana,Geneva,sans-serif;line-height:1.8em;min-width:320px;background:#fff}
.st{font-family:"宋体"}
.yh,h1,h2,h3,h4,input,textarea{font-family:"\5FAE\8F6F\96C5\9ED1"}
a,a:visited{color:#333;text-decoration:none}
a:hover{color:#f00;text-decoration:underline}
.red,a.red:hover,a.red:link,a.red:visited{color:#c00}
img{border:none;zome:1}
dl,li{list-style:none}
.clear:after,.clear:before{content:".";display:block;height:0;visibility:hidden}
.clear{clear:both}
.left{float:left}
.right{float:right}
#main{box-sizing:border-box}
#banner{margin-top:0}
img{border:none;display:block}
.content img,.container img{display:inline-block; max-width:100%; height:auto!important}
h1,h2,h3,h4,h5{font-size:14px;font-weight:400}
article,aside,dialog,figure,footer,header,menu,nav,section{display:block}
.container{width:1260px;margin:0 auto;overflow:hidden}
a:link{text-decoration:none}
.news_dot li{background:url(dot.png) left no-repeat; padding-left:12px }
.auto_hide li,.news_list2 li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-moz-binding:url(/css/ellipsis.xml#ellipsis)}



/**top**/
header{ position:relative;}
#head_bg{ opacity: 0.8; position: absolute;  text-align: center; z-index:-1;left: 0px; bottom: 58px;width:100%; height:164px;  }
#head_bg img{width: 100%; height: auto; max-width: 1088px;  margin: 0 auto; }
#toolbar{height:32px;line-height:32px;color:#0060aa;background:rgba(140,170,200,0.3); }
#toolbar .left{min-width: 320px;width: 25%; }
#toolbar .right{min-width: 222px;width: 18%; text-align:right}

#toolbar .right a{ color:#0060aa}
#toolbar .right span{ opacity:0.5; margin:0 5px} 
#toolbar .right img{ position:fixed;display:none}
#toolbar  a:hover img{ display:block}

 #search{width:340px; height:35px; float:right; border:1px solid #0060aa; border-radius: 17.5px; margin-top: 40px; }
 #search form{width:200px; overflow:hidden; display:inline}
 #search i.iconfont{ color: #0060aa; margin:4px 10px; font-weight: bold;font-size: 18px; top: 3px; position: relative; }
#search input{  border:none; background:transparent; color:#666;font-size:12px; width: 200px; height: 35px; line-height: 35px; padding:0px 5px}
 #search input::-webkit-input-placeholder{ color:#999; }
#search input.bt_search{ float: right; cursor:pointer;background:#0060aa; color: #fff; outline:none;width:77px; height: 35px;border-radius: 17.5px;}
#logo{width:252px;height:78px;margin:21px 0;float:left}
/**menu**/
#menu{height:58px;position:relative;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; background:#0060aa}
#menu li{float:left;line-height:56px; width:16.6666%; text-align: center; }	
#menu li a{color:#fff;font-size:20px;display:block;text-decoration:none;width:100%; text-align:center; }
#menu li:hover,#menu li.cur { background: #00477e;}
#menu li i.iconfont{ font-size: 20px;  margin-right: 5px; color: #4f98d1;}
#menu #showbt { display: none;}

/**footer**/
footer{width:100%;background:#619bcf;overflow:hidden; padding-top: 40px;}
#bt_nav{  overflow:hidden; width:105%; left:-1%; position:relative}
#bt_nav li{ width:9%; height:120px; text-align: center; float:left; margin-left:1%; font-size:16px; color:#fff; background: #71a5d4; background:rgba(255,255,255,0.2) }
#bt_nav li#contact{ width: 27%; text-align: left;}
#bt_nav li#qrcode{ width: 17%;text-align: left;}
#bt_nav li:hover{ background: #0060AA;}
#bt_nav li#contact a{ display: inline-block; color: #fff; padding: 0;}

#bt_nav  a{ display:block;  padding:20px; padding-bottom:0px;color:#fff}
#bt_nav p{ padding:20px; line-height:1em}
#bt_nav  .iconfont{ font-size: 30px; display: block; margin: 15px auto; opacity: 0.8;}
#bt_nav li:nth-child(1)  .iconfont{ font-size: 22px; }
#bt_nav li:nth-child(2)  .iconfont{ font-size: 20px;}
#bt_nav li#contact .iconfont{  display: inline-block; font-size: 16px; margin-bottom: 8px;}
#qrcode { position:relative; padding: 10px; box-sizing: border-box;}
#qrcode a{ background:url(icon_qrcode2021.png) 10px 18px no-repeat ; padding-left:40px; display:block;   }
#qrcode a img{ position:absolute;z-index:100; right:0px; top:0px; display:none}
#qrcode a:hover img{ display:block}
#copyright{margin-top:40px;height:50px;line-height:50px;background:#30658d;color:#fff}
#copyright .right{float:right;width:200px;text-align:right; }
#copyright  a{color:#fff; white-space: nowrap; }


@media (max-width:1260px){
.container{width:auto;min-width:auto; margin:0 20px;}
#head_bg{ height: auto;opacity: 0.8; width: 80%;left:auto; right: 0;}
}

@media (max-width:1024px){
	input,select{
	-webkit-appearance:none;
	outline:none
	}
	header{background: #e9f4fe; }
#toolbar .right{ display: none;} 
#head_bg{ opacity: 0.1;}
#copyright .right{ float: none ; text-align: left;}
#search{  width: 40%; margin-left:  auto; margin-right:  auto;opacity: 0.5;}
#search input{ width: 50%;}
#menu li a{ font-size: 16px;}
#bt_nav li{ width:18.3%; height:120px; }
#bt_nav li#contact,#bt_nav li#qrcode{ width: 48%; margin-top: 20px; }

#copyright{ height: auto;line-height:1.8em; padding: 15px 0;}

}
@media (max-width:700px){
#popszass{ display:none !important;}
header{height: auto; border-bottom: 1px solid #619bcf; overflow: visible; position: relative; }
#head_bg{ opacity: 0.2;}
#logo{ float: none;width: 80%; height: auto; margin: 30px auto; text-align: center;}
#logo img{ width: 40%; height: auto;}
#search{ background: #fff; width: 100%; float: none; margin-top: 0; margin-bottom: 20px;}
#toolbar{ background: #0060aa; color: #fff;}
#toolbar  #phone{ display:none}
#logo{width: 50%; float: left; margin: 10px auto;}
#logo img{ width: 100%; }
#search{  width: 98%; margin:0 auto;  margin-bottom:20px; clear: both; }
#search input{ width: 50%;}
#menu{ height: 100%; margin: 0;  background: none; }
#menu #showbt { display: block; width: 30px; height: 30px;right: 30px; top: -110px; position: absolute; z-index: 300; }
#menu #showbt .iconfont{ color: #0060aa; font-size: 36px;}
#menu .show#showbt { position: fixed;right: 30px; top: 60px;}
#menu .show#showbt .iconfont{ color: #fff;}
#menu  .container{ width: 45%; height: 100%; margin: 0;position: fixed; right: -9999px; top: 0; z-index: 200; }
#menu  .container.show{ right: 0;}
#menu ul{ padding-top: 150px; background: #0060aa; width:100%;height: 100%; }
#menu ul li{ float: none; width: 100%;}
#menu li a{ text-align: left; padding-left: 20px; box-sizing: border-box;}

#bt_nav li{ display: none; }
#bt_nav li#contact,#bt_nav li#qrcode{display:block;width: 100%; margin: 0px;  }
#bt_nav li#qrcode{ display: none;}
}