@charset "gb2312";
/*****公共样式*******/
*{padding:0;margin:0;font-family:"微软雅黑"; border-image:none;}
html,body{margin: 0;background:#fff;min-width: 1280px;}
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;*/}
.header_top{width: 100%;height: 108px;background:rgb(0 9 53 / 8%);position: relative;z-index: 99999;}
.header{ width:1200px; height:100%; margin:0 auto;}
.nav{width: 100%;height: 66px;border-top: 3px solid #f8ae31;background:#3c81ff;box-sizing: border-box;position: relative;}
.logo{ width:324px; height:100%; line-height:108px; float:left;}
.logo img{ margin-top:20px;}
.header_right{float: right; margin-top: 45px;}
.search{float: left;position: relative;z-index: 99;}
.search .text{position: absolute; right: 0; top: 0;z-index: 10; width: 28px; height: 28px; border: 1px solid #a2abb4; background: transparent; 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: 26px; color: #a2abb4;}
.search .button{width: 28px; height: 28px; 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;background-color:#497ab3;color: #ffffff;}
.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:1200px; height: 63px;margin: 0 auto;}
.tab>li{float: left;font-size:17px;font-family:"微软雅黑";margin: 0px 4px;line-height:63px;padding: 0 16px;height: 63px;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.tab>li>a{ color:#fff; position: relative; z-index: 2;}
.tab>li.on{top: 0; background: #F8AE31;}
.tab>li .sub{position:absolute;top:63px;height:auto;background: #3c81ff;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: #fff;}
.tab>li .sub li:hover{background:rgba(15, 88, 160, 0.8);}


/***** 公共底部 *****/
.link_w{ width:100%; height:205px;background:url(/upfiles/202403/20240312104043791.png) no-repeat top center;}
.link{ width:1200px; height:205px;}
.link .link_left{float:left;margin-top:55px;display: none;}
.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:200px;}
.link .link_left li:nth-child(1) img{ width:200px;}
.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: 1200px;}
.link .link_right li{float:left;display:block;width: 60px;height:80px;margin-left: 1px;margin: 0 45px;}
.link .link_right li p{width: 83px;display:block;text-align:center;margin-bottom:8px;}
.link .link_right li span{width: 83px;color:#fff;font:14px/30px "微软雅黑";text-align:center;display:block;transition-duration:500ms;-webkit-transition-duration:500ms;}
.link .link_right li .sub_link{display:none;color: #c7daec;font-size:13px;float:right;position: relative;height: 24px;margin-top: 10px;}
.link .link_right li .sub_link p{text-align: center;float: right;width: 146px;line-height: 24px;}
.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;}
.link .link_right li:hover .sub_link{display:block;background-color: rgba(255, 255, 255, 0.16);transition-duration:500ms;-webkit-transition-duration:500ms;}
.link .link_right li:hover :before{   /*用伪类写出小三角形*/content: '';display: block;width: 0;height: 0;border: 8px solid transparent;position: absolute;top: 10px;}
.link .link_right li:hover :before{border-bottom: 8px solid rgba(255, 255, 255, 0.10);right:32px;top:-16px;}
.link .link_right li:hover .sub_link p{margin-top:0 !important;}


/***** foot *****/
.foot_w{ width:100%; height:103px;background:#dadbdd;}
.foot{ width:1200px; height:103px;}
.foot .foot_logo{float:left;width: 280px;height:48px;margin-top:28px;}
.foot .copyright{float:left;width: 800px;height:48px;overflow:hidden;margin:28px 0px 0px 57px;font:12px/24px "微软雅黑";color:#989898;}
.foot .copyright a{color:#989898;float: left;position: absolute; /*margin-top: -24px;margin-left: -30px;*/}
.foot .foot_ico{float: left;width: 188px;padding-right: 30px;margin-left: 288px;}
.foot .foot_ico a{float: left;margin-left: 6px;font-size: 12px;color: #989898;width: 202px;line-height: 24px;}




/*******侧栏********/
.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: #3c81ff; 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;}