/*reset css start*/ input:focus, select:focus { outline: none; } input { border: none; } textarea:focus { outline: none; } body, h1, h2, h3, h4, h5, h6, ul, li, p { margin : 0; padding: 0; } body { font-family: 微软雅黑; min-width : 1200px; max-width : 1920px; margin : 0 auto; } a { text-decoration: none; display : block; color : inherit; } li { list-style: none } img { display: block; border : 0 none; } /*common css*/ .clearfix { *zoom: 1; } .clearfix:after { content: ""; display: block; clear : both; } .fl { float: left; } .fr { float: right; } .swiper-button-prev:focus, .swiper-button-next:focus { outline: none; } input { -webkit-appearance: none !important; } input[type="number"] { -moz-appearance: textfield !important; /* firefox */ } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin : 0; } .w1200 { width : 1200px; margin: 0 auto; } .flex_box { display: flex; justify-content: space-between; } .colorful_line { position : absolute; bottom : -17px; right : 0; width : 71px; height : 2px; background-color: #afafaf; } .colorful_line.on, .on>.colorful_line, .item2 .on .colorful_line { background-image: linear-gradient(90deg, #ecd045 0%, #da251d 50%, #ecd045 100%); background-size : 200% 100%; animation : colorful 3s infinite linear; } @keyframes colorful { 0% { background-position: 0 0; } 100% { background-position: -200% 0; } } .logo>img { width: 430px; } .logo{ position: relative; } .logo>span { font-size : 16px; font-weight: bold; color : #006dc1; margin-left: 88px; } /* 快速连接 */ .nav{ position: relative; } .ksljDiv{ position: relative; /* text-align: right; */ margin-bottom: 6px; margin-right: 10px; } .ksljDiv::after{ content: ''; width: 60px; height: 12px; background-color: transparent; position: absolute; right: 0; top: 20px; } .ksljDiv:hover #ksljDL{ display: block; } .ksljDiv span{ display: inline-block; font-size: 16px; font-weight: bold; color: #006dc1; cursor: pointer; position: absolute; right: 0; } #ksljDL{ display: none; position: absolute; right: 0; top: 10px; z-index: 999; background: rgba(255, 255, 255, .8); padding: 5px 0; } #ksljDL dd{ padding: 5px; min-width: 170px; display: inline-block; text-align: center; margin: 0 ; } #ksljDL dd:hover a{ color: #0077c0; } #ksljDL dd a{ color: #333; font-size: 14px; display: block; } .pt60 { padding-top: 60px; } #loading { width : 100%; height : 100%; position : fixed; z-index : 9999999; top : 0px; left : 0px; background-color: rgba(0, 0, 0, 0.6); opacity : 1; transition : opacity 0.4s; } #loading.on { opacity : 0; pointer-events: none; } #loading .sk-chase-dot:before { background-color: white; } #loading .sk-chase { position : absolute; left : 50%; top : 50%; margin-left: -20px; margin-top : -20px; } div { box-sizing: border-box; } .img_box { overflow: hidden; } .img_box>img { transition: 0.6s transform; } .img_box>img:hover { transform: scale(1.2); } #head { position : fixed; width : 100%; max-width: 1920px; /*top :1.4130434782608696%;*/ left : 50%; transform: translateX(-50%); z-index : 2; padding : 16px 0; color : white; } .firstWindow { background: url(../images/headBG.png) top no-repeat; } #navArea { margin-top :30px; width : 750px; display : flex; justify-content: space-around; margin-left : 20px; z-index: 9999; } #navArea li { position : relative; padding-bottom: 20px; } #navArea li>a { position : relative; font-size : 16px; line-height : 25px; letter-spacing: 0px; color : #333; padding : 0 6px; } #navArea li:hover>a { background-color: rgb(0, 119, 192); color : #fff; } #navArea li:hover>a:before, #navArea li:hover>a:after { position : absolute; top : 0; left : -9px; content : ''; display : inline-block; width : 10px; height : 25px; background: url("../images/nav_on_bg_l.png")no-repeat center; } #navArea li:hover>a:after { background-image: url("../images/nav_on_bg_r.png"); right : -9px; left : auto; } #navArea .nav_list { visibility : hidden; padding : 11px 0; position : absolute; left : -10px; /* top : 0px; */ background: rgba(255, 255 , 255, .7); display : flex; white-space : nowrap; } #navArea .nav_list dd{ margin-left: 0; border-right : 1px solid #d8d8d8; } #navArea .nav_list a { min-width : 103px; box-sizing : border-box; text-align : center; height : 33px; line-height : 33px; padding : 0 20px; font-size : 14px; color : #333; display : inline-block; /* flex : 1; */ letter-spacing: 1px; } #navArea .nav_list:last-child a { border-right: 0; } #navArea li:nth-child(3) .nav_list{ width: 485px; } #navArea .nav_list a:hover { color: #007aff; } #navArea li:hover .nav_list { visibility: visible; } #navArea .threeFn .dlnav::before { content: ''; width: 13px; height: 6px; background: url("http://xwjywjb.obs.cn-southwest-2.myhuaweicloud.com/db/UploadFile/2024/3/30/4ec844ee-2616-4995-a826-14571ea1fe94.png")no-repeat center; position: absolute; left: 61px; top: -14px; } #navArea .threeFn .hides{ display: none; width: 485px; position: absolute; left: 0; top: 55px; border-top: 1px dashed #0077c0; background: rgba(255, 255 , 255, .7); z-index: 999; } #navArea .threeFn .hides .dlnav { display: flex; justify-content: left; flex-wrap: wrap; /* background: rgba(255, 255 , 255, .7); */ padding-top: 10px; } #navArea .threeFn .dlnav li:hover>a{ background-color: transparent; color: #0067ac; } #navArea .threeFn .dlnav li:hover>a::before,#navArea .threeFn .dlnav li:hover>a::after{ display: none; } #foot { width : 100%; max-width: 1920px; position : fixed; bottom : 02.391304347826087%; z-index : 1; } #foot .f_t { width : 310px; display: flex; } #foot .icons { display : flex; width : 130px; margin-right : 10px; justify-content: space-between; cursor : pointer; } #foot .icon { position: relative; width : 27px; height : 27px; } #foot .phone { width : 156px; height : 26px; background: url("../images/phone.png") no-repeat center; } #foot .b_a, #foot .addr { font-size : 12px; color : #333; margin-top: 4px; } #foot .zsb { font-size : 12px; color: #388cbf; margin-top: 4px; display: flex; width: 313px; justify-content: space-between; } #foot .zsb .xsc { margin-right: 24px; } #foot .b_a>img { display: inline-block; } #foot .hide { pointer-events: none; opacity : 0; position : absolute; top : -70px; left : 20px; z-index : 1; } #foot .hide img { border : 5px solid #fff; pointer-events: none; } #foot .icon:hover .hide { opacity: 1; } #foot .fr .btn { padding-top : 6px; width : 65px; height : 65px; text-align : center; background-color: rgba(255,255,255,.5); margin-left : 23px; border-radius : 6px; cursor : pointer; } #foot .fr .btn>img { display : inline-block; width: 33px; height: 33px; margin-bottom: 4px; } #foot .fr { display : flex; justify-content: space-between; } #foot .fr .btn>p { font-size : 14px; text-align: center; color : #333333; } /*分页*/ #page_turn_box { text-align: center; margin : 40px auto 70px; } #page_turn_box>a { display : inline-block; font-family : AquaGrotesque; font-size : 24px; /*font-style : italic;*/ line-height : 1; letter-spacing: 2px; color : #656565; padding : 3px 0; margin : 0 10px; } #page_turn_box>a:before, #page_turn_box>a:after { content : '<'; display : inline-block; font-size : 18px; color : #656565; font-style : normal; vertical-align: 2px; } #page_turn_box>a.on:before, #page_turn_box>a.on:after { background : linear-gradient(135deg, #ecd045, #da251d); -webkit-background-clip: text; color : transparent; } #page_turn_box>a:after { content: '>'; } #page_turn_box>a:hover, #page_turn_box>a.on { color : #0067ac; background-color: transparent; } #zxbm_box { position : fixed; top : 50%; left : 50%; transform : translateY(-50%) translateX(-50%); background-color: #fff; height : 900px; width : 1000px; z-index : 9999; } /*院长邮箱*/ .text-indent2 { text-indent: 2em; } #zxbm_box { display: none; } .mb30 { margin-bottom: 30px; } #zxbm_box .head_ { background: url("../images/zxbm_head.jpg") no-repeat center; width : 1000px; height : 178px; } #zxbm_box .head_ .close { width : 30px; height : 30px; cursor : pointer; position: absolute; right : 6px; top : 6px; } #zxbm_box p { font-size : 14px; color : #646464; text-align: center; margin-top: 30px; } span.red { color : #ff0000 !important; margin-right: 0 !important; } #zxbm_box .box { padding : 36px 258px 0; overflow-y: scroll; max-height: 660px; overflow-x: hidden; } #zxbm_box .box::-webkit-scrollbar { opacity: 0; } #zxbm_box .box .wrap { margin-bottom: 22px; } #zxbm_box .box .wrap input { height : 37px; width : 373px; background-color: #f0f2f5; text-indent : 10px; } #zxbm_box .box .wrap span:not(.red) { display: inline-block; width : 72px; } #zxbm_box .box .wrap span, .msg_main span { font-size : 18px; color : #333; margin-right: 16px; } #zxbm_box .box #msg_main { margin-left : 7px; width : 373px; height : 103px; border : none; background-color: #f0f2f5; vertical-align : top; text-indent : 10px; font-size : 14px; resize : none; } #zxbm_send { width : 128px; height : 28px; background: url("../images/btn_send.png") no-repeat center; margin : 38px auto 0; cursor : pointer; } @media (max-width:1400px) and (max-height:770px) { body { zoom: 0.715; } } #foot .fl { position: relative; } .zfBtn { display : block; width : 300px; height : 39px; position: absolute; left : 0; top : -45px; } .fr_btn70 { padding: 9px 0 0 0 !important; } .fr_btnImg70 { width : 36px; height : 20px !important; margin-bottom: 5px !important; }