@charset "utf-8"; /* CSS Document public*/ *{font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; padding: 0; margin:0; box-sizing:border-box; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;} body{padding:0;margin:0;font-family:"Microsoft Yahei",Arial,Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; line-height: 1; font-size:14px;overflow-x: hidden;} html,body{ min-height:100%;} html{ overflow:-moz-scrollbars-vertical;overflow-x: hidden;}::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;} ::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;} ::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;} .clearfix:after{content: ""; display: block; height: 0; clear:both; visibility: hidden;} .clear:after{content: ""; display: block; height: 0; clear:both; visibility: hidden;} .flex{display: flex;justify-content: space-between;flex-wrap: wrap;} .flex-center{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} .flex-start{display: flex;justify-content: flex-start;flex-wrap: wrap;} .flex-end{display: flex;justify-content: flex-end;flex-wrap: wrap;} input,button,textarea {background: none; outline: none;border: none;-webkit-appearance:none; border-radius:0} input:focus {border: none;} .img_zd{ position:relative; width:100%} .img_zd .img_hezi{padding-bottom: 67.80% !important;} .img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;height: 100%;width: 100%;} a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;} a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/ ul{list-style:none;} img{border:0px} ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;} ul li{ list-style:none;} h3,h4,h5{ font-weight:normal;} h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;} abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block} video{ object-fit:cover;width: 100%;height: auto;} .fl{ float:left} .fr{ float:right} .container01,.container01 ,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;} .slow img:hover{ transform:scale(1.05);}/*图片放大*/ .slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}/*缓慢效果*/ h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/ slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*缓慢效果*/ .slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')"; /* For IE 8 */ filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999'); /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */} .radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*透明代码*/ .overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/ .overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6;}/*transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/ /*180度旋转*/ /*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/ /*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/ /*透明背景*/ .a_body{ position:relative;} ::-webkit-scrollbar {width:5px;height:5px; background:#f1f1f1} ::-webkit-scrollbar-track {border-radius:0; background:#f1f1f1} ::-webkit-scrollbar-thumb {border-radius:0; background:#333333} input::-webkit-input-placeholder{ color:#999;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;} input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;} textarea::-webkit-input-placeholder{ color:#999;} textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;} textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;} textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;} .w100{width:100%;} .w159{max-width:1590px;margin:0 auto;} @media(max-width: 1620px) { .w159{margin: 0 30px;width: calc(100% - 60px);} } @media(max-width: 768px) { .w159{margin: 0 15px;width: calc(100% - 30px);} } h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} ul li:hover h5 a{ color:#003d98} .more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} /* .table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%} .table_cell{ display:table-cell; vertical-align:middle} */ img{ vertical-align:middle} #gotop{ position:fixed; z-index:90; bottom:80px; right:30px; box-sizing:border-box; text-align:center; cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s; width:0.86rem; height:1.11rem;transition: 0.4s;} #gotop { cursor: pointer; } #gotop.hide{ height:0; opacity:0; visibility:hidden} #gotop svg{width:100%;height:100%;fill: #a68f68;} #gotop svg:hover{width:100%;height:100%;fill: #91181e;} #gotop:hover{bottom: 90px;transition: 0.4s;} .ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.9;filter:alpha(opacity=90);z-index:999998;} .ie9tips{width:600px;height:300px;position:fixed;top:50%;left:50%;margin:-150px 0 0 -300px;line-height: 1.8;color:#fff;z-index:999999;text-align:center;} .ie9tips a{color:red;} .ie9tips img{display:block;margin:0 auto;opactiy:0.9;filter:alpha(opacity=90);max-width: 100%;} .ie9tips p{padding-top:10px;color:#fff;width: 420px;margin:10px auto;line-height: 1.8;} @font-face{font-family: 'Source';src: url(../font/SourceHanSerifSC-Bold.otf);} @font-face{font-family: 'Source0';src: url(../font/SourceHanSerifSC-Regular.otf);} @media (max-width:1920px){html{font-size:16px;}} @media (min-width:1400px) and (max-width:1600px){html{font-size:16px;}} @media (min-width:640px) and (max-width:1399px){html{font-size:15px;}} @media (min-width:471px) and (max-width:639px){html{font-size:14px;}} @media (min-width:329px) and (max-width:470px){html{font-size:14px;}} @media (max-width:328px){html{font-size:14px;}} /*==========================================公共 开始=============================================*/ .ar_wap{ display:none} .a_body{ position:relative; z-index:0;} .section{ overflow:hidden;} .header_box{z-index:999999;left: 0;right: 0;top: 0;} .header_box2{z-index:999999;left: 0;right: 0;top: 0;} #header{z-index:999;width:100%;transition: 0.6s;position: relative;} .header_top{height: 30px;line-height: 30px;background: #003d98;overflow: hidden;text-align: right;z-index: 10;position: relative;} .header_top ul{ display:inline-block; vertical-align:top} .header_top ul li{font-size: 0.16rem;color:#fff;} /*.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}*/ #header #logo{padding: 0.27rem 0;} #header #logo .table{ width:auto;} @media(max-width: 1200px){ #header #logo .logoimg{width: 45%;} #header #logo .logoimg img{width: 100%;display: block;} } .logo2 {} .logo2 a{display: table;vertical-align: middle;} .logo2 img{display: block;width: auto;vertical-align: middle;width: 100%;} .header_box .rightBox p{font-size: 0.14rem;} .header_box .rightBox p a{display: inline-block;margin-right: 0.26rem;color: #323232;line-height: 0.24rem;} .header_box .rightBox p a{background: url(../images23/topIc01.png) no-repeat left center;padding-left: 0.22rem;} .header_box .rightBox p+p a{background: url(../images23/topIc02.png) no-repeat left center;padding-left: 0.22rem;} .header_box .rightBox p a:hover{text-decoration: underline;color: #bf872b;} .pc_search{width:9rem;height: 48px;position: relative;background:white;margin: 0.3rem auto;} .pc_search input[type="text"]{background: none;outline: none;border: none;padding: 0 0 0 10px;color: #323232;line-height: 40px;height: 40px;width: 100%;} .pc_search input[type="image"]{width: 22px;} .pc_search .input1{float: left;width: calc(100% - 1.4rem);border: 2px solid #666666;height: 48px;border-radius: 8px;} .pc_search .input2{float: right;color: #323232;width: 1.2rem;height: 48px;border: 2px solid #bf872b;display: flex;justify-content: center;align-items: center;border-radius: 8px;} /* 内页搜索 */ .searchNy{width:280px;height: 40px;position: relative;background:white;margin: 0.3rem auto;border: 2px solid #666666;border-radius: 8px;} .searchNy input[type="text"]{background: none;outline: none;border: none;padding: 0 0 0 10px;color: #323232;line-height: 40px;height: 38px;width: 100%;} .searchNy input[type="image"]{width: 22px;} .searchNy .input3{float: left;width: calc(100% - 40px);height: 40px;} .searchNy .input4{float: right;color: #323232;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 8px;} .text::-webkit-input-placeholder {color: #323232;} .text:-moz-placeholder {color: #323232;} .text:-ms-input-placeholder {color: #323232;} @media(max-width: 1024px){ .pc_search{width:70vw} } @media(max-width: 768px){ .pc_search{width:calc(100vw - 30px)} } #nav{width: 100%;z-index: 999;margin: 0 auto;position: relative;background: #bf872b;} #nav ul{width:100%;padding: 0;} #nav ul li{position:relative;z-index:0;width: 10%;} #nav ul li:last-child::after{position:absolute;content: "";} #nav ul li a{display:block;text-align: center;} #nav ul li h3{font-size: 0.2rem;color: #FFFFFF;line-height: 50px;position:relative;transition:.6s;font-weight: normal;text-align: center;font-weight: 600;} #nav ul li:hover a h3{color:#bf872b;background: #f4f5f5;font-weight: bold;} #nav ul li:hover a{color:#bf872b;} #nav ul li.on h3{ font-weight:bold;} #nav ul li a i{ display:inline-block; background:url(../images23/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;} #nav ul li .sub{position:absolute;top:100%;background:#fff; background:rgba(255,255,255,.95); width: 100%;left:50%;margin-left: -50%;z-index: 10000;/* transform:translateY(-20px); */visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;} #nav ul li .sub .box{padding:10px 0px; text-align:center;box-shadow: 0 0 18px -8px #000;} #nav ul li .sub a{padding:0;line-height: 0.48rem;transition:.3s;font-size: 0.16rem;color: #323232;} #nav ul li .sub a:hover{color: #bf872b;background: #E5E5E5;font-weight: 600;} #nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);} #nav ul>li.on h3,#nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3{color: #FFFFFF;} #nav .navBox>ul>li .sub:after{content:"";display:block;width: 100%;height: 2px;position:absolute;left: 0;margin-left: 0;background: #bf872b;top:-2px;transition:.3s;transform:scale(0);border-radius: 0;} #nav .navBox>ul>li .sub:before{content:"";display:block;position:absolute;left:50%;margin-left: -3px;border-left:transparent 3px solid;border-right:transparent 3px solid;border-bottom: #bf872b 4px solid;top:-6px;transition:.3s;opacity:0;visibility:hidden;} #nav .navBox>ul>li:hover .sub:after,#nav ul li.on .sub:after{ transform:scale(1);} #nav .navBox>ul>li:hover .sub:before, #nav>ul>li.on .sub:before{ opacity:1; visibility:visible} .search_btn{height: 30px;line-height: 30px;cursor:pointer;text-align: center;float:left;transition:.6s;margin-left: 0.24rem;position: absolute;right: 0;top: 74%;border: 1px solid rgba(255,255,255, 0.5);width: 30px;border-radius: 50%;} .search_btn img{display: block;padding: 7px 0 0 8px;} .topLink{float: right;margin-top: 36px;} .topLink a{display:inline-block;font-size: 0.14rem;color: #FFFFFF;line-height: 0.24rem;} .topLink a:hover{color: #ffb400;} .topLink a+a:hover{color: #FFFFFF;} .topLink a span{font-size: 0.24rem;color: #ffb400;font-weight: bold;line-height: 0.24rem;} .topLink2{border-top: 1px solid rgba(255,255,255, 0.4);width: 100%;padding-top: 30px;} .topLink2 a{display: block;padding-left: 0.36rem;font-size: 0.18rem;line-height: 0.4rem;} .topLink2 a+a{font-size: 0.14rem;} .topLink2 a+a span{font-size: 32px;} /**/ #logo .logo_black{ display:none;} .top_search_black{ display:none;} .header_box.xg #nav{top:0;box-shadow: 0 0 2px rgba(0,0,0,0.15);position: fixed;} .header_box.xg #logo .table{transform: scale(0.7);} .header_box.xg #logo{padding: 0.08rem 0;} .header_box.xg #logo img{max-height: 0.56rem;} .header_box.xg #nav{ box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.2);} .bodyTop .header_box2{opacity: 1;transform: translateY(-100%);position: fixed;z-index: 9;top: 0;} /* .bodyTop.showdiv .header_box{opacity: 1;transform: translateY(-100%);transition: all 0.4s ease-in-out 0.3s;height: 112px;} */ .bodyTop.showdiv .header_box2 {transition: all 0.6s ease-in-out 0.1s;transform: none;opacity: 1;z-index: 9999;box-shadow: 0 0 10px rgba(0,0,0,0.55);} .bodyTop.showdiv #nav ul li h3{line-height: 0.65rem;} /*手机头部开始*/ #m_header{z-index: 99;} #m_header #logo img{max-height:60%;max-height: 28px;} #m_header .yuyan{ height:0.72rem; float:right; margin-right:0.64rem;} #m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);} .wap_search{ width:80%; margin:0 auto;} .wap_search form{ position:relative;} .wap_search input[type="text"]{width: 80%;height:0.1rem; line-height:0.1rem; border:0;padding:0 0.15rem; font-size:0.16rem; color:#999;box-shadow:none;-webkit-appearance: none;float: left;border-right: 0;} .wap_search input[type="image"]{width: 20%;height:0.6rem; background:#00a0e9 url(../images23/search.svg) center no-repeat; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float: left;} #m_nav .mzsdm {width: 100%;position: absolute;left: 0.4rem;top: 50px;} #m_nav .mzsdm a{font-size: 0.16rem;color: #FFFFFF;line-height: 0.24rem;/* background: url(../images23/topIc01.png) no-repeat left center; */background-size: 0.18rem;padding-left: 0.2rem;} #m_nav .mzsdm a+a{background: url(../images23/topIc02.png) no-repeat left center;background-size: 0.16rem;margin-left: 0.2rem;} /*导航按钮开始*/ #nav_btn_box{ height:100%; z-index:999999999;} #nav_btn_box.on{ background:none; } #nav_btn{display: none;} #nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;} #nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;} #nav_btn .point{display: inline-block;width: 0.3rem;height: 22px; position: relative; outline:none;} #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before{width: 24px;} #nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 20px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #bf872b;} #nav_btn .navbtn::after, #nav_btn .navbtn::before{position: absolute; left: 0;display: inline-block;width: 24px;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #bf872b;} #nav_btn .navbtn::after{top: -8px;} #nav_btn .navbtn::before{top: 8px;} #nav_btn .point.on .navbtn{background: transparent;} #nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;} #nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;} /*导航按钮结束*/ /*顶部搜索*/ .tc_search{margin: 0 0.5rem;width: calc(100% - 2.6rem);margin-top: 0.2rem;bottom: 0.24rem;} .tc_search .header-search{height:40px;border-radius:20px;border:1px solid #e5e5e5;position:relative;width:100%;margin-bottom: 1rem;} .tc_search input[type="text"]{font-size:0.14rem;color:#fff;height:38px;line-height:38px;padding:0 0.15rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width: 100%;} .tc_search input[type="image"]{ position:absolute; top:6px;width: 26px;line-height:38px; border:0;right: 10px;} .tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); } .tc_search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); } .tc_search input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); } .tc_search input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */ .tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法,即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */ .tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */ .tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */ .tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */ .m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;} .m_nav_list::-webkit-scrollbar {display:none} #m_nav {z-index: 99999;position: fixed;background: rgba(191,135,43,0.95);width:100%;height:100vh;right: -100vw;top: 0;display:none;padding: 1.12rem 0 0 0;overflow:hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;} #m_nav.act{ pointer-events: auto; right:0;} #m_nav>ul>li{ width:100%; overflow:hidden; padding:0 0.3rem; } #m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);} #m_nav li .a{ display:inline-block; width:calc(100% - 30px)} #m_nav li .a h3{line-height: 0.64rem;height: 0.64rem;color:#fff;padding:0;font-size:0.18rem;float:left;} #m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;} #m_nav li .a span i{ font-size:0;} #m_nav li i{opacity:1;filter:alpha(opacity=100);display:inline-block;width:10px;height: 0.64rem;float:right;display:inline-block;background: url(../images23/jia.svg) center no-repeat;background-size:contain;} #m_nav li.on i{ background: url(../images23/jian.svg) center no-repeat;} #m_nav li{display:block;width:100%;} .slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; } #m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;} #m_nav .title .list span{ background:none; } #m_nav .title .list span a:hover{ color: #ffb400;} #m_nav .title .list a{display:block;font-size:0.16rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;} /*三级导航 开始*/ #m_nav .title .list span{ position:relative; display:block;} #m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;} #m_nav .title .sub a{ background:none; font-size:0.16rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;} .nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;} .m_header_box{display:none;background:#FFFFFF;background-size: auto;box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2);position: relative;/* z-index: 99; */} @media(max-width: 1100px){ #nav ul{display: none;} .m_header_box{height:auto;} #m_header .rightBox{width: 30%;margin-right: 25px;} #m_header .rightBox img{width: 100%;margin: 0 auto;display: block;} #m_header{height: 1.2rem;} .navBox {display: none;} #nav_btn_box{margin-right: 15px;;} .navBox .search{float: left;} #nav_btn{display: block;} .header_box{ display:none} .header_box2{ display:none} #m_header{height: auto;padding: 0.1rem 0;} .m_header_box{ display:block} #nav_slide{ display:block} .logo2{margin-left: 25px;max-width: 80%;} } @media(max-width: 768px){ #nav{position: relative;} .logo2{margin-left: 15px;max-width: 70%;} } @media(max-width: 414px){ .logo2{max-width: 71%;} } @media(max-width: 992px){ #gotop{right:0;transform:scale(0.6);bottom: 1rem;} } /* banner开始*/ .bannerBox{} .bannerBox .swiper-slide img{display: block;width: 100%;height: 100%;height: 5.5rem;max-height: 550px;object-fit: cover;} .bannerBox .swiper-button-prev{background-size: 0.2rem;} .bannerBox .swiper-button-next{background-size: 0.2rem;} .bannerBox .swiper-pagination-bullet{width: 0.16rem;height: 0.16rem;border-radius: 50%;opacity: 1;background: none;border: 1px solid #FFFFFF;} .bannerBox .swiper-pagination-bullet-active{width: 0.16rem;height: 0.16rem;border-radius: 50%;opacity: 1;background: white;} @media (max-width:1440px) { .bannerBox{width: 100%;margin: 0 auto;padding: 0;} } @media (max-width:850px) { .bannerBox .swiper-slide img{height: auto;max-height: 100%;} } /* banner结束 */ .sametitle{position: relative;overflow: hidden;} .sametitle h5{position: relative;;width: 100%;padding-top: 0.3rem;} .sametitle h5::after{content: "NEWS NOTICE";position: absolute;width: 100%;text-align: center;font-size: 0.8rem;font-family: "times new roman";height: 0.8rem;opacity:0.06;font-weight: bold;top:0;left: 0;} .sametitle h5 p{display: table;font-size: 0.4rem;line-height: 1.2rem;font-family: source;text-align: center;position: relative;margin: 0 auto;} .sametitle h5 p::before{content: "";position: absolute;right: -1.2rem;width: 1.68rem;height: 0.76rem;background: url(../images23/titleBg.png) no-repeat right center;background-size: 1.68rem;z-index: 2;top: 0.1rem;} .sametitle h5 span{display: block;font-size: 0.12rem;color: #bf872b;font-style: normal;} .sametitle .more{position: absolute;right: 0;top: 0.1rem;font-size:0.16rem;color: #323232;display: inline-block;line-height: 0.26rem;} .sametitle .more:hover{color: #bf872b;text-decoration: underline;} @media (max-width:1200px) { .sametitle h5::after{font-size: 0.6rem;} } /* 新闻通知 开始 */ .partBox1{} .partBox1 .w159{position: relative;} .partBox1 .w159 .sametitle{position: absolute;left: 50%;top: 0;width: 30vw;z-index: 9;margin-left: -15vw;} .partBox1 .part1Con{} .partBox1 .part1Con .tabs{display: flex;justify-content: center;position: absolute;width: 4rem;left: 50%;margin-left: -2rem;top: 1.4rem;z-index: 10;} .partBox1 .part1Con .tabs .bt{margin: 0 0.1rem;cursor: pointer;} .partBox1 .part1Con .tabs .bt h5{} .partBox1 .part1Con .tabs .bt h5 span{display: block;font-family: source0;font-size: 0.24rem;color: #333333;line-height: 0.36rem;} .partBox1 .part1Con .tabs .bt.active h5 span{font-family: source;border-bottom: 2px solid #bf872b;color: #bf872b;} #tabs-container{} #tabs-container .ul1{} #tabs-container .ul1 li{width: calc(25% - 0.35rem);transition: 0.6s all;} #tabs-container .ul1 li:hover{ box-shadow: 3.308px 11.535px 22.08px 1.92px rgba(34, 34, 34, 0.22);transition: 0.6s all;} #tabs-container .ul1 li a{} #tabs-container .ul1 li a .pic{overflow: hidden;} #tabs-container .ul1 li a .pic img{display: block;width: 100%;height: 12vw;object-fit: cover;} #tabs-container .ul1 li a .text{background: white;border:1px solid #bf872b;border-top: none;padding: 0.25rem 0.3rem;} #tabs-container .ul1 li:hover a .text{border:2px solid #bf872b;border-top: none;} #tabs-container .ul1 li a .text h5{font-size: 0.2rem;line-height: 0.32rem;height: 0.64rem;overflow: hidden;color: #323232;margin-top: 0.1rem;transition: 0.6s all;} #tabs-container .ul1 li a:hover .text h5{color: #bf872b;} #tabs-container .ul1 li a .text p{font-size: 0.14rem;line-height: 0.24rem;color: #888888;height: 0.96rem;overflow: hidden;margin: 0.15rem 0 ;} #tabs-container .ul1 li a .text .date{display: flex;justify-content: flex-end;margin-top: 0.3rem;} #tabs-container .ul1 li a .text .date i{display: table;background: url(../images23/time.png) no-repeat left center;background-size: 15px;line-height: 20px;font-size: 0.14rem;color: #999999;font-style: normal;padding-left: 0.24rem;} #tabs-container .ul1 li a .text .date img{display: block;margin-left: 0.08rem;transition: 0.6s all;} #tabs-container .ul1 li a .text .date img:hover{margin-right: 0.05rem;transition: 0.6s all;} #tabs-container .ul3{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: -0.1rem;} #tabs-container .ul3 li{width: calc(50% - 0.8rem);} #tabs-container .ul3 li a{display: flex;justify-content: space-between;position: relative;flex-wrap: wrap;} #tabs-container .ul3 li a:hover p{color: #bf872b;padding-left: 0.2rem;transition: 0.6s all;font-weight: 600;} #tabs-container .ul3 li a:hover i{color: #bf872b;} #tabs-container .ul3 li a::before{content: "";position: absolute;left:0;width: 0.05rem;height: 0.05rem;border-radius: 50%;background: #bf872b;top: 0.2rem;} #tabs-container .ul3 li a p{font-size: 0.16rem;line-height: 0.48rem;height: 0.48rem;overflow: hidden;color: #323232;width: calc(100% - 1.1rem);padding-left: 0.15rem;margin: 0;transition: 0.6s all;} #tabs-container .ul3 li a i{font-size: 0.14rem;line-height: 0.48rem;height: 0.48rem;overflow: hidden;color: #737373;font-style: normal;width: 1.1rem;display: block;text-align: right;} #tabs-container .more{position: absolute;top: 0.8rem;right: 0;width: 0.42rem;height: 0.42rem;z-index: 12;} #tabs-container .more img{display: block;width: 100%;object-fit: cover;transition: 0.6s;} #tabs-container .more img:hover{transition: 0.6s scale();transform: rotate(45deg);} @media (max-width:850px) { #tabs-container .ul3 li{width: 100%;} #tabs-container .ul3 li a::before{top: 0.2rem;} } #tabs-container .swiper-slide{padding-top: 2.3rem;padding-bottom: 0.5rem;} #tabs-container .more{position: absolute;top: 0.8rem;right: 0;width: 0.42rem;height: 0.42rem;z-index: 12;} #tabs-container .more img{display: block;width: 100%;object-fit: cover;transition: 0.6s;} #tabs-container .more img:hover{transition: 0.6s scale();transform: rotate(45deg);} @media (min-width:1920px) { #tabs-container ul li a .pic img{height: 230px;} } @media (max-width:1200px) { .partBox1 .w159 .sametitle{width: 60vw;margin-left: -30vw;} } @media (max-width:850px) { .sametitle h5::after{display: none;} #tabs-container .ul1 li{width: 100%;} #tabs-container .ul1 li+li{margin-top: 0.35rem;} #tabs-container .ul1 li a .pic img{height: 56vw;} #tabs-container .ul1 li a .text h5{height: auto;} #tabs-container .ul1 li a .text p{max-height: 0.72rem;} } @media (max-width:500px) { .sametitle h5 p::before{right: -0.8rem;} } /* 新闻通知 结束 */ /* 招采动态 开始 */ .part2Box {padding-bottom: 0.3rem;background: url(../images23/bg03.jpg) no-repeat center;background-size: cover;} .part2Box .w159{position: relative;} .part2Box .w159 .sametitle{position: absolute;left: 50%;top: 0;width: 60vw;z-index: 9;margin-left: -30vw;} .part2Box .sametitle h5 p{color: white;} .part2Box .sametitle h5::after{content: "RECRUITMENT DYNAMICS";color: white;} .part2Box .part2Con{} .part2Box .part2Con ul{padding-top: 1.4rem;justify-content: center;padding-bottom: 0.4rem;} .part2Box .part2Con ul li{background: #fcf7e9;width: 20%;display: flex;justify-content: center;border-radius: 0.37rem;margin: 0 3%;} .part2Box .part2Con ul li:hover{background: #fcf7e9;} .part2Box .part2Con ul li a{ font-size: 0.3rem; color: #bf872b; position: relative; display: block; padding-right: 0.12rem; line-height: 0.74rem; font-weight: bold;} .part2Box .part2Con ul li a::after{content: ">";position: absolute;right: -0.3rem;font-size: 0.2rem;color:#bf872b;line-height:0;top:0.36rem;} .part2Box .part2Con ul li a:hover::after{right: -0.36rem;transition: 0.6s all;} .part2Box .part2Con ul li:hover a{color:#96630f;} @media (max-width:1500px) { .part2Box .w159 .sametitle{width: 60vw;margin-left: -30vw;} } @media (max-width:850px) { .part2Box .part2Con ul {margin-left: -3.3333%;} .part2Box .part2Con ul li{width: 30%;margin:0;margin-left: 3.333%;} } @media (max-width:580px) { .part2Box .part2Con ul li a{font-size: 0.24rem;} } @media (max-width:460px) { .part2Box .part2Con ul li a::after{right: -10px;} } @media (max-width:414px) { .part2Box .part2Con ul li a::after{display: none;} } /* 招采动态 结束 */ /* 政策法规 开始 */ .part3Box {padding: 0.8rem 0;background: url(../images23/bg02.png) no-repeat bottom right;background-size: auto;} .part3Box .w159{position: relative;} .part3Box .w159 .sametitle{position: absolute;left: 50%;top: 0;width: 60vw;z-index: 9;margin-left: -30vw;} .part3Box .sametitle h5::after{content: "WORK GUIDE";} .part3Box .part3Con{}.part3Box .part3Con .tabs3{display: flex;justify-content: center;position: absolute;width: 5rem;left: 50%;margin-left: -2.5rem;top: 1.4rem;z-index: 10;} .part3Box .part3Con .tabs3 .bt, .part3Box .part3Con .tabs3 .bt2{margin: 0 0.1rem;cursor: pointer;} .part3Box .part3Con .tabs3 .bt h5{} .part3Box .part3Con .tabs3 .bt h5 span, .part3Box .part3Con .tabs3 .bt2 h5 a{display: block;font-family: source0;font-size: 0.24rem;color: #333333;line-height: 0.36rem;} .part3Box .part3Con .tabs3 .bt.active h5 span{font-family: source;border-bottom: 2px solid #bf872b;color: #bf872b;} .part3Box .part3Con .tabs3 .bt2:hover h5 a{font-family: source;border-bottom: 2px solid #bf872b;color: #bf872b;} .part3Box .part3Con #tabs-container3 .swiper-slide{padding-top: 2.3rem;} #tabs-container3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: -0.1rem;} #tabs-container3 ul li{width: calc(50% - 0.8rem);} #tabs-container3 ul li a{display: flex;justify-content: space-between;position: relative;flex-wrap: wrap;} #tabs-container3 ul li a:hover p{color: #bf872b;padding-left: 0.2rem;transition: 0.6s all;font-weight: 600;} #tabs-container3 ul li a:hover i{color: #bf872b;} #tabs-container3 ul li a::before{content: "";position: absolute;left:0;width: 0.05rem;height: 0.05rem;border-radius: 50%;background: #bf872b;top: 0.2rem;} #tabs-container3 ul li a p{font-size: 0.16rem;line-height: 0.48rem;height: 0.48rem;overflow: hidden;color: #323232;width: calc(100% - 1.1rem);padding-left: 0.15rem;margin: 0;transition: 0.6s all;} #tabs-container3 ul li a i{font-size: 0.14rem;line-height: 0.48rem;height: 0.48rem;overflow: hidden;color: #737373;font-style: normal;width: 1.1rem;display: block;text-align: right;} #tabs-container3 .more{position: absolute;top: 0.8rem;right: 0;width: 0.42rem;height: 0.42rem;z-index: 12;} #tabs-container3 .more img{display: block;width: 100%;object-fit: cover;transition: 0.6s;} #tabs-container3 .more img:hover{transition: 0.6s scale();transform: rotate(45deg);} @media (max-width:850px) { .part3Box{padding: 0 0 0.6rem 0;} #tabs-container3 ul li{width: 100%;} #tabs-container3 ul li a::before{top: 0.2rem;} } @media (max-width:414px) { .part3Box .part3Con .tabs3 .bt{margin: 0 0.05rem;} /* #tabs-container3 ul li a{margin: 0.1rem 0;} */ /* #tabs-container3 ul li a p{line-height: 0.24rem;height: auto;width: 100%;} */ /* #tabs-container3 ul li a i{line-height: 0.24rem;height: auto;margin-top: 0.1rem;width: 100%;text-align: left;} */ } /* 办事指南 开始 */ .part4Box{background: #f9f4e5;padding: 0.5rem 0 0.65rem 0;} .part4Box .w159{position: relative;} .part4Box .w159 .sametitle{} .part4Box .w159 .sametitle h5::after{content: "POLICIES AND REGULATIONS";} .part4Box .w159 .more{position: absolute;top: 0.8rem;right: 0;width: 0.42rem;height: 0.42rem;z-index: 12;} .part4Box .w159 .more img{display: block;width: 100%;object-fit: cover;transition: 0.6s;} .part4Box .w159 .more img:hover{transition: 0.6s scale();transform: rotate(45deg);} .part4Box ul{} .part4Box ul li{width: 23%;background: #FFFFFF;border: 1px solid #f9f4e5;} .part4Box ul li a{display: block;background: url(../images23/bszn01.png) no-repeat left center;background-size:auto 100%;padding: 0.2rem 13% 0.2rem 35%;} .part4Box ul li+li a{background: url(../images23/bszn02.png) no-repeat left center;background-size:auto 100%;} .part4Box ul li+li+li a{background: url(../images23/bszn03.png) no-repeat left center;background-size:auto 100%;} .part4Box ul li+li+li+li a{background: url(../images23/bszn04.png) no-repeat left center;background-size:auto 100%;} .part4Box ul li a i{font-size: 0.14rem;color: #adadad;font-style: normal;} .part4Box ul li a p{font-size: 0.2rem;line-height: 0.32rem;height: 0.96rem;overflow: hidden;color: #323232;margin-top: 0.05rem;transition: 0.6s all;} .part4Box ul li a:hover p, .part4Box ul li a:hover i{color: #FFFFFF;font-weight: bold;transition: 0.6s all;} .part4Box ul li:hover{background: url(../images23/textbg.png) no-repeat right bottom #bf872b;border: 1px solid #bf872b;} @media (max-width:1024px) { .part4Box ul li a{padding: 0.2rem 0.2rem 0.15rem 41%;} } @media (max-width:850px) { .part4Box ul li{width: 100%;} .part4Box ul li+li{margin-top: 0.3rem;} .part4Box ul li a{padding: 0.2rem 0.2rem 0.15rem 1.3rem;} .part4Box{padding: 0;padding-bottom: 0.65rem;} } /* 办事指南 结束 */ /* 页脚开始 */ .footer{background: url(../images23/footerBg.jpg) no-repeat center;padding-top: 0.4rem;background-size: cover;} .footer .footer01{align-items: flex-start;margin-left: 20%;} .footer .footer01 h5{font-size: 0.4rem;font-family: Source;padding-top: 0.08rem;color: white;margin-bottom: 0.15rem;} .footer .footer01 ul{padding-left: 0.1rem;} .footer .footer01 ul li{width: 100%;} .footer .footer01 ul li{font-size: 0.18rem;color: #323232;line-height: 0.44rem;margin: 0.1rem 0;position: relative;display: block;color: white;} .footer .footer01 ul li::after{content: "";position: absolute;} .footer .footer02{margin-left: 0;} .footer .footer02 ul{margin-top: 0.6rem;} .footer .footer02 p{font-size: 0.14rem;color: white;line-height: 0.24rem;padding: 0.06rem;padding-left: 0.3rem;} .footer .footer02 p:nth-child(1){background: url(../images23/FIc01.png) no-repeat left 0.1rem;background-size: 0.2rem;} .footer .footer02 p:nth-child(2){background: url(../images23/FIc01.png) no-repeat left 0.1rem;background-size: 0.2rem;} .footer .footer02 p:nth-child(3){background: url(../images23/FIc02.png) no-repeat left 0.1rem;background-size: 0.2rem;} .footer .footer02 p:nth-child(4){background: url(../images23/FIc03.png) no-repeat left 0.1rem;background-size: 0.17rem;} .footer .footer03{display: flex;flex-direction: column;} .footer .footer03 h5{font-size: 0.24rem;font-weight: 600;width: 1.1rem;padding-top: 0.08rem;color: white;background: url(../images23/bgt.png) no-repeat bottom left;background-size: auto;padding-bottom: 0.2rem;padding-left: 0.1rem;margin-bottom: 0.15rem;} .footer .footer03 .flex-end{padding-left: 0.1rem;} .footer .footer03 .ewm+.ewm{margin-left: 0.15rem;} .footer .footer03 .ewm img{display: block;width:1.18rem;} .footer .footer03 .ewm p{font-size: 0.16rem;color: white;text-align: center;margin-top: 0.1rem;} .copyright{border-top: 1px solid rgba(255,255,255,0.3);margin-top: 0.3rem;} .copyright p{font-size: 0.16rem;color: white;line-height: 0.24rem;padding: 0.13rem 15px;text-align: center;} @media (max-width:1200px) { .footer .footer01{display: block;} .footer .footer01 h5{margin-bottom: 0.2rem;} } @media (max-width:850px) { .footer .footer01{margin-left: 0;} .footer .footer01{width: 50%;} .footer .footer02{width: 50%;margin: 0;} .footer .footer03{width: 50%;justify-content: flex-start;margin: 0.3rem 0;} .footer .footer01 ul{width: 100%;} .footer .footer03 .flex-end{justify-content: flex-start;} } @media (max-width:650px) { .footer .footer02{width: 100%;margin: 0.3rem 0;} .footer .footer02 ul{margin-top: 0;} .footer .footer01{width: 100%;} .footer .footer03{width: 100%;} } /* 页脚结束 */ /*==========================================内页 开始=============================================*/ .Nybanner{width: 100%;margin: 0 auto;z-index: 4;position: relative;} .Nybanner .w159{position: relative;} .Nybanner img{display: block;width: 100%;position: relative;height: 100%;object-fit: cover;} .Nybanner::after{position: absolute;content: "";width: 100%;height: 40%;background-image: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));bottom: 0;} .Nybanner>p{display: flex;justify-content: center;max-width: 100%;overflow: hidden;} @media(max-width: 1100px){ .Nybanner::after{display: none;} } @media(max-width: 768px){ .Nybanner{height: 30vw;} .Nybanner img{height: 30vw;} } #nav_slide{background: #f4f4f4;line-height: 50px;position: relative;z-index: 2;} #nav_slide #bnt_back{ position:absolute; left: 0.16rem; top:-2px; } #nav_slide #bnt_back img{height: 20px;vertical-align: middle;} #nav_slide .n_title{ height: 50px; } #nav_slide h1{font-size: 16px;color: #323232;text-align: center;} #bnt_sub_nav{position: absolute;right: 0.16rem;top: 14.5px;cursor: pointer;} #bnt_sub_nav img{display: block;height: 20px;} #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} #sub_nav_content{background: #f2f2f2; display: none; z-index: 9;width: 100%;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);} #sub_nav_content ul{background: #FFFFFF;} #sub_nav_content ul li {background: none;box-shadow:none;border-bottom:1px solid #dedede;padding: 0 15px;} #sub_nav_content ul li a{display: inline-block;font-size: 14px;padding: 0;color: #333;width: 88%;} #sub_nav_content ul li i{float:right;font-family: simsun;font-style: normal;font-weight: bold;} #sub_nav_content ul li ul li{border:0;line-height:40px;padding-left: 10px;} #sub_nav_content ul li ul li a{font-size: 13px; color: #666;} #sub_nav_content ul li.on>a{color: #bf872b;} #sub_nav_content ul li ul{ display:none} #nav_slide{ display:none} .bg{background: #f7f7f7;} .n_container{position: relative;z-index: 99; padding:0 0 0.8rem 0;} .n_container .n_left{width: 270px;position: relative;z-index: 88;top: -1rem;} .n_container .n_left h1{height:1rem;line-height:1rem;background:url(../images23/leftnavBg.png) no-repeat right center #bf872b;font-size:0.28rem;color:#fff;padding: 0 0.3rem 0 0.4rem;display:flex;align-items: center;background-size: auto;font-weight: bold;} .n_container .n_left h1 span{display: block;} .n_container .n_left .con .ulCon{background:#bf872b;padding-bottom: 0;padding-left: 10px;padding-bottom: 10px;} .n_container .n_left .con .ulCon ul{background:#FFFFFF;padding:0.3rem;border-top-left-radius: 0.3rem;border-bottom-left-radius: 0.3rem;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);} .n_container .n_left .con ul li{color: #333333;position:relative;border-bottom:1px solid #eeeeee;} .n_container .n_left .con ul li.on dl{display:block !important;} .n_container .n_left .con ul li>a img{margin: -3px 20px 0 0;} .n_container .n_left .con ul li.on:after, .n_container .n_left .con ul li:hover:after{display: block;} .n_container .n_left .con ul li.on i{background:url(../images23/jton.svg) center no-repeat;background-size: 7px;} .n_container .n_left .con ul li>a{color: #333333;display: block;padding: 23px 20px 23px 0;transition: 0.36s;position: relative;font-size: 0.18rem;line-height: 26px;} .n_container .n_left .con ul li>a:hover, .n_container .n_left .con ul li.on>a{color: #bf872b;font-weight: 600;} .n_container .n_left .con ul li dl{display:none;padding: 5px 0;position:relative;} .n_container .n_left .con ul li dl:before{content:"";position:absolute;right:0;left:20px;top:0;height:1px;} .n_container .n_left .con ul li dl dd{height: auto;line-height: 34px;padding: 0 15px;} .n_container .n_left .con ul li dl dd a{position: relative;width: calc(100% - 20px); display: block; font-size: 14px;line-height: 20px; color: #323232 !important;padding: 10px 0 10px 40px;} .n_container .n_left .con ul li dl dd a::after{content: "";width: 4px;height: 4px;position: absolute;left: 20px;top: 18px; position:absolute;background: #bf872b;} .n_container .n_left .con ul li i.up{background:url(../images23/jt.svg) center no-repeat;background-size: 7px;} .n_container .n_left .con ul li i{width: 20px;height: 70px;background: url(../images23/jt.svg) center no-repeat;background-size: 7px;position:absolute;right: 0px;top: 0;transition:0.36s;cursor: pointer;} .n_container .n_left .con ul li dl dd a:hover, .n_container .n_left .con ul li dl dd.on a{color: #bf872b!important;} .n_container .n_left .con ul li dl dd:hover a:before,.n_container .n_left .con ul li dl dd.on a:before{ background:#bf872b;} .mianbao{padding: 0 0 0 20px;background: url(../images23/now3.png) left center no-repeat;display: inline-block;vertical-align: top;position: absolute;background-size: 0.17rem;left: 320px;z-index: 6;bottom: 0.1rem;display: flex;align-items: center;} .mianbao,.mianbao i,.mianbao a{font-size: 14px;color: #FFFFFF;font-style:normal;transition: 0.6s all;line-height: 40px;} .mianbao i{display: inherit; margin:0 10px;width: 5px;height: 1px;background: #FFFFFF;position: relative;top: 0;} .mianbao a.on{color: #FFFFFF;font-weight: bold;} .mianbao a:hover{color: #FFFFFF;transition: 0.6s all;font-weight: bold;} .n_container .n_right{ width:calc(100% - 320px); position: relative; z-index: 2;} .n_container .n_right::after{content: "";width: 1;} .n_container .n_right .bgss{margin-top: 50px;} @media(max-width: 1100px){ .mianbao{display: none;} } @media(max-width: 850px){ .n_container .n_right .bgss{margin-top: 30px;} .n_container .n_right .bg02{border: none;background: none;padding: 0;} } /* 题图列表页 */ .n_titu li{padding: 10px 24px 10px 30px;background: #FFFFFF;padding:0.3rem;border-bottom: 1px solid #d9d9d9;transition: 0.6s all;} .n_titu li:first-child{border-top: 1px solid #d9d9d9;} .n_titu li a{display: block;position: relative;} .n_titu li .pic{position: relative;width: 2.7rem;float: left;margin-right: 0.2rem;overflow: hidden;} .n_titu li .pic img{display: block;width: 100%;object-fit: cover; transition: 0.6s all;} .n_titu li .text{margin-left: 0;padding-top: 0.15rem;} .n_titu li .text h5{transition: 0.6s all; font-size: 0.18rem;color: #323232;line-height:0.24rem;max-height:0.24rem;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;} .n_titu li .text span{display: block;margin-top: 0.16rem;font-size: 0.14rem;color: #323232;} .n_titu li .text span:hover{color: #a68f68;} .n_titu li .text span img{display: inline-block;} .n_titu li .text p{margin-top: 0.14rem;position: relative;font-size: 0.12rem;color: #737373;line-height: 0.24rem;height: 0.48rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .n_titu li .text i{font-style: normal;font-weight: normal;display:block;font-size: 0.12rem;line-height: 0.24rem;color: #737373;text-align: left;margin-top: 0.15rem;} .n_titu li .text i img{display: inline-block;width: 0.13rem;margin-right: 0.08rem;} .n_titu li:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);transition: 0.6s all;} .n_titu li:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .n_titu li:hover .text h5{color: #bf872b;transition: 0.6s all;padding-left: 0.1rem;} .n_titu li:hover .text h5::after{width: 7.5rem;transition: 0.6s all;} .fanye{margin-top: 0.5rem;} .fanye img{ max-width:100%} @media(max-width: 1100px){ .mianbaoxie{ display:none} .n_container{margin-top: 0; padding:0 0 0.4rem} .n_container .n_left{ display:none} .n_container .n_right{width:100%;padding: 0;background: transparent;} #nav_slide{ display:block} .n_leftbg{display: none;} } @media(max-width: 580px){ .n_titu li{padding: 0.24rem 0;background: none;} .n_titu li .flex-center{align-items: flex-start;} .n_titu li .date{width: 54px;} .n_titu li a{border-bottom: none;} .n_titu li .pic{width: 100%;float: none;margin-right: 0;} .n_titu li .text{margin-left: 0;padding: 0 0;margin-bottom: 0.3rem;} .n_titu li .text h5{max-height: none;padding-top: 0;white-space:normal;font-size: 0.16rem;line-height: 0.24rem;padding-bottom: 6px;margin-top: 8px;} .n_titu li .text p{height: 0.72rem;display: none;} .fanye{margin-top: 0.4rem;} } /* 文章列表页 */ .n_container .n_right .TextList{padding-top: 0;margin-top: 0.4rem;} .TextList ul li{padding-bottom:0rem;position: relative;transition: 0.6s all;} .TextList ul li a{display: flex;position: relative;overflow: hidden;position: relative;justify-content: space-between;padding: 0.1rem 0;} .TextList ul li a p{transition: 0.6s all;line-height:0.24rem;font-size: 0.16rem;color: #323232;width: calc(100% - 1.5rem);position: relative;padding-left: 0.18rem;} .TextList ul li a p::before{content: "";position: absolute;left: 0;top: 0.08rem;width: 0.05rem;height: 0.05rem;border-radius: 50%;background: #bf872b;} .TextList ul li a i{display: block;position: relative;float: right; font-style: normal;color: #666666;transition: 0.6s all;line-height: 0.24rem;background: url(../images23/dateIc.png) no-repeat left center;padding-left: 20px;background-size: 0.13rem;width: 1.5rem;font-size: 0.14rem;} .TextList ul li a b{font-weight: normal;font-style: normal;display: block;font-size: 0.14rem;line-height: 0.24rem;color: #323232;} .TextList ul li:hover p{color: #bf872b;transition: 0.6s all;padding-left: 0.24rem;font-weight:600;} @media(max-width: 540px){ .TextList ul li a{flex-wrap: wrap;} .TextList ul li a i{text-align: left;width: 100%;} .TextList ul li a p{margin-top: 0;height: auto;overflow: hidden;width: 100%;} } /* 内容页 */ .n_right .show{margin-top: 0.5rem;} .show01{margin-bottom: 0.2rem;} .show01 h5{font-size: 0.26rem;line-height: 0.32rem;text-align: center;margin-bottom: 0.2rem;font-weight: bold;color: #333333;} .show01 p{padding-bottom: 0.2rem;text-align: center;font-size: 0.14rem;color: #666666;border-bottom: 1px solid #dcdcdc;} .show01 i{font-style: normal;margin: 0 8px;padding-left: 0.24rem;font-size: 0.14rem;color: #666666;} /* .show01 i{background: url(../images23/time.png) no-repeat left center;line-height: 19px;display: inline-block;} */ /* .show01 i+i{background: url(../images23/eye.png) no-repeat left center;padding-left: 1.75rem;} */ .show02{} .show02 p{font-size: 0.16rem!important;color: #333333;line-height: 0.32rem!important;margin-bottom: 0.16rem;text-indent: 2em;} .show02 table{margin:0 auto !important;} .show02 img{display: block;margin: 0 auto;max-width: 80%;height: auto!important;border:none !important;margin-bottom: 0.16rem;} .show03{margin-top: 0.4rem;padding-top: 0.24rem;} .show03 p{font-size: 0.16rem;color: #666666;margin-bottom: 0.15rem;line-height:0.32rem;} .show03 p+p{margin-bottom: 0;} .show03 p a{font-weight: normal; color: #666666;transition: 0.6s all;} .show03 p a:hover{color: #bf872b;transition: 0.6s all;font-weight: 600;} @media(max-width: 850px) { .show02 img{width: 100%;max-width: 100%;} } /* 图片列表页 */ .listPic{margin-top: 0.5rem;} .listPic ul{margin-left: -3%;display: flex;justify-content: flex-start;} .listPic ul li{width: 30.333%;margin-left: 3%;} .listPic ul li+li+li+li{margin-top: 3%;} .listPic ul li a{display: block;} .listPic ul li a .pic{display: block;overflow: hidden;} .listPic ul li a .pic img{display: block;width: 100%;height: 2.3rem;max-height: 230px;object-fit: cover;} .listPic ul li a .text{} .listPic ul li a .text h5{font-size: 0.16rem;color:#323232;text-align: center;margin-top: 0.15rem;line-height: 0.24rem;height: 0.24rem;overflow: hidden;} .listPic ul li a:hover .text h5{color: #bf872b;} @media(max-width: 850px) { .listPic ul li {width: 47%;} .listPic ul li a .pic img{height: 28vw;max-height: 100%;} .listPic ul li+li+li{margin-top: 3%;} } @media(max-width: 850px) { .listPic ul {margin-left: 0;} .listPic ul li {width: 100%;margin-left: 0;} .listPic ul li a .pic img{height: 52vw;max-height: 100%;} } #vsb_content_2 TABLE{margin:0 auto 1.25rem !important;} #vsb_content_2 IMG{border:none !important;} .keywordfontcolor1074990{font-size:0.875rem !important;FONT-FAMILY: 微软雅黑 !important;color:#f00 !important;} @media(max-width: 1024px){ .show01 h5{font-size: 0.18rem; line-height: 0.32rem;} } @media(max-width: 768px) { .xcsp{padding: 0.4rem 0;} .xysh{padding: 0.32rem 0 0.16rem 0;} .fanye{margin-top: 0.4rem;} .n_container{padding: 0 0 0.3rem 0;} } /* 组织机构 */ .zzjgList{margin-top: 0.5rem;} .zzjgList .zzjg{background: white;border-top-left-radius: 0.2rem;border-top-right-radius: 0.2rem;overflow: hidden; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.16);} .zzjgList .zzjg+.zzjg{margin-top: 0.4rem;} .zzjgList .zzjg+.zzjg h5{background: #bf872b;} .zzjgList .zzjg+.zzjg+.zzjg h5{background: #2fb6be;} .zzjgList .zzjg+.zzjg+.zzjg+.zzjg h5{background: #2fbe7c;} .zzjgList .zzjg h5{line-height:0.5rem;text-align: center;font-size: 0.2rem;color: white;background: #4d60bf;} .zzjgList .zzjg ul{padding: 0.3rem 0.4rem;margin-left: -1%;display: flex;justify-content: flex-start;flex-wrap: wrap;} .zzjgList .zzjg ul li{width: 32.333%;} .zzjgList .zzjg ul li a{font-size: 0.16rem;color: #323232;line-height: 0.24rem;padding: 0.12rem 0;padding-left: 12px;position: relative;display: block;} .zzjgList .zzjg ul li a::after{content: "";position: absolute;left: 0;width: 5px;height: 5px;border-radius: 50%;background: #bf872b;top: 0.2rem;} .zzjgList .zzjg ul li a:hover{color: #bf872b;} @media(max-width: 768px) { .zzjgList .zzjg ul{margin-left: -2%;} .zzjgList .zzjg ul li{width: 48%;margin-left: 2%;} } @media(max-width: 414px) { .zzjgList .zzjg ul{margin-left:0;} .zzjgList .zzjg ul li{width: 100%;margin-left: 0;} } .keywordfontcolor1094374 {color: #9a0000 !important; font-size: 16px !important; font-family: 微软雅黑 !important;} /* 修改20231216 */ .TeacherCon ul{margin-top: 0.5rem;display: flex; justify-content: space-between; flex-wrap: wrap;}.TeacherCon ul li{width: 49%;padding: 0.1rem;border: 1px solid #CCCCCC;margin-bottom: 2%;}.TeacherCon ul.szdw li{width: 100%;padding: 0.1rem;border: 1px solid #CCCCCC;margin-bottom: 2%;}.TeacherCon ul li a{display: flex;justify-content: space-between;}.TeacherCon ul li a .pic{width: 1.7rem;height: 2.3rem;}.TeacherCon ul li a .pic img{display: block;width: 100%;height: 100%;}.TeacherCon ul li a .text{width: calc(100% - 2.3rem);margin-top: 0.1rem;}.TeacherCon ul li a .text h4{font-size: 0.24rem;color: #323232;font-weight: 600;margin-bottom: 0.2rem;}.TeacherCon ul li a .text span{display: block;font-size: 0.16rem;color: #666666;line-height: 0.24rem;margin: 0.1rem 0;}.TeacherCon ul li a .text p{font-size: 0.16rem;color: #666666;line-height: 0.24rem;display: block;margin-top: 0.14rem;}@media(max-width: 850px){ .TeacherCon ul li{width: 100%;} .TeacherCon ul li a .pic{width: 28vw;height: 40vw;} .TeacherCon ul li a .text{width: calc(100% - 32vw);margin-top: 0.3rem;} } @media(max-width: 580px){ .TeacherCon ul li a .pic{width: 32vw;height: 42vw;} .TeacherCon ul li a .text{width: calc(100% - 35vw);margin-top: 0.1rem;} .TeacherCon ul li a .text h4{font-size: 0.2rem;} .TeacherCon ul li a .text span{font-size: 0.14rem;margin: 0.05rem 0;} .TeacherCon ul li a .text p{margin-top: 0.1rem;font-size: 0.14rem;} } @media(max-width: 500px){ } /*==========================================内页 结束=============================================*/