/*reset*/ body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0;padding: 0; position: relative; } body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif} h1,h2,h3,h4,h5,h6{font-size:100%} em,b{font-style:normal} a,a:hover,a:link{text-decoration:none} *, *:before, *:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img{border:0} button,input,select,textarea{font-size:100%;outline:none} table{border-collapse:collapse;border-spacing:0} td,th,ul,ol{padding:0} h1{display: none;} html{height: 100vh;} body{font-family:'\5FAE\8F6F\96C5\9ED1'; background: #f3f3f3; min-width: 1200px; min-height: 100vh;} ul{list-style: none;} /*.sp,:before,:after{background: url("../images/sp.png") no-repeat;}*/ /*body开始*/ .main{overflow: hidden; margin: 0 auto; min-height: 660px;} /*footer*/ .footer{width: 100%; height: 60px; margin: auto; background: #002434;} .footer .footer-box{ margin: 0 auto; width:1280px; height: 60px;} .footer .footer-box .footer-left{ overflow: hidden; float: left; } .footer .footer-left i{ overflow: hidden; margin: 12px auto; float: left; } .footer .footer-left i img{ display: block; margin: 0 auto; } .footer .footer-left p{ font-size: 14px; color: #ffffff; float: left; height: 60px; line-height: 60px; padding: 0 10px;} .footer .foot_right{ float: right;} .footer .pull-down{float: left; margin-right: 45px; padding: 10px 0; position: relative;} .footer .pull-down input{ border: none; color: #cccccc; font-size: 12px; background: #fff; height: 40px; line-height: 40px; float: left; padding: 0 10px; width: 185px;} .footer .pull-down button{width: 48px; height: 40px; display: block; float: left; border: none; background: #cccccc;} .footer .pull-down button:before{content: ""; width: 12px; height: 12px; display: block; margin: 17px auto; background: none; border-top:1px solid #fff; border-left: 1px solid #fff; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);} .footer .pull-down-1{width: 233px; overflow: hidden; margin: 0 auto; position: absolute; bottom: 51px; left:0; background: #fff; height: 117px; overflow-y: scroll; border: 1px solid #ddd;} .footer .pull-down-1 a{overflow: hidden; margin: 0 auto; font-size: 14px; color: #000; width: 215px; display: block; height: 39px; line-height: 39px; text-align: center; border-bottom: 1px solid #ddd;} .footer2{width: 100%; overflow: hidden; margin: auto; position: relative; z-index: 99; } .footer2 .footer2-top-bg{ overflow: hidden; margin: 0 auto; height: 300px; background: url("../images/foter_bg.png") no-repeat; background-size: 100% 100%;} .footer2 .footer2-top{ overflow: hidden; margin: 0 auto; width: 1280px;} .footer2 .footer2-top-left{ overflow: hidden; margin: 0 auto; float: left;} .footer2 .footer2-top-left i{ overflow: hidden; margin: 76px auto; display: block;} .footer2 .footer2-top-left i img{ margin: 0 auto; display: block; width: 212px; height: 148px;} .footer2 .footer2-top-canter{ width: calc(100% - 212px - 158px); overflow: hidden; margin: 0 auto; float: left;} .footer2 .footer2-canter-1{ overflow: hidden; margin: 40px 70px; float: left; width: 220px; } .footer2 .footer2-canter-1 h4{ height: 50px; line-height: 50px; overflow: hidden; margin: 0 auto; font-size: 18px; color: #fff; border-bottom: 1px solid #fff; float: left;} .footer2 .footer2-canter-1 div{ overflow: hidden; margin: 0 auto; width: 100%; } .footer2 .footer2-canter-1 a{ width: 110px; height: 40px; line-height: 40px; display: block; float: left; font-size: 14px; color: #fff;} .footer2 .footer2-canter-2{ overflow: hidden; margin: 40px auto; float: left; } .footer2 .footer2-canter-2 h4{ height: 50px; line-height: 50px; overflow: hidden; margin: 0 auto; font-size: 18px; color: #fff; border-bottom: 1px solid #fff; float: left;} .footer2 .footer2-canter-2 div{ overflow: hidden; margin: 0 auto; width: 100%; } .footer2 .footer2-canter-2 div p{ overflow: hidden; font-size: 14px; color: #fff; margin: 5px auto;} .footer2 .footer2-top-right{ overflow: hidden; margin: 0 auto; float: right;} .footer2 .footer2-top-right i{ overflow: hidden; width: 158px; height: 158px; margin: 76px auto; display: block;} .footer2 .footer2-top-right i img{margin: 10px auto; display: block; width: 138px; height: 138px; } .footer2 .footer-page{overflow: hidden; margin: 0 auto; height: 60px; background: #064c79;} .footer2 .footer-page p{font-size: 14px; color: #ffffff; height: 60px; line-height: 60px; padding: 0 10px; text-align: center;} .nav-r{ position: fixed; bottom: 60px; right:30px; width: 50px; z-index: 100;} .nav-r ul{width: 50px; } .nav-r ul li{display: block; margin: 1px auto; width: 50px; height: 50px; line-height:50px; position: relative;} .nav-r ul li>a{display:block; width: 100%; height: 100%; background: #303c3e; font-size: 14px; color: #fff; text-align: center; } .nav-r ul li>a{width:50px; height: 50px; display: block;} .nav-r ul li:nth-of-type(1):hover div{ display: block; border: 1px solid #ddd;} .nav-r .wx-b{overflow: hidden; position: absolute; top:0; right:51px; background: #fff; display: none; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;} .nav-r .wx-b img{display: block; margin: 5px 5px 0;} .nav-r .js-btn{font-size: 14px; color: #fff; width: 110px; height: 32px; line-height: 32px; display: block; margin: 0 auto; border: 2px solid #fff; text-align: center; clear: both;} /*滚动条*/ .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:-15px} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px} .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#61c1bf} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#61c1bf} .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#61c1bf} body .slimScrollBar{width:10px!important;background:#61c1bf!important;opacity:1!important;right:-15px!important} body .slimScrollBar{background:#61c1bf!important} body .slimScrollBar{background:#61c1bf!important} /*分页*/ .paging{overflow: hidden; margin: 40px auto; display: table;} .paging-f{ overflow: hidden; float: left; } .paging a{font-size: 14px; color: #444c45; text-align: center; height: 30px; line-height: 30px; padding: 0 10px; margin: 0 5px; display: block; float: left; background: #fff; border: 1px solid #cccccc;} .paging a:hover{background: #0873c3; color: #fff; border-color: #0873c3;} .paging-f span{font-size: 14px; color: #444c45; text-align: center; margin: 0 5px; width: 30px; height: 30px; line-height: 30px; display: block; float: left;background: #fff; border: 1px solid #cccccc;} .paging a.active{color: #fff; background: #0873c3; border-color: #0873c3;} .paging-r{overflow: hidden; float: left;} .paging-r p{ overflow: hidden; float: left; font-size: 14px; color: #666666; margin: 0 5px;} .paging-r p span{ font-size: 14px; color: #666666; height: 30px; line-height: 30px;} .paging-r p input{ font-size: 14px; color: #666666; width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0 10px;} .paging-r .qr-btn{ font-size: 14px; color: #666666; width: 66px; height: 30px; line-height: 30px; text-align: center; margin: 0 10px; border: 1px solid #ccc; display: block; float: right;} /*文章分页*/ .article_paging{overflow: hidden; margin: 30px auto;} .article_paging ul{overflow: hidden; margin: 0 auto;} .article_paging ul li{float: left; overflow: hidden; max-width: 50%; } .article_paging ul li:nth-of-type(2){float: right;} .article_paging ul li span{float: left; font-size: 16px; color: #999999; margin: 0 10px;} .article_paging ul li a{float: left; font-size: 16px; color: #333333; max-width: 355px; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .article_paging ul li a:hover{color: #ff3300; text-decoration: underline;} .banner{overflow: hidden; margin: 0 auto; position: relative; z-index: 1; } .banner ul{overflow: hidden; margin: 0 auto; } .banner ul li{overflow: hidden; margin: 0 auto; } .banner ul li img{margin: 0 auto; display: block; width: 100%; object-fit: cover; } .page-gg{margin: -200px auto 30px; padding: 0 20px 50px; width: 1280px; min-height: 500px; overflow: hidden; background: #fff; border-top: 8px solid #0773c3; position: relative; z-index: 2; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 25px; } .page-gg .page-bt{ overflow: hidden; margin: 20px auto 50px; border-bottom: 1px solid #ccc;} .page-gg .page-bt-left{ overflow: hidden; margin: 0 auto; float: left;} .page-gg .page-bt-left h3{ font-size: 28px; color: #0773c3; float: left; height: 70px; line-height: 70px; font-weight: bold; } .page-gg .page-bt-left span{ margin: 0 10px; display: block; height: 70px; font-size: 18px; color: #cccccc; float: left; line-height: 80px; } .page-gg .page-bt-right{ overflow: hidden; margin: 0 auto; float: right;} .page-gg .list-seek{ overflow: hidden; margin: 15px auto; display: block; height: 30px; float: right;border: 1px solid #ddd;} .page-gg .list-seek input{ overflow: hidden; margin: 0 auto; width: 160px; border: none; font-size: 14px; color: #666; height: 30px; line-height: 30px; padding: 0 10px; float: left;} .page-gg .list-seek .list-ss-btn{ overflow: hidden; margin: 0 auto; display: block; width: 30px; height: 30px; line-height: 30px; float: left;} .page-gg .list-seek .list-ss-btn img{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 100%;} .page-gg .page-bt-right a{ overflow: hidden; margin: 0 auto; display: block; float: left; font-size: 14px; color: #999999; height: 70px; line-height: 70px;} .page-gg .page-bt-right span{ overflow: hidden; margin: 0 5px; display: block; float: left; font-size: 14px; color: #999999; height: 70px; line-height: 70px;} .page-gg .page-left{ margin: 0 auto; float: left; width: 305px; border-right: 1px solid #ddd; background: #fff; } .page-gg .page-nav-bg{ overflow: hidden; margin: 0 auto; background: #fff; padding-bottom: 50px; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s;} .page-gg .page-nav{ overflow: hidden; margin: 0 auto; padding: 0 30px 50px 15px ; background: #fff;} .page-gg .page-nav ul{overflow: hidden; margin: 0 auto;} .page-gg .page-nav ul li{overflow: hidden; margin: 0 auto; border-bottom: 1px dashed #eee;} .page-gg .page-nav ul li span{overflow: hidden; margin: 0 auto; font-size: 18px; color: #333333; padding: 0 10px; display: block; height: 51px; line-height: 51px; } .page-gg .page-nav ul li span a{ color: #333333; overflow: hidden; display: block; width: 100%; height: 100%; } .page-gg .page-nav ul li span i{width: 20px; overflow: hidden; margin: 0 auto; font-size: 24px; color: #999999; text-align: center; font-style: normal; float: right; } .page-gg .page-nav ul li span.on{ background: #c8000a; color: #fff; } .page-gg .page-nav ul li span.on i{color: #fff; font-size: 30px;} .page-gg .page-nav ul li span.on a{color: #fff;} .page-gg .page-nav ul li div{overflow: hidden; margin: 0 auto; padding: 5px 0;} .page-gg .page-nav ul li div a{overflow: hidden; margin: 0 auto; height: 40px; line-height: 40px; display: block; font-size: 16px; color: #999999; text-indent: 2em;} .page-gg .page-nav ul li div a:hover{color: #333333;} .page-gg .page-nav ul li div a.on{color: #333333;} .page-gg .page-news{overflow: hidden; margin: 0 auto; padding: 50px 30px 50px 15px; border-top: 1px solid #ddd; } .page-gg .page-news h4{overflow: hidden; margin: 0 auto; } .page-gg .page-news h4 em{overflow: hidden; margin: 0 auto; float: left; font-size: 20px; color: #0773c3; display: block; height: 40px; line-height: 40px; font-weight: bold;} .page-gg .page-news h4 span{overflow: hidden; margin: 0 5px; float: left; font-size: 14px; color: #cccccc; height: 40px; line-height: 45px; } .page-gg .page-news ul{ overflow: hidden; margin: 0 auto; padding: 0 10px; } .page-gg .page-news ul li{ overflow: hidden; margin: 10px auto; } .page-gg .page-news ul li a{overflow: hidden; margin: 0 auto; display: block; } .page-gg .page-news ul li a span{overflow: hidden; margin: 0 auto; font-size: 14px; color: #cccccc; } .page-gg .page-news ul li a p{overflow: hidden; margin: 0 auto; font-size: 16px; color: #666666; display: block; white-space:nowrap; text-overflow:ellipsis; } .page-gg .page-right{overflow: hidden; margin: 0 auto; float: right; width: calc(100% - 305px); padding-left: 25px;} /*news*/ .news{overflow: hidden; margin: 0 auto;} .news ul{overflow: hidden; margin: 0 auto;} .news ul li{overflow: hidden; margin: 30px auto;} .news ul li:nth-of-type(1){margin-top: 0;} .news ul li h4{overflow: hidden; margin: 0 auto 30px; font-size: 24px; color: #333333; display: block; white-space:nowrap; text-overflow:ellipsis;} .news ul li h4 a{ color: #333333; font-size: 18px;} .news ul li p{overflow: hidden; margin: 0 auto; font-size: 14px; color: #999999; min-height: 80px;} .news ul li p a{ color: #999999;} .news ul li div{overflow: hidden; margin: 0 auto; } .news ul li div span{overflow: hidden; margin: 0 auto; display: block; height: 30px; line-height: 32px; float: left; font-size: 14px; color: #cccccc; padding-left: 20px; background: url("../images/span_ico.png") no-repeat left center;} .news ul li div .ck-btn{overflow: hidden; margin: 0 auto; display: block; height: 30px; line-height: 30px; float: right; font-size: 14px; color: #666666; padding-left: 20px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .news ul li:hover h4 a{color: #3999dc;} .news ul li:hover p a{color: #3999dc;} .news ul li:hover .ck-btn{color: #fff; background: #3999dc; padding: 0 20px; } /*Overview*/ .overview{overflow: hidden; margin: 0 auto;} .overview div{overflow: hidden; margin: 0 auto;} .overview p{line-height: 30px!important; font-size: 15px!important; color: #666; text-align: justify;} .overview p div{ width: 100% !important; height: 100% !important; } .overview img{ display: block; max-width: 100%; margin: 0 auto; } .overview table{ width: 100%; border-collapse:collapse; } .overview table th{ text-align: center; padding: 10px 0; } .overview table td{ text-align: center; padding: 5px 0; font-size: 16px!important; } .overview table td:nth-of-type(2){ text-align: center; padding: 0 20px; } .overview table,.overview table th,.overview table td{border: 1px solid #ddd;} /*teletext*/ .teletext{ overflow: hidden; margin: 0 auto; } .teletext ul{ overflow: hidden; margin: 0 auto;} .teletext ul li{width: calc((100% - 40px) / 3); overflow: hidden; margin: 0 auto 25px; margin-right: 20px; float: left;} .teletext ul li:nth-of-type(3n){margin-right: 0;} .teletext ul li a{overflow: hidden; margin: 0 auto; display: block;} .teletext ul li a:hover{ background: #3999dc; } .teletext ul li a:hover p{ color: #fff; } .teletext ul li a i{height: 200px; overflow: hidden; margin: 5px; display: block;} .teletext ul li a i img{width: 100%; height: 100%; margin: 0 auto; display: block; object-fit: cover; transition: all 0.6s;} .teletext ul li a p{ font-size: 14px; color: #666666; text-align: center; padding: 0 5px; height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .teletext ul li a:hover img{transform: scale(1.4); } .teletext3{ overflow: hidden; margin: 0 auto; } .teletext3 ul{ overflow: hidden; margin: 0 auto;} .teletext3 ul li{width: calc((100% - 60px) / 4); overflow: hidden; margin: 0 auto 25px; margin-right: 20px; float: left;} .teletext3 ul li:nth-of-type(4n){margin-right: 0;} .teletext3 ul li a{overflow: hidden; margin: 0 auto; display: block;} .teletext3 ul li a:hover{ background: #3999dc; } .teletext3 ul li a:hover p{ color: #fff; } .teletext3 ul li a:hover img{transform: scale(1.4);} .teletext3 ul li a i{height: 260px; overflow: hidden; margin: 5px; display: block;} .teletext3 ul li a i img{width: 100%; height: 100%; margin: 0 auto; display: block; object-fit: cover; transition: all 0.6s;} .teletext3 ul li a p{ font-size: 14px; color: #666666; text-align: center; height: 46px; line-height: 46px; } .teletext4{ overflow: hidden; margin: 0 auto; } .teletext4 ul{ overflow: hidden; margin: 0 auto;} .teletext4 ul li{width: calc((100% - 60px) / 4); overflow: hidden; margin: 0 auto 25px; margin-right: 20px; float: left;} .teletext4 ul li:nth-of-type(4n){margin-right: 0;} .teletext4 ul li a{overflow: hidden; margin: 0 auto; display: block;} .teletext4 ul li a:hover{ background: #3999dc; } .teletext4 ul li a:hover p{ color: #fff; } .teletext4 ul li a:hover img{transform: scale(1.4);} .teletext4 ul li a i{height: 260px; overflow: hidden; margin: 5px; display: block;} .teletext4 ul li a i img{width: 100%; height: 100%; margin: 0 auto; display: block; object-fit: cover; transition: all 0.6s;} .teletext4 ul li a p{ font-size: 14px; color: #666666; text-align: center; height: 46px; line-height: 46px; } /*ribbon*/ .ribbon{overflow: hidden; margin: 0 auto;} .ribbon ul{overflow: hidden; margin: 0 auto;} .ribbon ul li{overflow: hidden; margin: 30px auto;} .ribbon ul li i{overflow: hidden; margin: 0 auto; display: block; width: 350px; height: 212px; float: left;} .ribbon ul li i img{overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 100%; object-fit: cover;} .ribbon ul li .ribbon-text{overflow: hidden; margin: 0 auto; width: calc(100% - 350px); float: left; padding-left: 40px;} .ribbon ul li:nth-of-type(1){margin-top: 0;} .ribbon ul li h4{overflow: hidden; margin: 0 auto 30px; font-size: 24px; color: #333333; display: block; white-space:nowrap; text-overflow:ellipsis;} .ribbon ul li h4 a{color: #333333; } .ribbon ul li p{overflow: hidden; margin: 0 auto; font-size: 14px; color: #999999; height: 125px;} .ribbon ul li p a{color: #999999; } .ribbon ul li div{overflow: hidden; margin: 0 auto; } .ribbon ul li div span{overflow: hidden; margin: 0 auto; display: block; height: 30px; line-height: 32px; float: left; font-size: 14px; color: #cccccc; padding-left: 20px; background: url("../images/span_ico.png") no-repeat left center;} .ribbon ul li div .ck-btn{overflow: hidden; margin: 0 auto; display: block; height: 30px; line-height: 30px; float: right; font-size: 14px; color: #666666; padding-left: 20px; margin-right:0; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; } .ribbon ul li:hover h4 a{color: #3999dc;} .ribbon ul li:hover p a{color: #3999dc;} .ribbon ul li:hover .ck-btn{color: #fff; background: #3999dc; padding: 0 20px;} .ribbon2{overflow: hidden; margin: 0 auto;} .ribbon2 ul{overflow: hidden; margin: 0 auto;} .ribbon2 ul li{overflow: hidden; margin: 30px auto;} .ribbon2 ul li i{overflow: hidden; margin: 0 auto; display: block; width: 205px; height: 262px; float: left;} .ribbon2 ul li i img{overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 100%; object-fit: cover;} .ribbon2 ul li .ribbon-text{overflow: hidden; margin: 0 auto; width: calc(100% - 205px); float: left; padding-left: 40px;} .ribbon2 ul li:nth-of-type(1){margin-top: 0;} .ribbon2 ul li h4{overflow: hidden; margin: 0 auto 30px; font-size: 24px; color: #333333; display: block; white-space:nowrap; text-overflow:ellipsis;} .ribbon2 ul li h4 a{ color: #333333; } .ribbon2 ul li p{overflow: hidden; margin: 0 auto; font-size: 14px; color: #999999; height: 173px;} .ribbon2 ul li p a{color: #999999;} .ribbon2 ul li div{overflow: hidden; margin: 0 auto; } .ribbon2 ul li div span{overflow: hidden; margin: 0 auto; display: block; height: 30px; line-height: 32px; float: left; font-size: 14px; color: #cccccc; padding-left: 20px; background: url("../images/span_ico.png") no-repeat left center;} .ribbon2 ul li div .ck-btn{overflow: hidden; margin: 0 auto; display: block; height: 30px; line-height: 30px; float: right; font-size: 14px; color: #666666; padding-left: 20px; margin-right:0; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; } .ribbon2 ul li:hover h4{color: #3999dc;} .ribbon2 ul li:hover h4 a{color: #3999dc;} .ribbon2 ul li:hover .ck-btn{color: #fff; background: #3999dc; padding: 0 20px;} .ribbon2 ul li:hover p a{color: #3999dc;} /*outreach*/ .outreach{overflow: hidden; margin: 0 auto;} .outreach .outreach-bt{overflow: hidden; margin: 0 auto 50px;} .outreach .outreach-bt h4{overflow: hidden; margin: 0 auto; font-size: 24px; color: #333333;} .outreach .outreach-bt p{overflow: hidden; margin: 0 auto; font-size: 14px; color: #cccccc;} .outreach ul{overflow: hidden; margin: 0 auto;} .outreach ul li{overflow: hidden; margin: 0 auto; width: calc((100% - 70px) / 3); height: 116px; float: left; border: 1px solid #ddd; margin-right: 35px; margin-bottom: 28px;} .outreach ul li:nth-of-type(3n){margin-right: 0;} .outreach ul li a{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 100%; padding:30px 10px;} .outreach ul li a span{ overflow: hidden; margin: 0 auto; display: block; font-size: 16px; color: #666666; text-align: center;} .outreach ul li a p{ overflow: hidden; margin: 0 auto; line-height: 16px; font-size: 14px; color: #cccccc; text-align: center; display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .outreach ul li:hover{border-color: #0773c3;} .outreach ul li a:hover{ background: #0773c3;} .outreach ul li a:hover span{color: #fff;} .outreach ul li a:hover p{color: #fff;} /*details*/ .details{overflow: hidden; margin: 0 auto; padding: 0 30px;} .details .details-bt{overflow: hidden; margin: 0 auto 20px; border-bottom: 1px dashed #ddd; padding: 20px 0;} .details .details-bt h3{overflow: hidden; margin: 10px auto; font-size: 24px; color: #333; text-align: center;} .details .details-bt p{overflow: hidden; margin: 0 auto; display: table; text-align: center;} .details .details-bt p span{overflow: hidden; margin: 0 10px; float: left; font-size: 14px; color: #999; } .details .details-box{overflow: hidden; margin: 30px auto; border-bottom: 1px dashed #ddd;} .details .details-box p{overflow: hidden; margin: 10px auto; font-size: 20px!important; color: #333; line-height: 30px; text-align: justify; font-family: "微软雅黑"!important;line-height: 40px!important;} .details .details-box p span{ font-size: 20px!important; font-family: "微软雅黑"!important;line-height: 40px!important;} .details .details-box p a{ font-size: 20px!important; font-family: "微软雅黑"!important;line-height: 40px!important;} .details .details-box img{overflow: hidden; margin: 20px auto; } .details .details-box table{overflow: hidden; margin: 0 auto; width: 100%; border-collapse: collapse; } .details .details-box table td{overflow: hidden; margin: 0 auto; padding: 0 20px; border: 1px solid #ddd; } .details .details-box table p{overflow: hidden; margin: 0 auto; } /*hader*/ .header-bg{margin: 0 auto; background: #fff; box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 6px;} .header{margin: 0 auto; width: 1280px;} .header-bg .header-top{margin: 0 auto; height: 45px; background: url("../images/header_top.png") no-repeat; background-size: 100% 100%;} .header-bg .header-top-box{overflow: hidden; margin: 0 auto; width: 1280px;} .header-bg .classify-nav{overflow: hidden; margin: 0 auto; float: left; } .header-bg .classify-nav .xx-kuang{overflow: hidden; margin: 0 auto; height: 44px; line-height: 44px; font-size: 14px; color: #fff; margin-right: 10px;} /*.header-bg .classify-nav .xx-kuang{overflow: hidden; margin:7px 10px 0 0; float: left; position: relative;}*/ /*.header-bg .classify-nav .xx-kuang select{overflow: hidden; margin: 0 auto; height: 30px; line-height: 30px; border: none; background: transparent; font-size: 14px; color: #fff; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding:0 20px 0 10px;}*/ /*.xx-kuang select option{ color: #005497; }*/ /*.xx-kuang:after{position: absolute; top: 50%; right:5px; margin-top: -8px; width: 10px; height: 10px;content: ""; border-top: 1px solid #fff; border-right: 1px solid #fff; transform:rotate(135deg); -ms-transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg); -o-transform:rotate(135deg); }*/ .header-top-box .share-top{overflow: hidden; float: right;} .header-top-box .language{overflow: hidden; margin: 7px auto; float: left; color: #fff; height: 30px; line-height: 30px;} .header-top-box .language span{overflow: hidden; margin: 0 10px; font-size: 14px; color: #fff; height: 30px; line-height: 30px; display: block; float: left;} .header-top-box .language a{overflow: hidden; margin: 0 auto; font-size: 14px; color: #fff; height: 30px; line-height: 30px; display: block; float: left;} .header-top-box .bdsharebuttonbox{overflow: hidden; margin:0 10px; float: right; margin-top: 7px;margin-left: 45px;} .bdsharebuttonbox .gb_resItms{overflow: hidden; margin: 0 auto; float: right;} .bdsharebuttonbox .gb_resItms li{overflow: hidden; margin: 0 auto; width: 36px; text-indent: -9999px; float: left;} .share-top .bdsharebuttonbox .bds_weixin{ width: 30px; height: 30px; display: block; background: url("../images/wx_ico.png") no-repeat; background-position: inherit;} .share-top .bdsharebuttonbox .bds_sqq{ width: 30px; height: 30px; display: block; background: url("../images/qq_ico.png") no-repeat; background-position: inherit;} .share-top .bdsharebuttonbox .bds_tsina{ width: 30px; height: 30px; display: block; background: url("../images/wb_ico.png") no-repeat; background-position: inherit;} .header .header-bottm .logo{overflow: hidden; margin: 10px auto; display: block; float: left;} .header .header-bottm .logo img{overflow: hidden; margin: 0 auto; display: block;} .header .header-bottm{width:100%; height: 92px; margin: 0 auto;} .header .header-nav{float: right; margin: 0 auto; max-width: calc(100% - 300px); } .header .header-nav ul{ margin: 0 auto;} .header .header-nav ul li{ height: 54px; margin: 0 auto; float: left; position: relative; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; } .header .header-nav ul li:last-child .Navigation>a{ padding-right: 0;} .header .Navigation{overflow: hidden; margin: 0 auto; } .header .Navigation>a{padding: 0 15px; height: 92px; line-height: 92px; overflow: hidden; font-size: 18px; text-align: center; color: #333333; margin: 0 auto; display: block; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;} .header .header-nav li.on .Navigation>a{ color: #0974c0; } .header .Navigation div{width: 200px; height:auto; background: #fff;transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; position: absolute; top:100px; left:-45px; right:0; margin: 0 auto; opacity: 0; z-index: 0; box-shadow: rgba(0, 0, 0, 0.1) 0 5px 10px;} .header .Navigation div a{overflow: hidden; font-size: 15px; text-align: left; color: #666; display: block; margin: 0 auto; margin-left: 33px; height: 50px; line-height: 50px; padding-left: 10px; position: relative; } .header .Navigation div a:before{ content: ""; width: 5px; height: 5px; display: block; background: #666; border-radius: 50%; position: absolute; top:0; bottom: 0; left:0; margin:auto;} .header .Navigation div a:hover{color: #0974c0; background: #fff; font-size: 16px;} .header .nav ul li:hover .Navigation{} .header .header-nav ul li:hover .Navigation>a{color: #0974c0;} .header .header-nav ul li:hover .Navigation div{width: 200px; height: auto; padding: 0 0; top:92px; left:-45px; opacity: 1; z-index: 10;} /*.header img{overflow: hidden; margin: 0 auto; width: 100%;}*/ /*相册*/ .bigbox>.imgbox>img{width:100%;} .bigimg{max-width: 80%; max-height: 80%; position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff; object-fit: cover;} .mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.7;filter: Alpha(opacity=50);z-index: 100;transition:all 1s;display: none} .mask:hover{cursor:zoom-out} .bigimg:hover{cursor: move} .mask>img{position: fixed;right:10px;top: 10px;width: 60px;} .mask>img:hover{cursor:pointer} /*首页广告*/ .Ad-pop{width: 621px; max-height:430px; position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto; z-index:9999;border: 10px solid #fff; background: rgba(0, 0, 0, 0.6); } .Ad-pop .ad-gb{ overflow: hidden; font-size: 45px; color: #f00; display: block; width: 40px; height: 40px; line-height: 35px; text-align: center; position: absolute; top:0; right:0; background: #fff; } .Ad-box{overflow: hidden; width: 100%; height: 100%;} .Ad-box a{ overflow: hidden; margin: 0 auto; display: block;} .Ad-box a img{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 100%; object-fit: cover; } /*会议表格*/ .meeting-bt{ overflow: hidden; margin: 0 auto; display: table;} .meeting-bt h4{ overflow: hidden; margin: 0 auto; text-align: center; font-size: 30px; color: #096e88;} .meeting-bt span{ overflow: hidden; margin: 5px auto; display: block; text-align: center; font-size: 14px; color: #bfbfbf;} .meeting-bt h5{ overflow: hidden; margin: 0 auto; text-align: center; font-size: 24px; color: #333; font-weight: 500;} .meeting-bt span{ overflow: hidden; margin: 5px auto; display: block; text-align: center; font-size: 16px; color: #999;} #monitor{border-collapse: collapse; margin: 20px auto; min-width: 660px;} #monitor tbody{width: 100%; height: 100%;} #monitor tr{overflow: hidden; width: 100%; } #monitor td:nth-of-type(1){ width: 145px; } #monitor td:nth-of-type(2){ min-width: 110px; } #monitor td:nth-of-type(3){ min-width: 300px; } #monitor td:nth-of-type(4){ min-width: 200px; } #monitor td:nth-of-type(5){ width: 200px; } #monitor td,#monitor th{border:1px solid #fff; } #monitor th{ font-size: 16px; font-weight: normal; text-align: center; padding:20px 10px; color: #fff; background: rgb(116, 204, 220); } #monitor td{ font-size: 16px; text-align: center; padding: 10px 10px; background: rgba(119, 208, 246, 0.26); color: #24a1b8 ;} #monitor td span{ font-size: 16px; color: #0092ff; text-decoration: none;} #monitor td a{ font-size: 16px; color: #f00; text-decoration: none;} .tab-nav{overflow: hidden; margin: 80px auto 0; display: table; position: relative;} .tab-nav button{overflow: hidden; margin: 0 10px; padding: 0 10px; font-size: 16px; color: #333; font-weight: bold;} .tab-nav{ text-align: center;} .tab-nav a{display: inline-block; height: 30px; line-height: 30px; padding: 0 20px; background-color: rgb(116, 204, 220); border-radius: 3px; color: #fff; position: absolute; top:0; bottom: 0; margin: auto;} .tab-nav a:hover{ background: rgb(10, 164, 192); } #last-week{ left:0; } #next-week{ right:0; } /*会议详情*/ .meeting-box{overflow: hidden; margin: 20px auto; padding: 0 20px;} .meeting-box ul{overflow: hidden; margin: 0 auto; } .meeting-box ul li{overflow: hidden; margin: 0 auto; padding: 20px 0; border-bottom: 1px solid #ccc;} .meeting-box ul li div{overflow: hidden; margin: 0 auto; } .meeting-box ul li div span{overflow: hidden; margin: 0 auto; float: left; font-size: 16px; color: #666;} .meeting-box ul li div p{overflow: hidden; margin: 0 auto; float: left; font-size: 16px; color: #333; font-weight: 600;} .meeting-box .dw-box{overflow: hidden; margin: 20px auto 0; font-size: 18px; color: #666; text-align: right;} /*banner*/ .carousel-indicators{ width: 30px; background: rgba(255, 255, 255, 0.6); bottom: 0; top:0; left:inherit; right:60px; border-radius: 20px; margin: auto; } .carousel-indicators li{display: block; float: none; margin: 15px auto; background: #cccccc; width: 12px; height: 12px; border: none;} .carousel-indicators .active{background: #009de4; margin: 15px auto; width: 12px; height: 12px; border: none;} .index .news-report{ overflow: hidden; width: 1280px; position: absolute; bottom: 40px; left:0; right:0; margin: auto; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .index .scrollbox{ overflow: hidden; margin: 0 auto; height: 80px; position: relative; transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; background: #fff; border-left: 5px solid #0773c3;} .index .scrollbox strong{ font-size: 16px; color: #000; height: 80px; line-height: 80px; padding: 0 20px; float: left; } .index .carousel-inner2{height: 80px; float: left; width: calc(100% - 120px);} .index .carousel-inner2 li{height: 80px; background: #fff; padding-right: 50px; } .index .carousel-inner2 li div{ margin: 0 auto; } .index .carousel-inner2 li div a{margin: 30px auto; width: 50%; display: block; font-size: 16px; color: #333333; float: left; padding: 0 10px} .index .carousel-inner2 li div a p{ overflow: hidden; margin: 0 auto; width: 360px; font-size: 16px; color: #333333; display: block; float: left; white-space:nowrap; text-overflow:ellipsis;} .index .carousel-inner2 li div a sup{ overflow: hidden; margin: 0 10px; font-size: 12px; padding: 0 5px; height: 20px; line-height: 20px; display: block; float: left; background: #f08311; color: #fff;} .index .carousel-inner2 li div a span{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #999999; display: block; float: left;} .index .carousel-inner2 li div a:hover p{ color: #f08311;} .index .news-widget{ overflow: hidden; float: right; position: absolute; top:0; right:0; padding: 20px 10px;} .index .news-widget a{ overflow: hidden; background: url("../images/iconfont-arrows2.png") no-repeat; width: 18px; height: 18px; display: block;} .index .news-widget a.btn-up{ background-position: 1px 5px;} .index .news-widget a.btn-next{ background-position: 1px -17px;} .index .news-report .news-bt{ overflow: hidden; margin: 0 auto; width: 100%;} .index .news-report .pack{ font-size: 12px; color: #fff; text-align: center; background: #005497; float: right; padding: 2px 10px; } .index .news-report .news-btn{ font-size: 12px; color: #fff; text-align: center; background: #c70009; float: right; padding: 2px 10px; } /*index*/ .index{overflow: hidden; margin: 0 auto;} .inx-banner{overflow: hidden; display: block; margin: 0 auto; height: fit-content; position: relative;} .index .box-bt{ width: 1280px; overflow: hidden; margin: 0 auto 50px; border-bottom: 1px solid #0773c3; } .index .bt-nav{ float: left; overflow: hidden; margin: 0 auto; border-radius: 10px 10px 0 0;} .index .bt-nav a{ font-size: 16px; color: #333333; float: left; display: block; height: 50px; line-height: 50px; padding: 0 30px; background: #e6e6e6;} .index .bt-nav a.on{ color: #fff; background: #0773c3;} .index .bt-nav2{ float: left; overflow: hidden; margin: 0 auto; border-radius: 10px 10px 0 0;} .index .bt-nav2 a{ font-size: 20px; color: #333333; float: left; display: block; height: 50px; line-height: 50px; padding: 0 30px; background: #e6e6e6;} .index .bt-nav2 a.on{ color: #fff; background: #ea2c4e;} .index .box-bt .more{ font-size: 16px; color: #666666; text-align: center; padding: 2px 0; float: right; margin: 8px auto;} .index .box-bt .more span{ color: #0773c3; font-size: 20px; margin: 0 5px; } .index .box-1-bg{ overflow: hidden; margin: 0 auto; background: url("../images/col1_bg_02.png") no-repeat top; background-size: 100%; } .index .box-1{ overflow: hidden; margin: 0 auto; width: 1280px; padding: 55px 0; } .index .box-1-txt{overflow: hidden; margin: 25px auto; position: relative;} .index .box-1-txt ul{ overflow: hidden; margin: 0 auto; display: none;} .index .box-1-txt ul.dis{ display: block;} .index .box-1-txt .photo{ margin: 0 auto; padding: 10px 0; } .index .box-1-txt .photo li{ overflow: hidden; margin: 0 auto; margin-right: 25px; width: calc((100% - 75px) / 4); float: left;} .index .box-1-txt .photo li:nth-of-type(4n){ margin-right: 0;} .index .box-1-txt .photo li a{ overflow: hidden; margin: 0 auto; } .index .box-1-txt .photo li a i{ overflow: hidden; margin: 0 auto; width: 100%; height: 200px; display: block;} .index .box-1-txt .photo li a i img{margin: 0 auto; width: 100%; height: 200px; display: block; object-fit: cover;} .index .box-1-txt .photo li a div{ overflow: hidden; margin: 0 auto; width: 300px; height: 160px; padding: 0 15px; background: url("../images/idx_img_bg.jpg") no-repeat; background-size: cover;} .index .box-1-txt .photo li a div h4{ overflow: hidden; margin: 20px auto 15px; display: block; font-size: 18px; color: #fff; display: block; white-space:nowrap; text-overflow:ellipsis; } .index .box-1-txt .photo li a div p{ overflow: hidden; margin: 0 auto; height: 42px; display: block; font-size: 14px; color: #fff; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .index .box-1-txt .photo li:hover{box-shadow: rgba(0, 0, 0, 0.3) 0 5px 10px; } .index .box-1-txt .photo li a div span{ margin: 5px auto; color: #fff; font-size: 14px; width: 100%; display: block; height: 40px; line-height: 40px; padding: 0; } .index .box-1-txt .photo li a div span em{transition:.5s; -webkit-transition: .5s; -moz-transition: .5s; margin-right: 70%; float: right; } .index .box-1-txt .photo li a div span:hover{color: #fff; } .index .box-1-txt .photo li a div span:hover em{ margin-right: 0; } .index .character li{overflow: hidden; width: 50%; float: left; padding-right: 40px;} .index .character li:nth-of-type(2n){ float: left; border-left: 1px solid #ddd; padding-left: 40px; padding-right: 0;} .index .character li a{ overflow: hidden; margin: 0 auto; display: block; height: 50px; line-height: 50px;} .index .character li a p{ font-size: 16px; color: #333333; float: left; width: 80%; display: block; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; } .index .character li a span{ font-size: 16px; color: #999999; float: right; } .index .character li a:hover p{ color: #0773c3; } .index .character li a:hover span{ color: #0773c3; } .index .box-2-bg{ overflow: hidden; margin: 0 auto; background: url("../images/col2_bg_02.png") no-repeat left bottom;} .index .box-2{ overflow: hidden; margin: 0 auto; width: 1280px; } .index .box-2 .box-bt{ border-color: #4c9f83; } .index .box-2 .bt-nav a.on{ background: #4c9f83; } .index .box-2 .box-bt .more span{ color: #4c9f83; } .index .box-2 ul{ overflow: hidden; margin: 50px auto; display: none;} .index .box-2 ul.dis{ display: block;} .index .box-2 .photo li{ overflow: hidden; float: left; width: calc((100% - 50px) / 3); margin-right: 25px;} .index .box-2 .photo li:nth-of-type(3n){ margin-right:0;} .index .box-2 .photo li i{ overflow: hidden; display: block; width: 100%; height: 250px; } .index .box-2 .photo li img{display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; } .index .box-2 .photo li:hover i img{transform: scale(1.4);} .index .box-2 .photo li h4{ overflow: hidden; margin: 15px auto; } .index .box-2 .photo li h4 a{ color: #333333; font-size: 18px; display: block; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; } .index .box-2 .photo li p{ color: #999999; font-size: 14px; height: 42px; overflow: hidden; display: block;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index .box-2 .photo li p a{ color: #999999; } .index .box-2 .photo li:hover h4 a{ color: #337ab7; } .index .box-2 .photo li:hover p a{ color: #337ab7; } .index .box-2 .photo li .eme-btn{ margin: 10px auto; color: #666666; font-size: 14px; width: 100%; display: block; height: 40px; line-height: 40px; padding: 0 10px; } .index .box-2 .photo li .eme-btn span{transition:.5s; -webkit-transition: .5s; -moz-transition: .5s; margin-right: 80%; float: right;} .index .box-2 .photo li .eme-btn:hover{ background: url("../images/eme_bg.jpg") no-repeat; color: #fff; } .index .box-2 .photo li .eme-btn:hover span{ margin-right: 0; } .index .box-3-bg{ overflow: hidden; margin: 0 auto; } .index .box-3{ overflow: hidden; margin: 0 auto; } .index .box-3 .Carousel{ overflow: hidden; margin: 0 auto; width: 100%; position: relative;} .index .box-3 .img li{ overflow: hidden; margin: 0 auto; position: relative; float: left;} .index .box-3 .img li img{ overflow: hidden; margin: 0 auto; display: block; } .index .box-3 .carousel-box{ overflow: hidden; width: 100%; position: absolute; top:0; bottom: 0; left:0; right:0; margin: auto; height: 323px;} .index .carousel-box div{ overflow: hidden; display: block; margin: 0 auto 50px; width: 590px; background: #fff; padding: 40px;} .index .carousel-box div span{ overflow: hidden; display: block; margin: 0 auto; width: 75px; height: 4px; background: #009de4; } .index .carousel-box div h4{ overflow: hidden; display: block; margin: 20px auto; font-size: 32px; color: #333333; text-align: center;} .index .carousel-box div p{ overflow: hidden; display: block; font-size: 14px; color: #666666; text-align: center;} .index .box-3 .carousel-box a{ overflow: hidden; margin: 0 auto; display: block;} .btn{background: transparent; width: 49px; height: 98px; position: absolute; top:0; bottom: 0; margin: auto; } .btn_l{left:135px;} .btn_r{right:135px;} /*/ 小圆圈 /*/ .Carousel .num { position: absolute; width: 100%; bottom: 10px; left: 0; text-align: center; font-size: 0px; } .Carousel .num li { width: 10px; height: 10px; background: #888; border-radius: 50%; display: inline-block; margin: 0 3px; cursor: pointer; } .Carousel .num li.on { background: #F60; } .index .box-4-bg{ overflow: hidden; margin: 0 auto; background: #fff; } .index .box-4 .box-bt{ border-color: #ea2c4e; } .index .box-4 .box-bt .more{ color: #ea2c4e; } .index .box-4 .box-bt .more span{ color: #ea2c4e; } .index .box-4{ overflow: hidden; margin: 0 auto; padding: 55px 0;} .index .box-4 .box-4-txt{ overflow: hidden; margin: 0 auto; height: 300px; position: relative; } .index .box-4 .box-4-txt>div{ opacity: 0; position: absolute; top:0; left:0; right:0; margin: auto; z-index: 1;} .index .box-4 .box-4-txt>div.dis{ opacity: 1; z-index: 99;} .index .box-4 .bx-wrapper{ overflow: hidden; margin: 0 auto; } .index .box-4 .bx-viewport a{overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 100%; } .index .box-4 .bx-viewport a i{overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 262px; } .index .box-4 .bx-viewport a:hover img{transform: scale(1.4);} .index .box-4 .bx-viewport img{margin: 0 auto; display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; } .index .box-4 .bx-default-pager{ display: none;} .index .box-4 .bx-controls-direction{ overflow: hidden; margin: 0 auto;} .index .box-4 .bx-controls-direction a{ position: absolute; top:0; text-indent: -9999px;} .index .campus-1 .slide img{overflow: hidden; margin: 0 auto; height: 262px; } .index .campus-2 .slide img{overflow: hidden; margin: 0 auto; height: 262px;} .index .box-4 .slide a span{ overflow: hidden; margin: 10px auto; display: block; font-size: 16px; color: #666666; text-align: center; display: block; white-space:nowrap; text-overflow:ellipsis;} .index .box-4 .slide a:hover span{ color: #f08311; } .index .box-4 .bx-prev{ width: 118px; height: 262px; display: block; background: url("../images/col6_icon1.png") no-repeat; left:0;} .index .box-4 .bx-next{ width: 118px; height: 262px; display: block; background: url("../images/col6_icon2.png") no-repeat; right:0;} .index .box-5-bg{ overflow: hidden; margin: 0 auto; height: 510px; background: url("../images/idx_bg_04.jpg") no-repeat; background-size: 100% 100%; } .index .box-5{ overflow: hidden; margin: 0 auto; width: 1280px; padding-top: 100px;} .index .box-5 ul{ overflow: hidden; margin: 0 auto;} .index .box-5 ul li{overflow: hidden; margin: 0 auto 50px; height: 70px; margin-right: 50px; float: left; width: calc((100% - 150px) / 4); } .index .box-5 ul li:nth-of-type(4n){ margin-right: 0; } .index .box-5 ul li a{ overflow: hidden; margin: 0 auto;} .index .box-5 ul li a h4{ overflow: hidden; margin: 0 auto; font-size: 24px; color: #fff; font-weight: bold; } .index .box-5 ul li a h4 i{ overflow: hidden; margin: 0 auto; float: left; margin-right: 10px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;} .index .box-5 ul li a h4:before{ content: ""; width: 20px; height: 30px; display: block; background: url("../images/idx_ico_xx.png") no-repeat; float: right; transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; } .index .box-5 ul li a:hover :before{transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);} .index .box-5 ul li a:hover h4 i{ margin-right: 20px; } .index .box-5 ul li a:hover p{ font-size: 18px; } .index .box-5 ul li a p{ font-size: 16px; color: #fff; overflow: hidden; margin: 10px auto; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;} /* 22.4.22修改 */ #floatdivids{ position: absolute; z-index: 999; } #ClickRemoveFlo{ display: inline-block; width: 26px; height: 26px; border-radius: 3px; text-align: center; line-height: 26px; position: absolute; right: -10px; top: -10px; color: #fff; background-color: #1373EB; cursor: pointer; font-size: 18px; line-height: 24px; font-weight: 100; } #floatdivids a{ color: #fff; font-size: 24px; border-radius: 3px; display: inline-block; } /* ============================== */ /* 2022.08.28 新增窗口登录 */ /* user */ .user-window .modal-header{ background-image: linear-gradient(to right, #0773c3, #4c9f83); } .user-window .modal-body{ background: url("../images/win-bg.png") no-repeat bottom center; background-size: 100% auto; padding: 60px 15px; } .user-window .modal-title{ color: #fff; font-size: 16px; } .form-icon{ height: 26px; margin-top: -3px; margin-right: 5px; } .form-col{ width: 370px; height: 44px; background: #fff; padding: 0 20px; margin: auto; margin-bottom: 15px; border-radius: 5px; } .form-txt{ border: 0; font-size: 16px; color: #333; width: 85%; line-height: 44px; background: #fff !important; } .form-g{ width: 370px; margin: auto; overflow: hidden; margin-bottom: 15px; } .form-col2{ width: 65%; height: 44px; background: #fff; padding: 0 20px; border-radius: 5px; float: left; } .yzm-img{ width: 30%; height: 44px; border-radius: 5px; float: right; cursor:pointer; } .form-txt2{ border: 0; font-size: 16px; color: #333; width: 80%; line-height: 44px; background: #fff !important; } .form-btn{ width: 100%; background-color: #0773c3; color: #fff; width: 65%; height: 44px; border-radius: 5px; display: block; margin: auto; font-size: 16px; text-align: center; line-height: 44px; } .form-btn:hover{ color: #fff; background-color: #4c9f83; } .xx-kuang2{ margin-left: 10px; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; outline:none; } .modal-header .close{ z-index: 99; position: relative; } /* 20241107修改 */ .row3{ position: relative; margin-bottom: 30px; width: 100%; height: 150px; } .video-img{ width: 100%; object-fit: cover; position: relative; } .video-btn{ width: 100%; height: 100%; display: block; } .video-img{ width: 100%; height: 100%; } .video-mask{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .3); z-index: 9; } .modal-open{ padding-right: 0 !important; } #videos .modal-dialog{ width: 76%; } #videos .modal-body{ width: 100%; height: 80vh; background: #000; padding:0; } .modal-backdrop.in{ display: none; } .row3 #video{ width: 100%; height: 100%; } /* 20241107修改end */ /* 20250317修改 */ .fu-title{ text-align: center; font-size: 16px; color: #666; margin-top: 10px; margin-bottom: 10px; } /* 20250317修改end */ /*兼容*/ @media (min-height:450px) and (max-height:800px){ } @media only screen and (max-width: 1442px){ .header .header-nav ul li:last-child .Navigation>div{ left:inherit;} } @media only screen and (max-width: 1440px){ body{ min-width: 1000px;} .index .box-1,.index .box-2,.index .box-5,.footer2 .footer2-top,.footer .footer-box,.header-bg .header-top-box,.header,.index .box-bt,.index .news-report{width: 1000px;} .header .header-bottm .logo img{width: 232px; margin:8px auto; } .header .header-nav{max-width: calc(100% - 232px); } .header .Navigation>a{font-size: 16px; padding: 0 10px;} .header .header-nav ul li:hover .Navigation div{top:92px; left:-30px; width: 150px;} .header .Navigation div a{margin-left:15px;} .index .carousel-inner2 li div a p{width: 240px;} .index .box-1-txt .photo li{width: calc((100% - 51px) / 3);} .index .box-2 .photo li{width: calc((100% - 51px) / 3);} .index .box-1-txt .photo li:nth-of-type(3n){ margin-right: 0; } .index .box-1-txt .photo li:nth-of-type(4n){ display: none;} .index .box-1-txt .photo li a div{ width: 100%; } .index .box-2 .photo li .eme-btn span{margin-right: 70%;} .page-gg .page-nav{padding:0 10px 50px 0;} .page-gg .page-news{padding: 50px 20px 50px 0;} .page-gg .page-nav ul li div a{text-indent: 1em;} .footer2 .footer2-top-canter{width: calc(100% - 212px);} .footer2 .footer2-canter-1{margin: 40px 50px;} .footer2 .footer2-top-right{display: none;} } @media only screen and (min-width: 1600px){ }