@charset "gb2312";
/*****公共样式*******/
*{padding:0;margin:0;font-family:"微软雅黑"; border-image:none;}
body{min-width:1340px;}
li,ul,dl,dt,dd,ol,ul{list-style:none; text-decoration:none;}
a{text-decoration:none; color:none; cursor: pointer;}
img{ border:0; text-decoration:none;}
h1, h2, h3, h4, h5, h6{ font-weight: normal;}
u,b{ font-weight:normal; text-decoration:none;}
/***** 水平居中 *****/
.cen{margin:0 auto; }
/***** 清除浮动 *****/
.clear{clear:both}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1}

/*header*/
.header_wrap{width:100%;height:auto;position:fixed;z-index:99999;top:0;/*position: relative;*/box-shadow: 0 0 6px 6px rgba(0, 27, 47, 0.16);}
.header_top{width: 100%;height: 100px;background: rgba(0, 46, 92, 0.8);position: relative;z-index: 99999;}
.header{width: 1300px;height:100%;margin:0 auto;}
.nav{width: 100%;height: 56px;background: #f2f9ff;box-sizing: border-box;position: relative;}
.logo{ width:324px; height:100%; line-height:108px; float:left;}
.logo img{margin-top: 18px;}
.header_right{float: right;margin-top: 34px;}
.header_right img{width:312px;float:left;margin-top:4px;}
.search{float: right;position: relative;margin-left:30px;}
.search .text{position: absolute;right: 0;top: 0;z-index: 10;width: 32px;height: 32px;background: #fff;border: none;box-sizing: border-box;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;-webkit-transition:width .5s;-moz-transition:width .5s;-o-transition:width .5s;-ms-transition:width .5s;transition:width .5s;outline: none;font-size: 14px;line-height: 32px;color: #aaa;}
.search .button{width: 32px;height: 32px;background: url(../images/search.png) no-repeat center;border: 0;position: relative;z-index: 11;outline: none;}
.search .button:focus{outline: none;}
.search:hover .text{width: 180px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;padding: 0 20px;}
.renyuan{float: left; font-size: 16px;color: #e9e9e9; line-height: 28px;}
.renyuan a{padding: 0 14px; color: #e9e9e9;}
.renyuan a:hover{text-decoration: underline;}

.tab{width: 1300px;height: 56px;margin: 0 auto;}
.tab>li{float: left;font-size: 16px;font-family:"微软雅黑";line-height: 56px;padding: 0 24px;margin-right: 10px;height: 56px;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.tab>li>a{color: #333;position: relative;z-index: 2;}
.tab>li.on{top: 0;background: rgba(14, 104, 170, 0.2);}
.tab>li.on a{color:#333;}
.tab>li .sub{position:absolute;top: 56px;height:auto;background: #d3e2f1;background:#fff\9;z-index:999;margin-left: -20px;display:none;}
.tab>li .sub li{padding: 0 40px;height:48px;line-height:48px;}
.tab>li .sub li a{font-size: 14px;color: #555;}
.tab>li .sub li:hover{background:rgb(17, 98, 156);}
.tab>li .sub li:hover a{color:#fff;}

.tab>li:last-child{background:#0e68aa;width:140px;text-align:center;float: right;margin-right: 0;}
.tab>li:last-child a{color:#fff;background:url(../images/home.png) no-repeat left;padding-left:32px;}


/***** 公共底部 *****/
.link_w{ width:100%; height:205px;background:url(../images/foo_link_bg.jpg) no-repeat top center;}
.link{ width:1200px; height:205px;}
.link .link_left{ float:left; margin-top:55px;}
.link .link_left li{ height:94px;float:left; margin-right:3px;border:solid 1px #b3b3b3; display:block; overflow:hidden;}
.link .link_left li img{ width:138px;moz-transition: 1s;-webkit-transition: 1s;-ms-transition: 1s;-o-transition: 1s;}
.link .link_left li:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.link .link_left li:nth-child(1){ width:138px;}
.link .link_left li:nth-child(1) img{ width:138px;}
.link .link_left li:nth-child(2){ width:122px;}
.link .link_left li:nth-child(2) img{ width:122px;}
.link .link_left li:nth-child(3){ width:148px;}
.link .link_left li:nth-child(3) img{ width:148px;}

.link .link_right{ float:right; margin-top:70px; width:590px;}
.link .link_right li{ float:left; display:block; width:81px; height:80px; margin-right:1px;}
.link .link_right li p{ width:81px; display:block; text-align:center; margin-bottom:8px;}
.link .link_right li span{ width:81px;color:#fff;font:14px/30px "微软雅黑"; text-align:center; display:block;transition-duration:500ms;-webkit-transition-duration:500ms;}
.link .link_right li:hover span{color:#99b5cf;transition-duration:500ms;-webkit-transition-duration:500ms;}
.link .link_right li:hover p{ margin-top:3px;transition-duration:500ms;-webkit-transition-duration:500ms;}


/*******侧栏********/
.slide_bar{width: 70px; height: 277px; position: fixed;bottom: 3%; right: 8px; z-index: 99999999999;}
.slide_bar li{width: 70px; height: 65px; position: relative; margin-top: 5px;}
.slide_bar li .bar_main{display:block;width: 64px; height: 59px; background: #0f58a0; padding-top: 4px; padding-left: 5px; position: relative;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s; z-index: 2;}
.slide_icon{width: 60px; height: 55px; border: 1px solid rgba(255,255,255,.2);box-sizing: border-box; }
.slide_bar li.one .slide_icon{background: url(../images/weixin.png) no-repeat center;}
.slide_sub{position: absolute; right: 84px; -webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.slide_bar li.one .slide_sub{width: 143px; height: 143px; top: 50%; margin-top: -71.5px; overflow: hidden;display: none;}
.slide_bar li.one .slide_sub img{width: 100%; height: 100%;border: 1px solid #bbb6b6; box-sizing: border-box;}
.slide_bar li span{width: 6px; height: 11px; display: block; background: url(../images/le.png) no-repeat center; position: absolute;top: 50%;margin-top: -5.5px;right: 60px; -webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s; z-index: 1;}

.slide_bar li:hover .bar_main{background: #f8ae31;}
.slide_bar li:hover span{right: 69px;-webkit-transition: .3s .2s;-moz-transition: .3s .1s;-ms-transition: .3s .1s;-o-transition: .3s .1s;transition: .3s .1;}
.slide_bar li.one:hover .slide_sub{display: block;}
.slide_bar li.two .slide_icon{background: url(../images/weibo.png) no-repeat center;}
.slide_bar li.three .slide_icon{background: url(../images/shouji.png) no-repeat center;}
.slide_bar li.three .slide_sub{width: 0px; height: 60px; position: absolute; top: 50%; margin-top: -30px; right: 84px; line-height: 60px; text-align: center; font-size: 16px; color: #fff;background: #f8ae31; overflow: hidden;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.slide_bar li.three:hover .slide_sub{width: 140px;}
.slide_bar li.four .slide_icon{background: url(../images/top.png) no-repeat  center 8px;}


/***** foot *****/
.footer{float:left;width:100%;height:auto}
.footer .footer_link{width: 1300px;height:48px;line-height:48px;text-align:left;margin: 0 auto 30px auto;border:1px solid rgba(13, 103, 187, 0.16);background-color: #fff;}
.footer .footer_link span{float:left;font-size:16px;font-weight:bold;color:#0d67bb;padding-left:24px;}
.footer .footer_link a{height:14px;border-right:1px solid #0d67bb;font-size:14px;color:#0d67bb;padding:0 20px;}
.footer .footer_link a:last-child{border:none;}
.footer .footer_link a:hover{font-weight:bold;}
.footer .footer_m{background-color: #004f89;height:120px;border-top:3px solid #4896df;color:rgba(255, 255, 255, 0.88);text-align:center;}
.footer .footer_main{margin-top:24px;}
.footer .footer_main p{font-size:13px;line-height:30px;}
.footer .footer_main p span{padding:0 10px;}
.footer .footer_main p a{color:rgba(255, 255, 255, 0.88);}
.footer .footer_main p a:hover{text-decoration:underline;}

/***** 当前位置 *****/
.position {width: calc(100%-30px);padding-left:30px;background:#fafbfd url(../images/add_ico01.png) 13px center no-repeat;height:38px;font:12px/38px "微软雅黑";color:#787777;height:38px;margin-top:30px;margin-bottom:20px;box-shadow:0px 0px 3px #e3e3e3;/*兼容operaspace:nowrap*/-moz-box-shadow:0px 0px 3px #e3e3e3;/*兼容firefox*/-webkit-box-shadow:0px 0px 3px #e3e3e3;/*兼容safari或chrome*/filter:progid:DXImageTransform.Microsoft.Shadow(color=#e3e3e3,direction=120,strength=3);/*兼容ie*/}
.position a{ font:13px/30px "微软雅黑"; height:30px;color:#555; text-decoration:none; }
.position a:hover{color:#0268bc; text-decoration:underline;} 

#container{width:1200px;}

table{position: relative;left: 50%;transform: translateX(-50%);}