@charset "utf-8"; /*顶部样式*/ .header{height:210px;} .header .top{height:155px;overflow:hidden;} .header .top .logo{width:281px;height:82px;float:left;margin:40px 31px 0px 0px;} .header .top .logo a{display:block;width:100%;height:100%;} .header .top .logo a img{width:100%;height:auto;} .header .top .Channel{width: auto;height:74px;border-left:1px solid #901d22;margin-top:44px;float:left;font-size:34px;color:#901d22;text-align:center;line-height:74px;padding-left: 10px;} .header .txt{height: 44px;line-height: 34px;padding-top:10px;margin-bottom:20px;} .header .txt a{width: auto;height: 100%;display: block;color: #961617;font-size: 14px;float: left; position: relative;} .header .txt span{padding: 0 5px; display:block;color: #961617;font-size: 14px;float: left;} .header .txt a:before{content:"";display: block; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; background: #ffffff;transition:all 0.1s ease-out 0s;transform:scaleX(0);} .header .txt a:hover:before{transform:scaleX(1);} .header .txt .jgyxBox{ display:none; position:absolute;top: 35px; left:50%; margin-left:-70px;width:140px;background:#fff;text-align: center;color: #000;} .header .txt .jgyx:hover .jgyxBox{display:block;} .header .cd_js{width:282px; height:50px;overflow: hidden;float:right;} .header .cd_js a{ display:block;width:50px; height:50px; float:left;margin-left: 20px;} .header .cd_js .home{width:120px; height:35px;border-radius:6px;background:#bb8d6a;text-align:center;line-height:35px;font-size:16px;color:#ffffff;margin-top:8px;} .header .cd_js .caidan{background: url(../images/myxw_img02.png) center center no-repeat;} .header .cd_js .jiansuo{background: url(../images/myxw_img01.png) center center no-repeat;} .header .NavUl{height:55px; background:#961617;} .header .NavUl ul{display:flex;justify-content: space-between;} .header .NavUl ul li.home{width:auto;} .header .NavUl ul li{width:auto;height:55px;float:left;min-width: 120px;} .header .NavUl ul li>a{display:block;width:100%;height:100%;font-size:20px;color:#ffffff;text-align:center;line-height:55px;} .header .NavUl ul li.on,.header .NavUl ul li:hover{background:#bb8d6a;} .header .NavUl ul[cid="1520097722105888"]{ justify-content: flex-start; } .header .NavUl ul[cid="1520097722105888"] li {width: auto;} .header .NavUl ul[cid="1520097722105888"] li + li{margin-left: 50px;} .header .NavUl ul[cid="1520099194306592"]{ display:block; } .header .NavUl ul[cid="1520099194306592"] li + li{margin-left: 30px;} .address{width: 100%; height: 61px; line-height: 61px; position: relative; color: #333333; font-size: 14px;margin-top:10px;} .address a{ padding:0 5px; } .address a:last-child{ color: #961617; } /*检索框*/ .search-box{background:rgba(0,0,0,0.8);position: fixed;left:0;top:0;right:0;bottom:0;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease-out 0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;} .search-box.showdiv{opacity:1;visibility:visible;} .search-box .close_js{cursor: pointer;position:absolute;right:50%;top:50px;margin-right: -675px;background:url(../images/ico_close.png) no-repeat center center;width:50px;height:50px;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s} .search-box .close_js:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg)} .search-box .searchbox{height:45px;line-height:45px;width:550px;display:-ms-flexbox;display:flex;transform:translateY(-50px);opacity:0;margin-top:-100px;} .search-box.showdiv .searchbox{transform:none;transition:all 0.5s ease-out 0s;opacity:1;} .search-box.showdiv .searchbox input{background:#fff; border: none; outline: none; box-shadow:3px 3px 3px rgba(0,0,0,0.5) inset;-ms-flex:1;flex:1;padding:0 12px;font-size:16px;-webkit-appearance:none;appearance:none;border-radius:0;} .search-box.showdiv .searchbox .toSearch{background:#94070a;color:#fff;width:120px;text-align: center;font-size:18px;cursor: pointer;-webkit-appearance:none;appearance:none;border-radius:0;} /*栏目菜单*/ /*栏目菜单*/ .nav_menu{position:fixed;top:0;left:0;right:0;width:100%;height:100%;z-index:1000;margin:0 auto;text-align:center;background:url(../images/img_03.png) center top repeat; background-size:100% 100%;visibility:hidden;opacity:0;-webkit-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .nav_menu.showdiv{visibility:visible;opacity:1} .nav_menu .close_lm{cursor: pointer;position:absolute;right:50%;top:50px;margin-right: -675px;background:url(../images/ico_close.png) no-repeat center center;width:50px;height:50px;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s} .nav_menu .close_lm:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg)} .nav_menu .list{overflow:hidden} .nav_menu .item{float:left;min-width: 140px;color:#fff;text-align:center;padding: 0 10px;} .nav_menu .item h1{font-size: 26px;position:relative;margin:0;padding-bottom: 23px;} .nav_menu .item h1::after{content:"";background:url(../images/img_04.png) center bottom no-repeat;position:absolute;bottom:0;margin-top:10px;width: 100%;height: 14px;left: 0;} .nav_menu .item h1 a{color:#fff;font-weight: normal;} .nav_menu .item dl{margin-top: 10px;} .nav_menu .item dt{font-size:16px;margin-bottom:2px} .nav_menu .item dd{font-size: 16px;padding: 4px 0;margin: 0;} .nav_menu .item a{color: #f5d3d3;} .nav_menu .item a:hover{color:#FFF;text-decoration: underline;} .Footer.Footer_2{margin-top:0px;} .Footer.Footer_2 .foot_a .foot_logo{margin-left:415px;} .Footer.Footer_2 .foot_a .tb{position:unset;margin-top:-10px;} /*部门导航下拉*/ body .NavDropStyle{position:relative;overflow:auto;overflow: initial;} .header .NavUl ul.NavDropStyle li{ position:relative; } .bmNavDrop{/* display:none; */height: 0;overflow: hidden;position: absolute;width: 160px;left: calc((100% - 160px) / 2);padding-top: 15px;top: 54px;} .bmNavDrop::before{content:'';display: block;position: absolute;height: 15px;border-left: 2px solid #bb8d6a;left: calc(50% - 1px);top: 0;opacity: 0;} .bmNavDrop dl{display:block;position:relative;background: #bb8d6a;padding: 12px 15px;-webkit-animation-duration:1s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .bmNavDrop dl dd{display:block;position: relative;text-align: center;font-size: 16px;padding: 3px 0;} .bmNavDrop dl dd a{display:block;color: #FFF;line-height: 35px;} .bmNavDrop dl dd a:hover{ color:#ffd188;} body .NavDropStyle li:hover .bmNavDrop{ height: auto;z-index: 99;} body .NavDropStyle li:hover .bmNavDrop::before{ opacity:1; } body .NavDropStyle li:hover .bmNavDrop dl{animation-name: fadeInUp;} #NavUl[cid='1519863696719904'] li{ width:200px;} .N_1537675070799904, .N_1537855669141536, .N_1537855866273824, .N_1536613295325216{ display:none; }