@charset "utf-8"; .white{ color: #fff; } /*首页banner 头部 nav*/ .banner{ width:100%; height:99.95vh; /* z-index:100; */ overflow: hidden; /* box-shadow: 0px 6px 6px #aaa; */ } .bottom-bg { width: 100%; height: auto; position: absolute; bottom: -130px; left: 0px; z-index: 2; background-size: contain; transition: all 0.5s linear; } .open-button { width: 140px !important; height: 40px !important; line-height: 40px !important; text-indent: 30px; box-shadow: 0 0 10px rgb(0 0 0 / 15%); } .navimenu .gooey-menu-item { width: 145px !important; height: 40px !important; line-height: 40px !important; font-size: 14px !important; font-weight: bold !important; background: url(../img/pageafter.png) left 13px bottom 10px no-repeat; background-size: 25px; } #gooey-v { z-index: 4; position: absolute; bottom: -53px; left: 10%; } .navimenu .gooey-menu-item, .navimenu .open-button { border-radius: 20px !important; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li { -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides > li.clone{position:relative} .flexslider .slides img {width: 100%; display: block;height:99.95vh;} .flexslider .slides > a{display: block;width: 100%;height: 0;padding-bottom: 62.81%;overflow: hidden;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { position: relative;zoom:1; overflow: hidden;} .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; overflow: hidden;} .carousel li { margin-right: 10px; } .flexslider .slides > li a{display: block;} .flex-active-slide a img{ transition: transform 6000ms linear 0s; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration: none; display: block; width: 75px; height: 74px; position: absolute; top: 89%; z-index: 7; overflow: hidden; cursor: pointer; text-align: center; margin-top: 0px; background: #090e00; background-color: rgba(0,0,0,0.3); line-height: 78px; border-radius: 50%; background: url(../img/qm2.png)center center no-repeat; padding: 5px; margin-top: -38px; box-sizing: unset; } .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration: none; display: block; width: 76px; height: 76px; position: absolute; top: 50%; z-index: 7; overflow: hidden; cursor: pointer; color: rgba(255,255,255,1); text-align: center; border: 3px solid #424243; border: 3px solid rgba(255,255,255,0.2); margin-top: 0px; font-size: 45px; background: #090e00; background-color: rgba(0,0,0,0.3); line-height: 78px; border-radius: 50%; margin-top: -38px;} .flex-direction-nav .flex-prev { left:55px;} .flex-direction-nav .flex-next { right: 55px;} .flex-direction-nav .flex-disabled { cursor: default; } .flex-direction-nav a:hover{color:#fff;background: rgba(0,0,0,0.6);} /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd} /*.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } */.flex-pauseplay a:hover { opacity: 1; } /*.flex-pauseplay a.flex-play:before { content: '\f003'; } *//* Control Nav */ .flex-control-nav {width: auto; padding: 10px 15px; background: rgba(0,131,185,.6); height: 9px; border-radius: 20px; position: absolute; bottom:29px; right:50%; margin:0 -600px 0 0; text-align: center ; z-index:98; } .flex-control-nav li {margin: 0 7px 0 ; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 8px; height:8px; display: block; cursor: pointer; text-indent: -9999px;border-radius:8px;background: #ffffff; } .flex-control-paging li a:hover,.flex-control-paging li a.flex-active { background: #e3bb1d; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} .banner{width: 100%;overflow: hidden;position: relative;height: 99.95vh;transition: all 0.55s;} .banner .flexslider .slides li a{position: relative;height: 99.95vh;} .till-slides{position: absolute;z-index: 8; left: 15%;width: 1000px;bottom: 30px;} .till-slides h3{ font-size: 26px; height: 52px; line-height: 52px; overflow: hidden; text-shadow: 3px 5px 16px rgba(0,0,0,0.8); width: 100%; margin: 0 auto; margin-bottom: 22px; } .banner .flexslider .slides li a:after{z-index: 7;content: '';clear: both;left: 0;bottom: 0;width: 100%;height: 200px;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));display: block;position: absolute;} .fa-lg { font-size: 1.17em!important; line-height: .54em!important; vertical-align: -18%!important; } .header_box{height: 0;position: fixed;z-index: 1000;width: 100%;transition: all 0.6s} .header_box_li{position: absolute;z-index: 1;height: 157px;width: 100%;transition: all 0.6s} .header_box_li header:before{content:"";position:absolute;height: 60vh;top:0;left: 0;right: 0;opacity: 1;visibility: visible;background:url(../img/head-bg.png) center no-repeat;background-size: 100% 100%;pointer-events: none;z-index: -1;transition: .5s;} .header_box_li header:after{content:"";position:absolute;height: 7px;top:0;left: 0;right: 0;background: #113e91;background-size:100% auto;} .container header{height: 140px;position: relative;top: 0;left: 0;right: 0;z-index: 10000;transition: .6s;} .container header .logo{line-height: 110px;transition: .6s;} .header_box_li .header1:before { content: ""; position: absolute; height: 100vh; top: 0; left: 0; right: 0; opacity: 1; visibility: visible; background: url(../img/head-bg.png) center no-repeat; background-size: 100% 100%; pointer-events: none; z-index: -1; transition: .5s; } .right{padding: 37px 0 0;transition: .6s;position: absolute;right: 0px;top: 14px;} .right ul {display: inline-block;vertical-align: top;font-size: 0;} .right ul li{display:inline-block;font-size:14px;color:#fff;margin: 0 0 0 14px;line-height: 36px;transition: .5s;} .right ul li span{transform: scale(.25);display: inline-block;} .right ul li:hover{ color:#0550e4} .right .sousuo{display:inline-block;margin-left: 15px;} .right .sousuo img{} .search{float:right;overflow:hidden;z-index: 1000;border: rgba(255,255,255,.2) 1px solid;border-radius: 25px;} .search input{} .search:before{content:"";position:absolute;right: 58px;width:1px;height: 22px;top:50%;margin-top: -11px;} .search input::-webkit-input-placeholder{ color:#fff;} .search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff;} .search input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#fff;} .search input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#fff;} .test{height: 36px;padding:0;border: none;color: #fff;background:none;outline:none;font-size: 14px;-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;} .sousuo .btn{width: 30px;height: 36px;border:none;position: absolute;right: 10px;font-size: 14px;color: #fff;background: url(../img/search-btn1.svg) center no-repeat;cursor: pointer;top: 0;} .sousuo .test{width: 150px;padding: 0 0px 0 20px;} .sousuo .search{position: relative;margin: 0 0 0 15px;margin-left: 0;} #nav{position: relative;top:0;left:0;right:0;z-index: 10000;transition: .5s;} .banner_box.on #nav{ position:fixed; top:0} .banner_box{position:relative;z-index: 10000;height: 52px;} .banner_box .logo{ display:none} .navBox{border-top: rgba(255,255,255,.4) 1px solid;} .navBox ul {font-size: 0;text-align: center;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between;padding: 0;margin: 0 -1rem;} .nav li {text-align: center;position: relative;display: inline-block;width: 17%;} .nav a {display: block;position: relative;padding: 0;height: 55px;line-height: 55px;font-size: 1.1rem;perspective: 300px;transform-style: preserve-3d;z-index: 10;transition: .5s;border-bottom: rgba(255,255,255,.4) 1px solid;} .nav a .bg {position: absolute;width: 100%;display: block;height: 100%;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;-webkit-transform: rotateX(50deg);transform: rotateX(50deg);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;left: 0;opacity: 0;bottom: 0;visibility: hidden;display: none;} .nav a .txt img{margin:-4px 10px 0 0;vertical-align: middle;} .nav a .txt img.img02{ display:none} .nav a .txt {position: relative;z-index: 2;color: #fff;font-weight: bold;display: inline-block;border-radius: 10px;vertical-align: top;transition: 0.36s;} .nav .active a .bg,.nav .on a .bg {transform: none;opacity: 1;visibility: visible;bottom: 0;background: #0550e4;} .nav .active a .txt,.nav .on a .txt {color: #fda409;} .navBox .arrow { position: absolute; left: 0px; top: 75px; height: 4px; display: block; background-color: #0550e4; } .subNavbox a:link, .subNavbox a:visited {color: #fff;} .subNavbox a:active, .subNavbox a:hover {color: #fff;background: #275dc2;} .subNavbox {position: absolute;left: 50%;margin-left: -100px;top: 100%;width: 200px;background: #0083cf;background-size:100% auto;box-shadow: 1px 2px 35px 0 rgba(88, 88, 88, 0.4);display: none;text-align: center;padding: 0;z-index: 0;box-shadow: 0 0 15px rgba(255,255,255,0.4);} .subNavbox:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:rgba(255,255,255,.2) 1px solid} .subNavbox p {line-height: 1.2;} .subNavbox p a {line-height: 0;height: auto;padding: 28px 5px;font-size: 1rem;transition: 0.36s;position:relative;} .subNavbox p a:before{ content:""; position:absolute; bottom:0; left:0; right:0; height:1px; b} .nav a:hover .txt img.img01{ display:none} .nav a:hover .txt img.img02{ display:inline-block} .subNavbox p:last-child a:before{ background:none} #nav .w1200{ position:relative} .xg header{background: #0084cf;height: 140px;} .xg.header_box_li header:before{ opacity:0; visibility:hidden} .xg #nav{ background:#fff} .xg .nav a .txt{ color:#333} .xg header .logo{line-height:110px;display: block;} .xg header .right{/* padding:37px 0 0; */position: absolute;right: 0;z-index: 99999999;} .xg.header_box_li{ box-shadow:0 0 15px rgba(0,0,0,.1);position: fixed;} .xg .nav .active a .txt, .xg .nav .on a .txt{ color:#0550e4} .sc{ height: 0; } .add { height: 157px; position: relative; z-index: 10000; width: 100%; } .xg header .logo a{ display: block; margin-top: 11px; } .header_box_li header .logo a{ display: block; margin-top: 17px; } /*导航按钮开始*/ #nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; } #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: 1.875rem;height: 22px; position: relative; outline:none;} #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before{width: 1.75rem;} #nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;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: 1.75rem;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_header #logo .box_table, #nav_btn_box .box_table{ width:auto} #m_header #logo .box_table img{max-width: 100%;} /*手机头部开始*/ #m_header #logo{height: 60px;float: left;max-width: calc(100% - 50px);} #m_header #logo img{max-height:60%;max-height: 30px;} #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);} .wap_search{ width:80%; margin:0 auto;} .wap_search form{ position:relative;} .wap_search #keyword{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float: left;border-right: 0;} .wap_search .btn_blue{width: 20%;height:3.8rem; background:#00a0e9 url() center no-repeat; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float: left;} .w1200 { margin: 0 auto; max-width: 1400px; position: relative; z-index: 99999; } .fl { float: left; } .fr{ float: right; } .right ul li a{ display: inline-block; font-size: 14px; color: #fff; line-height: 36px; transition: .5s; position: relative; z-index: revert; } .flex-active-slide a img{ transition: transform 6000ms linear 0s; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); height: 99.98vh; } .videoys { position: absolute; left: 50%; top: 50%; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%); object-fit: cover!important; } /*底部样式*/ footer{background:url(../img/footer_bg.png) center no-repeat;background-size:cover;position: relative;z-index: 100;clear: both;} footer .fl01{padding:2.75rem 0 2.375rem;height: 140px;} footer .fl01 .left{width: 42%;padding: 1rem 0;text-align:center;line-height:6.625rem;border-right:rgba(255,255,255,.2) 1px solid;} footer .fl01 .left img{ max-width:100%} footer .fl01 .right1{width: calc(100% - 45%);height: 100%;/* overflow: hidden; */margin-top: 15px;} .select_link{height: 45px;vertical-align: middle;border-radius: 3px;position: relative;clear: right;border: 1px solid rgba(255,255,255,0.2);border-radius: 22px;z-index: 2;width: 50%;/* margin-bottom: 10px; */line-height: 45px;margin-top: 30px;display: inline-block;} .select_link.on{border-radius: 0 0 22px 22px;z-index: 999;} .select_link p{line-height: 45px;color: #fff;padding: 0 0 0 32px;cursor: pointer;font-size: 14px;} .select_link .arrow{width: 20px;height: 20px;position: absolute;right: 26px;bottom: 10px;background: url(../img/select_arrow.png) center center no-repeat;transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;cursor: pointer;} .select_link .arrow.on{transform: rotate(180deg);} .select_link > a{display: block;font-size: 14px;color: #fff;line-height: 40px;text-align: left;padding: 0 0 0 24px;} .select_link .alert_box{height: 0;position: absolute;left: -1px;bottom: 100%;background: #0083cf;right: -1px;/* border-radius: 22px 22px 0 0; */padding: 6px 0 6px 0;overflow: hidden;border: 0;opacity: 0;transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;} .select_link .alert_box.on{opacity: 1;height: auto;border: 1px solid rgba(255,255,255,0.2);border-bottom: 0;} .select_link .alert_box a{display: block;font-size: 15px;color: #fff;line-height: 1.5;padding: 6px 31px;} .select_link .alert_box a:hover{/* background: rgb(255 255 255 / 10%); */background: #275dc2;} .select_link2{height: 92px;vertical-align: middle;position: relative;clear: right;border: 1px solid rgba(255,255,255,0.2);width: 100%;line-height: 45px;display: inline-block;/* position: relative; */box-shadow: 1px 1px 15px 1px #b4c7ed;} .select_link2.on{border-radius: 0 0 22px 22px;z-index: 999;} .select_link2 p{line-height: 45px;color: #fff;padding: 0 0 0 32px;cursor: pointer;font-size: 14px;} .select_link2 .arrow2{position: absolute;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;cursor: pointer;} .select_link2 .arrow2.on{transform: rotate(180deg);} .select_link2 > a{display: block;font-size: 14px;color: #fff;line-height: 40px;text-align: left;height: 100%;} .select_link2 .alert_box2{height: 0;position: absolute;left: -1px;/* background: #2a69dd; */background: #0083cf;right: -1px;/* border-radius: 22px 22px 22px 22px; */overflow: hidden;border: 0;opacity: 0;/* transition: all ease-in-out 0.2s; */-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;/* -webkit-transition: all ease-in-out 0.2s; */-o-transition: all ease-in-out 0.2s;border: 1px solid #333;} .select_link2 .alert_box2.on{opacity: 1;height: auto;/* border: 1px solid rgba(255,255,255,0.2); */border-bottom: 0;/* z-index: 9999; */top: calc(-100% - 20px);left: -101%;width: 100%;padding: 6px 0 6px 0;border: 1px solid #0550e4;} .select_link2 .alert_box2 a{display: block;font-size: 15px;color: #fff;line-height: 1.5;padding: 6px 31px;} .select_link2 .alert_box2 a:hover{/* background: rgba(255,255,255,0.1); */background: #275dc2;color: #fff;} .select_link3{height: 92px;vertical-align: middle;position: relative;clear: right;border: 1px solid rgba(255,255,255,0.2);width: 100%;line-height: 45px;display: inline-block;/* position: relative; */margin-top: 18px;box-shadow: 1px 1px 15px 1px #b4c7ed;} .select_link3.on{border-radius: 0 0 22px 22px;z-index: 999;} .select_link3 p{line-height: 45px;color: #fff;padding: 0 0 0 32px;cursor: pointer;font-size: 14px;} .select_link3 .arrow3{position: absolute;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;cursor: pointer;} .select_link3 .arrow3.on{transform: rotate(180deg);} .select_link3 > a{display: block;font-size: 14px;color: #fff;line-height: 40px;text-align: left;} .select_link3 .alert_box3{height: 0;position: absolute;left: -1px;background: #0083cf;right: -1px;/* border-radius: 22px 22px 22px 22px; */overflow: hidden;border: 0;opacity: 0;/* transition: all ease-in-out 0.2s; */-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;/* -webkit-transition: all ease-in-out 0.2s; */-o-transition: all ease-in-out 0.2s;border: 1px solid #333;/* opacity: 0.5; */} .select_link3 .alert_box3.on{opacity: 1;height: auto;border: 1px solid #0550e4;/* border-bottom: 0; *//* z-index: 9999; */top: calc(-200% - 40px);left: -101%;width: 100%;padding: 6px 0 6px 0;} .select_link3 .alert_box3 a{display: block;font-size: 15px;color: #fff;line-height: 1.5;padding: 6px 31px;} .select_link3 .alert_box3 a:hover{background: #275dc2;color: #fff;} footer .fl02{ padding:2.125rem 0; border-top:rgba(255,255,255,.2) 1px solid} footer .fl02 .content{ display:flex; justify-content:space-between; font-size:0} footer .fl02 .content dl{ display:inline-block; } footer .fl02 .content dl dt{ font-size:1.1rem; color:#fff; margin-bottom:1rem} footer .fl02 .content dl dd{font-size:.875rem;color: rgba(255,255,255,.78);line-height:2.5rem;transition:.5s;} footer .fl03{ padding:1rem 0; border-top:rgba(255,255,255,.2) 1px solid; text-align:center} footer .fl03 p{font-size:.875rem;color: rgba(255,255,255,.78);line-height:1.5} .content dt a{ color: #fff; } .content dd a{ color: rgba(255,255,255,.78); text-align: center; } footer .fl01 .right1 img{ display: block; float: right; margin-right: 60px; height: 112px; } .section6{ width: 100%; margin: 0 auto; overflow: hidden; /* padding-top: 70px; */ overflow: hidden; padding-bottom: 90px; /* background:url("../img/bgcs7.jpg")top center; */ background-size: 100% 100%; } /*印象样式*/ .mainbox { margin: 0 auto; font-style: normal; max-width: 1400px; width: 100%; } .mainbox{/* padding-top: 120px; *//* padding-bottom: 20px; */z-index: 0;} .mainbox .conbox{margin-top: 40px;display: flex;align-items: center;justify-content: space-between;width: 100%;z-index: 0;} .mainbox .conbox .itembox{width: 50%;overflow: hidden;height: 500px;display: flex;flex-direction: column;justify-content: space-between;z-index: 0;} .mainbox .conbox .itembox.big{display: block;} .mainbox .conbox .itembox.big .item{width: 100%;height: 100%;display: block;margin:0;} .mainbox .conbox .itembox .item .img{width: 100%;height: 100%;position: relative;z-index: 1;transition: transform 0.4s ease;background-size: 100% 100%;} .mainbox .conbox .itembox .row{display: flex;align-items: center;justify-content: flex-start;} .conbox .itembox .item:hover .img { transform: scale(1.1); } .mainbox .conbox .itembox .item{width: 350px;height: 240px;margin-left: 20px;overflow: hidden;position: relative;} .mainbox .conbox .itembox .item .text{width: 100%;height: 40%;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.75));display: flex;align-items: flex-end;position: absolute;z-index: 2;left: 0;bottom: 0;} .mainbox .conbox .itembox .item .text h3{width: 100%;padding: 20px;font-size: 17px;color: #fff;text-align: center;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .mainbox .conbox .itembox.big .item .text h3{padding: 30px;font-size: 20px;color: #fff;text-align: left;} .label{position: absolute;top: 0;left: 0;padding-right: 20px;height: 28px;line-height: 28px;z-index: 9;} .label span{display: block;padding:0 12px 0 14px;font-size: 14px;color: #fff;min-width: 68px;text-align: center;width: 68px;font-family: Times New Roman;height: 0;border-width: 0px 15px 28px 0px;border-style: none solid solid;border-color: transparent transparent #0084cf;} .btn_more { display: inline-block; padding-right: 24px; line-height: 70px; position: absolute; right: 0; /* bottom: 0; */ color: #113e91; font-size: 16px; z-index: 2; cursor: pointer; /* vertical-align: middle; */ height: 72px; } i.plus { display: inline-block; width: 14px; height: 14px; border: 1px #1e55bf solid; border-radius: 50%; position: absolute; right: 0; top: 47.5%; transform: translateY(-50%); cursor: pointer; transition: all .35s; } i.plus::before { content: ""; width: .6rem; height: 0; border-top: 1px #113e91 solid; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .35s; } i.plus::after { content: ""; width: 0; height: .6rem; border-left: 1px #113e91 solid; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .35s; } .btn_more:hover {color: #2682e1;transition: all .35s;font-weight: bold;} .btn_more:hover i.plus {background-color: #1e55bf;transition: all .35s;} .btn_more:hover i.plus::before, .btn_more:hover i.plus::after { border-color: #fff; transition: all .35s; } .flex { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; } .ctit2 { margin-bottom: 20px; } .ctit2 span b { height: 1px; width: 85px; background: #791107; display: inline-block; vertical-align: middle; margin: 0 20px; opacity: 1; } .ctit span { height: 70px; line-height: 70px; font-size: 36px; font-family: "宋体"; font-weight: bold; } .ctit2 span { margin: 0 auto; width: 100%!important; border: none!important; display: inline-block; text-align: center!important; } .wap_block { display: none; } /*新闻样式*/ .xwdt{ width: 100%; max-width: 1400px; height: auto; overflow: hidden; margin: 0 auto; } .news { width: 100%; } .news_cont { width: 100%; background-color: #ffffff; padding: 30px 20px; border-bottom: 3px solid #0083cf; box-sizing: border-box; } .news_focus { width: 27.5%; } .news_focus_img { width: 100%; height: auto; } .news_focus_text>h3 { display: block; font-size: 17px; color: #333333; line-height: 30px; height: 60px; overflow: hidden; font-weight: bold; margin-top: 10px; } .news_focus_text>p { font-size: 14px; color: #888888; line-height: 28px; height: 84px; overflow: hidden; margin: 10px 0px; } .news_focus_text>span { font-size: 14px; line-height: 40px; color: #666666; font-family: Arial; } .news_focus_img>img{ transition: all .3s ease-out .1s; -webkit-transition: all .3s ease-out .1s; -moz-transition: all .3s ease-out .1s; -ms-transition: all .3s ease-out .1s; -o-transition: all .3s ease-out .1s; width: 100%; /* height: 100%; */ height: 236px; } .news_focus>a:hover .news_focus_img>img{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); } .news_focus>a:hover .news_focus_text>h3, .news_focus>a:hover .news_focus_text>span{ color: #1e55bf; } .news_list_idx { width: 41%; } .news_list_idx_item { width: 100%; padding-bottom: 15px; position: relative; border-bottom: 1px solid #ebebeb; } .news_list_idx_item_time { width: 13%; height: 62px; border-right: 1px solid #ebebeb; /* padding-right: 20px; */ background: #0083cf; transition: all .3s ease-out .1s; -moz-transition: all .3s ease-out .1s; -ms-transition: all .3s ease-out .1s; -o-transition: all .3s ease-out .1s; -moz-transition: all .3s ease-out .1s; -ms-transition: all .3s ease-out .1s; -o-transition: all .3s ease-out .1s; /* display: -webkit-flex; */ /* display: flex; */ /* align-items: center; */ /* justify-content: center; */ } .news_list_idx_item_time>span { display: block; font-size: 24px; color: #fff; text-align: center; margin-top: 7px; } .news_list_idx_item_time>span+span { font-size: 15px; font-weight: normal; } .news_list_idx_item_title { width: calc(100% - 17%); /* border-left: 1px solid #ebebeb; */ } .news_list_idx_item_title>h3 { display: block; font-size: 17px; color: #333333; line-height: 30px; height: 60px; overflow: hidden; font-weight: normal; width: 95%; float: right; margin-right: 1.25%; transition: all .3s ease-out .1s; -webkit-transition: all .3s ease-out .1s; -moz-transition: all .3s ease-out .1s; -ms-transition: all .3s ease-out .1s; -o-transition: all .3s ease-out .1s; /* letter-spacing: 1px; */ display: flex; align-items: center; /* justify-content: center; */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_list_idx_item + .news_list_idx_item { margin-top: 16px; } .news_list_idx_item:hover .news_list_idx_item_time{ background: #113e91; } .news_list_idx_item:hover .news_list_idx_item_title h3 { color: #1e55bf; text-overflow: ellipsis; } .news_list_idx_item:after{ display: block; content: ''; width: 100%; height: 1px; border-bottom: 1px solid #9a0000; position: absolute; left: 0px; bottom: 0px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .commonA { /* display: block; */ width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap; } .both:after { display: block; content: ""; clear: both; } .news_focus:nth-child(2) { margin-left: 2%; } /*新闻样式*/ .section1{ width: 100%; margin: 0 auto; /* overflow: hidden; */ height: auto; padding-top: 70px; overflow: hidden; padding-bottom: 85px; --tw-bg-opacity: 0.8; background: url(../img/bgcs.jpg)top center; background-size: 100% 100%; position: relative; transition: all .1s; } .gap{ padding-top: 130px; } .gap2{ padding-top: 160px; } .sec3{ width: 100%; max-width: 1400px; height: auto; /* overflow: hidden; */ margin: 0 auto; display: block; /* position: fixed; */ } .news { width: 100%; } /*专题样式*/ .ind_view{ position:relative; width: 100%; max-width: 1400px; margin: 0 auto; z-index: 0; } .ind_view_more { margin-top: 35px; text-align: right; } .ind_view_more a { display: inline-block; color: #333; font-size: 16px; padding: 0px 0px; position: relative; z-index: 99; } .section7{ width: 100%; margin: 0 auto; overflow: hidden; padding-top: 70px; overflow: hidden; padding-bottom: 50px; background: #ffffff; } /*通知样式*/ .section2 { width: 100%; margin: 0 auto; /* overflow: hidden; */ padding-top: 85px; /* overflow: hidden; */ padding-bottom: 80px; background: url(../img/bgcsf.jpg)top center; background-size: 100% 100%; display: flex; } .sec2{ width: 100%; max-width: 1400px; /* overflow: hidden; */ margin: 0 auto; /* margin-top: 55px; */ /* margin-bottom: 55px; */ /* padding: 30px 20px; */ /* background: #FFF; */ } .tabMenu01{width: auto;display: block;height: 45px;line-height: 40px;position: relative;z-index: 10;border-bottom: 1px solid #ccc;} .tabMenu01 li{width: 120px;/* float:left; */float: left;/* font-size: 18px; *//* color: #003770; */font-weight: bold;color: #0e60b6;font-size: 22px;} .tabMenu01 li:nth-child(3){ width: 120px; } .tabMenu01 li a{/* color:#999; */color: #a0c0e2;} .tabMenu01 li:hover a,.tabMenu01 li.active a{color:#003770;color: #0e60b6;} .tabMore01{width: 40px;height:30px;line-height: 30px;font-size:16px;position: absolute;right:0;top: 8px;z-index: 20;} .tabMore01 span{display: none;} .tabMore01 a{/* color:#003770; *//* color: #2c448c; */opacity: 1;display: block;height: 24px;line-height: 24px;float: right;/* border: 1px solid #2c448c; */border-radius: 25px;font-size: 16px;width: 65px;text-align: center;} .tabList01{width: 100%;overflow: hidden;height: auto;} .tabList01 dd{display: none;} .xueshu {width: 56.5%;float: left;position: relative;} .xueshu .title { height: 63px; line-height: 63px; border-bottom: 1px solid #003770; } .xueshu h2 { padding: 0 0 0 20px; width: auto; float: left; font-size: 20px; color: #003770; } .xueshu .title a { float: right; color: #003770; font-size: 16px; } .list02 {margin: 20px 0 0 0;} .list02 li {overflow: hidden;font-size: 16px;line-height: 50px;height: 50px;padding: 0 0 0 21px;background: url(../img/cs1.png) no-repeat left 2px center;background-size: 13px;} .list02 li a {float: left;width: 77%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .list02 li span {float: right;color: #888;} .list02 li:hover{ margin-left: -10px; transition: all .3s ease-out .1s; -webkit-transition: all .3s ease-out .1s; -moz-transition: all .3s ease-out .1s; -ms-transition: all .3s ease-out .1s; -o-transition: all .3s ease-out .1s; } .list02 li:hover>a{ color: #1e55bf; } .xueshu .news_list_idx { width: 100%; } .xueshu .news_list_idx_item { width: 100%; padding-bottom: 10px; position: relative; border-bottom: 1px solid #ebebeb; } .xueshu .news_list_idx_item_time { width: 62px; height: 50px; border-right: 1px solid #ebebeb; /* padding-right: 20px; */ background: #0083cf; transition: all .3s ease-out .1s; -moz-transition: all .3s ease-out .1s; -ms-transition: all .3s ease-out .1s; -o-transition: all .3s ease-out .1s; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .xueshu .news_list_idx_item_time>span { display: block; font-size: 18px; color: #fff; text-align: center; /* margin-top: 7px; */ line-height: 25px; width: 80%; margin: 0 auto; /* margin-top: 5px; */ } .xueshu .news_list_idx_item_time>span+span { font-size: 15px; font-weight: normal; } .xueshu .news_list_idx_item_title { width: calc(100% - 11%); /* border-left: 1px solid #ebebeb; */ float: right; } .xueshu .news_list_idx_item_title>h3 { display: block; font-size: 17px; color: #333333; line-height: 49px; height: 50px; overflow: hidden; font-weight: normal; width: 87%; border-bottom-left-radius: all .3s ease-out .1s; -webkit-transition: all .3s ease-out .1s; -moz-transition: all .3s ease-out .1s; -ms-transition: all .3s ease-out .1s; -o-transition: all .3s ease-out .1s; text-align: justify; float: left; padding-left: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .xueshu .news_list_idx_item + .news_list_idx_item { margin-top: 12.5px; } .xueshu .news_list_idx_item:hover .news_list_idx_item_time{ background: #113e91; } .xueshu .news_list_idx_item:hover .news_list_idx_item_title h3 { color: #1e55bf; text-overflow: ellipsis; } .xueshu .news_list_idx_item:after{ display: block; content: ''; width: 100%; height: 1px; border-bottom: 1px solid #9a0000; position: absolute; left: 0px; bottom: 0px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .ptmh{ width: 41%; float: right; } .ctit3{ width: auto; display: block; height: 45px; line-height: 40px; position: relative; z-index: 10; border-bottom: 1px solid #ccc; } .ctit3 span{ width: 180px; float: left; font-weight: bold; color: #0e60b6; font-size: 23px; } .ctit3 .more{ position:absolute; right:0; padding-right:24px; width: 65px; font-size: 16px; color: #113e91; } .ctit3 .more:hover { color: #2682e1; transition: all .35s; font-weight: bold; } .ctit3 .more:hover i.plus { background-color: #1e55bf; transition: all .35s; } .ctit3 .more:hover i.plus::before, .ctit3 .more:hover i.plus::after { border-color: #fff; transition: all .35s; } .tpA{ width: 100%; /* overflow: hidden; */ margin-top: 18px; margin-bottom: 18px; height: 92px; } .tpA a{ display: block; /* overflow: hidden; */ height: 100%; box-shadow: 1px 1px 15px 1px #b4c7ed; transition: transform 0.4s ease; } .tpA a img{ transition: transform 0.4s ease; } .tpA a:hover img{ transform: scale(1.03); } .row-a2{margin-top: 20px;width: 48%;float: left;} .row-right{ float: left; width: 48%; margin-left: 3%; } .m-listl4{background: #cbd2e2;padding: 0 13px;} .ul-listl4{margin:0 -8px;} .ul-listl4 li{width: 47.5%;float:left;margin-top: -15px;background: #fff;margin-bottom:10px;min-height: 40px;} .ul-listl4 li.i1 { margin-left: 2%;} .ul-listl4 li:nth-child(odd){ margin-left: 2%; } .ul-listl4 .con{display:block;background-color:rgba(255,255,255,.8);padding: 18px 13px 16.3px;overflow:hidden;text-align:center;transition: all .3s ease-out .1s;-webkit-transition: all .3s ease-out .1s;-moz-transition: all .3s ease-out .1s;-ms-transition: all .3s ease-out .1s;-o-transition: all .3s ease-out .1s;} .ul-listl4 .icon{display:block;width:100%;height: 46px;line-height: 57px;font-size: 46px;color:#c5c5c5;margin-bottom:9px;background-size: contain !important;} .row-a2 .wp { padding: 10px 0 0px 0;width: 100%; } .ul-listl4 .con .tit{font-size: 16px;font-weight:400;color:#666;line-height: 1.4em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .ul-listl4 .con .tit a{color:#666;} .ul-listl4 .con:hover .tit{color:#34519d;} .ul-listl4 .con:hover .icon,.ul-listl4 .con:hover .tit{font-weight: bold;transform: scale(1.05);} .ul-listl4 .list16 .con { padding: 10px 22px 15px; } .ul-listl4 .list19 .con { padding: 10px 22px 15px; } .m-campusl { position: relative; z-index: 0; } .ul-listl4 .icon{ transition: all .3s; -webkit-transition: all .3s;} .ul-listl4 .i1 .icon{background: url('../img/icon1.svg') no-repeat center top;} .ul-listl4 .i2 .icon{background: url('../img/icon2.svg') no-repeat center top;} .ul-listl4 .i3 .icon{background: url('../img/icon3.svg') no-repeat center top;} .ul-listl4 .i4 .icon{background: url('../img/icon4.svg') no-repeat center top;} .ul-listl4 .i5 .icon{background: url('../img/icon5.svg') no-repeat center top;} .ul-listl4 .i6 .icon{background: url('../img/jianshen-.svg') no-repeat center top;} .ul-listl4 .i7 .icon{background: url('../img/icon7.svg') no-repeat center top;} .ul-listl4 .i8 .icon{background: url('../img/icon8.svg') no-repeat center top;} .ul-listl4 .i9 .icon{background: url('../img/icon9.svg') no-repeat center top;} /*学术样式*/ .section3{ width: 100%; margin: 0 auto; padding-top: 65px; overflow: hidden; padding-bottom: 75px; /* background: #f7f7f7; */ background: url(../img/bgcs.jpg)top center; background-size: 100% 100%; } .xsyj{ width: 100%; max-width: 1400px; margin: 0 auto; } .cghc{ width: 48%; float: left; } .gdsp{ width: 48%; float: right; } .clearfix { display: block; *zoom: 1; } .news_list{ width: 48.5%; float:left; } .news_list2{ width: 48.5%; float: right; } .con { margin: 0 auto; box-sizing: border-box; } .con li.news1 { line-height: 34px; padding-left: 0px; } .con li.news1 { position: relative; width: 47%; float: left; margin-bottom: 21px; box-sizing: border-box; border-top: 3px solid #54c1e3; height: auto; overflow: hidden; margin-top: 25px; box-shadow: 1px 1px 15px #5ac5eb; } .con li.news1 { border-width: 7px; } .news_b1 .imgs { position: relative; } .news_b1 .imgs { overflow: hidden; transition: transform 0.4s ease; } .news_b1 .imgs img { top: 0; left: 0; width: 100%; height: 218px; transition: transform 0.4s ease; } .news_b1 .news_title { position: absolute; z-index: 33; width: 100%; left: 0; bottom: 12px; box-sizing: border-box; padding: 0 24px; color: #fff; font-size: 15px; line-height: 24px; max-height: 48px; overflow: hidden; text-align: justify; } .news_b1 .news_title a { color: #fff; } .news_b1 .bg { position: absolute; z-index: 22; width: 100%; left: 0; bottom: 0; height: 50%; background: url(../img/main11_shadow.png) center no-repeat; } .news_b1 .bg { background-size: 100% 100%; } .con li.news1:nth-child(2) { margin-top: 70px; } .con li.news1:nth-child(2n+2) { float: right; } .con li.news1:nth-child(3) { border-top: 7px solid #1e5fc5; } .con li.news1:nth-child(4) { margin-bottom: 0; } .con li.news1:nth-child(4) { border-top: 7px solid #3096d5; } .news1:hover img { /* -webkit-transition: all .4s ease-out .2s; */ -moz-transition: all .4s ease-out .2s; -ms-transition: all .4s ease-out .2s; -o-transition: all .4s ease-out .2s; transform: scale(1.04); } .con li.news2 { margin-top: 25px; margin-bottom: 26px; } .news_box, .news_title, .news_time { transition: all 0.4s ease; } .news_box { display: block; } .con li.news2 .news_box { position: relative; } .con li.news2 .imgs { float: right; width: 220px; height: 163px; position: relative; } .con li.news2 .imgs { overflow: hidden; } .con li.news2 .imgs img { width: 100%; height: 100%; display: block; } .con li.news2 .wz { margin-right: 220px; } .con li.news2 .wz .time { padding-left: 30px; line-height: 45px; font-size: 16px; color: #1e55bf; background: url(../img/date.png) no-repeat left center; } .con li.news2 .time { line-height: 45px; margin-left: 20px; } .con li.news2 .wz_b { padding: 18px 0 18px 20px; background: #fff; transition: 0.4s; position: relative; z-index: 4; } .con li.news2 .wz_b:before { content: ""; position: absolute; top: 0; right: 0; width: 0; background: #1e55bf; z-index: -1; transition: 0.4s; height: 100%; } .con li.news2 .source { line-height: 25px; width: auto; display: block; margin-bottom: 10px; font-size: 15px; color: #1e55bf; transition: 0.4s; } .con li.news2 .source { font-weight: bold; } .con li.news2 .source { font-size: 17px; line-height: 26px; } .con li.news2 .news_title { font-size: 16px; line-height: 23px; color: #000; transition: 0.4s; height: 46px; overflow: hidden; } .con li.news2 .news_title a { color: #333; } .con li.news2:hover img { transform: scale(1.05); transition: 0.4s; } .con li.news2:hover .wz_b:before { width: 100%; } .con li.news2:hover .source, .con li.news2:hover .news_title, .con li.news2:hover .news_title a { color: #fff; } .gdbz{ background: url(../img/gd1.png)top center no-repeat; background-size: 100% 100%; display: block; position: absolute; top: 0px; z-index: 10; width: 80px; height: 80px; border-top-right-radius: 10px; font-size: 14px; color: #ffffff; text-align: center; line-height: 45px; box-shadow: -3px 3px 5px 1px #2a61c0; } .cghc{ background: url(../img/gd2.png)top center no-repeat; background-size: 100% 100%; display: block; position: absolute; top: 0px; z-index: 10; width: 80px; height: 80px; border-top-right-radius: 10px; font-size: 14px; color: #ffffff; text-align: center; line-height: 45px; box-shadow: -3px 3px 5px 1px #2a61c0; } /*交流样式*/ .section4{ width: 100%; margin: 0 auto; padding-top: 70px; overflow: hidden; padding-bottom: 65px; background: #f0f7ffe6; background: url(../img/bgcs.jpg)top center; background-size: 100% 100%; } .jlhz{ width: 100%; max-width: 1400px; margin: 0 auto; position: relative; } .list03{ margin-top: 20px; height:auto; overflow:hidden; padding-bottom: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; } .tabMenu02{width: auto;display: block;height: 45px;line-height: 40px;position: relative;z-index: 10;border-bottom: 1px solid #ccc;} .tabMenu02 li{width: 120px;/* float:left; */float: left;/* font-size: 18px; *//* color: #003770; */font-weight: bold;color: #0e60b6;font-size: 23px;} .tabMenu02 li:nth-child(3){ width: 185px; } .tabMenu02 li a{/* color:#999; */color: #a0c0e2;} .tabMenu02 li:hover a,.tabMenu02 li.active a{color:#003770;color: #0e60b6;} .tabMore02{width: 40px;height:30px;line-height: 30px;font-size:16px;position: absolute;right:0;top: 8px;z-index: 20;} .tabMore02 span{display: none;} .tabMore02 a{/* color:#003770; *//* color: #2c448c; */opacity: 1;display: block;height: 24px;line-height: 24px;float: right;/* border: 1px solid #2c448c; */border-radius: 25px;font-size: 16px;width: 65px;text-align: center;} .tabList02{width: 100%;/* overflow: hidden; */margin-top: 30px;} .tabList02 dd{display: none;}S .slick-dots{ display: none !important; } .slick-images{/* margin-left: 141px; */width: 22.75%;float: left;padding-top: 10px;margin: 0 0.5% 0 0.5%;position: relative;} .slick-slider > a{display: block;box-shadow: 0px 1px 6px 1px #a1c4dd;background: #fff;overflow: hidden;} .slickTitle{line-height: 25px;height: 50px;margin: 0 0 30px 0;position: relative;text-align: justify;word-break: break-all;} .slickText{border-bottom: #0083cf 2px solid;padding: 20px 25px 25px 25px;} .slickDate{display: block;color: #1e55bf;position: relative;/* text-align: right; */} .slickDate:before{content: "";display: block;width: 32px;height: 1px;background: #1e55bf;position: absolute;right: 0;top: 12px;} .slick-arrow{width: 45px;height:30px;text-align: center;cursor:pointer;background: none;border: none;outline: none;color: #b3b60e;font-weight: bold;font-size: 16px;z-index: 9;transition: all 0.2s ease;overflow: hidden;} .articleTitle1:before{content: "";display: block;width: 1px;height: 18px;background: #ffffff;position: absolute;left: 56px;top: 62px;} .articleTitle1{ width: 115px; float: left; overflow: hidden; position: relative;} .articleTitle1 .title{display: block;margin-bottom: 100px;} .articleTitle1 .more{display: block;width: 113px;height: 44px;line-height: 44px;text-align: center;background: #0e60b6;color: #fff;} .articleTitle1 .title:hover{ color: #fff; } .articleTitle1 .more:hover{background: #054e9d;} @charset "utf-8"; /*基本样式*/ html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px; -webkit-font-smoothing: antialiased;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} img,object{max-width:100%;width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;} a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color:#222} a:hover{text-decoration: none; color: #2c448c;} input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;} ul,ol,li{list-style:none outside none;} pre,code {white-space:pre-wrap} /*响应式图片*/ .gp-img-responsive{width: 100%;height: 0;padding-bottom: 61%;overflow:hidden;display: block;/* background: #d2d2d2; */background: url(../img/rxbg.png)top center;background-size: 100% 100%;} .gp-img-responsive img{width: 100%;transition: all 0.2s ease-in-out;min-height: 195px;} .gp-img-responsive img:hover{transform: scale(1.06);} .gp-f12{font-size:12px;} .gp-f13{font-size:13px;} .gp-f14{font-size:14px;} .gp-f15{font-size:15px;} .gp-f16{font-size: 17px;} .gp-f18{font-size:18px;} .gp-ul-inline{font-size: 0;} .gp-ul-inline > li{display: inline-block;*display: inline;*zoom:1;font-size: 14px;vertical-align: top;} .gp-fl{float: left;} .gp-fr{float: right;} .gp-center{display: block;margin-left: auto;margin-right: auto;} .gp-vam,.gp-vama *{vertical-align:middle;} .gp-bold{ font-weight: bold; } .gp-normal{font-weight: normal;} .gp-title{ display: block; overflow: hidden; } .gp-title-lh24{ display: block; line-height: 24px; height: 48px; overflow: hidden; } .gp-title-lh22{ display: block; line-height: 22px; height: 44px; overflow: hidden; } /*更多*/ /*校友样式*/ /*学生样式*/ .section5{ width: 100%; margin: 0 auto; /* overflow: hidden; */ padding-top: 65px; overflow: hidden; padding-bottom: 80px; background: #ebfafb; } .news_list_idx_item_title>h3 p{ display: inline-block; /* float: right; */ font-size: 14px; color: #1e55bf; line-height: 20px; height: 20px; position: absolute; bottom: 5px; right: 7px; } b.plus { display: inline-block; width: 14px; height: 14px; /* border: 1px #1e55bf solid; */ border-radius: 50%; position: absolute; right: 0; top: 47%; cursor: pointer; transition: all .35s; /* font-weight: bold; */ } b.plus::before { content: ""; width: 0.9rem; height: 0; border-top: 2px #113e91 solid; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .35s; /* font-weight: bold; */ } b.plus::after { content: ""; width: 0; height: 0.9rem; border-left: 2px #113e91 solid; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .35s; /* font-weight: bold; */ } .left-nav li a.on b.plus::before { content: ""; width: 0; height: 0.9rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .35s; }