/* CSS Document public*/ *{font-family:Gothic,Helvetica, sans-serif ,Arial; padding: 0; margin:0; box-sizing:border-box; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;} body{ padding:0;margin:0;font-family:"Gothic", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "PingFang SC","Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif; -webkit-font-smoothing:antialiased;font-smoothing:antialiased;line-height: 1;font-size:14px;overflow-x: hidden;background:#fff;} html,body{ min-height:100vh;} body{ overflow:-moz-scrollbars-vertical;} html::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;} html::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;} html::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;} @font-face { font-family: "Gothic"; src: /*url("../fonts/Gothic.woff2") format("woff2"),*/ url("../fonts/Gothic.woff") format("woff"), url("../fonts/Gothic.ttf") format("truetype"), url("../fonts/Gothic.eot") format("embedded-opentype"), /*url("../fonts/Gothic.svg") format("svg");*/ font-weight: normal; font-style: normal; } @font-face { font-family: "Gothic"; src: /*url("../fonts/GothicB.woff2") format("woff2"),*/ url("../fonts/GothicB.woff") format("woff"), url("../fonts/GothicB.ttf") format("truetype"), url("../fonts/GothicB.eot") format("embedded-opentype"), /*url("../fonts/GothicB.svg") format("svg");*/ font-weight:700; font-style: normal; } @font-face { font-family: "GothicB"; src:/* url("../fonts/GothicB.woff2") format("woff2"),*/ url("../fonts/GothicB.woff") format("woff"), url("../fonts/GothicB.ttf") format("truetype"), url("../fonts/GothicB.eot") format("embedded-opentype"), /* url("../fonts/GothicB.svg") format("svg");*/ font-weight: bold; font-style: normal; } table { border-collapse: collapse; border-spacing: 0; } table td {line-height: 1.25;padding: 5px;padding-left:15px;/* width: auto; */} .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden;} .clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行,其他浏览器不执行*/} a{text-decoration:none;/*IE使用*/outline-style:none;/*FF使用*/; outline:none;} a,input,img,:focus{ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/ ul{list-style:none;} img{border:0px; vertical-align:middle} ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;} 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} .fl{ float:left} .fr{ float:right} .clear{clear:both;height:0px;font-size:1px;line-height:0px} .container01,.container02,.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;} .overfloat-dot-4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .overfloat-dot-5{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;} .overfloat-dot-6{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;} .overfloat-dot-7{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -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;} .pic{position: relativ1e;overflow: hidden;} a .pic img{display: block;width: 100%;transition: 0.4s all ease-in;} a:hover .pic img{transform: scale(1.2);transition: 0.4s all ease-in;} .textline{background-repeat: no-repeat;background-size: 0 1px;background-position:0 100%;transition: background-size 0.5s ease-out 0s;} a:hover .textline{background-size: 100% 1px;} .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;} /*==========================================公共 开始=============================================*/ .ar_wap{ display:none} .a_body{ position:relative; z-index:0;} .section{ overflow:hidden;} .w1200{margin:0 auto;padding: 0 50px;max-width: 1340px;} .header_box_li{position: relative;z-index: 1;transition: 0.4s;z-index: 999;} .header_box_li.sticky{height: 3.75rem; top: 0; left: 0; right: 0; z-index: 999;} @-webkit-keyframes sticky { 0% { top: -200px; } 100% { top: 0; } } @keyframes sticky { 0% { top: -200px; } 100% { top: 0; } } .header_box_li.sticky .header_top{display: none;} #nav .search_btn{margin-left:0.4rem;} .header_box_li.sticky #nav .search_btn{display: block;height: 35px;width: 35px;border-radius: 50%;background: url(../images/sticky_ss.png) no-repeat center center; margin:6px 0rem 0 2rem;} .header_box_li.sticky #nav .search_btn img{display: none;} .header_box_li.sticky #header #logo .box_table{} .header_box_li.sticky #header{} .header_box_li.sticky #header #logo{} .header_box_li.sticky .w1400{width: 1340px;} .pc_top_lj{width: 100%;transition: 0.4s;} .pc_top_lj>div{margin: 0rem auto 0px;display: flex;justify-content: space-between;align-items: center;transition: 0.4s; padding-top: 0.2rem; } .pc_top_lj .l{display: flex;align-items: center;} .pc_top_lj .l p{font-size: 0.18rem;color: #e7e7e7;} .pc_top_lj .r{display: flex;align-items: center;justify-content: flex-end;} .pc_top_lj .line{display: inline-block;margin: 0 2px;background: #fff;width: 1px;height: 0.06rem;} .pc_top_lj a img{} .pc_top_lj a.search_btn{width: 16px;margin-left: 0.1rem;margin-right: 0;} .pc_top_lj a{display: block;font-size: 0.14rem;color: #e7e7e7;margin: 0 0.1rem;} .pc_top_lj p{font-size: 0.14rem;color: #fff;} .header_box_li.xg{height: 4.625rem;} .header_box_li.xg #header{height: 4.625rem;} .header_box_li.xg #header .header_top{height: 1.3rem;} .header_box_li.xg #header .header_top .tianqi{display:none;} .header_box_li.xg #header .header_top .list_box0{display:none;} .header_box_li.xg #logo img{width: 70%;} .header_box_li.xg #logo .xx{ opacity: 0 !important;} .header_box_li.xg #logo .box_table{ height: 100% !important;} .header_box{position: relative;z-index: 10000;} #header{position: relative;height: auto;z-index:999;width:100%;background-size:cover; transition: 0.4s; max-width: 100%;margin: 0 auto;padding-top: 0.3rem;} /* .header_box_li:before{content:"";position:absolute;height: 10.125rem;top:0;left: 0;right: 0;transition: 0.2s;opacity: 1;visibility: visible;background-size: auto 100%;pointer-events: none;} */ #header.xg:before{ opacity:0; visibility:hidden} .head_bottom{padding: 0;width: 100%;margin: 0 auto;height: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 0.8rem 0 0.75rem;} .header_top{position: relative;height: 2.5rem;padding: 0;text-align: right;z-index: 10000; transition: 0.4s;padding: 0 0;} .header_top .tianqi{ display:inline-block; height:4rem} .header_top .search_btn{display:inline-block;float: none;font-size: 14px;color: #fff;} .header_top .search { width: 20px; height: 20px; position: relative; z-index: 20; } .header_top .search .input { position: absolute; z-index: 1; left: auto; right: -0.5rem; top: -12px; bottom: auto; height: 40px; width: 0; background: #fff; opacity: 0; visibility: hidden; transition: .5s; } .header_top .search .input input { width: 100%; height: 100%; font-size: 13px; padding: 0 2rem 0 1rem; color: #333; } .header_top .search .btn { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; } .header_top .search .btn input{cursor: pointer;position: absolute;z-index: 1;left: 0;top: 0;right:0;bottom: 0;height: 100%;width: 100%;} .header_top .search .btn svg{width: 18px;height: 18px;fill:#fff;} .header_top .search:hover .btn svg{ fill: #6510AD; } .header_top .search:hover .input { width: 16.25rem; opacity: 1; visibility: visible; } .header_top .zc_lj{} .header_top .zc_lj a{font-size: 14px;display: inline-block;transition:.6s;margin-left: 1rem;position: relative;line-height: 2.5rem;color:rgba(255,255,255,0.7);} .header_top .zc_lj a:hover{color: #ffba00;} .list_box0{ display:inline-block; vertical-align:top} .list_box0 .li{font-size: 14px;display: inline-block;transition:.6s;margin-left: 1rem;position: relative;line-height: 2.5rem;} .list_box0 .li>a{ display:block;color:rgba(255,255,255,0.7);transition: 0.5s;} .list_box0 .li>a:hover{color: #ffba00;} .list_box0 .li a>img{margin: -1px .625rem 0 0;} .list_box0 .li a .ewm_box{display:inline-block;border:#d3d3d3 1px solid;background:#fff;position:absolute;left:50%;transform: translateX(-50%) scaleY(1);top: 3.5rem;opacity: 1;visibility: visible;transform-origin:top;display: none;} .list_box0 .li a .ewm_box:before{content:"";position:absolute;border-left:transparent 6px solid;border-right:transparent 6px solid;border-bottom: #fff 6px solid;top: -6px;left: 50%;margin-left: -6px; } #m_header .list_box0{ float:right} #m_header .list_box0 .li{ line-height:60px;display:none;} #m_header .list_box0 .li a .ewm_box{ top:60px} #m_header .list_box0 .li a>img{ height:16px} .list_box_01{font-size:0;white-space:nowrap;padding: .625rem;} .list_box_01 li{display: block !important;margin: 0 15px !important;text-align:center;} .list_box_01 li h3 img{ border:#ededed 1px solid; width:85px; height:85px;} .list_box_01 li h5{font-size:.75rem;color:#666666;line-height:20px;margin: 0;} .list_box0 .li+.li+.li:after{display: none;} .list_box0 .li:first-child:after{ display:none} .list_box0 .li input.txt{background: none;border-bottom: 1px solid #fff;width: 7.8125rem;padding: 0px 5px 5px;outline: none;border-left: 0;border-right: 0;border-top: 0;color: #fff;float: left;} .list_box0 .li input.img{width: 20px;height: 18px;background: url() no-repeat center center;float: left;} .header_box .w1200{height:100%;position:relative;max-width: 1650px;} /*.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}*/ #header{} #header #logo{ } #header #logo .box_table{width: 4.85rem;margin-top: 0rem;transition: 0.4s; display: table; height: auto; display: flex;align-items: center; } #header #logo .box_table .box_table_cell{display: table-cell; } #header #logo .xx p{ line-height: 15px !important;} #header #logo .xx{color: #fff; transition: 0.4s;opacity: 1; font-family: "楷体"; font-size: 24px; text-align: center;} .head_bottom>.right{width: auto;} #logo{float:left;position: relative;} #logo img{ transition: 0.4s;max-width: 100%;} #logo img.img2{ display:none} #nav{float: right;width: 100%;transition: 0.4s;display: flex;align-items: center;height: 0.6rem;position: relative;} #nav::after{content: '';display: block;width: calc(100% + 10rem);height: 100%;background: #9b0000;position: absolute;left: 0;top: 0;z-index: 1;} #nav::before{content: '';display: block;width: 0.2rem;height: 100%;background: url(../images/sy_dh_bg.png) no-repeat center center;background-size: 100% 100%;position: absolute;right: 100%;top: 0;} #nav ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;z-index: 6;} #nav ul li{float:left;position:relative;z-index:0;margin-left: 0.48rem;} #nav ul li:before{content:"";position:absolute;left: 0;width: 100%;height: 41px;bottom:0;transition:.6s;} #nav ul li.on:before, #nav ul li:hover:before{width:140%;left:-20%;} #nav ul li a{display:block;padding: 0.18rem 0rem ;transition: 0.4s;color:#b7b7b7;} #nav ul li h3{font-size: 0.18rem;line-height: 0.24rem;position:relative;display: inline-block;color: #fff;} #nav ul li a i{ margin:-3px 0 0 .1rem; display:inline-block; width:10px; height:5px; background:url() center no-repeat; transition:.5s} #nav ul li.on a i, #nav ul li:hover a i{ background:url() center no-repeat;} #nav ul li a i{ display:inline-block; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;} #nav ul li .sub{position:absolute;top:100%;min-width: 200px;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;padding: 10px 0;background:rgba(255,255,255,1) ;} #nav ul li .sub .box{text-align:center;} #nav ul li:hover a, #header #nav ul li.on a, #header.xg #nav ul li:hover a{color: #fff;} #nav ul li .sub a{padding:0.1rem 0.15rem 0.1rem !important;margin-top:-0.03rem; line-height: 20px;transition:.6s;white-space: wrap;display: block;text-align: center;position: relative;transition: 0.4s;} #nav ul li .sub a p{font-size: 0.14rem;color: #555555;transition: 0.4s;} #nav ul li .sub a:hover{ background: #9b0000;} #nav ul li .sub a:hover p{color: #fff; } #nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(-50%) scaleY(1);} #nav ul li .sub{box-shadow: 0 8px 8px rgba(0,55,59,0.25);} #nav>ul>li h3:before{content:"";display:block;position:absolute; width:21px; height:12px;left:50%;margin-left: -10px; bottom:10px; transition:.3s;opacity:0;visibility:hidden;} #nav>ul>li:hover h3:after,#nav ul li.on h3:after{ transform:scale(1);} #nav>ul>li:hover h3:before, #nav>ul>li.on h3:before{opacity:1;visibility:visible;display: none;} .search_btn{cursor:pointer;text-align: center;float:left;transition:.6s;position: relative;z-index: 3;} .search_btn img{margin: 0;} #header .dw2{float:left;height: 90px;width: 53px;cursor:pointer;position:relative;margin-right: 1.5rem;transition:.6s;margin-left: 1rem;} #header .dw2 .j_tab{ } #header .dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;background: rgba(255,255,255,.75);right: -1.5rem;top: 50%;margin-top: -8px;} #header .dw2.yuyan:before{content:"";width:1px;height:100%;display:block;position:absolute;left:0;top:0;display: none;} #header .dw2 .dh{height: 23px;line-height: 23px;text-align:center;font-size: 13px;color:#fff;cursor:pointer;transition:.6s;} #header .dw2 .dh span{padding-right: 14px;width: 53px;height: 23px;display: inline-block;font-style: italic;} #header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #acce22;left: 0;border: 1px solid #acce22;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);} #header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #acce22;position:absolute;top:-16px;left:50%;margin-left:-8px;} #header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;} #header .dw2 .dd a:hover{ font-weight:bold; } #header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);} @media(max-width: 1830px){ #nav .search_btn{margin-left: 0.2rem;} #nav ul li{margin-left: 0.2rem;} } body{} body::after{} .search_btn{margin-left: 0rem;cursor: pointer;} .search_btn svg{display:inline-block;fill:#fff;width: 16px;height: 16px;vertical-align: middle;} .search-dialog-box{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000000; opacity: 0; visibility: hidden; transition: .6s; /* overflow: hidden; */ } .search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: none;transition: .6s;left: 0;right: 0;z-index: 1;} .search-dialog-box.on:before{ height:100%} .search-dialog-box .bubbles-bg{ opacity: 0; visibility: hidden; display: none; } .search-dialog-box .search-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 0; margin: 0; background: rgba(0,0,0,.7); background-size: cover; background-repeat: no-repeat; /* z-index: 1; */ transform-origin: center center; transition: height .8s cubic-bezier(.77,0,.175,1); } .search-dialog-box .wrap-inner{ transform:translateY(100%); transition: .6s; } .header-right .bubbles-bg{ opacity: 0; visibility: hidden; transition: all .5s .8s; } .search-dialog-box .bubbles-bg .bubble{ position: absolute; } .search-dialog-box .bubbles-bg .bubble .circle{ border-radius: 100%; position: absolute; left: 0; top: 0; width:100%; height: 100%; } .search-dialog-box .bubbles-bg .bubble1{ width:6%; padding-top: 6%; left: 26.875%; top: -6.67%; } .search-dialog-box .bubbles-bg .bubble1 .circle{ border:1px solid #fff; } .search-dialog-box .bubbles-bg .bubble2{ width:12px; padding-top: 12px; left: 13.54%; top: 18%; } .search-dialog-box .bubbles-bg .bubble2 .circle{ background-color: #ff495f; } .search-dialog-box .bubbles-bg .bubble3{ width:36px; padding-top: 36px; left: 8.854%; top: 30.55%; } .search-dialog-box .bubbles-bg .bubble3 .circle{ background-color: #fff; } .search-dialog-box .bubbles-bg .bubble4{ width:56.875%; padding-top: 56.875%; left: -28.6458%; top: 51.85%; } .search-dialog-box .bubbles-bg .bubble4 .circle{ background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%); background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%); background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%); } .search-dialog-box .bubbles-bg .bubble5{ width:54px; padding-top: 54px; left: 26.3%; top: 70.83%; } .search-dialog-box .bubbles-bg .bubble5 .circle{ background-color: #fff; opacity: .1; } .search-dialog-box .bubbles-bg .bubble6{ width:56.875%; padding-top: 56.875%; left: 73.4375%; top: -52.77%; } .search-dialog-box .bubbles-bg .bubble6 .circle{ background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%); background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%); background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%); } .search-dialog-box .bubbles-bg .bubble7{ width:2rem; padding-top: 2rem; left: 60.9375%; top: 18.5%; } .search-dialog-box .bubbles-bg .bubble7 .circle{ background-color: #ff495f; } .search-dialog-box .bubbles-bg .bubble8{ width:1.35rem; padding-top: 1.35rem; left: 95.83%; top: 70.83%; } .search-dialog-box .bubbles-bg .bubble8 .circle{ border:1px solid #fff; } .search-dialog-box .bubbles-bg .bubble9{ width:16px; padding-top: 16px; left: 76.5625%; top: 96.296%; } .search-dialog-box .bubbles-bg .bubble9 .circle{ background-color: #fff; } .search-dialog-box .bubbles-bg .bubble10{ width:56.875%; padding-top: 56.875%; left: 71.354%; top:87%; } .search-dialog-box .bubbles-bg .bubble10 .circle{ background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%); background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%); background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%); } .search-dialog-box .bubbles-bg .bubble{ animation:spin 8s infinite linear; transform-origin: 50% 45%; } .search-dialog-box .bubbles-bg .bubble:nth-child(2n){ animation:spin2 8s infinite linear; } .search-dialog-box .bubbles-bg .bubble .circle{ animation:spin-reverse 8s infinite linear; } .search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{ animation:spin-reverse2 8s infinite linear; } .search-dialog-box .bubbles-bg .sm-bubble{ transform-origin: 30% 30px; } .search-dialog{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; } .search-dialog .search-tit{ font-size: 0.2rem; line-height: 0.25rem; color: #fff; text-align: center; overflow: hidden; display: none; } .search-dialog .search-inner{ overflow: hidden; margin-top: 0; } .search-dialog .search-input{ width: 561px; margin: 0 auto; padding: 0 0rem 0 0.3rem; background: #fff; box-sizing: border-box; transition: all .3s; max-width: 94%; border-radius: 500px; } .search-dialog .search-input input[type=text]{ float: left; height: 0.56rem; width: calc(100% - 0.89rem); background-color: transparent; font-size: 0.2rem; line-height: .25rem; color: #919191; transition: all .3s; outline: none; border: 0; } .search-dialog .search-input input[type=text]::-webkit-input-placeholder{ color: #919191; } .search-dialog .search-input input[type=text]:-moz-placeholder{ color: #919191; } .search-dialog .search-input input[type=text]::-moz-placeholder{ color: #919191; } .search-dialog .search-input input[type=text]:-ms-input-placeholder { color: #919191; } .search-dialog .search-input input[type=image], .search-dialog .search-input .clear-btn{ float: right; height: 0.72rem; width: 0.56rem; } .search-dialog .search-input input[type=image]{ margin-right: -5px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 1.5rem; background-image: url('../images/search.png'); background: #9b0000 url('../images/search.png') no-repeat center center; height: 0.56rem; width: 0.89rem; border-radius: 100px; } .search-dialog .search-input .clear-btn{ background-color: rgba(0,0,0,.2); background-repeat: no-repeat; background-position: center; background-image: url('../images/close-btn.svg'); background-size: 0.56rem; border-radius: 100%; margin-right: 1rem; display: none; } .search-dialog .search-input.on{ background-color: #fff; } .search-dialog .search-input.on input[type=image]{ background-image: url('') } .search-dialog .hot-search{ font-size: 0; width:3.12rem; margin:.6rem auto 0; box-sizing: border-box; padding:0 .6rem; overflow: hidden; } .search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link{ display: inline-block; *display: inline; zoom:1; vertical-align: top; } .search-dialog .hot-search .hot-tit{ font-size: .375rem; line-height: .5rem; color: #fff; font-weight: bold; padding-left: .6rem; background-repeat: no-repeat; background-position: left center; background-size: .5rem; background-image: url(); } .search-dialog .hot-link{ margin-left: 1rem; } .search-dialog .hot-link a{ display: inline-block; *display: inline; zoom:1; font-size: .375rem; line-height: .5rem; margin-right: .75rem; color:#fff; padding-bottom: 5px; position: relative; } .search-dialog .hot-link a:before{ content: ""; position: absolute; left:0%; bottom:0; width:100%; height: 2px; background-color: #fff; transform:scaleX(0); transform-origin:left center; transition:transform .3s; } .search-dialog-box .bottom-box{ position: absolute; left: 0; bottom:5.1%; width:100%; } .search-dialog-box .bottom-box .share-box{ overflow: hidden; } .search-dialog-box .bottom-box .copy{ font-size: .35rem; line-height:.5rem; color: #fff; font-family: "gilroy-regular"; margin-top: .5rem; overflow: hidden; } .header-right.is-open .bubbles-bg{ visibility: visible; opacity: 1; } .header-right.is-open .search-btn .con-box{ display:none; } .header-right.is-open .close-btn{ display:block; } .header-right.is-open .item .search-bg{ transform:scale(1); } .search-dialog-box.on{ opacity: 1; visibility: visible; } .search-dialog-box.on .search-bg{height: 100vh;} .search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;} .search-dialog-box.on .wrap-inner{ transform:translateY(0)} .pub-close { position: absolute; width: 24px; height: 24px; z-index: 10; right: 0.8rem; top: 0.48rem; border-radius: 100%; } .pub-close .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1c5ab7; transform: scale(0); border-radius: 100%; transition: transform .3s; } .pub-close i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-image: url(../images/search_close.png); transition:.6s } .pub-close i:hover{ transform:rotate(180deg)} @keyframes spin{ to{transform: rotate(1turn);} } @keyframes spin2{ to{transform: rotate(-1turn);} } @keyframes spin-reverse{ from{ transform:rotate(1turn); } } @keyframes spin-reverse2{ from{ transform:rotate(-1turn); } } /*顶部搜索*/ .tc_search {margin: 0.4rem auto 0;width: calc(100% - 0.6rem);position: relative;} .tc_search form {height: 40px;border-radius: 0;background: rgba(255,255,255,.1);position: relative;width: 100%;margin-bottom: 1rem;} .tc_search .keyword {font-size:.875rem;color: #fff;height: 40px;line-height: 40px;padding: 0 1rem;box-shadow: none;-webkit-appearance: none;border-right: 0;background: none;width: 100%;outline: none; border: 1px solid rgba(255,255,255,0.5);padding: 0 51px;} .tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 38px; border: 0; background: url(../images/search_white.svg) center center no-repeat; background-size: 55%; } .tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; } .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 */ 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消失-结束 */ /*导航按钮开始*/ #nav_btn_box {height: 100%;z-index: 999999;float: right;margin-left: 0;} #nav_btn_box.on { background: none; } #nav_btn { } #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: 25px; height: 22px; position: relative; outline: none; } #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 25px; } #nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 14px;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: #fff;} #nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 25px;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: #fff;} #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; } /*导航按钮结束*/ .m_nav_list {flex-direction: column;justify-content: flex-start;width: 100%;margin: 30px 0 0;} .m_nav_list::-webkit-scrollbar { display:none} #m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105%;top: 0;display: none;padding: 0.5rem 0 0.5rem;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;background: #9b0000;} #m_nav .pc_top_lj{margin: 0 auto;display: table;width: auto;} #m_nav .pc_top_lj .r{padding-top: 0;} #m_nav .close{position:absolute;top: 6px;right:15px;font-size: 28px;color:#fff;z-index: 10000;} #m_nav.act { pointer-events: auto; right: 0;overflow: auto; } #m_nav>ul>li {width: 100%;overflow: hidden;padding: 0 0 0 0.3rem;position: relative;} #m_nav>ul>li {border-bottom: 1px solid rgba(255, 255, 255, 0.1);} #m_nav li .a { display: inline-block; width: calc(100% - 30px) } #m_nav li .a {line-height: 0.6rem;height: 0.6rem;color: #fff;padding: 0;font-size: 16px;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: 50px;height: 0.6rem;display: inline-block;background: url(../images/arrow_down.svg) center center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;} #m_nav li.on i {background: url(../images/arrow_down_on.svg) center center no-repeat;} #m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); } #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: #c21d1b; } #m_nav .title .list a {display: block;font-size: 14px;color: rgba(255,255,255,.6);text-align: left;line-height: 40px;height: 40px;border: 0;font-weight: 300;} /*三级导航 开始*/ #m_nav .title .list .void>a { background-size: 10px; position: relative; } #m_nav .title .list .void>a:before { content: "·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; } #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.5rem; 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 {transition: .6s;display: none;height: 60px;} #m_header #logo .box_table{width: 3rem; float: left; display: table; height: 100%;} #nav_btn_box .box_table { width: auto; float: left; display: table; height: 100%; height: 100%;} #nav_btn_box .box_table .box_table_cell{ vertical-align: middle; display: table-cell; } #m_header #logo .box_table .box_table_cell{ vertical-align: middle;display: table-cell; margin: 0 auto;} #m_header #logo .box_table .box_table_cell a{ display: block; } .m_header_box header{padding:0 5%;top: 0;height: 60px;box-shadow: 0 8px 8px rgba(0,55,59,0.25);position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: #9b0000;background-size: cover;} #m_header #logo{float: left;} #m_header #logo img{max-height: 55px;width: auto;} #m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;} #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);} #fp-nav.fp-right{display: none;} .toubu_div{position: fixed;top: 0;width: 100%;left: 0;z-index: 1000;transition: 0.5s; /*transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; */} .toubu_div_bai{position: fixed;} .toubu_div_bai .list_box0 .li>a{color: #000;} .yc_gd_dh{z-index: 2000;top: -200px;} .yc_gd_dh #header{height: 82px;background:#4c7867;} .yc_gd_dh .head_bottom{ padding: .1rem 0rem .5rem;height: 82px; } .yc_gd_dh .head_bottom .right{width: calc(100% - 500px);} .yc_gd_dh .header_top{transition: 0.4s;overflow: hidden;} .yc_gd_dh .header_top.lit{height: 0;} .yc_gd_dh #nav ul li h3{color: #fff;font-size: 1.375rem;} .yc_gd_dh #nav ul li:hover h3{color: #fff;} .yc_gd_dh #nav ul li .sub a:hover{ background: #b03d3d; } .yc_gd_dh #nav ul li .sub a{background: #fff;} .yc_gd_dh .db_kslj{width: 1340px;margin: 10px auto 0;} .yc_gd_dh .db_kslj ul{display: flex;width: 100%;} .yc_gd_dh .db_kslj ul li{width: 11.11%;border-left: 0px solid #bdbdbd;} .yc_gd_dh .db_kslj ul li+li{border-left: 1px solid #bdbdbd;} .yc_gd_dh .db_kslj ul li a{display: block;} .yc_gd_dh .db_kslj ul li .pic{position: relative;display: table;margin: 5px auto 10px;} .yc_gd_dh .db_kslj ul li .pic img{} .yc_gd_dh .db_kslj ul li .pic img+img{position: absolute;top: 0;left: 0;opacity: 0;transition: 0.4s;} .yc_gd_dh .db_kslj ul li .pic img+img+img{opacity: 0;} .yc_gd_dh .db_kslj.on ul li a .pic img{opacity: 0;} .yc_gd_dh .db_kslj.on ul li a .pic img+img{opacity: 0;} .yc_gd_dh .db_kslj.on ul li a .pic img+img+img{opacity: 1;} .yc_gd_dh .db_kslj.on ul li p{color: #ddacac;} .yc_gd_dh .db_kslj ul li p{font-size: 1rem;color: #000;font-family: Arial;text-align: center;transition: 0.4s;} .yc_gd_dh .db_kslj ul li a:hover .pic img+img{opacity: 1;} .yc_gd_dh .db_kslj ul li a:hover .pic img+img+img{opacity: 0;} .yc_gd_dh .db_kslj ul li a:hover p{color: #4c7867;font-weight: bold;} .img{width: 100%;position: relative;padding-bottom: 60%;overflow: hidden;transition: 0.4s;} .img .img_box{background-position: center center !important;position: absolute;top: 0;left: 0;z-index: 2; width: 100%;background-size: cover !important; height: 100%;transition: 0.4s;} .img img{ position: absolute;transition: 0.4s;opacity: 1 !important; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} a:hover .img .img_box{transform: scale(1.05);} a:hover .img img{transform: scale(1.05);} .img .img_box{display: none;} .w14{width: 14rem;margin: 0 auto;} .firstScreen{ height: 100vh; overflow: hidden; position: relative; background-size: cover; } .body_main{ position: absolute; left: 0%; top: 100%; bottom: 0; right: 0; background: #fff; overflow: hidden; transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s; z-index: 999; overflow-y: auto; outline: none; } .body_main.on{top: 0;} .body_main::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;} .body_main::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;} .body_main::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;} .toubu_div::after{content: "";display: block;width: 100%;height: 100%;background:#9b0000;background-size: 100% 100%;position: absolute;top: 0;z-index: 0;left: 0;transition: 0.4s;opacity: 0;} #header{transition: 0.4s;} /* .toubu_div.on{display: none;} */ .toubu_div.on #header{height: 100%;padding: 0.1rem 0;} .toubu_div.on::after{opacity: 1;} .toubu_div.on .pc_top_lj .r{padding-top: 0.1rem;} .toubu_div.on #nav ul li a{ padding: .1rem 0rem;} .toubu_div.on #header #logo .box_table .box_table_cell{vertical-align: middle;} .toubu_div.on #header #logo .box_table{width: 3.72rem;} .headertop{padding: 0 0.8rem 0 0.75rem;width: 100%;position: relative;margin-bottom: 0.1rem;} .headertop .switchBox{margin-left: 0.2rem;position: relative;} .headertop .switchBox ul{position: absolute;top: 0.4rem;right: 0;background: rgba(255,255,255,0.9);padding:0.1rem 0.2rem;z-index: 66;min-width: 1.8rem;display: none;box-shadow: 0 0 0.08rem 0 rgba(0,0,0,0.2);} .headertop .switchBox ul li{display: block;} .headertop .switchBox ul li a{font-size: 0.16rem;color: #323232;display: block;line-height: 0.24rem;margin: 0.1rem 0;} .headertop .switchBox ul li a:hover{color: #9b0000;} .switchBox .btnPc{display: inline-block;width: 0.25rem;height: 0.22rem;position: relative;outline: none;cursor: pointer;} .switchBox .btnPc span{display: block;position: absolute;top: 0.12rem;left: 0;display: inline-block;width: 100%;height: 0.01rem;-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: #fff;} .switchBox .btnPc span::after, .switchBox .btnPc span::before{content: "";position: absolute;left: 0;display: inline-block;width: 100%;height: 0.01rem;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: #FFFFFF;} .switchBox .btnPc span::before{top: -0.12rem;} .switchBox .btnPc span::after{top: auto;bottom: -0.12rem;} .switchBox .btnPc.on span{transition: all .3s ease-out 0s;background: transparent;} .switchBox .btnPc.on span::before{transform: rotate(45deg);transition: 0.4s all;transition: all .3s ease-out 0s;top: 0;} .switchBox .btnPc.on span::after{transform: rotate(-45deg);transition: all .3s ease-out 0s;bottom: 0;} .nrlink{margin-top: 0.3rem;display: flex;justify-content: space-between;flex-wrap: wrap;margin-left: -0.333%;width: 100%;justify-content: flex-start;padding: 0 0.3rem;} .nrlink a{width: 33%;margin-left: 0.333%;font-size: 0.16rem;color: white;line-height: 0.24rem;display: block;margin-top: 0.1rem;} /* .toubu_div.lit #header #logo .box_table{margin: 0.2rem 0 0.1rem;} .toubu_div.lit .pc_top_lj{margin-top: 0;height: 0;overflow: hidden;padding: 0;} .toubu_div.lit #nav{margin-top: 0.15rem;} */ .swiper-slide{ filter: brightness(1);} .swiper-button-prev, .swiper-button-next{margin: 0;border: none;} .swiper-button-prev{left: 30px;} .swiper-button-next{right: 30px;left: auto;} .swiper-button-next:after, .swiper-button-prev:after{display:none;} @font-face { font-family: sys_bd; src: url(../font/SOURCEHANSERIFSC-BOLD.OTF); } @font-face { font-family: georgia; src: url(../font/georgiab.ttf); } /* .index_body{overflow: hidden;} */ .fhdb{display: block;position: fixed;bottom: 3%;right: 3%;z-index: 1002;width: 0.4rem;height: 0.4rem;overflow: hidden;visibility: hidden;opacity: 0;transition: 0.4s;background: #9b0000;} .fhdb a{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;top: 100%;transition: 0.4s;position: relative;left: 0;} .fhdb a img{width: 70%;} .fhdb.on{visibility: initial;opacity: 1;} .fhdb.on a{top: 0;} .fhdb:hover{box-shadow: 0 0 5px rgba(0,0,0,.5);} @media(max-width: 1024px){ .fhdb{width: 0.25rem;height: 0.25rem;} } .part1{position: relative;height: 100%;} .p1_lb{width: 100%;height: 100%;margin: 0 auto 0;} .p1_lb .swiper-slide{height: 100%;} .p1_lb .swiper-slide a{display: block;position: relative;height: 100%;} .p1_lb .swiper-slide a::after{content: '';display: block;width: 100%;height: 2.77rem;background: url(../images/ej_bn_dt_zz.png) repeat-x top center;background-size: auto 100%;position: absolute;top: 0;z-index: 5;left: 0;} .p1_lb .swiper-slide a::before{content: '';display: block;width: 100%;height: 2.01rem;background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));position: absolute;bottom: 0;z-index: 5;left: 0;} .p1_lb .swiper-slide .img{padding-bottom: 0;height: 100%;} .p1_lb .swiper-slide p{font-size: 0.22rem;color: #ffffff;color: #fff;position: absolute;left: 2.6rem;bottom: 0.3rem;line-height: 0.3rem;z-index: 9;width: 60%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; } .p1_lb .swiper-slide img{width: 100%;transform: scale(1) !important;} .p1_lb .swiper-slide .img_box{transform: scale(1) !important;} .p1_jt_box{position: absolute;bottom: 0.2rem; left: 0rem;z-index: 6;width: 100%;} .p1_jt_box .w14{display: flex;justify-content: flex-end;position: relative;} .p1_jt_box .swiper-pagination{position: relative;display: flex;align-items: center;} .p1_jt_box .swiper-pagination span{width: 0.12rem;height: 0.12rem;border-radius: 0;background: #fff; background-size: 100% 100% !important;opacity: 0.5;display: block;color: #fff;font-family: Arial;font-size: 0.18rem;line-height: 0.4rem;margin: 0 0.09rem !important;border-radius: 50%;} .p1_jt_box .swiper-pagination span.swiper-pagination-bullet-active{background: url(../images/bn_dt_dot_on.png) no-repeat center center;width: 0.37rem;height: 0.4rem;opacity: 1;border-radius: 0;} .p2_jt_zy{width: calc(100% - 1.2rem);position: absolute;left: 0.6rem;top: calc(50% - 0.4rem);display: flex;justify-content: space-between;} .p2_jt_zy>div{width: 0.8rem;height: 0.8rem;background: rgba(0,0,0,0.4) url(../images/bn_dt_jt_prev.png) no-repeat center center;background-size: 100% !important;border-radius: 50%;position: relative;top: 0;left: auto;right: auto;pointer-events: unset !important;} .p2_jt_zy>div.swiper-button-next{background: rgba(0,0,0,0.4) url(../images/bn_dt_jt_next.png) no-repeat center center;} @media(max-width: 1024px){ #sy_main{border-top: 0 solid #000;} .p1_lb .swiper-slide a::after{display: none;} .p1_lb .swiper-slide p{width: 100%;} .p1_lb{width: 100%;height: auto;margin: calc(60px) auto 0;} .part1{height: auto;} .firstScreen{height: auto;} .p1_lb .swiper-slide .img{padding-bottom: 49.5%;} .p2_jt_zy{top: calc(50% - 0.15rem);width: calc(100% - 0.2rem);left: 0.1rem;} .p2_jt_zy>div{width: 0.3rem;height: 0.3rem;} .p1_xljt{display: none;} .p1_lb .swiper-slide p{left: 0;padding: 0 0.2rem;} .p1_jt_box{position: relative;bottom: 0;background: #F4F4F4;padding: 0.1rem 0;} .p1_jt_box .w14{justify-content: center;} .p1_jt_box .swiper-pagination span{background: none;opacity: 1;border: 0.02rem solid #9B0000;} .p1_jt_box .swiper-pagination span.swiper-pagination-bullet-active{background: url(../images/bn_dt_dot_red.png) no-repeat center center;width: 0.2rem;height: 0.2rem;border: none;} } @media(max-width: 650px){ .p1_lb .swiper-slide a::before{height: 50%;} .p1_lb .swiper-slide p{bottom: 0.06rem;font-size: 0.16rem;} } .swiper-button-prev,.swiper-button-next{pointer-events: unset;} .p1_xljt{width: 0.35rem;height: 0.35rem;margin: 0.23rem auto;background: url(../images/sy_first_xl_jt.png) no-repeat center center;background-size: 100% 100%;cursor: pointer;} .sametitle{margin-bottom:0.4rem;position: relative;display: flex;justify-content: flex-start;width: 100%;overflow: hidden;align-items: flex-end;} .sametitle h5{font-size: 0.38rem;font-weight: bold;line-height: normal;color: #333333;line-height: 0.5rem;} .sametitle .more{font-size: 0.16rem;font-weight: normal;line-height: normal;color: #9B0000;line-height: 0.3rem;margin-left: 0.2rem;} .sametitle .more:hover{color: #9B0000;font-weight: bold;text-decoration: underline;} .sametitle2 h5{width: 100%;text-align: center;} .sametitle2 .more{position: absolute;right: 0;top: 0.08rem;} @media (max-width:430px) { .sametitle h5{justify-content: flex-start;} .sametitle h5 span{font-size: 0.34rem;} } .sameBt{font-size: 0.18rem;line-height: 0.26rem;color: #333333;margin-top: 0.14rem;} .sameBt span{background-image: linear-gradient(#9B0000,#9B0000);} a:hover .sameBt{color:#9B0000;} .samezy{font-size: 0.14rem;font-weight: normal;line-height: 0.33rem;color: #666666;margin-top: 0.14rem;} /* news events start*/ .part2Box{background: url(../images/bg01.jpg) no-repeat bottom center;background-size: cover; margin-top: 0.8rem;padding: 0.8rem 0;} .newsEvents{padding: 0.8rem 0 0.9rem 0;background: #F3F1EC;} .news{width:74%;} .news ul{} .news ul li{width: 31.333%;} .news ul li a{display: block;} .news ul li a .pic{} .news ul li a .pic img{height: 2.2rem;} .events{width:23%;} .events ul{} .events ul li{} .events ul li+li{margin-top: 0.2rem;} .events ul li a{} .events ul li a .date{width: 0.5rem;height: 0.5rem;display: flex;justify-content: center;align-items: center;flex-direction: column;background: #9B0000;} .events ul li a .date i{font-size: 0.24rem;font-weight: bold;line-height: 0.28rem;text-align: center;font-style: normal;color: #FFFFFF;} .events ul li a .date b{font-size: 0.14rem;font-weight: normal;line-height: 0.2rem;text-align: center;color: #FFFFFF;} .events ul li a .text{width: calc(100% - 0.7rem);} .events ul li a .text h6{font-size: 0.18rem;line-height: 0.26rem;color: #333333;} .events ul li a .text h6 span{background-image: linear-gradient(#9B0000,#9B0000);} .events ul li a:hover .text h6{color: #9B0000;} .events ul li a .text .jt{display: block;background: url(../images/eventjt.png) no-repeat left center;background-size: 0.4rem;width: 0.6rem;height: 0.06rem;transition: 0.4s all;margin-top: 0.16rem;} .events ul li a:hover .text .jt{background-position: 0.1rem center;transition: 0.4s all;} .events ul li a .text .rq{font-size: 0.14rem;font-weight: normal;line-height: 0.3rem;color: #666666;} @media (max-width:1024px) { .part2Box{margin-top: 0;} .news ul li a .pic img{height: 18vw;} .news{width:100%;} .events{width:100%;margin-top: 0.4rem;} } @media (max-width:850px) { .part2Box{padding-top: 0.5rem;} .news ul li{width: 100%;} .news ul li+li{margin-top: 0.3rem;} .news ul li a .pic img{height: 54vw;} .events{width: 100%;margin-top: 0.4rem;} } /* news events end*/ /* Why Us start */ .part3{margin-top: 0.75rem;} .part3 .sametitle{} .part3 .sametitle h5{text-align: center;width: 100%;} .part3 .why01{width: 40%;} .part3 .why01 a{display: block;position: relative;} .part3 .why01 a .pic{} .part3 .why01 a .pic img{height: 6rem;object-fit: cover;object-position: center center;} .part3 .why01 a .text{position: absolute;width: 64%;background: #EA8D25;padding: 0.3rem;bottom: 0;left: 0;} .part3 .why01 a .text h6{font-size: 0.3rem;font-weight: bold;line-height: 0.3rem;color: #FFFFFF;} .part3 .why01 a .text p{font-size: 0.16rem;font-weight: normal;line-height: 0.24rem;color: #FFFFFF;max-height: 0.72rem;margin-top: 0.16rem;} .part3 .why02{width: 32%;} .part3 .why02 .why_top{height: 2.3rem;background: #F8F6F4;} .part3 .why02 .why_top a{display: block;height: 100%;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;padding: 0 0.3rem;transition: 0.4s all;} .part3 .why02 .why_top a h6{font-size: 0.3rem;font-weight: bold;line-height: 0.3rem;color: #9B0000;transition: 0.4s all;} .part3 .why02 .why_top a p{font-size: 0.16rem;font-weight: normal;line-height: 0.24rem;color: #323232;max-height: 0.72rem;margin-top: 0.16rem;transition: 0.4s all;} .part3 .why02 .why_top a:hover{background: #9B0000;transition: 0.4s all;} .part3 .why02 .why_top a:hover h6, .part3 .why02 .why_top a:hover p{color: white;transition: 0.4s all;} .part3 .why02 .why_bottom{} .part3 .why02 .why_bottom a{position: relative;} .part3 .why02 .why_bottom a .pic{} .part3 .why02 .why_bottom a .pic img{height: 3.7rem;object-fit: cover;object-position: center center;} .part3 .why02 .why_bottom a .text{position: absolute;bottom: 0.3rem;left: 0;} .part3 .why02 .why_bottom a .text p{font-size: 0.3rem;font-weight: bold;line-height: 0.3rem;color: #FFFFFF;transition: 0.4s all;padding: 0 0.3rem;} .part3 .why03{width: 28%;} .part3 .why03 a{display: block;} .part3 .why03 a .pic{} .part3 .why03 a .pic img{height: 3.7rem;object-fit: cover;object-position: center center;} .part3 .why03 a .text{background: #9B0000;height: 2.3rem;padding: 0 0.3rem;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;} .part3 .why03 a .text h6{font-size: 0.3rem;font-weight: bold;line-height: 0.3rem;color: #FFFFFF;} .part3 .why03 a .text p{font-size: 0.16rem;font-weight: normal;line-height: 0.24rem;color: #FFFFFF;max-height: 0.72rem;margin-top: 0.16rem;} @media(max-width: 850px){ .part3 .why01{width: 100%;} .part3 .why01 a .pic img{height: 120vw;} .part3 .why01 a .text{width: 80%;} .part3 .why02{width: 100%;} .part3 .why02 .why_bottom a .pic img{height: 54vw;} .part3 .why03{width: 100%;} .part3 .why03 a .pic img{height: 54vw;} } /* Why Us end */ /* Academics start */ .part4{position: relative;padding-top: 0.75rem;} .part4::after{content: "";position: absolute;left: 0;top: 0;height: calc(100% - 2.4rem); width: 100%;background: url(../images/bg02.png) no-repeat center fixed;background-size: cover;z-index: 1;} .part4>.w14{position: relative;z-index: 6;} .part4 .sametitle{} .part4 .sametitle h5 span{color: white;} .part4 .sametitle .more{color: white;} .part4 .zyp{} .part4 .zyp p{font-size: 0.2rem;font-weight: normal;line-height: 0.34rem;text-align: center;max-height: 1.02rem;color: #FFFFFF;} .part4 .ul1{margin-top: 1.2rem;} .part4 .ul1 li{width: calc(33.333% - 0.4rem);transition: 0.4s all;} .part4 .ul1 li:hover{transform: translateY(-0.1rem);transition: 0.4s all;} .part4 .ul1 li a{display: block;} .part4 .ul1 li:nth-child(1){background: #9B0000;} .part4 .ul1 li:nth-child(2){background: #9A6F4A;} .part4 .ul1 li:nth-child(3){background: #C5AA88;} .part4 .ul1 li a{padding: 0.18rem 0.32rem;display: block;} .part4 .ul1 li a img{display: block;width: 1rem;margin: 0 auto;} .part4 .ul1 li a h6{border-bottom: 0.01rem solid rgba(216, 216, 216, 0.4);font-size: 0.22rem;font-weight: bold;line-height: 0.34rem;text-align: center;color: #FFFFFF;margin-top: 0.04rem;padding-bottom: 0.16rem;} .part4 .ul1 li a p{font-size: 0.16rem;font-weight: normal;line-height: 0.24rem;text-align: center;height: 0.72rem;color: rgba(255, 255, 255, 0.7);margin-top: 0.2rem;} .part4 .ul2 {margin-top: 0.47rem;justify-content: center;} .part4 .ul2 li{width: 40%;background: #FFFFFF;box-sizing: border-box;border: 0.02rem solid #C5AA88;position: relative;} .part4 .ul2 li::after{content: "";width: 100%;height: 100%;background:#C5AA88;left: 0.06rem;top: 0.06rem;position: absolute;z-index: -1;transition: 0.4s all;} .part4 .ul2 li+li{margin-left: 4%;} .part4 .ul2 li a{display: flex;align-items: center;justify-content: space-between;padding: 0.32rem 0.34rem;} .part4 .ul2 li a h6{font-size: 0.3rem;font-weight: bold;line-height: 0.34rem;color: #9B0000;} .part4 .ul2 li a span{background: url(../images/jiantou.png) no-repeat center;background-size: 0.4rem;width: 0.4rem;height: 0.4rem;border-radius: 50%;box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.3);display: block;transition: 0.4s all;} .part4 .ul2 li:hover a span{transform: rotate(45deg);transition: 0.4s all;} .part4 .ul2 li:hover::after{left: 0;top: 0;transition: 0.4s all;} @media(max-width: 1024px){ .part4 .ul1 li{width: 32.333%;} .part4 .ul2{justify-content: space-between;} .part4 .ul2 li{width: 48%;} } @media(max-width: 850px){ .part4 .ul1 li{width: 100%;} .part4 .ul1 li+li{margin-top: 0.2rem;} .part4 .ul1 li a{align-items: flex-start;justify-content: flex-start;display: flex;} .part4 .ul1 li a img{width: 0.5rem;height: 0.5rem;margin: 0;} .part4 .ul1 li a h6{padding-bottom: 0;border: none;text-align: left;} .part4 .ul1 li a p{display: none;} .part4::after{height: calc(100% - 4.3rem);} .part4 .ul2{flex-wrap: wrap;} .part4 .ul2 li{width: 100%;} .part4 .ul2 li+li{margin-top: 0.2rem;margin-left: 0;} } /* Academics end */ .part5Box{background: url(../images/bg03.png) no-repeat top center;background-size: 100%;margin-top: 0.2rem;padding-top: 0.7rem;} /* Research start */ #certify{width: 100%;} #certify .swiper-slide {width: 7.4rem;height: 2.6rem;background: #F5F5F5;} #certify .swiper-slide-active{position: relative;z-index: 6;background: url(../images/textbg.png) no-repeat center;background-size: cover;} .researchCon .swiper-slide a{display: flex;justify-content: space-between;padding: 0.4rem 0.5rem;align-items: center;height: 100%;} .researchCon .swiper-slide a .pic{width: 1.3rem;} .researchCon .swiper-slide a .pic img{height: 0.8rem;} .researchCon .swiper-slide{background: ##F5F5F5;} .researchCon .swiper-slide a .text{width: calc(100% - 1.45rem);} .researchCon .swiper-slide a .text h6{font-size: 0.22rem;font-weight: normal;line-height: 0.34rem;max-height: 0.68rem;color: #333;} .researchCon .swiper-slide a .text h6 span{background-image: linear-gradient(#ffffff,#ffffff);} .researchCon .swiper-slide a .text p{font-size: 0.16rem;font-weight: normal;line-height: 0.24rem;max-height: 0.48rem;color: #666;margin-top: 0.18rem;} .researchCon .swiper-slide a .text i{font-size: 0.16rem;font-weight: normal;line-height: 0.24rem;color: #666;font-style: normal;display: block;margin-top: 0.14rem;} .researchCon .swiper-slide-active a .text{width: calc(100% - 1.45rem);} .researchCon .swiper-slide-active a .text h6{font-size: 0.22rem;font-weight: normal;line-height: 0.34rem;max-height: 0.68rem;color: #FFFFFF;} .researchCon .swiper-slide-active a .text h6 span{background-image: linear-gradient(#ffffff,#ffffff);} .researchCon .swiper-slide-active a .text p{font-size: 0.16rem;font-weight: normal;line-height: 0.24rem;max-height: 0.48rem;color: #FFFFFF;} .researchCon .swiper-slide-active a .text i{font-size: 0.18rem;font-weight: normal;line-height: 0.24rem;color: #FFFFFF;} .researchCon .swiper-button-prev{left:3.4rem;background:url(../images/LL.png) no-repeat center;width: 0.22rem;height: 0.39rem;background-size: 0.22rem;margin-top: -0.2rem;} .researchCon .swiper-button-next{right:3.4rem;background:url(../images/RR.png) no-repeat center;width: 0.22rem;height: 0.39rem;background-size: 0.22rem;margin-top: -0.2rem;} @media(max-width: 1024px){ .researchCon .swiper-button-prev{left: 0.1rem;} .researchCon .swiper-button-next{right: 0.1rem;} #certify .swiper-slide{width: 100%;height: auto;} } @media(max-width: 580px){ .researchCon .swiper-slide a{flex-wrap: wrap;} .researchCon .swiper-slide a .pic{width: 100%;} .researchCon .swiper-slide a .pic img{height: 52vw;} .researchCon .swiper-slide a .text{width: 100%;margin-top: 0.16rem;} .part5Box{padding: 0.5rem 0;} } /* Research end */ /* Faculty start */ .part6{margin-top: 0.92rem;} .part6 .swiper-slide{} .part6 .swiper-slide a{} .part6 .swiper-slide a .pic{} .part6 .swiper-slide a .pic img{height: 3.4rem;object-fit: cover;} .part6 .swiper-slide a .text{width: 100%;padding: 0.22rem 0.16rem;background: #FAF8F5;transition: 0.4s all;} .part6 .swiper-slide a .text h6{font-size: 0.22rem;font-weight: bold;line-height: normal;color: #333333;text-align: center;display: block;transition: 0.4s all;} .part6 .swiper-slide a .text p{font-size: 0.16rem;font-weight: normal;line-height: normal;color: #666666;text-align: center;display: block;transition: 0.4s all;} .part6 .swiper-slide a:hover .text{background: #9b0000;transition: 0.4s all;} .part6 .swiper-slide a:hover .text h6, .part6 .swiper-slide a:hover .text p{color: white;transition: 0.4s all;} .FacultyCon{position: relative;} .FacultyCon .swiper-button-prev{left:-0.6rem;background:url(../images/LL2.png) no-repeat center;width: 0.48rem;height: 0.48rem;background-size: 0.48rem;margin-top: -0.2rem;} .FacultyCon .swiper-button-next{right:-0.6rem;background:url(../images/LL2.png) no-repeat center;width: 0.48rem;height: 0.48rem;background-size: 0.48rem;margin-top: -0.2rem;transform: rotate(180deg);} .FacultyCon .swiper-button-prev:hover{background:url(../images/LLon.png) no-repeat center;width: 0.48rem;height: 0.48rem;background-size: 0.48rem;} .FacultyCon .swiper-button-next:hover{background:url(../images/LLon.png) no-repeat center;width: 0.48rem;height: 0.48rem;background-size: 0.48rem;transform: rotate(180deg);} @media(max-width: 1024px){ .part6 .swiper-slide a .pic img{height: 27vw;} .FacultyCon .swiper-button-prev{left: 0;top: 45%;} .FacultyCon .swiper-button-next{right: 0;top: 45%;} } @media(max-width: 850px){ .part6{margin-top: 0.5rem;} .part6 .swiper-slide a .pic img{height: 56vw;} } @media(max-width: 430px){ .part6 .swiper-slide a .pic img{height: 120vw;} } /* Faculty end */ /* At a Glance start */ .part7{background: url(../images/bg04.png) no-repeat bottom center;background-size: cover;padding-top: 0.4rem;padding-bottom: 3rem;margin-top: 0.5rem;} .part7 ul{} .part7 ul li{display: flex;justify-content: flex-start;flex-direction: column;align-items: center;} .part7 ul li h6{} .part7 ul li h6 span{font-size: 0.62rem;font-weight: bold;line-height: normal;text-align: center;color: #9B0000;display: block;} .part7 ul li p{font-size: 0.22rem;font-weight: bold;line-height: normal;text-align: center;color: #333333;max-width: 2rem;} @media(max-width: 1024px){ .part7 ul{justify-content: flex-start;margin-left: -1%;} .part7 ul li{width: 19%;margin-left: 1%;margin-bottom: 3%;} .part7 ul li h6 span{font-size: 0.45rem;} .part7 ul li p{font-size: 0.16rem;} .part7{padding-bottom: 2rem;} } @media(max-width: 850px){ .part7{margin-top: 0;padding-top: 0;} .part7 ul{margin-left: -1.333%;} .part7 ul li{width: 32%;margin-left: 1.333%;} .part7{padding-bottom: 1rem;} } /* At a Glance end */ /* footer start */ .footerbox{background: #9f0000;position: relative;z-index: 6;} .footerbox>.w14{background: url(../images/footerbg.png) no-repeat 60% bottom;background-size: 7.02rem;padding: 0.86rem 0 0.6rem 0;} .footerbox .f_top{} .footerbox .f_top .flogo{} .footerbox .f_top .flogo img{display: block;max-width:4.85rem;} .footerbox .f_top .media_ewm{display: flex;justify-content: flex-end;} .footerbox .f_top .media_ewm li{} .footerbox .f_top .media_ewm li+li{margin-left: 0.15rem;} .footerbox .f_top .media_ewm li a{display: block;position: relative;} .footerbox .f_top .media_ewm li a .img1{display: block;width:0.48rem;height: 0.48rem;} .footerbox .f_top .media_ewm li a:hover .img1{opacity: 0.5;} .footerbox .f_top .media_ewm li a .img2{width: 1.2rem;height: 1.2rem;position: absolute;bottom: 0.5rem;left: 50%;margin-left: -0.6rem;display: none;} .footerbox .f_top .media_ewm li a:hover>.img2{display: block;} .footerbox .f_m{margin-top: 0.6rem;} .footerbox .f_m h5{font-size: 0.26rem;font-weight: normal;line-height: 0.26rem;color: #FFFFFF;padding: 0.12rem 0.25rem;box-sizing: border-box;margin-bottom: 0.28rem;border: 0.01rem solid rgba(255, 255, 255, 0.6);display: inline-block;} .footerbox .f_m .linkBox{width: 20%;} .footerbox .f_m .linkBox ul{display: flex;justify-content: space-between;flex-wrap: wrap;} .footerbox .f_m .linkBox ul li{width: 48%;margin-bottom: 0.2rem;} .footerbox .f_m .linkBox ul li a{font-size: 0.18rem;font-weight: normal;line-height: 0.28rem;color: #FFFFFF;} .footerbox .f_m .contact{width: calc(70% - 2.6rem);} .footerbox .f_m .contact ul{} .footerbox .f_m .contact ul li{margin-bottom: 0.16rem;position: relative;padding-left: 0.36rem;} .footerbox .f_m .contact ul li::before{content: "";position: absolute;left: 0;width: 0.28rem;height: 0.28rem;top:0;} .footerbox .f_m .contact ul li:nth-child(1)::before{background: url(../images/fic01.png) no-repeat center;background-size: 0.28rem;} .footerbox .f_m .contact ul li:nth-child(2)::before{background: url(../images/fic02.png) no-repeat center;background-size: 0.28rem;} .footerbox .f_m .contact ul li:nth-child(3)::before{background: url(../images/fic03.png) no-repeat center;background-size: 0.28rem;} .footerbox .f_m .contact ul li p{font-size: 0.18rem;font-weight: normal;line-height: 0.28rem;color: #FFFFFF;} .footerbox .f_m .video{width: 2.3rem;} .footerbox .f_m .video a{display: block;width: 100%;} .footerbox .f_m .video a img{display: block;height: 1.4rem;} .footerbox .bq{background: #473030;padding: 0.28rem 0.16rem;} .footerbox .bq p{display: block;font-size: 0.16rem;color: #FFFFFF;line-height: 0.24rem;text-align: center;} @media(max-width: 850px){ .footerbox .f_top{justify-content: center;} .footerbox .f_top .flogo{width: 100%;} .footerbox .f_top .flogo img{display: block;width: 100%;margin: 0 auto;} .footerbox .f_top .media_ewm{width: 100%;margin-top: 0.3rem;justify-content: center;} .footerbox .f_m .linkBox{width: 100%;} .footerbox .f_m .linkBox ul li{width: auto;} .footerbox .f_m .contact{width: 100%;margin-top: 0.3rem;} .footerbox .f_m .video{width: 100%;margin-top: 0.3rem;} } /* footer end */ .home7 .p7_main{transform: translate(0rem,0.3rem);transition:0.7s;opacity: 0;} .home7.showdiv .p7_main{opacity: 1;transform: translate(0,0rem);} @media(max-width: 1024px){ .home7 .p7_main{opacity: 1;transform: translate(0,0rem);} } @media(max-width: 1024px){ .w14{width: 95%;} .m_header_box{display: block;position: relative;z-index: 9999999;} #m_header #logo{height: 100%;} .m_header_box header{padding: 0 2.5%;} .header_box{display: none;} .body_main{position: relative;padding-top: 0;} .foot{padding: 0.3rem 0;height: auto;background-size: cover;background-position: top left;} .foot .w14{justify-content: center;} .f_main{justify-content: center;flex-wrap: wrap;flex-direction: column-reverse;align-items: center;} .f_right{margin-bottom: 0.2rem;} } @media(max-width: 950px){ } @media(max-width: 800px){ } @media(max-width: 700px){ } @media(max-width: 650px){ .foot .f_lj select{width: 100%;padding: 0.1rem 0.3rem 0.1rem 0.2rem;} .foot .f_lj{margin-bottom: 0.2rem;} } /* 首页样式结束 */ /* 二级页样式开始 */ .fanye{text-align: center;margin: 0.4rem 0 0;} /* 当前栏目 面包屑导航 开始 */ .ej_bn_dt{width: 100%;margin-top: 0px;position: relative;z-index: 1;} .ej_bn_dt::before{ content: "";display: block;width: 100%;height: 100%;background: #000;height: 100%;background-size: auto 100%;position: absolute;top: 0;left: 0;z-index: 2;opacity: 0.35;} .ej_bn_dt img{display: block;width: 100%;} .ej_bn_box{position: absolute;bottom: 0.3rem;left: 0;width: 100%;z-index: 6;} .ej_bn_box h2{color: #fff;font-size: 0.8rem;margin-bottom: 0.13rem;} .dqwz_out{padding-bottom: 0rem;margin: 0rem 0 0rem;display: flex;justify-content: space-between;align-items: center;} .dqwz_out .w15{} .dqwz_out h2{font-size: 0.24rem;color: #9b0000;display: table;} .dqwz_out .dqwz{padding-left: 0.31rem;background: url(../images/dqwz.png) no-repeat left center;display: table;background-size: 0.15rem;} .dqwz_out .dqwz p{font-size: 12px;color: #fff;line-height: 0.24rem;min-height: 0.24rem;} .dqwz_out .dqwz a{color: #fff;transition: 0.4s;} .dqwz_out .dqwz a:hover{color: #9b0000;} .dqwz_out .dqwz span{font-family: 宋体;display: inline-block;margin: 0 0.03rem;color:#fff;} @media(max-width: 1024px){ .dqwz_out{margin-bottom: 0.1rem;} .ej_bn_box{display: none;} .ej_bn_dt{margin-top: 60px;} .ej_bn_dt::before{display: none;} .fanye{margin: 0.3rem 0 0;} .ej_bn_dt::after{display: none;} } /* 当前栏目 面包屑导航 结束 */ /* 手机二级导航 开始 */ #nav_slide {background: #9b0000;line-height: 0.5rem;position: relative;z-index: 2;display: none} #nav_slide #bnt_back {position: absolute;left: 0.16rem;top: -0.02rem;} #nav_slide #bnt_back img {height: 0.2rem;vertical-align: middle} #nav_slide .n_title {height: 0.5rem;} #nav_slide h1 {font-size: 0.18rem;color: #fff;text-align: center} #bnt_sub_nav {position: absolute;right: 0.16rem;top: 0.14rem;cursor: pointer} #bnt_sub_nav img {display: block;height: 0.2rem;} #bnt_sub_nav.on img {-webkit-transform: rotate(-180deg);transform: rotate(-180deg)} #sub_nav_content {background: #f2f2f2;display: none;z-index: 9;width: 100%} #sub_nav_content ul li {background: none;box-shadow: none;border-bottom: 1px solid #dedede;padding: 0 0.15rem;} #sub_nav_content ul li a {display: inline-block;font-size: 0.16rem;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: 0.28rem;padding-left: 0.1rem;} #sub_nav_content ul li ul li a {font-size: 0.16rem;color: #666} #sub_nav_content ul li.on>a {color: #9b0000;} #sub_nav_content ul li ul {display: none} @media(max-width: 1024px){ #nav_slide{display: block;} } /* 手机二级导航 结束 */ /* PC 二级导航 开始 */ .ej_main_left{width: 100%;position: relative;z-index: 9;background: #F6F6F6;} .ej_main_left .sider_nav {padding: 0rem 0rem;width:100%;} .ej_main_left .sider_nav ul{padding-left: 0rem;display: flex;} .ej_main_left ul li{position: relative;line-height: 0.24rem;} .ej_main_left ul li:last-child{border-bottom: none;} .ej_main_left ul li>a {position: relative;display: block;z-index: 1;} .ej_main_left ul li p{ padding: 0.28rem 0.2rem;font-size: 0.2rem;color: #333;position: relative;z-index: 6;transition:0.4s;} .ej_main_left ul li>a:hover::after{width: 100%;} .ej_main_left ul li .btn{width: 0.3rem;height: 0.56rem;position: absolute;right: 0;top: 0;z-index: 3;cursor: pointer;display: flex;align-items: center;} .ej_main_left ul li .btn::after{content: "+";display: block;text-align: center;width: 100%;font-size: 0.2rem;color: #333;} .ej_main_left ul li .btn.on::after{content: "-";} .ej_main_left ul li .sun{width: 88%;margin: 0 auto;display: none; border-radius: 0.1rem; margin: 0.1rem auto;padding: 0rem 0;} .ej_main_left ul li .sun a{font-size: 0.16rem;line-height: 0.18rem;padding: 0.1rem;padding-left: 0.25rem;position: relative;display: block;} .ej_main_left ul li .sun a::before{content: "";display: block; position: absolute;left: 0.1rem;top: calc(50% - 0.025rem);width: 0.05rem;height: 0.05rem !important;background: #2d458f;border-radius: 50%;opacity: 1;transition: 0.4s;} .ej_main_left ul li .sun a.on,.ej_main_left ul li .sun a:hover{color: #fff;background: #2d458f;} .ej_main_left ul li .sun a.on::before,.ej_main_left ul li .sun a:hover::before{} .ej_main_left ul li.on>.btn::after{color: #2d458f;} .ej_main_left ul li.on>a p, .ej_main_left ul li>a:hover p{color: #fff;} .ej_main_left ul li>a:before{position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #9b0000;content: "";z-index: 1;transition:0.4s;} .ej_main_left ul li.on>a:before{width: 100% !important;} .ej_main_left ul li.jin>a:before{width: 100%;} .ej_main_left ul li.chu>a:before{width: 0%;left: auto;right: 0;} .ej_main_left ul li .sun a:before{height: 1px;bottom: 0;transition: 0.4s;} .ej_main_left ul li .sun a{color: #333;} @media(max-width: 1024px){ .ej_main_left{display: none;} } /* PC 二级导航 结束 */ /* 主内容区 */ .ej_main_box{background: #fff;min-height: 0.5rem;position: relative;padding:0.7rem 0;z-index: 3;} .ej_main_box .w14{} .ej_main_box>div{position: relative;z-index: 2;} .ej_main_right{width: 100%;padding-top: 0rem;padding-bottom: 0.6rem;} .ej_main_right>.line{width: 100%;height: 0.01rem;background: #eaeaea;margin-bottom: 0.3rem;} @media(max-width: 1024px){ .ej_main_box .w14{padding-top: 0;} .ej_main_box{padding: 0.3rem 0;} .ej_main_box .w14{flex-wrap: wrap;} .ej_main_right{width: 100%;padding: 0;} } @media(max-width: 650px){ } /* 列表页 开始 */ .ej_list{min-height: 300px;} .ej_list ul{} .ej_list ul li{border-bottom: 1px solid #d9d9d9;transition:0.4s;position: relative;} .ej_list ul li::after{content: '';display: block; position: absolute; left: 0; top: 0; width: 100%; height: 0%; background: #9b0000; content: ""; z-index: 1; transition: 0.4s; box-shadow: 0 0 0.1 rgba(0, 0, 0, .19); } .ej_list ul li a{position: relative;z-index: 3;display: block;} .ej_list ul li .box{display: flex;justify-content: space-between;align-items: center;padding: 0.2rem 0.4rem;position: relative;} .ej_list ul li .sj{display: flex;align-items: center;} .ej_list ul li .sj .p1{font-size: 0.2rem;color: #333333;text-align: center;font-weight: bold;margin-right: 0.14rem;transition:0.4s;} .ej_list ul li .sj .p2{font-size: 12px;color: #666666;text-align: center;transition:0.4s;} .ej_list ul li .line{width: 1px;height: 0.32rem;background: #dab150;} .ej_list ul li .con{width: calc(100% - 1.5rem);display: flex;align-items: center;justify-content: space-between;} .ej_list ul li .con .bt{font-size: 0.18rem;line-height: 0.28rem;color: #323232;max-height: 0.56rem;transition:0.4s;width: calc(100% - 0.6rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ej_list ul li .con .xq{color: #676767;font-size: 0.14rem;transition:0.4s;} .ej_list ul li.jin::after{height: 100%;} .ej_list ul li.chu::after{height: 0%;top: auto;bottom: 0;} .ej_list ul li:hover .sj .p1{color: #dab150;} .ej_list ul li:hover .sj .p2{color: #dab150;} .ej_list ul li:hover .con .bt{color: #fff;font-weight: bold;} .ej_list ul li:hover .con .xq{color: #dab150;} @media(max-width: 1024px){ .ej_list ul li .box{padding: 0.15rem 0.15rem;} } @media(max-width: 650px){ .ej_list ul li .box{flex-wrap: wrap;} .ej_list ul li .line{display: none;} .ej_list ul li .con{width: 100%;flex-wrap: wrap;justify-content: flex-end;} .ej_list ul li .sj{margin-bottom: 0.03rem;} .ej_list ul li .con .bt{width: 100%;margin-bottom: 0.05rem;font-size: 0.16rem;} } /* 列表页 结束 */ .ej_list_tt{} .ej_list_tt ul{width: 100%;} .ej_list_tt ul li{margin-bottom: 0.35rem;transition: 0.4s;transition: 0.4s;position: relative;box-shadow: 0 0 0.12rem rgba(0, 0, 0, .12);background: url(../images/ej_list_tt_li.jpg) no-repeat right bottom;background-size: cover;} .ej_list_tt ul li::after{content: '';display: block;width: 100%;height: 100%;background: url(../images/ej_list_tt_li_on.jpg) no-repeat bottom right;background-size: cover; position: absolute;right: 0;bottom: 0;transition:0.4s;z-index: 1;opacity: 0;} .ej_list_tt ul li a{position: relative;z-index: 3;} .ej_list_tt ul li .box{padding: 0.2rem;flex-direction: row-reverse;align-items: flex-start;display: flex;justify-content: space-between;} .ej_list_tt ul li .img{width: 3.6rem;height: 2.3rem;padding: 0;} .ej_list_tt ul li .con{width: calc(100% - 4rem);padding-top: 0.2rem;} .ej_list_tt ul li .con .sj{font-size: 12px;line-height: 0.2rem;color: #ffffff;background: #9b0000 url(../images/ej_list_tt_sj.png) no-repeat 0.13rem center;padding: 0.04rem 0.18rem 0.04rem 0.35rem;display: table;border-radius: 200px;transition:0.4s;} .ej_list_tt ul li .con .bt{font-size: 0.2rem;margin-bottom: 0.1rem;color: #333333;line-height: 0.24rem;transition:0.4s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ej_list_tt ul li .con .line{width: 0.6rem;height: 0.02rem;background: #dab150;margin-bottom: 0.23rem;margin-left: 0.05rem;} .ej_list_tt ul li .con .zy{font-size: 14px;line-height: 24px;color: #333333;height: 48px;opacity: 0.7;margin-bottom: 0.6rem;transition:0.4s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ej_list_tt ul li.no_img{} .ej_list_tt ul li.no_img .con{width: 100%;padding-top: 0;} .ej_list_tt ul li:hover::after{opacity: 1;} .ej_list_tt ul li:hover .con .bt{color: #fff;} .ej_list_tt ul li:hover .con .zy{color: #fff;} .ej_list_tt ul li:hover .sj{background-color: #af3333;} @media(max-width: 1024px){ } @media(max-width: 850px){ .ej_list_tt ul li{margin-bottom: 0.3rem;} .ej_list_tt ul li .box{flex-wrap: wrap;flex-direction: column-reverse;padding: 0.1rem;} .ej_list_tt ul li .img{padding-bottom: 66%;width: 100%;} .ej_list_tt ul li .con{width: 100%;padding: 0.15rem 0 0;} .ej_list_tt ul li .con .bt{font-size: 0.16rem;} .ej_list_tt ul li .con .zy{margin-bottom: 0.2rem;} .ej_list_tt ul li .con .line{margin-bottom: 0.1rem;} } .nry_main{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;} .nry_main .nry_fx{width: 0.6rem;} .my-share-d{padding: 0.2rem 0.1rem 0.1rem;box-shadow: 0 0 0.1rem rgba(0,0,0,.19);border-radius: 100px;} .my-share-d>div{display: flex;justify-content: center;align-items: center;width: 0.4rem;height: 0.4rem;margin-bottom: 0.15rem;background: #f0f0f0;border-radius: 50%;position: relative;cursor: pointer;} .my-share-d>div img{width: 100%;transition: 0.4s;} .my-share-d>div img.on{position: absolute;top: 0;left: 0;bottom: 0;right: 0;opacity: 0;margin: auto;width: 100%;} .my-share-d .d1:hover img{opacity: 0;} .my-share-d .d1:hover img.on{opacity: 1 !important;} .ej_nry{width: 10rem;} .ej_nry .box1{} .ej_nry .box1 .bt{font-size: 0.34rem;color: #353535;font-weight: bold;line-height: 0.45rem;margin-bottom: 0.22rem;text-align: center;} .ej_nry .box1 .xx{flex-wrap: wrap;display: flex;padding-bottom: 0.35rem;} .ej_nry .box1 .xx p{font-size: 0.14rem;color: #525252;margin-right: 0.26rem;line-height: 0.2rem;} .ej_nry .box1 .xx p.sj{padding-left: 0;} .ej_nry .box2{padding: 0.4rem 0 0.2rem;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;} .ej_nry .box2 p{font-size: 0.18rem !important;color: #555555;/*text-indent: 2em;*/line-height: 0.36rem !important;margin-bottom: 0.1rem;font-family: Gothic !important;;} .ej_nry .box2 p span{font-size: 0.18rem !important;color: #555555 !important;/*text-indent: 2em;*/line-height: 0.36rem !important;margin-bottom: 0.1rem;font-family:Gothic !important;} .ej_nry .box2 p.tpsm{font-size: 0.16rem;color: #737373;text-align: center;} .ej_nry .box2 img{/*width: auto;*/height: auto !important;display: block;margin: 0 auto;max-width: 100%;} .ej_nry .box2 .has_img{text-indent: 0 !important;} .ej_nry .box3{padding: 0.3rem 0;} .ej_nry .box3 a{display: block;} .ej_nry .box3 p{font-size: 0.18rem;color: #333333;line-height: 0.38rem;padding: 0.02rem;transition: 0.4s;} .ej_nry .box3 p:hover{color: #9b0000;} .ej_nry_news{width: 3.4rem;} .ej_nry_news h2{font-size: 0.24rem;color: #fff;text-align: center;background: #9b0000;text-align: center;padding: 0.18rem 0;font-weight: bold;border-radius: 0.04rem;} .ej_nry_news ul{padding: 0.25rem 0.2rem;} .ej_nry_news ul li{padding-bottom: 0.25rem;border-bottom: 1px solid #d9d9d9;margin-bottom: 0.18rem;transition: 0.4s;} .ej_nry_news ul li a{} .ej_nry_news ul li .box{} .ej_nry_news ul li .sj{background: url(../images/ej_nry_news_sj.png) no-repeat center left;background-size: 0.13rem;font-size: 12px;color: #737373;padding-left: 0.22rem;margin-bottom: 0.08rem;line-height: 0.18rem;} .ej_nry_news ul li .bt{font-size: 0.16rem;color: #323232;line-height: 0.24rem;max-height: 0.48rem;overflow: hidden;transition: 0.4s;} .ej_nry_news ul li a:hover .bt{color: #9b0000;} .ej_nry_news ul li:hover{border-bottom: 1px solid #9b0000;} @media(max-width: 1024px){ .nry_main{} .nry_main>form>div{width: 100% !important;} .nry_main>div{width: 100% !important;} .nry_main .nry_fx{display: flex;justify-content: center;margin-bottom: 0.2rem;} .my-share-d{display: flex;padding: 0.1rem 0.1rem;} .my-share-d>div{margin-bottom: 0;margin: 0 0.1rem 0;} .ej_nry .box1 .bt{font-size: 0.26rem;} .ej_nry .box2 p{font-size: 0.18rem;line-height: 0.36rem;margin-bottom: 0.15rem;text-align: justify !important;} .ej_nry .box3 p{font-size: 0.16rem;line-height: 0.26rem;} } @media(max-width: 650px){ .ej_nry .box1 .bt{font-size: 0.24rem;line-height: 0.36rem;} .ej_nry .box1 .xx{padding-bottom: 0.15rem;} .ej_nry .box2{padding: 0.15rem 0;} .ej_nry_news h2{font-size: 0.2rem;padding: 0.1rem 0;} .ej_nry_news ul { padding: 0.15rem 0rem; } .ej_nry_news ul li { padding-bottom: 0.1rem; margin-bottom: 0.1rem;} } .ej_list_pic{} .ej_list_pic ul{margin: 0 -0.2rem;display: flex;flex-wrap: wrap;} .ej_list_pic ul li{margin: 0 0.2rem; margin-bottom: 0.3rem;width: calc(33.33% - 0.4rem);box-shadow: 0 0 0.12rem rgba(0, 0, 0, .12);transition:0.4s;} .ej_list_pic ul li .box{padding: 0.2rem;} .ej_list_pic ul li .img{padding-bottom: 65.1%;} .ej_list_pic ul li .con{padding: 0.23rem 0.1rem 0.1rem;margin-bottom: 0 !important;} .ej_list_pic ul li .con .line{width: 0.6rem;height: 0.02rem;background: #dab150;margin-bottom: 0.1rem;transition:0.4s;} .ej_list_pic ul li .con p{font-size: 0.18rem;color: #333;line-height: 0.28rem;height: 0.56rem;transition:0.4s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ej_list_pic ul li:hover{box-shadow: 0 0 0.12rem rgba(0, 0, 0, .24);} .ej_list_pic ul li:hover .con .line{width: 100%;} .ej_list_pic ul li:hover .con p{color: #9b0000;} @media(max-width: 1024px){ .ej_list_pic ul{margin: 0;} .ej_list_pic ul li{width: 100%;margin: 0;margin-bottom: 0.3rem;} } @media(max-width: 650px){ .ej_list_pic ul li .box{padding: 0.1rem;} } .ej_xyjj{} .ej_xyjj .fs{display: flex;justify-content: space-between;margin-bottom: 0.6rem;flex-wrap: wrap;} .ej_xyjj .fs .pic{width: 54%;} .ej_xyjj .fs .pic img{display: block;width: 100%;} .ej_xyjj .fs .con{width: 46%;padding: 0.2rem 0 0 0.4rem;} .ej_xyjj .fs .con p{font-size: 0.18rem;line-height: 0.38rem;color: #323232;margin-bottom: 0.24rem;text-indent: 2em;} .ej_xyjj ul{display: flex;flex-wrap: wrap;margin: 0 -0.2rem;} .ej_xyjj ul li{width: calc(33.33% - 0.4rem);margin: 0 0.2rem 0.34rem;} .ej_xyjj ul li a{} .ej_xyjj ul li .img{padding-bottom: 68.2%;} .ej_xyjj ul li .bt{font-size: 0.18rem;color: #323232;font-weight: bold;line-height: 0.38rem;margin: 0.07rem 0;} .ej_xyjj ul li .zy{font-size: 0.18rem;color: #323232;line-height: 0.28rem;} @media(max-width: 1024px){ .ej_xyjj .fs{margin-bottom: 0.2rem;} .ej_xyjj .fs .pic{width: 100%;} .ej_xyjj .fs .con{width: 100%;padding: 0; padding-top: 0.2rem;} .ej_xyjj .fs .con p{font-size: 0.16rem;line-height: 0.38rem;margin-bottom: 0.1rem;} .ej_xyjj ul li{width: calc(50% - 0.4rem);} } @media(max-width: 650px){ .ej_xyjj ul li{width: 100%;} } .ej_znjg{} .znjg_box{padding: 0.3rem 0.4rem;box-shadow: 0 0 0.2rem rgba(0, 0, 0, .1);margin-bottom: 0.3rem;} .znjg_box .zn_tit{background: #9b0000;position: relative;display: table;padding: 0.16rem 0.5rem;padding-right: 0.9rem;margin-left: -0.5rem;} .znjg_box .zn_tit::after{content: '';display: block;width: 0.4rem;height: 100%;position: absolute;left: calc(100% - 0.2rem);top: 0;background: url(../images/znjg_tit_bg.png) no-repeat center center;background-size: 100% 100%;} .znjg_box .zn_tit p{font-size: 0.32rem;color: #ffffff;letter-spacing: 0.02rem;} .znjg_box .out{overflow: hidden;} .znjg_box ul{display: flex;flex-wrap: wrap;margin: 0 -0.3rem;padding-top: 0.14rem;margin-bottom: -1px !important;} .znjg_box ul li{width: calc(25% - 0.6rem);margin: 0 0.3rem;border-bottom: 1px solid #eaeaea;} .znjg_box ul li a{} .znjg_box ul li p{font-size: 0.18rem;color: #323232;padding: 0.18rem 0;transition:0.4s;} .znjg_box ul li:hover p{color: #9b0000;} @media(max-width: 1024px){ .znjg_box ul li{width: calc(50% - 0.6rem);} } @media(max-width: 650px){ .znjg_box ul{margin: 0 -0.1rem;} .znjg_box ul li{width: calc(50% - 0.2rem);margin: 0 0.1rem;} .znjg_box{padding: 0.2rem 0.2rem;} .znjg_box .zn_tit{padding-right: 0.3rem;} .znjg_box .zn_tit p{font-size: 0.24rem;} } .ej_xysz{display: flex;flex-wrap: wrap;align-items: flex-start;} .ej_xysz .pic{width: 4.8rem;max-width: 100%;} .ej_xysz .pic img{display: block;width: 100%;} .ej_xysz ul{width: calc(100% - 4.8rem);display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0.4rem 0.05rem 0 0.4rem;} .ej_xysz ul li{width: calc(50% - 0.175rem);margin-bottom: 0.35rem;position: relative;} .ej_xysz ul li a{display: block;position: relative;z-index: 3;} .ej_xysz ul li p{font-size: 0.18rem;color: #323232;padding: 0.24rem 0.65rem 0.24rem 0.3rem;border: 1px solid #ededed;background: #fff;transition:0.4s;line-height: 0.28rem;} .ej_xysz ul li::after{content: '';display: block; width: calc(100% - 2px);height: calc(100% - 2px);border: 1px solid #9b0000;position: absolute;top: 0.05rem;left: 0.05rem;z-index: 1;transition:0.4s;} .ej_xysz ul li::before{content: '';display: block; width: 0.32rem;height: 100%; position: absolute;top: 0rem;right: 0.3rem;;z-index: 1;transition:0.4s;background: url(../images/xysz_li_jt.png) no-repeat center center;background-size: 100%; z-index: 8;} .ej_xysz ul li:hover p{color: #9b0000;border: 1px solid #9b0000;transition-delay:0.3s;} .ej_xysz ul li:hover::after{top: 0;left: 0;} @media(max-width: 1024px){ .ej_xysz{flex-direction: column-reverse;align-items: center;} .ej_xysz ul{width: 100%;padding: 0;margin-bottom: 0.2rem;} } @media(max-width: 650px){ .ej_xysz ul{margin: 0;margin-bottom: 0.2rem;} .ej_xysz ul li{width: 100%;margin-bottom: 0.2rem;} } .ej_xyld{} .ej_xyld ul{display: flex;margin: 0 -0.21rem;flex-wrap: wrap;} .ej_xyld ul li{width: calc(25% - 0.42rem);margin: 0 0.21rem;box-shadow: 0 0 0.28rem rgba(0, 0, 0, .16);} .ej_xyld ul li a{} .ej_xyld ul li .box{display: block;padding: 0.32rem;} .ej_xyld ul li .box .img{padding-bottom: 130%;} .ej_xyld ul li .box .con{margin-top: 0.22rem;} .ej_xyld ul li .box .con .bt{font-size: 0.2rem;line-height: 0.26rem;color: #333333;font-weight: bold;position: relative;transition:0.4s;} .ej_xyld ul li .box .con .bt::after{content: '';display: block;width: 0.43rem;height: 1px;background: #9b0000;margin-top: 0.1rem;transition:0.4s;} .ej_xyld ul li .box .con .xx{font-size: 0.14rem;color: #737373;line-height: 0.26rem;margin-top: 0.15rem;} .ej_xyld ul li:hover .box .con .bt{color: #9b0000;} .ej_xyld ul li:hover .box .con .bt::after{width: 100%;} @media(max-width: 1024px){ .ej_xyld ul{margin: 0 -0.1rem;} .ej_xyld ul li{width: calc(50% - 0.2rem);margin: 0 0.1rem 0.2rem;} .ej_xyld ul li .box{padding: 0.15rem;} .ej_xyld ul li .box .con{margin-top: 0.1rem;} .ej_xyld ul li .box .con .bt{font-size: 0.18rem;} .ej_xyld ul li .box .con .xx{line-height: 0.2rem;margin-top: 0.1rem;} } @media(max-width: 650px){ .ej_xyld ul{margin: 0 -0.05rem;} .ej_xyld ul li{width: calc(50% - 0.1rem);margin: 0 0.05rem 0.1rem;} } .ej_xygk{} .ej_xygk .xtit{font-size: 0.34rem;color: #333333;text-align: center;line-height: 0.4rem;font-weight: bold;margin-bottom: 0.5rem;} .ej_xygk .con{} .ej_xygk .con p{font-size: 0.18rem;line-height: 0.26rem;color: #555555;text-indent: 0;margin-bottom: 0.32rem;text-align: justify;} .ej_xygk .con .pic{display: block;width: 100%;} .ej_xygk .con .pic img{display: block;max-width: 100%;height: auto !important;} .ej_xygk .con .box{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-bottom: 0.4rem;} .ej_xygk .con .box>p{width: 7.5rem;margin-bottom: 0;} .ej_xygk .con .box>.pic{width: 5.95rem;} @media(max-width: 1024px){ .ej_xygk .con p{margin-bottom: 0.1rem;} .ej_xygk .con .box{margin-bottom: 0.1rem;justify-content: center;align-items: center;} .ej_xygk .con .box+.box{flex-direction: column-reverse;} .ej_xygk .con .box>p{width: 100%;margin-bottom: 0.1rem;} .ej_xygk .con .box>.pic{width: 100%;text-align: center;} .ej_xygk .con .box>.pic img{margin: 0 auto;} .ej_xygk .xtit{margin-bottom: 0.3rem;font-size: 0.3rem;} } .ej_zzjg{display: flex;justify-content: space-between;flex-wrap: wrap;} .zzjg_box{display: flex;width: calc(50% - 0.2rem);box-shadow: 0 0 0.28rem rgba(0, 0, 0, .16);} .zzjg_box .x_tit{width: 1rem;min-height: 2rem;background: url(../images/ej_zzjg_tit_bg.jpg) no-repeat center center;padding: 0.25rem;display: flex;justify-content: center;background-size: cover;} .zzjg_box .x_tit p{font-size: 0.2rem;color: #fff;font-weight: bold;line-height: 0.22rem;width: 0.2rem;margin: 0 0.035rem;} .zzjg_box .con{width: calc(100% - 1rem);display: flex;align-items: center;padding: 0.28rem;padding-right: 0.1rem;} .zzjg_box .con p{font-size: 0.16rem;color: #333333;line-height: 0.4rem;} .zzjg_box .con .box{} @media(max-width: 1024px){ .ej_zzjg{} .zzjg_box{width: 100%;margin-bottom: 0.2rem;} .zzjg_box .con p{line-height: 0.3rem;} } .ej_szlb{} .ej_szlb ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .ej_szlb ul li{width: calc(50% - 0.2rem);box-shadow: 0 0 0.28rem rgba(0, 0, 0, .16);position: relative;margin-bottom: 0.4rem;} .ej_szlb ul li::after{content: "";display: block;width: 100%;height: 100%;background: url(../images/ej_szlb_li_on.jpg) no-repeat center center;background-size: cover;position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;transition: 0.4s;} .ej_szlb ul li a{position: relative;z-index: 3;display: block;} .ej_szlb ul li .box{display: flex;justify-content: space-between;padding: 0.2rem;align-items: flex-start;} .ej_szlb ul li .img{width: 1.8rem;padding-bottom: 0;height: 2.4rem;} .ej_szlb ul li .con{width: calc(100% - 1.8rem);padding: 0 0.2rem 0 0.3rem;} .ej_szlb ul li .con .bt{font-size: 0.24rem;color: #333333;font-weight: bold;line-height: 0.34rem;padding-top: 0.1rem;transition: 0.4s;} .ej_szlb ul li .con .line{width: 0.76rem;height: 1px;background: #9b0000;position: relative;margin: 0.1rem 0 0.25rem;transition: 0.4s;} .ej_szlb ul li .con .line::after{content: "";display: block;width: 0.05rem;height: 0.05rem;background: #9b0000;border-radius: 50%;position: absolute;left: 0;top: -0.02rem;transition: 0.4s;} .ej_szlb ul li .con .xx{} .ej_szlb ul li .con .xx>div{display: flex;} .ej_szlb ul li .con .xx strong{font-size: 0.14rem;color: #333333;line-height: 0.2rem;transition: 0.4s; padding-right: 0.06rem;} .ej_szlb ul li .con .xx p{font-size: 0.14rem;color: #333333;line-height: 0.2rem;width: calc(100% - 1.2rem);margin-bottom: 0.1rem;transition: 0.4s;word-break: break-all;} .ej_szlb ul li:hover::after{opacity: 1;} .ej_szlb ul li:hover .con .line{background: #fff;} .ej_szlb ul li:hover .con .line::after{background: #fff;} .ej_szlb ul li:hover .con .bt{color: #fff;} .ej_szlb ul li:hover .xx strong{color: #fff;} .ej_szlb ul li:hover .xx p{color: #fff;} @media(max-width: 1024px){ .ej_szlb ul li{width: 100%;} .ej_szlb ul li .box{padding: 0.1rem;} .ej_szlb ul li .img{width: 30%;height: 0;padding-bottom: 40%;} .ej_szlb ul li .con{width: 70%;padding: 0 0.1rem;} .ej_szlb ul li .con .bt{padding-top: 0;} .ej_szlb ul li .con .line{margin: 0.1rem 0;} .ej_szlb ul li .con .xx p{margin-bottom: 0.05rem;} } @media(max-width: 650px){ .ej_szlb ul li .con .bt{font-size: 0.2rem;} .ej_szlb ul li .con .line{margin-top: 0.05rem;} .ej_szlb ul li .con .xx p{width: calc(100% - 0.7rem);} } .ej_jzxx{} .ej_jzxx ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .ej_jzxx ul li{width: calc(50% - 0.2rem);box-shadow: 0 0 0.28rem rgba(0, 0, 0, .16);position: relative;margin-bottom: 0.4rem;} .ej_jzxx ul li::after{content: "";display: block;width: 100%;height: 100%;background: url(../images/ej_szlb_li_on.jpg) no-repeat center center;background-size: cover;position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;transition: 0.4s;} .ej_jzxx ul li a{position: relative;z-index: 3;display: block;} .ej_jzxx ul li .box{display: flex;justify-content: space-between;padding: 0.2rem;align-items: flex-start;} .ej_jzxx ul li .img{width: 1.7rem;padding-bottom: 0;height: 2.4rem;} .ej_jzxx ul li .con{width: calc(100% - 1.7rem);padding: 0 0.2rem 0 0.3rem;} .ej_jzxx ul li .con .bt{font-size: 0.18rem;color: #343434;font-weight: bold;line-height: 0.28rem;margin-top: 0.1rem;transition: 0.4s;margin-bottom: 0.34rem;height: 0.58rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ej_jzxx ul li .con .xx{} .ej_jzxx ul li .con .xx>div{display: flex;padding-left: 0.24rem;background-image: url(../images/ej_jzxx_ico1.png);background-size: 0.16rem !important;background-position: left 2px !important;background-repeat: no-repeat !important;transition: 0.4s;} .ej_jzxx ul li .con .xx>div+div{background-image: url(../images/ej_jzxx_ico2.png);} .ej_jzxx ul li .con .xx>div+div+div{background-image: url(../images/ej_jzxx_ico3.png);} .ej_jzxx ul li .con .xx strong{font-size: 0.14rem;color: #333333;line-height: 0.2rem;transition: 0.4s;} .ej_jzxx ul li .con .xx p{font-size: 0.14rem;color: #333333;line-height: 0.2rem;width: calc(100%);margin-bottom: 0.1rem;transition: 0.4s;word-break: break-all;} .ej_jzxx ul li:hover::after{opacity: 1;} .ej_jzxx ul li:hover .con .line{background: #fff;} .ej_jzxx ul li:hover .con .line::after{background: #fff;} .ej_jzxx ul li:hover .con .bt{color: #fff;} .ej_jzxx ul li:hover .xx strong{color: #fff;} .ej_jzxx ul li:hover .xx p{color: #fff;} .ej_jzxx ul li:hover .con .xx>div{background-image: url(../images/ej_jzxx_ico1_on.png);} .ej_jzxx ul li:hover .con .xx>div+div{background-image: url(../images/ej_jzxx_ico2_on.png);} .ej_jzxx ul li:hover .con .xx>div+div+div{background-image: url(../images/ej_jzxx_ico3_on.png);} @media(max-width: 1024px){ .ej_jzxx ul li{width: 100%;} .ej_jzxx ul li .box{padding: 0.1rem;} .ej_jzxx ul li .img{width: 30%;height: 0;padding-bottom: 40%;} .ej_jzxx ul li .con{width: 70%;padding: 0 0.1rem;} .ej_jzxx ul li .con .bt{margin-top: 0;margin-bottom: 0.1rem;} .ej_jzxx ul li .con .line{margin: 0.1rem 0;} .ej_jzxx ul li .con .xx p{margin-bottom: 0.05rem;} } @media(max-width: 650px){ .ej_jzxx ul li .con .bt{font-size: 0.16rem;line-height: 0.24rem;height: 0.5rem;} .ej_jzxx ul li .con .line{margin-top: 0.05rem;} .ej_jzxx ul li .con .xx p{width: 100%;} } .ej_ptjd{} .ptjd_tit{} .ptjd_tit h2{font-size: 0.24rem;color: #333333;padding-left: 0.18rem;position: relative;line-height: 0.32rem;margin-bottom: 0.2rem;} .ptjd_tit h2::after{content: "";display: block;width: 0.04rem;height: 0.22rem;background: #8f000b;position: absolute;left: 0;top: 0.05rem;} .ptjd_box{padding-left: 0.2rem;border-bottom: 1px solid #d9d9d9;padding-bottom: 0.3rem;margin-bottom: 0.4rem;} .ptjd_box .con{display: flex;flex-wrap: wrap;} .ptjd_box .con h3{font-size: 0.16rem;color: #555555;line-height: 0.28rem;font-weight: 600;margin-right: 0.2rem;} .ptjd_box .con ul{display: flex;flex-wrap: wrap;} .ptjd_box .con ul li{margin-bottom: 0.2rem;margin-right: 0.45rem;} .ptjd_box .con ul li a{} .ptjd_box .con ul li p{font-size: 0.16rem;color: #555555;line-height: 0.28rem;padding-left: 0.14rem;background: url(../images/ej_ptjd_li_jt.png) no-repeat left 0.08rem;background-size: 0.08rem;transition: 0.4s;} .ptjd_box .con ul li:hover p{color: #8f000b;} @media(max-width: 650px){ .ptjd_box .con ul li{margin-bottom: 0.1rem;} .ptjd_box{ padding-bottom: 0.1rem; margin-bottom: 0.1rem;} } .ej_sznr{} .sznr_box1{background: url(../images/ej_sznr_box1.jpg) no-repeat center center;background-size: cover;display: flex;padding: 0.44rem 0.56rem;} .sznr_box1 .img{width: 2.2rem;padding-bottom: 0;height: 3.1rem;} .sznr_box1 .con{width: calc(100% - 2.2rem);padding: 0 0.3rem 0 0.6rem;} .sznr_box1 .con .bt{font-size: 0.24rem;color: #fff;font-weight: bold;line-height: 0.34rem;padding-top: 0.1rem;transition: 0.4s;margin-bottom: 0.4rem;} .sznr_box1 .con .line{width: 0.76rem;height: 1px;background: #9b0000;position: relative;margin: 0.1rem 0 0.25rem;transition: 0.4s;} .sznr_box1 .con .line::after{content: "";display: block;width: 0.05rem;height: 0.05rem;background: #9b0000;border-radius: 50%;position: absolute;left: 0;top: -0.02rem;transition: 0.4s;} .sznr_box1 .con .xx{} .sznr_box1 .con .xx>div{display: flex;opacity: 0.8;margin-bottom: 0.18rem;} .sznr_box1 .con .xx strong{font-size: 0.16rem;color: #fff;line-height: 0.2rem;transition: 0.4s;margin-right: 6px;} .sznr_box1 .con .xx p{font-size: 0.16rem;color: #fff;line-height: 0.2rem;width: calc(100% - 1.35rem);transition: 0.4s;word-break: break-all;} .sznr_box2{} .sznr_box2 h2{background: #f5f5f5;color: #9b0000;font-size: 0.22rem;font-weight: bold;line-height: 0.32rem;padding: 0.14rem 0;padding-left: 0.35rem;position: relative;margin-bottom: 0.3rem;margin-top: 0.6rem;} .sznr_box2 h2::after{content: "";display: block;width: 0.04rem;height: 0.23rem;background: #9b0000;position: absolute;left: 0.17rem;top: calc(50% - 0.115rem);} .sznr_box2 p{font-size: 0.18rem;line-height: 0.36rem;color: #555555;text-indent: 2em;margin-bottom: 0.1rem;word-break: break-all;} .sznr_box2 img{height: auto !important;max-width: 100%;} .sznr_box2 a{color: #9b0000;word-break: break-all;transition: 0.4s;;} .sznr_box2 a:hover{color: #e6d7c5;} @media(max-width: 650px){ .sznr_box1{padding: 0.1rem;flex-wrap: wrap;justify-content: center;} .sznr_box1 .con{width: 100%;padding: 0;} .sznr_box1 .con .xx>div{margin-bottom: 0.1rem;} .sznr_box1 .con .xx strong{font-size: 0.14rem;} .sznr_box1 .con .xx p{font-size: 0.14rem;} .sznr_box1 .con .bt{margin-bottom: 0.1rem;} .sznr_box1 .img{width: 50%;height: 0;padding-bottom: 67%;} .sznr_box2 h2{margin-top: 0.3rem;margin-bottom: 0.1rem;font-size: 0.24rem; padding: 0.1rem 0;font-size: 0.18rem;padding-left: 0.3rem;} .sznr_box2 h2::after{height: 0.18rem;top: calc(50% - 0.09rem);} .sznr_box2 p{font-size: 0.16rem;line-height: 0.28rem;} .sznr_box2 img{margin-left: -2em;} } .pb_sys_style1 .p_no_d{ border: 1px solid #9b0000 !important; background-color: #9b0000 !important;} .ej_ztzl{} .ej_ztzl ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .ej_ztzl ul li{box-shadow: 0 0 0.28rem rgba(0, 0, 0, .16);width: calc(50% - 0.2rem);margin: 0 0rem 0.4rem; background: url(../images/ej_list_tt_li.jpg) no-repeat right bottom;position: relative; background-size: cover;} .ej_ztzl ul li a{display: block;position: relative;z-index: 6;} .ej_ztzl ul li p{font-size: 0.26rem;color: #333;padding: 0.6rem 0.4rem 0.4rem;position: relative;transition:0.4s;line-height: 0.3rem;} .ej_ztzl ul li p::after { content: ""; display: block; width: 0.6rem; height: 0.02rem; background: #dab150; position: absolute;top: 0.4rem; left: 0.4rem; } .ej_ztzl ul li::after { content: ''; display: block; width: 100%; height: 100%; background: url(../images/ej_list_tt_li_on.jpg) no-repeat bottom right; background-size: cover; position: absolute; right: 0; bottom: 0; transition: 0.4s; z-index: 1; opacity: 0; } .ej_ztzl ul li:hover::after{opacity: 1;} .ej_ztzl ul li:hover p{color: #fff;} @media(max-width: 650px){ .ej_ztzl ul li{width: calc(50% - 0.1rem);margin: 0 0 0.2rem;} .ej_ztzl ul li p{padding: 0.35rem 0.2rem 0.2rem;font-size: 0.18rem;line-height: 0.24rem;} .ej_ztzl ul li p::after{left: 0.2rem;top: 0.2rem;} } /* 4-23 */ .ej_list{} .ej_list .x_tit{display: flex;justify-content: space-between;margin-bottom: 0.2rem;align-items: center;} .ej_list .x_tit h2{font-size: 0.3rem;padding-left: 0.2rem;position: relative;} .ej_list .x_tit h2::after{content: '';display: block;width: 0.04rem;height: 85%;background: #9b0000;position: absolute;left: 0;top: 15%;} .ej_list .x_tit .more{} .ej_list .x_tit .more p{color: #333;font-size: 0.16rem;transition:0.4s;} .ej_list .x_tit .more:hover p{color: #9b0000;} #nav ul li .sub a{padding: 0.1rem 0.25rem 0.1rem !important;} #nav ul li .sub a p{display: table;margin: 0 auto;position: relative;} #nav ul li .sub a p::after{content: '';display: block;width: 0.2rem;height: 0.3rem;background: url(../images/z_hot.png) no-repeat center center;background-size: 100% !important;position: absolute;right: calc(100% + 0.05rem);top: -0.05rem;display: none;transition:0.4s;} #nav ul li .sub a.hot p::after{display: block;} #nav ul li .sub a:hover p::after{background: url(../images/z_hot_bai.png) no-repeat center center;} #m_nav .title .list a{position: relative;} #m_nav .title .list a::after{content: '';display: block;width: 0.2rem;height: 0.3rem;background: url(../images/z_hot_bai.png) no-repeat center center;background-size: 100% !important;position: absolute;right: calc(100% + 0.05rem);top: 0.05rem;display: none;transition:0.4s;} #m_nav .title .list a.hot::after{display: block;} /* 学院概况-院长致辞 */ .ej_nry02{width: 100%;} .ej_nry02 .box1 h4{font-size: 0.4rem;font-weight: bold;line-height: 0.36rem;color: #333333;margin-bottom: 0.3rem;} .ej_nry02 .box1 h6{font-size: 0.2rem;font-weight: bold;line-height: 0.36rem;color: #333333;margin-top: 0.2rem;} .ej_nry02 .box1 p{font-size: 0.18rem;font-weight: normal;line-height: 0.38rem;color: #333333;margin-top: 0.16rem;} .ej_nry02 .box1 img{display: inline-block;float: right;margin: 0 0 0.2rem 0.2rem;max-width: 30%;} @media(max-width: 430px){ .ej_nry02 .box1 img{display: block;max-width: 80%;margin: 0 auto;float: none;width: 80%;} } /* 学院概况-学院领导 */ .ej_listLd{} .ej_listLd ul{} .ej_listLd ul li{display: flex;justify-content: space-between;} .ej_listLd ul li+li{margin-top: 0.7rem;} .ej_listLd ul li .pic{width: 2.8rem;} .ej_listLd ul li .pic img{display: block;width: 100%;} .ej_listLd ul li .text{width: calc(100% - 3.3rem);} .ej_listLd ul li .text h5{font-size: 0.4rem;font-weight: bold;line-height: 0.36rem;color: #333333;} .ej_listLd ul li .text>span{font-size: 0.24rem;font-weight: normal;line-height: 0.36rem;color: #666666;display: block;margin-bottom: 0.3rem;margin-top: 0.08rem;display: block;} .ej_listLd ul li .text p.nr{font-size: 0.18rem;font-weight: normal;line-height: 0.3rem;color: #666666;} .ej_listLd ul li .text p.email{font-size: 0.24rem;font-weight: normal;color: #666666;margin-top: 0.3rem;} .ej_listLd ul li .text p.email span{font-size: 0.24rem;font-weight: normal;;color: #333333;margin-right: 0.05rem;display: inline-block;} @media(max-width: 850px){ .ej_listLd ul li{display: block;} .ej_listLd ul li .pic{width: 36%;float: left;display: inline-block;margin-right: 0.16rem;} .ej_listLd ul li .text{width: auto;} } @media(max-width: 430px){ .ej_listLd ul li .text h5{font-size: 0.24rem;} .ej_listLd ul li .text>span{font-size: 0.2rem;margin: 0.04rem 0 0.1rem 0;} .ej_listLd ul li .text p.email{margin-top: 0.1rem;font-size: 0.2rem;} .ej_listLd ul li .text p.email span{font-size: 0.2rem;} } /* 学院概况-教学设施 */ /* 学生生活-就业 */ .ej_nry03{} .ej_nry03_jy h5{font-size: 0.4rem;font-weight: normal;line-height: 0.44rem;color: #333333;margin-bottom: 1rem;} .ej_nry03 ul{padding-bottom: 1.3rem;align-items: flex-start;} .ej_nry03 ul li{width: calc(50% - 0.2rem);/*background: #FFFFFF;box-shadow: 0rem 0rem 0.2rem 0rem rgba(0, 0, 0, 0.2);*/} .ej_nry03 ul li+li{margin-top: 1.3rem;} .ej_nry03 ul li a{display: block;background: #FFFFFF;box-shadow: 0rem 0rem 0.2rem 0rem rgba(0, 0, 0, 0.2);} .ej_nry03 ul li .text{margin-top: 0.3rem;} .ej_nry03 ul li .text p{font-size: 0.18rem;color: #323232;line-height: 0.32rem;} .ej_nry03 ul li a .pic{} .ej_nry03 ul li a .pic img{height: auto;/*object-fit: cover;*/} .ej_nry03_jy ul li a .pic img{height: auto;/*object-fit: cover;*/} @media(max-width: 1024px){ .ej_nry03 ul li a .pic img{height: 32vw;} } @media(max-width: 850px){ .ej_nry03_jy h5{margin-bottom: 0.4rem;} .ej_nry03 ul{padding-bottom: 0;flex-direction: column;} .ej_nry03 ul li{width: 100%;} .ej_nry03 ul li+li{margin-top: 0.3rem;} .ej_nry03 ul li a .pic img{height: 69vw;} } /* 招生信息-硕博士项目招生 */ .ej_zsxm01{width: 100%;} .tabsText1{justify-content: center;border-bottom: 0.02rem solid #9F0000;left: 0;z-index: 6;width: 100%;padding-bottom: 0.2rem;} .tabsText1 li{cursor: pointer;height: 100%;} .tabsText1 li+li{margin-left:0.5rem;} .tabsText1 li.bt{position: relative;} .tabsText1 li.bt::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);background: url(../images/tabon.png)no-repeat bottom center ;bottom: -0.34rem;width: 0.26rem;height: 0.26rem;transition: 0.4s all;display: none;background-size: 0.26rem;} .tabsText1 li.bt p{font-size: 0.4rem;font-weight: bold;line-height: 0.6rem;text-align: center;letter-spacing: normal;color: #333333;} .tabsText1 li.active::before{display: block;} .tabsText1 li.active p{color:#9F0000;} #tabs-container1{position: relative;} #tabs-container1 .swiper-wrapper{} #tabs-container1 .swiper-wrapper .swiper-slide{} #tabs-container1 .swiper-wrapper .swiper-slide h6{font-size: 0.2rem;font-weight: bold;line-height: 0.36rem;color: #333333;margin-top: 0.4rem;} #tabs-container1 .swiper-wrapper .swiper-slide p{font-size: 0.18rem;font-weight: normal;line-height: 0.38rem;color: #333333;margin-top: 0.16rem;} @media (max-width:1024px) { .tabsText1 li.bt p{font-size: 0.3rem;} .tabsText1 li.bt::before{display: none;} .tabsText1 li+li{margin-left: 0;} .tabsText1 li{margin: 0 0.2rem;} } @media (max-width:768px) { .tabsText1{flex-direction: column;} .tabsText1 li{margin-bottom: 0.16rem;} .tabsText1 li.bt p{line-height: 0.28rem;} } @media (max-width:430px) { } /* 教务教学-课程介绍 */ .ej_jwjxKcjs{align-items: flex-start;} .ej_jwjxKcjs .leftNav{width: 3.5rem;background: #F6F6F6;padding: 0.3rem;padding-bottom: 0.6rem;} .ej_jwjxKcjs .leftNav h3{font-size: 0.26rem;font-weight: bold;line-height: 0.36rem;color: #9B0000;border-bottom: 0.02rem solid #9f0000;padding-bottom: 0.18rem;} .ej_jwjxKcjs .leftNav ul{margin-top: 0.2rem;} .ej_jwjxKcjs .leftNav ul li{} .ej_jwjxKcjs .leftNav ul li+li{margin-top: 0.3rem;} .ej_jwjxKcjs .leftNav ul li a{font-size: 0.18rem;font-weight: normal;line-height: 0.26rem;color: #333333;display: block;position: relative;padding-left: 0.12rem;} .ej_jwjxKcjs .leftNav ul li a::before{content: "";position: absolute;left: 0;top: 0.08rem;width: 0.06rem;height: 0.06rem;background: #9f0000;border-radius: 50%;} .ej_jwjxKcjs .leftNav ul li.on a{color: #9f0000;} .ej_jwjxKcjs .leftNav ul li a:hover{color: #9f0000;} .ej_jwjxKcjs .rightCon{width: calc(100% - 4.2rem);} .ej_jwjxKcjs .rightCon h6{font-size: 0.22rem;font-weight: bold;line-height: 0.36rem;color: #333333;} .ej_jwjxKcjs .rightCon p{font-size: 0.18rem;font-weight: normal;line-height: 0.38rem;color: #333333;margin-top: 0.16rem;} .ej_jwjxKcjs .rightCon .teacher_Info{justify-content: flex-start;} .ej_jwjxKcjs .rightCon .teacher_Info .pic{width: 1.24rem;border-radius: 50%;} .ej_jwjxKcjs .rightCon .teacher_Info .pic img{display: block;height: 1.24rem;object-fit: cover;} .ej_jwjxKcjs .rightCon .teacher_Info .text{margin-left: 0.2rem;} .ej_jwjxKcjs .rightCon .teacher_Info .text h4{font-size: 0.28rem;line-height: 0.34rem;} .ej_jwjxKcjs .rightCon .teacher_Info .text p{font-size: 0.16rem;line-height: 0.24rem;} @media (max-width:1024px) { .ej_jwjxKcjs{flex-direction: column;} .ej_jwjxKcjs .leftNav{width: 100%;} .ej_jwjxKcjs .rightCon{width: 100%;margin-top: 0.4rem;} } /* 招生信息-FQA */ .nry_FQA{} .nry_FQA ul{} .nry_FQA ul li{} .nry_FQA ul li+li{margin-top: 0.2rem;} .nry_FQA ul li h5{padding: 0.21rem 0.4rem;background:#F6F6F6;display: flex;justify-content: space-between;align-items: center;} .nry_FQA ul li.on h5{background: #9B0000;} .nry_FQA ul li h5 p{font-size: 0.22rem;font-weight: normal;line-height: 0.38rem;letter-spacing: normal;color: #333333;width: calc(100% - 0.4rem);} .nry_FQA ul li.on h5 p{color: white;} .nry_FQA ul li h5 i{background: url(../images/fqajt.png) no-repeat center;background-size: 0.26rem;width: 0.26rem;height: 0.26rem;display: block;} .nry_FQA ul li .con{padding: 0.24rem 0.4rem 0.4rem 0.4rem;background: #FFFFFF;box-shadow: 0rem 0rem 0.2rem 0rem rgba(0, 0, 0, 0.1);overflow: hidden;} .nry_FQA ul li .con p{font-size: 0.18rem;font-weight: normal;line-height: 0.38rem;color: #333333;margin-top: 0.16rem;} .nry_FQA ul li.on .con{display: block;} .nry_FQA ul li.on h5 i{background: url(../images/fqajton.png) no-repeat center;background-size: 0.26rem;width: 0.26rem;height: 0.26rem;display: block;transition: background-image 0.3s ease; } .Contact_Information{margin-top: 1rem;padding-bottom: 0.7rem;} .Contact_Information .contactCon{width: 100%;position: relative;padding: 0 0.4rem;} .Contact_Information .contactCon::after{content: "";position: absolute;left: 0;top: 0.7rem;width: 100%;height: 100%;background: url(../images/contactbg.png) no-repeat bottom center;z-index: -1;background-size: cover;} .Contact_Information h5{font-size: 0.4rem;font-weight: bold;line-height: 0.26rem;color: #9B0000;margin-bottom: -0.2rem;margin-left: 0.4rem;line-height: 0.44rem;} .Contact_Information ul{width: 47%;margin-top: 1.4rem;} .Contact_Information ul li{padding-left: 0.8rem;min-height: 0.6rem;display: flex;align-items: center;margin: 0.1rem 0;} .Contact_Information ul li:nth-child(1){background: url(../images/contactIc01.png) no-repeat left center;background-size: 0.58rem;} .Contact_Information ul li:nth-child(2){background: url(../images/contactIc02.png) no-repeat left center;background-size: 0.58rem;} .Contact_Information ul li:nth-child(3){background: url(../images/contactIc03.png) no-repeat left center;background-size: 0.58rem;} .Contact_Information ul li p{font-size: 0.26rem;font-weight: normal;line-height: 0.34rem;color: #FFFFFF;} .Contact_Information .pic{width: 50%;} .Contact_Information .pic img{display: block;height: 4.26rem;width: 100%;} @media (max-width:850px) { .nry_FQA ul li h5{padding: 0.16rem;} .nry_FQA ul li .con{padding: 0.16rem;padding-top: 0;} .nry_FQA ul li h5 p{font-size: 0.2rem;line-height: 0.28rem;} .nry_FQA ul li.on h5 i{width: 0.2rem;height: 0.2rem;background-size: 0.2rem;} .nry_FQA ul li h5 i{width: 0.2rem;height: 0.2rem;background-size: 0.2rem;} .Contact_Information{margin-top: 0.5rem;} .Contact_Information ul{width: 100%;} .Contact_Information .pic{width: 100%;margin-top: 0.3rem;} .Contact_Information .contactCon{padding: 0.3rem;} .Contact_Information .contactCon::after{bottom: auto;top: 0;} .Contact_Information ul{margin-top: 0rem;} .Contact_Information .pic img{height: auto;} .Contact_Information h5{margin-bottom: 0.3rem;margin-left: 0.3rem;} } /* 学生生活-奖励奖学 */ .nry_FQA ul li.on h5 i{background: url(../images/nry_jian.png) no-repeat center;background-size: 0.22rem;width: 0.22rem;height: 0.22rem;display: block;transition: background-image 0.3s ease; } .nry_FQA ul li h5 i{background: url(../images/nry_jia.png) no-repeat center;background-size: 0.22rem;width: 0.22rem;height: 0.22rem;display: block;} @media (max-width:850px) { } /* 学生生活-住宿 */ .ejy_studentLife{} .ejy_studentLife .zs_con1{} .ejy_studentLife .tt{} .ejy_studentLife .tt h5{/*font-family: Helvetica;*/font-size: 0.4rem;font-weight: normal;line-height: 0.36rem;text-transform: capitalize;letter-spacing: normal;/* 标题333 */color: #333333;margin-bottom: 0.45rem;} .ejy_studentLife .zw_p{/*font-family: Helvetica;*/font-size: 0.18rem;font-weight: normal;line-height: 0.3rem;letter-spacing: normal;/* 标题333 */color: #333333;} .ejy_studentLife .bt_p{/*font-family: Helvetica;*/font-size: 0.2rem;font-weight: normal;line-height: 0.28rem;letter-spacing: normal;/* 标题333 */color: #333333;margin-bottom: 0.2rem;} .ejy_studentLife .zs_con1 .ul1{align-items: flex-end;display: flex;justify-content: space-between;margin-top: 0.4rem;} .ejy_studentLife .zs_con1 .ul1 li{width: calc(67.5% - 0.25rem);} .ejy_studentLife .zs_con1 .ul1 li+li{width: calc(32.5% - 0.15rem);} .ejy_studentLife .zs_con1 .ul1 li img{display: block;width: 100%;height: 5.2rem;object-fit: cover;} .ejy_studentLife .zs_con1 .ul1 li+li img{display: block;width: 100%;height: 2.9rem;object-fit: cover;} .ejy_studentLife .zs_con1 .con1{align-items: flex-start;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 0.4rem;} .ejy_studentLife .zs_con1 .con1_pic{width: calc(32.5% - 0.15rem);} .ejy_studentLife .zs_con1 .con1_pic img{display: block;width: 100%;height: 5.2rem;object-fit: cover;} .ejy_studentLife .zs_con1 .con1_pic2 img{display: block;width: 100%;height: 2.9rem;object-fit: cover;} .ejy_studentLife .zs_con1 .text{width: calc(35% - 0.5rem);} .ejy_studentLife .zs_con1 .text span{font-size: 0.2rem;font-weight: normal;line-height: 0.22rem;letter-spacing: normal;color: #9E9E9E;margin-top: 0.14rem;display: block;} .ejy_studentLife .zs_con1 .con2{margin-top: 0.8rem;} .ejy_studentLife .zs_con1 .con2 p{} .ejy_studentLife .zs_con1 .con2 .ul2{display: flex;justify-content: space-between;margin-bottom: 0.28rem;margin-top: 0.45rem;} .ejy_studentLife .zs_con1 .con2 .ul2 li{width: calc(32.5% - 0.15rem);} .ejy_studentLife .zs_con1 .con2 .ul2 li img{display: block;width: 100%;height: 4.38rem;object-fit: cover;} .ejy_studentLife .zs_con2{margin-top: 1.3rem;} .ul3_ny_flex{display: flex;justify-content: flex-start;margin-top: 0.5rem;flex-wrap: wrap;margin-left: -0.4rem;} .ul3_ny_flex li{width: calc(33.333% - 0.4rem);margin-left: 0.4rem;} .ul3_ny_flex li .pic{} .ul3_ny_flex li .pic img{height: 2.7rem;display: block;object-fit: cover;} .ul3_ny_flex li .text{background: #9b0000;padding: 0.25rem;transition: 0.4s all;} .ul3_ny_flex li .text p{font-size: 0.18rem;font-weight: normal;line-height: 0.28rem;letter-spacing: normal;/* 标题333 */color: #fff;} .ul3_ny_flex li:hover .text {background: #9B0000;transition: 0.4s all;} .ul3_ny_flex li:hover .text p{color: #FFFFFF;} @media (max-width:850px) { .ejy_studentLife .zs_con1 .ul1 li img{height: 34vw;} .ejy_studentLife .zs_con1 .ul1 li+li img{height: 20vw;} .ejy_studentLife .zs_con1 .con1_pic img{height: 20vw;} .ejy_studentLife .zs_con1 .con1_pic2 img{height: 34vw;} .ejy_studentLife .zs_con1 .ul1 li{width: calc(67.5% - 0.05rem);} .ejy_studentLife .zs_con1 .ul1 li+li{width: calc(32.5% - 0.05rem);} .ejy_studentLife .zs_con1 .con2 .ul2 li{width: calc(32.5% - 0.05rem);} .ejy_studentLife .zs_con1 .con1_pic{width: calc(32.5% - 0.05rem);} .ejy_studentLife .zs_con1 .text{width: calc(35% - 0.1rem);} .ejy_studentLife .zs_con1 .con1{margin-top: 0.1rem;} .ejy_studentLife .zs_con1 .con2 .ul2 li{width: calc(33.333% - 0.05rem);} .ejy_studentLife .zs_con1 .con2 .ul2 li img{height: 32vw;} .ul3_ny_flex{margin-left: -0.1rem;} .ul3_ny_flex li{width: calc(33.333% - 0.1rem);margin-left: 0.1rem;} .ul3_ny_flex li .pic img{height: 24vw;} .ejy_studentLife .zs_con2{margin-top: 0.5rem;} .ejy_studentLife .tt h5{margin-bottom: 0.25rem;} .ejy_studentLife .zs_con1 .con2{margin-top: 0.5rem;} .ejy_studentLife .zs_con1 .con2 .ul2{margin-top: 0.25rem;} .ul3_ny_flex{margin-top: 0.2rem;} } @media (max-width:580px) { .ejy_studentLife .zs_con1 .text{width: 100%;margin: 0.2rem 0;} .ejy_studentLife .zs_con1 .con1_pic{width: calc(50% - 0.05rem);} .ul3_ny_flex{flex-wrap: wrap;} .ul3_ny_flex li{width: 100%;} .ul3_ny_flex li+li{margin-top: 0.2rem;} .ul3_ny_flex li .pic img{height: 53vw;} } /* 学生生活-学生组织及活动 */ .ej_main_box{overflow: hidden;} .ejy_studentLife2{} .ejy_studentLife2 .xsz_con1{position: relative;padding: 0.5rem;padding-top: 0;} .ejy_studentLife2 .xsz_con1::after{content: "";position: absolute;bottom: 0;width: 100%;height: calc(100% - 1.1rem);background: #F6F6F6;z-index: -1;left: 0;} .ejy_studentLife2 .xsz_con1 img{float: left;width: calc(50% - 0.2rem);margin-right: 0.4rem;margin-bottom: 0.1rem;} .ejy_studentLife2 h4.tt_tit{font-size: 0.4rem;font-weight: bold;line-height: 0.36rem;letter-spacing: normal;/* 标题333 */color: #333333;margin-bottom: 0.86rem;padding-top: 0.3rem;} .ejy_studentLife2 .xsz_con2{position: relative;margin-top: 0.5rem;padding: 0.3rem 0;} .ejy_studentLife2 .xsz_con2 h4.tt_tit{margin-bottom: 0.3rem;} .ejy_studentLife2 .xsz_con3{position: relative;} .ejy_studentLife2 .xsz_con3 h4.tt_tit{margin-bottom: 0.3rem;} .ejy_studentLife2 .xsz_con2::after{position: absolute;left: 50%;top: 0;background: url(../images/ny_zzBg.png) no-repeat center;background-size: cover;width: 100vw;height:100%;transform: translateX(-50%);content: "";z-index: -1;} .ejy_studentLife2 .xsz_con3::after{position: absolute;left: 50%;bottom: -1.4rem;background: url(../images/ny_zzBg2.png) no-repeat center bottom;background-size: cover auto;width: 100vw;height:100%;transform: translateX(-50%);content: "";z-index: -1;} .ejy_studentLife2 .zw_p{font-family: Helvetica;font-size: 0.18rem;font-weight: normal;line-height: 0.3rem;letter-spacing: normal;/* 标题333 */color: #333333;margin-bottom: 0.18rem;} .ejy_studentLife2 .ul3_ny_flex li+li+li+li{margin-top: 0.4rem;} .ejy_studentLife2 .ul3_ny_flex li .text{background: #9B0000;} @media (max-width:850px) { .ejy_studentLife2 .xsz_con1{width: 100%;padding: 0;} .ejy_studentLife2 .xsz_con1::after{display: none;} .ejy_studentLife2 h4.tt_tit{margin-bottom: 0.3rem;} } @media (max-width:580px) { .ul3_ny_flex li+li+li+li{margin-top: 0.2rem;} .ejy_studentLife2 .xsz_con1 img{width: 100%;float: none;} } /* 新增页面0908 开始*/ .ej_main_box .n_left{width: 3rem;position: relative;z-index: 88;top: 0;} .ej_main_box .n_left h1{height:1.3rem;line-height:1rem;background: linear-gradient( -180deg, rgb(155,0,0) 0%, rgb(155,0,0) 100%);font-size:0.28rem;color:#fff;padding: 0 0.3rem 0 0.4rem;display:flex;align-items: center;background-size: 3rem;font-weight: bold;justify-content: center;} .ej_main_box .n_left h1 span{display: block;} .ej_main_box .n_left .con .ulCon{background:#9B0000;padding-bottom: 0;padding-left: 0.04rem;} .ej_main_box .n_left .con .ulCon ul{background:#FFFFFF ;background-size: 100%;} .ej_main_box .n_left .con ul li{color: #333333;position:relative;} .ej_main_box .n_left .con ul li.on dl{display:block !important;} .ej_main_box .n_left .con ul li>a img{margin: -3px 20px 0 0;} .ej_main_box .n_left .con ul li.on:after, .ej_main_box .n_left .con ul li:hover:after{display: block;} .ej_main_box .n_left .con ul li.on i{background:url(../images/jton.png) center no-repeat;background-size: 0.07rem;transform: rotate(90deg);transition: 0.4s all;} .ej_main_box .n_left .con ul li i.up{transform: rotate(90deg);background:url(../images/jton.png) center no-repeat;background-size: 0.07rem;} .ej_main_box .n_left .con ul li>a{color: #333333;display: block;padding: 0.18rem 0.2rem 0.18rem 0.4rem;transition: 0.36s;position: relative;font-size: 0.18rem;line-height: 0.26rem;} /* .n_container .n_left .con ul li:hover i{background:url(../images25/jton.png) center no-repeat;background-size: 0.07rem;} */ .ej_main_box .n_left .con ul li:hover>a, .ej_main_box .n_left .con ul li.on>a, .ej_main_box .n_left .con ul li a.cur{color: #9B0000;background: #e2e6eb;} .ej_main_box .n_left .con ul li:hover i{background:url(../images/jton.png) center no-repeat;background-size: 0.07rem;} .ej_main_box .n_left .con ul li dl{display:none;padding: 5px 0;position:relative;} .ej_main_box .n_left .con ul li dl:before{content:"";position:absolute;right:0;left:20px;top:0;height:1px;} .ej_main_box .n_left .con ul li dl dd{height: auto;line-height: 0.34rem;padding: 0 15px;} .ej_main_box .n_left .con ul li dl dd a{position: relative;width: calc(100% - 20px); display: block; font-size: 0.14rem;line-height: 0.2rem; color: #323232 !important;padding: 0.1rem 0 0.1rem 0.4rem;} .ej_main_box .n_left .con ul li dl dd a::after{content: "";width: 0.04rem;height: 0.04rem;position: absolute;left: 0.2rem;top: 0.18rem; position:absolute;background: #9B0000;} .ej_main_box .n_left .con ul li i{width: 0.2rem;height: 0.6rem;background: url(../images/jt.png) center no-repeat;background-size: 0.07rem;position:absolute;right: 0.3rem;top: 0;transition:0.36s;cursor: pointer;} .ej_main_box .n_left .con ul li dl dd a:hover, .ej_main_box .n_left .con ul li dl dd.on a{color: #9B0000!important;} .ej_main_box .n_left .con ul li dl dd:hover a:before,.ej_main_box .n_left .con ul li dl dd.on a:before{ background:#9B0000;} .ej_main_right2{width: calc(100% - 3.4rem);} .ej_list_xz ul{} .ej_list_xz ul li{} .ej_list_xz ul li+li{margin-top: 0.3rem;} .ej_list_xz ul li a{padding: 0.4rem;border: 1px solid #9B0000;border-radius: 0.2rem;} .ej_list_xz ul li a .L-box{width: 26%;} .ej_list_xz ul li a .L-box p{font-size: 0.34rem;color:#9B0000;} .ej_list_xz ul li a .R-box{width: 70%;} .ej_list_xz ul li a .R-box p{font-size: 0.18rem;color: #666;line-height: 0.26rem;} .ej_list_xz ul li a .R-box .people-n{align-items: center;margin-top: 0.3rem;border-top: 1px solid #ccc;padding-top: 0.3rem;} .ej_list_xz ul li a .R-box .people-n .pic{width: 0.6rem;height: 0.6rem;border-radius: 50%;margin-right: 0.2rem;} .ej_list_xz ul li a .R-box .people-n .pic img{display: block;width: 100%;object-fit: cover;} .ej_list_xz ul li a .R-box .people-n span{font-size: 0.14rem;color: #999;display: block;} .ej_list_xz ul li a .R-box .people-n h4{display: block;font-size: 0.24rem;font-weight: bold;color: #333;margin-top: 0.06rem;} @media (max-width:1100px) { .ej_main_box .n_left{display: none;} .ej_main_right2{width: 100%;} } @media (max-width:850px) { .ej_list_xz ul li a {flex-direction: column;} .ej_list_xz ul li a .L-box{width: 100%;margin-bottom: 0.2rem;} .ej_list_xz ul li a .R-box{width: 100%;} .ej_list_xz ul li a{padding: 0.3rem;} } /* 新增页面0908 结束*/ /* 二级页样式结束 */ .ej_list_zj{} .ej_list_zj ul{} .ej_list_zj ul li{margin-bottom: 0.5rem;} .ej_list_zj ul .box{display: flex;justify-content: space-between;flex-wrap: wrap;} .ej_list_zj ul .img{width: 25%;padding-bottom: 16%;height: 0;} .ej_list_zj ul .con{width: 60%;} .ej_list_zj ul .con .bt{font-size: 0.2rem;line-height: 0.3rem;margin-bottom: 0.1rem;height: 0.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ej_list_zj ul .con .xx{margin-bottom: 0.2rem;} .ej_list_zj ul .con .xx div{display: flex;} .ej_list_zj ul .con .xx div p{width: 1.4rem;font-size: 0.16rem;line-height: 0.36rem;} .ej_list_zj ul .con .xx div p+p{width: auto;} .ej_list_zj ul .con a{} .ej_list_zj ul .con a>p{font-size: 0.18rem;color: #9b0000;transition: 0.4s;} .ej_list_zj ul .con a:hover>p{transform: translate(5px);} .ej_list_zj ul .xq{width: auto;margin-top: 0.6rem;} .ej_list_zj ul .xq a{display: block;transition: 0.4s;} .ej_list_zj ul .xq p{background: #9b0000;color: #fff;font-size: 0.16rem;width: 100%;padding: 0.1rem 0.2rem;border-radius: 0.05rem;transition: 0.4s;} .ej_list_zj ul .xq a+a{margin-top: 0.1rem;} .ej_list_zj ul .xq a+a p{background: #fff;color: #9b0000;border: 1px solid #9b0000;border-radius: 0.05rem;} .ej_list_zj ul li .xq a:hover p{box-shadow: 0 0 0.1rem rgba(0,0,0,.6);} @media(max-width: 1024px){ .ej_list_zj ul .img{width: 100%;padding-bottom: 60%;margin-bottom: 0.1rem;} .ej_list_zj ul .con{width: calc(100% - 1.3rem);} } #vsb_content_2 P{ text-indent: 0 !important;}